/*
	File: 		NETBASE.CSS
	Author:		RCR (robin.ramsey@concerogroup.com)
	
	This is the first attempt to consolidate the styles in NETPLANS.NET

	Revision History
	Date		Author		Comments
	08/27/2009	RCR			Created		
	02/28/2010	OJA			Add CSS Reset and Base Vertical Menu styles
*/

/*--------------CSS RESET ----------------------*/
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 
/*--------------CSS RESET END ----------------*/

/*-------------BACKGROUND WEB STYLE START----*/
.bgTopLeft{
    background:url(images/bgTopLeft.gif) no-repeat left top;
    margin:0 0 0 0;    
    height:12px;
}

.bgTopRight{
    background:url(images/bgTopRight.gif) no-repeat right top;
    height:12px;
    
}

.bgTopMid {
    background:url(images/bgTopMid.gif) repeat;
    height:12px;
    margin-left:14px;    
}


/*------------ BASE STYLE START ------------*/
/* Base Font and Size */
.style1 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 11pt;
	color:#012768;
}

a
{
	text-decoration:none;
}

/* Hover colors */
a:hover {
	color: #333333;	
}


/*------------ BASE STYLE END ------------*/



/*------------ CONTENT DIV STYLE START ---*/
body
{
	/*background:purple url(images/pur_85_shadow.png) repeat;*/
}
#content 
{
	position:relative;
  width:750px;
	margin:0px auto;
	text-align:left;
	padding:5px;
	
}

#rightCol
{
	float:right;
	width:530px;
	
}

#leftCol
{
	float:left;
	width:200px;
}

#idx_rightCol
{
	float:right;
	width:200px;
	margin:10px 0 0 0;
}

#idx_leftCol
{
	float:left;
	width:520px;
	margin:10px 0 10px 0;
	background:white url(images/form_ds.png) repeat-y right top;
	padding:0 6px 0 0;
}

#header
{
	margin:5px 0;
}

.header_ds
{
	background:white url(images/header_ds.png) repeat-x left bottom;
	width:750px;
	height:8px;

}
/*------------ CONTENT DIV STYLE END ---*/
/*---------LIGHTBOX STYLE---------------------*/
div.fauxlightbox 
{
	background:url(images/24px_dk_bg.png) repeat scroll 0 0 transparent;
	
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:9999;
}

div.fauxlightbox .innercontent {
	-moz-border-radius:12px;
	-webkit-border-radius: 12px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:3px solid red;
	left:32%;
	padding:20px 30px;
	position:fixed;
	top:35%;
	width:35%;
}

div.fauxlightbox .innercontent ul {
	 list-style-type:disc;
	 margin: 5px 0px 5px 24px;
}

div fauxlightbox .innercontent li {
	margin: 2px 0px;
}



/*-----PAGE STYLE START-----------------*/
.sectionHeader
{
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	color:#ffffff;	
	font-size:11pt;
	margin:0 0 5px 0;
}
.sectionHeader span
{	
	margin:0 0 0 5px;	
	line-height:24px;	
}

.genHeader
{
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	color:#fff;	
	font-size:10pt;
	margin:0 0 0 0;
	font-weight:bold;
	background:#022053;
	border:solid 1px #fff;
	border-left:0px;
	border-right:0px;
}

.genHeader a, .genHeader a:visited
{
	color:#fff;	
	font-size:10pt;
	text-decoration:underline;
}




.Header
{
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	color:#012768;	
	font-size:11pt;
	margin:0 0 10px 0;
}

/*----------------- Contact Info Style Start -------------------*/
.contactInfo_lt
{
	float:left; 
	list-style:none;  
	margin:5px 0 5px 10px;
}

.contactInfo_rt
{
	float:right; 
	list-style:none;  
	margin:5px 10px 5px 0;
}

.contactInfo
{
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	color:#ffffff;	
	font-size:10pt;
	font-weight:bold;
}

.contactInfo_ctr
{
  width:100%; 
	list-style:none; 
	clear:both;
}

.contactInfo a, .contactInfo a:visited, .contactInfo a:hover
{
	color:#fff;
	text-decoration:underline;
}

.contactInfo a:hover, .genHeader a:hover
{
	color:#fafcc2;
	text-decoration:underline;
}

/*----------------- Contact Info Style End -------------------*/

.notice
{
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	color:#000000;	
	font-size:10pt;
	font-weight:bold;
}

