﻿/*******************************************************
	NEW DESIGN 2010
********************************************************/

/*******************************************************
	DIV SPACER
********************************************************/
.spacer10
{
	height:10px;
}

.spacer15
{
	height:15px;
}

.spacer20
{
	height:20px;
}

.spacer5
{
	height:5px;
}

/*******************************************************
	LOGIN BUTTON ON THE TOP PAGE
********************************************************/
a.loginstatus:active, a.loginstatus:link, 
a.loginstatus:hover, a.loginstatus:visited
{
	text-align: left;
	margin-left: -20px;
}

.loggedin-status
{
	margin: -5px 2px 0px 0px;
	text-align:right;
	background: transparent;
	z-index: 1000;
}

.loggedin-status-li
{
}


/*******************************************************
	SECTION HEADER
********************************************************/
.section-header
{
	color: #333;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	border-bottom: 1px solid #4ac7f9;
	background-color: #c7e8fe !important;
	padding-right: 3px;
	padding-left: 3px;
	vertical-align: middle;
	margin: 0 0 5px 0;
}

.secion-subheader
{
	color: #333;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	border-bottom: 1px solid #4ac7f9;
	padding-right: 3px;
	padding-left: 3px;
	vertical-align: middle;
	margin: 10px 0 5px 0;
}

/*******************************************************
	WAIT SCREEN	
********************************************************/
#waitscreen
{
	/*The original has the commented out lines*/
	/*z-index:50; 
	position:absolute;
    visibility:hidden;*/
	display:none;
	border-right: #000000 solid;
	border-top: #000000 solid;
	font-size: 15pt;
	vertical-align: middle;
	border-left: #000000 solid;
	color: black;
	border-bottom: #000000 solid;
	font-family: 'Arial';
	text-align: center;
	background-color: white;
	line-height: normal;
	letter-spacing: normal;
}

div.blockOverlay
{
	/* background-position: 0% 0%; */
	opacity: 0.7;
	filter: alpha(opacity = 70);
	background-color: #cccccc;
}

/*******************************************************
	ASPNET CONTROL THEME	
********************************************************/
.blueborder-textbox
{
	border:1px solid #0191c7;
}

.blue-checkbox
{
	text-align: right;
	border:0;
}

.grayed-textbox
{
	border:1px solid #B1B1B1;
	padding: 2px 2px;
}

.imgbutton
{
	border:0px;
}

.imgbutton:hover
{
	border:0px;
}

.cmdbutton
{
	font-weight: bold;
	color: White;
	font-family: Arial;
	background: url(button.jpg);
	border: none;
}

.cmdbutton-hover
{
	background: url(buttonhover.jpg);
	background-repeat: repeat-x;
	color: #2e7fbf;
}

.cmdLinkButton, 
.cmdLinkButton a:link, 
.cmdLinkButton a:visited, 
.cmdLinkButton a:hover, 
.cmdLinkButton:active
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-weight: bold;
	border-left: black 1px solid;
	color: black;
	border-bottom: black 1px solid;
	font-family: Arial;
	background-color: #d3d3d3;
	text-align: center;
	text-decoration:none;
}

/**********************************************************
	CAPTION IMAGE ON PAGE
**********************************************************/
.pageimage
{
	padding-bottom: 20px;
}

/**********************************************************
	MARKETING PAGE
**********************************************************/
.marketing-rep
{
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	background-color: #c7e8fe;
	border-bottom: 1px solid #4ac7f9;
	margin: 0 0 10px 120px;
	padding: 0 0 0 5px;
	vertical-align: middle;
	display: block;
}

.imageleft
{
	float: left;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 40px;
	padding-top: 0px;
}

/**********************************************************
	MARQUEE STYLE (FREEDOM NOTICE)
**********************************************************/
#notice
{
	position: absolute;
	top: -100px;
	left: 0;
}

.div-Notice-Ugent, 
.div-Notice-Important, 
.div-Notice-Anncouncement
{
	background-color: #8b0000;
	text-align: center;
	color: white;
	font-weight: bold;
	height: 20px;
}

.div-Notice-Important
{
	background-color: #483d8b;
}

.div-Notice-Anncouncement
{
	background-color: #708090;
}

ul.marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	width: 500px;
	height: 22px; /* height should be included to reserve visual space for the marquee */
}

ul.marquee li
{
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */ /* optional styles for appearance */
	padding: 3px 5px;
	background: none;
	font: bold 12px Arial, Helvetica, sans-serif, bold;
}

/**********************************************************
	HOME PAGE BUTTONS
**********************************************************/
.home-menu
{
	padding: 30px 20px 10px 20px;
	text-align: center;
}

a.commercialvehicle, a.commercialvehicle:link, a.commercialvehicle:visited
{
	text-decoration: none;
	background: url(commercial1.gif);
	width: 228px;
	height: 145px;
	display:block;
}

a.commercialvehicle:hover
{
	background-image: url(commercial2.gif);
}

a.personalauto 
{
	text-decoration: none;
	background-image: url(personalauto1.gif);
	width: 228px;
	height: 145px;
	display:block;
}

a.personalauto:hover
{
	background-image: url(personalauto2.gif);
}

a.dreamredeem 
{
	text-decoration: none;
	background-image: url(dreamRedeem1.gif);
	width: 228px;
	height: 145px;
	display:block;
}

a.dreamredeem:hover
{
	background-image: url(dreamRedeem2.gif);	
}

/**********************************************************
	JQUERY FISHEY FOR HOME PAGE
**********************************************************/
#dock-home
{
	width: 100%;
	height: 100%;
	position: relative; 
	background-color: #f5fafe;
}

.dock-container-home
{
	position: relative;
	height: 50px;
	padding: 0 0 0 20px;
}

a.dock-home-item:link, a.dock-home-item:active, a.dock-home-item:hover
{
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 100px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
	outline: none;	
}

a.dock-home-item:focus
{
	-moz-outline-style: none;
}

.dock-home-item span {
	display: none;
	padding-left: 20px;
	white-space: pre-wrap;
}
.dock-home-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%;
}


