/* Start elements/ID's */
/* These are page objects, do not add text styles to this list */
* {
	margin: 0px;
}
html{
	height: 100%;
}

body {
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
	background-image: url(../images/bkgd_head.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}


ul {
	margin-left: 5px;
	padding-left: 5px;
}

a img{
	border: none;
	border-bottom: none;
	
}
#wrapper {
	width: 70%;
	min-width: 800px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -48px;
	min-height: 100%;
	height: auto !important;
}
#header {
	padding-top: 15px;
}
#logo {
	cursor: pointer;
	height: 20px;

}
#nav_holder{
	float: right;
	height: 20px;
	margin-top: -20px;
}
#nav {
	padding: 5px;
}
.nav_item {
	display: inline;
	margin-left: 20px;
	margin-right: 10px;
	height: 180px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

}
	
.nav_item a:link{
	color: #000;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.nav_item a:active{
	color: #000;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.nav_item a:visited{
	color: #000;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.nav_item a:hover{
	background-color: #0CF;
	color: #FFF;
	padding: 5px;
	cursor: pointer;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#search {
	float: right;
	width: auto;
	height: auto;
	margin-top: -12px;
	margin-right: -5px;
	padding: 5px 10px 5px 10px;
}
#search input{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
	padding: 3px;
	vertical-align: middle;
}
#search .bttn{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	padding: 3px;
}
#content {
	margin-top: 20px;
}

#upper {
	clear: right;
	float: right;
	color: #999;
	font-size: 8pt;
	text-align: right;
	line-height: 20px;
}

#footer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	font-size: 8pt;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 0px;
	background-color: #1f1f1f;
	text-align: center;
	background-image: url(../images/footer_bkgd.jpg);
	background-repeat: repeat;
}
#footer-info{ 
	background-color: #1f1f1f; 
	background-image: url(../images/footer_bkgd.jpg);
	background-repeat: repeat;
	color: #999;
	padding: 15px 200px 2px 200px;;
	border-top: 1px solid #000;
	min-height: 200px;
	position: relative;
	}
.footer-info-heads{
	font-family: "Myriad Pro", Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 16pt;
	color: #e7e7e7;
}
.left_col {
	float: left;
	width: 48%;
	padding: 5px;
}
.right_col {
	float: right;
	width: 48%;
	padding: 5px;
}
#push {
	height: 40px;
	padding: 8px;
}
.push {
	height: 40px;
	padding: 8px;
}

input {
	vertical-align: middle;
}
/* main href's */
a:link {
	color: #09C;
	text-decoration: underline;
}

a:active {
	color: #09C;
}

a:hover {
	color: #0CF;
}

a:visited {
	color: #06C;
}

#left_col {
	float: left;
	padding: 5px;
	border: 1px solid #EBEBEB;
	width:20%;
}


/* Note the new styles for the anchors in the left-col 7-27-09 */
#left_col a:link{
	line-height: 30px;
	padding: 5px;
	text-decoration: none;
}
#left_col a:active{
	line-height: 30px;
	padding: 5px;
	text-decoration: none;
}
#left_col a:hover{
	/* light blue */background-color: #DFF2F9;
	color: #000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #87BDC7;
}
#left_col a:visited{
	line-height: 30px;
	padding: 5px;
	text-decoration: none;
}
/* The border-radius property is a css3 class and currebntly only css3 enabled 
browsers can render it. It will defualt to 90 degrees for IE. */

/* end of left_col anchors */

#right_col {
	width: 75%;
	float: right;
	padding: 8px;
	border: 1px solid #EBEBEB;
}
.clear {
	clear: both;
}

#home_login {
	padding: 5px 5px;
	border: 1px solid #ccc;
	border-top: none;
	float: right;
	width: 480px;
	background-color: #f0f0f0;
	margin: 16px 0;
	position: relative;
	-moz-box-shadow: 0px 2px 3px #ccc;
	-webkit-box-shadow: 0px 2px 3px #ccc;
}
#home_login input{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
}
#home_content{
	
}
.home-feature-lrg{
	font-size: 22pt;
	font-family: "Myriad Pro", Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.home-feature{
	background-color: #e5e5e5;
	border: 1px solid #d5d5d5;
	padding: 5px 5px;
	width: 31%;
	float: left;
	margin-left: 5px;
	margin-right: 0px;
	cursor: default;
	display: block;
}
.home-feature img{
	padding: 0;
}
.home-feature-heads{
	font-family: "Myriad Pro", Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 16pt;
	color: #333;
}
.home-box {
	border: 1px solid #CCC;
	min-width: 100px;
}
/* for the home slideshow */
#product-line{
	padding: 10px 0;
	min-height: 255px;
	border: none;
}
#product-line img, a{
	border: none;
	outline: none;
}
.feature-icon{
	float: left;	
	margin: -20px 0 0 -10px;
}

