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

*{
font-family:Verdana, Arial, Helvetica, sans-serif;	
}

html, body{
	font: 100% Verdana;
	margin:0;
	padding:0px;
	width:100%;
	color: #000000;
	background:#CCCCCC;
	text-align:center;
	*overflow-x:hidden;
}

p	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding:0 0 0 0px;
margin:10px 0 0 0px;
}

h1
{
padding:0 0 0 0px;
margin:0 0 0 0px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#5f5f5f;
font-weight:bold;

}

a	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#09578a;
text-decoration:underline;
}



a:hover	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#747c8f;
text-decoration:none;
}



.oneColLiqCtrHdr #container {
	width: 99%;  /* this will create a container 80% of the browser width */
	font:Verdana;
	min-width: 975px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #797979;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	background: #FFFFFF; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	
	
}
.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
	border-top: 5px solid #dfe0e0;
	height:60px;
	
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.imgmiddle
{
vertical-align:middle;
}


.BlueHeadingFont
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#09578a;
text-align:left;
font-weight:bold;
padding-left:20px;
}

.OrangeFonts	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-indent:20px;
font-size:12px;
font-weight:bold;
color:#bc5d00;
padding:0 0 0 0px;
margin:10px 0 0 0px;
}

.OrangeFont	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#bc5d00;
font-weight:bold;
}


.DateFont	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#787070;
padding-left: 20px;
margin-top: 0px;
}

.sFormFont	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#000000;
}



a.TtipLink	
{
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#09578a;
text-decoration:none;
}



a.TtipLink:hover	
{
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#747c8f;
text-decoration:underline;
}

a.CGXLink	
{
font-size:12px;
font-weight:bold;
color:#CC6600;
text-decoration:none;
}



a.CGXLink:hover	
{
font-size:12px;
font-weight:bold;
color:#747c8f;
text-decoration:underline;
}


.conMain #container { 
	width: 100%;
	
	background: #FFFFFF;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#main {
width:auto;
}
.topContainer
{
background: #FFFF00; /*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
height: 105px;
}

#LogoContainer
{

height:75px;
padding-left:10px;
background-color:#FFF;
padding-top:15px;
padding-bottom:15px;
}

.LogoLeft
{
min-width:220px;
float:left;
/*width:350px;*/
}

.AccountAdminRight
{
float:right;
min-width: 380px;
height: 78px;
background-image:url(../../assets/images/bg/top-admin-bg.gif);
background-repeat:no-repeat;
}

.MenuContainer
{
position:relative;
height:37px;
margin-top:2px;
border-top: #b0b0b0 1px solid;
border-bottom: #b0b0b0 1px solid;
float:left;
/*background-image:url(../assets/images/bg/menu-bg.gif);
background-repeat:repeat-x;*/
width:100%;
}
.DGreyBar
{
float:left;
width:100%;
top:0px;
padding: 0px;
height:8px;
margin-bottom:10px;
background-color:#797979;
}

.DThinGreyBar
{
float:left;
width:100%;
top:0px;
padding: 0px;
height:4px;
margin-bottom:10px;
background-color:#797979;
}

.RedFont {color: #FF0000}

 /*-----------------------------*/		
  /*     Footer     */	
 /*---------------------------*/	
 
#FooterContainer
{
min-width:975px;
width:100%;
height:100px;
background-color:#FFFFFF;
}

#FooterHeader

{
min-width:975px;
padding-top:10px;
width:100%;
height:25px;
margin-top:10px;

}

#FooterMain
{
min-width:975px;
width:100%;
background-color:#FFFFFF;

}

	.FooterFonts{

	color:#333333;
	float:left;
		font-size:12px;
		margin-left:10px;
		font-weight:bold;
	}
	
	.BlueFooterFonts{
	
	color:#09578a;
	float:right;
	font-size:12px;
	margin-left:10px;
	padding-right:25px;
		font-weight:bold;
		text-decoration:none;
	}
	
	a.BlueFooterLinkFonts{
color:#09578a;
font-size:12px;
font-weight:bold;
text-decoration:underline;
	}
	
	
	a.BlueFooterLinkFonts:hover
{
color:#333333;
font-size:12px;
font-weight:bold;
text-decoration:none;
	}
	
	
	
   a.FooterLink{
	color:#666; /*666*/
	font-size:.7em;
	text-decoration:none;
									
	}												
	a.FooterLink:hover
	{
	color:#999;
	text-decoration:none;
	}	
	
	#FooterLinks{
	float:left;
	width:100px;
	margin:48px 5px 0px 12px;
	line-height:25px;
	}

