/* Main */

body {
	background: #949494;
	color: #000;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#container {
	background: url(../images/left_bg.jpg) #fff left top repeat-y;
	border-color: #000;
	border-style: solid;
	border-width: 0 1px 1px;
	color: #000;
	margin: 0 auto;
	width: 900px;
}
#header {
	width: 900px;
	margin: 0; padding: 0;
	height: 82px;
}
#header img { margin: 0; padding: 0; }
#topNav {
	background: url('../images/nav_bg_over.jpg') repeat-x 0 -1px;
	color: #d1d1d1;
	font-size: 11px;
	height: 20px;
	padding: 0;
	text-align: right;
	width: 900px;
	z-index: 2000;
}

#topNav li a {
	border-left: 1px solid #000;
	color: #ababab;
	display: block;
	padding: 4px 8px 3px;
	text-decoration: none;
}

#topNav ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#topNav li {
	float: left;
}

#topNav li a:hover {
	background: url('../images/nav_bg.jpg') center repeat-x;
	color: #d0d0d0;
}

/* Search Form */

#searchform {
	margin: 0;
	padding: 0;
	width: 154px;
	height: 18px;
	text-align: left;
}

#searchbtn {
	height: 16px;
	width: 16px;
	float: right;
	background: url('../images/find.png') no-repeat center center;
	cursor: pointer;
}

#searchform p {
	margin: 2px;
	padding: 0;
}

#searchbox {
	height: 13px;
	width: 128px;
	float: left;
	margin: 0;
	padding: 1px 2px;
}

#show_results {
	border-bottom: 1px solid #3d3d3d;
	position: absolute;
	margin-top: 22px;
	width: 177px;
	background: #131313;
	padding: 5px;
	text-align: left;
}
#show_results h6 {
	font-size: 10px;
	float: right;
	color: #484848;
	margin: -2px -2px 0 0; padding: 0;
}
#show_results h4 {
	color: #fff;
	margin-bottom: 3px;
	margin-top: 10px;
	margin-left: 0;
	border-bottom: 1px solid #3d3d3d;
}
#show_results a{
	line-height: 16px;
}
/*searchbox
imgBtn */

#nav {
	background: url('../images/nav_bg.jpg') top repeat-x;
	color: #FFF;
	height: 28px;
	margin-bottom: 4px;
	padding-top: 0;
	width: 900px;
}

#nav li a {
	border-right: 1px solid #000;
	color: #ababab;
	display: block;
	padding: 6px 12px 7px;
	text-decoration: none;
}

#add_client_show {
	border: 0;
	float: left;
	margin-right: 90px;
}

#add_client {
	border-bottom: 1px solid #757474;
	background: #131313; 
	color: #fff;
	float: left;
	font-size: 12px;
	height: 70px;
	padding: 5px;
	width: 176px;
	margin-bottom: 4px;
}

#add_client p {
	margin: 0;
	padding-top: 0;
}

#content_right {
	margin: 0 0 0 188px;
	min-height: 550px;
	padding: 0 10px 5px;
	width: 689px;
}

#client_nav {
	border-right: 1px solid #000;
	border-top: 1px solid #757474;
	display: inline;
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 187px;
}

.master_account {
	color: #a7a7a7;
}
#client_nav:first-child a {
	border-top: 1px solid #757474;
}
#client_nav a {
	border-bottom: 1px solid #757474;
	color: #d6d6d6;
	display: block;
	font: bold 0.7em sans-serif;
	padding: 4px;
	width: 179px;
}

#client_nav a:hover {
	background: #363636;
	color: #e9e9e9;
}

.client_selected {
	background: #3b3b3b;
	width: 182px;
}

#footer {
	background: url(../images/nav_bg.jpg) center top repeat-x;
	color: #FFF;
	font-size: 10px;
	height: 20px;
	margin-left: 0;
	margin-top: 0;
	padding-right: 35px;
	padding-top: 5px;
	text-align: right;
	width: 865px;
}

/* Main 
 Tables */

#table_time_cancel {
	background: #d0af29 url(../images/cancel_bg.jpg) repeat-x top;
	cursor: pointer;
	text-align: center;
}

tr:hover#table_time_cancel {
	background-position: bottom;
}

#table_time_cancel h4 {
	font-weight: bolder;
	margin: 3px;
	padding: 0;
}

#table_time_edit {
	background: #666 url(../images/nav_bg.jpg) repeat-x center;
	color: #fff;
	font-size: 13px;
}

#time_table {
	margin-top: 4px;
}

.table_main .add_project_row {
	background: #505050 url(../images/nav_bg.jpg) repeat-x center;
	border-collapse: collapse;
	font-size: 12px;
	height: 24px;
	font-weight: lighter;
	margin: 0;
	padding: 0;
	text-align: left;
}

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

