@font-face{ font-family: Droid Kufi Regular; src: url(DroidKufi-Regular.ttf);src: url('DroidKufi-Bold.eot'); src: url('DroidKufi-Regular.woff') format('woff');}

.swRow{
	padding-top: 0px;
	font-size: 10pt !important;
}




.tableform TABLE TD {
	padding-top: 5px;
	padding-bottom: 5px;	
}

	
.tableform TABLE{
	
	
	padding: 6px;
	padding-left: 5px;
	padding-right: 5px;
	
	height: 11px;
	color: #003680;
	font-family: Droid Kufi Regular;
	font-size: 8pt;
	white-space: nowrap;
}



.tbl TABLE {
	border: none;
	width: 100%;
	font-family: Droid Kufi Regular;
	font-size:11pt;
	color:#41434F;
	text-align: right;
	font-weight:normal
}
.tbl tr:hover{
	background-color:rgb(250, 250, 250);
	}


.tblHighlightRow td{
	background-color:#FFFFCC;
}

.tblAlarmRow td{
	background-color:#FF6666;
}


.controlIcon{
		opacity:0.4;
		padding-left: 8px;
		padding-top: 6px;
		cursor: hand;
		vertical-align:middle
		filter:alpha(opacity=40);
		text-align: center;
		vertical-align: middle;
	}

.tbl tr:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
	visibility: visible;
	text-align: center;
	}

/* used mainly in displaytable*/

.controlPanel{
	font-family: Droid Kufi Regular;
	font-size:9pt;
	color:#41434F;
	text-align: center;
}




/* used mainly in widget*/
/**************tadarus one********************/

/*************tadarus one************/



.radio
{
	float:right;
	color: red;
}

/********************************/

/********************************/

.tabTable{
padding-top:1px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
border-spacing:0.1em 0em;
}
.TabBox {
	/* border-radius:3.9px; */
	padding: 8px;
	border: 1px solid #9AC5E5;
	background-color: #FFFFFF;
	text-align: right;
 	border-top-width:4px;
 	border-top-left-radius: 2.2px;
 	border-top-right-radius: 2.2px;
 	border-bottom-left-radius: 5px;
 	border-bottom-right-radius: 5px;
 	border-color: rgb(217, 220, 227);;
 	border-top-color: rgb(110, 130, 157);
 }

	
	DIV.jtDialogBox .ContentAreaLms {
	
	background-color: #ffffff;
	}
	
	DIV.jtDialogBox .ContentAreaLmsBook {
	background-color: white;
	color: #979797;
	font-family: Droid Kufi Regular;
	font-size: 9pt;
	font-weight: bold;
	}	
	.tblInfo{
	background-color: #ffffff;
	}
	.tdControl{
	text-align:center;
	}


table {
	width:100%;
	}
.largIcon , .largeIcon{
	cursor:pointer;
	padding-right:10px;
	padding-bottom:5px;
	float: left !important;
}

.tbl tr:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
	visibility: visible;
	text-align: center;
	}
.refrenceIcon{
	padding-left:5px;
	padding-bottom:0px;
	padding-top:0px;
	cursor: hand;
	vertical-align:middle		
}
.refrenceIcon{
	padding-left:5px;
	padding-bottom:0px;
	padding-top:0px;
	cursor: hand;
	vertical-align:middle		
}
.CalHeader2 {
	color: #003886;
	font-family: Droid Kufi Regular;
	font-size: 10pt;
	font-weight: bold;
	text-align: center !important;
}
 
.CalDateFromTo {
	COLOR: #e77e10; 
}

.Cal-Today {
	
	background-color: #f8f8f8;
}
.calSubHeadClass
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #1F4787;
    font-family: Droid Kufi Regular;
    BACKGROUND-COLOR: #F7F7F7;
    padding-bottom:4px;
	padding-top:4px;
    
}

.FBTextArea{
		width:320px;
		height:100px;
	}

