body {
	margin:0px;
	padding: 0;
	color: black;
	font-family: Arial, sans-serif;
	font-size:14px;
	background: #FFF;
}

td, center, span, p, div, li, input, select, textarea, blockquote, body {
	font-family: Arial, sans-serif;
	font-size:14px;
}

.little { font-size:13px }
.si_listmode { font-size:13px }
.si_form_post,
.si_form_sub,
.si_form_right {
	font-size:12px
}

.error { color: red }

h1 { font-family: Arial, sans-serif; font-size:22px; margin:10px 0 15px 0; padding:0 }
h2 { font-family: Arial, sans-serif; font-size:19px; margin:7px 0 12px 0; padding:0 }
h3 { font-size:14px }

.lightgrey { background-color: lightgrey }


.heading1 { font-size:150% }
.heading2 { font-size:125% }


A:link    { color: black }
A:visited { color: black }
A:hover   { color: #666666 }

A:link.noul    { text-decoration: none }
A:visited.noul { text-decoration: none }
A:hover.noul   { text-decoration: none }

.sitemenu    { font-size:13px }
A:link.sitemenu    { text-decoration: none; color: #000000 }
A:visited.sitemenu { text-decoration: none; color: #000000 }
A:hover.sitemenu   { text-decoration: none; color: #000000; background: none }

.site_feedback {
	padding:10px 10px;
	position: fixed;
	z-index: 100;
	top:300px;
	left:0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	transition:all 400ms;
}

.site_feedback:hover {
	color:#FFF;
 	cursor:pointer;
 	padding-left:20px;
 	transition:all 400ms;
}

.site_notification {
	padding:10px 10px;
	position: fixed;
	z-index: 100;
	left:0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	color:#FFF !important;
	font-weight:bold;
	font-size:16px;
	transition:all 400ms;
	text-decoration:none;
}

.site_notification:hover {
	color:#FFF;
 	cursor:pointer;
 	padding-left:20px;
 	transition:all 400ms;
}

.site_notification.notification_note {
	top:350px;
	background-color: #FF9900;
}

.site_notification.notification_account {
	top:400px;
	background-color: green;
}

.site_notification.notification_critical {
	top:450px;
	background-color: red;
}
.site_notification.notification_todo {
	top:500px;
	background-color: purple;
}
.site_notification.notification_create{
	top:550px;
	background-color: lightblue;
}

#create_note{
	padding:20px 0px;
}
#create_note > div{
	padding: 10px 0px;
	float:left;
	text-align:left;
	width:100%;
}
#create_note > div > label{
	vertical-align: top;
	width:20%;
	height:100%;
}

@media only screen 
and (max-device-width : 1024px) {
	.site_notification{
		color:white;
		top:0px;
		padding:2px 32px;
		border-radius:0;
		left:510px;
		position:absolute;
	}
	.site_notification:hover{
		color:white;
		top:0px;
		padding:2px 32px;
		border-radius:0;
		left:510px;
		position:absolute;
	}
}

.wrapper {
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 2px;
	width: 980px;
	background: white;
	position: relative;
}

#header {
	/*height:92px;*/
}

#container {
	min-height:560px;
	padding-bottom:20px;
}

#footer {
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
	border:1px solid #CCC;
	border-width:1px 0 1px 0;
	padding:10px 2px;
	background: #fff;
}

#footer p {
	color:#5f6c77;
	font-weight:bold;
	font-size:12px;
}
#footer a:link    { text-decoration: none; color: #5f6c77 }
#footer A:visited { text-decoration: none; color: #5f6c77 }
#footer A:hover   { text-decoration: underline; color: #5f6c77 }

#popheader,
#popcontainer {
	background: white;
}

a img {
	border: none;
}

#signed p {
	color: #20637f;
	font-size: 12px;
	font-family: Arial,sans-serif;
}
#signed p a {
	color: #20637f;
}

#help {
	border: 1px solid #B8C726;
	padding: 10px;
}
#help li {
	list-style: none;
	padding-bottom: 5px;
}
#help a.back,
#help li a {
	color: #004D6D;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
#help a.back:hover,
#help li a:hover {
	text-decoration: underline;
}

p.site_name {
	font-family: Arial, sans-serif;
	font-size:40px;
	padding:0;
	margin:8px 0 0 0px;
}