.notice_highlight
{
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	color:#012768;	
	font-size:11pt;
	font-weight:bold;
}

.important_info
{
	FONT-FAMILY: arial, helvetica, sans-serif;	
	color:red;	
	font-size:12px;
	line-height: 18px;
}


.info
{
	FONT-FAMILY: arial, helvetica, sans-serif;	
	color:#464646;	
	font-size:12px;
	line-height: 18px;
}

/*-------------PAGE STYLE END -----------*/

/*------------BREADCRUMBS STYLE START-----*/
.breadCrumbWrapper
{
	padding-bottom:10px;
	FONT-FAMILY: arial, helvetica, sans-serif;
	font-size:11px;
}
.breadCrumbWrapper a
{	
	color:#012768;
	text-decoration:underline;
}	
.breadCrumbWrapper a:hover
{	
	font-size:12px;
	color:#012768;
	text-decoration:underline;
}	
.breadCrumbWrapper span.active
{
	color:#666;
}

.breadCrumbDivider
{
	padding:0 .25em;	
}
	
	

/*------------BREADCRUMBS STYLE END-------*/

/*-------------LOGO IMAGE LIST STYLE START-----*/

.logoList
{
	list-style-type:none;	
}

.logoList li
{
	margin-bottom:50px;
}

.logoList li.last
{
	margin-bottom:0px;
}
/*------------IMAGE MENU STYLE END--------*/

/*------------HORIZONTAL MENU START-------*/
.menu_h
{
	
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	width:750px;
	
}
.menu_h ul
{
	margin:0;
	list-style-type:none;
}

.menu_h ul li
{	
	line-height:24px;
	position:relative;
	padding:0;
	float:left;
	width:25%;
	text-align:center;
}

.menu_h ul li a, .menu_h ul li a:visited
{
	display:block;
	font-size:10pt;
	color:#ffffff;
	line-height:24px;
	
}

.menu_h ul li a:hover
{
	text-decoration:underline;
	background-color:White;
	color:#012768;
}

.menu_h ul li a span, .menu_h ul li span
{
	margin:0 0 0 4px;
	line-height:24px;
}

.menu_h ul li.last
{
	text-align:right;
}
/*------------ VERTICAL MENU STYLE START -----*/
.menu 
{
	position:relative;
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	color:#012768;		
}
.menu ul 
{
	position:relative; 
	margin:0; 	
	width:200px;
	list-style-type:none;	
}
.menu ul li 
{
	width:200px;	
	position:relative;
	padding:0;
	margin-bottom:5px;

}
.menu ul li a
,.menu ul li a:visited

{
 position:relative;
 display:block;
	font-size:10pt;
	color:#012768;
	width:196px;
	padding:2px 0 4px 4px;
}

.menu ul li a span
{
	line-height:16px;
}

.menu ul li a:hover
{	
	text-decoration:underline;
	color:#ffffff;
	background:#466191;
	line-height:20px;
}

.menu ul li a:hover span

{
	color: #fff;
}

.menu ul li.subHeader a
{
  color:#fff;
 padding:2px 0 4px 4px;
  
}

.menu ul li.subHeader a span
{
	color:#fff;	
	line-height:16px;
}
.menu ul li.subHeader span
{
	color:#fff;
  font-size:10pt;
  padding:0 0 0 4px;
  vertical-align:middle;
  line-height:24px;
}
/* make the second level visible when hover on first level list item OR link */
.menu ul li:hover ul,
.menu ul a:hover ul,
.menu ul li.over ul
{visibility:visible; }

/* make sure parent link is still highlighted upon hovering on child menu*/
.menu ul li:hover > a 
{
	color:#fff;
	background:#466191;
}

.menu ul ul 
{
	visibility:hidden;
	left:200px; 
	top:0px; 	
	position:absolute;
	z-index:10;
	border:solid 1px #012768;
	background:#466191;
	padding:0 0 0 0;
	width:300px;
}
.menu ul ul li
{
	line-height:16px;
	margin:0 0 0 0;	
	width:100%;
}


.menu ul ul li a, .menu ul ul li a:visited, .menu ul ul li a:hover
{
	color:#fff;
	line-height:16px;
	font-size:9pt;
	width:280px;	
	margin:2px 0;
	
}

.menu ul ul li a span
{
	line-height:20px;
}

