/* How To Master CSS ~ Template Stylesheet 
 * The layout of chapter 18 is used to create the 100% height effect with
 * a header and a footer, the left and right columns are not used, 
 * The header is now placed within the wrapper instead of above.
 */
body, html {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	height:100%;
	font-size:90%;
	background-color: #CCCCCC;
}
/* commented backslash hack v2 \*/ 
html, body { 
	height:100%; 
} 
* html #wrapper { 
	height:100%; 
}
/* end hack */
li ul {
    display: none;
}
li:hover > ul {
    display: block;
}
#textmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;

	/* width: 350px; */
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
}


#textmain .align-center { text-align: center; }

#textmain label, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
}

td {
	font-weight: normal;
}

#sub_textmain {
	width: 360px;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 15px;
}
#rightarea {
	width: 180px;
	padding-top: 20px;
}
#home_columns {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	width: 250px;
	text-align: left;
	padding-top: 20px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#home_column_right {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	width: 250px;
	text-align: left;
	padding-top: 20px;
	padding-left: 27px;
	margin-bottom: 15px;
}
#footer_links {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
}
.footer_links a {
	color: #000000;
	font-weight: normal;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* Top Right Bottom Left (TRouBLe) */
	padding:10px 10px 0px 0px;
	text-decoration: none;
}
#headerright {
	width: 215px;
	height: 140px;
	background-image:url(../images/header_right.jpg);
	background-repeat:no-repeat;
}
#main_nav {
	padding-top: 15px;
	padding-bottom: 15px;
}
#copyright {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}

/*
a{
	color: #438BA7;
}
a:hover{
	color: #245498;
	text-decoration: underline;
}
a:visited{
	text-decoration: none;
}

*/

/* Mail form */

#mailform label { 
    float: left;
    margin-left: 10px;
    width: 110px;
    font-size:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

input#mailformformtype_mail { margin-left: 120px; }

#mailform .csc-mailform-field { padding: 1px }
html>body #mailform .csc-mailform-field { padding: 4px }

table.matrix colgroup { width: 20px; }
table.matrix td.columnNext { font-weight: bold; }
table.matrix td.columnFirst { font-weight: normal; }

table.matrix td { 
    padding: 3px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

div.survey_item textarea { width: 650px; }

.tx-pbsurvey-pi1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    position: relative;
    text-align: left;
    width: 720px; 
    border: 0px dashed blue; 
    padding: 0; 
}
.tx-pbsurvey-pi1 div {margin-bottom: 10px;}
.tx-pbsurvey-pi1 .pagenumbering {font-size: 10px; position: relative;height: 15px;}
.tx-pbsurvey-pi1 .barcontainer {background-color: #FFFFFF;border: 1px solid #000000;width: 100px;height: 15px;position: absolute;z-index: 6;right: 0px;}
.tx-pbsurvey-pi1 .bar {background-color: #CCCCFF;height: 15px;z-index: 4;position: absolute;left: 0px;}
.tx-pbsurvey-pi1 .bartext {z-index: 5;te xt-align: center;position: absolute;left: 0px;width: 100px;height: 15px;}
.tx-pbsurvey-pi1 .pageheader {font-size: 16px;font-weight: bolder;color: #003399;}
.tx-pbsurvey-pi1 .pageIntroduction {font-size: 12px;}
.tx-pbsurvey-pi1 .survey_item {margin-top: 20px;margin-bottom: 20px;}
.tx-pbsurvey-pi1 .itemform {font-size: 12px;}
.tx-pbsurvey-pi1 .question {
    position: relative;
    font-size: 12px;
    font-weight: bold;
    background-color: #ccffff;
    /* height: 28px; */
    padding-bottom: 5px; 
    padding-left: 8px;
    border: 1px solid black;
}
html>body .tx-pbsurvey-pi1 .question { padding-top: 8px; }

.tx-pbsurvey-pi1 .questionNumber {left: -20px;position: absolute;}
.tx-pbsurvey-pi1 .questionSubtext {font-size: 10px;}
.tx-pbsurvey-pi1 .required {font-size: 9px;color: #FF0000;vertical-align: super;}
.tx-pbsurvey-pi1 .additional_ver {margin-left: 20px;}
.tx-pbsurvey-pi1 .matrix {
    width: 100%;
    border-top: 1px solid black; 
    border-left: 1px solid black; 
}
.tx-pbsurvey-pi1 .matrix .surveyrow_even {background-color: #ffffff;}
.tx-pbsurvey-pi1 .matrix .columnFirst {
    font-size: 11px; 
    font-weight: normal; 
    text-align: left;
}
.tx-pbsurvey-pi1 .matrix .columnNext {
    font-size: 9px; 
    text-align: center;
    font-weight: bold;
}

div.forprint {
    display: none;
    visibility:hidden;
}

textarea.m1feedit-textinput {
    width: 500px;
    height: 100px;
}
div#lga_app_notfinished {display:none;visibility:hidden;}