.papan
{
background: #CCC;
border-style:dotted;
border-color: #414141;
}
.footer
{
color:#909099;
font-size: 12px;
}
.huruf10
{
font-size: 10px;
}
.huruf11
{
font-size: 11px;
}
input:focus {
outline:none;
}
#dataload
{
display: none;
}
#tambahdb
{
background:url(../images/etc/save.gif) no-repeat center center;
height: 100px;
width: 100px;
position: fixed;
z-index: 1000;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
}	
#tidaktambahdb
{
background:url(../images/button/close.jpg) no-repeat center center;
height: 100px;
width: 100px;
position: fixed;
z-index: 1000;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
}
.spacer{clear:both; height:0.1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}
.myform2{
margin:0 auto;
width:400px;
padding:14px;
border:solid 2px #000;
background:#FFF;
-moz-border-radius-bottomleft:25px;
-webkit-border-bottom-left-radius:25px;
border-bottom-left-radius:25px;
-moz-border-radius-bottomright:25px;
-webkit-border-bottom-right-radius:25px;
border-bottom-right-radius:25px;
-moz-border-radius-topright:25px;
-webkit-border-top-right-radius:25px;
border-top-right-radius:25px;
-moz-border-radius-topleft:25px;
-webkit-border-top-left-radius:25px;
border-top-left-radius:25px;
}
.myformshadow{
margin:0 auto;
width: 70%;
padding:14px;
box-shadow: 12px 12px 7px #888888;
border-collapse: 
collapse; border-spacing: 0;		
-moz-border-radius-bottomleft:25px;
-webkit-border-bottom-left-radius:25px;
border-bottom-left-radius:25px;
-moz-border-radius-bottomright:25px;
-webkit-border-bottom-right-radius:25px;
border-bottom-right-radius:25px;
-moz-border-radius-topright:25px;
-webkit-border-top-right-radius:25px;
border-top-right-radius:25px;
-moz-border-radius-topleft:25px;
-webkit-border-top-left-radius:25px;
border-top-left-radius:25px;
}
.myform2{
margin:0 auto;
width:70%;
padding:14px;
}
.myform_upload{
margin:0 auto;
width:350px;
padding:14px;
}

#print_line p{
font-size:11px;
color:#666666;
margin-bottom:12px;
border-bottom:solid 3px #000;
padding-bottom:10px;
}
/* ----------- stylized ----------- */
#stylized{
border:2px solid #000;
background:#FFF;
-moz-border-radius-bottomleft:25px;
-webkit-border-bottom-left-radius:25px;
border-bottom-left-radius:25px;
-moz-border-radius-bottomright:25px;
-webkit-border-bottom-right-radius:25px;
border-bottom-right-radius:25px;
-moz-border-radius-topright:25px;
-webkit-border-top-right-radius:25px;
border-top-right-radius:25px;
-moz-border-radius-topleft:25px;
-webkit-border-top-left-radius:25px;
border-top-left-radius:25px;
}
#stylized h1 {
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}