.formClass TH TABLE TD{
	
	color: #FFFFFF;
	font-family: Droid Kufi Regular;
	font-size: 9pt;
	font-weight: bold;
}

.fileUpload {
	position: relative;
	overflow: hidden;
}
.fileUpload input.upload {
	/*position: absolute;*/
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=.5);
	width:35px;
	text-align:center;
}

.pagingPanel{
	text-align:center;
	}
.bntCenterTable{
		padding-right:250px;
	}

.tblMultiTitle{
	background:#CAD8ED;
	text-align:center;
	float:center;
	}




.formClass TR {
	padding-bottom: 5px;
	padding-Top: 5px;
	white-space: nowrap;
	
}

.formClassNoPadding {
	width: 100%;
	color: #243A75;
	font-family: Droid Kufi Regular;
	font-size: 8pt;
	
	border:  solid thin ;
	border-color: #d5f1ff;
	border-spacing: 0;
	
	
}

.formClassNoPadding TR {
	white-space: nowrap;
	
}

.formClassNoPadding TD {
	white-space: nowrap;
	color:#243A75;
	font-family:Droid Kufi Regular;
	font-size:8pt;
	
}





.formClassNoPadding TH {
	height: 20px;
	background-image: url('../gmainbar.jpg');
	background-color:#63A9DA;
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Droid Kufi Regular;
	font-size: 9pt;
	font-weight: bold;
}

.formClassNoPadding TH TABLE TD{
	
	color: #FFFFFF;
	font-family: Droid Kufi Regular;
	font-size: 9pt;
	font-weight: bold;
}


.formClassBorderLess {
	width: 100%;
	color: #243A75;
	font-family: Droid Kufi Regular;
	font-size: 8pt;
	padding: 0px;
	border: none;
	
}

.formClassBorderLess TR {
	padding-bottom: 5px;
	padding-Top: 5px;
	white-space: nowrap;
}

.formClassBorderLess TD {
	white-space: nowrap;
	color:#243A75;
	font-family:Droid Kufi Regular;
	font-size:11pt;
	padding:3px;
}

.formClassBorderLess TH {
	height: 20px;
	background-image: url('../gmainbar.jpg');
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Droid Kufi Regular;
	font-size: 12pt;
	font-weight: bold;
}


.textarea_l {
	font-family: Droid Kufi Regular;
	font-size: 11pt;
	border: 2px solid #CAD8ED;
	width:440px;
	height: 100;
	overflow:auto;
}

.txt{
	font-family: Droid Kufi Regular;
	font-size: 11pt;
}
.titleReportList
{
font-size: 12pt;
font-weight:normal;
#padding-top: 11px;

}
.showHideDiv{
	background-color: rgb(195, 203, 214);
	font-family: Droid Kufi Regular;
	font-size: 9pt;
	color: rgb(65, 67, 79);
	font-weight: bold;
	text-align: right;
	height:35px;
	width:98%;
	float:right;
	}
.showHideRDiv{
	width:80%;float:RIGHT;text-align:right;padding-top:8px;
	}
.showHideLDiv{
	width:20%;float:left;text-align:left;padding-top:8px;
	}
 
	


.coursesList{
	background-color: #41434F;
}

.equivTable{
	width: 100%;
    color: #243A75;
    font-family: Droid Kufi Regular;
    font-size: 8pt;
    border-color: #FFFFFF;
    margin-bottom: 10px;
    border-right-color: white;
    border-right-width: 0;
    direction: rtl;
}

.equivTable TD{
	white-space: nowrap;
    color: #243A75;
    font-family: Droid Kufi Regular;
    font-size: 12pt;
    padding: 3px;
    border: 0;
}

.mergeTable{
	width: 100%;
    color: #243A75;
    font-family: Droid Kufi Regular;
    font-size: 8pt;
    border-color: #FFFFFF;
    margin-bottom: 10px;
    border-right-color: white;
    border-right-width: 0;
    direction: rtl;
}