#Holder
{
width: 99%;
float:none;
position:relative;
}

.GBorderTop
{
background:#f5f9fb;
border-top:solid 1px #d1d1d1;}


.GBorderB
{
background:#f5f9fb;
border-bottom:solid 1px #d1d1d1;
}

 /*-----------------------------*/		
  /*   Table Boxes     */	
 /*---------------------------*/


.TableBG
{
padding-top:8px;
padding-bottom:15px;
padding-left:10px;
padding-right:10px;
background-color:#f5f5f5;
background-repeat:repeat;
border-left:solid 1px #e7e6e6;
border-right:solid 1px #e7e6e6;
border-bottom:solid 1px #e7e6e6;
}

.WTableBG
{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
background-color:#ffffff;
background-repeat:repeat;
border-left:solid 1px #e7e6e6;
border-right:solid 1px #e7e6e6;
border-bottom:solid 1px #e7e6e6;
}


.GreyTableBG
{
background-image:url(../../assets/images/bg/box-grey.gif);
background-repeat:repeat-x;
height:30px;
}

.GreyBGtr
{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
background-color:#f5f5f5;
border-left:solid 1px #e7e6e6;
border-right:solid 1px #e7e6e6;
border-bottom:solid 1px #e7e6e6;
}

.WhiteBGtr
{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
background-color:#ffffff;
border-left:solid 1px #e7e6e6;
border-right:solid 1px #e7e6e6;
border-bottom:solid 1px #e7e6e6;
}

/*
.GreyBGtr:hover td {background-color: #c8c8c8;}
.WhiteBGtr:hover td {background-color: #c8c8c8;}
*/

.RowHighlight:hover td {background-color: #e1e1e1;}

.TableBorder
{
background-color:#ffffff;
border-left:solid 1px #e7e6e6;
border-right:solid 1px #e7e6e6;
border-bottom:solid 1px #e7e6e6;
}

.CellBorder
{
border-left:solid 1px #e7e6e6;
border-right:solid 1px #e7e6e6;
border-bottom:solid 1px #e7e6e6;
}

.ShiftTableBorder
{
background-color:#ffffff;
border-left:solid 1px  #DADADA;
border-right:solid 1px #DAeADA;
border-bottom:solid 1px #DADADA;
}

.ShiftTableHeader
{
background-color:#ffffff;
border-left:solid 1px  #DADADA;
border-right:solid 1px #DAeADA;
border-top:solid 1px #DADADA;
border-bottom:outset 3px #DADADA;
margin:8px; 
width:98%;
}

.CellSpacer
{
background-color:#ffffff;
}

.HelpIcon
{

float:right;
padding-right:15px;
vertical-align:middle;
}

a.HelpIcon
{

float:right;
padding-right:15px;
vertical-align:middle;
}

a.HelpIcon:hover
{

float:right;
padding-right:15px;
vertical-align:middle;
}

.CenText
{
text-align:center;
}

.DarkGreyTableBG
{
background-color:#8a9092;
background-repeat:repeat-x;
height:30px;
}

.BlackTableBG
{
background-image:url(../../assets/images/bg/box-black.gif);
background-repeat:repeat-x;
height:30px;
}

.TableHeading
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
text-indent:10px;		
}

.TableHeadingFont
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
vertical-align:middle;
}

a.TableHeading
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
text-indent:10px;
text-decoration:underline;
}

a.TableHeading:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
text-indent:10px;
text-decoration:none;	
	
}

.PAD
{
margin-left:20px;
}

.MinWidth
{
min-width:715px;
width:100%;
}

.MinWidthR
{
min-width:250px;
width:100%;
}


.LGreyMinWidth
{
position:relative;
min-width:345px;
width:100%;
}


.CTableWidth
{
font:Verdana, Arial, Helvetica, sans-serif;
min-width:700px;
width:95%;
float:none;

}

.RGreyMinWidth
{
position:relative;
min-width:360px;
width:100%;
}

