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

.textArea {
		/*width:100%;*/
		border: 2px solid #765942;
		border-radius: 10px;
		height: 80px;
		width: 500px;
	}

/* webAC_PraDaftarSubjek */
select.selmenu {   
  		font-size: 10px;   
 		color: #676767;   
  		padding: 4px !important;   
 		border: 2px solid #aaa;  
		padding:15px 10px 15px 10px ;
		width:250px;  
		
}  
/*webSP_StudentProfile */
.caption_Header { 
  background:#009900;
  color: white; 
  font-weight: bold;
  height:30px;
  line-height: 25px;
  border-top-right-radius:5px;
  border-top-left-radius:5px;
}
.caption_Message { 
  background:#FFFFCC;
  color:#F00;
  font-weight: bold;
  /*height:30px;*/
  height:auto;
  line-height: 25px;
  
}
.column_1{
	float:left; 
	text-align:left;
	width:10%;
	
	/*height:30px;*/
	border: #3c964b;
	background-color: #FFFFCC;
	/*line-height: 40px;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b;
}

.column_1_of_2{
	float:left; 
	text-align:left;
	width:20%;
	
	/*height:30px;*/
	border: #3c964b;
	background-color: #FFFFCC;
	/*line-height: 40px;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b;
}
.column_2_of_2{
	float:left; 
	text-align:left;
	width:79.65%;
	/*width: 245px; */
	/*height:30px;*/
	border: #3c964b;
	background-color: #fffcf2;
	/*line-height: 25px;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b;border-right: 1px solid #3c964b;
}

.column_2{
	float:left; 
	text-align:left;
	width:23%; 
	/*height:30px;*/
	border: #3c964b;
	background-color: #fffcf2;
	/*line-height: 25px;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b;
}
.column_2_rowSpan_3_6{
	float:left; 
	text-align:left;
	width:55.55%; 
	/*height:30px;*/
	border: #3c964b;
	background-color: #fffcf2;
	/*line-height: 25px;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b;
}


.column_3{
    float:left; 
	text-align:left;
	width:10%;
	/*height:30px;*/
	border: #3c964b;
	background-color: #FFFFCC;
	/*line-height: 40px;
	word-wrap:break-word;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b;
}
.column_4{
	float:left; 
	text-align:left;
	width:22.35%; 
	/*height:30px;*/
	border: #3c964b;
	background-color: #fffcf2;
	/*line-height: 25px;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b;
}
.column_4_rowSpan_3_6{
	float:left; 
	text-align:left;
	width:56.45%; 
	/*height:30px;*/
	border: #3c964b;
	background-color: #fffcf2;
	/*line-height: 25px;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b; border-right: 1px solid #3c964b;
}

.column_5{
    float:left; 
	text-align:left;
	width:10%;
	/*height:30px;*/
	
	border: #3c964b;
	background-color: #FFFFCC;
	/*line-height: 40px;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b;
}
.column_6{
	float:left; 
	text-align:left;
	width:23.9%; 
	
	/*height:30px;*/
	border: #3c964b;
	background-color: #fffcf2;
	/*line-height: 25px;*/
	padding:10px 0px 10px 0px ;
	border-left: 1px solid #3c964b; border-bottom: 1px solid #3c964b; border-right: 1px solid #3c964b;
}


/* webMenuType2.php */

body, nav, ul, li, a  {margin: 0; padding: 0; margin-top:0}
body {font-family: 'Open Sans', Helvetica, sans-serif; font-size:12px;}
a {text-decoration: none;}

.containerMenu {
    width: 100%;
	/*width: 90%;*/
    /*max-width: 900px;*/
   /* margin: 45px 0px 0px 0px;*/
	margin-top: -2.5em; 
	position:absolute; 
  	/*right: 0;*/
  	/*top: 17.2%;*/
	top: 88px;
	
	/*width:8em;*/
 }
.toggleMenu {
    display:  none;
    background: #666;
	padding: 2px 15px;
    /*color: #fff;*/
	color:#3c964b;
}
.nav {
    list-style: none;
     /*zoom: 1;*/
	background:#FFFFCC;
	width:100%;
	
	/*background-image:url(../Styles/GreenApple/Images/CaptionBg.gif);*/
	/*background:#175e4c;*/
	/*border-radius: 9px;*/
}
.nav:before,
.nav:after {
    content: ""; 
    display: table; 
}
.nav:after {
    clear: both;
}

.nav ul {
   list-style: none;
    width: 20em;
	

 
 }
.nav a {
    padding: 5px 8px;
     /*color: #fff;*/
	color:#3c964b;
	white-space:nowrap;
}
.nav li {
    position: relative;
	
}
.nav > li {
    float: left;
 
 }
.nav > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
	position: absolute;
	left: -9999px;
	color: #D6D6D6;
	
}
.nav > li.hover > ul {
    left: 0;
	
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}

.nav li li a {
	/*top: 9.5px;*/ /*jarak main ke submain */
    display: block;
    background:#FBF4D2;
    position: relative;
    z-index:100;
	border-bottom: 1px solid #D2D2D2;
	border:#000000;
	
}

