@charset "utf-8";
/* end footer */
* {
  margin: 0;
  padding: 0;
}
/*@font-face {
  font-family: 'KFGQPC Uthman Taha Naskh';
  src: local('☺'), 
       url('UthmanTN1 Ver10.otf') format('opentype'), 
       url('UthmanTN1B Ver10.otf') format('opentype');
}*/
.floatDir {
	float: left;
	text-align: left;
}
.textAlign {
	text-align: left;
}
body { 
  /*font-family: 'KFGQPC Uthman Taha Naskh';*/
  font-family: Tahoma, Arial, Verdana,sans-serif;
 /* font-size:12px;*/
  text-align:center;
  /*background-image:url(../images/mainBg.jpg);
  background-repeat:repeat;
  background-position:center top;*/
  /*-webkit-text-stroke: 1px transparent;*/
  background-color:#FFFFFF;
  direction:ltr;
  color:#000000;
}

.page {  
   margin:auto; 
   width:940px;
   text-align:center;
  /* background:#4b96a1 url(../images/bg.jpg) top center;  */
}
.header {
	margin:0px;
	padding:0px;
	width:100%;
	text-align:left;
	vertical-align:middle;
/*	opacity:0.85;
    filter:alpha(opacity=85);*/
	background-color:#1e252a;
/*	border-radius: 5px;
	-moz-border-radius: 5px;*/
	/*background:#FFFFFF url(../images/header.jpg) top center;  
	background-repeat:no-repeat;*/
}
.langs{
    color: #FFFFFF;
	text-align: center;
	vertical-align:middle;
	position:absolute;
	top: 2px;
	font-weight:bold;
	width:160px;
	height:18px;
	margin-bottom:-20px;
	float:left;
	text-decoration: none;
	z-index:5000;
}
.header .langs a{
    color: #FFFFFF;
	text-decoration: none;
}
.header .langs img{
    vertical-align:middle;
	padding:2px;
}
input ,textarea, password, submit{
	font-size: 12px;
	text-align: left;
	color: #000000;
		background-color: #DDEBD8;
	border: 1px solid #66CC33;
	padding:1px;
	margin:2px;
	resize:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.input2{
	font-size: 12px;
	text-align: left;
	color: #000000;
	background-color: #D2EBB8;
	border: 1px solid #333333;
	padding:1px;
	margin:2px;
	resize:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
form {
	padding: 0px;
	margin: 0px;
}

.DefLink ,.DefLink:visited{
   font-size:12px;
   /*font-family: DejaVu Serif Web;*/
   color:#000000;
   text-decoration:none;
}

.DefLink:hover{
   color:#326933;
   text-decoration:none;
}

.mainDiv {  
   margin:auto;
   padding:10px;
   text-align:center;
   background-color:#f6f6f7;
   width:100%;
    display:block;
   /*background:#4b96a1 url(../images/bg.jpg) top center;  */
}

.errorMsg {
	background-color: #FF8484;
	border: 1px solid #990000;
	color: #990000;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	width:auto;
    margin:auto;
	margin-top:4px;
	margin-bottom:4px;
}

.leftMsg {
	background-color: #CCF9AE;
	border: 1px solid #316002;
	color: #316002;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	width:95%;
    margin:auto;
	margin-top:40px;
	margin-bottom:4px;
}

.td01 {
	background-color: #FFFFFF;
	text-align:left;
	padding:4px;
}
.td02 {
	background-color: #aedb70;
	text-align:left;
	padding:4px;
}
.td03 {
	background-color: #FEF0C5;
	text-align:left;
	font-weight:bold;
}

.mainTabs{
	margin:auto;			
	background-color:#8dc73f;	
	width:100%;
	float:left;
	/*-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius:8px;
    border-bottom-left-radius:8px;*/
}
.mainTabs li{
	list-style-type: none;
	/*border-bottom: dotted 1px black;*/
	text-align:left;
	float:left;
	margin:2px;
}
.mainTabs li{
	list-style-type: none;
	/*border-bottom: dotted 1px black;*/
	text-align:left;
	float:left;
	margin:0px;
	margin-top:2px;
	margin-left:3px;
}
.mainTabs li a{
	text-decoration: none;
	display:block;
	padding:8px;
	color:#FFFFFF;
	-moz-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-right-radius:8px;
    border-top-left-radius:8px;
	background: #aedb70;
}
.mainTabs li a:hover{
	isplay:block;
	padding:8px;
	color:#FFFFFF;
	-moz-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-right-radius:8px;
    border-top-left-radius:8px;

	background: #aedb70;
}
.mainTabs li.active a{
	text-decoration: none;
	display:block;
	padding:8px;
	color:#8dc73f;
	-moz-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-right-radius:8px;
    border-top-left-radius:8px;
	background: #f6f6f7;
}
.mainTabs active.active a:hover{
	isplay:block;
	padding:8px;
	color:#8dc73f;
	-moz-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-right-radius:8px;
    border-top-left-radius:8px;
	background: #f6f6f7;
}

.mainTabs li.logTab {
	list-style-type: none;
	/*border-bottom: dotted 1px black;*/
	text-align:left;
	float:right;
	margin:0px;
	margin-top:2px;
	margin-left:3px;
}
.mainTabs li.logTab a{
	text-decoration: none;
	display:block;
	padding:8px;
	color:#FFFFFF;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius:8px;
    border-top-right-radius:8px;
	background: #aedb70;
}
.mainTabs li.logTab a:hover{
	isplay:block;
	padding:8px;
	color:#FFFFFF;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius:8px;
    border-top-right-radius:8px;
	background: #aedb70;
}
.mainTabs li.logTab.active a{
	text-decoration: none;
	display:block;
	padding:8px;
	color:#8dc73f;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius:8px;
    border-top-right-radius:8px;
	background: #f6f6f7;
}
.mainTabs li.logTab.active a:hover{
	isplay:block;
	padding:8px;
	color:#8dc73f;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius:8px;
    border-top-right-radius:8px;
	background: #f6f6f7;
}

.Imprints{
	margin:10px;			
	background-color:#e7e7e7;	
	width:820px;
	float:left;
	height:390px;
	/*-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius:8px;
    border-bottom-left-radius:8px;*/
}
@media screen and (max-width: 350px) {
.Imprints{
	margin:10px;
	background-color:#e7e7e7;
	width:auto;
	margin:auto;
	float:none;
	height:auto;
	text-align:center;

}
}
.Imprints .Imprint{
	width:260px;
	margin:5px;
	text-align:center;
	display:inline-block;
}
@media screen and (max-width: 350px) {
.Imprints .Imprint{
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	width:98%;	
}
}
.Imprints .Imprint .term{
	width:40%;	
	text-align:center;
	margin:5%;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
}
.Imprints .Imprint .term .percent{
	margin:10px auto;
	text-align:center;
}
.Imprints .Imprint .term .chart{
	/*height:240px;
	width:50px;*/
	margin:-10px auto;
	text-align:center;
	/*background-color:#a4d365;*/
}
.Imprints .Imprint .term .perfectChart{
	/*height:240px;
	width:50px;*/
	margin:-10px auto;
	text-align:center;
	/*background-color:#71aa25;*/
}
.Imprints .Imprint .term .termType{
	padding:4px;
	text-align:center;
	margin:10px auto;
	font-size:10px;
}
.Imprints .Imprint .title{
	padding:4px;
	text-align:center;
	margin:auto;
	font-weight:bold;
	background-color:#8ec63f;
	/*font-size:13px;*/
}
.Imprints .Imprint .result{
	padding:2px;
	text-align:center;
	margin:auto;
	background-color:#98c954;
	width:100%;
	float:left;
}



.yieldImprints{
	margin:10px;			
	background-color:#e7e7e7;	
	width:260px;
	float:left;
	height:390px;
	/*-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius:8px;
    border-bottom-left-radius:8px;*/
}
@media screen and (max-width: 350px) {
.yieldImprints{
	margin:0px;			
	background-color:#e7e7e7;	
    width:100%;
	float:none;
	height:390px;
	/*-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius:8px;
    border-bottom-left-radius:8px;*/
}
}
.yieldImprints .Imprint{
	margin:5px;
	text-align:center;
}
.yieldImprints .Imprint .term{
	width:40%;	
	text-align:center;
	margin:5%;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
}
.yieldImprints .Imprint .term .percent{
	margin:10px auto;
	text-align:center;
}
.yieldImprints .Imprint .term .chart{
	/*height:240px;
	width:50px;*/
	margin:-10px auto;
	text-align:center;
	/*background-color:#a4d365;*/
}
.yieldImprints .Imprint .term .perfectChart{
	/*height:240px;
	width:50px;*/
	margin:-10px auto;
	text-align:center;
	/*background-color:#71aa25;*/
}
.yieldImprints .Imprint .term .termType{
	padding:4px;
	text-align:center;
	margin:10px auto;
	font-size:10px;
}
.yieldImprints .Imprint .title{
	padding:4px;
	text-align:center;
	margin:auto;
	font-weight:bold;
	background-color:#8ec63f;
	/*font-size:13px;*/
}
.yieldImprints .Imprint .result{
	padding:2px;
	text-align:center;
	margin:auto;
	width:100%;
	float:left;
	background-color:#98c954;
}


@media print {
	.page-break	{ display: block; page-break-before: always; }
}
.progs{
	margin:10px;
	margin-top:40px;	
	background-color:#e7e7e7;	
	display: block;
	page-break-after: always; 
	/*-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;*/
}
.progs .head{
	padding:5px;
	width:100%;
	text-align:center;
	font-weight:bold;
	background-color:#66CC33;
	display:table;	
}
.progs .head .title{
	text-align:center;
	padding:3px;
	display:table-cell;
	background-color:#66FF66;
}
.progs .head .prog{
	width:65%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .head .grade{
	width:15%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .head .import{
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .head .prog1{
	width:50%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .head .grade1{
	width:15%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .head .gap1{
	width:15%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .head .import1{
	text-align:center;
	padding:3px;
	display:table-cell;
}

.progs .row01{
	display:table;
	width:100%;
	padding:5px;
	text-align:center;
	float:right;
}
.progs .row01 .prog{
	width:65%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row01 .grade{
	width:15%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row01 .import{
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row01 .prog1{
	width:50%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row01 .grade1{
	width:15%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row01 .gap1{
	width:15%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row01 .import1{
	text-align:center;
	padding:3px;
	display:table-cell;
}

.progs .row02{
	padding:5px;
	width:100%;
	text-align:center;
	background-color:#C0DB9B;
	display:table;
	float:right;
}
.progs .row02 .prog{
	width:65%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row02 .grade{
	width:15%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row02 .import{
	width:auto;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row02 .prog1{
	width:50%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row02 .grade1{
	width:15%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row02 .gap1{
	width:15%;
	text-align:center;
	padding:3px;
	display:table-cell;
}
.progs .row02 .import1{
	text-align:center;
	padding:3px;
	display:table-cell;
}

.arrow-up {
width: 0; 
height: 0; 

border-left: 25px solid transparent;
border-left: 25px solid transparent;

/*border-bottom: 140px solid #a4d365;*/
}

.arrow-up1 {
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-left: 25px solid transparent;
	
	border-bottom: 244px solid #71aa25;
	
}
.arrow-up2 {
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-left: 25px solid transparent;
	
	border-bottom: 240px solid #01477a;
	
}
.newUser{
	width:50%;
	margin-top:10px;
	font-size:14px;
	text-align:center;
	margin:auto;
	font-weight:bold;
	background-color:#CCCCCC;
	padding:5px;
}

.user{
	color: #000000;
	text-align: left;
	vertical-align:middle;
	padding:0px;
	padding-left:5px;
	float:left;
	width:240px;
	margin-top:10px;
	font-size:90%;
	font-weight:normal;
}
.user .title{
	color: #000000;
	text-align: left;
	vertical-align:middle;
	padding:0px;
	padding-left:5px;
}
.user .options{
	float:left;
	width:200px;
	height:40px;	
}
.user .options a{
	vertical-align:middle;
	color:#66CC33;
}
.user  .options a:visited{
	vertical-align:middle;
	color:#66CC33;
}

.report{
	margin:10px;
	padding:10px;
	clear:both;
	text-align:left;
}

.formDiv{
	margin:10px;
	padding:10px;
	clear:both;
	width:100%;
}

.footer {
  	margin:0px;
	opacity:1.0;
    filter:alpha(opacity=100);
	background-color:#8dc73f;
	display:block;
	color:#FFFFFF;
	text-align:left;
	direction:ltr;
}
.footerCont {
  	margin:auto;
	padding:5px;
	font-size:90%;
}
.footer span,.footer p {
  color:#FFFFFF;
  padding:0px;
  direction:ltr;
  text-align:left;
}
.footer a {
  color:#FFFFFF;
  padding:3px;
}/* end footer */

.greet{
	margin-top:40px;
	text-align: left;
}
.options{
	text-align: left;
}
.headDiv{
	margin-top:40px;
}
.startBt {
	background-color: #CFEFFE;
	border: 1px solid #497BD8;
	color: #497BD8;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	width:50%;
    margin:auto;
	margin-top:40px;
	margin-bottom:4px;
}
.startBt a{
	text-decoration:none;
	display:block;
}

.page {
  display: none;
  margin: auto !important;
  padding: 10px !important;
  width: 100% !important;
}
.page-active {
  display: block;
}