/* Minification failed. Returning unminified contents.
(1767,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/*
colpick Color Picker / colpick.com
*/


#picker {
	margin:0;
	padding:0;
	border:0;
	width:70px;
	height:20px;
	border:1px solid #ccc;
	border-right:20px solid green;
	line-height:20px;
	
}


/*Main container*/
.colpick {
	position: absolute;
	width: 346px;
	height: 170px;
	overflow: hidden;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	background:#ebebeb;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	/*Prevents selecting text when dragging the selectors*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/*Color selection box with gradients*/
.colpick_color {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 156px;
	height: 156px;
	overflow: hidden;
	outline: 1px solid #aaa;
	cursor: crosshair;
}
.colpick_color_overlay1 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
}
.colpick_color_overlay2 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/*Circular color selector*/
.colpick_selector_outer {
	background:none;
	position: absolute;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -6px;
	border: 1px solid black;
	border-radius: 50%;
}
.colpick_selector_inner{
	position: absolute;
	width: 9px;
	height: 9px;
	border: 1px solid white;
	border-radius: 50%;
}
/*Vertical hue bar*/
.colpick_hue {
	position: absolute;
	top: 6px;
	left: 175px;
	width: 19px;
	height: 156px;
	border: 1px solid #aaa;
	cursor: n-resize;
}
/*Hue bar sliding indicator*/
.colpick_hue_arrs {
	position: absolute;
	left: -8px;
	width: 35px;
	height: 7px;
	margin: -7px 0 0 0;
}
.colpick_hue_larr {
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #858585;
}
.colpick_hue_rarr {
	position:absolute;
	right:0;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 7px solid #858585; 
}
/*New color box*/
.colpick_new_color {
	position: absolute;
	left: 207px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Current color box*/
.colpick_current_color {
	position: absolute;
	left: 277px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Input field containers*/
.colpick_field, .colpick_hex_field  {
	position: absolute;
	height: 20px;
	width: 60px;
	overflow:hidden;
	background:#f3f3f3;
	color:#b8b8b8;
	font-size:12px;
	border:1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_rgb_r {
	top: 40px;
	left: 207px;
}
.colpick_rgb_g {
	top: 67px;
	left: 207px;
}
.colpick_rgb_b {
	top: 94px;
	left: 207px;
}
.colpick_hsb_h {
	top: 40px;
	left: 277px;
}
.colpick_hsb_s {
	top: 67px;
	left: 277px;
}
.colpick_hsb_b {
	top: 94px;
	left: 277px;
}
.colpick_hex_field {
	width: 68px;
	left: 207px;
	top: 121px;
}
/*Text field container on focus*/
.colpick_focus {
	border-color: #999;
}
/*Field label container*/
.colpick_field_letter {
	position: absolute;
	width: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	background: #efefef;
	border-right: 1px solid #bdbdbd;
	font-weight: bold;
	color:#777;
}
/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
	position: absolute;
	right: 11px;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	background: transparent;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align: right;
	outline: none;
}
.colpick_hex_field input {
	right: 4px;
}
/*Field up/down arrows*/
.colpick_field_arrs {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 21px;
	cursor: n-resize;
}
.colpick_field_uarr {
	position: absolute;
	top: 5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #959595;
}
.colpick_field_darr {
	position: absolute;
	bottom:5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #959595;
}
/*Submit/Select button*/
.colpick_submit {
	position: absolute;
	left: 207px;
	top: 149px;
	width: 130px;
	height: 22px;
	line-height:22px;
	background: #efefef;
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_submit:hover {
	background:#f3f3f3;
	border-color:#999;
	cursor: pointer;
}

/*full layout with no submit button*/
.colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{
	display:none;
}
.colpick_full_ns .colpick_new_color {
	width: 130px;
	height: 25px;
}
.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
	top: 42px;
}
.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
	top: 73px;
}
.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
	top: 104px;
}
.colpick_full_ns .colpick_hex_field {
	top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
	display:none;
}
.colpick_rgbhex {
	width:282px;
}
.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
	width:68px;
}
.colpick_rgbhex .colpick_new_color {
	width:34px;
	border-right:none;
}
.colpick_rgbhex .colpick_current_color {
	width:34px;
	left:240px;
	border-left:none;
}

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{
	display:none;
}
.colpick_rgbhex_ns .colpick_new_color{
	width:68px;
	border: 1px solid #8f8f8f;
}
.colpick_rgbhex_ns .colpick_rgb_r {
	top: 42px;
}
.colpick_rgbhex_ns .colpick_rgb_g {
	top: 73px;
}
.colpick_rgbhex_ns .colpick_rgb_b {
	top: 104px;
}
.colpick_rgbhex_ns .colpick_hex_field {
	top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
	display:none;
}
.colpick_hex {
	width:206px;
	height:201px;
}
.colpick_hex .colpick_hex_field {
	width:72px;
	height:25px;
	top:168px;
	left:80px;
}
.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
	height: 25px;
	line-height: 25px;
}
.colpick_hex .colpick_new_color {
	left:9px;
	top:168px;
	width:30px;
	border-right:none;
}
.colpick_hex .colpick_current_color {
	left:39px;
	top:168px;
	width:30px;
	border-left:none;
}
.colpick_hex .colpick_submit {
	left:164px;
	top: 168px;
	width:30px;
	height:25px;
	line-height: 25px;
}

/*hex layout, no submit button*/
.colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {
	display:none;
}
.colpick_hex_ns .colpick_hex_field {
	width:80px;
}
.colpick_hex_ns .colpick_new_color{
	width:60px;
	border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
	background: #161616;
	border-color: #2a2a2a;
}
.colpick_dark .colpick_color {
	outline-color: #333;
}
.colpick_dark .colpick_hue {
	border-color: #555;
}
.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
	background: #101010;
	border-color: #2d2d2d;
}
.colpick_dark .colpick_field_letter {
	background: #131313;
	border-color: #2d2d2d;
	color: #696969;
}
.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
	color: #7a7a7a;
}
.colpick_dark .colpick_field_uarr {
	border-bottom-color:#696969;
}
.colpick_dark .colpick_field_darr {
	border-top-color:#696969;
}
.colpick_dark .colpick_focus {
	border-color:#444;
}
.colpick_dark .colpick_submit {
	background: #131313;
	border-color:#2d2d2d;
	color:#7a7a7a;
}
.colpick_dark .colpick_submit:hover {
	background-color:#101010;
	border-color:#444;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 14px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 14px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(../scripts/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

.popupdiv { 
    background-color:#fff;
    border-radius:0px;
    color:#000;
    display:none; 
    padding:0px 20px;
    min-width:400px;
	border:4px solid #222;
  
}
.b-close{
 cursor:pointer;
    
    height:24px; 
    width:24px;
    background:url(/images/close.png) left top no-repeat;
    position:absolute;
	right: 5px;
    top: 5px;
}


.commentspopup-content .b-iframe{  width:500px; height: 200px;  }


.accident-emergency-content .b-iframe{  width:850px; height:620px}
table.summarypopuptable { border-collapse:collapse;}
table.summarypopuptable td { background-color:#fff;padding:8px 12px; border:#f3f3f3 5px solid; font-size:15px; line-height:30px;}
table.summarypopuptable td:nth-child(even) { font-size:18px; }

.failedpopup-content .b-iframe{  width:650px; height:180px}



.evidimg-content .b-iframe{  width:620px; height:580px}
#evidimg .b-close {right:-10px !important;top:-10px !important; background:url(/images/close-white.png) left top no-repeat;height:30px; 
    width:30px;}

.confirmdelivery-content .b-iframe{width:570px; height:450px}

#filter-popup {
min-width:300px !important; background-color:#F5F5F5; padding:30px 50px;}
.filter-popup-content .b-iframe{  width:100%; height: 593px;}
.filter p { margin:0px !important; font-size:12px !important;}
.filter h3 {
margin-bottom:0px !important; margin-top:15px;
}




#delete-popup {
    min-width:350px !important;
    height:150px !important;

}

