.circle
{
    display: block;
    background: #3498db;
    width: 55px;  /* Can be any size you want */
    height: 55px; /* Can be any size you want */
    border-radius: 50%; /* Makes the div a circle */
    position: relative; /* Allows you to position the pseudo elements */
}

.circle:before, .circle:after
{
    display: block;
    content: "";
    position: absolute;
    border-radius: 2px;
    background: #fff;
}

.circle:before
{
	
	width: 3px;
    height: 19px;
    top: calc(50% - 10px); /* 10px = half of the height */
    left: calc(50% - 2px); /* 2px = half of the width */

}

.circle:after
{
	width: 19px;
    height: 3px;
    top: calc(50% - 2px);	/* 2px = half of the height */
    left: calc(50% - 10px); /* 10px = half of the width */
	
}


@media screen and (max-width: 600px) {
#client-name {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

@media screen and (min-width: 600px) {
#info-balance {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

.nav-tabs{
  background-color:rgba(211, 211, 211, 0.2);
}

.nav-tabs > li > a{
  border: medium none;
}
.nav-tabs > li > a:hover{
  background-color: #dff0d8 !important;
    border: medium none;
    border-radius: 0;
    color:black;
}

li.separator
{
    height: 0px;
    width: 142px;
    border-bottom: 1px solid lightgray;
    width: 100%;
}

.tooltips {
    border: 1px solid #f0c36d;
    background-color: #f9edbe;
    padding: 6px 12px;
    border-radius: 2px;
    position:fixed;
    left:40%;
    top:70px;
    z-index:9999;
    margin-right:10px;
}

#floating_link {
     position: fixed;
     right: 0;
     top: 300px;
     display: block;
     width: 25px;
     height: 125px;
     text-indent: -10000px;
     background-image: url(../images/feedback.png);
     overflow: hidden;
}

body
{
    background: #ffffff;
    color: #414141;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width:100%;

}
.modal1 {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('../images/13.gif') 
        50% 50% 
        no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal1 {
    display: block;
}

pre
{
    font-family: Times New Roman, Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    font-size:12px;
}

/* welcome screen */

#splash_screen{
    background: #acce22;
    margin: 0px;
    height: 100%;
    width: 100%;
    display: block; 
    position: absolute;
    z-index:9;

    animation:mymove 8s; /*kita membuat sebuah animasi dengan nama mymove dalam waktu 5 detik, infinate berarti berulang */
    animation-fill-mode: forwards;
    -moz-animation:mymove 8s; /* Firefox */
    -moz-animation-fill-mode: forwards;
    -webkit-animation:mymove 8s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
    -o-animation:mymove 8s; /* Opera */	
    -o-animation-fill-mode: forwards;
}

@keyframes mymove
{
    0% {z-index:9;display:'';opacity:100;} /*saat pertama (0% berarti detik ke 0) kotak berada pada left 0px */
    100% {z-index:-9;display:'none';opacity:0;} /*saat terakhir (100% berarti detik ke 5) kotak akan berada pada left 200px; sehingga kotak bergerak ke kanan */
}

@-moz-keyframes mymove /* Firefox */
{
    0% {z-index:9;display:'';opacity:100;}
    100% {z-index:-9;display:'none';opacity:0;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
    0% {z-index:9;display:'';opacity:100;}
    100% {z-index:-9;display:'none';opacity:0;}
}

@-o-keyframes mymove /* Opera */
{
    0% {z-index:9;display:'';opacity:100;}
    100% {z-index:-9;display:'none';opacity:0;}
}

#splash_screen .text{
    font-size:38px;
    color:#ffffff;
    font-family:tahoma,Times New Rowman,Segoe UI;
    margin-top:250px;
    margin-left:400px;

}

#splash_screen .text .nomor{
    color:#008fd7;
}

/* end welcome screen */

.logo_perusahaan{
    float:left;
    margin-left:20px;
    margin-top:0px;
    padding:3px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;


}

.logo_perusahaan:hover {

    -moz-box-shadow:0 0 20px rgba(0,0,0,0.75);

    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.75);

    box-shadow:0 0 20px rgba(0,0,0,0.75);
    cursor:pointer;
    backgrounds:#8baa0c;
    background:#f5f5f5;

}

.nama_perusahaan{
    margin-bottom:-17px;
    font-size:24px;
    color:#ffffff;
    text-shadow: 0px 1px 0px #e5e5ee;
}	



/* Log in baru */

#main_page{
    background: #ffffff;
    backgrounds:#acce22 url('../images/bg_login.jpg');
    backgrounds-position: top center;
    background-srepeat:no-repeat;
    backgrounds-size:cover;
    margin: 0px;	
    height: 100%;
    width: 100%;
    display: block; 
    position: absolute;

}

#ul_find{
    margin-top:15px;
}

