.m_title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#afafaf;
	margin-left:38px;
	margin-top:20px;
}

.m_subtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#afafaf;
}

.m_separator{
	height:1px;
	background-color:#d7d7d7;
	margin-top:6px;
	margin-bottom:27px;
	margin-left:38px;
	margin-right:30px;
}
.m_separator_inner{
	height:1px;
	background-color:#d7d7d7;
	margin-top:10px;
	margin-bottom:10px;
}

.m_table{
	padding-left:30px;
	padding-right:30px;
	color:#555555;
}

#other_content a{
	color:#0379d8;
	font-decoration:underline;
}

#other_content a:hover{
	color:#0070bc;
	font-decoration:underline;
}

.table_head{
	color: #0379D8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.m_table input[type=text]{
	border:1px solid #0379D8;
	background:#ffffff;
}
.m_table input[type=text]:focus{
	border:1px solid #0379D8;
	background:#e2fbff;
	color:#0379D8;
}

.m_text_input{
	background-color:#ffffff;
	border:1px solid #0379D8;
	color:#0379D8;
	height:25px;
}

.regular{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#050505;
	height:12px;
}


.regular_bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#050505;
	font-weight:bold;
	min-height:12px;
}

.gray{
	color:#999999;
}

.m_text_input_selected{
	background-color:#e2fbff;
	border:1px solid #0379D8;
	color:#0379D8;
	height:25px;
}

.green_left{
	width:16px;
	height:34px;
	background: url(../images/middle/green_left.png?*~BUILD_VERSION~*) no-repeat;
	float:left;
}
.green_right{
	width:16px;
	height:34px;
	background: url(../images/middle/green_right.png?*~BUILD_VERSION~*) no-repeat;
	float:left;
}
.green_middle{
	height:34px;
	line-height:34px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;	
	padding-left:10px;
	padding-right:10px;
	background-color:#00a651;
	float:left;
	cursor:pointer;
}
.green_msg{
	color:#00A651;
}
.red_msg{
	color:#E60A0A;
}

.filter_head{
	background:url(../images/middle/bg_select.png?*~BUILD_VERSION~*) no-repeat 0 0;
	color:white;
	width:137px;
	height:22px;
	line-height:22px;	
	cursor:pointer;
	padding-left:8px;
}

.filter_select{
	width:137px;
	height:22px;
	line-height:22px;	
}

.archived_image{
	width:110px;
	height:120px;
	padding:5px;
	float:left;
	border:1px solid #00ccee;
	text-align:center;
	margin:2px 2px 10px 10px;
}

#notifications_filter_by_device{
	width:137px;
	padding-left:10px;
}

#notifications_filter_by_status{
	width:137px;
	padding-left:10px;
}

#notifications_filter_by_method{
	width:137px;
	padding-left:10px;
}

.btn{
	background-color:#3295f8;
	color:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0px;	
	height:22px;
	line-height:22px;
	margin:1px;
	text-align:center;
	min-width:75px;
}

.btn:hover{
	background:#025cb6;
	color:#fff;
	cursor:pointer;
}
.btn-orange{
	background-image: url("../images/devices/button_scenes.png?*~BUILD_VERSION~*");
        background-repeat: no-repeat;
        background-position:center;
	color: #ffffff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0px;	
	height:22px;
	line-height:22px;
	margin:1px;
        width: 80px;
}

.normal_button{
	background-color:#00CCEE;
	color:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0px;	
	height:22px;
	line-height:22px;
	margin:1px;
}


.btn_mid_selected{
	background-color:#0379d8;
	color:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0px;	
	height:22px;
	line-height:22px;
	margin:1px;
	width:180px;
	text-align:left;
}
.btn_mid{
	background-color:#FFFFFF;
	color:#0379d8;
	border:0px;	
	height:22px;
	line-height:22px;
	margin:1px;
	width:180px;
	text-align:left;
}


.skinned-form-controls input[type="checkbox"],
.skinned-form-controls input[type="radio"]
{
	position: absolute;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}

/* prevent the entire page from scrolling if there is overflow and checkbox or radio button are clicked */
.skinned-form-controls label
{
	position: relative;
}

/* fallback for IE6, IE7 and IE8 */
.skinned-form-controls input[type="checkbox"],
.skinned-form-controls input[type="radio"]
{
	position: static\9;
}

.skinned-form-controls input[type="checkbox"] + span::before,
.skinned-form-controls input[type="radio"] + span::before
{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-repeat:  no-repeat;
}

.skinned-form-controls input[type="checkbox"]:checked + span::before
{
	background-position: 0 -20px;
}

.skinned-form-controls input[type="radio"] + span::before
{
	background-position: -20px 0;
}

.skinned-form-controls input[type="radio"]:checked + span::before
{
	background-position: -20px -20px;
}

/* disabled form elements */
.skinned-form-controls input[type="radio"]:disabled + span,
.skinned-form-controls input[type="checkbox"]:disabled + span,
.skinned-form-controls input[type="radio"]:disabled + span::before,
.skinned-form-controls input[type="checkbox"]:disabled + span::before
{
	-moz-opacity: .4;
	-webkit-opacity: .4;
	opacity: .4;
}