#stylized select{
font-size:12px;
padding:4px 2px;
border:solid 1px #CCC;
width:200px;
margin-bottom:12px;
margin:2px 0 12px 10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:165px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:160px;
float:left;
}	
#stylized .smalltop{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
}	
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #CCC;
width:200px;
margin-bottom:12px;
margin:2px 0 12px 10px;
}
#stylized .buttonb{
float:right;
font-size:12px;
padding:4px 2px;
border:solid 3px #CCC;
width:200px;
margin-bottom:12px;
margin:2px 0 12px 10px;
font-weight:bold;
}
.buttonbc{
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.buttonbc:hover {
	background-color:#eb675e;
	text-decoration:underline;
}
.buttonbc:active {
	position:relative;
	top:1px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #CCC;
height:100px;
resize: none;
width:200px;
margin-bottom:12px;
margin:2px 0 12px 10px;
}
.selectcari{
font-size:12px;
padding:4px 2px;
border:solid 1px #CCC;
width:200px;
margin-bottom:12px;
margin:2px 0 12px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(../img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.butt_blue {
  color: #31356A !important;
  width:40px;
  height:80px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #000;
  padding: 10px 12px;
  border: 1px solid #3866A3;
  background: #D6D2FA;
  background: linear-gradient(top,  #D4CFEE,  #CBCBCF);
  background: -ms-linear-gradient(top,  #D4CFEE,  #CBCBCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#D4CFEE), to(#CBCBCF));
  background: -moz-linear-gradient(top,  #D4CFEE,  #CBCBCF);
}
.butt_blue:hover {
  color: #14396A !important;
  background: #A6A1CF;
  background: linear-gradient(top,  #9FA7CF,  #B0AEEE);
  background: -ms-linear-gradient(top,  #9FA7CF,  #B0AEEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#9FA7CF), to(#B0AEEE));
  background: -moz-linear-gradient(top,  #9FA7CF,  #B0AEEE);
}
.butt_blue10 {
  color: #31356A !important;
  font-size: 10px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #000;
  padding: 10px 25px;
  border: 1px solid #3866A3;
  background: #D6D2FA;
  background: linear-gradient(top,  #D4CFEE,  #CBCBCF);
  background: -ms-linear-gradient(top,  #D4CFEE,  #CBCBCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#D4CFEE), to(#CBCBCF));
  background: -moz-linear-gradient(top,  #D4CFEE,  #CBCBCF);
}
.butt_blue10:hover {
  color: #14396A !important;
  background: #A6A1CF;
  background: linear-gradient(top,  #9FA7CF,  #B0AEEE);
  background: -ms-linear-gradient(top,  #9FA7CF,  #B0AEEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#9FA7CF), to(#B0AEEE));
  background: -moz-linear-gradient(top,  #9FA7CF,  #B0AEEE);
}
/* For the details, see:
DATE INPUT */
/* the input field */
.date {
border:1px solid #ccc;
font-size:18px;
padding:4px;
text-align:center;
width:194px;
-moz-box-shadow:0 0 10px #eee inset;
-webkit-box-shadow:0 0 10px #eee inset;
}
/* calendar root element */
#calroot {
/* place on top of other elements. set a higher value if nessessary */
z-index:10000;
margin-top:-1px;
width:198px;
padding:2px;
background-color:#fff;
font-size:11px;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow: 0 0 15px #666;
-webkit-box-shadow: 0 0 15px #666;
}
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
padding:2px 0;
height:22px;
}
#caltitle {
font-size:14px;
color:#0150D1;
float:left;
text-align:center;
width:155px;
line-height:20px;
text-shadow:0 1px 0 #ddd;
}
#calnext, #calprev {
display:block;
width:20px;
height:20px;
background:transparent url(../media/img/dateinput/prev.gif) no-repeat scroll center center;
float:left;
cursor:pointer;
}
#calnext {
background-image:url(../media/img/dateinput/next.gif);
float:right;
}
#calprev.caldisabled, #calnext.caldisabled {
visibility:hidden;
}
/* year/month selector */
#caltitle select {
font-size:10px;
}
/* names of the days */
#caldays {
height:14px;
border-bottom:1px solid #ddd;
}
#caldays span {
display:block;
float:left;
width:28px;
text-align:center;
}
/* container for weeks */
#calweeks {
background-color:#fff;
margin-top:4px;
}
/* single week */
.calweek {
clear:left;
height:22px;
}
/* single day */
.calweek a {
display:block;
float:left;
width:27px;
height:20px;
text-decoration:none;
font-size:11px;
margin-left:1px;
text-align:center;
line-height:20px;
color:#666;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
/* different states */
.calweek a:hover, .calfocus {
background-color:#ddd;
}
/* sunday */
a.calsun {
color:red;
}
/* offmonth day */
a.caloff {
color:#ccc;
}
a.caloff:hover {
background-color:rgb(245, 245, 250);
}
/* unselecteble day */
a.caldisabled {
background-color:#efefef !important;
color:#ccc	!important;
cursor:default;
}
/* current day */
#calcurrent {
background-color:#498CE2;
color:#fff;
}
/* today */
#caltoday {
background-color:#333;
color:#fff;
}
/* ComboBox Ajax */
#dvLoading1
{
display:none;
float:left;
padding:4px 2px;
margin-bottom:12px;
margin:2px 0 12px 10px;
}
/* Tables CSS */
.t_main
{	
box-shadow: 12px 12px 7px #888888;
background-color : #CCC;
border-collapse: collapse; 
border-spacing: 0;
font-family: Helvetica, Arial, sans-serif;
-moz-border-radius-bottomleft:25px;
-webkit-border-bottom-left-radius:25px;
border-bottom-left-radius:25px;
-moz-border-radius-bottomright:25px;
-webkit-border-bottom-right-radius:25px;
border-bottom-right-radius:25px;
-moz-border-radius-topright:25px;
-webkit-border-top-right-radius:25px;
border-top-right-radius:25px;
-moz-border-radius-topleft:25px;
-webkit-border-top-left-radius:25px;
border-top-left-radius:25px;
}
.t_main td, th { 
border: 1px solid transparent; /* No more visible border */
height: 30px; 
transition: all 0.3s;  /* Simple transition for hover effect */
}
.t_main th 
{ 
color: #666;
}
.t_main2
{
box-shadow: 12px 12px 7px #888888;
background-color : #CCC;
font-size: 12px;
width:100%;
border-collapse: 
collapse; border-spacing: 0;
font-family: Helvetica, Arial, sans-serif;
-moz-border-radius-bottomleft:25px;
-webkit-border-bottom-left-radius:25px;
border-bottom-left-radius:25px;
-moz-border-radius-bottomright:25px;
-webkit-border-bottom-right-radius:25px;
border-bottom-right-radius:25px;
-moz-border-radius-topright:25px;
-webkit-border-top-right-radius:25px;
border-top-right-radius:25px;
-moz-border-radius-topleft:25px;
-webkit-border-top-left-radius:25px;
border-top-left-radius:25px;
}
.t_main2 td, th { 
border: 1px solid transparent; /* No more visible border */
height: 30px; 
transition: all 0.3s;  /* Simple transition for hover effect */
}
.t_main2 th 
{ 
color: #666;
}
.top_header
{
position : fixed;
right : 5px;
top : 0px;
}
.inputcari
{
background: #FFF url(../images/button/find.gif);
background-position:left;
background-size: 14px;
background-repeat:no-repeat;
}	
#forms_c {}
#forms_c input[type="text"] {
background: url(../images/button/search-white.png) no-repeat 10px 6px #999999;
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #d7d7d7;
width:150px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#forms_c input[type="text"]:focus {
background: url(../images/button/search-dark.png) no-repeat 10px 6px #fcfcfc;
color: #6a6f75;
width: 200px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
#blink_font_red {
font-size: 18px;
color: red;
text-decoration: underline;
}
#blink_font_green {
font-size: 18px;
color: green;
text-decoration: underline;
}
.t_print
{
border-collapse: collapse; 
border:1px solid #000000;
border-spacing: 1;
background: url('../images/background/multisport_bg.gif');
}
.t_print_new{
	border-collapse: collapse;
	border-spacing:1;
	background: url('../images/background/multisport_bg.gif');
}
.t_print_new tr{ 
	border:1px solid #000000;
}
.t_print_new td{
	padding:3px;
	
}
.t_print_lap
{
border-collapse: collapse; 
border:1px solid #000000;
border-spacing: 1;
background: url('../images/background/multisport_bg.gif');
}
.t_print_lap_no_bg
{
border-collapse: collapse; 
border:1px solid #000000;
border-spacing: 1;
}
.t_print_garis
{
font-size:16px;
color:#000;
margin-bottom:12px;
border-bottom:solid 1px #000;
padding-bottom:10px;
}	
.scrollToTop{
width:100px;
height:130px;
padding:10px;
text-align:center;
background: whiteSmoke;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
top:70%;
right:2%;
display:none;
background: url('../images/button/icon_top.png') no-repeat 0px 20px;
z-index: 999;
}
.stickycari:hover{
text-decoration:none;
}
.stickyfooter{
color:#909099;
font-size: 12px;
width:150px;
height:12px;
padding:10px;
text-decoration: none;
position:fixed;
top:88.5%;
right:0%;
}
.stickyfooter:hover{
text-decoration:none;
}
.menumenu {
border: 1px solid #000;
height:180px;
background-color:#d2e9fb;
text-decoration:none;
}
.menumenu :hover{
color: #5f92f8;
text-decoration:none;
}
.table_lapbca_main{
	border-collapse: collapse;
	font-size:12px;
}
.table_lapbca_header{
	background-color:#003399;
	height:30px;
	color:#FFF;
	text-align:center;
	padding:10px;
	font-weight:bold;
	font-family:Arial;
	font-size:20px;
}
.img1_lapbca{
	float:left;
}
.font-couriernew{
	font-family:Courier New;
	
}
.table_lapbca_main2{
	font-family:Courier New;
	font-size:14px;
	border-collapse:collapse;
	border:1px solid #000;
}
.table_lapbca_main2 td{
	padding:3px;
	padding-left:10px;
}
.table_lapbca_footer1{
	font-family:Courier New;
	font-size:11px;
}
.table_lapbca_footer2{
	font-family:Courier New;
	font-size:22px;
}
.table_lapbca_footer_name{
	font-weight:bold;
	text-decoration:underline;
	font-size:20px;
}
.laporan_tutup_buku{
	border-collapse: collapse; 
}
.laporan_tutup_buku td{
	padding:14px;
	border:solid 1px #000;
}