@charset "utf-8";
/* CSS Document */

.main {
	background-repeat:repeat;
}

a { text-decoration:none; color:#6BA2CC;}

a:hover { text-decoration:none;}

a:visited { text-decoration:none;}

img { border: none; }

input, textarea { font-family: "Trebuchet MS", Calibri, Verdana; font-size:12px; line-height:0.5; text-align:justify; }

.blink { text-decoration:blink; }

/*-----------------------------*/
/*#######- MAIN LAYOUT -#######*/
/*-----------------------------*/

 body {
        margin: 0;
        padding: 0;
    }
 
    nav a {
        color: #fff;
        text-decoration: none;
        padding: 10px;
        display: inline-block;
    }
 
    nav a:hover {
        background-color: red;
    }
 
    .fixed-header{
        width: 100%;
        position: fixed;
        background: #6BA2CC;
        padding: 1px;
        color: #fff;
		
    }
    .fixed-footer {
        width: 100%;
        position: fixed;
        background: #6BA2CC;
        padding: 1px;
        color: #fff;
    }
 
    .fixed-header {
        top: 0;
	float:left;
    }
 
    .fixed-footer {
        bottom: 0;
        text-align: center;
    }
 
 
    .content {
        width: 100%;
        padding-top: 60px;
        padding-bottom: 50px;
    }
 
    .content p {
        line-height: 100px;
        padding: 10px;
    }

#mainframe {
	width:auto;
	padding-top:-5px;
}

#head {
	width:auto;
	height:46px;
	background-color:#6BA2CC;
}

#content {
	width:auto;
	background-repeat:repeat-y;
	min-height:auto;
}

#left {
	background-color:transparent;
	vertical-align:top;
	float:left;
	text-align:left;
}
#right {
	width:auto;
	padding-top:5px;
	padding-left:200px;
	background-color:transparent;
	text-align:left;
	
}

#footer {
	margin-top:-30px;
	height:30px;
	background-color:#6BA2CC;
}



/*-----------------------------*/
/*#######-    LAYOUT   -#######*/
/*-----------------------------*/

.login {
	margin-left:15px;
	margin-top: 310px;
	width:194px;
	position:relative;
}

.login .judul {
	width:194px;
	height:38px;
	background-image:url(../_img/login.png);
	background-repeat:repeat-x;
	position:absolute;
	z-index:1;
}

.login .isi {
	border:solid 1px #c3cbff;
	width:154px;
	background-color:#eeeeee;
	position:absolute;
	padding-top:5px;
	left:3px;
	top:30px;
}

.fmenu {
	margin-left:15px;
	width:194px;
	position:relative;
}

.fmenu .judul {
	width:194px;
	height:38px;
	background-image:url(../_img/menu.png);
	background-repeat:repeat-x;
	position:absolute;
	padding-top:30px;
}

.fmenu .isi {
	border:solid 1px #c3cbff;
	width:154px;
	background-color:#eeeeee;
	position:absolute;
	left:3px;
	top:30px;
}

.mainmenu {
	padding:0px 0px 0px 0px;
	display:block;
	list-style:none;
	width:190px;
}

li.menu {
	text-decoration:none;
	font-family: "Trebuchet MS", Calibri, Verdana;
	color:#000000;
	font-size:14px;
	list-style:none;
	padding:5px 0px 5px 25px;
	border-bottom:1px dashed #c3cbff;
	background:url(../_img/icona.png) 0px 7px;
	background-repeat:no-repeat;
}

li.menu a {
	text-decoration:none;
	color:#000000;
}

li.menu:hover {
	text-decoration:none;
	font-weight:bold;
	margin-left:5px;
	color:#000000;
}

.right {
	padding:5px 5px 10px 10px;
}

.judul {
	font-family:Calibri;
	font-size:22px;
	color:#000099;
}

.isi {
	font-family:"Trebuchet MS";
	font-size:12px;
	padding:10px 17px 15px 15px;
	color:#393939;
	text-align:justify;
	width:auto;
}

.foot {
	padding-top:8px;
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#fff;
}


/*###########################################*/
#loading {
	position: absolute; 
	top: 350px; 
	left:650px; 
	color: #000; 
	display:none;
	padding: 8px;
}
/*############   TABLE- NILAI    ###################*/
#tab-nilai {
	padding: 5px 10px 5px 10px;
	width:100px;
	background-color:#6BA2CC;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
}
#tab-nilai:hover {
	padding:3px 10px 3px 10px;
	width:100px;
	font-weight:bold;
	background-color:#BBD6EF;
	font-size:11px;
	border-top:#BBD6EF 3px solid;
	color: #000000;
}
#tab-nilai2 {
	padding:3px 10px 3px 10px;
	width:100px;
	color:#555;
	background-color:#f2f2e6;
	font-weight:bold;
	font-size:11px;
	border-top: #999999 3px solid;
	border-left:#E5E5E5 1px solid;
}
#td-nilai {
	padding: 20px 10px 10px 10px;
}

/*###########################################*/
/*#########################################
CSS Tombol Button/Submit
##########################################*/

.tblbutton{
	color:#fff; 
	font: bold Arial, Helvetica, sans-serif; 
	background-color:#6BA2CC; 
	border: 1px solid #fff;
	padding: 3px;
	border-color:#fff #666661 #666661 #fff;
	cursor:pointer;
}

/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/

