body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #666666;
	background: #ffffff;	
}

h1, h2, h3{
	margin: 0;
	/* text-transform: uppercase; */
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em;}
h3 { font-size: 14px; }

.h2_shift {
	margin-left: 125px;
}

p, ul, ol { margin-top: 0; line-height: 180%;
}

.error { color: red; font-size: 10px;}

ul, ol { }

a { text-decoration: none; color: #000; }

a:hover { background: none; }

th { font-size: 11px; font-weight: normal; color: #ffffff; text-transform: uppercase; text-align: center;
	border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 6px 5px; margin: 0px; background: #505050 ; }

tr { border-bottom: 1px solid #d0d0d0; background: #f0f0f0; }
tr:nth-of-type(even) { background: #FAFAFA; }

tr.alt { background: #FAFAFA; }

tbody tr:hover { background:#d0d0d0;}

td { font-size: 11px; padding: 5px 5px; margin: 0px; 
	vertical-align:text-top; 
	border: inherit;}

.colloptional {
	display: table-cell;
	vertical-align: top;
}

.Button {
	-moz-box-shadow:inset 0px 1px 0px 0px #b4d19b;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b4d19b;
	box-shadow:inset 0px 1px 0px 0px #b4d19b;
	background-color:#64a62b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	padding: 0px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #355417;
	min-width: 50px;
	text-align: center;
}
.Button:hover {
	background-color:#5cb811;
}

.Button:active {
	position:relative;
	top:1px;
}

.inputtext {
	font-size: 12px; 
	background-color: #dddddd; 
	border: 1px solid #666666;
	width: 120px;
}

#login {
	width: 250px;
	height: 85px;
	margin: 200px 0 0px 0;
	padding: 10px 0 5px 300px;
	background: #808080 url(images/login_logo.jpg) left bottom no-repeat;
	font: 1em Arial, Helvetica, sans-serif; color: #000000
}

#login fieldset {    
	float: left;    
	clear: left;
	width: 100%;
	border: 0;
	background: 0;
}
#login fieldset ol { list-style: none; margin: 0px; padding: 0px; }  
#login fieldset li { float: left; clear: left; margin: 3px 0px 0px 2px;}


#login label { width: 80px; display: block; float: left; color: #ffffff; font-family: Arial, Helvetica; } 
#login span { width: 400px;  display: block; }

/* ===== Header  */

#header {
	max-width: 960px;
	height: 65px;
	margin: 0;
	padding: 0px;
	background: WHITE;
	/* background: url(images/desktop_20/bg_head.jpg) left bottom; */
}

/* ===== Logo */ 

#logo {
	margin: 0;
	float: left;
	width: 240px;
	height: 65px;
	background: url(images/desktop_20/logo_head.jpg) left bottom no-repeat;
}

#logo_right {
	float: left;
	width: calc(100% - 240px);
	height: 65px;
	background: url(images/desktop_20/logo_right.png) right bottom no-repeat;
}

/* ===== MenuBar */

#menubar {
	width: 100%;
	height: 24px;
	margin: 0px;
	/* background: url(images/desktop_20/bg_menu.png) left top; */
	background: #8f6b38;
    margin: auto;
}

#top_nav { height: 10px; margin: 0; padding: 10px 0 25px 15px; }

#top_title{ height: 20px; margin: 0; padding: 5px 0 15px 15px; }

#content {
	max-width: 960px;
	min-height:400px;
}

#content_wide {
	/* max-width: 1600px; */
	min-height:400px;
}

/* ===== Footer */

#footer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	/* background: RED url(images/desktop_20/bg_footer.png) left top; */
	background: #8f6b38;
}

#footer p {
	padding-top: 10px;
	padding-left: 10px;
	line-height: normal;
	font-size: 10px;
	text-transform: uppercase;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

#bar_left {
	float: left; 
	min-height: 500px; 
	width: 125px; 
	background:#808080;
}

#bar_right {
	float: right; 
	min-height: 300px; 
	width: calc(100% - 125px);
}

#bar_main {
	padding: 15px;
}

#bar_left_menu {
	float: left;
	margin: 2px 10px 0 0;
	min-height:100px;
}

#bar_left_menu img {
	border: 1px solid #a0a0a0;
}

#bar_left_menu ul {
	list-style-type:none; padding:0; margin:0; 
}

#bar_left_menu li.selected, #bar_left_menu li.selected a {
	background: #404040;
	color:#e0e0e0; 
}