#ul_find li {
    list-style-type: none;
    font-family:tahoma;
    font-size:12px;
    font-weight:bold;
    color:#666666;
}

#ul_find li a{
    text-decoration:none;
}

#ul_find li .find{
    float:left;
}

#ul_find li .fb_icon{
    height:30px;
    width:30px;
    float:left;
    margin-left:5px;
    background:url('../images/facebook.png') top center no-repeat;
}

#ul_find li .fb_icon:hover{
    cursor:pointer;
    background:url('../images/facebook_hover.png') top center no-repeat;
}

#ul_find li .tw_icon{
    height:30px;
    width:30px;
    float:left;
    margin-left:5px;
    background:url('../images/twitter.png') top center no-repeat;


}



#ul_find li .tw_icon:hover{
    cursor:pointer;
    background:url('../images/twitter_hover.png') top center no-repeat;
}

#ul_find li .www_icon{
    height:30px;
    width:30px;
    float:left;
    margin-left:5px;
    background:url('../images/www.png') top center no-repeat;
}

#ul_find li .www_icon:hover{
    cursor:pointer;
    background:url('../images/www_hover.png') top center no-repeat;
}

#login_san_border{

    width: 370px;
    height: auto;
    margin: 0px auto;
    margin-top:30px;
    padding:10px;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-bottom-right-radius:10px;
    -moz-border-top-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

#login_san{
    background:#d51100;
    backgrounds: none repeat scroll 0 0 rgba(215, 255, 169, 0.9);
    backgrounds: none repeat scroll 0 0 rgba(90, 128, 0, 0.7);
    width: 350px;
    height: auto;
    padding:10px;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-bottom-right-radius:10px;
    -moz-border-top-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:10px;
}

#login_san .login{
    width: 350px;
    height: auto;

}

#login_san .logo{

    width: 350px;
    height: auto;
    font-size:30px;
    color:#ffffff;
    text-align:center;

}

#login_san .logo .images{
    width:200px;

}

#main_page .logo{

    width: 350px;
    height: auto;

}

#main_page .logo .images{
    width:200px;

}


.username{
    color: #666666;
    text-transform:uppercase;
    text-aligns:left;
    font-size: 20px;
    padding-lefts:35px;
    font-family: Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;
}

.loginform
{
    height: 30px !important;
    width: 200px;
    border: 1px solid #cef570 !important;
    margin-bottom: 10px;  
    background: #f3ffe4 !important;
    font-size: 16px !Important;
    color: #5a8000 !important;
    -webkit-border-radius:5px !important;
    -moz-border-radius:5px !important;
    border-radius:5px !important;

    content:'username';
}

.loginform:focus{
    border-color: #5a8000 !important;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: 0 0 8px #becf9c;
    -moz-box-shadow: 0 0 8px #becf9c;
    box-shadow: 0 0 8px #becf9c;

}


.login_btn2{
    text-transform:uppercase;
    color: #ffffff;
    font-size:18px;
    padding:5px;
    background: #171717;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #242424;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.login_btn2:hover{
    cursor:pointer;
    color: #ffffff;
    background: #444444;
    border: solid 1px #242424;
    text-decoration: none;

}

.login_btn2:active{

    cursor:pointer;
    color:#fff;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #242424;
    border: solid 1px #242424;
}	


#informasi{
    backgrounds:#d7ffa9;
    width: 80%;
    height: 100px;
    smargin:0px auto;
    padding-top:8px;
    margin-left:20%;
    displays:none;
}

