/* MP CSS */
/* #99CC99  B1 light Blue */
/* #4F6BA2  B2 mid Blue */
/* #004366  B3 Dark Blue */
/* GENERAL PAGE SETTINGS */
* 
{
	margin:0;
	padding:0;
}
body  
{
	margin-left: auto;
	margin-right: auto;
	font-family: verdana, Helvetica, sans-serif; /* Calibri,sans-serif */
	font-size: 80%;
	width: 980px;
	color:#444444;
}

.clear 
{
	clear:both;
	font-size:0;
}
.error
{
	color:Red;
}
.ok
{
	color:blue;
}
.watermark
{
	color:gray;
	background-color:#eeffee;
}
.tb_as_label
{
	border: none;
	color:#666666;
}



p
{
	margin-bottom: 1em;
}


h1 
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:2.2em;
	margin-bottom:6px;
}
h2 
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.6em;
	color:#666666;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom: 1px dotted #9999CC;
	/*margin-bottom:6px;*/
}
h3 
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	color:#666666;
	/*font-weight:normal;*/
	margin-bottom: 0.8em;
}
h4 
{
	color:#000;
	font-size:1.2em;
}

a
{
	color:#666666;
}
a:hover
{
	color:#333333;
}

/* MP BANNER */
#banner
{
}
#bannerImage
{
	float:left;
	width:190px
}
#bannerUser
{
	float:left;
	width:500px;
	height:20px;
	margin-top:88px;
	font-size: 120%

}
#bannerLogin
{
	float:right;
	height:20px;
	margin:90px 5px 10px 10px;
}

.login
{
	width:400px;
	height:100px;
	margin-top:20px;
	background-color:#ddffdd;
	padding: 10px 10px 10px 10px; 
	border:solid 1px #333366;
}
.add_account
{
	width:750px;
	margin-top:15px;
	background-color:#ddffdd;
	padding: 10px 10px 10px 10px; 
	border:solid 1px #666666;
}

.credit
{
	float: left;
	width:250px;
	margin-top:20px;
	background-color:#ddffdd;
	padding: 10px 10px 10px 10px; 
	border:solid 1px #666666;
	text-align:center;
	margin: 1em;
}

/* MP BANNER CSS NAVIGATION */
#mpNav
{
	background:url(../images/nav_bg.png) repeat-x;
	/*background-color: #004366;*/
	height: 31px;
	text-align: center;

}
#mpNav ul#mainmenu 
{
	width:800px;
	margin-left: auto;
	margin-right: auto;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	position:relative;
	z-index:998;
}
#mpNav li 
{
	color:#FFFFFF;
	float:left;
	list-style-image:none;
	position:relative;
	padding: 0px 30px 0px 30px;
}
#mpNav li a 
{
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	line-height:31px;
	padding:0 25px;
	text-decoration:none;
	white-space:nowrap;
}
#mpNav li a.selected, #mpNav li a.selected:hover
{
	background:url(../images/nav_bg_over.png) repeat-x;

	/*background-color: #336600;*/
}

#mpNav li a:hover /* hover on main menu */
{
	background:url(../images/nav_bg_hover.png) repeat-x;
	/*background-color: #336600;*/
	color:#FFFFFF;
}

#mpNav li:hover ul
{
	margin-left:0;   /* slides menu onto page */
	padding:0 ;
}

#mpNav li.sfhover ul /* uses javascript for IE6*/
{
	margin-left:0;   /* slides menu onto page */
	width:130px;
	left:13px;
}

#mpNav li ul 
{
	background: #004366 none repeat scroll 0 0;
	border-top:1px solid #555555;
	color:#FFFFFF;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 -999em;  /* this displays way to the left */
	min-width:150px;
	opacity:0.90;
	padding:0;
	position:absolute;
	top:31px;
	z-index:999;
}
#mpNav li ul li 
{
	background:transparent none repeat scroll 0 0;
	border-bottom:1px solid #555555;
	float:none;
	height:2.3em;
	margin:0;
	padding:0;
	white-space:pre;
}
#mpNav li ul a, #mpNav li.on ul a 
{
	background-image:none;
	border:0 none;
	color:#FFFFFF;
	display:block;
	float:none;
	height:auto;
	line-height:2.3em;
	width:80%;
}
#mpNav li ul li:hover, #mpNav li ul a:hover, #mpNav li ul a:focus, #mpNav li ul a.mpfocus 
{
	background-color:#336600;
	color:#FFFFFF;
}


/* MP PUBLIC BANNER CSS NAVIGATION */
#publicNav
{
	background:url(../images/nav_bg.png) repeat-x;
	/*background-color: #004366;*/
	height: 31px;
	text-align: center;

}
#publicNav ul#publicMenu 
{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	position:relative;
	z-index:998;
}
#publicNav li 
{
	color:#FFFFFF;
	float:left;
	list-style-image:none;
	position:relative;
	padding: 0px 30px 0px 30px;
}
#publicNav li a 
{
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	line-height:31px;
	padding:0 15px;
	text-decoration:none;
	white-space:nowrap;
}
#publicNav li a.selected, #publicNav li a.selected:hover
{
	background:url(../images/nav_bg_over.png) repeat-x;
	/*background-color: #336600;*/
}
#publicNav li a:hover /* hover on main menu */
{
	 background:url(../images/nav_bg_hover.png) repeat-x;
	/*background-color: #336600;*/
}
#publicNav li:hover ul
{
	margin-left:0;   /* slides menu onto page */
}

