/* ===== global styles ===== */
body {
	
    font-family: "Trebuchet MS", sans-serif;
    margin: 0;
    padding: 0;
		overflow: scroll;
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}

p {
	font-size:.9em;
}

p.centre{
	text-align:center;
}

a {
font-family: "Trebuchet MS", sans-serif;
text-decoration: none;
color:#0367a5;
}

a:hover,
a:focus {
text-decoration:underline;
}

div#outer_div {
    width: 960px;
    margin: 0 auto;
}

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

div#header {
    height: 100px;
    position: relative;
}

/* --- Logo -- */

#header div#logo{
	position: absolute;
	top: 10px;
	left: 10px;
}

/* --- main nav --- */

#header div#main_nav{
	font-size: .9em;
	position: absolute;
	left: 140px;
	top: 71px;
}

#main_nav ul {
margin: 0;
list-style: none;
width: 72em;
overflow: hidden;
}

#main_nav ul li {
margin: 0 5px 0 0;
float: left;
background: url(../images/tab_right.jpg) no-repeat right top;
}

#main_nav ul li a {
font-family: "Trebuchet MS", sans-serif;
display: block;
padding: 0 2em;
line-height: 2em;
background: url(../images/tab_left.jpg) no-repeat left top;
text-decoration: none;
color: #FFF;
float: left;
}

#main_nav ul a:hover,
#main_nav ul a:focus {
color: #FFF;
background: url(../images/tab_%20underline_left.jpg) no-repeat left top;
}

#main_nav ul li:hover,
#main_nav ul li:focus
{
background: url(../images/tab_%20underline_right.jpg) no-repeat right top;
}

#dash #main_nav .dash a,
#admin #main_nav .admin a,
#assetRegister #main_nav .assetRegister a,
#documentRegister #main_nav .documentRegister a,
#recordRegister #main_nav .recordRegister a,
#tasks #main_nav .tasks a
{
color: #fff;
cursor: default;
}

#dash #main_nav .dash a,
#admin #main_nav .admin a,
#assetRegister #main_nav .assetRegister a,
#documentRegister #main_nav .documentRegister a,
#recordRegister #main_nav .recordRegister a,
#tasks #main_nav .tasks a
{
background: url(../images/tab_%20underline_left.jpg) no-repeat left top;
}

#dash #main_nav .dash,
#admin #main_nav .admin,
#assetRegister #main_nav .assetRegister,
#documentRegister #main_nav .documentRegister,
#recordRegister #main_nav .recordRegister,
#tasks #main_nav .tasks
{
background: url(../images/tab_%20underline_right.jpg) no-repeat right top;
}

/* --- sec_nav --- */
	
#sec_nav{
font-size:.9em;
border-top: solid #3388E8 5px;
background-color:#3388e8;
height:30px;
}

#sec_nav ul {
font-family: "Trebuchet MS", sans-serif;
margin:0;
padding:0;
list-style: none;

}

#sec_nav ul li {
float: left;
text-decoration: none;
margin: .4em .75em .75em 1em;

}

#sec_nav ul li.last {
float: right;
}

#sec_nav ul li a {
font-family: "Trebuchet MS", sans-serif;
text-decoration: none;
color: #FFF;
}

#sec_nav ul a:hover,
#sec_nav ul a:focus {
text-decoration:underline;
}

#sec_nav ul li.current{
color: #FFF;
text-decoration:underline;
cursor: default;
}

#sec_nav ul li.current a{
cursor: default;
}

/* --- user content ---*/

#user {
 height:30px;
}

#user p{
	color:#3388e8;
	padding-right:10px;
	margin:0;
	float:right;
	clear:both;
}

/* --- main content ---*/

#content div#mainContent{
	clear:both;
	float: left;
	width: 960px;
	margin:0;
	padding: 0 15px;
}

#mainContent p{
	font-family: "Trebuchet MS", sans-serif;
	font-size:.9em;
	line-height:1.4em;
	color:#000;
	margin: 1ex 0;
}

#mainContent h1,#mainContent h2, #mainContent h3, #mainContent h4{
	font-family: "Trebuchet MS", sans-serif;
}

#mainContent h1{
	font-size:1.3em;
	font-weight:bold;
	color:#014476;
	margin: 0 0 .4ex 0;
}

#mainContent h2{
	font-size:1.2em;
	color: #3c3809;
	margin: .4ex 0;
}

#mainContent h4{
	font-size:1.1em;
	color: #666;
	font-weight: bold;
	margin: 1ex 0 -.2ex 0;
}

#sitemap h1{
	color:#3388e8;
	text-align:center;
}

/* ---sideBar---

#content div#sideBar{
	float: right;
	width: 346px;
	padding: 0 10px;
	margin: 0;
	border-left: solid #aaa 1px;
}

#sideBar{
	font-family: "Trebuchet MS", sans serif;
	font-size:.8em;
	line-height:1.2em;
	color:#666;
	margin:0 0 3ex 0;
}

#sideBar h3{
	font-family: "Trebuchet MS", sans serif;
	font-size: 1em;
	color: #1b9d95;
	margin: 1ex 0 .5ex 0;
}
*/

/* --- footer ---*/

div#footer{
	clear:both;
	width:100%;
	margin: 0 auto;
	padding: 5px;
}

#footer p{
	font-family: "Trebuchet MS", sans-serif;
	font-size: .7em;
	color: #666;
	margin:0;
	padding:0;
	text-align: center;
}

#footer a {
	text-decoration:none;
}


/* --- Tables --- */

table{
	font-size:.9em;
	clear:both;
	width:100% !important;
	margin: 0 auto 0 auto;
	border: 1px solid #FFF;
}