.content_info{
    width: 100%;
    height: 100%;

}
.clickable{cursor:pointer;}
a:link, a:visited, a:active{color:#414141;font-size:14px;}
a:hover{color:#660000;font-size:14px;}
.stacktrace, a.stacktrace:link, a.stacktrace:visited{font-family:Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:12px;font-style:italic;color:#414141;display:none;}
.stacktrace_end{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:12px;font-style:italic;color:#414141;display:none;}
.fieldlabel{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:13px;color:#414141;text-align:left;font-weight:bold !important;padding:5px 0px 8px 0px !important;width:200px;}
.field{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:12px;color:#414141;text-align:left;padding-left:12px;padding:3px 0px 3px 0px;}
.field a{color:#ba0000;}
.tab{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:12px;font-weight:bold;color:#ffffff;}
.tab_selected{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:12px;font-weight:bold;color:#000000;}
.topbg{background:#52006A;}
.menubg{background:#F00;}
.error, .errorlabel{color:#FF0000;font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:12px;text-align:left;}


#action-buttons{text-align:right;}
.helplink a{padding:2px 0 1px 26px;line-height:20px;display:block;float:left;background:url('../icons/recordlist/add.png') 0 0 no-repeat;background-position:0 0;background-repeat:no-repeat;}

#centerbox{display: table; margin: 0 auto;height:100%;overflow:auto;}
.actionpageWrapper{width:100%;margin-top:0px;}
.panel{margin:0px auto;}
.newboxtitle{z-index:60;font-size:16px;font-weight:normal;width:100%;position:fixed;color:#ffffff;padding-left:30px;padding-top:5px;padding-bottom:5px;padding-right:0px;border-bottom:0px solid #666666;background:#444444;}
.panelTitle{height:30px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0084c0), to(#029ce2));background:-webkit-linear-gradient(b, #0084c0, #029ce2);background:-moz-linear-gradient(top, #0084c0, #029ce2);background:-ms-linear-gradient(top, #0084c0, #029ce2);background:-o-linear-gradient(top, #0084c0, #029ce2);d-webkit-box-shadow:0 5px 5px #f0f2f3;d-moz-box-shadow:0 5px 5px #f0f2f3;dbox-shadow:0 5px 5px #f0f2f3;}
.panelTitleText{margin:0;padding:7px 4px 0px 12px;height:19px;float:left;backgrounds:#fff url(../images/tabLeft.gif) no-repeat left top;font-size:13px;font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;text-transform:capitalize;font-weight:bold;color:#ffffff;}
.panelTitleRight{position:relative;width:12px;float:left;}
.panelHeader{backgrounds:#fff url(../images/contentheaderleft.jpg) no-repeat left top;height:12px;font-size:1px;}
.panelContent{margin:0;background:#f3fbff;border-left:1px solid #0084c0;border-right:1px solid #0084c0;border-bottom:1px solid #0084c0;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;d-webkit-box-shadow:0 5px 5px #f0f2f3;d-moz-box-shadow:0 5px 5px #f0f2f3;dbox-shadow:0 5px 5px #f0f2f3;}
.panelContent2{padding:0 12px 12px 12px;}
.panelContent2 form{padding:0;margin:0;}
.panelFooter{background:#F3F3F3 url(../images/contentfooterleft.jpg) no-repeat left top;height:33px;}
input[type="text"],
input[type="password"],
textarea{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:12px;padding:3px;background:#ffffff;border:1px solid #dddddd;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
select{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:12px;padding:3px;background:#ffffff;border:1px solid #dddddd;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
select option{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;font-size:12px;padding:0px;background:#ffffff;border:0px solid #dddddd !important;}
input{font-size:12px;}
textarea{padding:2px;}
#editform td.field{padding-right:12px;}
#changeView{position:absolute;right:12px;top:-38px;text-align:right;}
#changeView a{color:#9a1010;}
.currentDate{padding:4px 0px;color:#333;}
.currentDate a{text-decoration:none;}
#action-buttons{text-align:center;}
#editform td.field{padding-top:5px;padding-bottom:2px;vertical-align:top;}
hr{border:none;border-top:1px dashed #666;height:1px;margin-top:4px;margin-bottom:4px;}
.atkboolattribute{border:0px ! important;width:auto ! important;}
.red{color:#9a1010;}
.bold{font-weight:bold;}
.capitalize{text-transform:capitalize;}
.stacktrace{margin:-1px 0px 20px 0px;}
#action-helplink{width:100%;text-align:right;right:20px;}
h1{margin:0px;padding:0px 0px 15px 0px;}
p{position:relative;margin:0px;padding:0px 0px 10px 0px;}
p img{margin:0px 10px 0px 10px;}
.clear{clear:both;}
form{margin:0;padding:0;}
#atkbusy{
    position:fixed;
    visibility:hidden;  
    z-index:    2000;
    top:        50%;
    left:       50%;
}
#searchbutton{margin-top:5px;}
.atkAttrRowHidden{display:none !important;}
.atkdialog .nw{background:transparent url(../images/atkdialog_corners_top.gif) no-repeat scroll 0 -25px;height:25px;padding-left:10px;}
.atkdialog .ne{background:transparent url(../images/atkdialog_corners_top.gif) no-repeat scroll right 0;height:25px;padding-right:10px;}
.atkdialog .n{background:transparent url(../images/atkdialog_corners_top.gif) repeat-x scroll 0 -50px;font-size:13px;font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;text-transform:capitalize;font-weight:bold;color:#FFFFFF;height:25px;margin:0;padding:0;text-align:center;padding-right:60px;padding-top:3px;overflow:hidden;}
.atkdialog .content{background-color:#FDFDFD;color:#000;font-size:12px;font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana, Times New Rowman;overflow:auto;padding:0px;margin:0px;}
.atkdialog .w{border-left:1px solid #B9B9B9;border-right:1px solid #B9B9B9;}
.atkdialog .e{border-left:1px solid #FFF;border-right:1px solid #FFF;}
.atkdialog .sw{background:transparent url(../images/atkdialog_corners_bottom.gif) no-repeat scroll 0 -12px;font-size:2px;height:12px;padding-left:6px;}
.atkdialog .se{background:transparent url(../images/atkdialog_corners_bottom.gif) no-repeat scroll right 0;font-size:2px;height:12px;padding-right:6px;}
.atkdialog .s{background:transparent url(../images/atkdialog_corners_bottom.gif) repeat-x scroll 0 -24px;font-size:11px;height:12px;overflow:hidden;}
.atkdialog .se_resize_handle{background:transparent url(../images/atkdialog_sizer.gif) no-repeat scroll right 0;font-size:2px;height:12px;padding-right:12px;}
.atkdialog .se_sizer{width:12px;height:12px;}
.atkdialog .buttons{position:absolute;top:1px;right:10px;height:20px;}
.atkdialog .buttons a.close{background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 0;display:block;height:18px;float:left;width:23px;font-size:1px;padding-top:2px;}
.atkdialog .buttons a:hover.close{background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -18px;}
.atkdialog .buttons a.maximize{background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -36px;display:block;height:18px;float:left;width:23px;font-size:1px;padding-top:1px;}
.atkdialog .buttons a:hover.maximize{background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -54px;}
.atkdialog .buttons a.minimize{background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -72px;display:block;height:18px;float:left;width:23px;font-size:1px;padding-top:0px;}
.atkdialog .buttons a:hover.minimize{background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -90px;}
.atkdialog .buttons a.minimize.disabled, .atkdialog .buttons.over a.minimize.disabled{background:transparent url(../images/atkdialog_buttons.gif) no-repeat 0 -108px !important;}
.atkdialog_overlay{background-color:#ddd;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.atkdialog_wired{background:#FFF;border:1px #000 dashed;filter:alpha(opacity=60);opacity:0.6;position:absolute;-moz-opacity:0.6;}
.load_criteria{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana;font-size:12px;color:#414141;text-align:left;padding-left:12px;padding:3px 0px 15px 0px;vertical-align:middle;}
.load_criteria img{vertical-align:middle;}
.save_criteria{font-family:Lucida Sans, Lucida Sans Unicode, Tahoma, Trebuchet MS, Arial, Verdana;font-size:12px;color:#414141;text-align:left;padding-left:12px;padding:15px 0px 3px 0px;}
.save_criteria #save_criteria{margin-left:21px;}
.overlib_txt{font-size:11px;color:#222;}
.overlib_bg{background-color:#ddd;}
.overlib_fg{background-color:#ffffcc;}
.panel, #mainMenu{float:left;}
.panelTitleRight{Height:26px;}
.clearfloat{clear:both;}
div.stacktrace{margin-left:18px;margin-bottom:8px;}
.actionpageWrapper{width:100%;}
.boxadd{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#f5f5f5));background:-webkit-linear-gradient(b, #f5f5f5, #f5f5f5);background:-moz-linear-gradient(top, #f5f5f5, #f5f5f5);background:-ms-linear-gradient(top, #f5f5f5, #f5f5f5);background:-o-linear-gradient(top, #efefef, #f5f5f5);padding:10px;border:0px solid #0086c1;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);}
#fixed_footer{position:fixed;bottom:0px;width:100%;height:25px;background:#bdbdbd;z-index:999px;}
.textbottom{sfloat:left;sdisplay:inline;height:25px;width:600px;font-size:12px;font-size:12px;color:#242424;padding:3px;text-align:center;}
.clickme2 .link_clickme{font-size:14px;color:#444444;text-decoration:none;background:transparent !important;border:0px !important;-webkit-border-radius:0px !important;-moz-border-radius:0px !important;border-radius:0px !important;}
.clickme2 .link_clickme:active{border:solid 0px #6e860c !important;background:transparent !important;cursor:pointer;-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.6);-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.6);box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.6);}
.clickme2:active{cursor:pointer;-webkit-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);-moz-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);background:#eecd31;border:solid 1px #caa700;}
.box2{background-color:#ccc;border-radius:4px;color:#333;margin:5px 0;padding:5px 10px;width:auto;width:300px;height:400px;right:1%;top:145px;position:absolute;z-index:999;}
.list-header1  a{color:#ffffff;font-size:14px;padding:5px;font-weight:normal !important;text-decoration:none;background:#337ab7;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid 0px #343434;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);}
.list-header1  a:active{cursor:pointer;-webkit-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);-moz-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);background:#247E99;border:solid 0px #586d04;}
.tombol a{color:#ffffff;font-size:14px;padding:5px;font-weight:normal !important;text-decoration:none;background:#242424;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid 1px #343434;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);}
.tombol  a:active{cursor:pointer;-webkit-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);-moz-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);background:#5d710d;border:solid 1px #586d04;}


input.disabled {
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
}


input.validation-failed, textarea.validation-failed {
    color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
    color : #000;
}