html, body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/mainbg.png) repeat-x top;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Cambria,Georgia,Times,"Times New Roman",serif;
}
img {
	border: 0px;
}
#page {
	position: absolute;
	left: 50%;
	width: 900px;
	margin: 0px -450px;
}
#header {
/*	background: url(images/header_bg.png) no-repeat bottom left;*/
}
	#menu {
		list-style-type: none;
		font-size: 16px;
		margin: 0px;
		display: inline;
	}
	
	#menu li {
		display: block;
		float: left;
		padding-right: 15px;
		margin: 17px 0px;
	}
	
	#header a {
		color: white;
		display: block;
		text-decoration: none;
		padding: 0px 14px;
		line-height: 28px;
	}
	
	#header a:hover{
		padding: 0px 0px;
	}
	
	#header a:hover .c,#header a:hover .l,#header a:hover .r {
		height: 28px;
		display: block;
		float: left;
		cursor: pointer;
	}
	
	#header a:hover .c {
		background: url(images/menu_hover_c.png) repeat-x top;
	}
	
	#header a:hover .l {
		background: url(images/menu_hover_l.png) repeat-x top;
		width: 14px;
	}
	#header a:hover .r {
		background: url(images/menu_hover_r.png) repeat-x top;
		width: 14px;
	}
	
	#header .logout_link {
		float: right;
		display: block;
		margin: 17px 0px;
		line-height: 28px;
		font-size: 16px;
	}

#main{
	clear: both;
}


		#main table, #main td, #main th {
			font-size: 12px;
		}

		#main h1 {
			font-size: 30px;
			margin:0px;
			font-weight: bold;
			padding: 10px 0px;
			color: #ae0e1b;
		}
		#main h2 {
			font-size: 24px;
			margin:0px;
			font-weight: bold;
			padding: 10px 0px;
			color: #445d63;
		}
		#main h3 {
			font-size: 20px;
			font-weight: normal;
			font-style: italic;
			margin: 6px 0px;
			padding: 0px;
		}
		#main h4 {
			font-size: 18px;
			font-weight: bold;
			margin: 6px 0px;
			padding: 0px;
		}
		#main h5 {
			font-size: 16px;
			font-weight: normal;
			font-style: italic;
			margin: 6px 0px;
			padding: 0px;
			color: #ae0e1b;
		}
		#main h6 {
			font-size: 16px;
			font-weight: bold;
			margin: 3px 0px;
			padding: 0px;
		}
		
		#main hr {
			border-top: 1px solid #c9d0d2;
            border-bottom: 0px none;
            border-left: 0px none;
            border-right: 0px none;
            height: 1px;
            margin: 0px 0px;
            padding: 0px;
		}


	#main .login_form {
		width: 372px;
		height: 336px;
		margin: 100px 0px 0px 264px;
		background: url(images/login_bg.png) no-repeat top left;
	}
	
	#main .login_form h1 {
		margin-bottom: 12px;
	}
	
	#main .login_form form {
		padding: 8px 0px 0px 12px;
	}
	
	#main .login_form strong {
		margin-top: 10px;
		display: block;
	}	
	
	#main .login_form label {
		color: #668c95;
		display: block;
		margin-bottom: 4px;
	}
	
	#main .login_form input.input {
		background: url(images/login_input.png) no-repeat top left;
		border: 0px none;
		width: 207px;
		padding: 0px 6px;
		height: 35px;
		line-height: 35px;
	}
	
	#main .login_form input.submit {
		color: white;
		background: url(images/login_submit.png) no-repeat top left;
		border: 0px none;
		height: 33px;
		line-height: 33px;
		width: 105px;
		cursor: pointer;
		margin-top: 10px;
	}
	
	/******** survey list *********/
	
	#main .survey_list .box p {
		padding: 0px; 
		margin: 0px 0px 6px 0px;
		color: #445d63;
		text-align: justify;
	}
	
	#main .survey_list .box {
		float: left;
		width: 430px;
		margin: 10px;
		height: 450px;
	}
	
	#main .survey_list .status {
		clear: both;
		font-size: 12px;
		line-height: 24px;
	}
	
	#main .survey_list .ok{
		background: url(images/ico-ok.png) no-repeat center left;
		height: 22px;
		color: #a0c32e;
	}
	
	#main .survey_list .err {
		background: url(images/ico-err.png) no-repeat center left;
		color: #b53232;
	}
	
	#main .survey_list .ok, #main .survey_list .err {
		float: left;
		padding-left: 25px;
	}
	
	#main .survey_list .open {
		background: url(images/arrow.png) no-repeat center right;
		float: right;
		padding-right: 30px;
	}
	
	#main .survey_list a {
		text-decoration: none;
		color: black;
	}
	
	#main .survey_list a:hover {
		text-decoration: underline;
	}
	
	#main .survey_t {
		width: 100%;
	}
	
	#main .survey_t,#main .survey_t tr, #main .survey_t td, #main .survey_t th {
		border: 1px solid white;
		border-collapse: collapse;
	}
	
	
	#main .survey_t .thb {background-color: #d0d6d8; text-align: left; padding-left: 4px;}
	#main .survey_t .thb h2 {color: #445d63;}
	#main .survey_t .th0 { width: 79px; color: white; background-color: #657a7f; }
	#main .survey_t .th1 { width: 61px; color: white; background-color: #c25757; }
	#main .survey_t .th2 { width: 53px; color: white; background-color: #f07171; }
	#main .survey_t .th3 { width: 79px; color: white; background-color: #e7bf2e; }
	#main .survey_t .th4 { width: 56px; color: white; background-color: #b0d731; }
	#main .survey_t .th5 { width: 53px; color: white; background-color: #66bf35; }
	#main .survey_t .td0 { background-color: #b4bec1; text-align: center;}
	#main .survey_t .td1 { background-color: #e1adad; text-align: center;}
	#main .survey_t .td2 { background-color: #f8baba; text-align: center;}
	#main .survey_t .td3 { background-color: #ffe99c; text-align: center;}
	#main .survey_t .td4 { background-color: #ddeda6; text-align: center;}
	#main .survey_t .td5 { background-color: #c5e7b3; text-align: center;}
	#main .survey_t .tdb { padding: 6px 0px;}
	
	#main .survey_t .td0  , #main .survey_t .td1  , #main .survey_t .td2  , #main .survey_t .td3  , #main .survey_t .td4  , #main .survey_t .td5   {
		padding: 0px;
	}
	
	#main .survey_t .td0 label, #main .survey_t .td1 label, #main .survey_t .td2 label, #main .survey_t .td3 label, #main .survey_t .td4 label, #main .survey_t .td5 label {
		width: 90%; height: 20px; cursor: pointer;
	}
	
	#main .survey_t .td0 input, #main .survey_t .td1 input, #main .survey_t .td2 input, #main .survey_t .td3 input, #main .survey_t .td4 input, #main .survey_t .td5 input {
		width: 90%; height: 20px; cursor: pointer;
	}
	
	#main .surveybtn { background-color: #bee3ee; color: #445d63; border: 1px solid #90d8ee; padding: 6px 12px; margin-left: 12px;}
	#main .sbtns { text-align: right; padding: 10px 0px 50px 0px;}
	
#footer {
/*	background: url(images/footer_bg.png) no-repeat top left;*/
}

.bordertable, .bordertable tr, .bordertable td, .bordertable th {
	border: 1px solid black;
	border-collapse: collapse;
}

 .bordertable td, .bordertable th {
	padding: 2px 5px;
 }