/* CSS Document */
body{font:12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;	color:#333;	padding:0;	margin: 0}
a {color:#1E1E1F}
a:link {text-decoration: none;}
a:visited {text-decoration: none;color: #000000;}
a:hover {text-decoration: underline;color: #B99119;}
a:active {text-decoration: none;color: #F84C09;}

#top{background-color:#FFF; width:100%}
#btm{}

#top1{/*border:1px solid #000;*/ background-color:#FFF; text-align:right; padding:4px; font-size:11px}
#top2{/*border:1px solid #ddd;*/ background-color:#FFF; /*padding:10px 4px 10px 4px;*/ background-color: #ddd}
#btm1{/*border:1px solid #ddd;*/ height:50px; text-align:center; padding-top:10px; min-height:100px}
#content{/*border:1px solid #ddd;*/ min-height:300px;background-color:#FFF; padding:30px 10px 30px 10px}
#content table{ font-size:12px}
.clear{clear:both;}

.baris{display:inline-table; padding:0px 8px 0px 4px}
.back{ float:left;padding-right:10px;}
.user{background: url('images/user.png') no-repeat;	height:15px; padding-left:17px }
.msgBox{ width:300px; border:1px solid #ddd; text-align:center; margin:auto; margin-top:50px; padding:20px; background-color:#E5E5E4}
.cp{cursor:pointer;}
.loading{ font-weight:bold; color:#0000FF}
/*.menu{ cursor:pointer; display:inline-table; padding:10px 4px 10px 4px;}
.menu:hover{ color:#fff; background-color:#8FB1FD}*/
.fs9{ font-size:9px}
.fs10{ font-size:10px;}
.fs11{ font-size:11px}
.fs20{ font-size:20px}
.ctr{ text-align:center}
.bld{ font-weight:bold}
.clRed{ color:#FF0000}
.clBlue{ color:#0000FF}
#pk{ width:1000px; height:500px; overflow:scroll; padding:0px 20px 0px 20px}

#box_{width:306px; height:205px; background-image:url(images/login.png); margin:auto; margin-top:100px;}
#lgnBox_{/*border:1px solid #ddd;*/ width:306px; height:205px; padding:60px 0px 0px 40px;}

.table1 {font-family: Arial; font-size: 12px;	border-width: 1px; border-style: solid;	border-color: #999999; border-collapse: collapse;}
.table1 td{	padding: 2px 8px 2px 8px;	vertical-align: top;	border-width: 1px;	border-style: solid;	border-color: #969BA5;	border-collapse: collapse;}
.table1 .row:hover{background-color: #eeeeee;}
.table1 .header{background-color: #EAEAEA; text-align:center}

.btnEdit{  border: none;	background: url('images/edit.gif') no-repeat;	height:17px;	cursor: pointer;}
.btnEdit:hover{	background-color: #0099FF;}
.btnDelete{  border: none;	background: url('images/delete.gif') no-repeat;	height:17px;	cursor: pointer;}
.btnDelete:hover{	background-color: #0099FF;}
.btnReset{  border: none;	background: url('images/reset.png') no-repeat;	height:17px;	cursor: pointer;}
.btnReset:hover{	background-color: #0099FF;}
.btnBlock{  border: none;	background: url('images/block.png') no-repeat;	height:17px;	cursor: pointer;}
.btnBlock:hover{	background-color: #0099FF;}
.btnUnlock{  border: none;	background: url('images/unlock.png') no-repeat;	height:17px;	cursor: pointer;}
.btnUnlock:hover{	background-color: #0099FF;}
.btnPrint{ border:none; background: url('images/printer.png') no-repeat;	height:25px; width:25px;	cursor: pointer; background-position:2px 2px;}

.judul{	color:#665;	letter-spacing:-1px;	font:normal 14px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;	padding-bottom:3px;	margin:0;	font-weight: bold;}
.judul2{font: 18px Georgia,serif;	color:#444;	font-variant: text-transform: none; font-weight: 100; margin-bottom: 0;	text-align: center;	font-weight: bold;	padding:10px 0px 10px 0px;}
.judul1{font-size:16px;	font-weight:bold;	color:#666666;	text-align: center;	padding:10px 0px 10px 0px;}

.disabled{ color:#ddd}

.greyBtn {        
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;        
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
		background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
		background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
		background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
		background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
		background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);        
		background-color:#ededed;        
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;        
		border:1px solid #dcdcdc;        
		display:inline-block;
		color:#777777;
		font-family:arial;
		font-size:12px;
		font-weight:bold;
		padding:2px 10px;
		text-decoration:none;        
		text-shadow:0px 1px 0px #ffffff;
		cursor:pointer;        
}
.greyBtn:hover {        
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
		background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
		background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
		background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
		background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
		background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);        
		background-color:#dfdfdf;
}
.greyBtn:active {
		position:relative;
		top:1px;
}

/* --- ---*/
/* --- ---*/

/* --- img zoom begin ---*/
.popup{
    width:auto;
    height:550px;
    border:2px solid #666666;
    overflow:hidden;
    position:fixed;
    background-color:#000000;
    text-align:center;
    display:none;
    z-index:101;
}
.popup img{width:auto;
          height: 550px;
}

#trans{width:100%;
       height:100%;	
       background-color:#000000;
       opacity:0.8;
       filter:alpha(opacity=80);
       position:fixed;
       top:0;left:0;
       display:none;
       z-index:100;
       color:#FFFFFF;
}
/* --- img zoom end ---*/

/* survey begin */
#surverBox{/*border:1px solid #000;*/ width:1500px}
#surverLeft{/*border:1px solid #000;*/ display:inline-table; width:280px; min-height:400px}
#surveyRight{/*border:1px solid #000;*/ display:inline-table; width:1000px; min-height:400px; padding: 0px 0px 0px 20px;}

.clear{ clear:both}

.imgBoxFrame{border:1px solid #ddd; width:220px; display:inline-table; overflow:hidden}
.imgBoxLabel{/*border:1px solid #ddd;*/ width:700px;}
.imgTitle{/*border:1px solid #000;*/ width:220px; height:21px; text-align:center; background-color:#ddd; font-weight:bold; color:#3D3D3E; padding-top:4px}
.imgBox{/*border:1px solid #000;*/ width:220px; height:225px; position:relative}

.img {  
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute; 
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

.lblInfo1{/*border:1px solid #ddd; */width:110px; display:inline-table; padding:2px}
.lblInfo2{/*border:1px solid #ddd; */display:inline-table; padding:2px}
.lblInfo3{/*border:1px solid #ddd; */width:120px; display:inline-table; padding:2px}
/* survey end */

#bInfo {background:#eee; bottom:0; height:18px; left:0; position:fixed; width:100%; padding:3px; }
#bInfoContent{float: left;width: 90%;	margin: 0px; font-weight:bold;}
#bInfoClose{float: right;	width:25px;	margin: 0px; background:url('images/close.png') top center no-repeat;	height:15px;	padding-right: 8px; cursor:pointer}
#dialog{ font-size:11px}

#notifikasi  {position: absolute; border-radius: 10px;
    bottom: 35px;
    left: 10px;
    width: 200px;
    height: 100px;
    border: 1px solid #807E7F; background-color:#eee; overflow:hidden}
#notifClose{float: right;	width:15px;	margin: 0px; background:url('images/close.png') top center no-repeat;	height:15px;	padding-right: 0px; cursor:pointer}
#notifContent{/*border:1px solid #ddd;*/ padding:0px 10px 10px 10px}

.VA{
  width:550px;
	padding-top:30px;
	text-align:center;
	/*color:#FFFFFF;*/
	margin:auto;
}

.dlInfo{ border:1px dashed #0000FF; width:400px; color:#0000FF; padding:5px}
.upcase{text-transform:uppercase}
.lktInfoJudul{/*border:1px solid #ddd;*/ Font-size:20px;	font-weight:bold;	color:#666666; padding:10px 0px 10px 50px;width:500px; display:inline-table; }
.lktInfo1{ /*border:1px solid #ddd;*/ width:100px; display:inline-table; padding:4px; padding-left:50px}
.lktInfo2{/*border:1px solid #ddd;*/ width:400px; display:inline-table; padding:4px; font-weight:bold}
.lktInfo3{ font-size:10px; color:#999999}

.tdr{ text-align:right}

.smsJudul1{ font-size:20px; color:#000066; padding:6px 0px 6px 0px; font-weight:bold}
.smsJudul2{ font-size:16px; color:#000066; padding:6px 0px 6px 0px;}
.smsNmr{ font-size:18px; padding:6px 0px 6px 0px; color:#0000CC; font-weight:bold}
.smsInf{ font-size:10px; color:#0000CC}

.bx{ border:1px solid #ddd; padding:12px;}
/* ----- */
.errorBox{ color:#FF0000; width:350px; height:20px; border:1px solid #ddd; 
            border-radius:4px; margin-top:20px; padding:8px;
						text-align:center; font-weight:bold;	
 }
.suksesBox{width:350px; height:20px; border:1px solid #ddd; 
            border-radius:4px; margin-top:100px; padding:8px;
						text-align:center; font-weight:bold;
}
.angketBox{
  width:300px; height:100px; border:1px solid #ddd; font-size:14px; 
	border-radius:4px;padding:8px;
	
}
.angketBtn{
  width:70px; height:18px; /*border:1px solid #ddd;*/ background-color:#1BBC9B; 
	border-radius:4px;padding:8px;
	margin-top:8px; color:#FFFFFF;
  cursor:pointer;
}

#reqBox{ width:400px; height: 160px; border:1px solid #ddd; margin:auto; padding:20px;}
.reqKet{ font-style:italic}
.reqDpst{ width:80px;}
.reqError{ color:#FF0000; padding-top:20px;}