/* ============================ common ============================== */
html, body { height: 100%; }
body { 
	color: #333; background: #eee;
	font: normal 69% Tahoma, Verdana, Arial, sans-serif;
}
body#login-page{
	display: table;
	width: 40em; max-width: 96%;
	margin: 0 auto;
	background: #fff;
}

a { color: #03f; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }
a:active, a:focus { color: #fff; background: #03f; }

a.delete{ color: #f00; }
a.delete:active, a.delete:focus { color: #fff; background: #f00; }

a.edit{
	display: block;
	margin-top: -1em; padding: 1em;
	text-decoration: none;
}
a.edit:hover, a.edit:active, a.edit:focus{ color: #fff; background: #090; }
table a.delete{
	display: block;
	margin-top: -1em; padding: 1em;
	text-decoration: none;
}
table a.delete:hover, table a.delete:active, table a.delete:focus { color: #fff; background: #f00; }

img { display: block; }
a img { border: none; }
a img.calendar{ display: inline; }
strong{ font-weight: bold; }

h2{
	margin: 15px 15px 0 15px; padding: 0.5em;
	color: #fff; background: #0d324f;
	font-size: 1.1em; font-weight: bold;
}
h3, legend{
	margin: 0 0 1em 0;
	font-size: 1.1em; font-weight: bold;
}
h4{
	margin: 0 0 1em 0;
	font-weight: bold;
	color: #000;
}

.required{ color: #c00; vertical-align:top;}

/* forms */
fieldset.file{ margin: 0 0 1em 0; }
fieldset small{
	display: block;
	margin: 0 0 1em 0;
	color: #666;
}
label{
	font-weight: bold;
	color: #000;
}
input.text, select, textarea{
	padding: 2px;
	color: #333;
	font: normal 1em Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #999;
}
textarea.text{color:#333;}
textarea{ width: 98%;}
select	{ width: 18.7em; }
/*.text	{ width: 18em; } */
.text	{ width: 30em; }
.short	{ width: 9em }
.day	{ width: 5em }
.month	{ width: 7em }
.year	{ width: 6em }
.checkbox, .radio{
	position: relative;
	top: 3px; left: -4px; 
}
input.submit{
	font: normal 1.1em Tahoma, Verdana, Arial, sans-serif;
	color: #000;
}

/* tables */
table{ margin: 0 0 1em 0; }
th,td{
	padding: 1em;
	border: 1px solid #ccc;
	vertical-align: top;
}
th{
	font-weight: bold;
	color: #000; background: #efefef;
	white-space: nowrap;
}
td a img{ display: inline; }
table.gallery img{ float: left; }
table.gallery a{ float: left; margin: 30px 0 0 0.5em; }

.block:after, .images-list li:after, .images-table:after, #login-page fieldset div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.block, .images-list li, .images-table, #login-page fieldset div{ display: inline-table; display: block; height: 1%; }

.aural{
   position: absolute;
   font-size: 0;
   left: -1000px;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#header{
	color: #fff; background: #0d324f;
}

#content{ 
	margin: 0 15px 15px 15px; padding: 1em;
	background: #fff;
	border: 1px solid #ccc;
}

#footer{
	margin: 0 0 1em 0;
	text-align: center;
}

#wrapper {
	display: table-cell;
	vertical-align: middle;
}

#cell {
	position: relative;
	border: 10px solid #666;			
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header a{ color: #fff; }
#header h1{
	float: left;
	margin: 0.5em 0 0.5em 15px;
	font-size: 2em; font-weight: normal;
	display: inline;
}
#header h1 a{ text-decoration: none; }
#header h1 a:hover{ text-decoration: underline; }

#header p{
	float: right;
	margin: 2em 15px 0 0;
}

#settings-nav{
	clear: both;
	float: right;
	margin: 0 15px 0 0;
	display: inline;
}
#settings-nav li{
	float: left;
	margin: 0 0 0 2px;
	display: inline;
}
#settings-nav li a{
	display: block;
	padding: 0.3em 1em;
	font-size: 1.1em;
	text-decoration: none;
	background: #448abd;
}
#settings-nav li.active a, #settings-nav li a:hover, #settings-nav li a:focus, #settings-nav li a:active{
	color: #333; background: #ccc;
}
#settings-nav li.active a{ font-weight: bold; }
#settings-nav li.active a:focus, #settings-nav li.active a:active{ text-decoration: underline; }