.BoxR
{
position:relative;
min-width:360px;
width:100%;
}

.OverviewBox
{
table-layout:inherit;
	min-width:725px;
	width:100%;
}

.TableFonts	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.xStextBox
{
text-indent:5px;
background-color:#fef8c2;
color:#0000000;
border:solid 1px #CCCCCC;
width:80px;
height:20px;
cursor:pointer;
}


.StextBox
{
text-indent:5px;
background-color:#fef8c2;
color:#000000;
border:solid 1px #CCCCCC;
width:220px;
height:20px;
cursor:pointer;
}

.MtextBox
{
text-indent:5px;
background-color:#fef8c2;
color:#000000;
border:solid 1px #CCCCCC;
width:280px;
height:20px;
cursor:pointer;
}

.MtextBox-OLD
{
text-indent:5px;
background-color:#f5f5f5;
color:#999999;
border:solid 1px #CCCCCC;
font-weight:bold;
width:280px;
height:20px;
cursor:pointer;
}

.LtextBox
{
text-indent:5px;
background-color:#fef8c2;
color:#000000;
width:350px;
height:20px;
border:solid 1px #CCCCCC;
cursor:pointer;
}

.TextAreaBox
{
text-indent:5px;
background-color:#fef8c2;
color:#000000;
width:350px;
border:solid 1px #CCCCCC;
cursor:pointer;
}

.FormColor
{
background-color:#fef8c2;
color:#000000;
width:auto;
border:solid 1px #CCCCCC;
}


.DropDownFormBox
{
/*text-indent:5px;*/
background-color:#fef8c2;
color:#000000;
height:20px;
border:solid 1px #CCCCCC;
cursor:pointer;
}

.SDropDownFormBox
{
text-indent:2px;
padding-right:1px;
background-color:#fef8c2;
color:#000000;
height:20px;
border:solid 1px #CCCCCC;
cursor:pointer;
}


a.blackLink	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
text-decoration:underline;
}


a.blackLink:hover	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#747c8f;
text-decoration:none;
}

ul
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:outside;
color:#CC6633;
padding-left:-10px;
line-height:15px;
}

.BoxLeft
{
min-width:350px;
}

#BBoxLeft
{
min-width:350px;
}
.BoxRight
{
min-width:355px;
}

a.OnLink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#009900;
text-decoration:underline;
}

a.OnLink:hover	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF0000;
text-decoration:none;
}

a.OffLink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF0000;
text-decoration:underline;
}

a.OffLink:hover	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#009900;
text-decoration:none;
}

a.BlueButton
{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#09578a;
font-size:11px;
font-weight:normal;
color:#000000;
text-decoration:none;
}

a.BlueButton:hover	
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FF0000;
font-weight:normal;
color:#000000;
text-decoration:none;
}

input.btnBlue { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#ffffff;
height:25px;
text-decoration:none;
background-color: #09578a; 
}

.buttonHeight
{
height:40px;
}


.MLink
{
padding-top:10px;
float:right;
margin-right:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#09578a;
text-decoration:none;
}

a.MLink
{
padding-top:10px;
float:right;
margin-right:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#09578a;
text-decoration:none;
}

a.MLink:hover	
{
padding-top:10px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
text-decoration:underline;
}

.RPad
{
float:right;
padding-right:10px;}



 /*-----------------------------*/		
  /*  Image CSS Button     */	
 /*---------------------------*/