#bar_left_menu li {
	background:#a0a0a0;
	margin: 5px 0 0 0;
	display:block; 
	color:#000; 
	font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;
	line-height:20px;
	width:125px; 
}

#bar_left_menu li a {
	display:block; 
}

#bar_left_menu li a:hover {
	background:#909090;
}

#bar_right_box { 
	padding: 0px;
	margin: 0 0px 15px 15px;
	/* width: calc(100% - 10px); */
	/* min-height:500px; */
}

#bar_right_box fieldset {
	background-color:#ffffff; 
	border: 0px;
	border-top: 1px solid #e8e8e8;
	overflow: auto; 
	width: calc(100% - 25px); 
	margin-bottom: 15px; 
	display: inline;
}  

#bar_right_box fieldset img {
	display: none;
}  

#bar_right_box legend { 
	position: relative;
	color:#707070; font-weight:bold; text-transform:uppercase; font-size:100%; text-align:left; 
	padding: 4px;
	border: 1px solid #d0d0e0;border-left: 10px solid #e0e0e0;
	background: #F0F0F0;
	min-width: 150px;
	margin-left: 0px;
}  

#bar_right_box label { 
	width: 100px; 
	/* border-bottom: 1px solid #c0c0c0; */
	float: left; 
	clear: left;
	color: #808080;
	font-size: 8px; font-weight: bold; text-align: left; text-transform:uppercase; 
	margin-right: 10px;
} 

#bar_right_box span { 
	font-size: 12px; 
	padding-top: 0px;
	width: 500px;
	display: inline-block;
}

#bar_right_box span.tablecell{ 
	width: 125px;
}


	
#bar_right_box fieldset ol { list-style: none; margin: 0px; padding: 0px; }  
#bar_right_box fieldset li { float: left; clear: left; display: table; }

#bar_right_box input, #bar_right_box textarea, #bar_right_box select   {
	font-size: 12px; 
	background-color: #fff; 
	border: 1px solid #e0e0e0;
	display: inline; 
}

#bar_right_box .BtSubmit {
	background-color: #605030;
	border: #000000 1px solid;
	font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;
	color: WHITE;
	margin: 10px 113px;
	height: 28px;
	min-width: 120px;
	border-radius: 5px;
	box-shadow: 4px 4px 2px #a0a0a0;
}

#bar_right_box .BtSubmit:hover {
	background-color: BLACK;
}

#bar_right_box .BtSubmit:active {
	box-shadow: 0 0 0 #000000;
}

#menu li, #menu li a {
	display:block; 
	color:#fff; 
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; text-decoration:none; text-align:center; cursor:pointer;
	line-height:24px; width:90px;
}

body.home #menu li.sub#home, body.tools #menu li.sub#tools, body.setup #menu li.sub#setup, body.user #menu li.sub#user, body.invoice #menu li.sub#invoice, body.payment #menu li.sub#payment, body.prospect #menu li.sub#prospect, body.hrd #menu li.sub#hrd, body.cms #menu li.sub#cms, maps #menu li.sub#maps, mapscoverage #menu li.sub#mapscoverage  {
	background: url(images/menu_bg_sel.gif) left top;  background-size: 100% 100%; margin-right:1px; /* border-right: 1px solid WHITE; */
}

#menu {list-style-type:none; padding:0 0 24px 0; margin:0; width:200px; position:relative; display: inline;}
#menu ul {list-style-type:none; padding:0; margin:0;  }
#menu li {float:left; background:#886633; position:relative;}
/* #menu li.sub {background: url(images/menu_bg.gif) left top; margin-right:1px; /* border-right: 1px solid WHITE; */} */
#menu li.sub {left top; margin-right:1px;}

#menu ul li a {text-align:left; text-indent:5px; font-weight:normal;}

#menu ul {position:absolute;left:-9999px;}
#menu li.click ul ul {position:absolute;left:-9999px;}
#menu li.click ul li.hover ul ul {position:absolute;left:-9999px;}

#menu li.hover {background:#505050; z-index:500; }
#menu li.click {background:#5c4626; }

#menu li.click ul li { margin-top:3px;  border-right:0; }

#menu li.click ul {left:0px; top:24px; background:#886633; border-right:1px solid #fff;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {left:90px; top:-1px; border-left:1px solid #fff; background:#fff;}

#menu li.click ul li.hover ul li {background:#7a5a3a;}

#menu li.click ul li.hover ul li.hover {z-index:500; background:#505050;}
#menu li.click ul li.hover ul li.hover a {color:#ffffff;}

#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}
#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}