/**********************************************************
	JQUERY DATEPICKER
**********************************************************/
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div 
{
    border: 1px solid #4ac7f9;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    opacity:0;
}
.ui-datepicker-next 
{    
    left: 14em;
}
.ui-datepicker-next:active
{    
    left: 14em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover 
{    
    color: #ffffff;
    background-color: #ffa500;
    border: 0px;
    cursor: hand;
}
.ui-state-disabled
{    
    background-color: #d3d3d3;
}

/**********************************************************
	TOPLINGO CSS STYLES
**********************************************************/
html, body {
    background:transparent;
    margin:0;
    color:#000;
    font-family:arial,sans-serif;
    font-size:12px;
    font-weight:normal;
    text-align:left;
    width:100%;
    line-height:140%;
}

*{margin:0;padding:0;}
img {border:0;}
a {cursor:pointer;text-decoration:none;}
ul {list-style-type:none;}
.clear {clear:both;width:auto;height:1px;}
/*input[type="checkbox"] {border:0px solid #ccc;padding:2px 5px;}
input[type="radio"] {border:0px solid #ccc;padding:2px 5px;}*/
h1 {color:#000;font-weight:normal;font-size:44px;line-height:52px;}
h2 {color:#000;font-weight:bold;font-size:18px;line-height:24px;}
h3 {color:#000;font-weight:bold;font-size:12px;margin-bottom:5px;}
p {margin:0 0 15px 0;}
a {color:#363636;}
a:hover {color:#363636;text-decoration:underline;}
/*input {border:0;}*/

.homepagebg {background: url(homeBg.jpg) #fff no-repeat 50% 38px;}
.subpagebg {background: url(subBg.jpg) #d7f0ff no-repeat 50% 38px;}

#welcome {
    position:relative;
    width:860px;
    background:transparent;
    margin:38px auto 0 auto;
    padding:185px 0 0 0;
}

/* WELCOME AFTER LOGIN FOR MASTER PAGE */
#welcome-login
{
	position: relative;
	width: 100%;
	background:transparent;
	margin: 38px auto 0 auto;
	padding: 185px 0 0 0;
}

a.hot, a.hot:link, a.hot:visited
{
	font-size: 14px;
	line-height: 32px;
	float: right;
	height: 32px;
	padding: 0 10px 0 0;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	background: url(hotRight.gif) no-repeat 100% 0px;
}
a.hot span
{
	float: right;
	height: 32px;
	padding: 0 0 0 10px;
	background: url(hotLeft.gif) 0 0 no-repeat;
}
a.hot:hover
{
	font-size: 14px;
	line-height: 32px;
	float: right;
	height: 32px;
	padding: 0 10px 0 0;
	color: #005ca0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	background: url(hotRightOver.gif) 100% 0 no-repeat;
}
a.hot:hover span
{
	float: right;
	height: 32px;
	padding: 0 0 0 10px;
	background: url(hotLeftOver.gif) 0 0 no-repeat;
}

#welcome img.logo
{
	position: absolute;
	top: 95px;
	left: 0;
}

#welcom img.smalllogo
{
	position: absolute;
	top: -50px;
	left: 0;
	border: thin 1px green;
}

#welcome img.sublogo
{
	position: absolute;
	top: 27px;
	left: 0;
}
/* MASTER PAGE LOGO */
#masterpage-logo
{
	position: relative;
	width: 860px;
	height: 85px;
	margin: -120px auto 0 auto;
}

#masterpage-logo img.sublogo
{
	position: absolute;
	top: 0;
	left: 0;
}

#header
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 38px;
	background: url(headBg.gif) repeat-x 0px 0px;
}
#head
{
	position: relative;
	width: 970px;
	height: 33px;
	margin: 0 auto;
}
#head ul.nav
{
	position: absolute;
	top: 8px;
	left: 15px;
}
#head ul.nav li
{
	float: left;
	height: 24px;
	margin: 0 5px 0 0;
}
#head ul.nav li a
{
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	font-size: 14px;
	float: left;
	height: 24px;
	padding: 0 13px 0 0;
}
#head ul.nav li a span
{
	float: left;
	height: 24px;
	padding: 4px 0 0 13px;
}
#head ul.nav li a:hover
{
	text-decoration: none;
	background: url(navRbgOver.jpg) no-repeat 100% 0px;
}
#head ul.nav li a:hover span
{
	float: left;
	height: 24px;
	padding: 4px 0 0 13px;
	background: url(navLbgOver.jpg) no-repeat 0px 0px;
}
#head ul.nav li a.navon
{
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	font-size: 14px;
	float: left;
	height: 24px;
	padding: 0 13px 0 0;
	background: url(navRbg.jpg) no-repeat 100% 0px;
}
#head ul.nav li a.navon span
{
	float: left;
	height: 24px;
	padding: 4px 0 0 13px;
	background: url(navLbg.jpg) no-repeat 0px 0px;
}
#head ul.secure {position:absolute;top:12px;right:15px;}
#head ul.secure li {float:left;height:24px;margin:0 0 0 15px;color:#d7efff;}
#head ul.secure li span {margin:0 25px 0 0;}
#head ul.secure li a {position:relative;color:#d7efff;font-weight:bold;line-height:18px;text-transform:uppercase;font-size:14px;padding:0 0 0 20px;}
#head ul.secure li a:hover {color:#fff;text-decoration:none;}
#head ul.secure li a img {position:absolute;top:0;left:0;}

.alert1 {position:relative;width:100%;padding:3px 0;text-align:center;color:#fff;background:#ee1c24;margin:5px 0 0 0;}
.alert2 {position:relative;width:100%;padding:3px 0;text-align:center;color:#000;background:#ff3;margin:5px 0 0 0;}
.alert3 {position:relative;width:100%;padding:3px 0;text-align:center;color:#fff;background:#90c;margin:5px 0 0 0;}

#freedom
{
	position: relative;
	width: 722px;
	padding: 15px;
	margin: 0 auto;
	border-right: 5px solid #91c6ec;
	border-left: 5px solid #91c6ec;
}

#freedom-login
{
	position: relative;
	width: 96%;
	padding: 1%;
	margin: 0 auto;
	border: 5px solid #91c6ec;
	background: #fff;
}

#freedom div.white, #freedom-login div.white
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#freedom div.topper
{
	position: absolute;
	top: -5px;
	left: -5px;
	width: 762px;
	height: 5px;
	background: url(topper.png) no-repeat 0px 0px;
}
#freedom div.bottomer
{
	position: absolute;
	bottom: -5px;
	left: -5px;
	width: 762px;
	height: 5px;
	background: url(bottomer.png) no-repeat 0px 0px;
}

#homepage
{
	position: relative;
	width: 722px;
	min-height: 220px;
	height: auto !important;
	height: auto;
	padding: 70px 0 35px 0;
}
#homepage h1, #homepage h2, 
#subpage h1, #subpage h2,
#subpage-login h1, #subpage-login h2
{
	color: #333;
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	margin-bottom: 10px;
}
#subpage h4, #subpage-login h4
{
	color: #333;
	font-size: 12px;
	line-height: 34px;
	font-weight: bold;
	margin-bottom: 10px;
}

#homepage h1 img, #homepage h2 img
{
	position: absolute;
	top: 75px;
	left: 5px;
}
#homepage p
{
	color: #333;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}
#homepage ul.clientoptions
{
	position: absolute;
	top: -15px;
	left: -15px;
	width: 752px;
	background: #b8daf3;
	border-bottom: 1px solid #a3ceef;
}
#homepage ul.clientoptions li
{
	float: left;
	padding: 6px 0 3px 6px;
}
#homepage ul.pnav
{
	position: absolute;
	bottom: -15px;
	left: -15px;
	width: 752px;
	padding: 0;
	margin: 0;
}
#homepage ul.pnav li
{
	border-top: 3px solid #87c2ec;
	float: left;
	width: auto;
	height: 25px;
	padding: 10px 20px 0 20px;
	cursor: pointer;
	background: url(liBg.jpg) repeat-x 0px 0px;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}
#homepage ul.pnav li.pon
{
	color: #000;
	padding: 13px 25px 0 26px;
	background: transparent;
	border-right: 3px solid #87c2ec;
	border-left: 3px solid #87c2ec;
	border-top: 0;
}
#homepage ul.pnav li.pon1
{
	color: #000;
	padding: 13px 25px 0 29px;
	background: transparent;
	border-right: 3px solid #87c2ec;
	border-left: 0px solid #87c2ec;
	border-top: 0;
}
#homepage ul.pnav li.pon5
{
	color: #000;
	padding: 13px 28px 0 26px;
	background: transparent;
	border-right: 0px solid #87c2ec;
	border-left: 3px solid #87c2ec;
	border-top: 0;
}
#homepage ul.action {float:left;}
#homepage ul.action li
{
	padding: 0 0 0 10px;
	background: url(hotArrow.png) no-repeat 0px 50%;
}
#homepage ul.action li a
{
	color: #333;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
#homepage ul.action li a:hover
{
	color: #ee1c24;
	text-decoration: none;
}
.pright {float:right;width:512px;}
.pleft {float:left;width:210px;}

/* NEED TO ADJUST THE SIZE BECAUSE THE WIDTH IS TOO SHORT AND THE LEFT & RIGHT LOGIN PANEL IS NOT ALIGN CORRECTLY */
/*#subpage {position:relative;width:680px;padding:10px 15px 15px;}*/
#subpage {position:relative;width:698px;padding:10px;}
/* replace with bullet list below 
#subpage ul {margin:0 0 15px 0;}
subpage li {padding:0 0 0 20px;background:url(bullets.gif) 8px 6px no-repeat;}*/
.blue-list ul{margin:0 0 15px 0;}
.blue-list li{padding:0 0 0 20px;background:url(bullets.gif) 8px 6px no-repeat;}
#subpage h3 {color:#333;font-size:18px;line-height:20px;font-weight:normal;margin-bottom:5px;padding:0 0 5px 0;border-bottom:1px solid #8bc3ec;}

#subpage-login
{
	position: relative;
	width: 100%;
	padding: 5px 1px 15px;
}

p.topper {margin:0 0 35px 0;background:#8bc3ec;text-align:right;padding:3px 5px;}

/* REPLACING THIS WITH NOTICE TAG 
#pagemessage {position:absolute;top:-27px;left:0;}
#pagemessage p {color:#005ca0;font-size:14px;font-weight:normal;}
*/

#loginleft {float:left;width:442px;padding:0 15px 0 0;margin:20px 0 0 0;}
#loginleft ul {position:relative;}
#loginleft li {position:relative;margin:10px 0;}
#loginleft li strong {color:#333;font-weight:bold;font-size:14px;text-align:right;float:left;width:145px;padding:3px 15px 0 0;}
#loginleft li input {position:relative;width:240px;font-size:14px;font-weight:normal;padding:3px 6px;border:2px solid #91c6ec;}
#loginleft li input[type="checkbox"] {width:auto;padding:0;margin:0 5px 0 160px;border:0;}
#loginleft li input.remember {width:auto;padding:0;margin:0 5px 0 160px;border:0;}
#loginleft li strong, #loginleft li input {vertical-align:middle;}
#loginright {float:right;width:225px;padding:0 0 0 15px;margin:20px 0 0 0;border-left:1px solid #91c6ec;}
#loginright h2 {color:#333;font-weight:bold;font-size:14px;line-height:18px;}
#loginright a {color:#f00;}

#footer {position:relative;width:100%;margin:25px 0 0 0;text-align:center;}
#footer-wrapper {position:relative;width:100%; text-align:center;}
#footer ul {position:relative;margin:0 0 15px 0;}
#footer li {display:inline;}
#footer p {color:#666;font-size:10px;}
#footer a {color:#363636;}
#footer a:hover {color:#363636;text-decoration:underline;}

/* form add */

#fsw, .fsw {position:relative;width:670px;padding:15px;margin-bottom:15px;}
#fsw input, .fsw input {vertical-align:middle;}
#fsw p, .fsw p {margin-bottom:15px;line-height:18px;}
#fsw a, .fsw a {color:#0191c7;text-decoration:none;vertical-align:middle;}
#fsw a:hover, .fsw a:hover {color:#0191c7;text-decoration:underline;}
#fsw .fcb, .fsw .fcb, .reviewrate .fcb, table.survey td .fcb {float:left;position:relative;padding:4px;border:2px solid #076a8b;background:#0191c7;color:#fff;font-weight:bold;font-size:14px;text-decoration:none;}
#fsw .fcb:hover, .fsw .fcb:hover, .reviewrate .fcb:hover, table.survey td .fcb:hover {border:2px solid #80b5d2;background:#bde1f8;color:#27a1d1;text-decoration:none;}

.oops {position:relative;width:auto;padding:10px;background:#ee1c24;border:1px solid #8bc3ec;}
.oopsmessage {position:relative;width:auto;padding:10px 10px 10px 80px;background:#fff;height:50px;min-height:50px !important;height:auto;}
.oopsmessage h4 {color:#000;font-size:18px;line-height:22px;font-weight:bold;margin-bottom:5px;border:0;}
.oopsmessage h4 img {position:absolute;top:5px;left:5px;}
.oopsmessage a {color:#000;text-decoration:underline;}
.oopsmessage a:hover {color:#000;text-decoration:none;}

.formcheck {position:relative;}
.formcheck td {padding:5px;vertical-align:top;}
.formcheck span {color:#0191c7;font-size:12px;font-weight:normal;}
.formcheck .fcleft {text-align:left;font-weight:bold;padding:5px;vertical-align:top;width:170px;}
.formcheck .fcleft span {display:block;font-size:10px;}
.formcheck .lrg {border:1px solid #0191c7;padding:5px;}
.formcheck .satisfaction ul {list-style-type:none;}
.formcheck .satisfaction li {padding:5px 0;}
.formcheck .satisfaction li span {color:#000;}
.formcheck .fcb, .formcheck .lrg {float:left;display:inline;}
.fwidth {width:304px;}
.swidth {width:316px;}
input.noborder {border:0;}

/* end form add */

/******************
WATER MARK TEXTBOX
******************/
.water
{
	font-family: Tahoma, Arial, sans-serif;
    color:gray;
}

.grid-container
{
	padding: 10 0 0 0;
}

/******************
  DREAM REDEEM INVOICE
******************/
.invoice-div
{
	padding: 20px;
	text-align:left;
}
.invoicetable
{
	width:100%;
}

.invoice-linecell
{
	text-align: left;
	border-bottom: #000000 1px solid;
}

.invoice-boxtable
{
	padding:0px;
	margin:0px;
	border: #444466 1px solid;
}

.invoice-boxtable caption
{
	background-color: #444466;
	font-weight: bold;
	color: #ffffff;
	font-weight: bold;
	font-size: 13pt;
	padding-bottom: 3px;
	padding-top:3px;
}

.invoice-boxtable tr, .invoice-boxtable td
{
	border-top: #444466 1px solid;
	padding-left: 50px;
	padding-right:50px;
	padding-bottom: 3px;
	padding-top:3px;
	text-align:center;
}

.invoice-number
{
	font-size: 14pt;
	font-weight: bold;
}

.invoice-horizontal-spacer
{
	width:30px;
}

.invoice-vertical-spacer
{
	height:10px;
}

.invoice-detail
{
	width:100%;
	padding:0px;
}

.invoice-detail thead th
{
	background-color: #444466;
	color: #ffffff;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left:2px;
	padding-right:2px;
}

.invoice-detail-hide, .invoice-detail-hide tr, .invoice-detail-hide td
{
	visibility: hidden;
	display:none;
	width:0px;
}

.invoice-detail-caption
{
	font-weight: bold;
	vertical-align: top;
}

.invoice-detail tr, .invoice-detail td
{	
	text-align:center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left:2px;
	padding-right:2px;
	border: #444466 1px solid;
}

.invoice-process-detail
{
}

.invoice-process-detail tr, .invoice-process-detail td
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left:2px;
	padding-right:2px;
}

.invoice-process-detail tr.UnderLine, .invoice-process-detail td.UnderLine
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left:5px;
	padding-right:100px;
	border-bottom: #444466 1px solid;
}

.order-process-options
{
	padding-top: 30px;
	padding-bottom: 20px;
}

.invoice-commentsbox
{
	border: #444466 1px solid;
	overflow: auto;
	width: 99%;
	color: #000000;
}

/******************
  ESIGNATURE
******************/
.div_non_esign
{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: normal;
}

.div_esign
{
	background-color: #cccccc;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: normal;
}

.div_esign_section
{
	background-color: #ffffff;
	color: #000000;
	height: 40px;
	font-weight: normal;
	font-size: 20pt;
	font-style: normal;
	font-family: 'Brush Script MT', 'Vladimir Script', 'Informal Roman', 'Forte', 'Bradley Hand ITC', 'Arial';
	text-align: center;
	font-weight: bold;
}


/******************
HOME PAGE IMAGE
******************/
.home-background
{
	text-align: center;
	width: 100%;
	height: 99%;
	background-color: #f5fafe;
}

.home-mainimage
{
	width: 700px;
	height: 324px;
}

/******************
PROGRESS BAR
******************/
.div-padding 
{
	padding-top:50px;
	padding-bottom:50px;
}

.div-progressbar-frame
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	vertical-align: middle;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	text-align: left;
	width:350px;
}

.div-progressbar
{
	background-color: #cccccc;
	width:1px;
}

.div-progressbar-desc
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight:bold;
	font-size:medium;
	color:#002B84;
}

.div-progressbar-counter
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight:bold;
	color:#002B84;
}

/******************
HOME PAGE
******************/
.div-main
{
	text-align:center;
	padding-top:20px;
}

.div-personal-auto
{
	text-align:left;
	vertical-align: top;
}

.div-clear-pading
{
	/*padding:10px;*/
	height: 5px;
}

.div-commerical-auto
{
	text-align:right;
	vertical-align: top;
}

.div-ads
{
	text-align: center;
	padding-top:20px;
	/*border-right: #003366 2px solid;
	border-top: #003366 2px solid;
	border-left: #003366 2px solid;
	border-bottom: #003366 2px solid;*/
}

.div-link 
{
	text-align:center;
	font-weight:bold;
}

.didyouknowlist
{
	list-style-type: decimal;
	vertical-align: top;
	color: #333366;
	list-style-image: url(lightbulb.jpg);
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-left: 15px;
	font-weight: 500;
	text-align:left;
}

.didyouknow
{
	padding-top:20px;
}


/******************
DRAWING CONTEST 
******************/
.inputToolTip
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	color: #000000;
	padding-top: 3px;
	background-color: #FFF4EA;
	width: 380px;
	z-index: 1000;
	visibility: hidden;
	position: absolute;
	border-right: #e9e9e9 1px solid;
	border-top: #e9e9e9 1px solid;
	border-left: #e9e9e9 1px solid;
	border-bottom: #e9e9e9 1px solid;
}

.inputByImage
{
	padding-top: 3px;
	padding-bottom: 3px;
	text-align:center;
}
.drawing
{
	text-decoration: none;
	font-weight:bold;
	vertical-align:middle;
	padding:2px;
}

.bullet
{
	vertical-align:middle;
}

.table-border
{
	border-right: #444466 thin solid;
	border-top: #444466 thin solid;
	border-left: #444466 thin solid;
	border-bottom: #444466 thin solid;
	padding: 20px;
	text-align:center;
}

.table-td-left
{
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: right;
	
}

.table-td-right
{
	padding-right: 20px;
	padding-bottom: 5px;
	text-align:left;
}

.table-caption
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	vertical-align: middle;
	color: #ffffff;
	padding-top: 2px;
	background-color: #444466;
	text-align: left;
}

.wizard-navigation
{
	text-align: center;
	padding-top: 10px;
}

.div-registration
{
	border-right: #444466 thin solid;
	border-top: #444466 thin solid;
	border-left: #444466 thin solid;
	border-bottom: #444466 thin solid;
	padding: 20px;
	text-align:center;
	z-index:1;
}

.div-agreement
{
	padding: 5px;
	height:100%; 
	width:98%;
	overflow: auto;
	text-align:left;
}

.div-finished
{
	padding: 20px;
}

.login-table-row
{
	text-align:left;
	padding:5px;
}

.login-label
{
	font-weight:bold;
	text-align:right;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
}

.div-misc
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: center;
	font-weight:bold;
}

.div-summary-message
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
	text-align: center;
	font-size: 18px;
	color: #0066ff;
	font-style: normal;
	font-family: Impact;
}

.div-supply
{
	vertical-align: bottom;
	padding: 12px;
	text-align:center;
}

/******************
NATIONAL INTERSTATE 
******************/
.NIIC-Ads-Div
{
	padding-bottom: 30px;
	padding-top: 30px;
}

.NIICAdLink
{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align:center;
	background-color: #214484;
}

.NIICAdLink a:link, .NIICAdLink a:active, .NIICAdLink a:visited, .NIICAdLink a:hover
{
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	text-decoration: underline;
	text-decoration:none;
}

.ExternalLinks
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	padding-top: 10px;
	text-align: center;
}

.BannerImage
{
	padding-bottom:15px;
	border-bottom: #0000cc 3px solid;
}


.NIIC_List_NoBorder
{
	margin-top:0px;
	margin-left:15px;
	list-style-position: outside;
	list-style-type: disc;
}

.NIIC_List_NoBorder li
{
	vertical-align:top;
}

.NIIC_Unacceptable_types
{
	list-style-position: outside;
	list-style-type: disc;
}

.NIIC_Unacceptable_types li
{
	padding-bottom:10px;
	vertical-align:top;
	padding-top:0px;
}

.NIIC_Logo
{
	background-color: #214484;
	color: White;
	font-weight: 200;
	font-size: 11px;
}

.NIIC_Logo_1
{
	background-color: #657dbe;
	color: White;
	font-weight: 200;
	font-size: 11px;
	background-image: url(freedombg.jpg);
	background-repeat: repeat-y;
}

.NIIC_Logo_Text
{
	color:White;
	font-weight:bold;
	font-size:18px;
}

.NIIC_GetQuote
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;
	padding-top: 5px;
	vertical-align: middle;
	text-align: right;
}

.NIIC_Tab_Body
{
	/*border-top: #a7a7a7 1px solid;
	border-right: #a7a7a7 1px solid;
	border-left: #a7a7a7 1px solid;
	border-bottom: #a7a7a7 1px solid;*/
	border-top: #214484 1px solid;
	border-right: #214484 1px solid;
	border-left: #214484 1px solid;
	border-bottom: #214484 1px solid;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align:center;
	color:#214484;
}

.NIIC_Tab_Body_Filling
{
	width:100%; 
	/*border-top: #A7A7A7 1px solid;*/ 
	/*border-top: #214484 1px solid;*/
	position:relative; 
	top:25px;
}

.NIIC_Tab_Body_Content
{
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align:left;
	color:#214484
}

.NIIC_Tab_Divider
{
	border-right: #A7A7A7 1px solid;
}

.NIIC_Tab_Divider_Selected
{
	border-bottom: White 1px solid;
}

.NIIC_Caption
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #E8E8E8;
	/*background-color: #94a66c;*/
	/*background-color:#214484;*/
	color: Black ;
	/*color: White;*/
	font-family: Arial;
	text-align:left;
	font-weight:bold;
}

.NIIC_SideCaption
{
	border-right: #214484 1px solid;
	vertical-align: top;
	text-align: right;
	padding-right:20px;
	font-weight:bold;
}

.NIIC_Tab_Button_Selected
{
	/*border-right: #A7A7A7 1px solid;
	border-top: #A7A7A7 1px solid;
	border-left: #A7A7A7 1px solid;*/
	border-right: #214484 1px solid;
	border-top: #214484 1px solid;
	border-left: #214484 1px solid;
	font-weight: bold;
	color:#666666;
	border-bottom: White 1px solid;
	font-family: Arial;
	background-color: white;
	padding-bottom: 3px;
	padding-top: 3px;
	width:160px;
	z-index:100;
}

.NIIC_Tab_Button
{
	border-right: White 1px solid;
	border-top: White 1px solid;
	font-weight: bold;
	border-left: White 1px solid;
	color: White;
	border-bottom: White 1px solid;
	font-family: Arial;
	/*background-color: #A7A7A7;*/
	background-color:#214484;
	padding-bottom: 3px;
	padding-top: 3px;
	width:160px;
	z-index:100;
}

.NIIC_Error_Msg
{
	font-weight: bold;
	color: #cc0000;
	font-style: italic;
}

.NIIC_Login_Info
{
	font-weight: bold;
	color: #214484;
	font-style: italic;
}

/******************
 Contest
******************/
.contest_scroll
{
	overflow:auto;
	width:99%;
}

.contest_caption
{
	font-family: 'Arial Rounded MT Bold';
}

.contest_thumbnail
{
	vertical-align:top;
}

.contest_history
{
	border-right: #999999 1px solid;
	padding-right: 5px;
	border-top: #999999 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	border-left: #999999 1px solid;
	padding-top: 5px;
	border-bottom: #999999 1px solid;
}

.contest_info
{
	width:90%;
}



.contest_details
{
	padding-right: 15%;
	padding-left: 15%;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 100%;
}

.contest_summary
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.contest_fieldset_summary
{
	padding: 10px;
}

fieldset.contest_thumbnail_current
{
	position: relative;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	background-color: #f4f4f4;
	border-left-color: #3366cc;
	border-bottom-color: #3366cc;
	border-top-style: solid;
	border-top-color: #3366cc;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3366cc;
	border-bottom-style: solid;
}

legend.contest_thumbnail_current
{
	position: absolute;
	top: -11px;
	left: .5em;
}

fieldset.contest_thumbnail_old
{
	position: relative;
	padding: 2px; 
}

legend.contest_thumbnail_old
{
	position: absolute;
	top: -11px;
	left: .5em;
}

.datalist_item
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align:top ;
}

.contest_thumbnail_title
{
	font-weight:bold;
	font-size:14px;
	color:red;
}

.contest_winner_phrase
{
	padding-right: 15%;
	padding-left: 15%;
	font-weight: bold;
	font-size: 15pt;
	padding-bottom: 20px;
	color: red;
	padding-top: 5px;
	font-style: italic;
	text-align:center;
	font-family: 'Arial Rounded MT Bold';
	width:90%;
}

.nowrap-text
{
	white-space: nowrap;
}

/*****************************************************
    FAQ SECTION
******************************************************/
.faq_group_tabs
{
	background-color: #687178;
	padding: 5px;
	position:relative ;
	top:-1px;
}

.faq_group_body
{
	border-right: #a3a7aa 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #a3a7aa 1px solid;
	padding-top: 5px;
	border-bottom: #a3a7aa 1px solid;
	position:relative ;
	top:-2px;
}

.faqsection
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	font-weight: bold;
	background-color: #c7e8fe  !important;
	white-space: nowrap;
	border-bottom: #4ac7f9 1px solid;
}

table.faq 
{
	padding: 1px 5px 5px 5px;
	border: thin 0px;
}

.faq_cleardiv
{
	padding-top: 10px;
}

.faq_category
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 0px;
	border-bottom: #a3a7aa 1px solid;
	font-weight: bold;
}

.faq_question
{
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 1px;
	padding-top: 0px;
}

.faq_question_text
{
	font-weight:bold;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 5px;
	padding-top: 0px;
}

.faq_answer_text
{
	padding-right: 35px;
	padding-left: 35px;
	padding-bottom: 1px;
	padding-top: 0px;
}

.faq_column_div
{
	padding-right: 18px;
}


/******************
FaxApp Bridge List
******************/
.upload-inst
{
	margin: 15px 15px 15px 30px;
}

ol.faxappinst,
ol.faxappist-disc,
ol.faxappist-numeral
ol.faxappist-circle
{
	font-weight:bold;
}

ol.faxappist-numeral
{
	list-style-type: decimal; 
	vertical-align: top;
	margin: 10px 10px 10px 30px;
}

ol.faxappist-numeral ul.faxappist-disc
{
	list-style-type: disc;
	font-weight: normal;
	margin: 15px 20px 15px 20px;
}

ol.faxappist-circle,
ol.faxappist-numeral ul.faxappist-circle
{
	list-style-type: circle;
	font-weight: normal;
	margin: 15px 20px 15px 20px;
}

ol.faxappist-disc 
{
	list-style-type: disc;
	margin: 10px 10px 10px 30px;
}

ol.faxappist-disc ul
{
	list-style-type: decimal; 
	font-weight: normal;
	margin: 15px 20px 15px 20px;
}

ol.faxappist-disc ul.faxappist-circle
{
	list-style-type: circle; 
	font-weight: normal;
	margin: 15px 20px 15px 20px;	
}

.instruction_image
{
	padding-right: 5px;
	padding-left: 25px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.instr_images
{
	padding:7px;
}


ol.faxappinst li a:link, ol.faxappinst li a:visited
{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #336699;
	text-decoration: none;
}

ol.faxappinst li a:hover
{
	color: #996666;
}

ol.faxappinst li
{
	font-weight: normal;
	/*color: dimgray;*/
}

/******************
Troubleshooting Bridge List
******************/
ul.bridgetroubleshooting
{
	list-style-type: decimal;
	font-weight:bold;
}

ul.bridgetroubleshooting li
{
	padding-bottom: 5px;
	font-weight: normal;
}

ul.bridgetroubleshooting li ol
{
	padding-bottom: 0px;
	font-weight: normal;
}

/******************
	TABS
******************/
#tab
{
	width: 100%;
}

#tabcaption
{
	font-size: medium;
    font-weight: bold;
    background: #D0D0D0;
    padding: 8px;
    width: 100%;
    padding-left:12px;
}

/*****************************************************
    NEW PRODUCER APPLICATION
******************************************************/
.app_viewlink a
{
	color: #000000;
	text-decoration: none;
}

.app_validation
{
	padding: 10px; 
	padding: 30px 30px 30px 180px;
}

.app_wizard
{
	width: 100%;
	border: none;
}

.app_wizardstep
{
	border: solid 2px #4ac7f9;
	text-align: center;
	vertical-align: top;
	background-color: #e5f4ff;
	vertical-align: top;
	text-align: center;
	width: 100%;
}

.app_sidebar
{
	border: none;
	text-align: left;
	vertical-align: top;
	width: 150px;
	background-color: #ffffff;
	white-space: nowrap;
	margin-top: 30px;
}

.app_navigationbar
{
	border: none;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	white-space: nowrap;	
}

.app_header
{
	background-color: #ffffff;
	font: #fff;
	font-weight: bold;
	height: 30px;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
}

.DarkBlueBoxTitle
{
	font-weight: bold;
	font-size: medium;
	padding-bottom: 2px;
	vertical-align: middle;
	font-family: 'Arial Narrow';
	color: #ffffff;
	background-color: #005ea4;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
}

.DarkBlueContent
{
	border: solid 1px #005ea4;
    background-color: #FFFFFF;
    float: none;
    clear: both;
    margin-top: 5px;
    margin-left: 5px;
    width:inherit;
}

.DarkBlueTable
{
	font-family:arial,sans-serif;
	border: solid 1px #005ea4;
    background-color: #FFFFFF;	
    text-align: left;
    width: 100%;
}

.DarkBlueForm
{
	border: solid 1px #005ea4;
	padding: 3px;
}

.DarkBlueTable caption,
.DarkBlueForm caption
{
	background-color: #005ea4;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
	padding: 2px 5px 2px 5px;
	text-align: center;
}

.DarkBlueForm caption
{
	text-align: left;
	padding: 3px 10px 3px 10px;
}

.DarkBlueTable th,
.DarkBlueHeader,
.DarkBlueForm th
{
	background-color:#b5cced !important;
	padding:2px;
	color: black ;
	text-align:left;
	font-weight:bold;
	border-width:0px;
	white-space:nowrap;
}

.DarkBlueForm th
{
	padding: 5px 10px 5px 10px;
}

td.DarkBlueTable,
.DarkBlueTable tr,
.DarkBlueTable td,
.DarkBlueForm tr
{
	padding:2px 4px 2px 4px;
	background-color:White;
	border: none;
}

.DarkBlueForm td
{
	padding:2px 10px 2px 10px;
	background-color:White;
	border: none;
}

td.DarkBlueTable_oddrow input[type="radio"],
td.DarkBlueTable_evenrow input[type="radio"]
{
    background: Transparent;
}

.DarkBlueTable_oddheader,
td.DarkBlueTable_oddheader,
.DarkBlueTable_oddheader tr,
.DarkBlueTable_oddheader td
{
	font-weight: bold;
	background-color: #e4f3ff;
	vertical-align: top;
}

.DarkBlueTable_oddrow,
td.DarkBlueTable_oddrow,
.DarkBlueTable_oddrow tr,
.DarkBlueTable_oddrow td
{
	background-color: #e4f3ff;
}

.DarkBlueTable_evenheader,
td.DarkBlueTable_evenheader,
.DarkBlueTable_evenheader tr,
.DarkBlueTable_evenheader td
{
	font-weight: bold;
	background-color: #ffffff;
	vertical-align: top;
}

.DarkBlueTable_evenrow,
td.DarkBlueTable_evenrow,
.DarkBlueTable_evenrow tr,
.DarkBlueTable_evenrow td
{
	background-color: #ffffff;
}

td.DarkBlueTable_separator
{
	padding: 0px;
	border-bottom: solid 3px #005ea4;
}

/******************
MENU STYLE
******************/

/**************************************
	MAIN TOP MENU LINKS
***************************************/
#horiznav
{
}

#horiznav a, #horiznav a:link, #horiznav a:active, #horiznav a:visited, #horiznav a:hover
{
	color: White;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
	margin: 0 2px 0 2px;
	font-size: 11px;
}
	
#horiznav .horizmenulink
{
    border-right: black 1px solid;
    font-weight: bold;
    font-family: Arial;    
    clear: none;
    display: block;
    float: left;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-top: 3px;   
    text-align:center;
}

.menuimage
{
	padding-bottom:10px;
	text-align:center;
}

.topsubmenu, 
.topsubmenu_static_item, .topsubmenu_static_item a:link,
.topsubmenu_static_hover, .topsubmenu_static_hover a:link,
.topmenu_static_selected
{
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 1px;
	margin: 0 0 0 0;
	border: 0px;
	height:19px;
	color: #ffffff;
	text-decoration: none;
	
}
.topsubmenu_static_item,
.topsubmenu_static_hover
{	
	background: url(topmenuheader-new.JPG) repeat-x;
	
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D0D0D0,endColorStr=#ffffff);	*/
}

/*Added this elementId to change claims tab color*/
#ctl00_mmTopMenun8 *
{
 background:#8c0000 !important;   
}

.topmenu_static_selected
{
	background: url(topmenuselected-new.JPG) repeat-x;
	
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D0D0D0,endColorStr=#D0D0D0);*/
}

.topsubmenuStyle
{
	border-right: #ffffff 1px outset;
	border-top: #ffffff 1px outset;
	border-left: #ffffff 1px outset;
	border-bottom: #ffffff 1px outset;
	bottom: -1;
	background-color: #D6D6D6;
	
}

.topsubmenuitem
{
	background-color: #8C969B;
	padding: 0 3px 0 3px;
}

.topsubmenuitem_hover 
{
	background-color: #687178;
}

.olemenu
{
	padding: 1px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e6e6fa,endColorStr=#b0c4de);
	font-weight: bold;
}

.olemenu_header_item
{
	font-weight: bold;
	padding: 1px;
	background: url(olemenuheader.JPG) repeat-x;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e6e6fa,endColorStr=#b0c4de);
}

.olemneu_static_item
{
	padding: 1px;
	/*background: url(bullet-link-active.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;*/
}

.olemneu_static_item_hover
{
	padding: 1px;
	/*background: url(bullet-link-hover.gif);*/
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

.olemneu_static_item_selected
{
	padding: 1px;
	/*background: url(bullet-link-visited.gif);*/
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

.olemenu_dynamic_item
{
	padding: 1px;
	width: 200px ;
	white-space: nowrap;
}
.olemenu_dynamic_item_selected
{
	background-color: #e6e6fa;
	padding: 1px;
	width: 200px ;
	white-space: nowrap;
}
.olemenu_dynamic_item_hover
{
    background-color: #e6e6fa;
    padding: 1px;
    width: 200px;
    white-space: nowrap;
}

/******************
HTML Tags
******************/
/*
body{
	color:#000000;
	margin:1px;
	font:.75em/160% Arial,Helvetica,sans-serif;
	background:#FFFFFF;
	}
*/
/******************
 SIDE MENU ON MASTER PAGE
******************/

#content p,#content-side p,table{
	margin:0px 0px 1px 0px; 
	}

#content-side img{
	border:none;
	}

#breadcrumb-right label{
	display:none;
	}

/******************
  SIDE ADS MENU
******************/
.content-ads
{
	padding-top: 10px;
	text-align:left;
	padding-bottom:10px;
}

.ads-item
{
	padding-bottom: 20px;
	padding-top: 15px;
	border-top: #483d8b 3px solid;
}

.ads-item-top
{
	padding-bottom: 15px;
	padding-top: 10px;
}

/******************
FORM STYLES
******************/
#content-container form
{
	margin: 20px 0px;
	padding: 0px 0px 0px 0px;
}

#content-container fieldset{
	margin:10px 0px 10px 0px;
	padding:0px 10px 10px 15px;
	}

/* a nested fieldset */
#content-container fieldset fieldset{
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content-container legend{
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#content-container fieldset fieldset legend{
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}

#content-container label{
	/*display:block;*/
	padding-top:8px;
	}

#breadcrumb-right form{
	margin:0px;
	padding:0px;
	text-align:center;
	}
	

#breadcrumb-right form fieldset{
	margin:0px;
	padding:0px;
	border:none;
	}

#breadcrumb-right form legend{
	display:none;
	}

