/* THIS STYLESHEET IS THE SECONDARY STYLESHEET REQUIRED BY CSG SITE 
 * NOTE:
 * 		This style sheet styles most of the page level content in the site
 *		This style sheet should not have any styles for fonts, please use fonts.css 
 */

/* text styles */
.txt17pxArial {
	font-size:17px;font-weight:bold;color:#999999;
}
.orangeTxt {
	color: #f4990c;
}
.orangeTxtBold {
	color: #f4990c;
	font-weight: bold;
}


/* css tool tip code */
a.info {
	position: relative; /*this is the key*/
	z-index: 24;
	background-color: #fff;
	color: #f4990c;
	text-decoration: none;
}

a.info:hover {
	z-index: 25;
	background-color: #ffffff
}

a.info span {
	display: none;
	text-decoration: none;
}

a.info:hover span { /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 2em;
	left: -10em;
	width: 15em;
	padding: 4px;
	border:1px solid #fff;
	background-color: #0099ff;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}


/* these are the various classes used to style the demo error fields */
.errorField {
	border:2px solid #FF1616;
	color: #000000;
}
.errorFieldDemo2 {
	background-color: #ffffcc;
	color: #990000;
}
.errorFieldDemo5 {
	background-color: #ffffcc;
	border: 1px solid #aa0000;
	color: #aa0000;
}
.errorFieldDemo6 {
	background-color: green;
	color: yellow;
}
.requiredField {
	font-weight: bold;
	font-size: 12pt;
	color: #E54800;
}


/* different styles of message display on the site */
.general, .success, .warning, .error, .validation {
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	width:70%;
}
.general {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/images/css/info.jpg');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/images/v2/warning.png');
}
.error {
	border: 1px solid #D8000C;
	color: #D8000C;
	background-color: #D0D0D0;
}
.error ul { clear:both; margin:0 0 20px 30px; padding:0; list-style:disc;text-align:left; }
.error ul li { line-height:18px; }
.error {  width: 300px; position: absolute;top: 20%;z-index: 100;margin:auto;text-align:left;}
.error b { display:block; }
.error h3 { border:0px solid red; float:right; }

/* css button styles */
.btn { 
	width:127px; border: 1px solid #999999;
	margin:0 auto; padding:3px 5px; 
	position: relative; 
	font-weight:bold; font-size:14px; color: #503B00; 
	text-decoration: none; cursor: pointer; }
.btn * { display: block; position: relative; padding:0; margin: 0; }
.btn span { text-align:center; background-position: bottom center; padding:1px 0;}
.btn span { text-align:-moz-center; } 
/*
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
*/
.btn.orange { background: #FEBB00; font-weight:bold; font-size:14px; color: #503B00; }
.btn a { text-decoration:none;color:#503B00; }
.btn a:hover { text-decoration:none;color:#503B00; }
.btn a:active { text-decoration:none;color:#503B00; }
* html .btn a:hover { text-decoration:none;}
* html input.btn  { padding: 3px 0; margin: 0 2px;}

.tcAgreement {
	OVERFLOW: scroll; WIDTH: 620px; HEIGHT: 330px;border:1px solid #d0d0d0;
}
.textalignleft {
	text-align:left;
}
.textalignright {
	text-align:right;
}
.textaligncenter {
	text-align:center;
}
.textaligncenter {
	text-align:-moz-center;margin:0 auto;
}
.clearboth {
	clear:both;
}
.margin10px {
	margin:10px;
}
.margintop0px {
	margin-top:0px;
}
.margintop20px {
	margin-top:20px;
}
.margintop30px {
	margin-top:30px;
}
.marginbottom0px {
	margin-bottom:0px;
}
.marginleft20px {
	margin-left:20px;
}
.marginleft102px {
	margin-left:102px;
}
.padding10px {
	padding:10px;
}
.paddingtop8px{
	padding-top:8px;
}
.paddingtop10px { 
	padding-top:10px;
}
.paddingtop20px { 
	padding-top:20px;
}
.paddingbottom10px{
	padding-bottom:10px;
}
.paddingleft10px{
	padding-left:10px;
}
.valigntop{
	vertical-align:top
}
.displaynone {
	display:none;
}
.height40px {
	height:40px;
}
.widthauto { width:auto; }
.width200px { width:200px;}
.fontweightnormal { font-weight:normal}
.svcDescDiv { border:1px solid #d0d0d0;height:50px;width:80%; }
.tcDiv {width:620px;padding:0;border:0px solid blue;clear:both}
.cursorpointer {
	cursor:pointer;
}
.marginleft162px { margin-left:162px; width:200px; }
.marginleft10px { margin-left:10px }
.swfield {
	PADDING-RIGHT: 0pt; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 202px; 
	PADDING-TOP: 3px;
}
.marginauto { margin:0 auto; }
.margintop160px { 
	margin-top: 160px;
}
	 
.fontstyleitalic{
	font-style:italic;
}	 
  
.image204x192{
	border:0px solid #000;width:204px;height:192px;overflow-y:hidden;float:left;padding:0;margin:0;
}

.floatleft{
	float:left;
}  
.floatright{
	float:right;
}
  
.headerTitle {
	font-size:16px;font-weight:bold;color:#FEBB00;margin:0;padding:0;padding-left:5px;
}
.headerTitle a, .headerTitle a:hover {
	text-decoration:none;color:#FEBB00;
}

.headerLogoWrapper {
	width:116px;height:20px;float:left;
}
.headerTitleWrapper {
	width:400px;float:left;
}
h1.headerSubTitle {
	padding-left:4px;font-weight:bold;color:#FEBB00;margin-top:0px;padding-top:0px;font-size:16px;
}

h1.headerSubTitle a, h1.headerSubTitle a:hover, h1.headerSubTitle a:visited { text-decoration:none; color:#FEBB00; }

.serviceTypeInfo {
	clear:both; width:400px; padding:0px 20px; font-style:italic; font-size:90%;
}

.clearfix {
	clear:both;
}

span.smark
{
font-family: "Lucida Sans Unicode"; /* A rare sm-supporting font. */
line-height: 0; /* keep the leading consistent in a paragraph */
font-size:120%;
text-decoration:none;
}

/* Claim Page */
#bestTimeToCallDiv { float:left; border:0px solid red; padding:0 5px 5px 5px;}
table.claimtable td { line-height: 130%; padding:4px; border:none; vertical-align:middle }
table.claimfirsttableborder td { border:0px solid #d0d0d0; line-height: 130%; padding:4px; vertical-align:top }
table.claimtableborder td { border:0px solid #d0d0d0; line-height: 130%; padding:4px; vertical-align:top; }