a.button {
    /* Sliding right image */
    background: transparent url('../../assets/images/button/button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('../../assets/images/button/button_left.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.button:hover span:hover{
text-decoration:underline;
}
a.button:hover {
    /* Sliding right image */
    background: transparent url('../../assets/images/button/button_right1.png') no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.button span:hover {
/* Background left image */ 
background: transparent url('../../assets/images/button/button_left1.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 





 /*-----------------------------*/		
  /*   CSS Button     */	
 /*---------------------------*/
.cssbutton {
	display: inline-block;
	margin: 0;
	padding: 0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.20);
	background:#09578a;
	border: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	
	/* Fix extra width padding in IE */
	_width: 0;
	overflow: visible;
}

.cssbutton:hover {
	display: inline-block;
	margin: 0;
	padding: 0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.20);
	background:#747c8f;
	border: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	
	/* Fix extra width padding in IE */
	_width: 0;
	overflow: visible;
}


.cssbutton.cssSimpleButton.CSSLargeButton:active   { padding: 9px 14px 7px; }

.cssbutton.cssSimpleButton.CSSLargeButton.disabled:active   	{ padding: 8px 14px 8px; }


.cssbutton.cssSimpleButton { 
	position: relative; 
	padding: 5px 10px 5px;
	font: inherit;
	font-size: 13px !important;
	font-style: normal !important; 
	font-weight: bold !important; 
	color: #fff !important;
	line-height: 1; 

	background-repeat: repeat-x;
	background-position: 0 0;
	
	/* Special effects */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	
	/* IE only stuff */
	border-bottom: 1px solid transparent\9;
	_background-image: none;
	
	/* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*display: inline !important;
	position: relative;
	
	/* Force hasLayout in IE */
	zoom: 1;
	
	/* Disable text selection (Firefox only)*/
	-moz-user-select: none;
}

.cssbutton.cssSimpleButton::selection {
	background: transparent;
}

.cssbutton[disabled],
.cssbutton[disabled]:hover,
.cssbutton[disabled]:focus,
.cssbutton[disabled]:active,
.cssbutton.disabled,
.cssbutton.disabled:hover,
.cssbutton.disabled:focus,
.cssbutton.disabled:active {
	color: #333 !important;
	cursor: inherit;
	text-shadow: none; 
	opacity: 0.33;
}

.cssbutton:hover span,
.cssbutton:focus span {
	background-position: 100% -24px;
}

.cssbutton:hover span span,
.cssbutton:focus span span {
	background-position: 0% -24px;
}

.cssbutton:active span {
	background-position: 100% -48px;
}

.cssbutton:active span span {
	background-position: 0% -48px;
}

.cssbutton[disabled] span,
.cssbutton.disabled span {
	background-position: 100% -72px;
}

.cssbutton[disabled] span span,
.cssbutton.disabled span span {
	background-position: 0% -72px;
}

.cssbutton:hover span span span,
.cssbutton:focus span span span,
.cssbutton:active span span span,
.cssbutton[disabled] span span span,
.cssbutton.disabled span span span {
	background-position: left center;
}

.cssbutton:hover span span span.after,
.cssbutton:focus span span span.after,
.cssbutton:active span span span.after,
.cssbutton[disabled] span span span.after,
.cssbutton.disabled span span span.after {
	background-position: right center;
}

.cssbutton img {
	margin-right: 5px;
	vertical-align: text-top;
	/* IE6 Hack */
	_margin-top: 4px;
	_vertical-align: text-bottom;
	/* IE6 still requires a PNG transparency fix */ 
	/* _display: none;		Or just hide icons from the undeserving IE6 */
}

.cssbutton img.after {
	margin-right: 0;
	margin-left: 5px;
	/* IE6 still requires a PNG transparency fix */ 
	/* _margin-left: 0;		Or just hide icons from the undeserving IE6 */
}

.cssbutton.sexymedium	{ font-size: 15px !important; }
.cssbutton.CSSLargeButton	{ font-size: 18px !important; }


.cssbutton.cssSimpleButton:hover,
.cssbutton.cssSimpleButton:focus {
	background-position: 0 -50px; 
	color: #fff !important;
}

.cssbutton.cssSimpleButton:active { 
	background-position: 0 -100px; 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); 
	/* Unfortunately, Safari doesn't support inset yet */
	-webkit-box-shadow: none;
	
	/* IE only stuff */
	border-bottom: 0\9;
	border-top: 1px solid #666\9;
}

.cssbutton.cssSimpleButton[disabled], 
.cssbutton.cssSimpleButton.disabled { 
	background-position: 0 -150px; 
	color: #333 !important;
	text-shadow: none; 
}
.cssbutton.CSSLargeButton	{ font-size: 18px !important; }
.cssbutton.cssSimpleButton.CSSLargeButton          { padding: 8px 14px 8px; font-size: 14px !important; }
.cssbutton.cssSimpleButton.CSSLargeButton:active   { padding: 9px 14px 7px; }



 /*-----------------------------*/		
  /*    ToolTip     */	
 /*---------------------------*/

.tooltip {
			
			cursor: help; text-decoration: none;
			position: relative;
		}
		
		
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 350px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left;
			position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
		
		.TextPad
		{
		padding-left:10px;
		color:#FFFFFF;
		font-size:10px;
		}
		
		.BlueHFont
		{
		color:#09578a;
		font-size:16px;
		font-weight:bold;
		
		}
		
		
	


/* Tooltip version 2 */

#tt {background:url(../brown.jpg); width:740px; margin-bottom:100px;}

a.tooltip2 {color:#c00;}

a.tooltip2 b {display:none;}

a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}

a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #ff0; background:#8cc; width:150px;}

a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}

a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}



