/* ######-----|  Page Styles  |-----###### */
html,body 
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	background:#fff;
	text-align: center;
}
#pageContainer
{
	width:995px;
	margin-top:3px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position:relative;
}
#printedLogo
{
	display:none;	
}
#content 
{
	padding: 30px 10px 10px 10px;
	border:1px solid #CCCCCC;	
	border-top:1px solid #fff;
	border-bottom:none;
}
td /* Using td to fix the default font issues with some browsers. */
{ 
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:25px;
}
table /* Takes all the borders, and cell spacing off the tables by default. */
{ 
	border-collapse:collapse;
	border-spacing:0px;
	empty-cells:show;
	padding:0px;
	margin:0px;
	border:0px;
}

/* ######-----|  Header/Footer Styles  |-----###### */
#header 
{ /* Sets up the look/feel of the page headers. */
	height:93px;
	color:#808080;
	font-weight:bold;
	padding:5px 5px 0px 5px;
	background:#fff url("Images/HeaderBackground.jpg");
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
#headerTopInfo 
{
	float: right; 
	font-weight:normal;
	font-size:10px;
	color:#666666;
	margin: 55px 10px 0px 0px; 
	text-align: right; 
	vertical-align:bottom;
}
#header a:link 
{
	text-decoration: underline;
	color:#D3D3D3;
}
#header a:active 
{
	text-decoration: underline;
	color:#D3D3D3;
}
#header a:visited 
{
	text-decoration: underline;
	color:#D3D3D3;
}
#header a:hover 
{
	text-decoration: underline;
	color:#999999;
}
#lastLogin
{
	background:url("Images/PaddlockIcon.gif") no-repeat;
	padding-left:20px;	
}
#footer 
{ /* Sets up the look/feel of the page footers. */
	font-size:10px;
	color:#666666;
	bottom:0;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
	text-align: center; 
	line-height:2.2em;
}

#footer #iconBar
{
	border-top:1px solid #ECEFF1;
	background:url("Images/FooterIconBarBackground.jpg") repeat-x;
	height:40px;
	padding-left:100px;
	font:12px Arial Narrow, Arial, sans-serif;
	text-align:center;
	padding-top:11px;
	/*
	margin-bottom:25px;
	*/
}

#footer #iconBar img
{
	/*
	margin-top:3px !important;
	margin-bottom:-8px !important;	
	*/
}

#footer a
{
	float:left;
	margin:0 20px 0 20px;
	display:block;
	white-space:nowrap;
}
#footer a:link 
{
	text-decoration: none;
	color:#494949;
}
#footer a:active 
{
	text-decoration: none;
	color:#494949;
}
#footer a:visited 
{
	text-decoration: none;
	color:#494949;
}
#footer a:hover 
{
	text-decoration: none;
	color:#000;
}

/* ######-----| Navigation Styles |-----###### */
#navigation
{
	background: url("Images/NavigationBackground.jpg") repeat-x; 
	color: #000;  
	height:35px;
	text-align: center; 
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:100%;
}
#navigation td 
{
	text-align: center; 
	background: url("Images/TabBackground.jpg") no-repeat;
	width:160px;
}
#navigation td.first 
{
	background: url("Images/NavigationBackground.jpg") repeat-x;
}
#navigation td a 
{
	color: #5E6152; 
	padding: 10px 0px 0px 0px;
	margin:0;
	text-align: center; 
	font:11px Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	float:left;
	height:28px;
	width:196px;
}
#navigation td a:hover 
{
	color: #000; 
}	
#navigation td a.first 
{
	padding-top:1px;
}	
#navigation td a.current 
{
	color: #B93F2C; 
}	

/* ######-----|  Link Styles  |-----###### */

/* 
*  Make sure that the link styles stay in the same order (l,a,v,h) or they
*  will not work correctly under specific browsers, such as IE. 
*/

a:link 
{
	text-decoration: underline;
	color:#000;
}
a:active 
{
	text-decoration: underline;
	color:#000;
}
a:visited 
{
	text-decoration: underline;
	color:#000;
}
a:hover 
{
	text-decoration: underline;
	color:#000;
}
a img 
{
	border-width:0;
}

/* ######-----|  Form Styles  |-----###### */
input 
{ /* Sets default font size for all input items. */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}
textarea 
{ /* */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	width:100%;
}
input.inputText 
{ /* Class for text fields, set by loadInputClasses (global.js) automatically.*/
	border:1px solid #185184;
}
input.inputButtons 
{ /* Class for the input buttons, set by loadInputClasses (global.js) automatically.*/
	border:3px double #999999;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
	padding:0px;
	background:url("Images/FormElementBackground.gif") #31438C repeat-x;
	color:#000;
	font-weight:bold;
	width:85px;
}
input.inputButtons:active 
{ /* */
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}
select 
{ /* Setting the default look for select boxes. */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #185184;
}
textbox { /* Setting the default look for text boxes. */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #185184;
}


/* ######-----|  Heading Styles  |-----###### */

h1
{
	color:#5E6152;;
	font:40px Arial, sans-serif;
	font-weight: normal;
}

h2
{
	/* page-break-after:avoid; */
}

h3
{
	
}

/* ######-----|  Accordion Styles  |-----###### */

ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
ul.ui-accordion-container ul { margin-left: 5px; margin-right:10px; padding: 0; }
ul.ui-accordion-container li { margin: 0; margin-bottom: 2px; padding: 0; background: url("Images/SmallBox.gif") no-repeat bottom left;}
ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 24px; background: url("Images/SmallBoxTop.jpg") no-repeat; color: #000; text-decoration: none; line-height: 24px; font-family: Arial; font-weight:bold; }

ul.ui-accordion-container li ul { padding-bottom:10px;}
ul.ui-accordion-container li ul li { padding: 0px; padding-right:7px; padding-top:5px; padding-bottom: 5px; margin:0; list-style-type: none; background: url("Images/SmallBoxLinkBackground.gif") right no-repeat; line-height:15px; border-bottom:2px solid #EAEAEA; }

ul.ui-accordion-container li ul li a { text-decoration:none; color:#999999; }
ul.ui-accordion-container li ul li a.current { text-decoration:none; color:#000 !important; }
ul.ui-accordion-container li ul li a:hover { text-decoration:none; }
ul.ui-accordion-container li ul li a:visited { text-decoration:none; color:#999999; }

/*
ul.ui-accordion-container li:hover { background-image: url(i/accordion-left-over.png); }
ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

ul.ui-accordion-container li.active { background-image: url(i/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(i/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(i/accordion-right-act.png); }
*/


/* ######-----|  Special Styles  |-----###### */

#logo
{
	background:url("Images/Logo.gif") no-repeat;
	margin:10px 0px 0px 50px;
	width:200px;
	height:65px;
	float:left;
}
#phoneIcon
{
	background:url("Images/PhoneIcon.gif") no-repeat;
	padding-left:20px;	
}

#details
{
	line-height:15px;
}

#details p
{
	margin:8px;
	border:0px solid #000;
}