/******************
LINKS
******************/

a.NoUnderLine:link, a.NoUnderLine:visited, a.NoUnderLine:hover, a.NoUnderLine:active
{
	text-decoration:none;
}


/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */

a:link{
	color:#0071BC;
	}

a:visited{
	color:#004EB7;
	}
	
	

a:hover{
	color:#999999;
	text-decoration:none;
	}

a:active{
	color:#B70000;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */

#mainnav-container a:link{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

#mainnav-container a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

#mainnav-container a:hover{
	text-decoration:underline;
	}

#mainnav-container a:active{
	color:#CCCCCC;
	text-decoration:none;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */

/****************************************
	OLD DESIGN, MENU FOR HOME, ABOUT ETC
****************************************/
#breadcrumb-container a:link{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	}

#breadcrumb-container a:visited{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	}

#breadcrumb-container a:hover{
	text-decoration:none;
	}

#breadcrumb-container a:active{
	color:#CCCCCC;
	}
	

/******************
HEADINGS
******************/

h1 {
	font-size:1.3em;
	padding-top:4px;
	}

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1em;
	}
	
h4 {
	font-size:.9em;
	}
	
h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.75em;
	}
	
#three-column-container h2{
	margin:0px 0px 10px 0px;
	padding:0px;
		}
		