#publicNav li.sfhover ul /* uses javascript for IE6*/
{
	margin-left:0;   /* slides menu onto page */
	width:130px;
	left:13px;
}

#publicNav li ul 
{
	background: #004366 none repeat scroll 0 0;
	border-top:1px solid #555555;
	color:#FFFFFF;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 -999em;  /* this displays way to the left */
	min-width:150px;
	opacity:0.90;
	padding:0;
	position:absolute;
	top:31px;
	z-index:999;
}
#publicNav li ul li 
{
	background:transparent none repeat scroll 0 0;
	border-bottom:1px solid #555555;
	float:none;
	height:2.3em;
	margin:0;
	padding:0;
	white-space:pre;
}
#publicNav li ul a, #publicNav li.on ul a 
{
	background-image:none;
	border:0 none;
	color:#FFFFFF;
	display:block;
	float:none;
	height:auto;
	line-height:2.3em;
	width:80%;
}
#publicNav li ul li:hover, #publicNav li ul a:hover, #publicNav li ul a:focus, #publicNav li ul a.mpfocus 
{
	background-color:#336600;
	color:#FFFFFF;
}


/* MAIN CONTENT */
#mainWrapper 
{
	background:url(images/bg.gif) no-repeat top center;
	height:450px;
	clear:both;
}
#mainContent
{
	width:900px;
	margin:auto;
	padding-top:25px;
	padding-left:100px;
}
#contentCol1 
{
	float:left;
	width:600px;
	padding:12px 12px 12px 0;
	color:#666666;
	font-weight:normal;
}

/* LISTS  */
ul, ol
{
	margin-left:1.8em;
	line-height:1.2em;
	padding-bottom:1.2em;
}
#list1 li
{
	list-style-image:url(../Images/blue-bullet.gif); 
	list-style-type:none;
	list-style-position:outside;	
	margin-bottom:0.5em;
	vertical-align:top;
	padding-left: 5px;
}
#number_list li
{
	list-style-image:none;
	list-style-position:outside;
	margin-bottom:0.8em;
}

#contentCol2 
{
	float:left;
	padding:12px 12px 12px 0;
	color:#666666;
	font-weight:normal;
}
#contentCol2Phone
{
	background:url(Images/bg_phone.gif) no-repeat top center;
	float:left;
	font-weight:normal;
	border-width:5px ;
	border-style:outset;
	border-bottom-color:#666666;
}


/* STYLES ASP PANELS
Styles all panels in the application */
.asp_panel
{
	margin: 0px 0px 0px 12px;
}


/* STYLES GRID VIEWS 
Styles all grid views (tables) in the application */
.gv_gridview
{
	font-size: 0.9em;
	text-align: left;

}
.gv_header
{
	background-color: #666666;  /*  #669966; */
	color: White;
}
.gv_header th
{
	padding: 3px 12px 3px 4px;
}
.gv_gridview td
{
	padding: 3px 4px 3px 4px;
}
.gv_row
{
	border: solid 1px silver;
}
.gv_alternating_row
{
	background-color: #F2F2F2;
	border: solid 1px silver;
}
.gv_selected_row
{
}
.gv_edit_row
{
}
.gv_empty_row
{
}
.gv_footer
{
	font-weight: bolder;
}
.gv_pager
{
}
.gv_delete
{
	background-image: url(../../VC/deletebutton.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}



/* STYLES ASP DETAIL VIEWS 
dv_command1 and 2 are the update and cancel buttons in a detail view.
Hover styles can be added.*/
.dv_command1, .button_colour,.workflow_footer a
{
	padding: 4px 10px 4px 10px;
	vertical-align:text-bottom;
	background-color: #4F6BA2;
	border: solid 1px black;
	text-decoration: none;
	color: White;
	font-weight: bolder;
}
a.dv_command1:hover, .workflow_footer a:hover
{
	background-color: #336600;
	color: white;
}
.dv_command2, .button_colour
{
	padding: 4px 10px 4px 10px;
	background-color: White;
	border: solid 1px black;
	text-decoration: none;
	color: #336600;
	font-weight: bolder;
}
a.dv_command2:hover
{
	background-color: #336600;
	color: White;
}
/* These are styles that can be applied to other Detail View elements if needed. */
.dv_CssClass
{
	text-align: left;
	background-color:#ddffdd;
}
.dv_HeaderStyle
{
}
.dv_FooterStyle
{
}
.dv_RowStyle
{
}
.dv_AlternatingRowStyle
{
}
.dv_EditRowStyle td
{
	padding: 8px;
	vertical-align:text-top
}
.dv_InsertRowStyle td
{
	padding: 8px;
}
.dv_EditRowStyle td input
{
	font-size: 1em;
	font-family:Arial;
	color: Black;
}
.dv_PagerStyle
{
}





/* FOOTER */
#footer {
	background:url(../images/footer_bg.png) repeat-x top;
	/*background-color: #004366;*/
	padding-top:10px;
	padding-bottom:10px;
}

#footer p {
	margin:auto;
	font-size:0.8em;
	width:914px;
	text-align:center;
	color:#ccc;
	margin-top:0;
	line-height:1.6em;
	padding-bottom:0;
}

#footer p a 
{
	color:White;
}

#footer p a:hover 
{
	color:White;
	font-weight:bold;
}


.center
{
	text-align:center;
}

.wide
{
	width:300px;
}