.add_project_row li a {
	display: block;
	float: left;
	padding: 5px 12px;
	border-right: 1px solid #000;
}

.add_project_row li a:hover, .add_project_row li .selected {
	background: url('../images/nav_bg_over.jpg') repeat-x 0 -1px;
}

.table_main #add_project_form {
	text-align: right;
	margin: 0;
	padding: 0 2px;
}

.table_header {
	background: #505050 url(../images/nav_bg.jpg) repeat-x center;
	border-collapse: collapse;
	color: #fff;
	font-size: 13px;
	text-align: left;
}

.table_header th {
	padding: 3px;
}

.table_main {
	border: 1px solid #000;
	border-collapse: collapse;
	color: #FFF;
}

.table_main .nosort {
	cursor: default;
}

.table_main .rowodd {
	background: #3b3b3b;
}

.table_main .sortcol {}
.table_main .sortasc {}
.table_main .sortdesc {}

.table_main a {
	color: #fff;
	cursor: pointer;
	display: block;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.table_main a:hover {
	color: #fff;
	text-decoration: none;
}

.table_main tbody td {
	font-size: 14px;
	padding: 4px;
}

.table_main tbody tr {
	background: #535353;
}

.table_main tbody tr:hover {
	background: #666666;
}

.table_main tr {
	border: 1px solid #000;
	vertical-align: middle;
}

.hand {
	cursor: pointer;
}

tfoot {
	font-weight: 700;
}

.table_main .small {
	font-size: 12px;
}

/* Tables 
 Clients */

#clientInfo {
	float: left;
	font-size: 14px;
	min-height: 150px;
	width: 380px;
}

#clientInfo p {
	font-weight: 700;
	margin-top: 0;
	padding-left: 20px;
}

#clientInfo h2 {
	margin: 6px 0;
}

#clientInfo form {
	position: absolute;
}

#logo {
	float: right;
	width: 280px;
	height: 180px;
	margin-bottom: 15px;
}
#logo img{float: right;}

.clear {
	clear: right;
}

.clearleft {
	clear: left;
}

/* Clients */

#watch_video {
	width: 600px;
	max-height: 450px;
	margin-right: 4px;
}

#watch_video h3 {
	margin: 4px;
}

#watch_video h4 {
	font-size: 12px;
	margin: 0 20px;
	border-bottom: 1px solid #000;
}

#login {
	width: 400px;
	margin: 0 auto;
}

/* Form Elements */

.text_box {
	background: #474747;
	border: 1px solid #000;
	color: #bebebe;
}

.text_box:focus {
	outline: none;
	background: #606060;
	border: 1px solid #262626;
	color: #fff;
}

.select {
	background: #606060;
	border: 1px solid #000;
	color: #fff;
	width: 120px;
}

button {
	border: 1px solid #000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
	margin: 0;
	padding: 1px;
	overflow: hidden;
	cursor: pointer;
	background-position: bottom;
}

button span {
	text-shadow: 0px 0px 2px black;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	line-height: 11px;
	position: relative;
	padding: 1px;
	margin: 0 .5em;
}

button span.tall {
	font-size: 12px;
	line-height: 16px;
	padding: 6px;
	margin: 0 .5em;
}

button img {
	float: left;
	margin-left: .5em;
	margin-right: -4px;
	border: none;
	width: 14px;
	height: 14px;
}

button:hover {
	background-position: center;
}

button:active {
	background-position: top;
}

button:disabled {
	background-image: url(../images/nav_bg.jpg);
	background-position: center;
	cursor: default;
}

.submit_btn {
	background-image: url(../images/nav_bg.jpg);
}

.add_btn {
	background-image: url(../images/add_bg.jpg);
}

.delete_btn {
	background-image: url(../images/delete_bg.jpg);
}

.cancel_btn {
	background-image: url(../images/cancel_bg.jpg);
}

.archive_btn {
	background-image: url(../images/archive_bg.jpg);
}

#calendarButton {
	cursor: pointer;
}

/* Tabs */

#mainmenu {
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
}

.panel {
	background-color: #272727;
	border: 1px solid #000;
	clear: both;
	color: #f0f0f0;
	display: none;
	margin-top: 21px;
	min-height: 330px;
	padding: 5px 4px;
	width: 670px;
}

.panel.active-tab-body {
	display: block;
}

#tabs {
	background: url('../images/nav_bg.jpg') top repeat-x;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #FFF;
	height: 21px;
	list-style: none;
	position: absolute;
	width: 678px;
}

#tabs li a {
	border-right: 1px solid #000;
	color: #ababab;
	display: block;
	height: 12px;
	padding: 4px 12px 5px;
}