/******************
LAYOUT DIVS
******************/

#header-padding 
{
	color:#FFFFFF;
	padding:0px 44px;
	margin:0px;
	background:#BDBEC3;
	height:13px;		/* 26px */
}

#header-container{
	background:#BDBEC3;
	height:45px;
	color:#525463;
	font-size:1.8em;
	}

#header-container a{ 
	text-decoration:none;
	color: Black; /*#525463;*/
	font-variant: small-caps;
	}


#header-name{
	float:left;
	width:50%;
	height:20px;
	padding: 0px 10px 0px 44px;
	}

#header-name-text
{
	left: -36px; 
	position: relative; 
	top: -10px; 
	font-size: 16px; 
	font-weight: normal;
    font-family: 'Times New Roman'; 
    color: Black;
}

#header-slogan{
	margin:0px 44px 0px 50%;
	height:20px;
	padding:10px 0px 0px 0px;
	text-align:right;
	font-size:.75em;
	font-weight:normal;
	}

#mainnav-container{
	background:#525463;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:144px;
	}

#mainnav{
	float:left;
	width:13%;
	text-align:right;
	padding:15px;
	height:114px;
	background:url(bg-mainnav-left.gif) repeat-y;
	}

#mainnav-side{
	float:right;
	width:170px;
	padding:15px;
	border-left:1px solid #FFFFFF;
	height:114px;
	background:#71727F url(bg-mainnav-right.gif) repeat-y right;
	}