.mergeTable TD{
	white-space: nowrap;
    color: #243A75;
    font-family: Droid Kufi Regular;
    font-size: 12pt;
    padding: 3px;
    border: 0;
}

input[type="button"]:disabled {
    background: #dddddd;
}
input[type="submit"]:disabled {
    background: #dddddd;
}
#logofooter{
	padding-top:5px;
vertical-align: middle;
}
.tdtitle{
	text-align: left
}



.progBarClass TD {
	width: 80px;
	font-size: 1px;
	height: 12px;
}

.progBarClass {
	BORDER-RIGHT: 1px solid black;
	BORDER-TOP: 1px solid black;
	BORDER-LEFT: 1px solid black;
	BORDER-BOTTOM: 1px solid black;
}

.hiLighted {
	background-color: gray;
}

.notHiLighted {
	background-color: white;
}


.rcorners2 {
    border-radius: 5px;
    background-color:#EBEEF1;
    
    border: 1px solid #C3CBD6;
    padding: 5px; 
    width: 99%;
    height: auto;    
}



.announcementView{
	width:30%;
	border:1px #6E829D solid;
	padding-right:50px;
	padding-left:50px;
	border-radius:12px;
}

	
	.col1{
		#display: inline-grid;
		width: 30% ;
		margin-bottom: 5%;
		padding: 3%;
		padding-top: 1%;
		#margin: 1%;
	}
	.col2{
		#display: inline-grid;
		width: 30% ;
		margin-bottom: 5%;
		padding: 3%;
		padding-top: 1%;
		#margin: 1%;
	}
	.col3{
		#display: inline-grid;
		width: 30% ;
		margin-bottom: 5%;
		padding: 3%;
		padding-top: 1%;
		#margin: 1%;
	}
	.col4{
		#display: inline-grid;
		width: 30% ;
		margin-bottom: 5%;
		padding: 1%;
		#padding-top: 1%;
		#margin: 1%;
	}
	.col5{
		#width: 25% !important;
	}
	.row1{
		#display: inline-grid;
		
	}
	.row2{
		#display: inline-grid;
	}
	
	 
		
	@media screen and (max-width:1200px){
		.announcementView{
			width:50%;
			border:1px #6E829D solid;
			padding-right:50px;
			padding-left:50px;
			border-radius:12px;
		}
				
		.col1{
			display: inline-grid;
			width: 60%;
			margin-bottom: 50px;
			margin-right: 15%;
			height: inherit;
		}
		.col2{
			display: inline-grid;
			width: 60%;
			margin-bottom: 50px;
			margin-right: 15%;
			height: inherit;
		}
		.col3{
			display: inline-grid;
			width: 60%;
			margin-bottom: 50px;
			margin-right: 15%;
			height: inherit;
		}
		.col4{
			display: inline-grid;
			width: 60%;
			margin-bottom: 50px;
			margin-right: 15%;
			height: inherit;
		}
		.col5{
			#width: 25% !important;
		}
		.row1{
			#display: inline-grid;
			
		}
		.row2{
			#display: inline-grid;
		}
	}
	
	@media screen and (max-width:800px){
		.announcementView{
			width:50%;
			border:1px #6E829D solid;
			padding-right:50px;
			padding-left:50px;
			border-radius:12px;
		}
			
		.col1{
			width: 450px !important;
			margin-bottom: 50px;
			margin-right: 8%;
			display: inline-grid;
			height: inherit;
		}
		.col2{
			width: 450px !important;
			margin-bottom: 50px;
			margin-right: 8%;
			display: inline-grid;
			height: inherit;
		}
		.col3{
			width: 450px !important;
			margin-bottom: 50px;
			margin-right: 8%;
			display: inline-grid;
			height: inherit;
		}
		.col4{
			width: 450px !important;
			margin-bottom: 50px;
			margin-right: 8%;
			display: inline-grid;
			height: inherit;
		}
		.col5{
			width: 25% !important;
		}
		.row1{
			display: inline-grid;
		}
		.row2{
			#display: inline-grid;
		}
	}