.nav li li li a {
    background:#FBF4D2;;
    z-index:200;
    border-bottom: 1px solid #999999;
	/*left:5px;*/
	border:#000000;
	
}
/*ketiga*/
/*tambahan submenu yang ketiga */
/*hide */
.nav li li.hover li ul {
    position: absolute;
    top:-999em;
}
/*show*/
.nav li li li.hover ul {
    left: 100%;
    top: 0;
}
/* rupa fizikal*/
.nav li li li li a {
    background:#FBF4D2;;
    z-index:200;
    border-bottom: 1px solid #999999;
	left:10px;
	border:#000000;
}
/* end tambahan */
.nav ul ul li:first-child > a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  
}
.nav ul ul li:last-child > a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
 
}
.nav ul  li:first-child > a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  
}
.nav ul  li:last-child > a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
 
}

.nav a:hover {
		color: #fff;
		text-decoration: underline;
		background-color: #f90;
}


/*tambah arrow */
.nav ul > li.has-child > a:before {
  content: '';
  position: absolute;
  right: 11px;
  top: 10.5px;
  display: block;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top-color:#666666;
  z-index: 99;
}

/* end tambah arrow */


	

/*Semua skrin */
	.container2 {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		width: 95%;
		position:absolute;
		/*top: 17.2%;*/
		top: 100px;
		margin-left:2%;
   }
   
   
/*Semua skrin yang ada table */
	.table { /* tambahdot 07/may/2015*/
		width: 100%; 
		border-collapse: collapse; 
	}
						
	.tr:nth-of-type(odd) { /* tambahdot 07/may/2015*/
		background: #eee; 
	 }
						
	 .tr:nth-of-type(even) { /* tambahdot 07/may/2015*/
			background: #fffcf2; 
	  }
				  
	  .th { /* tambahdot 07/may/2015*/
			background:#FFFFCC;
			font-weight: bold; 
	   }
			
	  .th2 { /* tambahdot 07/may/2015*/
			background:#FFFFCC;
			font-weight: bold;
			text-align:left;
			padding: 6px; 
			border: 1px solid #ccc; 
			
	   }			
	   .td{ /* tambahdot 07/may/2015*/
			padding: 6px; 
			border: 1px solid #ccc; 
			text-align:center;
		}
		.td2{ /* tambahdot 07/may/2015*/
			padding: 6px; 
			border: 1px solid #ccc; 
			/*text-align:center;*/
		}
		.td3 { /* tambahdot 07/may/2015*/
			background:#FFFFCC;
			font-weight: bold; 
	   }		
	   .td4{ /* tambahdot 07/may/2015*/
			padding: 6px; 
			border: 1px solid #ccc; 
			text-align:center;
		}
		.td5{ /* tambahdot 07/may/2015*/
			padding: 6px; 
			border: 1px solid #ccc; 
			text-align:center;
			background: #eee;
		}
		.td6{ /* tambahdot 07/may/2015*/
			padding: 6px; 
			border: 1px solid #ccc; 
			text-align:center;
			background: #fffcf2;
		}
		.td7{ /* tambahdot 07/may/2015*/
			padding: 6px; 
			border: 1px solid #ccc; 
			text-align:left;
			background: #fffcf2;
		}
		.th { /* tambahdot 07/may/2015*/
			padding: 6px; 
			border: 1px solid #ccc; 
			text-align:center;
		}

 /*@media only screen and (min-width: 769px) 
 {
	   .image-replacement {
		  display: block;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		  background: url(../../images/bannerKecil.png) no-repeat;
		
		 
		   width: 550px;
	  	   height:45px;
		   padding-left: 550px;
	  }
   }*/

@media only screen and (min-width: 361px) and (max-width: 640px) {
	  /* webHeader */
    .image-replacement {
		  display: block;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		  background: url(../../images/bannerKecil.png) no-repeat;
		
		 
		   width: 640px;
	  	   height:45px;
		   padding-left: 640px;
	  }
}

