/* Stylesheet for use with Benefits Calculator appearing on the NLC web site - Steve Barker 11 October 2005 */

/* Validated against CSS2 standard using W3C CSS Validation Service
	http://jigsaw.w3.org/css-validator/ - Steve Barker 31 March 2009 */
	
/* Last updated Steve Barker 31 March 2009 */

/* Generic classes */

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	margin-top : 0px; 
	background-color : #ffffff; 
	color : #000000; 
} 
h1 {
	font-size : small; 
	font-weight : bold; 
}
h2 {
	font-weight : bold; 
	font-size : x-small; 
} 
.skipNavigation {
	display : none; 
} 

/* Styling for the branding of the NLC header and footer elements of the form */

.mainArea {
	border-left : 1px solid #666666;
	border-right : 1px solid #666666; 
	border-top : 0; 
	border-bottom : 0; 
} 
.TopBanner {
	background-color : #cccccc;
	color : #000000;
	border-top : 0; 
	border-bottom : 1px solid #666666; 
	border-left : 0;
	border-right : 0;
	padding : 0px; 
	margin : 0px; 
}
TR.TopMenuRow
{
	font-size : x-small;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	height: 25px;
	background-color: #ffcc00;
	color: #000000;
	text-align: center;
	border-bottom-style: none;
} 
TD.TopMenuTD {
	border-right : 0; 
	border-top : 0; 
	padding-left : 10px; 
	border-left : 0; 
	border-bottom : 1px solid #666666; 
	text-align : left; 
}
.TopMenuItem {
	color : #000000; 
	background-color: #ffcc00;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align : center; 
	text-decoration : none; 
} 
.TopMenuItem A {
	color : #000000; 
	background-color : #ffcc00; 
} 
A.TopMenuItem:hover {
	color :  #ffffff;
	background-color: #ffcc00;
	text-decoration : underline; 
} 
TD.LeftMenu {
	vertical-align : top; 
	width : 20%;
	color : #000000;
	background-color : #cccccc;
} 
TABLE.LeftMenuTable {
	clear : none; 
	width : 100%; 
	color : #000000; 
	border-top-style : none; 
	border-right-style : none; 
	border-left-style : none; 
	background-color : #cccccc; 
	border-bottom-style : none; 
} 
TD.LeftMenuItem {
	padding-right : 10px; 
	border-top : 0; 
	padding-left : 5px; 
	font-size : xx-small; 
	padding-bottom : 10px; 
	padding-top : 10px; 
	border-bottom : 1px solid #666666; 
	border-right-style : none; 
	border-left-style : none; 
}
a.LeftMenuItemLink:link {
	color : #000000;
	background-color : #cccccc;
	text-decoration : none
}
a.LeftMenuItemLink:visited {
	color : #000000;
	background-color : #cccccc;
	text-decoration : none;
} 
a.LeftMenuItemLink:hover {
	color : #ffffff;
	background-color : #cccccc;
	text-decoration : underline;
}
.LeftMenuItemHeading {
	font-weight : bold; 
}
.FormContent {
	padding : 10px;
	border-left : 1px solid #666666;
	font-size : x-small;
}
.Footer {
	font-size : xx-small; 
	border-top : 1px solid #666666; 
	text-align : center; 
	padding : 5px; 
	height : 22px; 
}
.Breadcrumbs {
	font-size : x-small;
}

/* Benefits Calculator Styling */

/* body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
} */

div.row_wrapper {
	width : 90%;
	margin : 10px auto;
	padding : 0px;
	clear : both;
	border : 1px solid #ccc;
}	
div.question {
	width : 80%;
	float :left;
	padding : 5px 5px 10px 5px;
}
div.question p {
	width : 90%;
	margin : 5px 0px;
	padding : 5px 5px 10px 5px;
	background : #fff;
}	
div.answer {
	width : 15%;
	float : right;
	margin : 4px;
	background : #eee;
}
div.answer p {
	margin : 0;
	padding : 3px;
}
div.answer input {
	margin : 0 auto;
	padding : 2px;
}
div.answer select {
	margin : 0 auto;
	padding : 2px;
	border : 1px solid #ccc;
}
div.answer option {
	margin : 0 auto;
	padding: 2px;
}	
hr.spacer {
	clear : both;
	border-width : 0px;
	height : 1px;
	padding : 0px;
	margin : 0px;
	visibility : hidden;
}
div.ernieQ {
	width : 60%;
	float : left;
}
div.ernieQ p {
	width : 90%;
	margin : 5px 0px;
	padding : 5px 5px 10px 5px;
	background:#fff;
}    
div.ndepQ {
	width : 40%;
	float : left;
}
div.ndepQ p {
	text-align : right;
	width : 90%;
	margin : 5px 0px;
	padding : 5px 5px 10px 5px;
	background : #fff;
}
div.ansndep {
	width : 7%;
	float : left;
	margin : 4px;
	background : #eee;
}    
div.esaQ {
	width : 40%;
	float : left;
}
div.esaQ p {
	text-align : left;
	width : 99%;
	margin : 5px 5px;
	padding : 5px 5px 10px 5px;
	background : #fff;
}
div.ansesa {
	width : 20%;
	float : right;
	margin: 9px  0px;
}
.finalbox { 
   border : 1px solid #C0C0C0;
   background-color : #FFFF99;
   color : black; 
   font-weight : bold;     
} 
.cyanbox { 
    border : 1px solid #C0C0C0; 
    background-color : #CCFFFF; 
    color : black;
    font-weight : bold;     
} 
/* .bigblue {
	color : #0066FF;
	font-weight : bold;
	font-size : 1.5em;
} */
.lgfont {
	color : #C0C0C0;
}

/* LHA Calculator Styling   */

div.row_wrapper_lha {
	width : 90%;
	margin : 10px auto;
	padding : 0px;
	clear : both;
	border : 1px solid #ccc;
	background : #eee;
}
div.question_lha {
	width : 61%;
	float : left;
	padding : 15px 5px 10px 5px;
	background : #eee;
}
div.question_lha p {
	width : 98%;
	margin : 5px 0px;
	padding : 5px 5px 5px 5px;
	background : #eee;
}
div.ndepQ_lha {
	width : 40%;
	float : left;
	background : #eee;
}
div.ndepQ_lha p {
	text-align : right;
	width : 98%;
	margin : 5px 0px;
	padding : 5px 5px 10px 5px;
	background :#eee;
}
div.answerndep p {
	margin : 0;
	padding : 3px;
}