#sform {
	float:right;
	margin:8px 10px 0 10px;
	padding:0px;
	width:142px;
	display:block;
	border:1px solid #CCCCCC;
}
#sform input#qsbasic {
	height:18px;
	line-height:18px;
	width:106px;
	padding:7px 2px;
	border:0;
	background:white;
}
#sform input#qsimg {
	height:32px;
	width:32px;
	position:absolute;
}



table#actionsummary {
	width:110px;
	margin:0px 0 0 10px;
}
#actionsummary td, th {
	font-size:12px;
	line-height:11px;
}
#actionsummary th {
	background-color: #cedee8;
}
#actionsummary .rowcolor {
	background-color:#EEEEEE;
}

.dialogBG{z-index:1000;background:rgba(0,0,0,0.4);position:fixed;top:0;left:0;width:100%;height:100%;}
.dialogO{position:absolute;top:50%;left:50%;}
.dialogI{
	background:#FFFFFF;color:#000;position:relative;left:-50%;border:8px solid rgba(0,0,0,0.6);padding:14px;min-width:68px;min-height:68px;
	border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;-o-border-radius:12px;
}
.dialogX{
	position:absolute;top:28px;right:28px;width:40px;height:40px;background:#000;background-color:rgba(0,0,0,0.6);color:#fff;font:bold 24px/40px Arial, sans-serif;text-align:center;cursor:pointer;
	border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;
}
.dialogBG.medium-width > .dialogO > .dialogI{width:820px;}

div.rhs_button {
	font-size:12px;
	margin:5px 0 5px 0;
	text-align:center;
	padding:3px 3px 3px 3px;
	background-color:#FFFFCC;
	border:solid #999999;
	border-width:0 1px 1px 0;
	margin-bottom:0px;
}

div.rhs_button_off {
	background-color:#CCCCCC;
}
div.rhs_button_off a {
	color:#666666;
}
div.rhs_button_off a:hover {
	color:#000000;
}

.but_right {
	float:right;
	margin-left:20px;
}

form.but_right {
	padding:0;
	margin-top:4px;
}

form.but_right input,
form.but_right select {
	height:27px;
}
form.but_right input#basic {
	width:220px;
}

.but_advanced_search {
	width:150px;
}


#clientpaneldiv {
	background:white;
	/*
	background: #EEEEFF;
	*/
	padding:5px;
	border:1px solid #CCCCCC;
	border-color:#CCC black black #CCC;
}

tr.jone {
	background: #EAFAFF;
}

tr.jtwo {
	background:white;
}

tr.jover {
	background:#99CCFF;
}

tr.jlatched {
	background: #99CCFF;
}

tr.jlastedited {
	background: #CCDDEE;
}



#navigation {
	display:block;
	height:26px;
	width:980px;
	background:white;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}
ul.top-level {
	margin: 0px;
	padding: 0px;
	display:block;
}

#navigation li { list-style: none; }
ul.top-level li {
	margin: 0;
	float:left;
	height:auto;
	background:#777;
	margin-right:7px;
	z-index:99 !important;
}
ul.top-level li.onright {
	margin: 0;
	margin-left:7px;
	float:right;
}


#navigation a {
	color:white;
	background:#777;
	font-weight:normal;
	padding: 5px 8px 5px 8px;
	font-size:14px;
	display:block;
	text-decoration: none;
	line-height: 1.2em;
}
#navigation a span {
	background:#f36b22!important;
}
#navigation a:hover, #navigation a.current_page, #navigation a.current_page_parent {
	color: #FFF;
	text-decoration:none;
	background:#f36b22!important;
}
#navigation a:hover span, #navigation a.current_page span, #navigation a.current_page_parent span {
	background:#777!important;
}
#navigation a.signout {
	background:#999;
}

#navigation li:hover {
	position: relative;
}

li > ul.sub-level, li > div {
	display: none;
}

li:hover > .sub-level, li:hover > div {
	display: block;
	font-weight: normal;
	position: absolute;
	margin:0;
	padding:0;
}

li:hover > div {
	/*width:528px;*/
	left:-152px;
	background-color:#777;
}

li:hover > div > ul {
	font-weight: normal;
/*	float:left;*/
	display:table-cell;
	border:1px solid #fff;
}

li:hover > div > ul:last-child li {
	margin-right:0;
}

li:hover > div > ul li:first-child {
	min-height:30px;
}

li:hover > div > ul li {
	min-height:30px;
}

li:hover > div > ul li a {
	min-height:30px;
}

