body {
	background:#FFF;
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin:0px;
}

.body {
	margin-top:35px;
	position:absolute;
	font-family:"Segoe UI",Arial,Verdana,Helvetica,sans-serif;
	font-size:10pt;
	width:100%;
	z-index:1;
	padding:0px;
	visibility:hidden;
}

.main {
	margin-top:35px;
	position:absolute;
	width:830px;
	background-color: #000;
	opacity:0.8;
	filter: alpha(opacity=80);
	text-align:left;
	color:#FFF;
	visibility:hidden;
}
.main p,.main a {color:#aaa;}
#work_area {
	margin-left:0px;
	margin-left:251px;
}

.nav-bar {
	background:#000;
	position:fixed;
	width:100%;
	height:35px;
	top:0px;
	left:0px;
	z-index:1000;
	text-align:center;
	overflow:hidden;
}

li {
	margin-top:5px;
}

p, li {
	font:10pt Arial;
	color:#333333;
}

p.error {
	color:#FF0000;
}

a {
	font:10pt Arial;
	color:#0000FF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
table {
	margin-top:15px;
	border-collapse: collapse;
	border:0px;
  	padding:0px;
	text-transform:uppercase;
}
td {
	border:1px solid #ddd;
	border-left:0px;
	border-right:0px;
	text-transform:uppercase;
}
table, td {
	white-space:nowrap;
	color:#333333;
	padding:3px;
	text-transform:uppercase;
	background:#fff;
	text-align:left;
	font-family:"Segoe UI",Arial,Verdana,Helvetica,sans-serif;
	font-size:8pt;
}
td.list {
	cursor:default;
	text-align:left;
	overflow:hidden;
}
td .list-container {
	margin:0px;
	padding:0px;
	padding-top:3px;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
}

td.address {
	width:200px;
	white-space:nowrap;
	overflow:hidden;
	padding:3px;
}

td.title,th.title {
	background:#fff;
	color:#000;
	height:27px;
	text-transform:Capitalize;
	padding:3px;
	border:0px;
	border-bottom:2px solid #000;
	font-weight:bold;
}
th.title {cursor:pointer;}
td.title a {
	font:8pt Arial;
	color:#00f;
	font-weight:bold;
}
td.grid {
	padding:0px;
	height:20px;
}
td.notice {
	background:#888899;
	border:1px solid #DDDDEE;
	color:#EEEEFF;
	height:22px;
	padding:3px;
}
td.wrap {
	white-space: normal;
	padding:3px;
}
td.hidden {
	border:0px solid white;
	height:18px;
}
td.priority {
	background:#ffffdb;
	border-color:#888855;
	color:#33330A;
	cursor:default;
	padding:3px;
}
td.repair {
	background:#eff8e2;
	border-top:1px solid #2b6c24;
	border-bottom:1px solid #2b6c24;
	color:#33330A;
	cursor:default;
	padding:3px;
}

form, .form {
	width:300px;
	font:10pt Arial;
	color:#333333;
	text-align:right;
	overflow:hidden;
}

form.nostyle {
	width:800px;
	text-align:center;
	margin:0px;
	padding:0px;
}

select.nav {font:12pt Arial;width:200px;padding:5px}
input.search {font:12pt Arial;width:300px;padding:5px}
.tile {border:1px solid #BBB; width:235px; height:300px; float:left; margin-left:15px; font:12pt Arial;}
.tile:hover {border:1px solid #888; background: url("../img/tile_bg.png");}
.tile b{font:16pt Arial; font-weight:bold;}

select.fill, textarea.fill, input.fill {
	width:100%;
	border:1px solid #BBB;
	color:#333333;
	font:10pt Arial;
	height:100%;
	margin:0px;
	padding:0px;
	border-radius:2px;
}

input.fill {
	height:24px;
	text-transform:uppercase;
}

textarea {
	font:10pt Arial;
	line-height:20pt;
	padding:10px;
	text-transform:uppercase;
	border-radius:5px;
}

input.input, select.input {
	width:180px;
	border:1px solid #BBB;
	color:#333333;
	font:10pt Arial;
	height:24px;
	text-transform:uppercase;
	border-radius:5px;
}
input.phone, input.date, select.phone, input.currency, input.percent, input.quantity {
	width:100%;
	border:1px solid #BBB;
	color:#333333;
	font:10pt Arial;
	height:24px;
	text-transform:uppercase;
	border-radius:5px;
}

input.quantity {width:60px;}
input.phone, input.currency, input.percent {width:100px;}

input.currency, input.percent {
    text-align:right;
	text-transform:uppercase;
}

input.ext, select.ext {
	width:40px;
	border:1px solid #ddd;
	color:#333333;
	font:10pt Arial;
	height:24px;
	text-transform:uppercase;
	border-radius:5px;
}

input.link {
	height:40px;
	width:120px;
	color:#000000;
	cursor:pointer;
	font:12pt Arial;
	font-weight:bold;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	margin-left:-1px;
	text-transform:uppercase;
}

#main {
	background:#f3f3f9;
	width:800px;
	margin:0px;
}

#notice {
	border:3px solid #ff9000;
	background:#FFFF00;
	font:12pt Arial;
	color:#333333;
	padding:10px;
	width:300px;
	text-align:center;
	margin-top:15px;
}

#left, #search_frame {
	float:left;
	margin-left:15px;
}