#top-nav{
	clear: left;
	float: left;
	margin: 0 0 0 15px;
	display: inline;
}
#top-nav li{
	float: left;
	margin: 0 2px 0 0;
	display: inline;
}
#top-nav li a{
	display: block;
	padding: 0.3em 1em;
	font-size: 1.1em;
	text-decoration: none;
	background: #448abd;
}
#top-nav li.active a, #top-nav li a:hover, #top-nav li a:focus, #top-nav li a:active{
	color: #333; background: #ccc;
}
#top-nav li.active a{ font-weight: bold; }
#top-nav li.active a:focus, #top-nav li.active a:active{ text-decoration: underline; }

#sub-nav{
	clear: both;
	background: #ccc;
	padding: 0.7em 15px;
}
#sub-nav li{
	display: inline;
	border-left: 1px solid #333;
}
#sub-nav li:first-child{ border: none; }
#sub-nav li a{
	padding: 0 1em;
	color: #333;
}
#sub-nav li.active a{ font-weight: bold; text-decoration: none; }
#sub-nav li a:focus, #sub-nav li a:active{ color: #ccc; background: #333; }


/* ========================== header end ============================ */

/* ============================ content ============================= */

.tools-nav{
	float: right;
	margin: -1.7em 15px 0 0;
}
.tools-nav li{
	display: inline;
	padding: 0 1em;
	border-left: 1px solid #fff;
}
.tools-nav li:first-child{ border: none; }
.tools-nav li a{ color: #fff; }

.block{
	clear: both;
	margin: 0 0 1em; padding: 15px;
	background: #efefef;
	border: 1px solid #ccc;
	line-height: 1.5em;
}

.block dt{
	clear: both; float: left;
	font-weight: bold;
	color: #000;
}
.block dd{
	padding: 0 0 0.5em 18em;
}

.block p{ margin: 0 0 1em 0; }

ol{ list-style: decimal; }
ol li{ margin: 0 0 0.5em 2em; }

ul li{ margin: 0 0 0.5em 0; }

table ul, .block ul{ list-style: square; }
table ul li, .block ul li{ margin: 0 0 0.5em 2em; }

.images-list li{ margin: 0 0 1em 0; }
.images-list li img{
	float: left;
	margin: 0 1em 0 0;
}
.images-list li span{
	display: block;
	padding: 40px 0 0 0;
}

.column{
	float: left;
	margin: 0.5em 1em 0 0;
	display: inline;
}
.column .submit{
	width: 8em;
	margin: 1.5em 0 0 0;
}

.paginate{
	margin: 1em 0 0 0;
	text-align: center;
}
.paginate li{
	display: inline;
	padding: 0 0.3em 0 0.5em;
	border-left: 1px solid #666;
}
.paginate li:first-child{ border: none; }
.paginate li.current a{ font-weight: bold; color: #666; text-decoration: none; }

/* ========================== content end =========================== */

/* ========================== login-page ============================ */

#login-page h1{
	padding: 1.5em 0;
	color: #fff; background: #00184a;
	font-weight: bold; font-size: 1.1em;
	text-align: center;
	border-bottom: 10px solid #666;
}
#login-page h1 small{
	display: block;
	margin: 0.5em 0 0 0;
	font-weight: normal;
}

#login-page p{
	margin: 1em;
	line-height: 1.5em;
}
#login-page .error{
	padding: 0.5em;
	color: #fff; background: #900;
	font-weight: bold;
	text-decoration: none; text-align: center;
}
#login-page fieldset div{ margin: 0 1em 1em 1em; }
#login-page label{
	float: left;
}
#login-page input{ float: right; }
#login-page a.link{
	position: absolute; display: block;
	bottom: -3em;width: 100%;
	text-align: center;
	color: #333;
}
#login-page a.link:focus, #login-page a.link:active{
	background: #fff;
	font-weight: bold;
}

/* ======================== login-page end ========================== */

/*Added by Duddes */
.error{ color: #c00; margin-left:.5em; vertical-align:top;}

.block select { width:110px;}
#content .calendar td{width: 5px;}

.calendar-month {font-weight:bold;margin:.5em}

/* Tableless table */
.table {
 width: 85%;
 text-align:center;
}
.table .th {
 background-color: #fff;
 color: #fff;
 font-weight: bold;
 
}
.table .tr:nth-child(odd) {
 background-color: #fff;
}
.table .td {
 float: right;
 width: 265px;
 padding-left: 2%;
}