ul.sub-level li {
	width:174px;
	float:none;
	border:none;
	margin:0;
	padding:0;
}

ul.sub-level .colheading span {
	color:#fff;
	font-weight:bold;
	border:none;
	padding-left:5px;
	padding-top:8px;
	float:left;
}

.strength_bar_container{display:block;float:left;margin-right:12px;height:16px;}
.strength_bar{display:inline-block;margin:4px 0;height:8px;}
.strength0 .strength_bar{width:5%;background-color:#ff0000;}
.strength1 .strength_bar{width:24%;background-color:#ff0000;}
.strength2 .strength_bar{width:43%;background-color:#ff5f5f;}
.strength3 .strength_bar{width:62%;background-color:#56e500;}
.strength4 .strength_bar{width:81%;background-color:#4dcd00;}
.strength5 .strength_bar{width:100%;background-color:#399800;}

/** cloud menu **/

#cloud_menu {
	background: #2d2d2d;
	width: 100%;
}

.cloud_menu_holder {
	width: 984px;
	margin: 0 auto 0 auto;
}

#cloud_menu ul {
	list-style-type: none;
	display: inline-block;
	float: right;
	width: auto;
	margin: 0;
	padding: 0;
}

#cloud_menu ul li {
	float: left;
}

#cloud_menu li {
	padding: 0 0 0 30px;
}
#cloud_menu li a {
	color: #fff;
	line-height: 25px;
	display: block;
	text-decoration: none;
	padding: 0 0px 0 10px;
	font-weight: bold;
	font-size: 13px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#cloud_menu li a:hover, #cloud_menu li a.current_module {
	opacity:1;
	filter:alpha(opacity=100);
}

#cloud_menu li a.current_module {
	padding: 0 10px 0 10px;
	color:#2d2d2d;
	/*
	text-decoration: underline;
	*/
}

ul.si_tab li{
	padding:4px 10px;
}

/* Secure Switch */
#secure_wrapper .padlock {
	float:right;
	width:34px;
}
#secure_wrapper {
	float:right;
	margin-right:10px;
	/*
	position:absolute;
	margin-left:520px;
	*/
	margin-top:8px;
}

#secure_wrapper .securebutton {
	height:26px;
	/*
	cursor:pointer;
	*/
}

/*
#secure_wrapper .securebutton:hover {
	opacity:0.6;
}
*/

#pwd_vault { 
	font-family: Arial, sans-serif; 
	font-size:22px; margin:10px 0 15px 0; 
	padding:0 
}

.report_button_1 {
	width:70px;
	position:absolute;
	margin-left:827px;
	top: 100px
}

.report_button_2 {
	width:70px;
	position:absolute;
	margin-left:747px;
	top: 100px;
}

#ajax_wrapper {
	margin:0 auto;
	width:300px;
	background:#FFF;
	opacity: 1;
	z-index: 100;
	position:absolute;
	border-radius: 8px;
	top:200px;
	left:50%;
	margin-left:-150px;
	display:none;
}
#ajax_loader {
	display:block;
	z-index:999;
	float:left;
	margin-left:114px;
	margin-top:20px;
}
#ajax_text {
	clear:both;
	float:left;
	width:100%;
	text-align: center;
	margin-top:10px;
}
#callBackShade {
	background-color:#000000;
	height:100%;
	width:100%;
	position:fixed;
	margin:0;
	padding:0;
	left:0px;
	top:0px;
	opacity:0.6;
	display:none;
	z-index:98;
}

/* Reports */

.report_title {float:left;width:800px;}
.report_print {float:right; width:70px;}

.add {
	color:green;
}
.subtract {
	color:red;
}

/** help section styles **/

div.help_block {
	background: #f5f5f5;
	padding: 10px;
	margin-bottom: 20px;
	display: none;
}

div.help_block_selected {
	display: block;
}

div.help_block h2 {
	color: #f36b22;
	font-size: 18px;

}

#help_submit_button {
	float: right;
	margin-right: 330px;
	background: #f36b22;
	border: solid 1px #999;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.help_jump_holder {
	background: #f5f5f5;
	padding: 20px;
	margin-bottom: 20px;
}

.help_jump_holder select {
	width: 400px;
}

ul.cont_details {
	list-style-type: none;
}

ul.cont_details li {
	padding-left: 180px;
	position: relative;
	padding-bottom: 10px;
}

