body{
    margin:0px;
    padding-top:0px;
    font-family: sans-serif;
    font-size: 12px;
    color : #274F14;
}

#header{
    border-bottom: 1px solid #ddd;
    border-top: 5px solid #f5f5f5;
    background-color: #f5f5f5;
    width: 100%;
    left:0px;
    top:0px;
}

#headername{
    padding: 10px 0 9px 80px;
}

#headername #name1{
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
}

#headername #name2{
    font-family: sans-serif;
    font-size: 10px;
    font-style:italic;
}



#header #logo {
    float : left;
    padding-left : 15px;
    z-index:500;
    position: relative;
}

#header #log  {
    text-align:right;
    z-index:10;
    float:right;
    position : relative;
    top : -50px;
    padding-right:10px;
}

#menu{
    clear:both;
    position:relative;
    top:-22px;
}


#schedlogin{
    clear:both;
    position:relative;
    top:-22px;
    background-image : url(./images/center_tile.gif);
    background-repeat:repeat-x;
    height:34px;
    padding:4px 10px 4px 85px;
}

#content{
    /*border : 1px solid #CFCFCF;*/
    margin-bottom : 30px;
}

#main{
    padding-left: 20px;
}

#path{
    color : #8F8F8F;
    font-size: 12px;
    font-weight:bold;
    padding-right:15px;
    text-align:right;
    position:relative;
    top:-17px;
}

#login{
    width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:110px;
}

#login table{
    font-family: sans-serif;
    font-size: 12px;
    color : #274F14;
    padding : 10px;

    /*ROUND FX-----------*/
	-moz-border-radius: 5px; /*Gecko based: Mozilla,Flock,Swiftfox*/
	-webkit-border-radius: 5px; /*Webkit based: Chrome,Konqueror,Safari,WebOS*/
	-khtml-border-radius: 5px; /* KHTML based: Konqueror */
	/* Opera and other Presto engine based not yet support round table fx */

	/*SHADOW FX----------*/
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.6); /*Mozilla,Flock,Swiftfox*/
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.6); /*Webkit based: Chrome,Konqueror,Safari,WebOS*/
	/* Opera and other Presto engine based not yet support table shadow fx */
}

#footer {
    align: center;
    position: fixed;
    border-top: 1px solid #ddd;
    border-bottom: 5px solid #f5f5f5;
    background-color: #f5f5f5;
    width: 100%;
    left: 0px;
    text-align: left;
    color: #888;
    font-family: sans-serif;
    font-size: 11px;
    z-index:10000;
    opacity: 0.9;
    filter: alpha(opacity: 90);
    bottom:0;
    height:25px;
}

#footer p#copy {
    text-align:right;
    padding-right: 20px;
}

#footer p#build {
    float:left;
    padding-left: 20px;
}

#diverror{
    font-family: sans-serif;
    font-size:10px;
    font-weight: bold;
    text-decoration:blink;
    color :red;
}

.error{
    font-family: sans-serif;
    font-size:10px;
    font-weight: bold;
    text-decoration:blink;
    color :red;
}



table.data
{
	border-spacing: 1px;
	border-top: solid 1px #EEE;
	border-left: solid 1px #EEE;
	border-bottom: solid 2px #CCC;
	border-right: solid 2px #CCC;
	padding: 10px;
	font-size: 12px;

	/*ROUND FX-----------*/
	-moz-border-radius: 5px; /*Gecko based: Mozilla,Flock,Swiftfox*/
	-webkit-border-radius: 5px; /*Webkit based: Chrome,Konqueror,Safari,WebOS*/
	-khtml-border-radius: 5px; /* KHTML based: Konqueror */
	/* Opera and other Presto engine based not yet support round table fx */

	/*SHADOW FX----------*/
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.6); /*Mozilla,Flock,Swiftfox*/
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.6); /*Webkit based: Chrome,Konqueror,Safari,WebOS*/
	/* Opera and other Presto engine based not yet support table shadow fx */
}

table.data th
{
	font-size:11px;
	font-family: sans-serif;
	color: #FFF;
	font-weight:bold;
	text-align:center;
	height:10px;
	padding:5px;
	background: #7F7F7F url(../images/th.gif) top repeat-x;
}

table.data tr.ganjil{
    background-color: #EFEFEF;
}

/*input, textarea, select {font:12px/12px Helvetica, sans-serif; padding:0;} */
input[type=password],
input[type=text]{
    border:1px solid #CFCFCF;
    font-family: sans-serif;
    font-size: 12px
}

input[type=password]:focus,
input[type=text]:focus{
    background-color:#EFEFEF;
}

textarea{
    border:1px solid #CFCFCF;
    font-family: sans-serif;
    font-size: 12px
}

textarea:focus{
    background-color:#EFEFEF;
}

select{
    border:1px solid #CFCFCF;
    font-family: sans-serif;
    font-size: 12px
}

select:focus{
    background-color:#EFEFEF;
}



/*
button,
input[type=button],
input[type=submit],
input[type=reset]
{
	border: none;
	height: 24px;
	width: 110px;
	background: url(./images/button.gif) top left;
	font-size: 11px;    
	font-family: sans-serif;
	color: #FFFFFF;
	cursor: hand;
}

button,
input[type=button]:hover,
input[type=submit]:hover
{
	background: url(./images/button.gif) top right;
}
*/

