body, html {
	background-color: #c5ccd4 !important;
	overflow: hidden !important;
}
.animated_box {
	border: 2px dashed red;
}
#wrapper{
	position: relative;
	overflow: hidden !important;
}
#wrapper1{
	position: relative;
	overflow: hidden !important;
}
.transparent{
	background-color: transpared !important;
}
a{
	text-decoration: none !important;
}
input[type="text"], input[type="text"]{
	color: #000000;
}
ul{
	overflow: hidden;
}
.scrolly {
	overflow-y: auto !important;
}
.fl_left{
	float: left;
}
.fl_right{
	float: right;
}
.bg_camera_list_footer{
	background-image: url('../img/camera-bg-list-footer.png');
	background-repeat: repeat-x;
}
.bg_camera_list_footer_selected{
	background-image: url('../img/camera-bg-list-footer-selected.png');
	background-repeat: repeat-x;
}
.bg_camera_view1{
	background-image: url('../img/camera-view-bg-1.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.bg_camera_view2{
	background-image: url('../img/camera-view-bg-2.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.bg_camera_view3{
	background-image: url('../img/camera-view-bg-3.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.bg_camera_view4{
	background-image: url('../img/camera-view-bg-4.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.bg_camera_view5{
	background-image: url('../img/camera-view-bg-5.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.bg_camera_view6{
	background-image: url('../img/camera-view-bg-6.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.bg_camera_view7{
	background-image: url('../img/camera-view-bg-7.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.bg_camera_header{
	background-image: url('../img/camera-header-bg.png');
	background-repeat: repeat-x;
}
.bg_camera_view_footer{
	background-image: url('../img/camera-footer-bg.png');
	background-repeat: repeat-x;
}
.bg_gray_emboss{
	background-image: url('../img/gray_bg.png');
	background-repeat: repeat-x;
}
.bg_dark_emboss{
	background-image: url('../img/dark_bg.png');
	background-repeat: repeat-x;
}
.bg_stripe{
	background-image: url('../img/stripe_smoke.png');
	background-repeat: repeat-y;
	background-position: top center;
}
.bg_stripe2{
	background-image: url('../img/stripe_smoke.png');
	background-position: top center;
}
.bg_android{
	background-image: url('../img/android_wallpaper.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left bottom;
}
.bg_camera_footer{
	background-image: url('../img/camera_footer.png');
	background-repeat:no-repeat;	
	background-size: contain;
}

.bg_lightgreen{
	background-color: #73d44a !important;	
}
.bg_black{
	background-color: #000000 !important;
}
.bg_white{
	background-color: #ffffff !important;
}
.bg_smoke{
	background-color: #c5ccd4 !important;
}
.bg_darkgray{
	background-color: #4a4a4a !important;
}
.bg_gray{
	background-color: gray !important;
}
.bg_lightgray{
	background-color: #dddddd !important;
}
.bg_bluegray{
	background-color: #23282b;
}
.color_green {
	color: #73d44c !important;
}
.color_white {
	color: #ffffff !important;
}
.color_gray {
	color: #b0b0b0 !important;
}
.color_black{
	color: #000000 !important;
}
.color_skyblue{
	color: #33b5e5 !important;
}
.color_red{
	color: red;
}
.w100_p {
	width: 100%;
}
.w700 {
	width: 700px !important;
}
.w600 {
	width: 600px;
}
.w150 {
	width: 150px !important;
}
.h150 {
	height: 150px !important;
}
.w280 {
	width: 280px !important;
}
.w350 {
	width: 350px;
}
.w320 {
	width: 320px;
}
.w390 {
	width: 390px;
}
.w600 {
	width: 600px;
}
.pad0 {
	padding: 0px !important;
}
.pad10 {
	padding: 10px !important;
}
.pad_r_10 {
	padding-right: 10px !important;
}
.mar0 {
	margin: 0px !important; 
}
.mar10 {
	margin: 10px !important; 
}
.mar5 {
	margin: 5px !important; 
}
.mar_l_10 {
	margin-left: 10px !important; 
}
.mar_r_10 {
	margin-right: 10px !important; 
}
.mar_l_100 {
	margin-left: 100px !important; 
}
.h30{
	height: 30px;
}
.h25{
	height: 25px;
}
.h30{
	height: 30px;
}
.h38{
	height: 38px;
}
.h20{
	height: 20px;
}
.h15{
	height: 15px;
}
.w15{
	width: 15px;
}
.h42{
	height: 42px;
}
.w42{
	width: 42px;
}
.h47{
	height: 47px;
}
.w1200 {
	width: 1200px !important;
}
.w100 {
	width: 100px;
}
.w60 {
	width: 60px;
}
.h100 {
	height: 100px;
}
.h60 {
	height: 60px;
}
.h65 {
	height: 65px;
}
.bdr_none {
	border: none !important;
}
.hide {
	display: none !important;  
}
.display {
	display: block !important;
}
.clickable{
	cursor: pointer;	
}

#header_black {
	background-color: #000000 !important;
}

#footer_black {
	background: url('../img/footer-bg-black.png') repeat-x !important; 
}
	#footer_black .footer_black_back{
		background-image: url('../img/icon-back-black.png');
	    background-repeat:no-repeat;
		background-size: contain;
	}
	#footer_black .footer_black_back:hover{
		background-image: url('../img/icon-back-hover-black.png');
	    background-repeat:no-repeat;
		background-size: contain; 
	}
	#footer_black .footer_black_home{
		background-image: url('../img/icon-home-black.png');
	    background-repeat:no-repeat;
		background-size: contain;
	}
	#footer_black .footer_black_home:hover{
		background-image: url('../img/icon-home-hover-black.png');
	    background-repeat:no-repeat;
		background-size: contain; 
	}

#wrapper {	
			
}

.listview_bg_trans {}
	.listview_bg_trans li {		
		
	}	
	.listview_bg_trans li.divider {
		text-shadow: none !important; 
		color: #a9bfd3 !important;
		background-color: #373c40;	
		border: 0px;
	}	
	.listview_bg_trans li a {
		padding: 5px 10px 5px 10px;
		text-shadow: none !important; 
		color: #ffffff !important;
		background-color: transparent !important;
		border-color:#44484b !important;	 
	}
	.listview_bg_trans li a.active {
		color: #006b98 !important; 	 
	}
	.listview_bg_trans li a.icon-wifi {
		background-image: url('../img/wifi-black.png');
	    background-position: 95% 45%;
		background-size: 30px; 	
		background-repeat:no-repeat;
	}
	.listview_bg_trans li a.icon-wifi-lock {		
		background-image: url('../img/wifi-lock-black.png');
		background-position: 95% 45%;
		background-size: 30px; 	
		background-repeat:no-repeat;
	}
	.listview_bg_trans li a p {	 
		color: #808080 !important;	 	 
	}
	
.dialog-black {
	border-color: #607483 !important;
	background: #2e4454 !important;
	text-shadow: none !important; 
}
	.dialog-black .ui-header{
		background: url('../img/msg-header-black.png') repeat-x !important; 
		text-shadow: none !important;
		border-color: #607483 !important;	 		
	}
	.dialog-black .ui-header h1{
		text-align: left !important; 
		margin-left: 15px;		
		color: #fff;
		text-shadow: none !important; 
	}
	.dialog-black p{	
		font-size: 9pt;
		color: #a2a2a2; 
		margin: 0px !important;
	}
	.dialog-black p.label{	
		color: #8eadbd; 
	}
	.dialog-black .ui-bar{	
		border-color: #607483 !important;	
		padding: 0px 6px 0px 6px;
		background: #8c8c8c !important;		
	}	
	.dialog-black .ui-bar a{	
		width: 23%;		
	}
	
.icon_click {
	height: 8px;
	width: 8px;
}

.icon_container{
	height: 60px;
	width: 60px;
	color: #fff;
	text-shadow: none !important; 
	text-decoration: none;
	font-weight: 100 !important;
}

.w300 {
	width: 300px !important;
}

.h100_p {
	height: 100% !important;
}

.mar0_auto {
	margin: 0 auto;
}
.mar_t_0 {
	margin-top: 0px !important;
}
.mar_t_10 {
	margin-top: 10px !important;
}
.mar_b_40 {
	margin-bottom: 40px;
}
.pad_t_0 {
	padding-top: 0 !important;
}
.pad_t_5 {
	padding-top: 5px !important;
}
.pad_t_10 {
	padding-top: 10px !important;
}
.pad_t_15 {
	padding-top: 15px !important;
}
.pad_b_10 {
	padding-bottom: 10px !important;
}
.font13{
	font-size: 13pt !important;
}
.font10{
	font-size: 10pt !important;
}
.font11{
	font-size: 11pt !important;
}
.font9{
	font-size: 9pt !important;
}
.font8{
	font-size: 8pt !important;
}
.font7{
	font-size: 7pt !important;
}
.alignl {
	text-align: left !important; 
}
.alignr {
	text-align: right !important; 
}
.alignm {
	vertical-align: middle !important; 
}
.alignc {
	text-align: center !important; 
}
.sub_header {
	background: #7a90ac;
	border-bottom: 1px solid #2e3743;
}
.sub_header b{
	text-shadow: none !important; 
}
.box_transparent{
	border: 1px solid #fff !important;
}
.font_b{
	font-weight: bold;
}
.font_n{
	font-weight: normal !important;
}
.top0{
	top: 0px;
}
.right0{
	right: 0px;
}
.left0{
	left: 0px;
}
.bottom0{
	bottom: 0px;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.border0{
	border: 0px !important;	
}
.opacity50 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.textshadow0{
	text-shadow: none !important; 
}
.border_gray_2{
	border: 2px solid #a0a0a0;
}
.border_bottom_1_green {
	border: 1px solid #73d44c;	
}
.border_bottom_0 {
	border: 0px solid #73d44c !important;	
}
.slider{
}
	.slider .ui-slider{
		margin: 0px !important;
		padding: 0px !important;
	}
	.slider .ui-slider .ui-slider-track{
		height: 3px;
	}
	.slider .ui-slider .ui-slider-bg{
		background-color: #11E211 !important;
	}
	.slider .ui-slider a{
		background-color: #11E211 !important;
		-moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -khtml-border-radius: 20px;
	    border-radius: 20px;	    
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	
.margin_-5{
	margin: -5px !important;
}
	
.switch{
}
	.switch .ui-slider{
		width: 50px !important;
		height: 20px !important;
		margin: 0px !important;		
	}
	.switch .ui-slider a{
		width: 15px !important;
		height: 15px !important;		
	}
	.switch .ui-slider span{
		font-size: 8pt !important;
	}
	
	.switch .ui-slider-switch.ui-mini .ui-slider-inneroffset {
		margin: 1px 6px 0 14px;
	}
	
.dialog-white{
}
	.dialog-white .ui-btn-active{		
 		background-image: none !important;
 		background: none !important;
 		border: none !important;
 		color: #333 !important;
	}
	
.icon_click{
	display: none;
}
.pad5{
	padding: 5px !important;
}
.pad_l_10 {
	padding-left: 10px !important;
}
.pad_l_65 {
	padding-left: 65px;
}
.pad_r_65 {
	padding-right: 65px;
}
.rad_5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rad_10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.fixed {
	position: fixed;
}
.h_auto {
	height: auto !important;
}
.zindex9{
	z-index: 9999;
}
.zindex1{
	z-index: 1;
}
.zindex0{
	z-index: 0;
}

