@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	outline: 0;
	list-style-type: none;
}

body {
	background-color:#F1F1F1;
	font-family: Tahoma;
	font-size: .75em;
}

a:link{
	color:#0069A6;
}
a:hover {
	color:#004F7C;
	text-decoration:none;
}
a:visited {
	color:#0069A6;
}

p {
	padding: 2px 2px 5px;
}

#container {
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
	margin: 10px auto 10px;
	padding:1px;
	width:780px;
}

#header {
	background:no-repeat center url(../images/logo_suratpit.png);
	height:100px;
}

.content {
	padding:10px;
}

div#toolbar {
	height:18px;
	padding-bottom:10px;
	text-align:right;
	color:#0069A6;
}

div#toolbar ul {
	float:left;
}

div#toolbar ul li {
	margin:0px 2px 0px 0px;
	display:inline;
}

div#toolbar ul li a {
	padding:2px 5px;
	line-height:22px;
	background-color:#ABD2EC;
	border:solid 1px #8ABFE2;
	text-decoration:none;
	color:#0069A6;
}

div#toolbar ul li a:hover {
	padding:2px 5px;
	background-color:#E5F2FF;
	border:solid 1px #E5F2FF;
	color:#1D85C1;
	
}

p.notice {
	padding:5px;
	
	background-color: #FFEBE8;
	border:1px solid #ff4327;
	font-family: Tahoma;
	color:#ff2100;
}

p.message {
	padding:5px;
	
	background-color: #FFFFE8;
	border:1px solid #FFEA88;
	font-family: Tahoma;
}

.title {
	padding:0px;
	font-size:1.3em;
	font-weight:bold;
	color:#2877A9;
}

.boxTitle {
	padding-bottom:10px;
}

.boxTitleCenter {
	padding-bottom:10px;
	text-align:center;
}

table.boxTitle {
	margin:0px auto;
	width:98%;
}

table.boxTitle td {
	vertical-align:top;
}

table.boxTitle td.boxSrpPassport {
	width:200px;
	text-align:right;
}

table.boxTitle td.boxSrpPassport .name {
	color:#2877A9;
}

h2 {
	font-size: 1.2em;
	color:#2877A9;
}

.login {
	width:300px;
	margin:10px auto 10px;
}

.form {
	width:550px;
	padding:5px;
	margin:10px auto 10px;
}

.form td {
	line-height:22px;
	text-align:left;
}

.form td.h {
	padding-right:10px;
	width:120px;
	text-align:right;
	vertical-align:top;
}

.form td.label {
	padding-right:10px;
	width:120px;
	text-align:right;
}

form {
	font-size:1.0em;
	color: #3D4C5A;
}

form fieldset {
	padding:0px 10px 10px;

}

form .submit {
	padding:1px;
	background-color: #CEE1EF;
	border:1px solid #80b5d0;
	font:bold 1.0em Tahoma;
	color: #2E5882;
}

form .input {
	margin-bottom:1px;
	padding:2px;
	border:1px solid #A1B3C5;
	vertical-align:middle;
	font:normal 1.1em Tahoma;
}

div.item {
	padding:1px;
}

div.item label {
	white-space:nowrap;
}

div.itemFooter {
	padding:2px;
	text-align:center;
	font-size:0.9em;
}

table.module{
	width:100%;
}

table.module td.toolbar{
	width:150px;
}

table.module td.toolbar ul{
	background-color:#E2EDF6;
	border:solid 1px #CEE2F3;
}

table.module td.toolbar li{
	padding:2px 2px 2px 10px;
	line-height:18px;
}

table.module td.toolbar a{
	text-decoration:none;
}

table.module td.toolbar a:hover{
	text-decoration:underline;
}

table.module td{
	vertical-align:top;
}

table.module td.moduleContent{
	padding-left:10px;
}

table.list {
	margin:5px auto;
	width:98%;
}

table.list td{
	padding:5px;
	line-height:18px;
	border-bottom:solid 1px #D7E4EF;
	color:#363636;
}

table.list thead{
	background-color:#E4EFF8;
}

table.list thead td{
	color:#41749D;
}

table.list td.text{
	width:120px;
}

table.list td.number{
	width:60px;
}

table.list td.icon{
	width:30px;
	text-align:center;
}

table.detail {
	margin:5px auto;
	width:98%;
	border:solid 1px #D7E4EF;
}

table.detail td{
	padding:5px;
	line-height:18px;
	color:#363636;
}

table.detail thead{
}

table.detail thead td{
	font-size:1.5em;
	font-weight:bold;
}

table.detail tbody tr td.answer{
	background-color:#E4EFF8;
	color:#41749D;
}

.detailHeader {
	font-size:1.5em;
	font-weight:bold;
}

#footer {
	clear:left;
	margin:25px auto 0px;
	padding:5px;
	border-top:solid 1px #D5EAF6;
	background-color:#ECF6FB;
	text-align:center;
	color:#2D789E;
}