/* ********************************************
	Stylesheet for Belay Application Template
    Created by LC, 01.25.07
********************************************* */

/* Palette Constants 

Header/Footer - #333333 (Dark Gray)

Sidebar - Background - #63852E (Medium Green)
          Navigation - #516F24 (Dark Green)
		  Note Box - #80B038 (Light Green)

Content Area - Main - #33586C (Blue)
               Header - #203744 (Dark Blue)

*/

/* General
********************** */

* {
	//font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-family: Helvetica, "MS Trebuchet", sans-serif;
	font-size: 8pt;	
}

html, body {min-height: 100%;}

body {
	margin: 0;
	line-height: 1;
	font-family: Helvetica, "MS Trebuchet", sans-serif;
	font-size: 0.8em;
}
   
a img {
	border: 0;
	text-decoration: none;
	}   
a {
	border: 0;
	color: #000000;
	text-decoration: none;
	} 
a:hover {text-decoration: underline;}

.fullheight {height: 100%;}

/* Layout
********************** */

#wrapper {
	width: 100%;
	height: 100%; 
	border: 0;
}   

#header {
	height: 172px;
	padding: 10px;
	background: #fff url(/media/admt/bgrBody.jpg) repeat-x top left;
	
	/* Fonts */
	color: #375d81;

}

	#header #logo {
		float: left;
		clear: none;
		text-align: top;
	}
	
	#header #date {
		float: right;
		text-align: right;
		clear: none;
		
		/* Fonts */
		/* color: #375d81; was blue */
		color: #6E182A;
		font-size: 7.5pt;
		line-height: 1.4em;
	}
	
	#header a {color: #6E182A; text-decoration: none;}
	#header a:hover {text-decoration: underline;}

#footer {
	height: 30px;
	padding: 6px 8px 6px 8px;
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
}

	#footer #copyright {
		display: block;
		margin: 0px auto;		
		padding-left: 200px;
		padding-top: 5px;
		z-index: 1;
		
		/* Fonts */
		color: #6E182A;
		font-size: 7.5pt;
	}
	
	#footer .icon {
		float: right;
		clear: none;
		display: inline;
		margin: 0px 10px 0px 5px;	
		z-index: 2;	
	}
		
	#footer .belaylogo {				
		height: 22px;
		margin: 0px 10px 0px 5px;
		float: right;
		clear: none;
		z-index: 2;	
	}	
		
#sidebar {
	background: #ffffff; //#d8e1ea;
	width: 190px;
	padding: 0px 0px 0px 5px;
	/* height: 90%; */
	vertical-align: top;
}

	#sidebar .nav {width: 190px;}
	
	#sidebar .nav td {text-align: left; font-size: 7.5pt;}
	
	#sidebar .nav .nav_header {
		background: url(/media/admt/leftnav_hdr.gif) top center no-repeat;
		height: 30px;
		 padding-left: 8px; 
		padding-top: 4px;
		
		/* Fonts */
		color: #6E182A;
		font-size: 8pt;
		text-align: left;
	}

	#sidebar .nav_header strong {text-transform: uppercase; font-size: 8pt;}
	#sidebar .nav_header a {color: #6E182A; text-decoration: none;}
	
	#sidebar .notebox {height: 100%;}
	
	#sidebar .notebox td {

		vertical-align: top;
		
		/* Fonts */
		color: #333333;
		font-size: 7.5pt;	
	}
	
		#sidebar .notebox td p {margin: 0px 8px;}
		
#content {
	background: #eeeeee; // was d8e1ea
	/* height: 90%; */
	width: 90%;
	vertical-align: top;
	padding: 5px 5px 0px 5px;
}

	.content_outer {
		width: 100%;
		height: 100%;
	}
	
	.content_outer_multi {width: 100%; height: 100%;}
	
	#content .content_outer th {
		background: #FFFFFF;
		border-bottom: 1px solid #ffffff;
		height: 25px;

		/* Fonts */
		color: #6E182A;
		font-weight: normal;
	}
	
		#content .content_outer th strong {text-transform: uppercase;}
		#content .content_outer th a.small {color: #ffffff; text-decoration: none;}
		#content .content_outer th a.small:hover {color: #ffffff; text-decoration: underline;}
		
	#content .content_outer td {
		background: #6E182A;
		padding: 5px;
	}

	#content .content_outer td.message {
		border: 5px solid #33586C;
		background: #ffffff; 
		padding: 25px; 
		text-align: center;
		vertical-align: top;
	}
	
	
	
