html {overflow-y: scroll;}
body ,td ,div {font-family: arial, sans-serif; font-size: 13px; color: #1a122f;}
body {margin: 0px; padding: 0px; background-color: #575863;}
td {vertical-align: top;}
img {border: 0px;}
a ,.link_dotted {color: #b78d28; text-decoration: none; border-bottom: 1px dotted;}
	.no_border ,.no_link {border-bottom: 0px;}
label, .link ,.link_dotted ,.hand ,.navtop_button {cursor: pointer; cursor: hand;}

.rel {position: relative;}
.abs {position: absolute;}

/* Drop Shadow */
/* hr {margin: 2px 0px 0px 0px; height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);} */

/* Light */
hr {margin: 0px 0px 0px 0px; border: 0px; height: 1px; background: #ccc;}

#overlay {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 100; background: url(/images/overlay_bg.png);}

#overlay_content {
background: #fff;
position: relative;
top: 50px;
margin: 0 auto 0 auto; /* add negative left margin for half the width to center the div */
cursor: default;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.9);
}

.overlay_close {float: right; width: 58px; text-align: center; padding: 6px 0px 6px 0px; background: #b6e026; color: #fff; cursor: pointer; cursor: hand;}

.site {margin: 0px auto 0px auto; width: 1200px; min-height: 800px; background: #fff;}
.site_content {margin: 10px; }

#header {}

#navtop {margin: 0px auto 0px auto; width: 1180px; height: 38px; background: #696a6e; color: #e7eff6;}
#navtop td {vertical-align: middle; padding: 0px 12px 0px 12px; color: #e7eff6; font-size: 16px;}
	.navtop_tab {padding: 6px 20px 6px 20px; font-size: 16px; text-align: center; color: #fff; background: #eee; text-shadow: 1px 1px 3px #666; border-bottom: 1px solid #999; cursor: pointer; cursor: hand;}
	.navtop_tab_off {}
	.navtop_tab_over {background: #000;}
	.navtop_tab_spacer {width: 8px;}

.navleft_title {margin: 16px 0px 0px 0px; width: 160px; height: 16px; padding: 2px 14px 0px 0px; background: url(/images/navleft_redbar.gif); color: #fff; text-align: right; font-size: 13px; cursor: pointer; cursor: hand;}
.navleft_subtitle {margin: 18px 0px 6px 0px; font-size: 12px; color: #c3a323;}
.navleft_row {margin: 4px 0px 5px 0px; font-size: 11px; color: #fff; cursor: pointer; cursor: hand;}

.main {position: absolute; margin: 190px 0px 0px 190px; width: 570px; height: 420px; background: #000; opacity: 0.64; filter: alpha(opacity=64); /* For IE8 and earlier */}
.main_content {margin: 32px 0px 0px 30px; color: #fff;}

.page_title {margin: 0px 0px 4px 0px; font-size: 40px;}

.thm_faded {opacity: 0.40; filter: alpha(opacity=40); cursor: pointer; cursor: hand;}

.dashboard_div {background: #eee; padding: 4px 10px 14px 10px;}

.table_title {height: 30px; border: 1px solid #999; background: url(/images/table_title_bg.png) repeat-x;}
.tablerow td {padding: 3px 2px 3px 4px;}
	.odd {}
	.even {background: #eef7ca;}
	.over {background: #f8b55f;}

.edit_over {color: #f9e437;}
.edit_none {color: #fff;}

.filter_form_field {padding-right: 3px;}

th {padding: 5px 8px 6px 8px; vertical-align: middle; color: #faebeb; background: #687899; text-align: left;}
.padrow td {padding: 5px 8px 5px 6px;}
	.odd {}
	.even {background: #eef7ca;}
	.over {background: #f8b55f;}
.no_padding td {padding: 0px;}


	ul {margin: 5px 0px 0px 0px; list-style-type: square;}
	ul li {margin: 0px 0px 4px 0px; font-size: 12px;}

.title {margin: 5px 0px 6px 0px; font-weight: bold; font-size: 15px;}
.title_line {width: 500px; margin: 2px 0px 6px 0px; border-bottom: thin #666 dotted;}

.subtitle {margin: 0px 0px 4px 0px; font-weight: bold; font-size: 13px;}

.text_medium {font-size: 12px;}
.text_small {font-size: 11px;}
.text_tiny {font-size: 10px;}
.text_gray ,.text_grey {color: #666;}
.text_white {color: #fff;}

.strike {text-decoration: line-through;}
.italic ,.italics {font-style: italic;}

.center {text-align: center;}
.middle {vertical-align: middle;}
.left {text-align: left;}
.right {text-align: right;}

.bold {font-weight: bold;}

form {margin: 0px; padding: 0px;}
.label_left {vertical-align: middle; padding: 0px 8px 0px 0px; font-size: 12px; color: #666;}
.label_left_top {vertical-align: top; padding: 2px 8px 0px 0px; font-size: 12px; color: #666;}
.label_radio {vertical-align: middle; padding: 0px 0px 0px 0px; font-size: 13px;}
.label_checkbox {vertical-align: middle; padding: 0px 0px 0px 2px; font-size: 13px; color: #666;}

.ico_calendar {margin: 2px 0px 0px 0px;}

.label_error {color: red; font-weight: bold;}
.field_error {background: #ffcccc; 
border: 1px solid transparent;
border-top: none;
border-bottom: 1px solid #DDD;
box-shadow: inset 0 1px 1px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF; 
}

.textbox {padding: 4px; font-size: 16px;}
.textbox_small_text {padding: 3px; font-size: 14px;}
	.name {width: 160px;}
	.name_supershort {width: 80px;}
	.name_short {width: 120px;}
	.name_med {width: 220px;}
	.name_long {width: 300px;}
	.amount {width: 90px;}
	.date {width: 88px;}
	.time {width: 100px; font-size: 14px;}
	.state {width: 40px;}
	.zip {width: 65px;}
	.ssn_last_4 {width: 38px;}
	.single_char {width: 16px;}
	.number {text-align: right; padding-right: 10px;}
	.lic_type {width: 50px;}
	.email {width: 230px;}
	.ssn_full {width: 94px;}
	
	.comments {width: 320px; height: 200px;}
	.event_desc {width: 300px; height: 90px;}
	
.upload_box {background: #eee; padding: 6px;}

.logo_sm {padding: 0px 12px 0px 0px; vertical-align: middle;}

.dashpoint_sm {}
	.dashpoint_sm_top {border-bottom: 0px;}

.footer {margin: 6px auto 0px auto; width: 1200px; color: #fff;}

.errorMsg {margin: 0px 0px 10px 0px; color: red;}

.shadow_small {
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

::-webkit-input-placeholder {font-size: 13px; color: #666;}
:-moz-placeholder { /* Firefox 18- */ font-size: 13px; color: #666;}
::-moz-placeholder {  /* Firefox 19+ */ font-size: 13px; color: #666;}
:-ms-input-placeholder {font-size: 13px; color: #666;}

/* Green button start */
.button {font-size: 17px; background: #009903; color: #fff; padding: 3px 10px 3px 10px; cursor: pointer; cursor: hand;}

.button {
 background: #b6e026; /* Old browsers */
 background: -moz-linear-gradient(top, #b6e026 0%, #89bf24 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6e026), color-stop(100%,#89bf24)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* IE10+ */
 background: linear-gradient(top, #b6e026 0%,#89bf24 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#89bf24',GradientType=0 ); /* IE6-9 */
 border: 1px solid #89bf24;
 border-radius: 1px 1px 1px 1px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 text-align: center;
 color: #FFFFFF;
 text-decoration:none;
 
    white-space:nowrap;
    color:#fff;
    text-shadow:0 1px 0 #a0f7ae;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

/* Green button end */

progress::-moz-progress-bar { background: #b7dc6b;}
progress {}

.datapoint_label {font-size: 16px; vertical-align: middle;}

.status_0 {background-color: #063; color: #fff;}
.status_low {background-color: #ff0; color: #000;}
.status_high {background-color: #f63; color: #fff;}
.status_severe {background-color: #c00; color: #fff;}

.status_code {
	border: 1px solid #e0dcdc;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 4px 8px 4px 8px;

	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
 	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
 	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
 	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
.datapoint {
	border: 1px solid #e0dcdc;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 4px 0px 4px 0px;
	width: 32px;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
 	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
 	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
 	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}


.round_corners_3 {
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
 	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
 	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
 	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.round_corners_5 {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.round_corners_5_top {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
}

.round_corners_5_btm {
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}



.round_corners_10 {
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
 	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
 	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
 	-webkit-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.tooltip {background: #000; color: #fff; padding: 10px;}

.arrow_box { position: relative; background: #000; } 
.arrow_box:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #000; border-width: 10px; margin-top: -10px; }


.bx_main{
	margin: 6px 0px 0px 0px;
	width: 250px;
	float: left;
	background-color: #dedede;
}

.bx_1{
	width: 24px;
	height: 24px;
	text-align: center;
	float: left;
	padding: 1px;
	margin: 10px 0 0 4px;	
	
}
.bx_2{
	width: 186px;
	height: 36px;
	text-align: left;
	float: left;
	padding: 4px 0 0 4px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #000;
	line-height: 15px;
	margin: 4px 0 0 0;
}
.bx_3{
	width: 20px;
	height: 20px;
	text-align: center;
	float: left;
	padding: 10px 0px 0px 5px;
	margin: 3px 4px 0 0;
}



.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}