.product-heads{
	font-size: 32pt;
	color: #666;
	font-family: "Myriad Pro", Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -3px;
}
.product-heads-black{
	font-size: 32pt;
	color: #000;
	font-family: "Myriad Pro", Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -3px;
}
.product_images{
	vertical-align: bottom;
}
.gray {
	color: #999;
}
.li-ie{
	margin-left: 40px;
}
/* End elements/ID's */
/* ------------------------------------------------------------------------ */
/* Start text styles - remember to name them efficiently so they make sense */

.market_head {
	font-size: 16pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #E9E9E9;
	padding: 3px;
}
.head {
	font-size: 16pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
}
.centerbox {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.clean_txtarea{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
	padding: 3px;
}

.error {
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	background-color: #FFDFDF;
	border: 1px solid #FFB3B3;
	} 
.form-error {
	padding: 3px;
	margin: 0 5px;
	background-color: #FFDFDF;
	border: 1px solid #FFB3B3;
	} 
.success {
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	background: #D8F4CE;
	border: 1px solid #93C18C;
}
.info {
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	background: #C6E2EC;
	border: 1px solid #87BDC7;
}
.searchhighlight{
		background-color:#FF0;
	
}

.linkfinger{
	cursor:pointer}
	
	
.update_label{
	font-weight: bold;
	cursor:pointer;
	display:inline
	}
.nonupdate_label{
	font-weight: bold;
	display:inline;
	color: #666;
	}

.notes {
	color: #999;
	font-size: 8pt;
}

div.autocomplete {
  position:absolute;
  width:325px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  text-align: left;
  
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:15px;
  cursor:pointer;
  border:1px solid #888;
}


#contact {
	width: 600px;
	margin: 0 auto;
}
#contact input, textarea{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
}



#cmmegg{
	background-color: #F3C;
	height: 400px;
}



















/* portal page things */

/*8ball*/
#magic8ball{
	float: left;
	margin-top: 30px;
}


#main_options{
	float: left;
	padding: 10px ;
	background-color: #edf4fd;
	border: #d0e4fe 1px solid;
}
#main_options ul{
	margin-left: 5px;
}
.module_title{
	background-color: #d0e4fe;
	color: #333;
	padding: 5px;
}
#old_data{
	float: right;
	padding: 10px;
	background-color: #edf4fd;
	border: #d0e4fe 1px solid;
	z-index: 10;
}
#old_data input{
	margin: 5px 0;
}
#bug_report{
	clear: right;
	float: right;
	padding: 3px;
	margin: 10px 0;
	background-color: #FFDFDF;
	border: 1px solid #FFB3B3;
}
#bug_report input {
	margin: 3px 0;
}

#help_desk_wrapper{
	margin-top: 10px;
	clear: both;
	float: left;
	padding: 5px;
	background-color: #edf4fd;
	border: #d0e4fe 1px solid;
	position: relative;
}
#help_desk object{
	outline: none;
}




.datatable-evenrow{
	background-color: #EFEFEF;
}

.datatable-oddrow{
	background-color:#FFF;
}

.datatable{
	border: none;
	
	
}
.datatable td, tr{
	border: none;
	padding: 3px;
	margin: 0;
	/*text-align: center;*/
}
.center_row{
	text-align: center;
}
.datatable th{
	cursor: pointer;
	background-color: #FFC;
	padding: 5px;
}

.datatable .summary{
	background-color: #000;
	color:#FFF;
}

.datatable tfoot{
	background-color: #000;
	color:#FFF;
}

.datatable-extrarow{
	background-color: #FFFF66;
	color: #333;
	}
.announcement {
	padding: 5px;
	margin: 0 0 5px 0;
	
}

.announcement_home {
	padding: 5px;
	margin: 0 auto;
	background-color: #eff4e6;
}
.extra_callout{
	background-color: #edf4fd;
	border: #d0e4fe 1px solid;
	padding: 5px;
	margin-bottom: 25px;
}

/* Intranet styles */
#intranet_nav{
	display: inline;
	padding: 10px;
	border: 1px solid #ccc;
	border-top: none;
	float: right;
	width: 100%;
	background-color: #f0f0f0;
	margin: 0;
	position: relative;
	-moz-box-shadow: 0px 2px 3px #ccc;
	-webkit-box-shadow: 0px 2px 3px #ccc;
}
#intranet_nav ul li{
	display: inline;
	padding: 15px 0 0 0;
	margin-right: 5px;
}