#posterphoto{
	margin: 0px 15% -1px 15%;
	padding:1px;
	text-align:right;
	background:url(WebsiteEagleLogo20080307.jpg) no-repeat;
	/*	//removed by TN20080307 and replace the above image
		background:url(WebsiteEagleLogo.jpg) no-repeat;   */	
	height:144px;
	}
	
	
#posterphoto-home{
	margin:0px 0px 0px 200px;
	padding:0px;
	text-align:right;
	background:url(WebsiteEagleLogo20080307.jpg) no-repeat;
	/*	//removed by TN20080307 and replace the above image
		background:url(WebsiteEagleLogo.jpg) no-repeat;   */
	height:144px;
	}

#breadcrumb-container{
	color:#FFFFFF;
	padding:0px 44px;
	margin:0px;
	background:#71727F;
	height:22px;  /* height:26px; */
}

#home-breadcrumb-container{
	color:#FFFFFF;
	padding:0px 44px;
	margin:0px;
	background:#71727F;
	height:22px;  /* height:100px; */
	}
	
#home-breadcrumb-left{
	float:left;
	width:70%;
	padding:1px 0px 0px 0px; /*padding:10px 0px 0px 0px;*/
	}
	
#home-breadcrumb-right{
	float:right;
	width:155px;
	padding:7px 0px 0px 0px; /*padding:20px 0px 0px 0px;*/
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background:#525463;
}
	
