@charset "UTF-8";
/* CSS Document */
@import url('contents.css');
@import url('button.css');
@import url('menu.css');
@import url('maps.css');
@import url('symbols.css');
@import url('station-menu.css');
@import url('unselect.css');

#dialog-pass-cus{
	/*display:none;*/
	z-index:9999999999;
	position:absolute;
	/*margin:230px 0 0 350px;*/
	padding:30px;
	width:230px;
	height:160px;
	background:#FFF url(../images/admin-bg.png) 10px 40px no-repeat;
	moz-border-radius:8px;
   -webkit-border-radius:8px;
    border-radius:8px;
	border:5px solid #ccc;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px   rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 
}
#dialog-pass-cus li{
	list-style:none;
	margin:5px 10px 5px 85px;
	position:relative;
	text-align:left;
}
#dialog-pass-cus li.admin,#dialog-pass-cus li.pass
{
	padding-left:25px;
	
	}
#dialog-pass-cus li.admin:before{
	content:url(../images/admin-icon.png);
	position:absolute;
	top:-5px;
	left:0px;
	
}
#dialog-pass-cus li.pass:before{
	content:url(../images/key-icon2.png);
	position:absolute;
	top:-5px;
	left:0px;
	
}
#dialog-pass-cus input{
	margin:0;
	padding:0 5px;
	width:120px;
    left: 1px;
}
#dialog-pass-cus li.close_x{
	
	position:absolute;
	right:-30px;
	top:-20px;

	}
#dialog-pass-cus li.close_x:hover{
	cursor:pointer;
	cursor:hand;
	
}
#dialog-login-cus{
	/*display:none;*/
	z-index:9999999999;
	position:absolute;
	/*margin:230px 0 0 350px;*/
	padding:30px;
	width:230px;
	height:160px;
	background:#FFF url(../images/admin-bg.png) 10px 40px no-repeat;
	moz-border-radius:8px;
   -webkit-border-radius:8px;
    border-radius:8px;
	border:5px solid #ccc;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px   rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 
}
#dialog-login-cus li{
	list-style:none;
	margin:5px 10px 5px 85px;
	position:relative;
	text-align:left;
}
#dialog-login-cus li.admin,#dialog-login-cus li.pass
{
	padding-left:25px;
	
	}
#dialog-login-cus li.admin:before{
	content:url(../images/admin-icon.png);
	position:absolute;
	top:-5px;
	left:0px;
	
}
#dialog-login-cus li.pass:before{
	content:url(../images/key-icon2.png);
	position:absolute;
	top:-5px;
	left:0px;
	
}
#dialog-login-cus input{
	margin:0;
	padding:0 5px;
	width:120px;
    left: 1px;
}
#dialog-login-cus li.close_x{
	
	position:absolute;
	right:-30px;
	top:-20px;

	}
#dialog-login-cus li.close_x:hover{
	cursor:pointer;
	cursor:hand;
	
}
/*Modal Popup*/
.modalBackground {
	background:rgba(0,0,0,0.8);
	/*filter:alpha(opacity=70);
	opacity:0.7;*/	 
}

/*button custom*/


.iButtonCus{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	background-color:#693;
	color:#FFFFFF  ;
	cursor:pointer;
	cursor:hand;
	display:inline-block;
	font-size:12px;
	font-weight:normal;
	line-height:1.2;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	text-align:center;
	width:100px;
	height:30px;
	padding:3px 5px  ; 
	border:none 0;
	margin-top:10px;
		
	
	}
.iButtonCus.gray { 
	background: #666;
	background: -moz-linear-gradient(top, #666, #555);
	background: -ms-linear-gradient(top, #666, #555);
	background: -o-linear-gradient(top, #666, #555);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
	background: -webkit-linear-gradient(top, #666, #555);
	background: linear-gradient(to bottom, #666, #555);i
	
}	
.iButtonCus.blue { 
	background: #0351b7;
	background: -moz-linear-gradient(top, #2f90d5, #0351b7);
	background: -ms-linear-gradient(top, #2f90d5, #0351b7);
	background: -o-linear-gradient(top, #2f90d5, #0351b7);
	background: -webkit-gradient(linear, left top, left bottom, from(#2f90d5), to(#0351b7));
	background: -webkit-linear-gradient(top, #2f90d5, #0351b7);
	background: linear-gradient(to bottom, #2f90d5, #0351b7);
}	
/*Modal Alert*/
.modalAlert {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7; 
}
#msgalet{
	/*display:none;*/
	z-index:9999999999;
	position:absolute;
	/*margin:230px 0 0 350px;*/
	padding:30px;
	width:230px;
	height:160px;
	 background-color:White;
	moz-border-radius:8px;
   -webkit-border-radius:8px;
    border-radius:8px;
	border:5px solid #ccc;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px   rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 
	text-align:center;
}
#divAlert
{

	width:220px;
	height:140px;
	text-align:center;
	font-family: 'Conv_ThaiSansNeue-Bold';
	font-size:18px;
}

.cctv_cus{
	/*display:none; */
	width:900px;
	z-index:9999999999;
	position:absolute;
	bottom: 0; 
	top:10px;
	left:50%; 
	/*margin-left:-450px; */
	/*margin: 75px 0 0 -400px;*/
	moz-border-radius:8px;
   -webkit-border-radius:8px;
    border-radius:8px;
	border:5px solid #ccc;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px   rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	background:#FFF url(../images/header_admin.jpg) 0 0 no-repeat;
	padding:0;
	padding-bottom:35px;
	 
}
.cctv_cus tr:nth-child(even){
	background:#F4F4F4;
	
	}
.cctv_cus td{
	vertical-align:top;
	padding:10px;	
	
	}
.cctv_cus td.content-left{
	text-align:right;
	width:200px;
}
 
.cctv_cus td.content-right{
	text-align:left;
	padding-left:10px !important;
	padding-right:40px !important;
}
.cctv_cus input, .cctv_cus select{
	margin:0 !important;
	
	}
.cctv_cus h3{
	font-size:22px !important;
    font-family: 'Conv_ThaiSansNeue-Regular';
	border-bottom:1px dotted #ccc;
	padding:0 0 px !important;
	color:#FFF;
	margin:0 0 20px 0 !important; 
	 
	 
	}

.calendercustom
{
     background-color:Red;
     width:400px;
    }
    
#register_cus{
	width:600px;
	border:5px solid #030;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px   rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	margin:25px auto;
		padding:20px
}
/**/
#register_cus td{
	vertical-align:top;
	padding:5px;
	
	
	}
#register_cus td.content-left{
	text-align:right;
}
 
#register_cus td.content-right{
	text-align:left;
}
#register_cus input{
	
	
	}
#register_cus label{
	cursor:hand;
	cursor:pointer;
	
	}