@import url(print.css) print;

/* SW 20080716 */

html {
	background: #007BDA;
}

* html {
	background: transparent;
}

body {
	margin: 0px;
	padding: 0px;
	font:80%/1.2 Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #ffffff;
	background-image: url(/images/eq_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

body div#wrapper { 
	padding: 0px; 
	/*background: url(/images/page_background_logo.gif) repeat-x top left;	*/
	background-color: #fff;
	}
	
/* PARENT STYLES */

body div#wrapper h1 { color: #870051;text-decoration: none; font-size: 2em; line-height: 105%; font-weight: normal; padding-bottom: .5em; }
body div#wrapper h2 { color: #870051; margin: 10px 0px 5px 0px; padding: 10px 0px 5px 0px; font-size: 1.6em; font-weight: normal; line-height: 120%; }
body div#wrapper h3 { color: #870051; margin: 25px 0px 10px 0px; padding: 0px; font-size: 1em; font-weight: bold; line-height: 120%; }
body div#wrapper h4 {  color: #000; margin: 25px 0px; padding: 25px 0px; font-size: 100%; font-weight: bold; line-height: 120%; }
body div#wrapper p { margin: 0px 0px 10px 0px; padding: 0px;}
body div#wrapper td { font-size: 100%;  }

body div#wrapper a { color: #0D43F3;  text-decoration: underline;}
body div#wrapper a:hover { color: #CC0000;  text-decoration: underline;}
body div#wrapper a:visited { color: #0D43F3;  text-decoration: underline;}
body div#wrapper a:visited:hover { color: #CC0000;  text-decoration: underline;}

/* CONTENT PANEL STYLES */

	
body div.content_outer { 
	margin: 0px 0px 0px 0px; 
	padding: 30px 10% 50px 230px ; 
	font-size: 100%; 
	font-weight: normal; 
	color: #333333; 
	height: 100%;
	min-height: 390px;
	background-color: #fff;
	}
	
body div.content_inner { 
	float: left;
	width: 600px;
	background: #97DAF8 url(/images/bottom.gif) no-repeat center bottom;
	display: block;

	}
	
body div.content { 	
	width: 530px;
	background: url(/images/top.gif) no-repeat center top;
	padding: 40px 50px 80px 20px;
	}	
	


/* ie 7 hack */
*:first-child+html body div.content_outer { margin: 0px 0px 0px 0px; padding: 30px 5% 50px 30px ; font-weight: normal; color: #333333; 	background-color: #fff;  }
/* ie 6 hack */
* html body div.content_outer { margin: 0px 0px 0px 0px; padding: 30px 5% 50px 30px ;  height: 100%; 	background-color: #fff; }


body  div#wrapper  div.content p {font-size: 100%;}
body  div#wrapper  div.content li {font-size: 100%;}
body  div#wrapper  div.content h3 {  color: #870051; margin: 25px 0px 10px 0px; padding: 0px; font-size: 1.2em; font-weight: bold; line-height: 140%;}

body  div#wrapper div.content table tbody tr td { padding: 3px 6px 3px 0px;}

body  div#wrapper div.content div#progressButton table tr td { margin:0; padding: 0;}


/* SURVEY STYLES */
body div.survey { margin: 0; padding: 0px 5% 10px 50px ; font-family: "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #333333; height: 100%; background-color: #ffffff; }


div.survey table tbody tr td { margin: 0px 5px 0px 5px; font-weight: normal; }
div.survey table tbody tr td b {font-weight: normal;}
div.survey table tbody tr td
	
/*  HEADER SKIN STYLES */
#Header { top: 0px; left: 0px }
.HeaderPanel{
	background: url(/images/eq_header.gif) no-repeat left top;
	height: 81px;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
}
/*Hack to hide the get free advice text*/
.HeaderPanel div{
	display: none;
}

/*  FOOTER SKIN STYLES */
.Footer { 
	height: 100px;
	width: 100%;
	clear: both; 
	/* height: 100%;*/
	padding: 0px 0px 50px 0px;
	color: #ffffff; 
} 
.FooterFrame {position: relative; background-color: transparent; font-size: 80%;} 

.FooterLeftFrame{ left: 0px; top: 25px; padding-top: 25px;  width: 165px;}
.FooterLeftFrame .normal{ text-align:center; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #FFFFFF;}	
.FooterText {margin-left: 10px;}
.FooterCenterFrame{ text-align: left; height: 100%; color: white; margin: auto; top: 0px; width: 40%; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #FFFFFF; margin-bottom: 25px; margin-top: -26px;}	
.FooterCenterFrame a {  color: #FFFFFF; text-decoration: underline;}	
.FooterCenterFrame a:hover { color: #FF9933; text-decoration: underline;}	
.FooterCenterFrame a:visited {  color: #FFFFFF; text-decoration: underline;}	
.FooterCenterFrame a:visited:hover { color: #FF9933; text-decoration: underline;}	

.FooterRightFrame{position: absolute; height: 100%; right:10px; top: 0px; text-align:left; padding-top: 25px;}

/* MENU STYLES */

body div.menu div.item { display: block; margin: 1px 0px 0px -3px; padding: 0px; color: #ffffff; background-color: #00A3DC; }

.Menu { /* Or should this be dnn_LeftPane ? */
	float: left; 
}
body div.menu { 
	margin: 30px 0px 0px 0px; 
	width: 153px; 
	/*height: 320px; */
	background-color: #ffffff;
} 
body  div#wrapper div.menu h3 { color: #0D43F3; margin: 20px 0px 8px 8px; padding: 0px; font-size: 1em; font-weight: bold; line-height: 120%; }
body  div#wrapper div.menu ul { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; width: 153px;}
/*body  div#wrapper div.menu ul li {	border-bottom: 1px solid #0D43F3; line-height: 150%; list-style-type: none; width: 153px; }*/
body  div#wrapper div.menu ul li {	border-bottom: 1px solid #1AA1DE; line-height: 150%; list-style-type: none; width: 153px; }
body  div#wrapper div.menu ul li p { display: block; width: 153px; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 8px; }

body  div#wrapper div.menu ul li a { display: block; width: 153px; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 8px; text-decoration: none; color: #1AA1DE;}
body  div#wrapper div.menu ul li a:visited { text-decoration: none;}
body  div#wrapper div.menu ul li a:selected { text-decoration: none;}

#spacer {
	float: left;
	width: 15px;
	background: #fff;
	height: 30px;
	display: block;
}


.EntryPanel {
	float:left;
	display: block;
	width: 153px;
	margin-top: 75px;
	min-height: 390px;
	color: #333333; 
}

div.EntryControlBottom {
	background: #97DAF8 url(/images/login_panel_bottom.gif) no-repeat center bottom;
	display: block;
	width: 153px;
}
div.EntryControl {
	background: url(/images/login_panel_top.gif) no-repeat center top;
	display: block;
	width: 153px;
	padding; 12px;
}

div.EntryControl table {border-style: none; padding: 0px 0px; margin: 20px 0px; width: auto;  }
div.EntryControl table tr td { margin: 0; padding: 0px 13px; }
div.EntryControl ul { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; width: 153px; }
div.EntryControl ul li { display: block; margin: 1px -15px 0px 0px; padding: 0px 15px 0px 10px; color: #ffffff; background: #BE282E url(/images/menu-top.gif) no-repeat top right; }


/* ie 6 hack */
* html div.EntryControl ul li { display: block; margin: 1px -27px 0px 0px; padding: 0px 27px 0px 10px; color: #ffffff; background: #BE282E url(/images/menu-top-ie.gif) no-repeat top right; }




/* RANDOMS AND SITE WIDE STYLES */
hr { width: 200px; display: none;}		
table.table { border: none; background-color: #ffffff; font-size: 12px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; }			
table.table td { border: none; background-color: #ffffff; font-size: 12px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; }		
table.table td.tdwidth10 { border: none; background-color: #ffffff; font-size: 12px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; width: 80px;}		

.survey table tr b {font-size: 100%; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-weight: 100; display: block; visibility: visible;}	
B {font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; font-weight: 100; display: none; visibility: hidden;}	
div.survey table tr { background-color: #ffffff; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; }			
.warning { color: #CC0000; background-color: #ffffff; font-size: 12px; font-family:  "Arial", Arial, Arial,Helvetica, sans-serif; }			
.Normal {font-size: 100%;}
span.normal {font-size: 100%;}
label {font-size: 100%;}


#landingpic {
	position:absolute;
	left: 793px;
	top: 210px;
	z-index: 2;
}
* html #landinglogos {
	position:absolute;
	left: 600px;
	bottom: 100px;
	z-index: 2;
}
.FooterRightFrame {
	display: none;
}
.updateButtonsmall {
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 1px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	background: url('/images/b_bg79.gif');
	background-repeat: no-repeat;
	border: none;
	width: 79px;
	height: 30px;
}
.updateButtonMedium {
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 1px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	margin-top: 18px;
	background: url('/images/b_bg151.gif');
	background-repeat: no-repeat;
	border: none;
	width: 151px;
	height: 30px;
}
body div#wrapper div .updateButtonMedium a {
	padding-top: 7px;
	color: #ffffff;
	display: block;
	text-decoration: none;
}
body div#wrapper div .updateButtonMedium a:link {
	color: #ffffff;
	text-decoration: none;
}
body div#wrapper div .updateButtonMedium a:visited {
	color: #ffffff;
	text-decoration: none;
}
.updateButton {
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 1px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	background: url('/images/b_bg151.gif');
	background-repeat: no-repeat;
	border: none;
	width: 151px;
	height: 30px;
}
body div#wrapper div .updateButton a {
	padding-top: 7px;
	color: #ffffff;
	display: block;
	text-decoration: none;
}
body div#wrapper div .updateButton a:link {
	color: #ffffff;
	text-decoration: none;
}
body div#wrapper div .updateButton a:visited {
	color: #ffffff;
	text-decoration: none;
}


/******************************** POP UP CALENDAR *******************************/
/* the div that holds the date picker calendar */
.dpDiv {}
/* the table (within the div) that holds the date picker calendar */
.dpTable {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center;color: #505050;background-color: #ece9d8;border: 1px solid #AAAAAA;}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {border: 1px solid #ece9d8;}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {background-color: #aca998;border: 1px solid #888888;cursor: pointer;color: red;}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;color: white;}
/* additional style information for the text that indicates the month and year */
.dpTitleText {font-size: 12px;color: gray;font-weight: bold;}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {color: 4060ff;font-weight: bold;}
/* the forward/backward buttons at the top */
.dpButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;padding: 0px;}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;}
/******************************** END POP UP CALENDAR *******************************/