#menu_stat { color: WHITE; width: 100px; height: 20px; padding: 0 0 0 50px; text-align: right; display:inline}

#page {
	min-height: 700px;
	width: 920px;
	padding-top: 15px;
	margin-left: 20px;
}
	
#staff_table { 
	/*
	width: 730px; 
	border-top: 4px solid #808080; 
	border-bottom: 4px solid #808080; 
	*/
	margin: 0px; 
	padding: 10px; 
	background: #d0d0d0;
}  

.numeric {
	text-align: right;
}

#staff_leftbar {
	float: left;
	width: 122px;
	margin: 12px 10px 0 0;
	min-height:100px;
}

#staff_leftbar img {
	border: 1px solid #a0a0a0;
}

#staff_leftbar ul {
	list-style-type:none; padding:0; margin:0; 
}

#staff_leftbar li {
	background: url(images/menu_bg.gif) left top;
	margin: 5px 0 0 0;
}

#staff_leftbar li.selected {
	background: url(images/menu_bg_sel.gif) left top;
	margin: 5px 0 0 0;
}

#staff_leftbar li, #staff_leftbar li a {
	display:block; 
	color:#fff; 
	font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;
	height: 20px;
	min-width: 100px;
	line-height:20px; width:122px;
	
}

#staff_leftbar li a:hover {background:#505050; z-index:500; }

#staff_data { 
	padding: 0px;
	margin: 0 0 15px 15px;
	width: 825px;
	/* min-height:500px; */
}

#staff_data fieldset {
	background-color:#ffffff; 
	border: 1px solid #d0d0d0; 
	overflow: auto; 
	width: 800px; 
	margin: 0; 
	display: inline;
}  

#staff_data legend { 
	position:relative;
	color:#707070; font-weight:bold; text-transform:uppercase; font-size:120%; text-align:left; 
	padding: 4px;
	border: 1px solid #d0d0e0;border-left: 10px solid #e0e0e0;
	background: #F0F0F0;
	min-width: 150px;
}  

#staff_data label { 
	width: 125px; 
	/* border-bottom: 1px solid #c0c0c0; */
	float: left; 
	clear: left;
	color: #808080;
	font-size: 8px; font-weight: bold; text-align: right; text-transform:uppercase; 
	margin-right: 10px;
} 

#staff_data span { 
	font-size: 12px; 
	padding-top: 0px;
	width: 375px; 
	display: table;
}

#staff_data span.tablecell { 
	font-size: 11px;
	display: inline;
}
	
#staff_data fieldset ol { list-style: none; margin: 0px; padding: 0px; }  
#staff_data fieldset li { width: 650px; float: left; clear: left; display: table; }

#staff_data input, #staff_data textarea, #staff_data select   {
	font-size: 12px; 
	background-color: #fff; 
	border: 1px solid #e0e0e0;
	display: inline; 
}

#staff_data .BtSubmit {
	background-color: #B0171F;
	border: #000000 1px solid;
	font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;
	color: WHITE;
	margin: 10px 113px;

}

#staff_data .BtSubmit:hover {
	background-color: BLACK;
}

#Notes fieldset { background-color:#f0f0f0; border: 1px solid #d0d0d0; overflow: auto; width: 550px; margin: 0; padding-top: 20px; display: inline;}  
#Notes legend { 
	position:relative;
	color:#707070; font-weight:bold; text-transform:uppercase; font-size:120%; text-align:left; 
	padding: 4px; margin: 0;
	border: 1px solid #d0d0e0;border-left: 10px solid #e0e0e0;
	background: #F0F0F0;
}  
#Notes label { 
	width: 100px; 
	border-bottom: 1px solid #c0c0c0; 
	float: left; 
	clear: left;
	color: #808080;
	font-size: 8px; font-weight: bold; text-align: right; text-transform:uppercase; 
	margin-right: 10px;
	padding: 0;
} 
#Notes span { 
	font-size: 12px; 
	padding-top: 0px; margin: 0;
	width: 300px; 
	display: table;
}

#Notes fieldset ol { list-style: none; margin: 0px; padding: 0px; }  
#Notes fieldset li { width: 500px; float: left; clear: left; display: table; }
#Notes input, #Notes textarea, #Notes select   {
	font-size: 12px; 
	background-color: #fff; 
	border: 1px solid #e0e0e0;
	display: inline; 
}
#Notes .BtSubmit {
	background-color: #B0171F;
	border: #000000 1px solid;
	font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;
	color: WHITE;
	margin: 10px 113px;
}
#Notes .BtSubmit:hover {
	background-color: BLACK;
}