#tabs p {
	float: right;
	font-size: 0.8em;
	list-style: none;
	margin: 1px 20px;
	padding: 0;
}

#tabs p .addBtn {
	float: right;
	margin-left: 1px;
	margin-top: -19px;
	padding: 0;
}

/* Tabs */

.clearfloat {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0;
}

a {
	color: #ababab;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	color: #5e5e5e;
	text-decoration: none;
}

img {
	border: 0;
}

#nav ul,#tabs ul {
	float: left;
	font-size: 0.8em;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li,#tabs li {
	float: left;
}

#nav li a:hover,#nav li .selected,#tabs li a:hover,#tabs li a.active-tab {
	background: url('../images/nav_bg_over.jpg') top repeat-x;
	color: #d0d0d0;
}

.table_main .sortasc,.table_main .sortdesc {
	background: #d1d1d1 url(../images/nav_bg.jpg) repeat-x center;
}

/*Settings Windows */

#settings_window {
	font-size: 14px;
	color: #fff;
	background: url(../images/settings_bg.jpg) repeat-x top #1d1e1d;
	padding-bottom: 5px;
}

#settings_window p {
	
}

#settings_header {
	font-size: 15px;
	height: 16px;
	background: url('../images/nav_bg.jpg') repeat-x 0 -1px;
	padding: 12px 0 0 5px;
}

.progressBar {
	font-size: 11px;
}

/* Progressbar */
.pbar {
    width: 100px;
    height: 10px;
    border: 1px solid black;
    background: #ccc;
    overflow: hidden;
    float: left;
    margin-right: 2px;
}
.pbar_guts {
    border-right: 1px solid #575757;
    background: #649441;
    display: block;
    height: 100%;
}
.pbar_over { background: #8c0000;}
.pbar_100 { background: #49b121;}
.pbar_label { font-size: 11px!important; }

.modalContent {
	padding: 6px .75em;
	font-size: 12px;
}

.loaderOverlay {
	font-size: 12px;
	background: url(../images/black-70.png);
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	z-index: 1000;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

/*Modalbox */
#MB_overlay{background-color:#000 !important;height:100%;left:0;margin:auto;position:absolute;top:0;width:100%;z-index:9999;}
#MB_overlay[id]{position:fixed;}
#MB_window{-moz-border-radius:7px;-moz-box-shadow:0 0 64px #000;-webkit-border-radius:7px;-webkit-box-shadow:0 8px 64px #000;background:url(../images/settings_bg.jpg) repeat-x top #1d1e1d;border:0 solid;border-radius:7px;box-shadow:0 0 64px #000;color:#FFF;position:absolute;text-align:left;top:0;z-index:10000;}
#MB_window[id]{position:fixed !important;}
#MB_frame{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;height:100%;padding-bottom:7px;position:relative;}
#MB_header{background:url('../images/nav_bg.jpg') repeat-x 0 -1px;border-bottom:1px solid #000;font-size:15px;height:25px;margin:0;padding:0;}
#MB_content{overflow:auto;}
#MB_caption{color:#FFF;margin:0;padding:.2em 1.2em .5em .75em;text-align:left;text-shadow:#000 0 1px 0;}
#MB_close{color:#777;display:block;font-size:13px;font-weight:700;outline:none;padding:2px 3px;position:absolute;right:5px;text-decoration:none;top:4px;}
#MB_close:hover{background:transparent;color:#ccc;}
#MB_loading{background:transparent url(../images/spinner_clear.gif) 50% 0 no-repeat;padding:1.5em;text-indent:-10000px;}
.MB_alert{margin:10px 0;text-align:center;}

/*Popup Calendar */
div.calendar{color:#000;font-size:smaller;}
div.calendar.popup{margin-left:0;margin-top:0;}
div.calendar table{background-color:#333;border:1px solid #aaa;border-collapse:collapse;}
div.calendar thead{background-color:#8b8b8b;}
div.calendar td,div.calendar th{padding:3px;text-align:center;}
div.calendar td.title{font-weight:700;}
div.calendar th{background:#ddd;border-bottom:1px solid;border-bottom-color:#0069ab;border-top:1px solid;border-top-color:#0062b5;color:#555;font-weight:700;}
div.calendar tr.days td{color:#e4e4e4;cursor:pointer;text-align:center;width:2em;}
div.calendar tr.days td:hover,div.calendar td.button:hover{background-color:#0063ab;cursor:pointer;}
div.calendar tr.days td:active
div.calendar td.button:active{background-color:#008ef6;}
div.calendar td.selected{background-color:#0062b5;color:#000;font-weight:700;}
div.calendar td.today{color:#D50000;font-weight:700;}
div.calendar td.otherDay{color:#bbb;}