@charset "utf-8";
/* CSS Document */

/* Internal page asset styles */
	
	/* All Textual fonts should be #504E4B */
	p {font:14px Arial, Helvetica, sans-serif; line-height:14pt; color:#504E4B;}
	.biztext {font:12px Arial, Helvetica, sans-serif; color:#504E4B;}	
	a, a:visited, a:link {color:#054d99; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
	a:hover {text-decoration:underline}
	a.myAct {margin:5px 2px; font:12px Arial, Helvetica, sans-serif; display:block;}
	.gray11px {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#504e4b;}
	.light_gray11px {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7b7b7b;}
	.blue11px {color:#054d99; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
	.twelve {font-size:12px;}
	.thirteen {font-size:13px; line-height:13pt; color:#504E4B;}
	.fourteen {font-size:14px; line-height:14pt;}
	.subheader{padding-top:5px; padding-bottom:2px; margin:0;}
		
	hr {border:0; padding:3px 0; height:1px; color:#C1C1C1;}
	hr.light {border:1; border-top:1px solid #e3e3e3; height:0px; padding:3px 0; color: #e3e3e3;}

	.sidePadding {padding:0px 15px;}
	.pointer {cursor:pointer;}
	
/* Header text Styles */	
	.orange {color:#ef9400;}
	.white {color:#FFFFFF;}
	H1 {font:bold 22px Arial, Helvetica, sans-serif; padding-top:10px; margin-top:0; color:#504E4B;}  /* displayed at 22px */
	H2 {font:bold 19px Arial, Helvetica, sans-serif; color:#504E4B;}  
	H3 {font:bold 17px Arial, Helvetica, sans-serif; color:#504E4B;}  
	H4 {font:bold 15px Arial, Helvetica, sans-serif; color:#504E4B; padding:0; margin:0;}  
	H5 {font:bold 14px Arial, Helvetica, sans-serif; color:#504E4B; padding:3px 0; margin:0;}
	H6 {font:bold 13px Arial, Helvetica, sans-serif; font-weight:normal; color:#504E4B; padding:3px 0; margin:0;}


	h1 a {font-size:22px; font-family:Arial, Helvetica, sans-serif;padding-top:0; margin-top:0; text-decoration:none; color:#EF9400;}
	h3 a {font-size:17px; color:#eF9400; text-decoration:none;}
	h5 a {font:bold 12px Arial, Helvetica, sans-serif; color:#504E4B; padding:3px 0; margin:0; color:#054d99; text-decoration:none;}
	a.thirteen {font-size:13px; padding-top:3px;}
	.nospace { margin:0; padding:0;}  
	.itemBox {padding-top:14px; padding-bottom:0; font-size:13px; line-height:13pt; color:#504E4B; overflow:hidden;}
	.leftitemBox {float:left; width:200px;}
	.rightitemBox {float:left; width:432px;}
	
/* End Header Text */

.resourcesPod {
	background:url(/uploadedImages/Content/resources_pod.jpg) no-repeat;
	width:148px; height:85px; padding:40px 20px 0;
}
.resourceCenter {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left 50%; PADDING-LEFT: 100px; 
	PADDING-BOTTOM: 25px; CURSOR: hand; PADDING-TOP: 25px; BACKGROUND-REPEAT: no-repeat;}
.resourceCenter:hover { text-decoration:underline;}

div.pricepoint { font:bold 28px Arial, Helvetica, sans-serif; color:#004897;}
.pricepoint sup {font-size:20px; vertical-align:top}

/* BUTTON CSS */
#container a.button, 
#container a.inactive-button,
#container a.blue-button,
#container button{
    background:#fbf5ec;
    color:#054d99;
    display:block;
    float:left;
    font-family:Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    height:20px;
    line-height:20px;
    padding:0 15px;
    text-decoration:none;
    border:2px solid #eebe7e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
	cursor:pointer;
	z-index:0;
}
#container a.button span,
#container a.inactive-button span,
#container a.blue-button span,
#container button span{
    background:transparent;
    display:inline;
    line-height:auto;
    padding:0;
	color:#054d99;
}

#container a.button:hover,
#container a.inactive-button:hover,
#container a.blue-button:hover {
    bottom:auto;
    text-decoration: none;
}
#container a.button:hover span,
#container a.inactive-button:hover span,
#container a.blue-button:hover span{
    bottom:auto;
    text-decoration: none;
    color: inherit;
}
#container a.blue-button {
    background:#054d99;
    color:#FFFFFF;
    border-color:#508bcc;
}
#container a.blue-button span{color:#FFFFFF}
#container a.inactive-button{
    background:#fbf5ec;
    color:#999999;
    border-color:#CCCCCC;
    cursor:default;
}

.button-row a.button, .button-row a.inactive-button, .button-row a.blue-button, .button-row button {
	margin:0 5px;
}
.rounded-corner-pod .button-container { text-align:bottom; margin:20px 0 5px; height:20px;}
.rounded-corner-pod .clearfix .button-container {float:left} /* CTBH */
input.imagebutton {padding:5px 0;}

#fatFooter a.header {font-size:12px; color:#6f6f6f; text-decoration:none; padding:5px 0;}
	
#fatFooter a{font-size:12px; color:#004997; padding:5px 0;}
#fatFooter a:hover {text-decoration:underline;}
#fatFooter a.header:hover {text-decoration:underline; }

/* Boxes and Modules */
div.threewhiteboxes {
	float:left;
	padding:10px;
	width:160px;
	margin:5px;
	border:1px solid #EAEAEA;
	background-color:#FFF;
}
div.twoboxes {
	float:left;
	padding:10px; margin:10px;
	width:255px;
}
div.twograyboxes {
	float:left;
	padding:10px;
	margin:10px;
	width:270px;
	height:150px;
	border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;
	background-color:#F5F5F5;
}
div.grayboxes {
	padding:10px;
	margin:10px;
	width:570px;
	height:200px;
	border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;
	background-color:#F5F5F5;
}

div.threegrayboxes {
	float:left;
	padding:10px;
	margin:10px;
	width:170px;
	height:170px;
	border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;
	background-color:#F5F5F5;
}
div.signinBoxes {
	float:left;
	padding:10px;
	margin:10px;
	width:170px;
	height:130px;
	border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;
	background-color:#F5F5F5;
}

div.leftCol{
	width:200px;
	padding-top:10px;
	float:left;
	height:220px;}

.rightModuleTop {
	background:url(/uploadedImages/Common_Content/Shared_Template_Content/moduleTop.png) no-repeat;
	width:188px; height:9px;	
}
.rightModuleMid {
	background:url(/uploadedImages/Common_Content/Shared_Template_Content/moduleMid.png) repeat-y;
	width:188px; min-height:100px;	
	padding-left:15px;
	font:11px Arial, Helvetica, sans-serif; color:#7b7b7b;
}
.rightModuleBot {
	background:url(/uploadedImages/Common_Content/Shared_Template_Content/moduleBot.png) no-repeat;
	width:188px; height:9px;	
}
.subtext { height:40px;}
.blocktext { height:80px;}
.contentheight {height:100px;}
.contentheight140 {height:140px;}
.contentheight120 {height:120px;}
.myaccountblock {height:85px;}

.quickLinksModule {
	background:url(/uploadedImages/Common_Content/Shared_Content/moduleCustomerQuickLinks.jpg) no-repeat; 
	width:188px; height:94px;
	padding:40px 0 0 15px;
	font:12px Arial, Helvetica, sans-serif;
}
.leftLabel{width:102px; display:inline-block;}
/* End Boxes and Modules */

/* List Styles */

ol li {
	padding-top:4px;
	color:#504E4B;}
/* Long Lists */
ul.disc {
	list-style-type:disc;
	margin-left:5px;
	padding-left:10px;
	font-size:14px;
	color:#504E4B;}
ul.disc li, ul.smallDisc li {
	padding-top:4px; padding-left:-5px;
	margin-left:0px;}

ul.smallDisc {
	list-style-type:disc;
	margin-left:5px;
	padding-left:10px;
	font-size:12px;
	color:#504E4B;}
	
ul.arrow{
	margin: 0;
	padding-left:5px;
	font-size:14px; 
	color:#504E4B;
}
ul.arrow li {
	padding-left: 12px;
	padding-top:4px;
  	margin-left: 0;     /* distance between marker and text */
	display:block;
	color:#504E4B;
	list-style:none;
	background:url(/common/images/grayArrow.gif) 0px 5px no-repeat;
}

/* Short lists */
ul.grayBar {margin:0; padding:0}
ul.grayBar li {
	border-bottom:1px solid #EAEAEA;
	list-style:none;
	margin:0; padding:4px 0;
	display:block;
	font:12px Arial, Helvetica, sans-serif;}
ul.grayBar li.last {
	border:none;}
	
ul.bluearrow{margin: 0;padding:0;}
ul.bluearrow li {
	border-top:1px solid #E3E3E3;
	font:12px Arial, Helvetica, sans-serif;
	padding-left: 12px;
  	margin-left: 0;     /* distance between marker and text */
  	margin-bottom: .5em; /* a little spacing between list items */
	padding-top:2px;
	display:block;
	color:#504E4B;
	background:url(/uploadedImages/Common_Content/Shared_Template_Content/blueArrow_graybg.gif) 0px 5px no-repeat;
	list-style-type:none;
	line-height:18px;
	}
ul.bluearrow li a, ul.blue-arrow-noline li a{
	color:#054d99;
	}
ul.blue-arrow-noline li {
	font:13px Arial, Helvetica, sans-serif;
	padding-left: 12px;
  	margin:0 0 .2em 0; /* a little spacing between list items */
	display:block;
	color:#504E4B;
	background:url(/common/images/blue-arrow.png) 0px 3px no-repeat;
	list-style-type:none;
	line-height:18px;
	}
ul.blue-arrow-noline li a {color:#FFFFFF;}
ul.blue-arrow-noline {margin:0; padding:0;}
ul.bluearrow li.last {
	border-top:1px solid #E3E3E3; 
	border-bottom:1px solid #E3E3E3;
	line-height:18px;
	display:block;
	padding-bottom:.5em;
	}
	
ul.grayarrow{
	color:#054d99;
	margin: 0;
	padding:0;
}

ul.grayarrow li {
	border-top:1px solid #E3E3E3;
	padding-left: 12px;
	font:12px Arial, Helvetica, sans-serif;
  	margin-left: 0;     /* distance between marker and text */
  	margin-bottom: .5em; /* a little spacing between list items */
	display:block;
	background:url(/common/images/grayArrow.gif) 0px 5px no-repeat;
	list-style-type:none;
	line-height:18px;}
ul.grayarrow li.last {
	padding-left: 12px;
  	margin-left: 0;     /* distance between marker and text */
  	margin-bottom: .5em; /* a little spacing between list items */
	display:block;
	border-top:1px solid #E3E3E3; 
	border-bottom:1px solid #E3E3E3;}
/* Module Lists */
.quickLinksModule ul {font:bold 11px Arial, Helvetica, sans-serif; color:#504E4B; width:160px;}
.quickLinksModule ul a {font:11px Arial, Helvetica, sans-serif; color:#054d99;}
.rightModuleMid ul {width:160px; font-size:12px;}
/* End List Styles */

/* Accordion Panel */
/* .accpanel {background:url(/uploadedImages/Common_Content/Shared_Content/accordionPanel.gif) no-repeat; width:642px; height:30px; margin-left:-5px; padding-left:5px; padding-top:5px;} */
/* CollapsiblePanel container */
.CollapsiblePanel { 
	margin: 0px;
	padding: 0px;
	width:642px;
	border:0;
}
/* CollapsiblePanel panel tab container. */
.CollapsiblePanelTab {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#503E4B;
	background:url(/uploadedImages/Common_Content/Shared_Content/accordionPanel.gif) no-repeat;
	width:632px; height:20px; /* 642x30 */
	border:0;
	margin-left: -5px;
	padding:5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab { /*Open Tab */
	background-color: #CCC;
}
.CollapsiblePanelClosed .CollapsiblePanelTab { /*Closed tab */
 /* background-color: #EFEFEF */
}
.CollapsiblePanelContent {
	margin: 0px;
	padding: 5px;
}
.CollapsiblePanelTab a {
	color: #504e4b;
	text-decoration: none;
	position:relative;
}
.CollapsiblePanelTab a span{
	display:none; padding:2px 3px; margin-left:8px; width:150px;
}
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover, .CollapsiblePanelTabHover a{
	background:url(/uploadedImages/Common_Content/Shared_Content/accordionPanel_hover.gif) no-repeat;
}
.CollapsiblePanelTabHover a span{
	display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; left:420px; margin-top:-20px;
}
/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
		background:url(/uploadedImages/Common_Content/Shared_Content/accordionPanel_collapsed.gif) no-repeat;
}



/*Table Structure */
#bizTable {font-family:Arial, Helvetica, sans-serif; border:1px solid #eaeaea; padding:10px; width:100%; border-collapse:collapse;}
#bizTable th {background-color:#eeeeee; text-align:center; font-weight:bold; font-size:14px; padding:5px;}
#bizTable td {background-color:#FFF; font-size:12px;border-top:1px solid #e3e3e3; padding:5px; text-align:center;}
#bizTable tr { height:20px;}

.bizTable {font-family:Arial, Helvetica, sans-serif; border:1px solid #eaeaea; padding:10px; width:100%; border-collapse:collapse;}
.bizTable th {background-color:#eeeeee; font-weight:bold; font-size:14px; padding:8px; text-align:left; vertical-align:top;}
.bizTable td {background-color:#FFF; font-size:12px;border-top:1px solid #e3e3e3 !important; border-right:1px solid #e3e3e3 !important; padding:8px; text-align:left; vertical-align:top;}
.bizTable tr { height:20px;}
.grayBG {background-color:#eeeeee; }
#bizTable td.right {text-align:right;}

/* Search Formatting */
#GoogleSearch .topsearchbar 
{
	background-color:#F5F5F5;
	margin-top:10px;
	padding:4px;
	}
#GoogleSearch .topsearchbar h2{
	color:#EF9400; 
	float:left;  
	font-size:1.05em; 
	line-height:85%; 
	margin:0;
}
#GoogleSearch .topsearchbar .results{text-align: right; font-size:0.9em;}
#GoogleSearch h4 a{font-size:1.25em; color:#054D99;}
#GoogleSearch .sdetail{font-size:0.85em;}
#GoogleSearch .g{margin-left:5px;}


/* End Search Page Formatting */

/* Portal Pods */
#pods {width:900px; margin:0 40px;}
#pods .col4 {
	width:200px;
	margin-right:20px;
	float:left;
}
#pods .col4 .last {margin-right:0px;}

.col4 .top {background:url('/common/images/pod_t.png') 0 0 no-repeat; width:200px; height:5px;}
.col4 .bottom {background:url('/common/images/pod_b.png') 0 0 no-repeat; width:200px; height:5px;}
.col4 .middle {background:url('/common/images/pod_s.png') 0 0 repeat-y; 
	height:525px;
	width:170px; /* width 200 */ 
	padding:5px 15px;
}
#pods h2 {font:bold 18px Arial, Helvetica, sans-serif; color:#504e4b; padding-top:5px; margin-top:0}
#pods .title {height:60px; border-bottom:1px solid #eaeaea;}
#pods a, .rounded-pod a {font-size:12px; line-height:15px;}
#pods ul, .rounded-pod ul {margin-bottom:0; padding:0; list-style-type:none;}
#pods ul li, .rounded-pod ul li {padding:5px 0 0px 0;}
#pods h5 {margin:0; padding:5px 0 0 0;}
#pods ul h5 {margin-top:10px;}
.rounded-pod ul {margin-bottom:25px;} /* Space for button */


.portal-hero {
	background:url('/common/images/blue_hero.png') 0 0 no-repeat; 
	width:826px;  /*876*/
	height:125px; /*155*/
	padding:15px 25px;
}
.portal-hero h1 {color:#FFFFFF; margin:0; padding-bottom:2px;}
.portal-hero h3 {margin:0; color:#cddbeb;}
.portal-hero p, .portal-hero div, .portal-hero ul, .portal-hero span {color:#FFFFFF;}
.portal-hero p {padding:0px; margin-top:8px;}
.portal-hero .left {width:470px; float:left;}
.portal-hero .right {width:246px; float:left; padding-left:110px; /*376*/ padding-top:45px;}
.portal-hero span {font:12px/18px Arial, Helvetica, sans-serif; padding-left:5px; display:block}

#rounded-gray-pod {margin:20px; float:right;}
.rounded-gray-middle {
	background:url('/common/images/rounded-gray-middle.png') top left repeat-y;
	width:218px; /*258 */
	padding:0 20px 0;
}
.rounded-gray-top {
	background:url('/common/images/rounded-gray-top.png') top left no-repeat;
	width:258px; height:10px;
}
.rounded-gray-bottom {
	background:url('/common/images/rounded-gray-bottom.png') top left no-repeat;
	width:258px; height:10px;
}

.callout {
	background-color:#f0f8fb;
	border-top:1px solid #5D88BD;border-bottom:1px solid #5D88BD;
	color:#504e4b;
	padding:5px;
}
a.info {
	background:transparent url('/uploadedimages/info-icon.png') center left no-repeat;
	display:inline-block;
	padding-left:20px;
	font-size:13px;
	line-height:15px;
	overflow:hidden;;
	vertical-align:text-bottom; 
	height:15px;	
}
a.info span {display:none;}
a.info:hover {text-decoration:none;} 
a.info span {display:none; padding:5px; margin-left:3px; width:230px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-weight:normal }
a.info:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; z-index:1000;}
a.info span br{ display:none;}
a.info span b{display:block; margin-bottom:5px;}


.new-link {
	background:transparent url(/common/images/new_link.png) no-repeat scroll right 3px;
	padding-right:32px;
	display:inline-block;
}

/*******************************/
/* NEW COLUMN STYLES           */
/******************************/

/* CLEAR FIX */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.clear { /* generic container (i.e. div) for floating elements */
    overflow: hidden;
}
.clearfloat
{
    clear: both;    
}
#container div.row {
    clear: both;
    padding: 10px 0;
}
div.row {
	padding:10px 0px;
	clear:both;
	display:block;
}
.col {
	float:left;
	overflow:hidden;
	word-wrap:break-word;
	table-layout:fixed;
}
.span2 { 
	width:364px; /* 474px width */
	padding:0px 20px;
}

.span3 { 
	width:236px; /* 474px width */
	padding:0px 20px;
}

.divider {
	padding-right:27px;
	background:url('../images/divider_bottom.gif') bottom right no-repeat;
	/* Use this class to create 7px divider on all columns except last. */
}

.formContainer
{
    padding: 0px 20px 0px 20px; 
}

/**********************************/
/* Labels                         */
/**********************************/

label
{
    color:#373737;
    font:normal 13px/21px Lucida Grande, Lucida Sans Unicode, sans-serif; 
    margin-bottom: 0px; 
}
span.label /* For .net users */ {
	color: #373737;
    font: 13px/21px Lucida Grande,Lucida Sans Unicode,sans-serif;
    padding-bottom: 1px;
	margin-bottom:0px;
	display:block;
}

label.formLabel
{
    display: block;
    padding-top: 10px;
    color:#373737;
    font:normal 13px/21px Lucida Grande, Lucida Sans Unicode, sans-serif; 
    padding-bottom:1px;
}
label.formLabel-disabled
{
    display: block;
    padding-top: 10px;
    color:#cccccc;
    font:normal 13px/21px Lucida Grande, Lucida Sans Unicode, sans-serif; 
    padding-bottom:1px;
}

label.formSubLabel
{
    display: block;   
    color:#373737;
    font:normal 11px/18px Lucida Grande, Lucida Sans Unicode, sans-serif; 
    
}



/**********************************/
/* Input Fields NEW               */
/**********************************/
.inputfield
{
    border-bottom: #c9cbcf 1px solid;
    border-left: #c9cbcf 1px solid;
    background-color: #fff;
    color: #504e4b;
    border-top: #c9cbcf 1px solid;
    border-right: #c9cbcf 1px solid;   
    margin-right: 5px;   
    width: 320px
    /*
    width: 54%;
    max-width: 300px;
    min-width: 140px;*/
}
.inputfield-disabled
{
    border-bottom: #c9cbcf 1px solid;
    border-left: #c9cbcf 1px solid;
    background-color: #e8e8e8;
    color: #CCCCCC;
    border-top: #c9cbcf 1px solid;
    border-right: #c9cbcf 1px solid;   
    margin-right: 5px;   
    width: 320px
}
.inputfield_Short, .short
{
    width: 150px; 
}


.inputfield_Shorter
{
    width: 90px; 
}


.inputButton
{
    margin-top: 20px; 
}

.inputButtonSSO
{
    margin-top: 30px; 
}

.inputTextArea
{
    height: 70px; 
    width: 100%;
}

.chkBoxIndent
{
    margin-left: 15px; 
}

textarea {
	width:300px;
	height:100px;
	border: 1px solid #c9cbcf;
}
.radio, .checkbox {
	clear:both;
}

#formEntry {
	padding-left:20px;
}
#formEntry span2 {
	padding-left:0px;
	margin-left:-20px;
}
.indent {padding-left:8px;}
.bizTable input {width:120px;}
#formEntry table.listing {border-collapse:collapse;}
#formEntry table.listing td {border-top:0px; border-left:0px; border-right:0px;}

div.no-border {border:0px}