.clear {clear:both;}

.BigWhiteFont
{
vertical-align:middle;
font:Arial, Helvetica, sans-serif;
font-size:18px;
text-decoration:none;
color:#FFFF00;
}



 /*-----------------------------*/		
  /*   Image ToolTip Code   */	
 /*---------------------------*/

/* Disable Image ToolTip Code
.TtipText
{
font-size:12px;
color:#000000;
padding-right:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}

.Ttip {
			
			cursor: help; text-decoration: none;
			position: relative;
		}
		
		

.Ttip span {
			margin-left: -999em;
			position: absolute;
		}
		
		
	
	a.Ttip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 350px;
		}
		
		
		
		.Ttip img {
			border: 0; margin: -10px 0 0 -55px;
			float: left;
			position: absolute;
		}
		
		a.Ttip img {
			border: 0; margin: -10px 0 0 -55px;
			float: left;
			position: absolute;
		}
		
		
		
		a.Ttip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left;
			position: absolute;
		}
		
		.Ttip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		
	
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		
		
		
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
	
		
		.TextPad
		{
		padding-left:10px;
		color:#FFFFFF;
		font-size:10px;
		}
		
		.BlueHFont
		{
		color:#09578a;
		font-size:16px;
		font-weight:bold;
		}
		
		.IconH
		{
		float:left;
		margin-left:60px;
		padding-left:60px;
		position:relative;
		}
		
		End Here Image ToolTip Code
		
 /*-----------------------------*/		
  /*  CSS Drop Down Code   */	
 /*---------------------------*/

.WhiteBG
{
background-color:#FFFFFF;
}
#outer_wrapper {min-width:700px;width:100%;background:#fff}
#menu {width:700px; min-height:38px; text-align:center; float:left;}
#menu ul {display:inline-block; float:left;} 
#menu ul.top-level {margin-left:0; float:left;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:normal 12px verdana,arial,sans-serif;color:#6b6868; line-height:38px; text-decoration:none; padding:0 20px; font-weight:bold;} 
* html #menu ul.top-level {margin-left:0; font:normal 12px verdana,arial,sans-serif;color:#a4a1a1; line-height:30px; text-decoration:none; padding:0 20px; font-weight:bold;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}

#menu a.top-level-a {float:left; padding:0 0 0 20px; border-right: solid 1px #b0b0b0; } 
#menu a.top-level-a b {float:left; padding:0 20px 0 0; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 20px 0 0; cursor:pointer;}

#menu a.top-level-a:hover {color:#09578a; white-space:nowrap; background:#cecece; }
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#a4a1a1; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#a4a1a1; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; left -30px;}
#menu li.top-level-li:hover > a b {color:#a4a1a1;  -30px;}
#menu li.top-level-li:hover > a.down b {color:#db712b; right -30px;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#028fb2; padding:0px 0px 0px 0px; left:0; font:normal 11px verdana,arial,sans-serif; color:#028fb2; text-decoration:none; font-weight:700; line-height:30px; }
#menu li li {border-bottom:1px solid #ffffff;}
#menu li li a {background:#cecece; font:normal 11px verdana,arial,sans-serif; color:#6b6868; text-decoration:none; font-weight:700; line-height:30px; } 
#menu li li a:hover {background:#f0efef; font:normal 11px verdana,arial,sans-serif; color:#db712b; text-decoration:none; font-weight:700; line-height:30px; } 
#menu li li:hover > a {background:#f0efef;color:#db712b; }
#menu li li a.fly {background:#cecece url(../../assets/images/fly.gif) no-repeat right top;}
#menu li li a.fly:hover {background:#f0efef url(../../assets/images/fly.gif) no-repeat right top;} 
#menu li li:hover > a.fly {background:#f0efef url(../../assets/images/fly.gif) no-repeat right top;}