/* PopUp Windows 
************************************ */

#popup {background: #d8e1ea;; margin: 5px;}

#popup .content_outer {
	width: 100%;
	height: 100%;
}

#popup .content_outer th {height: 25px; background: #203744; color: #ffffff; text-align: left;}

#popup .content_outer td.inner {text-align: center; border: 10px solid #33586C; padding: 30px 10px; background: #fefefe; vertical-align: top;}

	
/* Data Tables - Do Not Customize
************************************ */

.data {
	width: 100%;
}

.data tr.header th {
	background: #eeeeee !important; // was cdd9e5
	//background: #fff url(/media/admt/bluebg.jpg) repeat-x top left;
	height: 25px;
	padding: 0;
	border-bottom: 1px solid #CCCCCC !important;
	padding-left:3px;
}

.data tr.header th a {color: #ffffff; text-decoration: none;}

.data tr.field_headers th {
	background: #f4e3e6 !important; // Was 333333
	height: auto !important;
	padding: 5px !important;
	border-bottom: 1px solid #333333 !important;
	font-weight: bold !important;
	color: #000000 !important;
	text-align: left;
	font-size:12px;
}

	.data tr.field_headers th a {color: #333333;}
	
.data tr.search td {
	background: #ffffff !important;
	text-align: left;
	height: auto !important;
	padding: 3px 6px 3px 2.5px !important;
	border-bottom: none !important;
	color: #333333 !important;
	font-weight: bold;
}

	
.data td.ftr {
	background: #FFFFFF !important;  // Was #CCCCCC
	text-align: right;
	padding: 0px 5px !important; // 0 was 2
	border: 1px solid #333333 !important;
	color: #ffffff !important;
}

	.data td.ftr a {color: #ffffff;}
	.data td.ftr a.active {color: #ffffff; font-weight: bold; text-decoration: underline;}

.data td {
	background: transparent;
	/* height: auto !important; */
	padding: 3px 5px !important;
	border-bottom: 1px solid #cccccc !important;
	color: #000000 !important;
	/* vertical-align: middle !important; */
}

.data tr.edit td {
	background: #ffffff !important; 
	border-bottom: 1px solid #CCCCCC !important;
	padding: 5px;
}


.data tr.editheader td {
	background: #efefef !important; 
	border-bottom: 1px solid #CCCCCC !important;
	padding: 5px;
}

.data tr.edit td table td {padding-left: 0px !important; border-bottom: none !important;}

.data .label {width: 15%; text-align: left !important; padding: 8px 25px !important;}

.data .center {text-align: center !important;}

.data a {text-decoration: none;}
.data a:hover {text-decoration: underline;}

.data td a {color: #000000;}

.blank th, .blank td {padding-left: 0px !important; border-bottom: none !important;}

.internal_tbl {border: 1px solid #cccccc !important; margin: 15px;}
.internal_tbl th {background: #eeeeee !important; color: #000000 !important; font-weight: bold !important;}
.data tr.edit td table.internal_tbl td {padding-left: 5px !important;}

.internal_tbl_blank {border: none !important; margin: 15px;}
.internal_tbl_blank th {background: #ffffff !important; color: #000000 !important; font-weight: bold !important; border-bottom: 1px solid black !important;}
.internal_tbl_blank td {padding: 5px !important; vertical-align: top !important;}

.list_total {color: #6E182A; display: inline; float: left; padding-top: 3px;}

.bluetext {color: #6E182A; }

.box_checks {margin-top: 5px; width:300px; height:190px; overflow:auto; overflow-y:scroll; border: 1px solid #cccccc; background-color:#ffffff }

.data td.graph {
		background: #ffffff !important; 
		padding: 5px; 
		vertical-align: top;
	}

/* Forms - Do Not Customize
************************************ */

form {margin: 0; padding: 0;}

input, select, option, textarea {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
}

.data tr.edit td .txt {
	width: 300px;
}

.btn, input, textarea, select {border-color: #C5C5C5;}



<!-- VERSION 3.1 -->


.cssDataTableHeaderRow {
 padding-top:5px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:5px;
}

.cssDataTableRow {
 padding-top:5px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:5px;
}

.cssEditTableRow {
 padding-top:5px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:5px;
}

.cssDataTableSearchRow {
 padding-top:5px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:5px;
}