#breadcrumb-left{
	float:left;
	width:70%;
	padding:1px 0px 0px 0px; /*padding:4px 0px 0px 0px;*/
	}

#breadcrumb-right{
	float:right;
	width:155px;
	padding:7px 0px 0px 0px; /*padding:10px 0px 0px 0px;*/
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background:#525463;
	}

#content-container
{
	padding:10px 3% 0px 44px;
}
	
#home-container
{
    	background:#FFFFFF;
        padding:0px;
}

#content{
	float:right;
	width:70%;
	}

#content-side{
	width:24%;
	}

#three-column-container{
	width:100%;
	margin:30px 0px;
	text-align:justify;
	}

#three-column-left{
	float:left;
	width:30%;
	}

#three-column-right{
	float:right;
	width:30%;
	}

#three-column-middle{
	width:30%;
	margin:0px 31% 0px 35%;
	}

#footer-container{
	background:#71727F;
	color:#FFFFFF;
	background:#71727F url(bg-footer-left.gif) repeat-y left;
	margin-top:20px;
	}

#footer-containerhome{
	background:#71727F;
	color:#FFFFFF;
	background:#71727F url(bg-footer-left.gif) repeat-y left;
	margin-top:0px;/*20px;*/
	}
#footer-right{
	margin-left:31%;
	padding:1px 15px;
	border-left:1px solid #FFFFFF;
	background:url(bg-mainnav-right.gif) repeat-y right;
	}

/******************
Menu Items
******************/

#mainnav-container ul{
	margin:0px;
	padding:0px;
	}

#mainnav-container li{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
/*************************************************
LISTS - IN THE CONTENT DIV
**************************************************/

#content ul.list,#content ul.link-list-vertical{
	margin:10px 0px 20px 10px;
	padding:0px;
	}

#content ul.list li{
	list-style:none;
	padding:1px 0px 1px 12px;
	margin:0px;
	background:url(bullet.gif) no-repeat;
	background-position:0 .4em;
	}

.list-image
{
	padding-bottom: 10px;
	padding-top: 10px;
	text-align:center;
}

#content ul.link-list-vertical li{
	list-style:none;
	margin:0px;
	}

#content ul.link-list-vertical li a:link{
	padding:1px 0px 1px 12px;
	background:url(bullet-link.gif) no-repeat;
	background-position:0 .4em;
	}

#home-container ul.link-list-vertical li a:visited{
	padding:1px 0px 1px 12px;
	background:url(bullet-link-visited.gif) no-repeat;
	background-position:0 .4em;
	}

#home-container ul.link-list-vertical li a:hover{
	padding:1px 0px 1px 12px;
	background:url(bullet-link-hover.gif) no-repeat;
	background-position:0 .4em;
	}

#home-container ul.link-list-vertical li a:active{
	padding:1px 0px 1px 12px;
	background:url(bullet-link-active.gif) no-repeat;
	background-position:0 .4em;
	}
	
	
#home-container ul.link-list-vertical li{
	list-style:none;
	margin:0px;
	}

#home-container ul.link-list-vertical li a:link{
	padding:1px 0px 1px 12px;
	background:url(bullet-link.gif) no-repeat;
	background-position:0 .4em;
	}

#home-container ul.link-list-vertical li a:visited{
	padding:1px 0px 1px 12px;
	background:url(bullet-link-visited.gif) no-repeat;
	background-position:0 .4em;
	}

#home-container ul.link-list-vertical li a:hover{
	padding:1px 0px 1px 12px;
	background:url(bullet-link-hover.gif) no-repeat;
	background-position:0 .4em;
	}

#home-container ul.link-list-vertical li a:active{
	padding:1px 0px 1px 12px;
	background:url(bullet-link-active.gif) no-repeat;
	background-position:0 .4em;
	}

/*************************************************
LISTS - IN THE SIDE COLUMN
**************************************************/

#content-side ul.list,#content-side ul.link-list-vertical{
	margin:10px 0px 20px 10px;
	padding:0px;
	}

#content-side ul.list li
{
	width: 100%;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 2px;
	padding-top: 2px;
	background-color: #C0C0CB;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

#content-side ul.link-list-vertical li{
	list-style:none;
	margin:0px;
	}