button,
input[type=button],
input[type=submit],
input[type=reset]
{
	background: #fff url('./images/bg_button.gif') repeat-x bottom left;
	border: 1px solid #aaa;
	text-align: center;
        padding: 3px 10px;
	color: #666;
	font-size: 0.9em;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

button,
input[type=button]:hover,
input[type=submit]:hover
{
	background: #fff url('./images/bg_button_h.gif') repeat-x bottom left;
}

button.widebutton,
input.widebutton[type=button],
input.widebutton[type=submit]
{
	background: #fff url('./images/bg_button.gif') repeat-x bottom left;
	border: 1px solid #aaa;
	text-align: center;
        padding: 3px 10px;
	color: #666;
        width:100%;
	font-size: 0.9em;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
button.widebutton:hover,
input.widebutton[type=button]:hover,
input.widebutton[type=submit]:hover
{
        background: #fff url('./images/bg_button_h.gif') repeat-x bottom left;
}

button.shortbutton,
input.shortbutton[type=button],
input.shortbutton[type=submit]
{
	background: #fff url('./images/bg_button.gif') repeat-x bottom left;
	border: 1px solid #aaa;
	text-align: center;
        padding: 3px 10px;
	color: #666;
	font-size: 0.9em;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
button.shortbutton:hover,
input.shortbutton[type=button]:hover,
input.shortbutton[type=submit]:hover
{
        background: #fff url('./images/bg_button_h.gif') repeat-x bottom left;
}




#navsite ul{
  padding: 3px 0;
  margin-left: 0;
  border-bottom: 1px solid #778;
  font: bold 10px Tahoma, Arial, Sans-Serif;
}


#navsite ul li{
  list-style: none;
  margin:0px;
  display:inline; 
  line-height:1.9;
  
}

#navsite ul li a{  
  padding: 3px 0.5em;
  margin-left: 3px;  
  border: 1px solid #778;  
  border-bottom:none;
  background:#A9BBCC;
  text-decoration: none;      
 }

#navsite ul li a:link{
  color: #448;
}


#navsite ul li a:visited{
  color: #448;
}


#navsite ul li a:link:hover,#navsite ul li a:visited:hover{
  color: #000;
  background: #CC9900;
  border-color: #227;
}

#navsite ul li a#current{
  background: white;
  border-bottom: 1px solid white;
}

input[type=text].inactive{
    color :red;
}

.lblinactive{
    border : 1px solid #EDEDED;
    padding : 1px 2px 1px 10px;
    cursor : pointer;
}

.lblinactive:hover{
    background-color: #AAAAAA;
}

/*=================================================================================================*/



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 4px 5px 5px;
		color:#555555;
		font-family:sans-serif;
		font-size:9px;
		font-weight:bold;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:transparent;
		border-style:none;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 10px 3px 5px;
		background-color:transparent;
		font-size:11px;
		font-weight:normal;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:sans-serif;
		font-size:9px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#AAAAAA;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#DADADA;
		background-color:#F7F7F7;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:#F7F7F7;
		border-width:1px;
		border-style:solid;
		border-color:#DADADA;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#F7F7F7;
	}
	
        .qmdivider {
            display:block;
            font-size:1px;
            border-width:0px;
            border-style:solid;
        }

        #qm0 .qmdividerx {
            border-top-width:1px;
                margin:4px 0px;
                border-color: #BBBBBB;
        }

        div.warning{
            background-color: #F9F454;
            border : 1px solid #7F7F7F;
            padding : 15px;
            width: 400px;
            color : red;
            margin-bottom:15px;
            font-size: 14px;
            /*ROUND FX-----------*/
            -moz-border-radius: 5px; /*Gecko based: Mozilla,Flock,Swiftfox*/
            -webkit-border-radius: 5px; /*Webkit based: Chrome,Konqueror,Safari,WebOS*/
            -khtml-border-radius: 5px; /* KHTML based: Konqueror */
            /* Opera and other Presto engine based not yet support round table fx */

            /*SHADOW FX----------*/
            -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.6); /*Mozilla,Flock,Swiftfox*/
            -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.6); /*Webkit based: Chrome,Konqueror,Safari,WebOS*/
            /* Opera and other Presto engine based not yet support table shadow fx */
        }
        
        div.inform{
            background-color: #F5F5F5;
            border : 1px solid #7F7F7F;
            padding : 15px;
            width: 400px;
            
            margin-bottom:15px;
            font-size: 14px;
            /*ROUND FX-----------*/
            -moz-border-radius: 5px; /*Gecko based: Mozilla,Flock,Swiftfox*/
            -webkit-border-radius: 5px; /*Webkit based: Chrome,Konqueror,Safari,WebOS*/
            -khtml-border-radius: 5px; /* KHTML based: Konqueror */
            /* Opera and other Presto engine based not yet support round table fx */

            /*SHADOW FX----------*/
            -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.6); /*Mozilla,Flock,Swiftfox*/
            -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.6); /*Webkit based: Chrome,Konqueror,Safari,WebOS*/
            /* Opera and other Presto engine based not yet support table shadow fx */
        }