@import url("navigation.css");
/* Page level styles */
body { margin:0; padding:0; background-color: #fff; }

html,body,td,th,table,input { font-size:11px; font-family:"Trebuchet MS", arial, helvetica, sans-serif; color: #000; }
form { margin:0; padding:0; }
div { margin:0; }
p {line-height:16px; margin:0 0 9px 0; }

a{
	color:#148ab2; 
	text-decoration:none;
}

a:visited{color:#59639c; }
a:hover, 
a:focus {
	color:#666; 
	text-decoration:underline;
}
img,
a img{border:0;}

h1 { font-size:22px; font-weight:normal; color:#333; margin:0;}
h2 { font-size:15px; color:#333; line-height:17px; margin:0 0 5px 0; padding:0;}
h3 { font-size:13px; color:#333; margin:0; }      

h4 { font-size:11px; margin:0 0 5px 0; }

ol { margin:0 5px 10px 21px; padding:0; }
ol li { margin:0 0 4px 0; line-height:15px; }
ol ol { margin:8px 5px 8px 22px; padding:0; list-style-type: lower-alpha;}
ol ol ol { list-style-type: lower-roman; margin:5px 5px 10px 22px; }

ul { margin:10px 5px 15px 0px; list-style-type:none; padding:0; }
ul li { line-height:15px; margin-left:0; margin-bottom:6px; padding-left:8px; background-image:url(../images/common/icons/icon_ul_bullet.gif); background-repeat: no-repeat; }

table, 
td { border:0; }

sup { font-size:7px; font-weight:normal; margin:0; padding:0; margin-right:2px; text-decoration:none; }
label{
	display:block;
	margin-bottom:3px;
}
label input,
label select,
label textarea{font-weight:normal} 

input.textField{
	width:120px;
	margin:0 5px 9px 0;
	vertical-align:middle;
}
select{
	margin:0 5px 9px 0;
	vertical-align:middle;
}

input.button{
	margin-bottom:9px;
	vertical-align:middle;
}

p.example{
	color:#999;
}

p.highlight{
	font-weight:bold;
}

code { font: normal 11px/15px "Courier New", monospace; margin-top:20px; }
code strong { background:#fff3bf; }
code em { background:#c7e7ef; font-style: normal; }

.offCharts { position:absolute; left:-9999em; }



#mainCont{background-color:#fff;}


option{margin-right:10px;}


.clear,
.clearer{display:block; margin:0; padding:0; clear:both; font-size:1px; width:1px; height:1px; overflow:hidden;}

h1.pageTitle{margin-bottom:20px; display:block; vertical-align:middle;}

h1.pageTitle img{margin-right:10px; vertical-align:middle;}

table.pageContent h1.pageTitle{
	margin-bottom:5px;
}

/****** Error messaging styles ******/
	#errorMessagingBox,
	.errorMessagingBox{
		background-color:#ffcccc;
		padding:10px 10px 10px 42px;
		border:1px solid #cc0000; 
		background-color:#ffcccc; 
		background-image:url(../images/common/icons/icon_error.gif); 
		background-repeat:no-repeat;
		display:block;
		margin-bottom:15px;
		_height:1%;
	}
	.errorMessagingBox p{
		font-size:12px; 
		font-weight:bold;
		margin-bottom:0;
		color:#000000;
	}
	.errorMessagingBox ul{
		list-style-type:none;
		margin:5px 0;
		padding:0 0 0 10px;
	}
	input.error,
	select.error,
	textarea.error{border:1px solid #ba2027 !important; color:#000;}
	.error{color:#ba2027 !important;}
/***** end error messaging *****/

/****** info messaging *****/
	.infoMessagingBox{
		background-color:#ffffcc; 
		border:1px solid #d65e53; 
		margin-bottom:15px;
		_height:1%;
		width:851px; /*changed from 996 to 851 to fit with the overall wideth of the page per 275976*/
		/*width:996px;*/

	}
	.infoMessagingBox p{margin:10px; font-size:12px; color:#000000;}
	.infoMessagingBox h3{font-size:12px; font-weight:bold; margin:10px 10px 5px 10px;}
	.infoMessagingBox ul{
		list-style-type:none;
		list-style-image:url(../images/common/icons/icon_bk_bullet.gif); 
		margin:5px 0;
		padding:0 0 0 10px;
	}
	.infoMessagingBox ul li{
		background-image:none;
	}
	.infoMessagingBox .container{
		padding:0 5px 5px 50px;
		background-image:url(../images/common/icons/icon_info_lg.gif);
		background-repeat:no-repeat;
		background-position:10px 0;
	}
		
/***** end info messaging *****/

/***** region bar ****/
	div.regionBar{
		float:right;
		clear:both;
	}
	
	
/*local Nav Styles */
	#localNavBox ul{margin:0; padding:0; list-style:none;}
	#localNavBox li{list-style:none; color:#000; margin:0;  padding:4px 5px; background-image:none;}
	#localNavBox li.first{padding:4px 0;}
	#localNavBox ul.outer li{ border-bottom:1px solid #999; font-weight:bold;}
	#localNavBox li a{color:#999; text-decoration:none;}
	#localNavBox li.first a{padding:4px 0; color:#000;}
	#localNavBox ul.inner{margin-left:20px;}
	#localNavBox ul.inner li{border:none; font-weight:normal;}
	#localNavBox li a:hover, 
	#localNavBox li a.on:hover,
	#localNavBox li.first a:hover{color: #666; text-decoration:underline;}
	#localNavBox li a.on{color:#000;}
	
	
	#localFooter{background-image: url(../images/common/bg_h_dots_light.gif);
				 background-repeat:repeat-x;
				 padding:6px 20px;
				 background-color:#fff;
				 width:940px;
				 position:relative;/*added per issue 268538 for the multi browser project*/
				 }
	#localFooter ul{display:inline; margin:0; padding:0; list-style:none;}
	#localFooter li{display:inline; 
					margin:0 20px 0 0;
					padding: 0 0 0 13px;
					background-position:0 4px;
					background-image: url(../images/common/header/buk_open_dot_list.gif);
					background-repeat: no-repeat;
					font-weight:bold;}
	#localFooter li.label{color:#666; background:none; padding-left:0;}
	
/* CA pages */
.caLogo{
	float:right;
}
#calanding{
	margin-top:20px;
}
#calanding .titleSection{
	margin-bottom:40px;
}
#calanding .titleSection h1{
	margin-bottom:10px;
}

.peek-a-boo{
	position:relative;
}
/* Styles related to chat images */
div.sales-help div{
	float:right;
}
div.sales-help {
	overflow:auto;
}