#content-side ul.link-list-vertical li a:link{
	padding:1px 0px 1px 12px;
	background:url(bullet-link.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li a:visited{
	padding:1px 0px 1px 12px;
	background:url(bullet-link-visited.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li a:hover{
	padding:1px 0px 1px 12px;
	background:url(bullet-link-hover.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li a:active{
	padding:1px 0px 1px 12px;
	background:url(bullet-link-active.gif) no-repeat;
	background-position:0 .4em;
	}

/**************************************************
	LIVE CHAT
***************************************************/
#livechat
{
	position: relative;
	clear: none;
	display: block;
	float: left;
	padding: 30px 0 0 10px;
	bottom: -11px;
}

/******************
MISCELLENEOUS STYLES
******************/
#bluecaption, .bluecaption
{
	/* use on reset password/create new account */
	position: relative;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #4ac7f9;
	background-color: #c7e8fe !important;
	padding: 8px;
	padding-left: 12px;
}

#bluecaption a
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

#pagetitle
{
	position:relative;
    font-size: medium;
    font-weight: bold;
    background-color: #687178;
    padding: 8px;
    padding-left:12px;
    color: #ffffff;
    top: -1px;
}

#pagetitle a, #pagetitle a:link, #pagetitle a:visited, #pagetitle a:activate, #pagetitle a:hover,
.pageHeaderInfo a, .pageHeaderInfo a:link, .pageHeaderInfo a:visited, .pageHeaderInfo a:active, .pageHeaderInfo a:hover
{
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline;
}

.pageHeaderInfo
{
	position:relative;
	font-size:small;
	font-weight:bold;
    background-color: #687178;
	padding:8px;
	padding-left:12px;
	color: #ffffff;
	top: -1px;
}

.pageFooterInfo
{
	font-size:small;
	font-weight:bold;
    background-color: #253340;
	padding:8px;
	padding-left:12px;
	color: #ffffff;
}

#pageContent
{
	z-index: 1000;
	top: -1;
}

.pageHeaderBorder
{
	background:#D0D0D0;
	padding:4px;
}

.divPageContent
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.attention
{
    font-weight: bold;
    background-color: teal;
    text-align: center;
    color: White;
    padding: 8px;
}

.attention a:link , .attention a:hover, .attention a:visited
{
	color:White;
}

.alert, .alert a:link, .alert a:hover, .alert a:visited, .alert a:active
{
	color:Red;
	font-style:italic;
}

#main-text-title
{
	font-weight: bold;
	font-size: 16pt;
	text-transform: capitalize;
	font-style: normal;
}

.service-content
{
	font-size: 10pt;
}

.highlight_row td, .highlight_row tr, .highlight_row
{
	background-color: #ffefd5;
}

.currentpolicy_row td, .currentpolicy_row tr, .currentpolicy_row
{
	font-weight: bold;
	color: #990033;
	font-style: italic;
	background-color:  #D5D5F5;
}

.currentpolicy_row a:link, .currentpolicy_row a:visited, .currentpolicy_row a.hover
{
	color: #990033;
	font-style: italic;
	font-weight: bold;
}

.vertical
{
     font-family: Arial;
     letter-spacing:1pt;
     font-weight:100 !important;
     font-size:10pt;
     text-align:left !important;
     vertical-align:bottom;
     writing-mode: tb-rl;
     filter: flipH flipV;
}

.NonVisibleElement
{
	display:none;
}

/******************
BOX STYLES
******************/

div.FormTitle
{
	border-right: #444466 thin solid;
	border-top: #444466 thin solid;
	font-weight: bold;
	border-left: #444466 thin solid;
	color: #ffffff;
	border-bottom: #444466 thin solid;
	background-color: #444466;
	text-align: left;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

div.FormHeader, div.FormFooter
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 2px;
	background-color: #C0C0CB;
}

div.FormContent
{
	border-right: #444466 thin solid;
	border-top: #444466 thin solid;
	border-left: #444466 thin solid;
	border-bottom: #444466 thin solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

div.FormCaption
{
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

div.BoxHeader, div.BoxFooter
{
	border-right: #444466 thin solid;
	border-top: #444466 thin solid;
	font-weight: bold;
	vertical-align: middle;
	text-transform: capitalize;
	border-left: #444466 thin solid;
	color: #ffffff;
	border-bottom: #444466 thin solid;
	background-color: #444466;
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
}

div.BoxContent
{
	border-right: #444466 thin solid;
	padding-right: 2px;
	border-top: #444466 thin solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #444466 thin solid;
	padding-top: 2px;
	border-bottom: #444466 thin solid;
	background-color: transparent;
}

div.BoxHeader_Attention
{
	border-right: #444466 thin solid;
	border-top: #444466 thin solid;
	font-weight: bold;
	vertical-align: middle;
	text-transform: capitalize;
	border-left: #444466 thin solid;
	color: #000000;
	border-bottom: #444466 thin solid;
	background-color: #d3d3d3;
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	padding-top:5px;
	padding-bottom:5px;
}

.toolTip
{
	font-family: Verdana, Arial, Sans-serif, 'Times New Roman';
	font-size: 8pt;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8; /* comment the above 3 line if you don't want transparency*/
	padding: 2px;
}

	
/******************
TABLE STYLES
******************/

.borderTable
{
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}

.borderTable td
{
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
}

/*****************************************
	MAIN GRID TABLE
******************************************/
.infotable, .alerttable, .reporttable, .bluetable
{
	width:100%;
	background-color:#C0C0CB ;
}

.infotable_transparent
{
	width:100%;
	background: transparent;
}

.infotable caption, 
.info_caption,
.infotable_transparent caption 
{
	/*background-color:#444466;*/
	background-color: #253340;
	padding:4px;
	font-weight:bolder ;
	font-size:larger;
	color:White;
	text-align:left;
}


.bluetable caption
{
	background-color: #91c6ec;
	padding: 4px;
	font-weight: bolder;
	font-size: larger;
	color: Black;
	text-align: left;
}

.gridinfo_row caption
{
	vertical-align: middle;
	text-align: left;
	padding: 4px;
	font-weight: bolder;
	text-decoration: underline;
}

.infotable td, 
.gridinfo_row,
.bluetable td
{
	padding:2px 4px 2px 4px;
	background-color:White;
	border:0px;
}

.infotable_transparent td
{
	background: tranparent;
	padding:2px 4px 2px 4px;
	border:0px;
}
	
.infotable thead th, .infotable tfoot th,
.infotable thead th a:link, .infotable thead th a:visited, .infotable thead th a:hover,
.gridinfo_header, .gridinfo_header a:link, .gridinfo_header a:hover, .gridinfo_header a:visited,
.gridinfo_header tr, .gridinfo_header td,
.bluetable thead th, .bluetable tfoot th,
.infotable_transparent thead th, .infotable_transparent tfoot th,
.infotable_transparent thead th a:link, .infotable_transparent thead th a:visited, .infotable_transparent thead th a:hover
{
	background-color:#C0C0CB !important;
	/*background-color: #95b3de !important;*/
	padding:4px;
	color: black ;
	text-align:left;
	font-weight:bold;
	border-width:0px;
	white-space:nowrap;
}

/*.infotable td input {border:0;}*/

.subgridinfo_header tr, .subgridinfo_header td, .subgridinfo_header th
{
	background-color: #e3e3e1;
	padding: 2px 4px 2px 4px;
	color: black;
	text-align: left;
	font-weight: bold;
	border-width: 0px;
	white-space: nowrap;
	text-decoration: blink;
}

.table_odd_row td, 
.table_odd_row tr, 
.table_odd_row, .UTCOddRow
{
	/*background-color: #EAEAEA;*/
	background-color: #ddf1ff;
}

.UTCOddCaption
{
    background-color: #EAEAF5;
}

.table_even_row td, .table_even_row tr, .table_even_row, .UTCEvenRow
{
	/*background-color: #F5F5F5;*/
	background-color: #ffffff;
}

.table_selected_row td, .table_selected_row tr, .table_selected_row
{
	background-color:  #D5D5F5;
}

.UTCEvenCaption
{
    	background-color: #F3F3FF;
}

.alerttable caption 
{
	background-color:red;
	padding:4px;
	font-weight:bolder ;
	font-size:larger;
	color:White;
	text-align:left;
}

.alerttable td, .gridinfo_row
{
	padding:4px;
	background-color: White;
	font:red;
}

.alerttable thead th, tfoot th 
{
	background:#D14545;
	padding:4px;
	color:Black;
	text-align:left;
}

.reporttable td 
{
	padding:2px;
}

.reporttable caption
{
	background: #444466;
	padding: 2px;
	font-weight: bold;
	font-size: large;
	color: White;
	text-align: left;
}

.reporttable thead th, tfoot th 
{
	background:#71727F;
	padding:2px;
	color:#FFFFFF;
}

.tdcaption td
{
	background:#444466;
	padding:8px;
	font-weight:bolder ;
	font-size:larger;
	color:White;
	text-align:left;
}

/* AL20100331: This CSS is for Payment Detail on BillingInfo.aspx */
.PmtDetails 
{
	background-color: #ddf1ff;
}

/****************************************
	TABLE GRID SECTION
*****************************************/
.inputtable
{
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border: solid 1px #444466;
}

.inputtable td
{
	padding: 5px;
}

.inputtable td input[type="checkbox"]
{
	border: 0px;
}

.inputtable caption
{
	background:#444466;
	padding:3px;
	font-weight:bolder ;
	font-size:larger;
	color:White;
	text-align:left;
}

.formtable
{
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #C0C0CB;
}

.formtable fieldset input
{
	border:0;
}

.form_field_caption {
	background:#444466;
	padding:3px;
	font-weight:bolder ;
	font-size:larger;
	color:White;
	text-align:left;
}

.formtable td, 
.formtable_odd_row, 
.formtable_even_row
{
	background-color: White;
}
	
.formtable thead th, 
.formtable tfoot th
{
	background: #C0C0CB;
	/*background-color: #ddf1ff;*/
	padding: 3px;
	color: Black;
	text-align: left;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}	

.formtable caption {
	background:#444466;
	padding:3px;
	font-weight:bolder ;
	font-size:larger;
	color:White;
	text-align:left;
}

.formtable td input {border:0;}

.formtable_odd_row tr, .formtable_odd_row td
{
	background: #F4F4F4;
}

.formtable_even_row tr, .formtable_even_row td
{
	background: #E8E8E8;
}

/****************************************
	FORM INPUT SECTION
*****************************************/
.tableform
{
	border-right: #253340 thin solid;
	border-top: #253340 thin solid;
	border-left: #253340 thin solid;
	border-bottom: #253340 thin solid;
}

.tableform caption, 
.supply_caption
{
	background-color: #253340;
	font-weight: bold;
	color: #ffffff;
	text-align:left;
	padding-left:15px;
    padding-top: 2px;
    padding-right: 15px;
	padding-bottom: 2px;
}

.tableform thead th, 
.tableform_header
{
	background-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: black;
	text-align: left;
}

.tableform tfoot th
{
	background-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: black;
	text-align: left;
}

.tableform td 
{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.tableform_even_row td 
{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color:#EBEBEB;
}

.tableform_odd_row td 
{
	background-color: white;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.tableform input[type="radio"]
{
	border:0;
}


/*********************************/

thead th, tfoot th, .gridviewhead {
	background:#71727F;
	padding:8px;
	color:#FFFFFF;
	border-left:1px solid #71727F;
	border-right:1px solid #71727F;
	border-top:1px solid #71727F;
	border-bottom:1px solid #71727F;
	}

.table-row-1 td,.table-row-1 th, .UTCOddRow{
	/*background:#EAEAEA;*/
	background-color: #ddf1ff;
	border:1px solid #71727F;
	}

.table-row-2 td,.table-row-2 th,thead, .UTCEvenRow
{
	background-color: #FCFCFC;
	/*background:#F4F4F4;*/
	border:1px solid #71727F;
	}
	
.OddCaption {
	background:#C8C8C8;
	border:0px solid #FFFFFF;
	padding:4px;
	margin:1px;
	color:black;
	font-weight:bolder;
	font-size:larger;
	}
	
thead th a:link, tfoot th a:link /*, .table caption a:link*/{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	}

thead th a:visited, tfoot th a:visited /*, .table caption a:visited*/{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	}

thead th a:hover, tfoot th a:hover /*, .table caption a:hover*/{
	text-decoration:none;
	}

thead th a:active, tfoot th a:active /*, .table caption a:active*/ {
	color:#CCCCCC;
	text-decoration:underline;
	}
	

/******************
CLASSES & TABLE STYLES
******************/

.button-big{
	margin-top:8px;
	}

img.photobig,img.photosmall{
	border:1px solid #71727F;
	padding:5px 5px 30px 5px;
	background:#E5E5E5;
	}

img.photosmall{
	margin-right:10px;
	margin-bottom:2px;
	float:left;
	}

.searchbox{
	height:13px;
	margin:0px;
	padding:0px;
	width:6em;
	color:#666666;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	}

.button-search{
	height:17px;
	margin:0px;
	padding:0px 1px;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	font:bold 10px Verdana,Arial,Helvetica,sans-serif;
	background:#9798A1;
	}

.separator-side-column{
	border-top:1px solid #D0D0BF;
	width:100%;
	height:2px;
	font-size:1px;
	background:transparent;
	}


.small-text{
	font-size:.8em;
	}

.none{
	display:none;
	}

.floatleft{
	float:left;
	}

.clear{
	clear:both;
	}
	/*******************************************************************************/
.OLEMailingAddress, .OLEDrivers, .OLEExcluded, .OLEVehicles, .OLEOther
{
	/* original border color is black */
    /*border-right: Black solid 1px;
    border-top: Black solid 1px;
    border-left: Black solid 1px;
    border-bottom: Black solid 1px;*/
    border: solid 1px #91c6ec;
    background-color: #FFFFFF;
    float: none;
    clear: both;
    margin-top: 5px;
    margin-left: 5px;
    width:inherit;
}

.OLEChangeNotice
{
	border-bottom: solid 1px #b0c4de;
	background-color: #b0c4de;
	float: none;
	clear: both;
	width: inherit;
	font-weight: bold;
	color: Black;
	padding: 0 0 0 3px;
}

.OLEChangeNoticeBox
{
	border: solid 1px #b0c4de;
	display: block; 
	float: left;
	width: 49%;
}

.OLEOther input[type="checkbox"], .OLEOther input[type="radio"]
{
	border: none;
}

.BoxTitle
{
	font-weight: bold;
	font-size: medium;
	padding-bottom: 2px;
	vertical-align: middle;
	border-bottom: #4ac7f9 solid 1px;
	font-family: 'Arial Narrow';
	color: Black;
	/*color: white;*/
	/*background-color: #71727F; #253340 */
	background-color: #c7e8fe;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
}

.OLEText
{
    font-size: small;
    padding:5px;
}

.OLETitle
{
    padding-right: 5px; 
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 5px;
    float: left;
    width: 45%;
}

.OLERate
{
   /* border-right: black solid  1px;
    border-top: black solid  1px;
    border-left: black solid  1px;
    border-bottom: black solid  1px;*/
    border: solid 1px #91c6ec;
    padding-bottom: 5px;
    margin: 5px;
    width: 45%;
    background-color: white;
    float:right;
}


.OLEHorizGrid, .OLEVertGrid
{
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 90%;
    background-color: transparent;
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    text-align:center;
}

.OLEGridHead
{
    text-decoration:underline;
    text-align:left;
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-color: transparent;
    white-space:nowrap;
}

.OLEGridCell
{
    text-align: left;
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-color: transparent;
    white-space: nowrap;
    vertical-align: top;
}

.OLEOptionsHead
{
    text-decoration:underline;
    text-align:right;
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-color: transparent;
}
.OLEOptionsCell
{
    text-align: right;
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    background-color: transparent;
}

.OLEAgreement
{
	margin: 5px 3px 5px 3px;
}

.OLEAgreement h1,
h1.AgreementCaption
{
	font-size: 20px !important;
	padding: 5px 0px 5px 0px;
}

.OLEAddButton
{
    text-align:left;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    float: none;
    clear: both;
}

.OLEBillingPlanLabel
{
    text-decoration: none no-inherit;
    font-style: italic;
    position: relative;
    left: 20px;
}


.VertDetailsCol
{
    border-left-style: none;
    clear: none;
    display: block;
    float: left;
    text-align: center;
    white-space: nowrap;
}

.VertDetailsHead
{
    clear: none;
    display: block;
    float: left;
    white-space:nowrap;
}
.OLETopButtons
{
	font-size:medium;
}
 
.OLEVehicleCell
{
    clear: none;
    display: block;
    float: left;
    text-align: center;
    white-space: nowrap;
    border-bottom: black thin solid;
}

.OLEVehicleTableWrapedCell
{
    border-right: black thin solid;
    vertical-align: top;
    text-align: center;
}

.OLEButton
{
	font-weight: bold;
	color: White;
	font-family: Arial;
	border: none;
	background-color: #e6e6fa;
}

.cancelbutton, .savebutton
{
    clear: none;
    display: block;
    float: left;
    margin: 5px;
    /*
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;*/
}

.messages
{
    color: Maroon ;
    text-align:center;
}
.invis
{
    visibility: hidden;

}

.gone
{
    visibility: hidden;
    clear: none;
    padding-right: 0px;
    display: none;
    padding-left: 0px;
    font-weight: normal;
    font-size: 1pt;
    left: 0px;
    background-image: none;
    padding-bottom: 0px;
    margin: 0px;
    width: 0px;
    clip: rect(1pt 1pt 1pt 1pt);
    border-top-style: none;
    line-height: 1pt;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    letter-spacing: 1pt;
    position: absolute;
    top: 0px;
    height: 0px;
    background-color: transparent;
    border-bottom-style: none;
}

/************************************
	MISCELLENEOUS STYLES
*************************************/
a.white:link
{
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}

a.white:hover
{
	text-decoration: underline;
	color: #000000;
}

.span-float
{
	float: inherit;
	position: static;
	clear: none;
	display: inline;
}

.span-superscript
{
	font-size: 5pt;
	vertical-align: super;
	text-decoration: none;
}

.note-alert
{
	font-size: 10px;
	color: #cc0000;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	line-height: 7px;
}

.left-spacing
{
	padding-left: 5px;
}

.other-list
{
	margin: 0px 0px 0px 0px;
}

.other-list input {border:0;}

.categoryHeader
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 0px;
	font-weight: bold;
	font-style: italic;
	background-color: #dcdcdc;
}

/* --------------------------------------------------------------- */
/* Some pre-existing UTC styles */
/* --------------------------------------------------------------- */

/*
.UTCOddRow { background-color:lightgrey; font-family:Arial; font-size:small; text-align:left; }
.UTCEvenRow { background-color:Transparent; font-family:Arial; font-size:small;  text-align:left;} 
.UTCOddCaption { background-color:lightgrey;  text-align:left;}
.UTCEvenCaption { background-color:Transparent; text-align:left;} */
.UTCEvenRowCaption {width:0px; text-align:left;}
.UTCOddRowCaption {width:0px; text-align:left;}
.UTCHeader { background-color:#51525F; color:white; text-align:center; font-weight:bolder; }
.UTCHeaderCaption { background-color: #51525F; color:white; text-align:center; font-weight:bolder;}

.UTCInputControl { }


.UTCEvenRowCaptionUWQ {width:100px; text-align:left;}
.UTCOddRowCaptionUWQ {width:100px; text-align:left;}

.UTCValidationHeader {font-family:Tahoma; font-size:medium; font-weight:bold; color: Red; text-align:left;}
.UTCValidationControl {font-family:Tahoma; font-size:small !important; color: Red; text-align:left;}
.UTCValidationHeaderImage {}
.UTCValidationControlImage { height:13px; width:12px; }

.UTCCaptionHelpImage {height:15px; width:15px; vertical-align:top;}
.UTCCaptionSpace {width:5px;}
/*d3d3d3*/
.UTCTinyOddRow { background-color:#ddf1ff; font-family:Arial; font-size:x-small; text-align:left; width:100%;}
.UTCTinyEvenRow { background-color:Transparent; font-family:Arial; font-size:x-small;  text-align:left; width:100%;}
.UTCTinyOddCaption
{
	background-color: #ddf1ff;
	text-align: left;
	font-size: small;
}
.UTCTinyEvenCaption { background-color:Transparent; text-align:left; font-size:small;}
.UTCTinyQuoteHeader { background-color:maroon; color:white; text-align:center; font-weight:bold; font-size:medium;}

/* --------------------------------------------------------------- */