#right {
	float:right;
	margin-right:15px;
}

#light_clear {
	margin:15px;
	clear:both;
}

#clear, #topcap {
	clear:both;
	background-repeat:no-repeat;
	width:800px;
	height:15px;
	margin:0px;
	overflow:hidden;
}
#clear {background: url("../img/bottom_cap.png");z-index:11;}
#topcap {background: url("../img/top_cap.png");margin-top:10px;}

.t_label, .t_label-sel, .t_label-hover, .t_label-default {
	font:10pt Arial;
	color:#BBB;
	display:inline-block;
	padding:10px;
	padding-bottom:0px;
	margin-bottom:-15px;
	height:25px;
	overflow:hidden;
	float:left;
	cursor:pointer;
	text-transform:none;
}
.t_label-sel {
	color:#000;
	background-color:#fff;
	font-weight:bold;
	padding:10px;
	padding-bottom:0px;
	margin-bottom:-15px;
}
.t_label-default {
	color:#fff;
	background-color:#111;
	font-weight:bold;
	padding:10px;
	padding-bottom:0px;
	margin-bottom:-15px;
}

.t_label-hover, .t_label:hover {
	text-decoration:underline;
}

.gradient_blue {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.75, rgb(255,255,255)),
		color-stop(0.25, rgb(240,243,247))
	);
}

.sub_container {
	text-align:left;
	position:fixed;
	left:0px;
	top:0px;
	width:250px;
	height:100%;
	overflow:hidden;
        overflow-y:auto;
	margin:0px;
	padding:0px;
	border:0px;
	border-right:1px dotted #888;
	z-index:0;
	padding-top:35px;
	background-color:#d8dee5;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.75, rgb(255,255,255)),
		color-stop(0.25, rgb(216,222,229))
	);

	
}

.sub_container .tabs, .sub_container .tabs_hover {
	display:block;
	text-align:left;
	margin:0px;
	padding:10px;
	font:11pt Arial;
	padding-left:15px;
	border-bottom:1px solid #bbbbbb;
	cursor:pointer;
	color:#000;
}

.sub_container .tabs_selected {
	display:block;
	text-align:left;
	margin:0px;
	padding:10px;
	font:11pt Arial;
	padding-left:15px;
	background:#FFF;
	border-bottom:1px solid #bbbbbb;
	cursor:pointer;
	color:#000;
	z-index:5000;
	font-weight:bold;
	background-color:#fff;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.90, rgb(255,255,255)),
		color-stop(0.10, rgb(240,240,240))
	);
}