/*------------VERTICAL MENU STYLE END--------*/

/*------------SELECT MENU-------------------*/

.selectMenu 
{
	position:relative;
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	color:#012768;	
	
}


.selectMenu ul 
{
	position:relative; 
	margin:0; 	
	width:200px;
	list-style-type:none;
	
}

.selectMenu  ul li 
{
	width:200px;
	line-height:24px;
	position:relative;
	padding:0;
}
.selectMenu ul li:hover
{
	

}

.selectMenu ul li a, .menu ul li a:visited
{
	display:block;
	font-size:10pt;
	color:#012768;
	line-height:24px;
	width:196px;
	padding:2px 0 4px 4px;
	
}

.selectMenu ul li a:hover
{	
	text-decoration:underline;
	color:#fff;
	background:#466191;
}
.selectMenu ul li a span, .selectMenu ul li span
{	
	line-height:16px;
	vertical-align:middle;
}


.selectMenu ul li.subHeader, .selectMenu ul ul li.subHeader
{
	font-size:10pt;	
	color:#ffffff;
	line-height:24px;		
	padding:0 0 0 0;
}

.selectMenu ul li.subHeader a, .selectMenu ul ul li.subHeader a,
.selectMenu ul li.subHeader span
{
	font-size:10pt;	
	line-height:24px;
	color:#ffffff;	
	padding:0 0 0 4px;	
}

.selected
{
	background:#466191;
	
}
.selected span
{
	color:#fff;
}
/*---------------------------------------------*/

.docList
{
	position:relative;
	FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;	
	color:#012768;
	list-style-type:none;
	width:240px;
}

 .docList li.header, .docList li.header:hover, .sectionHeader
,.menu ul li.subHeader, .menu ul li.subHeader:hover, .menu_h ul
,.selectMenu ul li.subHeader, .selectMenu ul li.subHeader:hover
{
	background:#012768 url(images/24px_dk_bg.png) repeat-x left bottom;
	height:24px;
	border:none;
}

.docList li:hover
{	
	background:#466191;
	border:solid 1px #012768;
}

.docList li:hover a
{
	color:#fff;
	text-decoration:underline;
}

.docList li.plainHeader, .docList li.plainHeader:hover
{	
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:solid 2px #012768;
	color:#012768;
	padding:2px;
	background:white;
}

.docList li
{
	min-height:18px;
	margin:0 0 4px 0;	

}

.docList li a
{
	line-height:16px;
	font-size:9pt;
	color:#012768;
}
.docList li a:visited
{
	color:#012768;
}

li.header span
{
	line-height:24px;
	padding-left:26px;
	background:url(images/folder_document.png) no-repeat left center;
	height:24px;
	color:White;
	font-size:10pt;
	margin-left:2px;
}

li.plainHeader span, li.plainHeader span:hover
{
	line-height:16px;	
	height:24px;
	color:#012768;
	font-size:8pt;
	margin-left:2px;
}





/*------------ CLASS STYLE START ------------*/
/* Used throughout the site in column listings */
.PlanListing {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: small;
	color: #5A647C;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #ff9900;
}

/* Formatting of the table that holds the Plans */
.PlanListingTable {
}

/*------------ CLASS STYLE END ------------*/
.ColumnHeader {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: large;
	color: #1C4179;
}

/*---------------IMAGE STYLE START ---------*/
.imgPDF
{
	padding-left:20px;
	background:url(images/acrobat.gif) no-repeat left center;
	line-height:16px;
}

.imgXLS
{
	padding-left:20px;
	background:url(images/excel_16px.png) no-repeat left center;
	line-height:16px;
}

.imgWord
{
	padding-left:20px;
	background:url(images/msword_logo.gif) no-repeat left center;
	line-height:16px;
}


.imgRBS
{
	padding-left:48px;
	background:url(images/RBS.jpg) no-repeat left center;
	line-height:25px;
}

.imgLogoRBS
{
	background:url(images/logoWARBS.jpg) no-repeat left top;
	line-height:50px;
	width:199;
}




/*---------------IMAGE STYLE END ---------*/

/*-------------GENERIC STYLE START----------*/
.sp20px
{
	padding-left:20px;
}

.spTop10px
{
	margin-top:10px;
}
.spTop5px
{
	margin-top:5px;
}

.highlight
{
	background-color:#fafcc2;
}

.dkBg
{
	background:#022053;
}