@media only screen and (max-width: 360px){
   /* webHeader */
	
	  .image-replacement {
		  display: block;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		  background: url(../../images/bannerKecil.png) no-repeat;
		   width: 350px;
		   
	  	   height:45px;
		 padding-left:350px;
	}
}
 @media only screen and (max-width: 768px) {
	 .textArea {
		width:100%;
		border: 2px solid #765942;
		border-radius: 10px;
		/*height: 80px;
		width: 300px;*/
	}
	 .caption_Message { 
        background:#FFFFCC;
		color:#F00;
		font-weight: bold;
		height:auto;
		/*height:50px;*/
		line-height: 15px;  	  	
      }
	  
	 /*webAC_PraDaftarSubjek */
	 select.selmenu {   
  		font-size: 10px;   
 		color: #676767;   
  		padding: 5px !important;   
 		border: 1px solid #aaa;   
  		width:150px;  
	} 

	 /*webSP_StudentProfile */
	.column_1{
		float:none;
		text-align:center;
		width: auto;
	    vertical-align:middle;
		/*line-height: 40px;*/
		  border-right: 1px solid #3c964b;
	}
	.column_2{
		float:none;
		text-align:center;
		width: auto;
		height:auto;
		vertical-align:middle;
		border-right: 1px solid #3c964b;
	}
	.column_2_rowSpan_3_6{
		float:none;
		text-align:center;
		width: auto;
		height:auto;
		vertical-align:middle;
		  border-right: 1px solid #3c964b;
	}
	.column_2_rowSpan_3_4{
		float:none;
		text-align:center;
		width: auto;
		height:auto;
		vertical-align:middle;
	}
	
	.column_3{
		float:none;
		text-align:center;
		width: auto;
	    vertical-align:middle;
		/*line-height: 40px;*/
		border-right: 1px solid #3c964b;
	}
	.column_4{
		float:none;
		text-align:center;
		width: auto;
		height:auto;
		vertical-align:middle;
		border-right: 1px solid #3c964b;
	}
	.column_4_rowSpan_3_6{
		float:none;
		text-align:center;
		width: auto;
		height:auto;
		vertical-align:middle;
	}
	
	.column_5{
		float:none;
		text-align:center;
		width: auto;
	    vertical-align:middle;
		/*line-height: 40px;*/
		  border-right: 1px solid #3c964b;
	}
	.column_6{
		float:none;
		text-align:center;
		width: auto;
		height:auto;
		vertical-align:middle;
	}
	
	
	/*webSP_StudentProfile */
	.containerMenu {
		width: 90%;
		max-width: 900px;
		margin: 45px 0px;
		top: 15px;
		margin-left:20px;
		position:relative;
	}
	.toggleMenu {
		display:  none;
		background: #666;
		padding: 10px 15px;
		/*color: #fff;*/
		color:#3c964b;
		opacity: 1;
		clear: both;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease;
	}
	
	.nav a {
			padding: 10px 15px;
			 /*color: #fff;*/
			color:#3c964b;
			
		}
    .active {
        display: block;
    }
    .nav > li {
        float: none;
		/*border-bottom: 1px solid #333;*/
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        /*background-image: url("../images/downArrow.png");*/
		opacity: 1;
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	.nav li li li a {
        background:#CCCCCC;
    	z-index:200;
   	    border-bottom: 1px solid #FFFFFF;
		left:0;
	}
	/*ketiga*/
	/*tambahan submenu yang ketiga */
	.nav > li li.hover > li ul , .nav li li li.hover ul {
        position: static;
    }
	.nav li li li li a {
        background:#FFFFFF;
    	z-index:200;
   	    /*border-bottom: 1px solid #999999;*/
		border:1px solid #999999;
		left:0;
		/**/
	}
	/* end */
	
	
	
	.banner{
		/*display:none;*/
		display:compact;
		
	
	}
	

	/*Semua skrin */
	
	.container2 {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		width: 95%;
		top: 20px;
		margin-left:2%;
		 position:relative;
	}
	
	/*semua skrin yang ada table */
	
	.table, thead, tbody, th, td, td2,tr { /* tambahdot 07/may/2015*/
			 display: block; 
	}
					
	/* Hide table headers (but not display: none;, for accessibility) */
	.thead tr {/* tambahdot 07/may/2015*/ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.td3{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.th2 { /* tambahdot 07/may/2015*/
			background:#FFFFCC;
			font-weight: bold;
			text-align:center;
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
	
	   }	
	.tr { border: 1px solid #ccc; }/* tambahdot 07/may/2015*/
	.td {/* tambahdot 07/may/2015*/
	 /* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%;
		text-align:left;
	}
	.td2{/* tambahdot 07/may/2015*/
	 /* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%;
		text-align:left;
	}
	.td4 {/* tambahdot 07/may/2015*/
	 /* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/*padding-left: 35%;*/
		text-align:left;
	}
	.td5{ /* tambahdot 07/may/2015*/
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			/*padding-left: 35%;*/
			text-align:left;
			background: #eee;
	}
	.td6{ /* tambahdot 07/may/2015*/
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			/*padding-left: 35%;*/
			text-align:left;
			background: #fffcf2;
	}
	 .td7 {/* tambahdot 07/may/2015*/
	 /* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		text-align:center;
	}
	.td:before {/* tambahdot 07/may/2015*/
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	 }
	 
	
	 
	 .td2:before {/* tambahdot 07/may/2015*/
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	 }
	/* Label the data*/
	.th[data-title]:before,/* tambahdot 07/may/2015*/
	.td[data-title]:before {/* tambahdot 07/may/2015*/
		content: attr(data-title) ":\00A0";
		font-weight: bold;
	 }
	 .td2[data-title]:before {/* tambahdot 07/may/2015*/
		content: attr(data-title) ":\00A0";
		font-weight: bold;
	 }
	  .td5[data-title]:before {/* tambahdot 07/may/2015*/
		content: attr(data-title) " \00A0";
		font-weight: bold;
	 }
	  .td6[data-title]:before {/* tambahdot 07/may/2015*/
		content: attr(data-title) " \00A0";
		font-weight: bold;
	 }
	 .th:not([data-title]) {
		font-weight: bold;/* tambahdot 07/may/2015*/
	 }
	
}