@import url("forms.css");
@import url("custom.css");

body {
	background:#EBEBEB;
	color: #405360;
    font-family: Arial;
    font-size: 12px;
	margin:0;
	padding:0;
}
.clr {clear:both;}
[title] {
	border-bottom:1px dotted;
}
h1,h2,h3,h4 {}
h1:first-child,h2:first-child,h3:first-child,h4:first-child {margin-top:0;}

.side_menu h3 {margin-top:0;}
b, label {
	font-weight:bold;
}
form#login {
    background: none repeat scroll 0 0 white;
    border: 1px solid #CACACA;
    width: 400px;
	margin:0 auto;
	
	background: #E1E1E1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF9F9', endColorstr='silver'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF9F9), to(silver)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFF9F9, silver); /* for firefox 3.6+ */
}

textarea,
input {font-size:1em;font-family:Arial; padding:4px;}
textarea {padding:2px;}
.overlay {
	position:fixed;
	z-index:100;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:white;
}
.ajax_loader {
	position:fixed;
	z-index:101;
	top:50%;
	left:50%;
}
.hidden {display:none;}
hr {
	border:none;
	border-top:1px solid #CBCBCB;
	border-bottom:1px solid white;
}

/* HEADER */
#header {
    overflow: hidden;
    padding: 20px 0;
}
#header .left_side {
	float:left;
}


/* FOOTER */
#footer {
	margin:0 auto;
	width:900px;
	padding:10px 30px;
	font-size:11px;
}
#footer .left {float:left;}
#footer .right {float:right;}
#footer h1 {
	font-size:1em;
	margin:0;
}
#footer * {color: #A9A9A9;}
#footer a:hover {color: #767676;}
.page_wrapper {
    margin: 0 auto;
    max-width: 1200px;
}

.user_data {
	float:right;
	text-align:right;
}
.user_data p {line-height:0.9em;}

/* Main navigation */
.main_navigation {
	background:#D3D3D3;
	overflow:hidden;
	border-bottom:1px solid
}
.main_navigation ul.menu {
	margin:0;
	padding:0;
}
.main_navigation ul.menu li {
	float:left;
	list-style:none;
	//border-right:1px solid;
	padding:10px;
}
/* MESSAGES */

.messages {
    background: none repeat scroll 0 0 #F8E8BE;
    border: 1px solid #C8B476;
    border-radius: 5px 5px 5px 5px;
    margin: 20px;
    padding: 10px;
}
.messages.red {background:#FFC3C1;border-color:#D06E6A;}
.messages.err {background:#FFC3C1;border-color:#D06E6A;}
.messages.success {background:#D0FFC1;border-color:#92BA85;}
.messages p {
	margin:5px 0;
}



/* TABLES */
table.list {
    background: none repeat scroll 0 0 white;
    border: 1px solid #A3A3A3;
    border-collapse: collapse;
}
table.list.wide {
	width:100%;
}
table.list thead tr {
    background: none repeat scroll 0 0 #7E7E7E;
    color: white;
    text-align: left;
    text-shadow: 1px 1px 1px #5E5E5E;
    text-transform: uppercase;
}
table.list td, table.list th {
    border-right: 1px dotted #A3A3A3;
    padding: 5px;
}
table.list tr:nth-child(2n) {background:#DEDEDE;}
table.no-zebra.list tr:nth-child(2n) {background:none;}

.wrapper {
    background: none repeat scroll 0 0 white;
    border: 1px solid #C5BEBE;
    border-radius: 0 0 5px 5px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
}

ul.user_menu {
    clear: both;
    margin: 0;
    padding: 0;
}
ul.user_menu li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid gray;
    border-radius: 5px 5px 5px 5px;
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    padding: 5px;
	font-weight:bold;
}
ul.user_menu li.right {float:right;margin-right:0;margin-left:5px;}
ul.user_menu li.active,
ul.user_menu li:hover {
    background: none repeat scroll 0 0 #BEBCBC;
    border: 1px solid #8B8B8B;
}
ul.user_menu li.active a,
ul.user_menu li:hover a {
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 1px #A3A3A3;
}
ul.user_menu li a {
	color:gray;
	text-decoration:none;
}
ul.user_menu li a:hover,
ul.user_menu li a.active {text-decoration:underline;}

.wrapper ul.submenu {
	list-style:none;
	margin:-30px 0 0 -30px;
	padding:0;
	overflow:hidden;
}
.wrapper ul.submenu li {
	line-height:20px;
	height:20px;
	float:left;
	padding: 0 10px;
	border-right:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
.wrapper ul.submenu li a {
	text-decoration:none;
	color:#8e8e8e;
}
.wrapper ul.submenu li:hover a,
.wrapper ul.submenu li.active a {
	color:#6a6a6a;
}
/*SIDE MENU*/
.content {
	overflow:hidden;
	padding-left:30px;
}
.content h2:nth-child(1) {
	margin-top:0;
}
.side_menu {
    float: left;
    margin-left: -31px;
    padding: 0 10px 0 30px;
    width: 198px;
}
.side_menu h2 {
	margin-top:0;
	
}
.side_menu ul {
	margin:0;
	padding:0;
}
.side_menu ul li {
	border-bottom:1px dashed #cacaca;
	list-style:none;
	padding:5px;
}
.side_menu ul li:last-child {border:none;}
.side_menu ul li a{
	color:#666666;
	text-decoration:none;
}
.side_menu ul li a:hover {
	text-decoration:underline;
	color:black;
}
.side_menu ul li.active {
	background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #CACACA;
	border-left:none;
	padding-left:35px;
	margin-left:-30px;
	margin-top:-1px;
	border-radius:0 0 5px 0;
}


/* css for jQuery UI Timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; display:none;}
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }



/* LOGIN PAGE */
fieldset.login {
	border:none;
	background:none;
	margin:0 auto;
}
fieldset.login dl {line-height:30px;}
fieldset.login dl dt {}
fieldset.login .submit_row {
	text-align:center;
}


/* FORMS */
form#main_form fieldset {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid silver;
	background:#EDF8EE;
}

form#main_form label {
	width:175px;
	float:left;
	padding:3px 0;
	text-align:right;
	margin-right:20px;
}
form#main_form .row {
	margin:7px;
	padding:7px;
	border-bottom:1px dotted silver;
}
form#main_form .row.no_border,
form#main_form .row:last-child {
	border:none;
}

form#main_form .no_margin {
	margin:0;
}