.sale_options {
	position:absolute;
	background:#FFF;
	width:0px;
	border:0px;
	overflow:hidden;
	white-space:nowrap;
	z-index:100;
	cursor:pointer;
	cursor:hand;	-moz-box-shadow: 2px 2px 8px #000;
	-webkit-box-shadow: 2px 2px 8px #000;
	box-shadow: 2px 2px 8px #000;
}

.shadow {
	-moz-box-shadow: 0px 0px 8px #000;
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
}

.nav_shadow, .t_label-sel {
	-moz-box-shadow: 0px 0px 8px #fff;
	-webkit-box-shadow: 0px 0px 8px #fff;
	box-shadow: 0px 0px 8px #fff;
}

.new_shadow {
	-moz-box-shadow: 0px 0px 8px #db4937;
	-webkit-box-shadow: 0px 0px 8px #db4937;
	box-shadow: 0px 0px 8px #db4937;
}

.blue_shadow {
	-moz-box-shadow: 0px 0px 8px #4D90FE;
	-webkit-box-shadow: 0px 0px 8px #4D90FE;
	box-shadow: 0px 0px 8px #4D90FE;
}

.padded {
	padding:5px;
	border:0px;
	margin:0px;
	text-align:left;
	white-space:nowrap;
	background:#FFF;
	z-index:101;
	
}

.optBtn {
	height:22px;
	width:100%;
}

.section-header {
	position:relative;
	left:0px; right:0px; top:0px;
	font:10pt Arial;
	text-transform:none;
	color:#00F;
	margin-bottom:5px;
	border:1px solid #dbdcf1;
	z-index:5;
	border-radius:2px;
}
.section-header .label {
	padding:10px;
	font:12pt Arial;
	color:#00a;
	cursor:pointer;
	cursor:hand;
}
.section-header .label:hover { text-decoration:underline; }
.section-body {
	z-index:4;
	position:relative;
	left:0px; right:0px; top:0px;
	border:0px;
	margin-bottom:0px;
}
.section-body .title, .section-body td, .section-body table {
	background:transparent;
}

.sorted {
	background:#eef;
	border-left:1px dotted #888;
	border-right:1px dotted #888;
	font-weight:bold;
}

.cal_header {
	background-color:#b64747;
	text-align:center;
	height:14px;
	width:40px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	border:1px solid #b64747;
	border-bottom:0px;
	font-family:"Segoe UI",Arial,Verdana,Helvetica,sans-serif;
	font-size:11px; padding-bottom:2px; font-weight:bold; color:#FFF;
}

.cal_day {width:40px; cursor:pointer; border-radius:1px; display:inline-block; margin:0px; padding:0px;}
.cal_body, .cal_body_new {
	background-color:#fff;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.98, rgb(255,255,255)),
		color-stop(0.02, rgb(220,220,220))
	);
	text-align:center;
	width:40px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	border:1px solid #b64747;
	border-top:1px solid #b64747;
	font-family:"Segoe UI",Arial,Verdana,Helvetica,sans-serif;
	height:18px;
}
.cal_body p {font-size:13pt; margin:0px; padding:0px; color:#000;}

.cal_body_new {
	background-color:#ffb;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.98, rgb(255,255,187)),
		color-stop(0.02, rgb(220,220,161))
	);
}

.comment_body {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.98, rgb(0,0,0)),
		color-stop(0.02, rgb(35,35,0))
	);
	color:#fff;
}

.new_body {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.98, rgb(219,73,55)),
		color-stop(0.02, rgb(219,73,55))
	);
	font-family:"Segoe UI",Arial,Verdana,Helvetica,sans-serif;
	font-size:10pt;
	color:#fff;
}

.blue_body {
	background-color: #4D90FE;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	font-family:"Segoe UI",Arial,Verdana,Helvetica,sans-serif;
	font-size:10pt;
}

.display_hide { display:none; }