/*
Younten Jamtsho
webmaster.younten@gmail.com
CSS for Allotment & Rental System
*/
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #F96;
	font-family:Tahoma, Geneva, sans-serif;
}

h2 {
	font-size:14px;
	padding: 5px;
	margin:0;
}

a, a:hover, a:visited {
	text-decoration:none;
}

hr {
	border: solid 1px  #06C;
	margin: 0;
}

#headerW {
	width: 100%;
	margin: 0;
	padding: 0;
}

#headerM {
	height: 100px;
}

#headerM img.Logo {
	float: left;
	display: block;
	margin: 2px 0 0 2px;
	border: none;
	padding: 0;
}

#sidebarW {
	width: 100%;
	margin: 0;
	padding: 0;
}

#sidebar {
height:60px;
width:100%;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:100;
background-color:#FC3;
}

#sidebar .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
background-color: #FC3;
float:right;
}

#sidebar li {
float:left;
}

#sidebar .select a {
display:block; 
height:35px;
color:#000;
padding:0 30px 0 15px; 
text-decoration:none; 
line-height:33px; 
}

#sidebar .select a:hover, 
#sidebar .select li:hover a {
display:block; 
float:left;
padding:0 30px 0 15px; 
}

#sidebar .sub {
position:absolute; 
left:-9999px;
margin:0; 
padding:0;
list-style:none;
overflow: hidden; /*bottom scroll size increase hack */
}

#sidebar .sub li {background:transparent;}

#sidebar .select :hover .sub {
height:25px;
position:absolute;
width:100%;
top:35px; 
left:0; 
text-align:center;
background-color: #CCC;
}

#sidebar .select :hover li {float:right;}

#sidebar .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left;padding:0 16px; margin:0; color:#333;font-size:10px;}

#sidebar .select :hover .sub li a:hover,
#sidebar .select :hover .sub li:hover
{color:#000; line-height:22px; position:relative; text-decoration:underline;}

#contentW {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:#FFF;
}

#content {
	font-size: 13px;
	padding: 2px;
	border: #9CF solid 1px;
}

#content span {
	font-size:10px;
	color:#F00;
}

#content table {
	text-align: left;
}

#content table thead tr {
	background-color:#09F;
	text-align: center;
	font-weight: bold;
}

#content table thead td {
	vertical-align: top;
	padding: 4px;
	text-align: left;
}
#content table tbody td {
	vertical-align: top;
	padding: 4px;
}

#content table tbody tr:hover {
	background-color:#AFC7C7;
}

#footerW {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:#FBEEF3;
}

#footer {
	padding: 5px;
	text-align:center;
	margin: 0 auto;
	font-size: 12px;
}

#spacer {
	clear:both;
	margin: 0;
	padding: 2px 0 2px 0;
}

#loginW {
	width: 100%;
	padding: 0;
	margin: 10% auto;
}

#loginBox {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	background-color:#FFC;
}

#loginBox h2 {
	font-size:16px;
	color: #060;
	text-align: center;
	font-weight:bold;
	text-transform:uppercase;
	padding: 5px;
	border-bottom:solid #00F 2px;
}

#loginBox #textp {
	float:left;
	width: 90px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	padding: 5px;
	height: 20px;
	vertical-align: 50%;
}

#loginBox #formp {
	float: right;
	width: 190px;
	padding: 5px;
	height: 20px;
	vertical-align: 50%;
}

#loginBox #submitA {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 5px;
}

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; font-size:12px; text-align:center;}
.rec { text-align: center; color:#F00; }
.errorInput {border: 1px solid #F00;}

input {
	border:1px solid #9CF;
	background-color: #FFC;
}

input:hover {
	border:1px solid #9CF;
	background-color: #FFF;
}

textarea {
	border:1px solid #9CF;
	background-color: #FFC;
}

textarea:hover {
	border:1px solid #9CF;
	background-color: #FFF;
}

select {
	border:1px solid #9CF;
	background-color: #FFC;
}

select:hover {
	border:1px solid #9CF;
	background-color: #FFF;
}