/* focused and active form elements */
.skinned-form-controls input[type="checkbox"]:focus + span::before,
.skinned-form-controls input[type="radio"]:focus + span::before,
.skinned-form-controls input[type="checkbox"]:active + span::before,
.skinned-form-controls input[type="radio"]:active + span::before
{
	outline: dotted 1px #ccc;
}

/* skin-specific sprite */
.skinned-form-controls.skinned-form-controls-mac input[type="checkbox"] + span::before,
.skinned-form-controls.skinned-form-controls-mac input[type="radio"] + span::before
{
	background-image: url("../images/middle/sprite.png?*~BUILD_VERSION~*");
}


.select_styled{
	
}
span.customStyleSelectBox { 
	font-size:11px; 
	background-color: #0379d8;
	color:#FFFFFF; 
	padding:3px 7px 5px 5px;; 
	border:1px solid #e7dab0; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px; 
	margin-right:15px;
}
span.customStyleSelectBox.changed { 
	background-color: #00CCEE; 
}
.customStyleSelectBoxInner { 
	background:url(../images/middle/select_arrow.png?*~BUILD_VERSION~*) no-repeat center right; 
}


option{
	background-color:#00ccee;
	color:#FFFFFF;
}

OPTGROUP{
	background-color:#00ccee;
	color:#FFFFFF;
	font-weight:bold;
}

.iframe_content{
	font-family:Arial, Helvetica, sans-serif;
	color:#050505;
	background-color:#FFFFFF;
}

.iframe_content td{
	font-family:Arial, Helvetica, sans-serif;
	color:#050505;
}

.normal_text{
	color:#050505;
}

.wizard_box{
	background:#fff;
	color:blue;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border:2px solid #ccc;
}
.list_device{
	background:#fff;
	color:blue;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #ccc;
}

.btn_connect{
	background:url(../images/middle/connect.png?*~BUILD_VERSION~*) no-repeat 95% center;
	cursor:pointer;
	float:left;
	background-color:#00CCEE;
	color:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0px;	
	height:22px;
	width:100px;
	line-height:22px;
	margin:1px;
}
.btn_disconnect{
	background:url(../images/middle/connect.png?*~BUILD_VERSION~*) no-repeat 95% center;
	cursor:pointer;
	float:left;
	background-color:#FFA800;
	color:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0px;	
	height:22px;
	width:100px;
	line-height:22px;
	margin:1px;
}
.wifiscan1{
	background-color:#CCCCCC;
}
.wifiscan2{
}

.regular a{
	color:#0379d8;
	font-decoration:underline;
}

.regular a:hover{
	color:#0070bc;
	font-decoration:underline;
}
.active_icon{
	cursor:pointer;
}
#not_assigned_cameras{
	background-color:yellow;
}
#warning_infobar{
	background-color:yellow;
	font-size:14px;
	padding:5px;
	color:blue;
}

#warning_infobar a{
	color:blue;
	font-decoration:none;
}

#warning_infobar a:hover{
	color:black;
	font-decoration:none;
}


.regular_big{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#050505;
	min-height:12px;
}

.tickets{
	font-family:Arial, Helvetica, sans-serif;
	color:#050505;
}

.ticket_head{
	font-family:Arial, Helvetica, sans-serif;
	color:#050505;
	font-weight:bold;
}
.user_warning{
	background-color:#F9F975;
	padding:3px;
	font-weight:bold;
	color:red;
	font-size:14px;
}

/* thermostat scheduller CSS */
#scale_grid{
	background:url(../images/scale.png) no-repeat top left;	
	width:738px;
	height:132px;
	position:relative;
	border: 1px solid #888;
}
#scale_container{
	width:674px;
	height:89px;
	border: 0px dashed #888;
	bottom:41px;
	left:40px;
	position: absolute;
}
.drag {
	position: absolute;
	border: 1px solid #89B;
	background: #BCE;
	width: 14px;
	bottom: 0px;
	cursor: move;
	}
.handle {
	position: absolute;
	height: 10px;
	width: 14px;
	border: 1px solid #89B;
	background: #9AC; 
}
.NN{
	top: -4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
}
.NN{
	cursor: n-resize;
	left: 50%;
	margin-left: -8px;
}
.scale_selected {
	background-color: #ECB;
	border-color: #B98;
}
.scale_selected .handle {  
	background-color: #CA9;
	border-color: #B98;
}
/* end scheduller CSS */

.btn_mini{
	background-color:#3295f8;
	color:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:0px;	
	height:22px;
	line-height:22px;
	margin:1px;
	text-align:center;
	min-width:30px;
	
}
.btn_mini:hover{
	background:#025cb6;
	color:#fff;
	cursor:pointer;
}

.area_tile{
	border:1px solid #EEEEEE;
	float:left;
	padding:0;
	margin:0;
}
#setup_area_action{
	width:200px;
	padding-left:20px;
	float:left;
}

#setup_area_legend{
	width:200px;
	padding-left:20px;
	float:left;
}
.zone_low{
	background: url(../images/middle/yellow_pixel.png?*~BUILD_VERSION~*);
}
.zone_medium{
	background: url(../images/middle/green_pixel.png?*~BUILD_VERSION~*);
}
.zone_high{
	background: url(../images/middle/red_pixel.png?*~BUILD_VERSION~*);
}
.zone_selected{
	background: url(../images/middle/blue_pixel.png?*~BUILD_VERSION~*);
}