/* CSS Document */

BODY
{
	/*font-size: 100%;/*original = font-size:62.5%;*/
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	text-align:center;
}

P
{
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
/*	font-size:75%;*/
font-size: 0.85em;
}

td {
text-align: left;
}


input.btn_blue{
	border: 3px double #0066CC;
	color:#0066CC;
	background-color: #EBEBEB;
	padding: 0px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;}
	
input.btnhov_blue{
	border: 3px solid #0066CC;}
	
input.btn_green{
	border: 3px double #009c34;
	color:#009c34;
	background-color: #EBEBEB;
	padding: 0px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}
	
input.btnhov_green{
	border: 3px solid #009c34;}
	
.section_header {
	FONT-WEIGHT: bold; 
	COLOR: #0066CC; 
	FONT-STYLE: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;}
	
.input_label {
	FONT-WEIGHT: bold; 
	COLOR: #0066CC; 
	FONT-STYLE: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
.right_align {
text-align: right;
width: 100%;
}

#GenericHeader {
width: 100%;
}
	
/* $$$$$ E-COMMERCE DIV WRAP $$$$$ */
/***********************************
**** WRAPS THE WHOLE ENCHILADA *****
************************************/

#commerce_wrap {
width: 760px; 
margin: auto;
padding: 0; 
position:relative;
top: 0px;
z-index: 10;
}

.body_wrap {
padding: 0;
margin: 0;
width: 760px;
border: 2px solid #ddd;
}

.body_wrap a {
font-size: 0.9em;
}

.acct_hdr_blue {
margin-top: 30px;
margin-bottom: 1px;
text-align:left;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
color: #FFFFFF;
background-color: #0066CC;
padding: 5px 5px 5px 10px; /* TRBL */
}

.acct_hdr_green {
margin-top: 30px;
margin-bottom: 1px;
text-align:left;
display: block;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
color: #FFFFFF;
background-color: #009c34;
padding: 5px 5px 5px 10px; /* TRBL */
}
.title_cell_grey {
font-size: 100%;
font-weight: bold;
text-align:left;
background-color:#dddddd;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.plain_cell {
font-size: 100%;
font-weight: normal;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
text-align:left;
}
.grey_back_plain_cell {
font-size: 100%;
font-weight: normal;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
background-color:#dddddd;
}


.under_cell {
font-size: 100%;
font-weight: normal;
border-bottom: 2px solid #ddd;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;

}

.under_right_cell {
font-size: 100%;
font-weight: normal;
border-bottom: 2px solid #ddd;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
text-align: right;
width: 100%;
}
.float_btns {
margin: 10px 0 0 0;
}


/*********************
  SETS THE GRADIENT IN THE HEADER
  *********************/

div#hdr_gradient {
position:absolute;
top: 93px;
left: 0px;
height: 20px;
width: 760px;
background:url('../images/bkgrnd_grad2.jpg') repeat-x right top;
z-index: 1;
}

/*******************
   Set the height for the content
   ******************/
div#content {
position: relative; /*originally absolute */
left: 0px;
top: 25px;
z-index: 2;
}

.blue_text /* edited */
{
    COLOR: #0066CC;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}


.blue_text_small
{
    COLOR: #0066CC;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-size:smaller;
}

.smaller_text
{
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-size:smaller;
}

.green_text /* edited */
{
   	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	COLOR: #009c34;
}
.red_text
{
    COLOR: #cc3300;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;;
}
.missing_text
{
	color: #b22222;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}

.new_window
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 70%;
    FONT-STYLE: normal
}
.helpimage_icon
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.classon {
border: 3px double #666666;
border-top-color: #999999;
border-left-color: #999999;
padding: 2px;
background-color: #cccc99;
color: #333333;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 20px;
}

/* items below are from the main basis.css style */

	#footerLinks {
		/*
		The clear:both; is necessary in standards compliant browsers in the 
		situation where the subscribe box is shorter than the state of IL box.
		In such a case, the text will get "stuck" on the state of IL box and 
		look positively horrific. 
		*/
		clear:both;
		margin-top: 25px;
		width: 760px;
		color: #000;
		background-color:inherit;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		vertical-align: top;
		margin-bottom: 25px;
		 }
		 
		 #footerLinks p {
		 font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-size: 0.65em;
		 }
		 
	#footerLinks a{background-color:inherit; color:#8c8c8c; font-size:.65em; font-family:Verdana, Arial, Helvetica, sans-serif; }
	#footerLinks a:link {text-decoration: underline; }
	#footerLinks a:visited {text-decoration: underline; }
	#footerLinks a:hover {background-color:inherit; color: #000; text-decoration: underline; }
	#footerLinks a:active {text-decoration: underline; }

	/*************
	  Header IDs
	**************/
	#ipass_header{
		position:relative;
		width:760px;
		height:92px;
		}

	#header_images{
		background:url('../images/header_background.jpg') repeat-x right top; 
		height: 90px; 
		width:760px; 
		margin: 0px;
		position:relative;
		top: 0px;
		}


	#header_images img{
		padding:0px;
		margin:0px;
		border:0;
		position:absolute;
	}
	/*CSS filter for FF to eliminate the excess padding*/
	#ipass_header>#header_images{
		height:90px;
	}
	#utility_menu{
		height:25px; 
		position:absolute;
		top:10px; 
		right: 10px;}
		
		#utility_menu a {
		font-size: 0.65em;
		}
	

	/****************
	**End Header IDs*
	****************/