caption{
	color:#3388e8;
	letter-spacing:1.5px;
	}


th{
	background: #014476;
	padding: .25em .25em .25em .25em;
	font-weight:normal;
}

/*
th.sorting_asc {
	background: url("images/arrow-asc.png") no-repeat scroll right center transparent;
}

th.sorting_desc {
  background: url("images/arrow-desc.png") no-repeat scroll right center transparent;
}

th.sorting {
	background: url("images/sort_arrows.gif") no-repeat scroll right center transparent;
}
*/


tbody td, tbody th{
	padding: .5em;
}

thead th a{
	color: #FFF;
}

thead th {
	color: #FFF;
}

tbody tr{
	background: #fff;
	font-size: .9em;
}

tbody td a{
	color: #0367a5;
}
	
td{
	overflow: hidden;
}

/* --- Form --- */

#content div#form{

margin-top:30px;
}

#loginfieldset{
clear:both;
width:60%;
margin: 0 auto 1.5em auto;    
padding: .25em 1em 1em 1em;    
border: 1px solid #82b8d8;
}

fieldset {
clear:both;
width:80%;
margin: 0 auto 1.5em auto;    
padding: .25em 1em 1em 1em;    
border: 1px solid #82b8d8;
}

fieldset input {
font-size:.9em;
font-family: "Trebuchet MS", sans-serif;
}

fieldset textarea {
font-size:.9em;
font-family: "Trebuchet MS", sans-serif;
}

fieldset select {
font-size:.9em;
font-family: "Trebuchet MS", sans-serif;
}

fieldset p {
font-size:.9em;
color:#3388e8;
margin-left:-1.5em;
}

label {
font-family: "Trebuchet MS", sans-serif;
font-size:.9em;
float: left; 
width: 11em;
margin-right: 3em;    
text-align: right;
}

legend {  
font-size: 1.2em;
margin-left: 1em;
color: #0367a5;
letter-spacing:1.5px;
}
 
fieldset ol {  
margin-left: 0;
padding: 0 1em 0 .5em;
list-style: none;
}

fieldset li {  
float: left;    
clear: left;    
width: 100%;
padding-bottom: .25em;  
margin: .1em .1em;
}

p.unauth{
	text-align:center;
}

div.radio {
	font-size:.9em;
	margin:2em 1em 0 1em;
	text-align:center;
}

div.buttons {
	margin:1em 1em 0 1em;
	clear:both;
	text-align:center;
}

div.buttons a{
	font-size: .9em;
	margin:2em 1em 0 1em;
}

div.buttons input{
	font-size: .9em;
	margin:2em 1em 0 1em;
}

div.buttons li{
	font-size: .9em;
	margin:2em 1em 0 1em;
}

#recordNav {
	text-align:center;
}

#recordNav a{
	font-size: .9em;
	margin: 0 1em;
}

input.readonly{
	background-color: #E4E4E4;
}

textarea.readonly{
	background-color: #E4E4E4;
}

.input-large
{
	width: 400px;
	height: 20px;
}

.input-medium
{
	width: 288px;
	height: 20px;
}

.input-small
{
	width: 150px;
	height: 20px;
}

.input-textarea
{
	width: 288px;
	height: 100px;
}

.jdpicker
{
	width: 288px;
	height: 20px;
}

.input-large-display
{
	width: 400px;
	height: 20px;
	background-color: #E4E4E4;
}

.input-medium-display
{
	width: 288px;
	height: 20px;
	background-color: #E4E4E4;
}

.input-small-display
{
	width: 150px;
	height: 20px;
	background-color: #E4E4E4;
}

.input-textarea-display
{
	width: 288px;
	height: 100px;
	background-color: #E4E4E4;
}

/* --- selections --- */

div.checkboxes_left{
	width:50%;
	float:left;
	list-style: none;
}

div.checkboxes_right{
	width:50%;
	float:left;
	list-style: none;
}

ul.checkboxes{
	list-style: none;
	padding: 0 0 0 0;
}

ul.checkboxes{
	list-style: none;
  padding: 0 0 0 0;
}

p.centre{
	text-align:center;
}

/* --- Privacy ---*/
#privacy h1, h2, h3, h4{
	color:#3388e8;
	letter-spacing:1.5px;
}

#privacy h1{
	text-align:center;
}

/* --- Errors -- */

div.error{
 text-align:center;
 font-family: "Trebuchet MS", sans-serif;
 font-weight:bold;
}

div.error p{
	font-size:.9em;
	color:#F00;
}


/* --- miscellanious styles -- */
div.message{
	text-align:center;
	color: #3388E8;
}

.confirmation_message{
	text-align:center;
	color: #3388E8;
}


div.centre{
	float:left;
}

fieldset.hide{
	display:none;
}

li.hide{
	display:none;
}

.mandatory { color: red; }

/* --- Panel styles --- */
.collapsibleContainer
{
	clear:left;
	
    
}

.collapsibleContainerTitle div
{
	width:90%;
	height:25px;
	margin: 0 auto .5em auto;
	padding: 5px 0 0 10px;
    background-color:#3388e8;
	cursor: ns-resize;
}

.collapsibleContainerContent
{
    padding: 10px;
}

/* --- datatable ---*/
div.dataTables_filter{
	padding: 10px 0 0 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size:.9em;
	clear:both;
	float:right;
}

tr.odd td.dataTables_empty{
	text-align:center;
	color: #3388E8;	
}

/* ===== Filter ===== */
div.filterForm{
	float:right;
}

div.filterForm ol{
	list-style: none;
}

div.filterForm label{
	float: left;
}

div.filterForm li{
		float:left;
}
/* ===== End Filter ===== */