/* Primary stylesheet for GSO's public website */

/* -----------  Color glossary -----------      
#004A3D - GSO green 
#D7C198 - GSO tan   
#FFFFFF - white  
#014B3F - green text
#808000 - olive
#C0C0C0 - silver  
#8B0000 - medium red
#B22222 - lighter medium red (firebrick)
------------------------------------------ */ 
/* Last edited: 12-19-07 */  

/* Remove default padding and margin for better cross-browser compatibility */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Primary Elements */

body
{
	background-color:#FFFFFF;
}

.plainbody
{
	background-color:#FFFFFF;
}
.bodygray
{
	background-color: #f5f5f5;
}

.bodyltgray
{
	background-color: #f8f8f8;
}

.bodyltgray2
{
	background-color: #e6e6e6;
}

.bodygradient
{
	background-color: #dcdcdc;
	background-image: url(images/vert_bkgr_bar4.gif);
	background-repeat:repeat-x;
}


a 
{
	font-size: 9pt;
	color: #014B3F;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover 
{
	font-size: 9pt;
	color:#808000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

img.centered 
{
    display: block;
    margin-left: auto;
    margin-right: auto 
}
    
div.centered 
{
    display: block;
    margin-left: auto;
    margin-right: auto  
}


/* -------- Primary containers - elements that define the dimensions, etc, of a page or major page section -------- */


#contentcontainer    /* sets overall dimensions and layout of all pages */
{
	position: relative;
	/*height: 585px;*/

	width: 845px;
	margin-top: 0px;
	padding-top: 0px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	background: #FFFFFF;
	border-color:#9e9e9e;
	min-height:585px;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:auto !important;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:585px;				/* These 3 lines are a hack to make min-height work in IE6 */
}

#contentcontainer_reg    /* sets overall dimensions and layout of all pages */
{
	position: relative;
	height: 630px;
	width: 845px;
	margin-top: 0px;
	padding-top: 0px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	background: #FFFFFF;
	border-color:#9e9e9e;
}

#contentcontainer_reg_prof    /* sets overall dimensions and layout of all pages */
{
	position: relative;
	height: 695px;
	width: 845px;
	margin-top: 0px;
	padding-top: 0px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	background: #FFFFFF;
	border-color:#9e9e9e;
}

#innerborder
{
	width: 843px;
	height: 619px;
	border-right: #b2c8c4 1px solid;
	border-top: #b2c8c4 0px solid;
	border-left: #b2c8c4 1px solid;
	border-bottom: 1px solid #b2c8c4;
}

#hpcontentsection      /* controls the content section of the homepage */
{
	padding:0 0 0 0; 
	margin:12px 0 0 27px;
	/*height:440px;*/ 
	width:800px;
    background-color:#FFFFFF;
	z-index:15;
	height:auto; 
}

#contentsection2     /* contains the content placeholders on the content master page */
{
	position:relative; 
	float:left;
	/*height:457px;*/
	/*height:auto;*/
	width:98%;
	padding:0 0 0 0; 
	margin:0 0 0 0;
		/* margin:15px 0 0 5px;*/
	z-index:15;
	background-color:#FFFFFF;
}

#contentsection_1col     /* contains the content placeholders on the content master page */
{
	position:relative; 
	/*float:left;*/
	/*height:457px;*/
	height:auto;
	width:100%;
	padding:0 0 0 0; 
	margin:0 0 0 0;
		/* margin:15px 0 0 5px;*/
	z-index:15;
	background:#FFFFFF;
}

#subcontainer /* controls the content section of content pages on a page level, allowing individual pages to be tweaked if needed. */
{
	position:relative;
    float:left;
	padding-top:10px;
	padding-left:35px;
	/*height:423px; */
	height: auto;
}

#subcontainer_1col /* controls the content section of content pages on a page level, allowing individual pages to be tweaked if needed. */
{
	position:relative;
    float:left;
    text-align:left;
	margin:0 0 0 0px;
	padding:0px 0 0 25px;
	width:818px;
	height:auto; 
	z-index:5;

}

#reg_container  /* inner subcontainer within subcontainer_1col needed to fix width in IE6 */
{
	position:relative;
    float:left;
    text-align:left;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	width:795px;
	height:auto; 
	z-index:5;

}
	
#container
{
	position:absolute;
	top:0;
	left:0;
	height:585px; 
	width:775px;
}
#containerlong
{
	position:absolute;
	top:0;
	left:0;
	width:865px;
}

#containerlongcentered
{
	position:relative;
	width:840px;
	background:#FFFFFF;
	margin-top:0px;
	padding-top:0px;
	border:1px solid #999999;
	height:655px;
}

#leftcolumnlong  /* controls placement of left link navigation columns */
{
	position:relative;
	float:left;
	border-right:0px solid #C0C0C0;
	/*border-right:1px solid #004A3D;*/
	border-top:0px solid #C0C0C0;
	border-left:0px solid #C0C0C0;
	border-bottom:0px solid #C0C0C0;	
	/*height:435px;*/
	width:165px;
	padding:15px 0 0 0;
	/*padding:7px 0 0 10px;*/
	margin:0px 0 0 3px;
	height: auto;
}

#leftcol
{
	padding:5px 0 0 0;
}

#rightcolumnlong  /* controls placement of right-hand column */
{
	position:relative;
	float:left;
	border-top:0px solid #C0C0C0;
	border-right:0px solid #C0C0C0;
	border-bottom:0px solid #C0C0C0;
	/*border-left:0px solid #C0C0C0;*/
	border-left:1px solid #004A3D;
	/*height:435px;*/
	/*height:460px;*/
	width:635px;
	padding:0 0 0 0; 
	margin:0 0 0 0;
	min-height:460px;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:auto !important;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:460px;

}


/* -------- Master page specific elements -------- */

#header
{
	position:relative;
	height:97px; 
	width:100%;	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	

#logo
{
	position:absolute; 
	top:5px;
	left:5px;
	height:100px; 
	width:200px;
	text-decoration:none;
}

#header_top
{
	position:relative;
	float:right;
	height:40px; 
	width:600px;	
	border-right:0px solid #C0C0C0;
	border-top:0px solid #C0C0C0;
	border-left:0px solid #C0C0C0;
	border-bottom:0px solid #C0C0C0;
}

#utilitylinks
{
	position:relative;
	float:right; 
	width:300px; 
	height:20px; 
	text-align:right; 
	margin-right:10px;
	margin-top:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#headerlink
{
	position:absolute;
	left:247px;
	top:25px;
	text-align:right; 
	height:40px;
	width:575px;
	margin:20px 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
}

#headerlink a
{
	color:#990000;
	font-size:22px;
	font-style:italic;
}

#headerlink a:hover
{
	color:#B22222;
	font-size:22px;
	font-style:italic;
}

#loginbtn
{
	position:absolute;
	left:420px;
	top:43px;
	z-index:0;
	height:auto;
	width:auto;
	margin:0 0 0 0;
}

#footer
{
	/* position:absolute;*/
	/* top:600px;*/
	position:relative;
	height:20px; 
	width: 845px;
	text-align:center;
	margin-bottom:0;
	margin-top:5px;
	padding-bottom:0;
}

.footertext
{
	font-size: 8pt;
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
} 

.footertext a
{
	font-size: 8pt;
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
}

.footertext a:hover
{
	font-size: 8pt;
	color: #808000;
	font-family:  Arial, Helvetica, sans-serif;
}

#footer_reg
{
	position:relative;
	height:20px; 
	width: 845px;
	text-align:center;
	margin-bottom:0;
	margin-top:5px;
	padding-bottom:0;
}

#footer_hp
{
	/* position:absolute;*/
	/* top:800px;*/
	/* left:0px;*/
	position:relative;
	height:35px; 
	width: 845px;
	text-align:center;
	margin-bottom:0;
	margin-top:5px;
	padding-bottom:0;
}

#contentsection
{
	position:relative;
	float:left;
	border-right:2px solid #C0C0C0;
	border-top:2px solid #C0C0C0;
	border-left:2px solid #C0C0C0;
	border-bottom:2px solid #C0C0C0;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	height:550px;
	width:720px;
	z-index:15;
}

/* --------- Homepage styles ---------- */

#pagearea_1
{
	position:relative;
	float:left;
	padding:0 0 0 1px;
	width:390px;
	height:233px;
	z-index:15;
}
#pagearea_2
{
	position:relative;
	float:left;
	padding:0 0 0 0;
	width:388px;
	height:233px;
	top:0px;
	z-index:15;
}
#pagearea_3
{
	position:relative;
	float:left;
	padding:0 0 0 0;
	width:235px;
	height:178px;
	top:0px;
	z-index:15;
}
#pagearea_4
{
	position:relative;
	float:left;
	padding:0 0 0 0;
	width:310px;
	height:178px; 
	top:0px;
	z-index:15;
}
#pagearea_5
{
	position:relative;
	float:left;
	padding:0 0 0 0;
	width:220px;
	height:178px;
	top:0px;
	z-index:15;
}

.areacontainer
{
	margin:7px 7px 7px 7px;
	position:relative;
	float:left;
}

/* Round cornered boxes on homepage */
.roundcorneredbox
{
	position:absolute; 
	top:0px; 
	left:0px; 
	border:1px solid #004A3D;
	height:200px;
	width:300px;
	padding:0 0 0 0; 
	margin:0 0 0 0;
	background-color:silver; 
	z-index:15;
}
.boxlefttop
{
	position:absolute; 
	top:0px; 
	left:0px; 
	padding:0 0 0 0;
	margin:0 0 0 0; 
	height:auto; 
	width:auto; 
	z-index:18;
}
.boxrighttop
{
	position:absolute; 
	top:0px; 
	left:40px; 
	padding:0 0 0 0;
	margin:0 0 0 0; 
	height:auto; 
	width:auto; 
	z-index:30;
}
.boxleftbottom
{
	position:absolute; 
	top:88px;
	left:0px;
	padding:0 0 0 0;
	margin:0 0 0 0; 
	height:auto; 
	width:auto; 
	z-index:34;
}
.boxrightbottom
{
	position:absolute; 
	top:88px; 
	left:40px; 
	padding:0 0 0 0;
	margin:0 0 0 0; 
	height:auto; 
	width:auto;  
	z-index:25;
}

.box1textcontainer
{
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	z-index:200;
}

.box2textcontainer
{
	position:absolute;
	top:12px;
	left:15px;
	padding:0px;
	z-index:200;
}
.box2image
{
	position:absolute;
	top:7px;
	left:5px;
	padding:4px;
	width:30px;
	height:40px;
	z-index:400;
}
.box2text
{
	position:relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:#004A3D;
	z-index:400;
	line-height:2em;
}
.box2image
{
	position:absolute;
	top:0px;
	left:20px;
	padding:4px;
	width:30px;
	height:40px;
	z-index:400;
}
.box3textcontainer
{
	position:absolute;
	top:40px;
	left:13px;
	padding:4px;
	z-index:400;
	width:170px;
	height:50px;
}
.box3text
{
	position:relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:#004A3D;
	z-index:400;
	line-height:1.7em;
	padding-left:11px;
	padding-top:1px;
}
.box3header
{
	position:absolute;
	top:10px;
	left:15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:15px;
	font-weight:600;
	color:#990000;
	z-index:400;
}
.box4container
{
	position:relative;
	top:30px;
	left:5px;
	padding:4px;
	z-index:450;
	width: 170px;
	height:70px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
}

.box4textcontainer
{
	position:absolute;
	top:25px;
	left:110px;
	padding:4px;
	z-index:400;
}

.box4text
{
	position:relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:13px;
	font-weight:bold;
	color:#004A3D;
	z-index:400;
	line-height:1.1em;
	background:white url('images/tan_dot2.gif') no-repeat left;
	padding-left:15px;
	margin: 0px 0 5px 0px;
}

.box4header
{
	position:absolute;
	top:10px;
	left:15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:15px;
	font-weight:600;
	color:#990000;
	z-index:400;
}
.box4image
{
	position:absolute;
	top:50px;
	left:20px;
	padding:4px;
	width:30px;
	height:40px;
	z-index:400;
}

.box5textcontainer
{
	position:absolute;
	top:31px;
	left:15px;
	padding:4px;
	z-index:400;
}

.box5text
{
	position:relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:13px;
	font-weight:bold;
	color:#004A3D;
	z-index:400;
	background:url('images/arrow_sm_green.gif') no-repeat left;
	padding-left:11px;
	padding-top:0px;
}

.box5header
{
	position:absolute;
	top:10px;
	left:15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:15px;
	font-weight:600;
	color:#990000;
	z-index:400;
}


/* ---------- General page styles ----------- */

#tracking
{
	height:auto; 
	width:200px;
	margin:0 0 0 0;
}


#trackinghp
{
	height:auto; 
	width:200px;
	margin:0 0 0 0;
	position:absolute;
	top:-8px;
	left:5px;
	padding:0px;
	z-index:400;
}

#login
{
	position:relative;
	float:left;
	height:auto; 
	width:163px;
}


.left_links_lvl1
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004A3D;
	z-index: 200;
	line-height: 2em;
	background: url(images/arrow-right-tan.gif) transparent no-repeat left 45%;
	padding: 0 0 0 12px;
	margin: 2px 0 0 0;	
	width:140px;
}

.left_links_lvl1 a:hover
{
	color: #808000;
}

.left_links_lvl2
{
	position:relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	z-index:400;
	line-height:1.4em;
	background:transparent url('images/arrow_sm_green.gif') no-repeat left 60%;
	padding:3px 0 0 10px;
	margin-left:12px;
	width:150px;
}

.left_links_lvl2 a:hover
{
	color: #808000;
}

.left_links_lvl1_linked
{
	position:relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:#004A3D;
	z-index:400;
	line-height:1.5em;
	background:white url('images/rightarrow-tan_ds.gif') no-repeat left center;
	padding:5px 0 0 12px;
}

.arrow_link_green
{
	font-size: 12px;
	font-weight: bold;
	background: url(images/arrow_sm_green.gif) no-repeat left 55%;
	margin: 0 0 5px 0px;
	padding-left: 5px;
	color: #014B3F;
	text-decoration:none;
}

.arrow_link_green a
{
	color:#014B3F;
	padding-left:5px;
	font-size:12px;
	text-decoration:none;
}

.arrow_link_green a:hover
{
	color:#808000;
	padding-left:5px;
	font-size:12px;
	text-decoration:none;
}

.arrow_link_green_lg
{
	font-size: 13px;
	font-weight: bold;
	background: url(images/arrow_sm_green.gif) no-repeat left 50%;
	margin: 7px 0 5px 0px;
	padding-left: 5px;
	color: #014B3F;
	line-height:1.1em;
}

.arrow_link_green_lg a
{
	color:#014B3F;
	padding-left:5px;
	font-size:13px;
}

.arrow_link_green_lg a:hover
{
	color:#808000;
	padding-left:5px;
	font-size:13px;
}

.arrow_link_green_hp
{
	font-size: 13px;
	font-weight: bold;
	background: url(images/arrow_sm_green.gif) no-repeat left 50%;
	margin: 5px 0 5px 0px;
	padding-left: 5px;
	color: #014B3F;
	line-height:1.1em;
}

.arrow_link_green_hp a
{
	color:#014B3F;
	padding-left:5px;
	font-size:13px;
}

.arrow_link_green_hp a:hover
{
	color:#808000;
	padding-left:5px;
	font-size:13px;
}

.leftcolspacing
{
	padding:19px 0 0 15px;	
}


#gso_home_img
{
	position:relative;
	height:230px; 
	width:380px;
}

#leftgraybox
{
	position:relative;
	float:left;
	height:150px; 
	width:160px;
	border:2px solid #C0C0C0;
	padding:0px 0px 0px 0px;
	margin:5px 15px 5px 0px;
}

#leftgrayboxtitle
{
	position:relative;
	/*border:1px solid green; */
	height:20px; 
	width:100%;
	background-color:#C0C0C0;
	color:#004A3D;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding:4px 0px 0px 0px;
}

#rightgraybox
{
	position:relative;
	float:left;
	height:150px; 
	width:245px;
	border:2px solid #C0C0C0;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 15px;
}

#rightgrayboxtitle
{
	position:relative;
	height:20px; 
	width:100%;
	background-color:#C0C0C0;
	color:#204439;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding:4px 0px 0px 0px;
}

#grayasterisktext
{
	position:relative;
	float:left;
	height:20px; 
	width:100%;
	text-align:center;
	color:#999999;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	margin:15px 0px 0px 0px;
}


#txtTrackingNumber
{
	width: 230px;
}

.reg_graybox
{
	position:relative;
	float:left;
	height:400px;
	border:2px solid #C0C0C0;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0;
}

.smallgrey
{
	font-size: 9pt;
	color: #666666;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallgreycontenttext
{
	font-size: 9pt;
	color: #666666;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallgreycontenttext a
{
	color: #014B3F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration:underline;
}

.smallgreycontenttext a:hover
{
	color: #808000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration:underline;
}

.mediumboldgreen
{
	font-weight: bold;
	font-size: 9pt;
	color: #014B3F;
	font-family:  Arial, Helvetica, sans-serif;
}

.largeboldgreen
{
	font-weight: bold;
	font-size: 11pt;
	color: #014B3F;
	font-family:  Arial, Helvetica, sans-serif;
}

.largeextraboldgreen
{
	font-weight:600;
	font-size: 12pt;
	color: #014B3F;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallboldgreen
{
	font-weight: bold;
	font-size: 9pt;
	color: #014B3F;
	font-family:  Arial, Helvetica, sans-serif;
}
.smallgreen
{
	font-size: 8pt;
	color: #014B3F;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallgreencontenttext
{
	font-size: 9pt;
	color: #014B3F;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallgreencontenttext a
{
	color: #014B3F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration:underline;
}

.smallgreencontenttext a:hover
{
	color: #808000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration:underline;
}

.smallgreencontentbold
{
	font-size: 9pt;
	color: #014B3F;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.bigwhite
{
	font-size: 14pt;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.mediumwhite
{
	font-size: 14pt;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.smallwhite
{
	font-size: 8pt;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.mediumblack
{
	font-size: 12pt;
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
}

.mediumsmallboldblack
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;	
	font-family:  Arial, Helvetica, sans-serif;
}

.mediumboldblack
{
	font-weight: bold;
	font-size: 12pt;
	color: #333333;	
	font-family:  Arial, Helvetica, sans-serif;
}

.mediumlabelblack
{
	font-weight: bold;
	font-size: 11pt;
	color: #000000;	
	font-family: Arial, Helvetica, sans-serif;
}

.biglabelblack
{
	font-weight: bold;
	font-size: 16pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.bigblack
{
	font-size: 16pt;
	color: #000000;	
	font-family:  Arial, Helvetica, sans-serif;
}

.smallboldblack
{
	font-weight: bold;
	font-size: 9pt;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

.smallerboldblack
{
	font-weight: bold;
	font-size: 8pt;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

.bigboldblack
{
	font-weight: bold;
	font-size: 16pt;
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
}

.tinyblack
{
	font-size: 6pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

.smallblack
{
	font-size: 8pt;
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallblackdatagrid
{
	font-size: 8pt;
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallblackdatagrid a
{
	font-size: 8pt;
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallblackdatagrid a:hover
{
	font-size: 8pt;
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallerblack
{
	font-size: 8pt;
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
}

.medsmallblack
{
	font-size: 9pt;
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallblackcontenttext
{
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

.smallblackcontenttext a
{
	color: #014B3F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration:underline;
}

.smallblackcontenttext a:hover
{
	color: #808000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration:underline;
}

.smallblackcontentindent
{
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:9px;
	margin-bottom:12px;
}

.smallblacklinktext
{
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:9px;
	margin-bottom:12px;
}


.field_required
{
	text-align:left;
	color:#8B0000;
	width:5px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.smallred
{
	font-size: 9pt;
	color: #8B0000;
	font-family:  Arial, Helvetica, sans-serif;
}
.smallerred
{
	font-size: 8pt;
	color: #8B0000;
	font-family:  Arial, Helvetica, sans-serif;
}

.redasterisk
{
	font-size: 9pt;
	color: #B22222;
	font-family:  Arial, Helvetica, sans-serif;
}

.smallboldred
{
	font-size: 8pt;
	color: #8B0000;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.redmessage
{
	font-size: 8pt;
	color: #8B0000;
	font-family:  Arial, Helvetica, sans-serif;
}

.mediumred
{
	font-size: 10pt;
	color: #8B0000;
	font-family:  Arial, Helvetica, sans-serif;
}

.mediumboldred
{
	font-size: 10pt;
	font-weight:bold;
	color: #8B0000;
	font-family:  Arial, Helvetica, sans-serif;
}

.mediumboldltred
{
	font-weight: bold;
	font-size: 10pt;
	color: #B22222;
	font-family:  Arial, Helvetica, sans-serif;
}

.medlgboldred
{
	font-size: 11pt;
	color: #8B0000;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.largeboldred
{
	font-size: 12pt;
	color: #8B0000;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.validrequired
{
	position:relative;
	float:left;
	color:#8B0000;
	width:30px;
	height:22px;
	padding-top:2px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.xyzrequired
{
	text-align:right;
	color:#8B0000;
	width:100%;
	height:1.6em;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.buttoncenter     /* Correctly place Search, Close, etc, buttons at the bottom center of each page. */
{
	position:absolute; 
	left:10px; 
	top:400px; 
	height: 30px; 
	width:100%;
	text-align:center;
}

.buttonleft     /* Correctly place Search, Close, etc, buttons at the bottom left of each page. */
{
	position:absolute; 
	left:30px; 
	top:402px; 
	height: 22px; 
	width:100%;
	text-align:left;
}
.buttonleftdbsearch     /* Drop box search button */
{
	position:absolute; 
	left:40px; 
	top:420px; 
	height: 22px; 
	width:100%;
	text-align:left;
}

.buttonleftdblocator     /* Drop box locator button */
{
	position:absolute; 
	left:35px; 
	top:402px; 
	height: 22px; 
	width:100%;
	text-align:left;
}

.buttonleftdbdetails     /* Drop box detail button */
{
	position:absolute; 
	left:40px; 
	top:430px; 
	height: 22px; 
	width:100%;
	text-align:left;
}

.buttonleftdbmap     /* Drop box map button */
{
	position:absolute; 
	left:40px; 
	top:430px; 
	height: 22px; 
	width:100%;
	text-align:left;
}

.checkbox
{
	font-weight: normal;
	font-size: 9pt;
	background-image: none;
	vertical-align: baseline;
	cursor: hand;
	color: #014B3F;
	font-family: Arial;
	text-align: center;
} 

.button
{
	border-right:  #014B3F 1px groove;
	border-top:  #014B3F 1px groove;
	font-weight: normal;
	font-size: 9pt;
	background-image: none;
	vertical-align: baseline;
	border-left:  #014B3F 1px groove;
	cursor: hand;
	color: #014B3F;
	border-bottom:  #014B3F 1px groove;
	font-family: Arial;
	background-color: #F5F5F5;
	text-align: center;
} 

.sbutton
{
	cursor: hand;
	color: black;
	border-top-style: none;
	font-family: Tahoma;
	border-right-style: none;
	border-left-style: none;
	background-color: #FFFFE0;
	text-align: center;
	border-bottom-style: none;
}

.xthinborder
{
	border-right: gainsboro 1px ridge;
	border-top: gainsboro 1px ridge;
	border-left: gainsboro 1px ridge;
	border-bottom: gainsboro 1px ridge;
}

.thinborder
{
	border-right: gainsboro 2px ridge;
	border-top: gainsboro 2px ridge;
	border-left: gainsboro 2px ridge;
	border-bottom: gainsboro 2px ridge;
}

.textbox
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 9pt;
	background-image: none;
	vertical-align: baseline;
	border-left: gray 1px solid;
	cursor: text;
	color: black;
	line-height: normal;
	border-bottom: gray 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: left;
}

.textbox2
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 9pt;
	background-image: none;
	vertical-align: baseline;
	border-left: gray 1px solid;
	cursor: text;
	color: black;
	line-height: normal;
	border-bottom: gray 1px solid;
	font-family: Arial;
	letter-spacing: normal;
	text-align: left;
}

.medtextbox
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 10pt;
	background-image: none;
	vertical-align: baseline;
	border-left: gray 1px solid;
	cursor: text;
	color: black;
	line-height: normal;
	border-bottom: gray 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: left;
}

/* Text header for page content sections */
.content_header
{
	font-weight: bold;
	font-size: 12pt;
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:15px;
	/* width:590px; */
}

.content_header_reg
{
	font-weight: bold;
	font-size: 12pt;
	color: #014B3F;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:15px;
}

.content_subhead
{
	font-weight: bold;
	font-size: 10pt;
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
}

.startbanner
{
	font-weight: 900;
	font-size: 8pt;
	color:#FFFFE0;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.titlebanner
{
	font-weight: 900;
	font-size: 8pt;
	vertical-align: baseline;
	color: #FFFFE0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: transparent;
}

.listbox
{
	border-right: gray thin groove;
	border-top: gray thin groove;
	font-size: 8pt;
	border-left: gray thin groove;
	cursor: hand;
	color: black;
	border-bottom: gray thin groove;
	font-family:  Arial, Helvetica, sans-serif;
	background-color: transparent;
}

.topgroup
{
  	background-color:white;
  	border:solid 1px gray; 
}

.group
{
  	background-color:white;
  	border:solid 1px gray; 
}

.item
{
  	background-color:white; 
  	font-family:verdana, Arial, Helvetica, sans-serif; 
  	font-size:12px; 
  	border:solid 1px white; 
}

.itemh
{
  	background-color:silver; 
  	color:black; 
  	font-family:verdana; 
  	font-size:12px; 
  	border:solid 1px gray; 
}

.itemexp
{
  	background-color:silver; 
  	color:black; 
  	font-family:verdana, Arial, Helvetica, sans-serif; 
  	font-size:12px; 
 	border:solid 1px white; 
}
.extrabigblacklabel
{
	font-weight: bold;
	font-size: 40pt;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

/* Page specific */

.labellayer-deltimes
{
    width:177px;
    height:18px;
    position:relative;
    float:left;
    font-size: 9pt;
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0.0em 2em 0 0;
}

.fieldlayer-deltimes
{
    width:250px;
    height:20px;
    position:relative;
    float:left;
    text-align:left;
}
.layerpadding-deltimes
{
    height:30px;
    position:relative;
    float:left;
    text-align:left;
}
.reg_s3_editbutton
{
    width:20px;
    height:30px;
    position:relative;
    float:left;
    padding:0 0 0 0;
}

/* ------ Horizontal Menu ------- */

/* Nav bar containers */

#fullnav
{
	height:35px;
	width:845px;
}

#navspacer
{
	position:relative;
	float:left;
	width:285px;
	height:27px;
	background-position: left;
	background-image: url(images/nav_bar_gradient_cropped2.gif);
	background-repeat: no-repeat;
}

#navbar
{
	position:relative;
	float:left;
	width:555px;
}
	
#navcontainer {
	width:100%;
	height:27px;
	background: #004A3D;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0;
	z-index:700;
	position:relative;
	float:left;
}

#nav
{
	width: 552px;
	list-style: none;
	line-height:1.40;
	height:27px;
	background: #004A3D;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0;
	z-index:740;
	position:relative;
	float:right;
}

/* #nav ul, #nav a, and #nav li together control the size of the nav bar items */
#nav ul {
	float: left;
	width: 81px; 
	list-style: none;
	line-height: 1.5;
	background: #004A3D;
	font-weight: bold;
	z-index:800;
}

#nav a {
	display: block;	
	width:91px; 	
	font-size: 11px;
	font-family: Arial, helvetica, sans-serif;
	color: #FFFFFF;
	line-height:2;
	text-decoration: none;
	padding: 0.25em 0em .20em 0em;	
	z-index:850;
	border-left: 1px solid #FFFFFF;
}


#nav a.activetab2 {
	/*background-color: orange;*/

}
.activetab {
	background-color: #004A3D;
}

.level3 {
	background: url(images/rightarrow-tan.gif) center right no-repeat;
}

#nav a.level2 {
	background: url(images/downarrow-tan.gif) center right no-repeat;
}

#nav a.level3 {
	background: url(images/rightarrow-tan.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 92px;
}

/* '#nav li ul', '#nav li li', and '#nav li ul a' determine the size and appearance of dropdown elements */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 135px;
	font-weight: normal;
}

#nav li li {   /* surrounds text area */
	width: 135px;
	padding-left:0px;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#nav li ul a {
	width: 135px; 
}

/* offset */
#nav li ul ul {
	margin: -1.75em 0 0 134px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #226C5F;
}

#content {
	clear: left;
}

#content a {
	color: #7C6240;
		
}

#content a:hover {
	text-decoration: none;
}

/* -- Drop Box Directions link (not used, actual style used is on master page.)-------*/
/* -- corrected 5/7/08 --- */
.DirectionsLink
{
    font-size: 12px;
    font-weight: bold;
    background: url(../images/arrow_sm_green.gif) no-repeat left 50%;
    color: #014B3F;
    height:15px;
    position:relative;
    padding:0 0 0 2px;
    margin:0 0 0 2px;
    width:95px;
}

.DirectionsLink a
{
    color:#014B3F;
    font-size: 12px;
}

.DirectionsLink a:hover
{
    color:#808000;
    font-size: 12px;
}

    
    
/* ---- Login and Welcome Pages--- */
       
#webship_login
{
	width:100%;
	height:330px;
	padding:0;
	text-align:center;
} 
#outerrim
{
	position:absolute;
	top:10px;
	left:50px;
	width:730px;
	height:435px;
	text-align:center;
	z-index:10;
} 

#login_border
{
	position: absolute;
	top: 0px;
	left: 30px;
	z-index:500;
	/* background: url(images/green-login-box.gif) no-repeat 50%;*/ /* equal width sides */
	background: url(images/green-login-box-680c.gif) no-repeat 50%;
	/*background: url(images/green-login-box-faded680b.gif) no-repeat 50%;*/
	width:682px;
	height:310px;
}

#logincol
{
	height: 250px;
	width: 260px;
	position: absolute;
	top: 15px;
	left: 30px;
	z-index:25;
} 

#regcol
{
	height:250px;
	width: 340px;
	position:absolute;
	top:15px;
	left:335px;
	z-index:10;
} 

#appwelcome_rim
{
	position:absolute;
	top:10px;
	left:50px;
	width:730px;
	height:435px;
	text-align:center;
	z-index:10;
} 

#appwelcome_border
{
	position: absolute;
	top: 35px;
	left: 53px;
	z-index:500;
	/* background: url(images/green-login-box.gif) no-repeat 50%;*/ /* equal width sides */
	background: url(images/green-welcome-box.gif) no-repeat 50%;
	width:455px;
	height:345px;
}

#appwelcome_col
{
	position: absolute;
	top: 18px;
	left: 18px;
	height: 300px;
	width: 420px;
	z-index:25;
} 

#appwelcome_box
{
	position: absolute;
	top: 119px;
	left: 100px;
	height: 160px;
	width: 200px;
	z-index:25;
} 

.appwelcome_dot
{
	position:relative;
	width:175px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	/*font-weight:bold;*/
	color:#004A3D;
	z-index:400;
	line-height:1.5em;
	background:white url('images/tan_dot2.gif') no-repeat left;
	padding-left:15px;
	padding-top:1px;
	text-align:left;
}

#btnWelcome
{
	position: absolute;
	top: 290px;
	left: 130px;
	height: 18px;
	width: 120px;
	z-index:600;
}


#outerrim_reg
{
	position:absolute;
	top:10px;
	left:50px;
	width:730px;
	height:435px;
	text-align:center;
	z-index:10;
} 


#regcol_border
{
	position: absolute;
	top: 0px;
	left: 25px;
	z-index:100;
	background: url(images/login_page_right_rect_edge.gif) no-repeat;
}


 
.login_label
{
	height:20px;
	position:relative;
	float:left;
	width:75px;
	text-align:left;
}

.login_field
{
	height:20px;
	position:relative;
	float:left;
	width:175px;
	text-align:left;
}

#login_webshipimg
{
	position: absolute;
	top: 315px;
	left: 0px;
	width: 90px;
	height:100px;
	z-index: 60;
	text-align: left;
	background: url(images/WSLogo.gif) no-repeat left 7%;
}

#login_lowertext
{
	position: absolute;
	top: 315px;
	left: 105px;
	width: 615px;
	height:100px;
	z-index: 60;
	text-align: left;
}

/* End login page */
    
    /* ---- Miscellaneous --- */
    
.borderblue
    {
		border:1px solid blue;
    }
.borderred
    {
		border:1px solid red;
    }
.bordergreen
    {
		border:1px solid green;
    }
  
 /* ---- Updated Rates with detailed charges --- */   
  
#mainratesform
{
	position:absolute;
	left:5px;
	top:5px; 
	width:565px; 
	height:260px;
	z-index:1;
	padding:0 0 0 0; 
}

#leftratebox
{
	position: absolute;
	left: 15px;
	top: 20px;
	height:225px;
	width:315px;
	z-index: 20;
}

#rightratebox
{
	position: absolute;
	left: 358px;
	top: 22px;
	height:210px;
	width:195px;
	z-index: 20;
}

#ratesoutergreenbox
{
	position: absolute;
	left: 38px;
	top: 107px;
	height: 310px;
	width: 574px;
	background: url(images/Green-rates-box-569x305.gif) no-repeat;
	z-index: 10;
}

.rateslbl
{
	width:110px;
	height:22px;
	position:relative;
	float:left;
	padding:2px 0 0 0;
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}  
  
.ratestxt
{
	height:22px;
	position:relative;
	float:left;
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	width:215px;
}  
.ratesbox
{
    width:330px;
    height:24px;
	position:relative;
	float:left;
	padding:0 0 0 0;
	margin:0 0 6px 0 ;
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}      
.btnshowdetail
{  
	position:relative;
	float:left;
	width:83px;
	height:20px;
	padding-top:2px;
}   
    
.chgdetaillbl
{
	width:119px;
	height:17px;
	position:relative;
	float:left;
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
    
.chgdetailtxt
{
	width:65px;
	height:17px;
	position:relative;
	float:left;
	text-align:right;
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

.chgdetailbox
{
	height:20px;
	margin:0 0 5px 0;  		
}   

#ratespacer  /* enables rate detail to float to right of enclosed fields */
{
	position:relative;
	float:left;
	width:300px;
}

#chargedetail
{
	position:relative;
	float:left;
	height:80px;
	width:195px;
	margin-top:12px;
}

#closebutton
{
	position: absolute;
	left: 250px;
	top: 400px;
	height:20px;
	width:150px;
	z-index: 15;
}

#ratesclosebutton
{
	position: absolute;
	top: 250px;
	left: 16px;
	height: 20px;
	width: 150px;
	z-index: 15;
}

.btnNewsPage1
{
	position:absolute;
	top:465px;
	left:8px;
	height:20px;
	text-align:right;
	width:805px;
	margin:0 0 0 0;
	text-align:right;
	z-index:500;
}

.btnNewsPage2
{
	position:absolute;
	top:465px;
	left:28px;
	height:20px;
	text-align:right;
	width:85px;
	margin:0 0 0 0;
	text-align:right;
	z-index:500;
}

#btnMoreNews
{
	position:absolute;
	top:400px;
	left:41px;
	margin-right:5px;
	z-index:500;
}

#btnHomePage
{
	position:absolute;
	top:0px;
	left:100px;
	height:20px;
	text-align:right;
	width:805px;
	margin:0 0 0 0;
	text-align:right;
	z-index:500;
}

#btnNextPage
{
	position:relative;
	height:20px;
	text-align:right;
	width:793px;
	margin:0 0 15px 0;
	text-align:right;
	z-index:500;
}

#btnNextPage_reg_prof
{
	position:absolute;
	top:530px;
	left:8px;
	height:20px;
	text-align:right;
	width:805px;
	margin:0 0 0 0;
	text-align:right;
	z-index:500;
}

.morenews a
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 6px;
	color: #990000;
	margin: 3px 0 10px 9px;
	width:300px;
}

.morenews a:hover
{
	font-size: 9pt;
	color: #ff3300;
}


#btnNews
{
	position:absolute;
	top:200px;
	left:50px;
	z-index:500;
}

.newsbutton
{
	position:absolute;
	top:415px;
	left:41px;
	z-index:500;
	width:150px;
	height:25px;
}

/* Registration spacing styles */

.p_pickuploc
{
	min-height:265px;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:auto !important;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:265px;				/* These 3 lines are a hack to make min-height work in IE6 */
}

#reg_step2_login
{
	min-height:250px;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:auto !important;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:250px;				/* These 3 lines are a hack to make min-height work in IE6 */
	margin-top:0em;
	width:805px;  
}


#step1_userreg
{
	min-height:362px;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:auto !important;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:362px;				/* These 3 lines are a hack to make min-height work in IE6 */
}

#zstep1_userreg
{
	min-height:375px;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:auto !important;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:375px;				/* These 3 lines are a hack to make min-height work in IE6 */ 
}

#reg_step2_contact
{
	min-height:175px;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:auto !important;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:175px;				/* These 3 lines are a hack to make min-height work in IE6 */ 
}

#reg_step4_review
{
	min-height:365px;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:auto !important;		/* These 3 lines are a hack to make min-height work in IE6 */
	height:365px;				/* These 3 lines are a hack to make min-height work in IE6 */
}  

/*  XML Service Guide */  

#subcontainersvg /* controls the content section of content pages on a page level, allowing individual pages to be tweaked if needed. */
{
	position:relative;
    float:left;
	padding:22px 0 0 0;
	margin:0 0 0 30px;
	width:612px;
	text-align:left;
	height:460px;
	overflow:auto;
}

#leftcolumnsvg  /* controls placement of left link navigation columns */
{
	position:relative;
	float:left;
	border-right:1px solid #004A3D;
	border-top:0px solid #C0C0C0;
	border-left:0px solid #C0C0C0;
	border-bottom:0px solid #C0C0C0;	
	width:200px;
	padding:22px 0 0 0;
	margin:0px 0 0 0px;
	text-align:left;
	height:460px;
	overflow:auto;
}

/* Text header for page content sections - XML */
.content_headerxml
{
	font-weight: bold;
	font-size: 12pt;
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:3px;
}

.asteriskrequired
{
	color:#990000;
	width:595px;
	height:20px;
	text-align:right;
	font-family:Arial, helvetica, Sans-Serif;
	font-size:9pt;
}

.required
{
	color:#990000;
	width:598px;
	height:21px;
	text-align:right;
	font-family:Arial, helvetica, Sans-Serif;
	font-size:9pt;
}

.required_1col
{
	color:#990000;
	width:790px;
	height:21px;
	text-align:right;
	font-family:Arial, helvetica, Sans-Serif;
	font-size:9pt;
}

.switchtogsobox
{
	position:absolute;
	top:75px;
	left:-12px;
	background:#ffffff;
	height:56px;
	width:226px;
	border:1px solid #004A3D;
}

.switchtogsotext
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:600;
	font-size:10pt;
	color:#990000;
	margin:0px 0 0 22px;
}

.switchtogsotext a
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:10pt;
	color:#cc0000;
	text-decoration:none;
	padding-left:0px;
}

.switchtogsotext a:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #ff3300;
	font-size: 10pt;
}

/* These control formatting of the home page alert box used for special announcements.*/
/* These styles can be turned on by removing the comments around the layers in the control. */

#SpecialAlertInnerBox  /* Controls the actual text & other content (text size, color, font, distance from any outer border, etc.). */
{
	font-size: 9pt;
	color: #990000;  /* This line changes text color - #990000 is red, just use "Black" for black. */    
	font-family: Arial, Helvetica, sans-serif;
	margin:4px 4px 4px 6px;  /* This is the distance between the content and any border, or background edge. */ 
}
#SpecialAlertOuterBox   /* Controls a layer surrounding the content: Allows a border/background and sets the margin (distance from top/bottom of surrounding page content). */
{
	border:1px solid #990000;	/* Remove/Add comments to control red border around text. */ 
	margin:0 0 3px 1px;
}

#SpecialAlert  /* Controls the actual text & other content (text size, color, font, distance from any outer border, etc.). */
{
	font-size: 9pt;
	color: #990000;  /* This line changes text color - #990000 is red, just use "Black" for black. */    
	font-family: Arial, Helvetica, sans-serif; 
	width:790px;
}

#SpecialAlertInnerBox2  /* Controls the actual text & other content (text size, color, font, distance from any outer border, etc.). */
{
	font-size: 9pt;
	color: #990000;  /* This line changes text color - #990000 is red, just use "Black" for black. */    
	font-family: Arial, Helvetica, sans-serif;
	margin:4px 4px 4px 6px;  /* This is the distance between the content and any border, or background edge. */ 
}
#SpecialAlertOuterBox2   /* Controls a layer surrounding the content: Allows a border/background and sets the margin (distance from top/bottom of surrounding page content). */
{
	border:1px solid #990000;	/* Remove/Add comments to control red border around text. */ 
	margin:0 0 3px 1px;
}

#SpecialAlert2  /* Controls the actual text & other content (text size, color, font, distance from any outer border, etc.). */
{
	font-size: 9pt;
	color: #990000;  /* This line changes text color - #990000 is red, just use "Black" for black. */    
	font-family: Arial, Helvetica, sans-serif; 
	width:790px;
}

/* New Customer Center Accordion */

.accordionHeader
{
    border: 0px solid #BBBBBB;
    color: #014B3F;
    font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 1px 0 0 5px;
    cursor: pointer;
    margin: 3px 0 5px 0px;
    background: url(images/arrow_sm_green.gif) no-repeat left 55%;
    text-decoration:underline;
}

.accordionHeader a
{
	color: #ffffff;
	background: none;
	text-decoration: underline;
}

.accordionHeader a:hover
{	
	color: #ffffff;
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 0px solid #BBBBBB;
    color:Maroon;
    font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 1px 0 0 5px;
    cursor: pointer;
    margin: 3px 0 5px 0px;
    background: url(images/arrow_sm_green.gif) no-repeat left 55%;
}

.accordionHeaderSelected a
{
	color: #BBBBBB;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	color:#BBBBBB;
	background: none;
	text-decoration: none;
	/* border:1px solid #004a3d; */
}

.accordionContent
{
    background-color: #ffffff;
    /* border: 1px dashed #BBBBBB; */
    border-top: none;
    padding: 5px;
    padding-top: 5px;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:9pt;
}

.popupHover {
	background-color:#CCCCCC;
	filter:alpha(opacity=90);
    opacity:0.9;
    position:relative;
    z-index:600;
    border-style:solid;
	border-color:Gray;
	border-width:1px;
	padding:3px 3px 3px 3px;
}

.buttonNoBorder
{
	 border-right:  none;
	 border-top:  none;
	 border-bottom:  none;
	 border-left:  none;
	 background:#ffffff;
	 display:block;
	 cursor: hand;
	 text-decoration:underline;
	 color:#004a3d;
	 font-size:9pt;
}

/*Added by richa on 1/20/2009 for displaying alert on public website*/
#ShortAlertCaption /*ALERT caption in red*/
{
	position:relative;
	float:left;
	width:90px;
	background-color:Red;
	color:White;
	height:35px;
	font-weight: 900;
	font-size: 16pt;
	font-family:  Arial, Helvetica, sans-serif;
}

#ShortAlertWhiteSpace
{
	position:relative;
	float:left;
	width:2px;
	background-color:White;
	height:35px;
}

#ShortAlertVerticalAlignText
{
	position:absolute; 
	top:50%; 
	height:35px; 
	margin-top:-13px;
}

#ShortAlertText
{
	position:relative;
	float:left;
	background-color:#666666;
	color:White;
	width:548px;
	height:35px;
	font-weight: 900;
	font-size: 12pt;
}

#ShortAlertMoreUpdates
{
	position:relative;
	float:right;
	background-color:#666666;
	color:White;
	width:158px;
	height:35px;
	font-weight: 900;
	font-size: 14pt;
}