.button {
   border-top: 1px solid #ffffff;
   background: #c5c5c7;
   background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#c5c5c7));
   background: -webkit-linear-gradient(top, #fcfcfc, #c5c5c7);
   background: -moz-linear-gradient(top, #fcfcfc, #c5c5c7);
   background: -ms-linear-gradient(top, #fcfcfc, #c5c5c7);
   background: -o-linear-gradient(top, #fcfcfc, #c5c5c7);
   padding: 3px 7px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #525052;
   font-size: 12px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #c2c2c2;
   background: #c2c2c2;
   color: #525052;
   cursor: pointer;
   }
.button:active {
   border-top-color: #9c9a9c;
   background: #9c9a9c;
   }
.tb_desktop{
    border: 1px solid #094E8E;
    background-color: #F4F4F4;
}
.th_desktop{
    background-color: #EBECED;
}
.div_desktop{
    border: 1px solid #094E8E;
    background-color: #EBECED;
    padding: 2px;
}
 .suggestionsBox {
		position: absolute;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
}  
.validasi{
    background-color: #FFF3F3;
    border-left-color: #EF6A63;
    border-top-color: #EF6A63;
    
                -webkit-animation: swing 2s infinite;
                -moz-animation: swing 2s infinite;
                -o-animation: swing 2s infinite;
                animation: swing 2s infinite; 
            
}
em{
    font-size: 10px;
    color: #0382AB;
}
legend{
    color:#0E2D5F; font-size: 14px; font: bold; 
    font-family: monospace;
    background-color: #B3DFDA;
}
fieldset{
    background-color: #EBECED;
    font: bold;
}
.disable{
    background-color: #F2F2F2;
    border: 1px black solid;
}


.textsh{
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=124, Color=#2704fa)";/*IE 8*/
text-shadow: 3px 2px 12px #2704fa, 3px 3px 11px #fef9f9, 3px 3px 3px white;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=124, Color=#2704fa);
color: #0E2D5F; /*IE 5.5-7*/
}
.imgsh{
    width: 200px;
    height: 200px;
    text-shadow: 3px 2px 12px #2704fa, 3px 3px 11px #fef9f9, 3px 3px 3px white;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
}

.header_menu{
    color: #4F4F4F;
    vertical-align: middle;
    background-color: #84909C;
    width: 163px; padding: 10px; border-radius: 8px 0 0 5px; color: #0E2D5F; font: bold;
  /** gradien header  */
    background-color: #84909C;
    background-image: -moz-linear-gradient(top, #84909C, #C7CCD1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#84909C), to(#C7CCD1));
    background-image: -webkit-linear-gradient(top, #84909C, #C7CCD1);
    background-image: -o-linear-gradient(top, #84909C, #C7CCD1);
    background-image: linear-gradient(to bottom, #84909C, #C7CCD1);
}