/*Defaults Styling*/
.niceform {width:auto;}
.niceform fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; margin-top:25px; width:auto;}
.niceform fieldset#addkuisioner {background:#f2f2e6; padding:8px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin: 0px 0px 20px 0px; width:auto;}
.niceform fieldset.no_pend {background:#ffffff; padding:0px; border:1px solid #fff; border-color:#fff #fff #fff #fff; margin:0 0 36px 0; width:auto;}
.niceform fieldset.submit {background:#ffffff; padding:0px; border:1px solid #fff; border-color:#fff #fff #fff #fff; margin:-20px 0 0px 0; width:auto;}
.niceform label.no_pend {font:14px Verdana, Arial, Helvetica, sans-serif bold; color:#000000;}
.niceform input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:3px; border:1px solid #999;}
.niceform select#gol_darah {font:12px/12px Arial, Helvetica, sans-serif; padding:3px; width:40px;}
.niceform select#gender {font:12px/12px Arial, Helvetica, sans-serif; padding:3px; width:40px;}
.niceform legend {background:#6BA2CC; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
.niceform label {font-size:12px; font-weight:bold;}
.niceform label.label1 {font-size:14px; font-weight:bold;}
.niceform label.opt {font-weight:normal;}
.niceform dl {clear:both;}
.niceform dl#ortu {clear:both; margin-left:10px;}
.niceform dt {float:left; text-align:left; width:210px; line-height:25px; margin:0 10px 10px 0;}
.niceform dd {float:left; line-height:25px; margin:0 0 10px 0;}
.niceform dt#form {float:left; text-align:left; width:130px; line-height:15px; margin:0 10px 7px 0px;}
.niceform dd#form {float:left; width:450px; line-height:15px; margin:0 0 7px 0;}
.niceform dt#form2 {float:left; text-align:left; width:auto; line-height:15px; margin:0 10px 7px 10px;}
.niceform dd#form2 {float:left; width:auto; line-height:15px; margin:0 0 7px 0;}
.niceform dt#kuisioner {float:left; text-align:left; width:auto; line-height:25px; margin:0 10px 10px 0px;}
.niceform dd#kuisioner {float:left; width:auto; line-height:25px; margin:0 0 10px 0;}
.niceform dt#addkuisioner {float:left; text-align:left; width:140px; line-height:15px; margin:0 10px 0px 0px;}
.niceform dd#addkuisioner {float:left; width:auto; line-height:15px; margin:0 0 5px 0;}
/*Safari*/
niceform select, input, textarea, button {outline:none; resize:none;}


/*############   TABLE- Laporan    ###################*/
#tab-laporan {
	padding: 5px 10px 5px 10px;
	width:100px;
	background-color:#6BA2CC;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
}
#tab-laporan:hover {
	padding:3px 10px 3px 10px;
	width:100px;
	font-weight:bold;
	background-color:#BBD6EF;
	font-size:11px;
	border-top:#BBD6EF 3px solid;
	color: #000000;
}
#tab-laporan2 {
	padding:3px 10px 3px 10px;
	width:100px;
	color:#555;
	background-color:#f2f2e6;
	font-weight:bold;
	font-size:11px;
	border-top: #999999 3px solid;
	border-left:#E5E5E5 1px solid;
}
#td-laporan {
	padding: 20px 10px 10px 10px;
}



#tab-kamar {
	padding: 5px 10px 5px 10px;
	width:100px;
	background-color:#6BA2CC;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
}
#tab-kamar:hover {
	padding:3px 10px 3px 10px;
	width:100px;
	font-weight:bold;
	background-color:#BBD6EF;
	font-size:11px;
	border-top:#BBD6EF 3px solid;
	color: #000000;
}
#tab-kamar2 {
	padding:3px 10px 3px 10px;
	width:100px;
	color:#555;
	background-color:#f2f2e6;
	font-weight:bold;
	font-size:11px;
	border-top: #999999 3px solid;
	border-left:#E5E5E5 1px solid;
}
#td-kamar {
	padding: 20px 10px 10px 10px;
}





#tab-laundry {
	padding: 5px 10px 5px 10px;
	width:100px;
	background-color:#6BA2CC;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
}
#tab-laundry:hover {
	padding:3px 10px 3px 10px;
	width:100px;
	font-weight:bold;
	background-color:#BBD6EF;
	font-size:11px;
	border-top:#BBD6EF 3px solid;
	color: #000000;
}
#tab-laundry2 {
	padding:3px 10px 3px 10px;
	width:100px;
	color:#555;
	background-color:#f2f2e6;
	font-weight:bold;
	font-size:11px;
	border-top: #999999 3px solid;
	border-left:#E5E5E5 1px solid;
}
#td-laundry {
	padding: 20px 10px 10px 10px;
}



#tab-kantin {
	padding: 5px 10px 5px 10px;
	width:100px;
	background-color:#6BA2CC;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
}
#tab-kantin:hover {
	padding:3px 10px 3px 10px;
	width:100px;
	font-weight:bold;
	background-color:#BBD6EF;
	font-size:11px;
	border-top:#BBD6EF 3px solid;
	color: #000000;
}
#tab-kantin2 {
	padding:3px 10px 3px 10px;
	width:100px;
	color:#555;
	background-color:#f2f2e6;
	font-weight:bold;
	font-size:11px;
	border-top: #999999 3px solid;
	border-left:#E5E5E5 1px solid;
}
#td-kantin {
	padding: 20px 10px 10px 10px;
}

.whologin {
	position: fixed;
	float: right;
	text-align: right;
	width: auto;
	padding-top:9px;
	padding-right:10px;
	font-size:14px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
		width:auto;
	height:46px;
	background-color:#6BA2CC;

}
.whologin1 {
		width:auto;
	height:46px;
	background-color:#6BA2CC;

	position: fixed;
	float: left;
	text-align: left;
	width: auto;
	padding-top:12px;
	padding-left:15px;
	font-size:12px;
	font-weight: bold;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	color:#FFFFFF;}