.post { background: url(images/img03.jpg) no-repeat left top; }

.post .title { padding: 15px 0 5px 20px; color: #5C5C5C;
}

.post .title a { background: none; 	color: #5C5C5C;
}

.post .meta { padding: 2px 20px; border-top: 1px dashed #D2D4C9;
	border-bottom: 1px dashed #D2D4C9;
	text-transform: uppercase;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.post .entry { padding: 20px 20px; text-align: justify; }

#hor-minimalist-b {
	background: #fff;
	min-width: 500px;
	max-width: 800px;
}

#hor-minimalist-b th {
	font-size: 10px;
	font-weight: normal;
	border-bottom: 2px solid;
	border-top: 2px solid;
	text-align: center;
}

#hor-minimalist-b td {
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

.popup_block {
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 350px;
	margin: 0 0 0 -250px;
	z-index: 100;
 
}

.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}

.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 0px 10px 0px 10px;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

#notes_yellow {
	width: 400px; 
	border: 1px solid #ffd0b0; 
	padding: 5px; 
	margin: 10px 0px 10px 0px; 
	background: #ffffc0 ; 
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}

#notes_red {
	width: 400px; 
	border: 1px solid #ffa0a0; 
	padding: 5px; 
	margin: 10px 0px 10px 0px; 
	background: #ffcccc ; 
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}

#notes_wide_yellow {
	width: 600px; 
	border: 1px solid #ffd0b0; 
	padding: 5px; 
	margin: 10px 0px 10px 0px; 
	background: #ffffc0 ; 
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}

#notes_wide_red {
	width: 600px; 
	border: 1px solid #ffa0a0; 
	padding: 5px; 
	margin: 10px 0px 10px 0px; 
	background: #ffcccc ;
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}

#notes_red p, #notes_wide_red p, #notes_yellow p, #notes_wide_yellow p {
	margin: 0;
	padding: 0;
}


#passwordStrength {
	height:10px;
	display:block;
	float:left;
	border: 1px solid BLACK;
}

.strength0 { width:5px;background:#ff0000;}
.strength1 { width:20px; background:#ff0000;}
.strength2 { width:40px;background:#ff5f5f;}
.strength3 { width:60px;background:#56e500;}
.strength4 { width:80px;background:#4dcd00;}
.strength5 { width:100px;background:#399800;}

/* -- pagination */
.pagination-wrap {
	margin:0 auto;
	text-align:center;
	height: 20px;
}

ul#pagination {
	border:0; 
	margin:10px auto; 
	padding:0;
}

#pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;
}

#pagination a{
	border:solid 1px #999;
	margin-right:2px;
}

#pagination .previous-off, #pagination .next-off {
	border:solid 1px #DEDEDE;
	color:#888888;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:2px 3px;
}
#pagination .next a, #pagination .previous a,#pagination .first a,#pagination .last a {
font-weight:normal;
}
#pagination .active{
background:#181F25;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:3px 4px;
}
#pagination a:link,
#pagination a:visited {
color:#181F25;
display:block;
float:left;
padding:2px 3px;
text-decoration:none;
}
#pagination a:hover{
border:solid 1px #181F25
}

@media only screen and (max-width: 600px) {

	#body { font-size: 12px;}

	#login {
		width: 250px;
		height: 85px;
		margin: 200px 0 0px 0;
		padding: 100px 0 5px 50px;
		background: #808080 url(images/login_logo.jpg) left top no-repeat;
		font: 1em Arial, Helvetica, sans-serif; color: #000000
	}

	#content {
		min-height: none;
	}

    #bar_left, #bar_right {float: none; width: 100%;min-height: 160px;}

    #bar_left_menu img {
		display: none;
		min-height: none;
	}

	#bar_left_menu {
		display: block;
		position: relative;
		width: 100%;
	}

	#bar_left_menu li {
		font-size: 12px;
		display: inline-block;
		width: 49%;
	}

	#bar_right_box fieldset img {
		background-color:#ffffff; 
		border: 1px solid #e8e8e8;
		display: inline-block;
	}  

	#bar_right_box label { font-size: 10px; }

	#bar_right_box span { font-size: 14px; }

	#bar_right_box select { font-size: 14px; }
	#bar_right_box input { font-size: 14px; }
	#bar_right_box textarea { font-size: 14px; }

	.h2_shift {
		margin-left: 0px; text-align:center
	}

	.colloptional { display:none;}
}