.dropdown_group{
	padding: 20px 0 0 0;
	text-align: center;
}


.intranet_nav_item {
	display: inline;
	margin-left: 20px;
	margin-right: 10px;
	height: 180px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

}
	
.intranet_nav_item a:link{
	color: #000;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.intranet_nav_item a:active{
	color: #000;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.intranet_nav_item a:visited{
	color: #000;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.intranet_nav_item a:hover{
	background-color: #0CF;
	color: #FFF;
	padding: 5px;
	cursor: pointer;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}












.so_dropdown{
	background: #C6E2EC;
	border: 1px solid #87BDC7;
	padding: 10px;
	
}
.edit{
	float: right;
	font-size: 10pt;
	padding: 2px 10px;
	cursor:pointer;
	text-decoration: none;
}

.edit a:link{
	color: #000;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.edit a:active{
	color: #000;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.edit a:visited{
	color: #000;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.edit a:hover{
	background-color: #0CF;
	color: #FFF;
	padding: 5px;
	cursor: pointer;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}



hr {
	border: 1px 0px 0px 0px solid;
	border-color: #CCC;
	height: 1px;
	width: 100%;
}
.yellow{
	background-color: #FF6;
}
#login_info{
	float: right;
	margin: -10px 0 0 0;
	padding-bottom: 10px;
	color: #333;
}
.option_group{
	float: left;
	padding: 10px ;
	background-color: #edf4fd;
	border: #d0e4fe 1px solid;
}
.datatag {
	padding: 5px;
	float: left;
	width: 32%;
}
.table_label{
	font-weight: bold;
}


.hookselected{
	background-color:#FF0}
	
.left-block{
	width: 40%;
	float: left;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #f0f0f0;
	margin-top: 5px;
}

.right-block{
	float: right;
	width: 40%;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #f0f0f0;
	margin-top: 5px;
}
.bttn-icon{
	cursor: pointer;
	border: none;
	outline: none;
}
/*
#dept_pages{
	clear: both;
	width: 40%;
	float: left;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
}
#add{
	clear: left;
	width: 40%;
	float: left;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
	margin-top: 5px;
}
#yesterday_projects{
	clear: left;
	width: 40%;
	float: left;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
	margin-top: 5px;
}
#useful_links{
	clear: right;
	float: right;
	width: 40%;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
}
#anniversaries{
	clear: right;
	float: right;
	width: 40%;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
	margin-top: 5px;
}

#weather{
	clear: right;
	float: right;
	width: 40%;
	min-height: 250px;
	padding: 10px;
	background: #D6E6EB;
	border: 1px solid #87BDC7;
	margin-top: 5px;
}
#weather iframe{
	text-align: center;
}

*/

.box_item{
	
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
	margin-top: 5px;
}

.left_box{
	width: 40%;
	float: left;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
	margin-top: 5px;
}
.right_box{
	
	width: 40%;
	float: right;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
	margin-top: 5px;
}
.message {
	background:#0F0;
}
.strikeout{
	text-decoration: line-through;
}

#op_access_portal{
	clear: both;
	width: 40%;
	float: left;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
}

.computedfield {
	color:#900;
}

.pointer {
	cursor:pointer;
	text-decoration: none;
}


.callout_hide_report {
	cursor:pointer;
	color: #FFF;
	background-color: #333;
}


.box
{
	background-color: #CCC;
	border: 4px solid #000;
}


.opp_logout{
	margin: -20px 0 0 15px; 
	float: right; 
	padding: 3px; 
	background-color: #dfecf1; 
	border: 1px solid #728d96; 
	color: #728d96;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.opp_logout:hover{
	background-color: #e8f2f6;
	-moz-box-shadow: 2px 2px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px #ccc;
}

.intranet_icons{
	vertical-align: middle;
	padding: 2px;
}

/* for KB */

.backlink{
	background-color: #CEF5FF;
	color: #FFF;
	padding: 3px;
	cursor: pointer;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.small {
	font-size: 8pt;
	color: #666;
}
.high{
	background-color: #FF0;
	padding: 3px;
}

.alt_row {
	background-color: #E9E9E9;
}
.datatable-summaryrow
{
	background-color:#333333;
	color: #FFFFFF;
}


/*
````````````````````````````````````````````````````
``` added 06.07.2011 for jquery datepicker rogue  ``
``` linebreak fix.								  ``
````````````````````````````````````````````````````
*/
#ui-datepicker-div { display: none; }


/*````````````` dashboard stuff `````````````*/

.dashboard_fs{
	line-height: 2em;
	width: 80%;
}


/*````````````` /dashboard stuff `````````````*/


.no_hook
{
	
	background-color:#C33;
}