ul.cont_details li span {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

p.help_success_message {
	font-weight: bold;
}


#site_header_message {
	height:26px;  
    float:left; 
    padding-top:6px; 
    position:absolute; 
    margin-left:-354px; 
    margin-bottom:10px; 
    padding-left:20px; 
    padding-right:20px; 
    padding-top:8px; 
    color:#FFFFFF!important;
    color:green;
    clear:both;
}

/** new help menu **/

#help_menu {
	background: #f5f5f5;
	padding-top: 10px;
}

#help_menu ul {
	list-style-type: none;
	clear: both;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

#help_menu li {
	float: left;
	width: 232px;
	
	
	margin-right: 10px;
	margin-bottom: 10px; 
}

#help_menu li a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background: #f36b22;
	min-height: 35px;
}

#help_menu li a:hover {
	background: #777 !important;
}

#help_menu li a.help_menu_active {
	background: #333 !important;
}


.clear_float {
	clear: both;
}

/* Client reporting */
.report {
	text-decoration: none;
}

.report_canvas .chart_wrapper {
	width:966px;
	height:440px;
	float:left;
	display:none;
	padding:0;
	margin:0;
	border-bottom:2px solid #EEE;
}

.report_canvas .chart_close {
	width:100%;
	float:left;
	text-align: center;
	cursor: pointer;
	padding:4px 0px;
	background:#EEE;
	color:#AAA;
}

.canvas_inner {
	width:966px;
	height:440px;
	float:left;
}

.report_canvas .chart_close:hover {
	background:#DDD;
	color:#666;
}

/* login page */
.loginpassword {
	width:40px;
}

#login_left {
	/*
	float:left;
	*/
	margin:auto;
	width:500px;
	padding:30px;
	margin-bottom:40px;
	border:1px solid #ccc;
}

/* Divisions */
.division_select {
	margin-bottom:10px;
	clear:both;
}
.division_select select {
	padding:4px;
} 

/* Site user page */
.user_warning {
	color:red;
	background:pink;
	padding:20px;
	float:left;
	width:600px;
	text-align: center
}

.multi-checkbox{border:1px solid #CCCCCC;border-width:1px 0;overflow-y:auto;overflow-x:hidden;height:150px;min-width:300px;}
.multi-checkbox .checkbox-wrapper{padding:4px 0;}
.multi-checkbox .checkbox-wrapper label{display:inline-block;padding:1px 0;height:14px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.multi-checkbox.narrow .checkbox-wrapper label{max-width:268px;}
.multi-checkbox.wide .checkbox-wrapper label{max-width:668px;}
.multi-checkbox .checkbox-wrapper.moveable{padding:2px 18px;margin:1px;cursor:move;}
.multi-checkbox .checkbox-wrapper.moveable.ui-sortable-placeholder{visibility:visible !important;display:block;height:16px;background:orange;opacity:0.4;}
.multi-checkbox .checkbox-wrapper.moveable.ui-sortable-placeholder *{visibility:hidden;}
.multi-checkbox .checkbox-wrapper.moveable:hover{outline:1px solid orange;}
.multi-checkbox .checkbox-wrapper.moveable .handle{display:none;float:left;margin-left:-18px;vertical-align:middle;}
.multi-checkbox .checkbox-wrapper.moveable .remove{display:none;float:right;margin-right:-18px;vertical-align:middle;cursor:pointer;}
.multi-checkbox .checkbox-wrapper.moveable:hover .handle, .multi-checkbox .checkbox-wrapper.moveable:hover .remove, .multi-checkbox .checkbox-wrapper.moveable:hover .edit{display:block;}
.multi-checkbox .checkbox-wrapper.moveable:last-child .move-down{display:none;}
.multi-checkbox.large{height:300px;}
.multi-checkbox label{display:block;position:relative;padding:4px 0;vertical-align:middle;}
.multi-checkbox input[type=checkbox]{box-sizing:content-box;padding:3px;margin:0;border:1px solid #aaa;height:8px;width:8px;vertical-align:middle;}


@media only screen 
and (max-device-width : 1024px) {
	.site_feedback{
		color:white;
		top:0px;
		padding:2px 32px;
		border-radius:0;
		left:510px;
		position:absolute;
	}
	.site_feedback:hover{
		color:white;
		top:0px;
		padding:2px 32px;
		border-radius:0;
		left:510px;
		position:absolute;
	}
}


#timeout_overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  z-index: 92;
  cursor: pointer;
}
#timeout_text{
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}