#copy-popup {
min-width:600px !important; background-color:#F5F5F5; padding:10px 20px 30px;}
.copy-popup-content .b-iframe{  width:590px; height: 540px; !important;}
.copy p { margin:0px !important; font-size:12px !important;}
.copy h3 {
margin-bottom:0px !important; margin-top:15px;
}








.txt-blue {
color: #0468a3 }
.printbuttons { display:none;}
@charset "utf-8";
/* CSS Document */

/* RESET CSS */


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1; font-family:Calibri, Arial; font-weight: normal; color:#111;}
html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-size:16px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration:none; color:#134f5c;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
p{ line-height:130%; margin:8px 0 8px 0;}

input { outline:none;}
td{ vertical-align:top;}

.currentpage{font-weight:bold!important; background-color: #ccc!important; border-radius:8px !important;cursor:default !important;}



/* Following CSS is for new report design */


.navigation.newpage{ display:inline-block; float:right; padding-top:12px;}
.navigation.newpage a img{ display:block; margin:0px auto 15px; }
.navigation.newpage a { height:15px; padding:5px 22px !important; display:block; color:#ff9900; float:left;  text-align:center; font-size:16px;  border-right: 1px solid #fff;}
.current{ color:#72e3a7 !important;}
.navigation.newpage a:last-child { border-right:none;}
.navigation.newpage a:hover { color:#fff ;  }
/*.current { background-image:url(/images/downarrow.png); background-position: center 25px ; background-repeat:no-repeat;}
*/


.newPageHeaderArea { padding:15px 0px; width: 1000px; margin: 0px auto 10px; border-bottom:1px solid #222;}
.newPageHeaderArea h2 { font-size:26px; font-weight: bold;}
.newPageHeaderArea h3 { font-size:20px; font-weight: bold; padding-top:5px;}

.reportdata { clear:both; padding-top:0px; font-size:16px;font-weight:bold}
.reportdata .first span { display: inline-block; float:left; padding-right: 25px; line-height:170%; text-align:left !important;}
.reportdata .second span { display: inline-block; float:left; padding-left: 25px;line-height:170%;  text-align:right !important;}
.reportdata div strong{ display:block; font-size:20px; }

.reportsummary {padding:10px 0px; width: 1000px; margin: 10px auto 10px; background-color:#e6e6e6;  }
.reportsummary span { border-right: 1px solid #000;  padding:0px 11px; font-size:15px;}
.reportsummary span:last-child{ border-right: none; padding-right:0px;}


.redbutton { background-color: #DD0005; width:120px; color:#fff;text-align:center; line-height:40px; display:block; float:left;}
.bluebutton { background-color: #039; width:120px; color:#fff; text-align:center; line-height:40px; margin-left:0px;display:block; float:left;}


.VMessage{    display: block;
    padding-left: 18px;
    background: url(/images/val16x16.png) left 3px no-repeat;
    font-size: 12px;
    line-height: 18px;
    color: #c00;
    margin-top: 5px;
    background-size: 2.5%;}


.VMessage-home{    display: block;
    padding-left: 18px;
    background: url(/images/val16x16.png) left 3px no-repeat;
    font-size: 12px;
    line-height: 18px;
    color: #c00;
    margin-top: 5px;
    background-size: 5.5%;}




.textBoldNumbers
{
    font-weight:bold;
    

}






/*
a.tooltip{
  position: relative;
  display: inline;
}
a.tooltip:after{
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 20%;
  opacity: 0;
  content: attr(data-tool); 
  height: auto;
  min-width: 500px;
  padding: 5px 8px;
  z-index: 999;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0,0,0,0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

a.tooltip:before {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0px;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0,0,0,0.85) transparent transparent transparent;
}
a.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
a.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 14px; }

a.tooltip.animate:after, a.tooltip.animate:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}



a.tooltip.bottom:after { bottom: auto; top: 0; }
a.tooltip.bottom:hover:after { top: 28px; }
a.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0,0,0,0.85) transparent;
  top: 0px
}
a.tooltip.bottom:hover:before { top: 20px; }


a.tooltip.right:after { left: 100%; bottom: -45%; }
a.tooltip.right:hover:after { left: 110%; bottom: -45%; }
a.tooltip.right:before {
  border-width: 5px 10px 5px 0;
  border-color: transparent rgba(0,0,0,0.85) transparent transparent;
  left: 90%;
  bottom: 2%;
}
a.tooltip.right:hover:before { left: 100%; bottom: 2%; }


a.tooltip.left:after { left: auto; right: 100%; bottom: -45%; }
a.tooltip.left:hover:after { right: 110%; bottom: -45%; }
a.tooltip.left:before {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent rgba(0,0,0,0.85);
  left: auto;
  right: 90%;
  bottom: 2%;
}
a.tooltip.left:hover:before { right: 100%; bottom: 2%; }

a.tooltip.blue:after { background:#5f87c2; }
a.tooltip.blue:before { border-color: #5f87c2 transparent transparent transparent; }
a.tooltip.bottom.blue:before{ border-color: transparent transparent #5f87c2 transparent; }
a.tooltip.right.blue:before { border-color: transparent #5f87c2 transparent transparent; }
a.tooltip.left.blue:before { border-color: transparent transparent transparent #5f87c2; }



*/































/* COLORS */
.color-green { color:#0697A6}
.color-blue { color:#004f5c}
.color-purple { color:#77277c}
.color-red { color: #F00}
.color-orange { color:#f7862a}
.color-grey{ color:#999;}





.border10 { border-left:10px solid #f1f1f1;border-top:10px solid #f1f1f1;border-right:10px solid #e6e6e6;border-bottom:10px solid #e6e6e6;}
.border5 { border:5px solid #e6e6e6;}

.float-left{ float:left;}
.float-right{ float:right;}
.center-text{ text-align:center}

.clearclass{ clear:both;}


h1, h2, h3, h4, h5, h6{line-height:150%; font-weight:normal; margin-bottom:10px;}
h1 { font-size:29px;}
h2 { font-size:20px; }
h3 { font-size:18px;}
h4 { font-size:17px;}
h5 { font-size:15px;}


.div100{width:97.5%;}
.width20 { width:20%;}
.width30 { width:30%;}
.width40 { width:40%;}
.width50 { width:50%;}
.width60 { width:60%;}
.width70 { width:70%;}
.width80 { width:80%;}
.width90 { width:90%;}

.width300px{width:300px;}
.width400px{width:400px;}
.width500px{width:500px;}

.margin-r-10{ margin-right:10px;}
.margin-l-10{ margin-left:10px;}
























/* Main button class */
.ph-button {
min-width:100px;border-style: solid; border-width: 0px 0px 2px; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;color: #FFFFFF;border-radius: 4px;cursor: pointer;display: inline-block;
font-style: normal;overflow: hidden;text-align: center;text-decoration: none;text-overflow: ellipsis; transition: all 300ms ease-in-out 0s; white-space: nowrap;font-weight: normal;padding: 16px 50px 15px;font-size: 20px;}


.ph-button-sml {
min-width:70px;border-style: solid; border-width:2px; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;color: #FFFFFF;border-radius: 4px;cursor: pointer;display: inline-block;
font-style: normal;overflow: hidden;text-align: center;text-decoration: none;text-overflow: ellipsis; transition: all 300ms ease-in-out 0s; white-space: nowrap;font-weight: normal;padding: 8px 25px 7px;font-size: 14px;}


.ph-button-vsml {
min-width:50px;border-style: solid; border-width:2px; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;color: #FFFFFF;border-radius: 4px;cursor: pointer;display: inline-block;
font-style: normal;overflow: hidden;text-align: center;text-decoration: none;text-overflow: ellipsis; transition: all 300ms ease-in-out 0s; white-space: nowrap;font-weight: normal;padding: 4px 10px 3px;font-size: 13px;}



/*purple
==========================*/
.ph-btn-purple {border-color: #4a006a;background-color: #6f298d; color:#fff;}
.ph-btn-purple:hover, .ph-btn-purple:focus {background-color: #000;border-color: #000;color:#fff;}
.ph-btn-purple:active{background-color: #000;border-color: #000;color:#fff;}




/*Green
==========================*/
.ph-btn-green {border-color: #09575B;background-color: #134f5c; color:#fff;}
.ph-btn-green:hover, .ph-btn-green:focus {background-color: #3a968b;border-color: #3a968b;color:#fff;}
.ph-btn-green:active{background-color: #09575B;border-color: #09575B;color:#fff;}



/*Blue
==========================*/
.ph-btn-blue {border-color: #003E4C;background-color: #006887;}
.ph-btn-blue:hover, .ph-btn-blue:focus{background-color: #003E4C;border-color: #003E4C;}
.ph-btn-blue:active {background-color: #003E4C;border-color: #003E4C; color:#fff;}


/*Grey
==========================*/
.ph-btn-grey {background-color: #e4e4e4;border-color: #b5b5b5; color:#000;}
.ph-btn-grey:hover, .ph-btn-grey:focus{background-color: #c5c5c5;border-color: #666666; color:#fff}
.ph-btn-grey:active {background-color: #666666;border-color: #212121; color:#fff;}

/*Red
==========================*/
.ph-btn-red {background-color: #ED5A5A !important;border-color: #EA4343 !important;}
.ph-btn-red:hover, .ph-btn-red:focus{background: none repeat scroll 0 0 #EB4848 !important;border-color: #833232 !important;}
.ph-btn-red:active {background: none repeat scroll 0 0 #833232 !important;border-color: #3d1717 !important;color:#fff;}


/*Mustard
==========================*/
.ph-btn-mustard {background-color: #ff8a2b !important;border-color: #d57424 !important;}
.ph-btn-mustard:hover, .ph-btn-red:focus{background: none repeat scroll 0 0 #a0571b !important;border-color: #4e2a0d !important;}
.ph-btn-mustard:active {background: none repeat scroll 0 0 #4e2a0d !important;border-color: #201105 !important; color:#fff;}



/*inactive
==========================*/
.ph-btn-inactive {background-color: #bbb !important;border-color: #bbb !important; color: #FFF; cursor:default;}


/*
.inactive-links
{
	color: #bbb!important;
	cursor: default!important;
     border: 1px solid #ddd!important;
     pointer-events:none;

}

.inactive-links-text
{
	color: #bbb!important;
	cursor: default!important;
     pointer-events:none;

    

}*/

table.CBFont td {
    padding:4px !important;
    font-size:15px !important;

}

.sucMessage {
  margin: 0px auto; padding: 8px; text-align: center; color: #fff; display:block; background-color: #009688;
}

.errMessage {
   margin: 0px auto; padding: 8px; text-align: center; color: #fff; display:block; background-color: #c00;
}


























/* 1. Widescreen State 
----------------------------------------------------------------------------------------------------------------- */

/* 
	no media query since this is the default size
*/
.wrapper {	min-height:100%;	position:relative; }
.contents {padding-bottom:70px;}
.topbar { background-color:#134f5c; border-bottom:1px solid #fff;padding: 5px 0px;}
.logoarea{ width:1003px; margin:0px auto;color:#999;}
.logoarea .logo{ height:45px; width:260px; display:block; float:left; text-indent:-9999px; background:url(/images/innerlogo.png) left top no-repeat;}
.logo a{ height:45px; display: block;}
.logoarea span{ float:right; padding-top:25px;}
.bottom-border{background-color:#009688; height:26px; padding:3px 0px 8px; border-bottom:1px solid #fff;}
.header-border{ height:8px;  background-color:#d0e0e3;}

.navigation{ display:inline-block; float:right; padding-top:12px;}
.navigation a img{ display:block; margin:0px auto 15px; }
.navigation a { height:15px; padding:5px 30px; display:block; color:#ff9900; float:left;  text-align:center; font-size:16px;  border-right: 1px solid #fff;background-color: #134f5c;}
.current{ color:#72e3a7 !important;}
.navigation a:last-child { border-right:none;}
.navigation a:hover { color:#fff ;  }
/*.current { background-image:url(/images/downarrow.png); background-position: center 25px ; background-repeat:no-repeat;}
*/
.a1 { background-color:#5cc3b2 }
.a2 { background-color:#0097a7;}
.a3 { background-color:#cc0000; width:90px!important;}


.no-right-border{ border-right:none!important;}
.content-heading{ width:1000px; margin:0px auto; padding-top:3px; }


.body-area { padding:5px 0px 0px; width:1003px; margin:0px auto; }


.namendatearea{ display:block; padding:12px 0px 12px 0px; border-bottom:1px solid #aaa; width:1000px; margin:0px auto 10px;}

.namendatearea h2 { display:inline;font-weight:bold; }

.datenyear { width:450px; display:inline-block; float:right; text-align:right; }
.datenyear .gobutton{ background-color: #134f5c; display:inline-block; float:right; color:#fff; width:50px; text-align:center; padding:8px 0px 7px; margin-left:15px; font-size:20px;}
.datenyear .gobutton:hover, .datenyear .gobutton:active { background-color: #0097a7; }


.totalaudits{background-color: #FF9900; display:inline-block; color:#fff; width:50px; text-align:center; padding:2px 0px; margin-left:15px;}

.greenbtn{background-color: #134f5c; display:inline-block; float:right; color:#fff; width:50px; text-align:center; padding:8px 0px 7px; margin-left:10px; font-size:20px;}

.content-heading h1 { color:#fff; display:inline-block; font-size:26px;}
.content-heading h1 span{ color:#fff; font-size:20px; margin-left: 10px; padding-left:10px; border-left:1px solid #aaa;}
.content-heading .uname, .content-heading .uname a { display:inline-block; float:right;color:#fff;  line-height:26px; font-size:14px; text-align:right}




.content-heading-popup h1 { color:#2c73ae; display:inline-block; font-size:26px; padding-left:10px;}
.content-heading-popup h1 span{ color:#aaa; font-size:20px; margin-left: 10px; padding-left:10px; border-left:1px solid #aaa;}


.dashboard-left{ width:240px; float:left;}
.rota-team-block { border:1px solid #eee; height:350px;}
.rota-team-block .heading { line-height:44px; background-color:#f7f7f7; padding-left:10px;height:44px; border-bottom:1px solid #eee;}
.rota-team-block .heading .totalrota{ padding-left:40px; background:url(/images/rotateamicon.png) left 5px no-repeat;  height:44px; line-height:44px; display:inline-block; float:left; font-size:22px; font-weight:normal; }
.rota-team-block .heading a{ line-height:20px; display:inline-block; float:right; border-color: #00597a;background-color: #00a7e5; color:#fff; border-radius:3px; padding:3px 10px; margin-top:8px; margin-right:8px;}

.rotascroll { height:265px; overflow:auto}
.rota-team-block ul { padding:20px 0px 20px 10px; }
.rota-team-block ul li { list-style:none; line-height:16px; font-size:16px; margin-bottom:18px; }
.rota-team-block ul li a{ text-decoration:underline; color:#0c4192;}
.rota-team-block ul li span{ border-radius:50px; height:12px; width:12px; display:block; float:left; margin-right:10px; background-color:#F88B3A; cursor:pointer; padding:2px}
.rota-team-block ul li span em{ height:12px; width:12px; display:block; }
.rota-team-block ul li span em:hover{ background:url(/images/white-dot.png) left top no-repeat;}
.selectedrota{ background:url(/images/white-dot.png) left top no-repeat;}

.rota-mem-info{ border:1px solid #f7ecdb;min-height:230px; margin-top:10px; background-color:#fbfaf4;}
.rota-mem-info .heading { line-height:44px; background-color:#f7f5ea; padding-left:10px;height:44px; border-bottom:1px solid #eee;}
.rota-mem-info .heading h1{padding-left:35px; background:url(/images/meminfo.png) left 5px no-repeat;  height:44px; line-height:44px; display:inline-block; float:left; font-size:18px; font-weight:normal;}
.rota-mem-info p{ clear:both; line-height:25px; padding:5px 10px 10px 10px;}




.dashboard-right{ width:750px; float:right;}
table.overview tr td { line-height:35px; padding-bottom:10px;} 


.ambiaud{    
    color: #CDDC39;
    line-height: 26px;
    font-size: 15px;
	float:left; display:inline-block;}


.ambiaud a{  color: #F9F9F9;
    }

.ambiaud a:hover{  
        color: #ff9900;
        text-decoration:underline;
    }



.termsdiv {  margin:0px auto; border:1px solid #eee; padding:35px; overflow:scroll; max-height:450px; background-color:#f6f6f6; text-align:justify; overflow-x: hidden;}










.org-reg-wrap{ width:700px; padding:10px 0px;  margin:10px auto;}
.org-reg-wra-block {padding:5px 20px 20px; margin:10px 0 20px 0; background-color:#F9F9F9; border:1px solid #DFDFDF; display:block;}
.org-reg-wra-block p { clear:both; display:block; padding:10px 0px;}
.org-reg-wra-block label{ line-height:27px; width:200px; float:left;display:block;}
.org-reg-wra-block span{ width:450px; float:left; font-size:11px; color:#666;}
.org-reg-wra-block-small{font-size:11px; color:#666;}
.org-reg-wra-block span input { padding:5px; border:1px solid #999; margin-right:10px; }
.org-reg-wrap h3 span { color:#333; font-size:12px;}






.tfoc-login-wrapper{ padding-top:150px;width:660px; margin:0px auto;}
.tfoc-login-wrapper h2 { font-size:22px; text-align:center; color:#6f298d; font-weight:normal;}
.tfoc-login-wrapper strong { text-align:center; color:#0C4192; font-weight:normal; display:block}
.loginbox {padding:20px; margin:10px 0 20px 0; background-color:#F9F9F9; border:1px solid #DFDFDF; display:block; border-radius:4px;}
.loginicon { width:250px; height:204px; display:block; margin:0px auto; background:url(/images/loginlogo.png) left top no-repeat; background-size:100%; margin-bottom:5px;}
.logoonlogin{padding-top:40px !important; padding-right:25px!important; border-right:1px solid #ddd; margin-right:25px;}
.keyicon { width:100px; height:100px; display:block; margin:0px auto; background:url(/images/key.png) left top no-repeat; background-size:100%; margin-bottom:5px;}
.loginbox td {padding:6px 10px 9px 10px;}
.loginbox td label{ line-height:28px;}
.loginbox input, input[type=text], input[type=date], input[type=time]{padding:4px 5px; border:1px solid #999;}
.loginbox select, select { padding:4px 5px; border:1px solid #999;}
.totalrota{height: 24px;  width: 24px;  border-radius: 50px;  background-color: #28B575;  color:#fff;  display: block;  line-height: 23px;
  font-size: 18px;  padding: 3px;  text-align: center;  margin-left: 6px;  margin-top: 5px;  font-weight:normal;}

.grayfullbox{background-color:#f7f7f7; border:1px solid #ddd; padding:20px; display:block;}
.grayfullbox-10padd{background-color:#f7f7f7; border:1px solid #ddd; padding:10px; display:block;}
.userimg-setup {float:right; width:91px; height:83px;border: 1px solid #ddd; background:url(/images/setupuer.png) center center no-repeat #f7f7f7; overflow:hidden;}
.userimg-setup img{width:91px; height:83px;}
table.bookrotatop td{ vertical-align:middle;}
.displayinlineblock { display:inline-block;}
table.rotalist-legend tr td { line-height:42px; }

.yellow { background: url(/images/yellowbox.png) left top no-repeat; padding-left:15px;padding-right:30px;}
.mustard { background: url(/images/mustardbox.png) left top no-repeat; padding-left:15px;padding-right:30px;}


table.bookedsidtable th { border:1px solid #d9d9d9; border-collapse:collapse; padding:8px; background-color:#ff9900; font-size:17px; color:#fff;}
table.bookedsidtable td { border:1px solid #d9d9d9; border-collapse:collapse;padding:8px;}


table.bookinsidtable th { border:1px solid #d9d9d9; border-collapse:collapse; padding:8px; background-color:#0d985f; font-size:17px; color:#fff;}
table.bookinsidtable td { border:1px solid #d9d9d9; border-collapse:collapse;padding:8px;}




table.standard th {
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
    padding: 8px 3px 8px 8px;
    background-color: #efefef;
    font-weight: bold;
    font-size: 14px;
    color: #134f5c;
    /*height: 129px;*/
    white-space: normal;
    width: 0px;
    vertical-align: top;
    /*height: 303px !important;*/
    text-align:left;
    
}
table.standard td { border:1px solid #d9d9d9; border-collapse:collapse;padding:8px; line-height:130%;font-size:13px;}
table.standard td a{ color:#0097a7; }


table.standardx th { border:1px solid #d9d9d9; border-collapse:collapse; padding:8px 5px; background-color:#efefef; font-weight:bold; font-size:16px; color:#000;}
table.standardx td { border:1px solid #d9d9d9; border-collapse:collapse;padding:8px; line-height:130%;font-size:15px;}
table.standardx td a{ color:#0097a7; }


table.itembooked td {padding:4px 15px; border-right:2px solid #000; font-weight:bold; }
table.itembooked td:last-child { border-right:none; padding-right:0px;}
.deletegrid{ background: url(/images/del.png) left top no-repeat; height:18px; width:18px; display:block; background-size:100%; margin:0px auto; }



.summaryicon{ background: url(/images/summary.png) left top no-repeat; height:18px; width:18px; display:block; background-size:100%; margin:0px auto; }
.detailicon{ background: url(/images/detail.png) left top no-repeat; height:18px; width:18px; display:block; background-size:100%; margin:0px auto; }
.removeicon { background: url(/images/close.png) left top no-repeat; height:18px; width:18px; display:block; background-size:100%; margin:0px auto;}

.evidviewicon {
	background: url(/images/evidviewicon.png) left top no-repeat; height:18px; width:18px; display:block; background-size:100%; margin:0px auto; 
	}
.removegrid{ background: url(/images/remove.png) left top no-repeat; height:18px; width:18px; display:block; background-size:100%; margin:0px auto; }


.onleave{ background-color:#fffe9f}
.repeatentry{ background-color:#ff9900}


.pageheadingandnavx{ height:41px;background-color:#3d5ca2; color:#fff; }
.pageheadingandnavx .contents { width:980px; margin:0px auto; text-align:right; display:block;line-height: 21px;}
.pageheadingandnavx .subnav { width:392px; float:right}
.pageheadingandnavx .subnav a{color:#fff; border-right:1px solid #fff; padding:10px 15px; float:left;}
.pageheadingandnavx .subnav a:last-child{ border-right: none;}
.pageheadingandnavx .subnav a:hover, .pageheadingandnavx div a.selected { background-color:#253761;}




.pageheadingandnav{ height:41px;background-color:#a21a1a; color:#fff; }
.pageheadingandnav .contents-setup { width:980px; margin:0px auto; text-align:right; display:block;line-height: 21px;}
.pageheadingandnav .contents-setup .subnav { width:180px; float:right}
.pageheadingandnav .contents-setup .subnav a{color:#fff; border-right:1px solid #fff; padding:10px 15px; float:left;}
.pageheadingandnav .contents-setup .subnav a:last-child{ border-right: none;}
.pageheadingandnav .contents-setup .subnav a:hover, .pageheadingandnav div a.selected { background-color:#580F0F;}






.company-name, .today-date { line-height:70px;font-size:25px;} 

.today-date { color:#999; float:right;} 

.navx{ width:1003px; margin:0px auto;}
.navigationx { clear:both;}
.navigationx a{ list-style:none; float:left; width:20%; text-align:center; background: url(/images/nav-sep.png) top right no-repeat #F5F5F5; padding:15px 0px 20px; transition:all 0.5s ease; color:#222; font-size:16px;}
.navigationx a:last-child{ background-image:none;}
.navigationx a span{ display:block; text-align: center; line-height:48px; font-size:25px;}
.navigationx a:hover, .navigationx a:active { background-color:#444; color:#f7862a;}

.navigationx a.selected{ background-color:#189199; color:#fff;}

.login-info { border-top:1px solid #fff; background-color: #e4e4e4; clear:both; padding:10px 10px; color:#000; font-size:17px;}

.viewall { display:inline-block;float:left; width:40%;z-index:999; position:absolute;}
.viewall td{ padding-right:10px;}
.dashboard-detils{ float:right;display:inline-block;width:60%;}
.dashboard-detils ul { display:block; float:right; }
.dashboard-detils ul li{text-align:right; list-style:none; float:left; display:block; line-height:32px; border-right:1px solid #C60; padding-left:15px;padding-right:15px; color:#555; font-size:17px;}
.dashboard-detils ul li strong { padding-left:10px;}
.dashboard-detils ul li:last-child{ border-right:none;}

.popup .popup-body { min-height: 450px; width: 650px; margin-left: -370px;}


.popup-userinfo{ display:inline-block; float:left; }
.inductee-details tr { border-bottom:1px solid #ccc;}
.inductee-details td { padding: 10px 15px; color:#333; font-size:15px;}

.popup-ind-gallery{float:right; display:block;}
.popup-ind-gallery table { width:100%;}
.popup-ind-gallery td{ padding:10px 10px 0 0;}
.popup-ind-gallery td img { border:1px solid #ccc; width:100px; height:100px;}
.t-inductees {  color:#000; font-size:13px}



.notified:after{ color:#0C3; content:'\2714'; text-align:center;}

.induction-cam { width:800px; margin:0px auto; background-color:#f5f5f5; border:1px solid #ccc; padding:25px; margin-bottom:25px;}
table.take-picture{}
table.take-picture td{ text-align:center; padding:20px 0px; }
table.take-picture td:first-child{ background-color:#039; width:40%; background:url(/images/cam.png) top center no-repeat; padding-top:40px;}
table.take-picture td:last-child{ background-color:#c00; width:40%;background:url(/images/user.png) top center no-repeat;padding-top:40px;}
.photo{ width:100%; background:#fff; border:#ccc 1px solid; display:block; height:250px;}
.buttondiv { vertical-align:middle; font-size:14px; padding:0 10px!important;}
a.takephoto{ height:80px; width:80px; background:url(/images/takephoto.png) left top no-repeat; text-indent:-9999px; display:block; margin: 0px auto; margin-bottom:10px;}
a.takephoto:active{ height:80px; width:80px; background:url(/images/takephoto2.png) left top no-repeat;}




.progress{ display:block;  width:100%;}
.bar:before{ content:'Progress'; padding-left:15px; font-size:20px;}
.bar {background-image:linear-gradient(to right, #3aab47, #1c5322 ); margin-top:0px; height:30px; line-height:30px; color:#fff;}

.slider-controls { display:block; background-color: #eee; padding:10px 0px; width:100% }
.slider-controls a{ height:40px; width:40px; display:inline-block;   transition:all 0.25s; margin-left:10px;}
.slider-controls a:active{opacity:.5;}



.prev{background:url(/images/prev.png) left top no-repeat;}
.next{background:url(/images/next.png) left top no-repeat;}
.abort{background:url(/images/abort.png) left top no-repeat;}
.sound{background:url(/images/nosound.png) left top no-repeat;}
.nosound{background:url(/images/sound.png) left top no-repeat;}
.gotit{display:block; float:right;background:url(/images/gotit.png) left top no-repeat; margin-right:10px;}



.completed-icon{ width:128px; height:128px; display:block; margin:20px auto ; background:url(/images/tick.png) left top no-repeat;}


table.qna{ width:100%; border-collapse:collapse;}
table.qna tr { border-bottom:5px solid #fff;background: #fff7da;}
table.qna tr:nth-child(even) {background: #e8fdff;}

table.qna td{ padding:5px 0 5px 10px; vertical-align: middle; font-size:20px; line-height:130%; }
table.qna td:last-child{ text-align:right; width:160px; border-left:5px solid #fff;}

.yes{ height:68px; width:68px; display:inline-block; float:none; background-color:#fff; color:#000; transition:all 0.08s ease-out; line-height:30px; text-align:center; margin-right:10px; border:none; font-size:18px; border:1px solid #aaa;}
.yes:active,.yes-selected{ background-color:#1D631F; color:#fff;border:1px solid #1D631F;}

.no{ height:68px; width:68px; display:inline-block;float:none; background-color:#fff; color:#000; transition:all 0.08s ease-out; line-height:30px; text-align:center;border:none; font-size:18px; border:1px solid #aaa;}
.no:active,.no-selected{ background-color:#c00; color:#fff;border:1px solid #c00;}



.reception-security-top{ padding-top:15px;}
.reception-security-top span { display:inline-block; float:left; padding-right:15px;}
.reception-security-top span em{ font-size:28px; font-style:normal; line-height:30px; font-weight:bold;}
.reception-security-top input[type="text"] { font-size:24px; padding:12px 10px 13px; width:200px;}
.ptoday{ display: inline-block; float: right!important; font-size:26px;line-height:50px;}
.security { padding:25px; background-color:#f9f9f9; border:1px solid #ddd; display:block; margin-top:30px; min-height:400px;}



.prof{ width:50%; float:left}

#slider1 img{ height:400px; width:100%;}
#thumb{ width: 100%; margin: 0px;padding:0px;}
#thumb li { width: 23%;padding:15px 12px 0px 0px;float: left; list-style: none }
#thumb li:last-child{ padding-right:0px;}
#thumb a { width: 100%; display: block; }
#thumb li.activeSlide a { }
#thumb a:focus { outline: none; }
#thumb img { border: none; display: block ;height: 100px; }


.prof-details { width:48%; float:right }
.prof-details h1, .prof-details h3{ line-height: normal;}
.prof-details h1 { color:#039}


footer {line-height:30px; padding:5px 0px; border-top:1px solid #ccc; position:absolute; bottom:0; width:100%; left:0; font-size:13px;background-color:#607d8b; clear:both; }
.ambinet{ width:75px; height:27px; display:inline; float:right; background:url(/images/ambinet-logo.png) left 5px no-repeat;}
.footer-contents{width:1000px; margin:0px auto; /*padding-left:24px; background: url(/images/footericon.png) left 5px no-repeat;*/ text-align:right; color:#fff}


/*
.viewmem{ background: url(/images/viewmem.png) left top no-repeat; padding-left:30px;padding-right:30px;}
.addmem{background: url(/images/viewmem.png) left top no-repeat; padding-left:30px;padding-right:30px;}
.setupusers{background: url(/images/viewmem.png) left top no-repeat; padding-left:30px;padding-right:30px;}
.variables{background: url(/images/viewmem.png) left top no-repeat; padding-left:30px;padding-right:30px;}
.rdetails{background: url(/images/viewmem.png) left top no-repeat; padding-left:30px;padding-right:30px;}*/

.viewmem{  padding:0px 10px; border:1px solid #ccc; background-color:#fff;}
.viewmem.selected { background-color:#05d0b1; padding:0px 10px; color:#fff}
.viewmem.selected a{ color:#fff}
.viewmem a{ color:#333}

.nopadnobor{ padding-right:0px; border-right:none;}
.setup-left { width:210px; float:left; padding-right:50px; font-size:15px;}
.setup-left a{ display:block; color:#555; line-height:30px;  border-bottom:1px dotted #ccc; padding-left:0px; }
.setup-left a:hover { background-color:#f5f5f5}
.setup-left a.current {color:#FF9900!important; font-size:15px;}
.setup-right{ width:660px; float:left; padding-left:50px; border-left:1px solid #999; min-height:455px;}
.setupboxtop{padding:20px 20px 10px;background-color:#f9f9f9;}





.group-ending {
    border-bottom:1px dotted #009688 !important;
}

.box-mustard{ background-color:#ff9900;}
.box-green{background-color:#6acccb;}
.box-blue{background-color:#7c9cd2;}

.smltext{ color:#999; font-size:14px;}


.v2{ border:1px solid #ddd; padding:10px; background-color:#f9f9f9;}
table.setuppagetable tr td { vertical-align:middle; padding:8px 0px;}
.rota-text{ width:550px; margin:0px auto; text-align:center}
.bigname{ font-size:32px;}
.vrota-greenbox{ background-color:#d0efe7; padding:16px 25px; display:block; color:#000; font-size:26px; border-radius:30px; border:1px solid #fff; margin-bottom:15px;}
.vrota-greybox{ background-color:#e4e3e3; padding:14px 25px; display:block; color:#000; font-size:24px; border-radius:30px; border:1px solid #fff; margin-bottom:2px;}
.view-member-slider{ height:500px; clear:both; display: block; margin-top:20px;}



ul.rotalistbig { width:100%; height:150px;}
ul.rotalistbig li {list-style:none; padding:5px 25px 0px 15px;}
.padding-top-25{ padding-top:25px;}
.padding-top-15{ padding-top:15px;}
.padding-top-10{ padding-top:8px;}
.padding-top-5{ padding-top:5px;}
.padding-right-10{ padding-right:7px;}





.addeditemtable { padding:15px 25px 25px 25px;}
.addeditemtable td{ padding:5px 8px; vertical-align:middle}

.inactivefield{ background-color:#f5f5f5; color:#999;}
.login{ background-color:#006988;}
.white-text{ color:#fff;}


.page-left { width:703px; float:left; padding-right:20px; }
.page-right{ width:256px; float:left; padding-left:20px;  border-left:1px solid #ccc;}

table.dashboardcolored tr td{ text-align:center;}
.outstanding{ background-color:#5FEB9A}

.attention:hover, .outstanding:hover, .inadequate:hover, .good:hover{ background-color: #0085ff  !important;}
.good{ background-color: #47C0B1}
.attention{ background-color: #F90}
.inadequate{ background-color: #F20006}
.inactivebg{ background-color: #B3B3B3;}
.lightgrybg{ background-color: #f9f9f9;}
.lightgrybg strong { font-size:20px; padding-left:10px;}
.tik-gray{ background:url(/images/tik.png) center center no-repeat #10b559;}
.question-gray{ background:url(/images/question.png) center center no-repeat #F20006;}
.add-gray{ background:url(/images/plus.png) center center no-repeat #CCC;}
table.dashboardcolored { font-size:14px}
    table.dashboardcolored tr td a {
    text-decoration: underline;
    }
table.dashboardcolored tr:last-child td{ font-size:16px; background-color:#fff;}
.dboard-dots{ height:20px; width:20px; vertical-align:middle; border-radius:15px; margin:0px auto; display:block;}

input[type=date] {font-family:Calibri, Arial !important;}
.page-right input[type=date] { width:96%}
.w100{ width:100%;}

.page-right input, .page-right select{ border:none;}
.dboard-graybox { background-color:#E6E6E6; padding:10px;} 
.companyinfo { display: inline-block; float:left }

.headerwhiteheading { font-size:32px; color:#fff; padding-top:15px; font-weight:normal;}
.aud-rep-table tr th:first-child{ padding-left:25px;}
.aud-rep-table tr td:first-child{ width:375px; }
.aud-rep-table tr th{  vertical-align:middle}
.aud-rep-table tr th span { margin-top:130px;}
.vtxt {
-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    /* transform: rotate(-90deg); */
    color: #000;
    font-size: 14px;
    font-weight: normal;
    white-space: pre;
    background-color: #efefef;
    width: 27px;
    display: inline-block;
    height: 13px;
    /* margin-top: -155px; */
    float: left;
    
}

.aud-rep-table td { text-align:center;}
.rlevel td{ background-color:#f7f7f7} 
.aud-rep-table td:first-child { text-align:left;} 
.comments{ background: url(/images/commsign.png) right bottom no-repeat;}
.comments a{ color:#000 !important; }

.issuesummarypopupleft { /*width:35%;float:left;*/}
.issuesummarypopupleft-gray{  background-color:#f5f5f5; padding:15px; margin-bottom:20px;}
.issuesummarypopupleft-gray textarea { padding:8px; font-size:16px;}


.issuesumarypopupright { /*width:60%; float:right;  padding-left:25px; height:497px;*/}

.delicon{ background: url(/images/delicon.png) left top no-repeat; height:18px; width:18px; display:block; background-size:100%; margin:0px auto; vertical-align:middle}
.namendatearea-popup{ display:block; padding:20px 0px 0px 0px; border-bottom:1px solid #efefef; width:100%; margin:0px auto; margin-bottom:25px;}

table.report-table td, table.report-table th{ border:none; background-color:#fff;}
table.report-table th{ text-align:left; border-bottom:1px solid #ccc;}

table.rep-table-2 td{ text-align:center; font-size:22px;}
.reports-h2 { border-bottom:1px solid #ccc;}
ul.reportslist { padding-left:25px; padding-top:10px; margin-bottom:25px;}
ul.reportslist li{ list-style-position:outside; line-height:25px; }
.has-img { background:url(/images/hasimg.png) right center no-repeat; }

table.report-imgs td{ padding:2%; width:46%; }
table.report-imgs img{ width:100%}

.dboard-graybox input[type=button] { float:right;}

table.aud-rep-table tr:nth-last-child(2) {background-color:#F3F3F3; font-weight:bold;}
table.aud-rep-table tr:last-child {background-color:#E8E8E8;font-weight:bold;}

.inactive-tr
{
        color:#ccc;

}





.newdashboardh2 { color:#54b6a0; font-size:24px;}
table.filtertable tr td { padding-top:10px; line-height:30px; padding:5px 10px 0px 0px;}
table.filtertable tr td:first-child { font-weight:bold; padding-right:20px; }
table.filtertable tr td:last-child { padding-right:0px;}
table.filtertable tr td .ph-button-sml {padding: 5px 25px 5px !important; box-shadow: none !important; /*border-radius: 0px !important;*/}
table.filtertable tr td:last-child .ph-button-sml { background-color:#096dc1 !important; border-color:#096dc1 !important}
table.filtertable tr td:last-child .ph-button-sml:hover { background-color:#134f5c  !important; border-color:#134f5c  !important}
.margin-l-40 { margin-left:40px;}
.bg-darkblue { background-color:#144f5d;}
.bg-darkgray { background-color:#222;}
.toparea table { display:inline-block; margin-right:11px;}
.toparea tr:first-child td { font-size:14px;}
.toparea table td {padding: 7px 10px; min-width:43px;}
table.startend td {padding: 7px 18px; min-width:116px;}
.toparea table:last-child { margin-right:0px;}
.p15 { padding:15px !important;}
.mb15 { margin-bottom:15px;}
.mb10 { margin-bottom:10px;}
p.auditotpbar { width:32%; padding-right:1%; display: block; float: left; margin-bottom:15px;}
    
.auditotpbar-last-child {
    padding-right:0px!important;
    width: 50% !important;
    }





a.logouthover:hover {
    color:#ff8f3c !important;
}

#spnFilterText
{
    font-size:16px !important;

}



.failtd td:first-child span {
    display:inline-block; height:15px; width:15px; background-color:#c00;margin-right:10px;
}
.passtd td:first-child span {
    display:inline-block; height:15px; width:15px; background-color:#1cbd55;margin-right:10px;
}
.attentiontd {
 color: #ff9900;}
.attentiontd td:first-child span {
    display:inline-block; height:15px; width:15px; background-color:#ff9900; margin-right:10px;
}


/*#partialview2 table { margin-top: 25px;}*/








/*Temporary --------------------------------------------------*/

.topbar {
    background-color: #b0cac7;
    border-bottom: 1px solid #fff;
    padding: 0px;
}

.navigation.newpage {
    display: inline-block;
    float: right;
    padding-top: 12px;
}

.navigation {
    display: inline-block;
    float: right;
     padding-top: 0px; 
}

.navigation a {
    height: 45px !important;
    padding: 0px 22px !important;
    display: block;
    color: #ff9900;
    float: left;
    text-align: center;
    font-size: 16px;
    border-right: 1px solid #fff;
    line-height: 45px!important;
}

.navigation a:first-child
     {
    border-left: 1px solid #fff;

    }

    .navigation a:last-child {
    border-right: 1px solid #fff;

    }

.navigation a:hover { color:#fff ; background-color:#45818e  }

/*Temporary --------------------------------------------------*/

table.lev20 td:first-child {

padding-left:20px;}

.setuppagetable td {
    vertical-align: top !important;
    padding-top:13px;
}

.VMessageSml {
    display: block;
    padding-left: 16px;
    background: url(/images/val16x16.png) left 3px no-repeat;
    font-size: 12px;
    line-height: 18px;
    color: #c00;
    margin-top: 5px;
    background-size: 10.5%;
}




/* New dashboard css below*/
.ddboxtop {padding: 20px 0px 0px;width: 1000px;margin: 0px auto 10px; display:block; height:30px;}
.ddboxtop td{ line-height:40px;}
.ddboxtop td:first-child{ font-size: 18px;}
.ddboxtop select { width:290px; margin:0px 15px; padding:8px;}
.ddboxtop hr { margin-top:15px; display:block; clear:both}
span.greenbg{ background-color:#b6d7a8;}

span.greenbg a{ color:#000 !important;}
span.greenbg a:hover{text-decoration:underline;}


span.pinkbg{ background-color:#f9cb9c;}
span.redbg{ background-color:#ff5757;}
span.redbg a{ color:#000 !important;}
span.redbg a:hover{text-decoration:underline;}


span.orangebg{ background-color:#f6b26b;}
.fourweekauditsummary table td{ font-size:14px; padding:5px 8px;}
.fourweekauditsummary { max-height:200px; overflow:scroll; overflow-x: hidden;}
.twothird { width:670px; float:left; margin-right:12px;}
.twothirdx { width:650px; float:left; margin-right:12px;}
.tablex{ max-height:225px; overflow:scroll; overflow-x: hidden; padding:0; min-height:200px}
.tablex table td, .tablex table th{ text-align:left; padding:6px 8px;}
.tablex table td { font-size:13px; border-bottom:#ccc 1px solid;  }

.tablexx{ max-height:190px; overflow:scroll; overflow-x: hidden; padding:0; min-height:190px}
.tablexx table td, .tablex table th{ text-align:left; padding:6px 8px;}
.tablexx table td { font-size:13px; border-bottom:#ccc 1px solid;  }

tr.firstrow td { padding-top:10px;}
.redtxt { color:#c00;}
.redtxt a{ color:#c00 !important;}
.redtxt a:hover{text-decoration:underline;}


.greentxt {color:#139d44;}
.greentxt a{ color:#02b909 !important;}
.greentxt a:hover{text-decoration:underline;}

.tablex table th { border-bottom: 1px solid #222;}
.onethird { width:320px; float:left;}
.half { width:500px; float:left;}
.onethirdrow { width:323px; float:left;}
.margin-r-15 { margin-right:16px;}
.lrow tr:last-child td{ font-weight:bold; /*padding-top:15px;*/ border-bottom:none;}
.noscroll { overflow:hidden !important;}
h1.color-blue{color:#004f5c !important;}

.btnheightfixed {
padding: 5px 25px 7px;}

.nextprev {
    padding:12px 0px;
    text-align: right;
 }

.nextprev a:first-child {
        margin-right: 15px;
    }
    .nextprev a {
        margin-left: 15px;
        font-weight: bold;
        color: #000;
    }
.passes {
 background-color: #f7ffef !important; }

.main-4-weeks-grid-bg {
 background-color: #f7f7f7 !important; }

.fails {
background-color: #ffedeb !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.lastrowborder td {
    border-bottom:1px solid #ccc !important;
}

.fwidbtns {

    width: 100%; padding: 8px;

}

table.rpad td {
    padding-right: 5px !important;

}

table.rpad td:last-child {
    padding-right: 0px !important;

}
.bg-orngx {
     background-color:#ffab40;
}
.bg-grnx {
     background-color:#51e281;
}

.bigRadBtn {
    display: inline-block; padding:8px 18px 8px 12px; border-radius:4px; color:#000; font-size:18px; margin-right:12px;
}

input.bigRadBtn {
    display: inline-block;
    padding: 8px 22px 7px;
    border-radius: 4px;
    color: #000;
    font-size: 18px;
    margin-right: 12px;
    background-color: #ffab40;
    border: none;
    margin-top: -5px;
}


.animated-progress {
 
  background:url(/Images/progress.gif) center center no-repeat;
 
 }


.tablexnew{ max-height:250px; overflow:hidden; overflow-x: hidden; padding:0; min-height:200px}
.tablexnew table td, .tablexnew table th{ text-align:left; padding:6px 8px;}
.tablexnew table td { font-size:13px; border-bottom:#ccc 1px solid;  }

.tablexnewx{ max-height:190px; overflow:scroll; overflow-x: hidden; padding:0; min-height:190px}
.tablexnewx table td, .tablexnew table th{ text-align:left; padding:6px 8px;}
.tablexnewx table td { font-size:13px; border-bottom:#ccc 1px solid;  }

<!--
////////////////////////////////////////
////           Demo #1              ////
////////////////////////////////////////
-->

.dropcontainer {
	position:relative;
	font-size: 16px;
	color: #777;
	} 

.trigger {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width:100%;
	background: #fff url(/images/select-arrow-open.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.trigger:hover {
	color: #777;
	background: #f5f5f5 url(/images/select-arrow-open.png) 98% center no-repeat;
	}

.activetrigger {
	color: #777;
	padding: 10px;
	font-size: 16px;
width: 100%;
	background: #f5f5f5 url(/images/select-arrow-close.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger:hover {
	background: #f5f5f5 url(/images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.activetrigger:active {
	background: #f5f5f5 url(/images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.dropcontainer ul {
	font-size: 16px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	list-style-type: none;
	padding: 10px;
	margin: 0;
	width: 100%;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.dropcontainer ul li {
	padding: 5px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.dropcontainer ul li:hover {
	background: #f5f5f5;
	outline: none;
	}

.dropcontainer ul li:first-child {
	display: none;
	}

.dropcontainer ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	height: auto;
	}


@charset "utf-8";
/* CSS Document */






.rwd-table {
  margin: 1em 0;
  min-width: 300px;

}
.rwd-table tr {


  background-color:#f5f5f5;


    
}

.rwd-table tr:nth-child(odd) {

  background-color:#e1e1e1;
}


.rwd-table th {
  display: none;
   background-color:#ddd;
   font-weight:bold;
}
.rwd-table td {
  display: block;
}
.rwd-table td:first-child {
  padding-top: .25em;
}
.rwd-table td:last-child {
  padding-bottom: .25em;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: normal;
  width: 6.5em;
  display: inline-block;
}

.rwd-table th, .rwd-table td {
  text-align: left;
}
@media (min-width: 768px) {
	
	  .rwd-table td:before {
    display: none;
  }
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .15em .5em;
  }
  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
}



.rwd-table {

  color: #000;
  border-radius: .4em;
  overflow: hidden;
}
.rwd-table tr {
  border-color: #ccc;
}
.rwd-table th, .rwd-table td {
  margin: .5em 1em;
}
@media (min-width: 480px) {
  .rwd-table th, .rwd-table td {
    padding: 0.75em !important;
  }
}
.rwd-table th, .rwd-table td:before {
  color: #111;
}