#menu ul.drop-down {top:37px;} 
#menu li li ul {left:100%; margin-top:-30px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padding-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-1px; margin-top:-7px;}
#fixbug
{float:left; padding-right:0px; padding-top:0px; margin:0px; margin-right:0px; margin-bottom:0px; padding-bottom:0px; margin-left:0px; position:relative;}

[if lte IE 7]>
<style type="text/css">
#menu ul {display:inline;}
</style>
<![endif]

 /*-----------------------------*/		
  /* Form Button Code   */	
 /*---------------------------*/

.rssbutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbutton{
background-color: #656463;
border: 2px #aeaeae outset;
padding: 5px 5px;
color: #FFFFFF;
text-decoration: none;
font: bold 90% Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: #FFFFFF;
padding: 5px 5px;

}

.cssbutton:hover{
background-color: #868585;
border: 2px #aeaeae inset;
padding: 5px 5px;
color: #FFFFFF;
text-decoration: none;
font: bold 90% Verdana, Helvetica, sans-serif;
}



.cssbutton:active{
color: #FFFFFF;
padding: 5px 5px;

}


.thinbutton{
background-color: #656463;
border: 1px #aeaeae outset;
padding: 1px 1px;
color: #FFFFFF;
text-decoration: none;
font: 8pt bold 90% Verdana, Helvetica, sans-serif;
}

.thinbutton:visited{
color: #FFFFFF;
padding: 1px 1px;
}

.thinbutton:hover{
background-color: #868585;
border: 1px #aeaeae inset;
padding: 1px 1px;
color: #FFFFFF;
text-decoration: none;
font: 8pt bold 90% Verdana, Helvetica, sans-serif;
}


.thinbutton:active{
color: #FFFFFF;
padding: 1px 1px;

}


.Addbutton{
background-color: #ce5d00;
border: 2px #feba81 outset;
padding: 5px 5px;
color: #FFFFFF;
text-decoration: none;
font: bold 90% Verdana, Helvetica, sans-serif;
}

.Addbutton:visited{
color: #FFFFFF;
padding: 5px 5px;

}

.Addbutton:hover{
background-color: #faa45e;
border: 2px #feba81 inset;
padding: 5px 5px;
color: #FFFFFF;
text-decoration: none;
font: bold 90% Verdana, Helvetica, sans-serif;
}

.Addbutton:active{
color: #FFFFFF;
padding: 5px 5px;

}

/*-----------------------------*/		
  /*  Submit Image Code   */	
 /*---------------------------*/

input.button {
background-color:#FFFFFF;
background-image:url(../../assets/images/button/submit.png);
width:150px;
height:60px;
border:0px;
color: #ffffff;}

input.button:hover {
color : #000000;
background-color:#FFFFFF;
width:150px;
height:60px;
border:0px;
background-image:url(../../assets/images/button/submit-hover.png);}


input.Resetbutton {
background-color:#FFFFFF;
background-image:url(../../assets/images/button/reset.png);
width:150px;
height:60px;
border:0px;
color: #ffffff;}

input.Resetbutton:hover {
color : #000000;
background-color:#FFFFFF;
width:150px;
height:60px;
border:0px;
background-image:url(../../assets/images/button/reset-hover.png);}




/*-----------------------------*/		
  /*  Small Submit Image Code   */	
 /*---------------------------*/

input.Sbutton {
background-color:#FFFFFF;
background-image:url(../../assets/images/button/submit-normal.png);
width:130px;
height:52px;
border:0px;
color: #ffffff;}

input.Sbutton:hover {
color : #000000;
background-color:#FFFFFF;
width:130px;
height:52px;
border:0px;
background-image:url(../../assets/images/button/submit-1.png);}


input.SResetbutton {
background-color:#FFFFFF;
background-image:url(../../assets/images/button/reset-normal.png);
width:130px;
height:52px;
border:0px;
color: #ffffff;}

input.SResetbutton:hover {
color : #000000;
background-color:#FFFFFF;
width:130px;
height:52px;
border:0px;
background-image:url(../../assets/images/button/reset-1.png);}
