﻿* {margin:0;padding:0}
p{margin:0 0 1em 0}
html,body{margin:0;padding:0}
body{height:100%;margin:0; 
     font-family:Arial, Helvetica, sans-serif;
}

table{font-size:inherit;font:100%;}

form{clear:none;margin:0;padding:0;}
a img{border:0;}
p,ul{padding:0;margin:0;}
li{list-style-type:none;}
a:link,a:visited,a:active{color:#2276bb;text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}


#outer{
	overflow:auto;
	position:absolute;
	left:205px;
	right:0;
	top:6.5em;
	bottom:2em;
    padding-left:7px;
}
#top{
    background:url(images/banner.png) no-repeat;
	position:absolute;
	left:0px;
	right:0;
	top:0;
	height:98px;
	overflow:hidden;
}
#bottom{
	position:absolute;
	left:0px;
	right:0;
	bottom:0;
	height:2em;
	overflow:hidden;
    background-color:#47A948;
}
#left{
	position:absolute;
	overflow:auto;
	top:6.1em;
	bottom:2em;
	left:0;
	width:205px;
    border-right:1px solid #CCCCCC;
    
}

.navigation{
    margin-top:0px;
	background:url("images/bgtoplink.png") bottom;
    display:block;
    height:30px;
    width:100%;
    position:relative;
    float:left;
    margin-top:5px;
}
.navul {
    margin-left:35px;
}
.navli{
	list-style:none;
	float:left;
	display:block;
	padding:5px 6px;
	background:url("images/bgheader.png");
	font-size:12px;
	border:1px solid #1F48A1;
	border-bottom:none;
	margin-left:-1px;
	margin-top:3px;
}
.navli a{
	color:#FFFFFF;
    padding:7px;
} 
.navcurrent
{
	display:block;
	float:left;
	padding:6px 10px;
	margin-left:-1px;
	margin-top:2px;
	color:#000;
	font-size:12px;
	border:1px solid #1F48A1;
	
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(50%,#EEEEEE), color-stop(100%,transparent)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(bottom, #EEEEEE, #FFFFFF); /* Chrome10+, Safari5.1+ */
background: -moz-linear-gradient(bottom, #EEEEEE, #FFFFFF);    /* FF3.6+ */
background: linear-gradient(to bottom, #EEEEEE, #FFFFFF);      /* W3C */

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');

	border-bottom:none;
	-moz-border-radius:3px 3px 0 0;

}

/*Login*/
.login{
	background:url(images/bglogintop.png) no-repeat white;
	-moz-border-radius: 6px;
	border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	border:1px solid #47A948;
	padding:10px;
	box-shadow:0 0 4px #9BBCEC;
	width:750px;
    margin:auto;
}
fieldset{margin:10px 0;padding:0;border:0;}
fieldset legend{display:none;}
.login .button{-moz-border-radius:4px;
        -khtml-border-radius:4px;
        -webkit-border-radius:4px;
        border-color:#bbb #bbb #999;
        border-radius:4px;border-style:solid;
        border-width:1px;cursor:pointer;
        display:inline-block;vertical-align:top;
        font:12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
        margin:0;overflow:visible;padding:5px 9px 5px 9px;
        text-shadow:0 1px #F0F0F0;color:#333;
        -moz-box-shadow:0 1px 0 #f8f8f8;
        -wekbit-box-shadow:0 1px 0 #f8f8f8;
        box-shadow:0 1px 0 #f8f8f8;*display:inline;*zoom:1;
}
.login .button::-moz-focus-inner{padding:0;border:0;}
.login .button:focus{outline:none;}
.login .button:hover,.button:focus{background-position:0 -6px;border-color:#999 #999 #666;color:#000;text-decoration:none;}
.login .button:active{background-image:none;text-shadow:none;outline:none;}
.login .button.selected{background-color:#39d;background-image:url(../img/buttons/bg-btn-blue.gif);background-position:0 0;border-color:#39d #39d #28c;color:#fff!important;text-shadow:-1px -1px 0 #39d;}
.login .button.selected:hover,
.login .button.selected:focus{
    background-position:0 -210px!important;
    border-color:#28c;
    -moz-box-shadow:0 0 8px rgba(82,168,236,.75);
    -webkit-box-shadow:0 0 8px rgba(82,168,236,.75);
    box-shadow:0 0 8px rgba(82,168,236,.75);}
.login .button.selected:active{background-image:none;}
.login input[type=text],input[type=password],textarea{
 
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;

    }
.login input[type=text],input[type=password],textarea{
    border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
    }
.login .selected.button:focus,input[type=text]:focus,input[type=password]:focus,textarea:focus{
    outline:none;
 border:#7ba4c1 1px solid;
	-moz-box-shadow: 0 0 5px #99CCFF;
	-webkit-box-shadow: 0 0 5px #99CCFF;
	box-shadow: 0 0 5px #99CCFF;
}
.login input.textual,button.textual{display:inline;border:none;padding:0;margin:0;background:none;font:inherit;text-shadow:inherit;color:inherit;}
fieldset.sign-in{border:none;padding:0;margin:0;width:100%;max-width:300px;}
fieldset.sign-in legend{display:none;}
.sign-in .row{
    position:relative;display:inline-block;overflow:hidden;
    padding:1px 4px;margin:6px 0 0 -6px;
    -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;line-height:36px;zoom:1;
}
.sign-in .row label{display:block;font-size:80%;line-height:180%;}
.sign-in input.text{padding:6px;width:288px;background-color:#fff;}
.bglogin{
	background:url(images/bgLogin.png) repeat-x;
}
.isilogin{
	background:#FFFFFF;
	margin:15px;
	padding:15px !important;
	padding-top:0px;
	border:1px solid #47A948;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow:0 0 3px #D6EEF8;
	margin-top:-10px;
}
.middle {
    padding-top: 8%;
}
/*End Login*/


.biru {
	background:#8a8889 !important;
}

/*Site.Master*/

/*Header*/
#header {
    background:url(images/banner.png) no-repeat;
	background-position:center;
	background-position:top;
	height:98px;
	margin-top:-3px;
}
.banner{
	background:url(images/banner.png) no-repeat;
	background-position:center;
	background-position:top;
	height:98px;
	margin-top:-3px;
}
.masterMenu{
	margin-top:-22px;
	background:url("images/bgtoplink.png") bottom;
}
.logo {
    padding-top:5px;
    display:block;
    width:300px;
    position:relative;
}
.logo img{
	float:left;
	margin-left:10px;
}
.userinfo{
    position:relative;
	-moz-border-radius:0 0 5px 5px;
	font-size:12px;
	color:#FFFFFF;
	margin:auto;
	text-align:center;
	width:230px;
	max-width:240px;
	padding:10px 5px 5px 5px;
	background:#000000;
    margin-top:0px;
    text-align:center;
}
.userinfo a
{
	font-weight:bold;
	color:#FFFFFF;
	font-size:13px;
	font-family:Calibri;
	text-decoration:none;
}
.userinfo a:hover
{
	text-decoration:underline;
}
/*End Header*/

#wrapper {
    padding-top:5px;
}

/*Sidebar*/
#sidebar {
    width:97%;
    margin-left:5px;
    float:left;
}
.sidebarhead{
	background:-moz-linear-gradient(bottom  , #FFFFFF, #EFEFEF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#FFFFFF');	
	padding:5px 20px;
	font-weight:bold;
	font-size:12px;
	color:#0054A0;
	float:left;	
    width:99%;
	margin-top:0px;
}
.sidebarcontent{
	margin-top:5px;
	padding-top:10px;
	color:#656565;

}
.sidebarmenu a{
	display:block;
	padding:5px 9px;
	color:#0054A0;
	text-decoration:none;
	border-bottom:1px dashed #BCCACC;
	border-top:1px solid #FFFFFF;
	font-size:12px !important;
}

.bglink{
    background:url(images/menuleft2.png) center right;
    margin-left:15px;
}
.sidebarmenu a:visited {
    color:#0054A0;
}
.sidebarmenu a.bglink:hover{
	background:url(images/menuleft2_hover.png) center right;
	color:#3585FD;
}
/*End Sidebar*/

/*End Site.Master*/


/*Main page*/
#container {
    width: 1165px;
    height: 522px;
    overflow: auto;
    float:left;
    margin-left:1px;
}
.boxIsi
{
    -moz-border-radius:6px;
    border:1px solid #EFEFEF;
    box-shadow: 0 0 3px #978F6C;
    border-radius: 6px 6px 0px 0px;
    background:#FFF;
}
.headerBox
{
    background:url("images/bgheader.png");
    padding:4px 9px;
    -moz-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    color:#FFF;
}
.headerBoxJudul
{
    font-weight:bold;
    color:#FFF;
    font-size:12px;
}
.isibox
{
    padding:9px;
    border:1px solid #BBBBBB;
}
.headBlue{
	background:#54a1f5;
	color:#FFFFFF;
	padding-left:8px;
	font-size:12px;
}
.headBlue a{
	color:#FFFFFF ;	
}
.headBlue a:hover{
	text-decoration:underline;
}
select {
    padding:4px;
    padding-left:1px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
input[type="image"]{
vertical-align:middle;
}
input[type="text"], input[type="password"], textarea {
border: 1px solid #999;
padding-top:3px;
padding-bottom:5px;
}
input[type=text]:focus, textarea:focus {
 -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.button 
{
    font-size:12px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 4px 9px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
 
/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
 
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
 
/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
 
/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
 
/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
 
/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
 
/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
 
/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

.table{
	color:#444;
	font-size:12px;
	color:black;
}
.table th{
    
    border-top: 1px solid #DDD;
    color: #111;
    padding: 6px;
    font-weight: bold;
    text-align: center;
    border-left-color: #304EA6;
    border-right-color: #304EA6;
    border-bottom-color: #000000;
    height: 20px;

background: rgba(247,242,247,1);
background: -moz-linear-gradient(top, rgba(247,242,247,1) 0%, rgba(246,246,246,1) 47%, rgba(207,195,207,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,242,247,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(207,195,207,1)));
background: -webkit-linear-gradient(top, rgba(247,242,247,1) 0%, rgba(246,246,246,1) 47%, rgba(207,195,207,1) 100%);
background: -o-linear-gradient(top, rgba(247,242,247,1) 0%, rgba(246,246,246,1) 47%, rgba(207,195,207,1) 100%);
background: -ms-linear-gradient(top, rgba(247,242,247,1) 0%, rgba(246,246,246,1) 47%, rgba(207,195,207,1) 100%);
background: linear-gradient(to bottom, rgba(247,242,247,1) 0%, rgba(246,246,246,1) 47%, rgba(207,195,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f2f7', endColorstr='#cfc3cf', GradientType=0 );

}
.table th a:link,a:visited,a:active{color:blue;text-decoration:none;}
.table tr:hover{background-color: #fbead2;}
.table td{padding:4px 3px;}
.altrowstyle {background-color: #CDE1F4;}
.rowstyle {background-color: #ffffff;}
.classTD1
{
    background-color:#9ec5e9;
    text-align:right;
    width:200px;
}
.classTD2{background-color:#CDE1F4;}
.paging td
{
    padding:2px !important;
}
.paging
{
    background:url("images/bgpaging.png");
    padding:6px !important;
}
/*End Main page*/

#footer {
    background-color:#47A948;
    width:100%;
    height:20px;
    position:fixed;
    bottom:0;
    color: #FFFFFF;
    font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-align:center;
    padding-top:3px;
}
    #footer a {
        color:yellow;
    }


/*Calender*/

.MyPopupCalendar .ajax__calendar_container 
{
    width:190px;
    font-size:12px;
    border:1px solid #646464;
    background-color:#ffffff;
    color:#000000;
    padding:4px;
}

.MyPopupCalendar .ajax__calendar_footer {font-size:12px;border-top:1px solid #f5f5f5;padding:3px;margin:3px;}
.MyPopupCalendar .ajax__calendar_dayname {font-size:12px;border-bottom:1px solid #f5f5f5;padding:0;margin:0;}


.MyPopupCalendar .ajax__calendar_day {font-size:12px;border:1px solid #ffffff;padding:2;margin:0;}
.MyPopupCalendar .ajax__calendar_month {font-size:12px;border:1px solid #ffffff;}
.MyPopupCalendar .ajax__calendar_year {font-size:12px;border:1px solid #ffffff;}

.MyPopupCalendar .ajax__calendar_active .ajax__calendar_day {font-size:12px;background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyPopupCalendar .ajax__calendar_active .ajax__calendar_month {font-size:12px;background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyPopupCalendar .ajax__calendar_active .ajax__calendar_year {font-size:12px;background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.MyPopupCalendar .ajax__calendar_other .ajax__calendar_day {font-size:12px;background-color:#ffffff;border-color:#ffffff;color:#646464;}
.MyPopupCalendar .ajax__calendar_other .ajax__calendar_year {font-size:12px;background-color:#ffffff;border-color:#ffffff;color:#646464;}

.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_day {font-size:12px;background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_month {font-size:12px;background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_year {font-size:12px;background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_title {font-size:12px;color:#0066cc;}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_today {font-size:12px;color:#0066cc;}


/*Modal dialog*/
.modal
{
position: fixed;
z-index: 999;
height: 100%;
width: 100%;
top: 0;
}
.center
{
    
z-index: 1000;
margin: 200px auto;
padding: 5px;
width: 90px;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
background-color:#FFF6BF;
border-radius:3px;
color:black;
border:1px solid orange;
font-size:13px;
}

.modalmsg
{

z-index: 1000;
padding: 20px;
width: 200px;
background-color:#FFF6BF;
border-radius:3px;
color:black;
border:1px solid orange;
font-size:13px;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
}

.modalmsgcustom
{

z-index: 1000;
padding: 5px;
background-color:#FFF6BF;
border-radius:3px;
color:black;
border:1px solid orange;
font-size:13px;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
}

.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=50);
        opacity: 0.8;
        font-size:14px;
    }
/*.nobg {
    clear:both;
    border: none;
    background-color: transparent;
}*/
input.nobg[type="text"]
{
    background: transparent;
    border: none;
}
.rowline {
    background: url("images/bgheader.png");
    padding: 4px 9px;
}
.bgputih {
    clear:both;
    background-color:white;
}

/*Autocomplete*/

   .completionList {
        border:solid 1px Gray;
        margin:0px;
        padding:3px;
        height: 120px;
        width:250px!important;
        overflow:auto;
        background-color: #FFFFFF; 
        } 

        .listItem {
        color: #191919;
        border-bottom:1px solid black;
        padding:3px;
        } 

        .itemHighlighted {
        background-color: #ADD6FF; 
        border-bottom:1px solid black;
        cursor:pointer;
        padding:3px;      
        }

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}
