@charset "utf-8";
/* CSS Document */
html {
	margin:0;
	padding:0;
	
}
 button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: none;
}
body {
	margin:0;
	padding:0;
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	
}

* {
	outline:none;
}

element.style {
	height:100%;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
ul, ol {
	list-style:none;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}
li{
display: list-item;
}
a{cursor:pointer;}
a img, :link img, :visited img {
	border:none;
	cursor:pointer;
}

a:hover {
	text-decoration:none;
}
.body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100%;
}
.address {
	font-style:normal;
}
p {
	line-height:1.8em;
	color: #59595b;
	font-family: "Cairo", sans-serif;
	font-size: 80%;
}
a {
	text-decoration:none;
}
a:hover {
}

#all, #top, #center, #footer{text-align:right; direction:rtl;}
#all
{
	width:942px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;
	height: auto;
	clear: both;
}
#top
{
    width:942px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	clear: both;
}
#center
{
    width:942px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	clear: both;
}
#footer
{
	width:942px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border:dashed #c7c7c7 1px;
	background:#f2f2f2 url(images/ar/blue_l.gif) no-repeat right center;
	height: 30px;
	clear: both;
}
#top .logo{
	margin-bottom: 10px;
	float:right;
	width: 445px;
	height:85px;
	background:url("images/ar/logo.gif");
        
}
#top .links{
	float:left;
	width:450px;
	margin-top:16px;
}
#top .links ul{	margin:0;padding:0;}
#top .links ul li{
	float:left;
	background:url(images/sell.gif) no-repeat right top;
	height:48px;
}
#top .links ul li a{
	margin:0px 10px 0px 10px;
	color:#515151;
	font-size:80%;
	font-weight:lighter;
	line-height:2em;
	font-style:normal;
}
a.english{
	background:url(images/english.gif) top center no-repeat;
	text-align:center;
	padding-top:35px;
	height:auto;
	width:36px;
	display:block;
}
span.AA{
	background:url(images/newHome.gif) top center no-repeat;
	text-align:center;
	padding-top:40px;
	height:auto;
	width:85px;
	 
}
#top .links ul li span.AA a {margin:0px;}
a.contact{	background:url(images/mail.gif) top center no-repeat;
	text-align:center;
	padding-top:35px;
	height:auto;
	width:56px;
	display:block;}
div.theam{	background:url(images/theme.gif) top center no-repeat;
	text-align:center;
	height:auto;
	width:70px;
	height:46px;
	display:block; float:left;}
	#top .links ul li .theam ul{margin-left:22px;}
	#top .links ul li .theam ul li{
	width:12px;
	height:10px;
	float:left;
	margin:13px 2px 12px 1px;
	background-image:none;
}
#top .links ul li .theam ul li a{
	display:block;
	margin:0px; padding:0px;
	left: 10px;
	width: 12px;
}
#top .links ul li .theam ul li a img{width:12px; height:10px; border:none;}
.theam span{
	text-align:center;
	width:100%;
	color:#515151;
	font-size:80%;
	font-weight:lighter;
	line-height:2em;
	font-style:normal;
}
a.home{	background:url(images/home.gif) top center no-repeat;
	text-align:center;
	padding-top:35px;
	height:auto;
	width:96px;
	display:block;}
#top_bar{
width:942px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	clear: both;}
#data{
width:942px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	clear: both;}
#right{
	float:right;
	height:auto;
	width:217px;
	margin-left:22px;
	margin-top: 49px;
}
#left{width:701px; float:left; height:auto;}
.right_bar{background:url(images/right_top.gif) top right no-repeat; height:51px; width:7px; float:right;}
.center_bar{background:url(images/center_top.gif) top center repeat-x; height:51px; width:930px; float:right;}
.left_bar{background:url(images/left_top.gif) top center repeat-x; height:51px; width:5px; float:left;}

.login input.textbox{
	margin:0px 8px;
	float:right;
	height:20px;
	width:140px;
}

.login input.btn{
	margin:0px 5px;
	background:url(images/ar/ptn.gif);
	height:22px;
	width:22px;
	float:right;
	border:none;
	cursor:pointer;
} 


.fontText{
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt ;
    color: Black;
    vertical-align: middle;
    height: 16pt;
}

.fontTextTitle {   
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #1a393e;
 }
 
.fontTextMain{
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt ;
    color: #1a393e;
    vertical-align: middle;
    height: 16pt;
}

#menu{width:100%; height:auto;}
.top_menu{
	width:100%;
	color:#FFFFFF;
	background:url(images/ar/blue.gif) no-repeat top right #1a393e;
	height:30px;
	margin-bottom:6px;
}
.top_menu h2{
	margin-right: 20px;
	line-height:2em;
	font-weight:lighter;
	font-family:tahoma, arial;
	font-size:90%;
}
.all_menu{width:100%; height:auto; }
.all_menu ul{margin:0px ; padding:0px;

}

.all_menu ul li{ 
        line-height:1.9em; 
        border-bottom:dashed 1px #c6c6c6; 
        padding:0px;
}

.all_menu ul li a{
	color:#414141;
	font-size:80%;
	padding-right:10px;
	display:block
}
.all_menu ul li a:hover{color:#ffffff;  padding-right:10px; background:#d2d3d5; }
 
#ads{width:100%; height:auto; margin-top:15px; background:url(images/ads.gif) center top no-repeat;}
#ads a{width:100%; height:248px; display:block;padding: 0 !important;}

.forget{width:100%; height:49px; float:left;}
.forget a{ margin:12px; color:#767a81; font-size:12px; font-weight:lighter; line-height:2em; font-style:normal; }
.forget span{margin:12px; color:#767a81; font-size:12px; font-weight:lighter; line-height:2em; font-style:normal;}

.bannar{
	background:url(images/ar/bannar.gif) top center no-repeat;
	width:701px;
	height:192px;
	float:left;
	border-bottom:dashed #c7c7c7 1px;
}
.ads_img{
        background:url(images/ads.gif) top center no-repeat;
	width:215px;
	height:246px;
        display: block;
}
.news{width:701px; height:auto; float:left; margin: 12px 0px;}
.top_tab{
	width:100%;
	color:#FFFFFF;
	background:url(images/ar/blue.gif) no-repeat top right #1a393e;
	height:30px;
	margin-bottom:6px;
        font-size: 15px;
}
.top_tab h2{
	margin-right: 20px;
	line-height:2em;
	font-weight:lighter;
	font-family:tahoma, arial;
	font-size:90%;
	float:right;
}
.top_tab span.rss{
	float:left;
	margin-left:10px;
	background:url(images/rss.png);
	width:24px;
	height:24px;
	margin-top:3px;
}
.box_data{margin:1px 0px; width:699px;border:dashed 1px #adadaf;}
.box_data ul{margin:0px ; padding:0px;}
.box_data ul li{ background:url(images/scroe.gif) center right no-repeat;  padding:0px; margin:10px;  }
.box_data ul li a{
	margin-right:10px;
	color:#59595b;
	font-size:80%;
	display:block;
	line-height:1.8em
}
.box_data ul li a:hover{ color:#707683}
.texter{
	background:url(images/ar/text.gif) no-repeat;
	width:279px;
	height:22px;
	margin-top:4px;
	float:right;
	margin-right:10px;
}
.bottom-links{margin-left:10px; float:left;  width:300px;}
.bottom-links ul{margin:0px; padding:0px;}
.bottom_links ul li{
	border-right: solid 1px #abacae;
	margin-top:5px;
	color:#abacae;
	float:left;
}
.bottom_links ul li a{
	margin:0px 15px;
	color:#858586;
	font-size:80%;
	font-weight:lighter;
	line-height:1.6em;
	font-style:normal;
}
.bottom_links ul li a:hover{color:#9c9fa6;}
.bottom_links ul li.non{border-right:none;}
.data_in{width:701px; height:auto; float:left; margin: 0px 0px 15px 0px;}
.data_in_2 {
        width: 329px;
        height: auto;
        float: right;
        margin: 0px 0px 15px 18px;
}

.data_in_2 li {
        border-bottom: dashed 1px #C0C0C0;
        line-height: 2.8em;
        color: #59595b;
        font-family: "Cairo", sans-serif;
        font-size: 80%;
}

.data_in_2 li:last-child {
        border-bottom:none;
}

.right_dash {
        padding: 0px 5px;
        border: solid 1px #C0C0C0;
        background-color: #fff;
}

.left_dash {
        margin: 0px 0px 15px 0;
        padding: 0px 5px;
        border: solid 1px #C0C0C0;
        background-color: #fff;
}

.dash_pie {
        height: 270px;
        width: 699px;
        float: right;
        border: solid 1px #C0C0C0;
        background-color: #fff;
}
.n6{
	width:15%;
}
.n41{
	width:35%;
}
.titel{width:100%; float:right; margin-top:10px;}
.titel h1{width:75%; float:right;  font-family:tahoma, arial; font-weight:lighter; font-size:100%;  color:#1b68ac; line-height:2.0em; margin:0px; padding:0px;}
a.calender{background:url(images/Calendar.png) no-repeat center center; width:25px ; height:25px; display:block; float:left;}

.box_data h3{font-family:tahoma, arial; line-height:2.1em; margin:1px 5px;} 
.box_data p{font-family:tahoma, arial; line-height:1.8em; padding:5px;} 
.box_data table{font-family:tahoma, arial; font-size:70%; text-align:right;} 
.box_data table tr td{font-family:tahoma, arial; line-height:1.8em; padding:2px; border:solid 1px #c6c6c6;} 

.HEADING{
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt ;
    color: White;
    background-color:#1a393e;
    text-align:center; 
    color:#FFFFFF;
    vertical-align: middle;
    height: 16pt;
}



.HEADING_CHECK{
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt ;
    color: White;
    background-color:#1a393e;
    text-align:center; 
    color:#FFFFFF;
    vertical-align: middle;
    height: 16pt;
}

.HEADING_PRINT{
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt ;
    color: White;
    background-color:#1a393e;
    text-align:center; 
    color:#FFFFFF;
    vertical-align: middle;
    height: 16pt;
}

.ROW1 {
	font-family: "Cairo", sans-serif;
	font-size: 14px;
	background-color:#f2f2f2;
        color:#666;
        height: 25pt;
        text-align: center;
}

.ROW2 {
	font-family: "Cairo", sans-serif;
	font-size: 14px;
	background-color:#daeaf2;
        color:#666;
        height: 25pt;
        text-align: center;
}


.ROW_LEFT1 {
	font-family: "Cairo", sans-serif;
	font-size: 14px;
	background-color:#f2f2f2;
        color:#1a393e;
        height: 25pt;
        
}

.ROW_LEFT2 {
	font-family: "Cairo", sans-serif;
	font-size: 14px;
	background-color:#daeaf2;
        color:#666;
        height: 25pt;
        
}

.adds_data table.addsStyle tr td
{ 
    border:0px;
    font-size: 13px;
    font-weight: bold;
    
} 
 
.addsDesc{
    font-size: 10px;
    font-weight: 500;
}

a.backButton, a.noButton, a.yesButton, a.undoWebButton, a.hodApprovalButton,
a.deleteButton, a.closeButton, a.editButton, a.saveButton, a.loginButton,
a.addButton, a.addRequestButton, a.addFreeButton, a.dispatchButton,
a.acceptButton, a.declineButton, a.printButton, a.printButtonDisable,
a.ncaaaButtonDisable, a.ncaaaButton, .finishButton,
.nextButton, .sendButton, .voteButton, .resultVoteButton, .showButton,
.verificationButton, .newButton, .resultButton, .insertButton, .activateButton,
.confirmtButton, .excelExportButton, .hiddenButton, .priviessemesterButton,
.uploadButton, .selectFileButton, .refreshButton, .CurrantSemester, .homeButton,
.deleteAllButton, .undoButton, .copyButton, .detailsButton, .scoringStatButton {
	width: fit-content;
	height: fit-content;
	display: block;
	color: white !important;
	padding: 1px 15px 7px;
	text-align: center;
	border-radius: 5px;
	background-image: linear-gradient(120deg, #29beff 0%, #0084bd 100%);
	margin: 10px auto 5px 5px;
	font-family: HelveticaNeueLTArabicRoman, tahoma;
	font-weight: normal;
}

a.backButton:before {
	content: "رجوع";
}

a.yesButton:before {
	content: "نعم";
}

a.noButton:before {
	content: "لا";
}

a.undoWebButton:before {
	content: "تراجع ويب";
}

a.hodApprovalButton:before {
	content: "أعنماد رئيس قسم";
}

a.deleteButton:before {
	content: "حذف";
}

a.closeButton:before {
	content: "إغلاق";
}

a.editButton:before {
	content: "تعديل";
}

a.saveButton:before {
	content: "حفظ";
}

a.loginButton:before {
	content: "دخول";
}

a.addButton:before {
	content: "إضافة";
}

a.addRequestButton:before {
	content: "طلب إضافة";
}

a.addFreeButton:before {
	content: "إضافة المقررات الحرة";
}

a.dispatchButton:before {
	content: "تثبيت و إرسال";
}

a.acceptButton:before {
	content: "موافق";
}

a.acceptWithPayButton:before {
	content: "موافق ودفع";
	padding: 10px !important;
}

a.declineButton:before {
	content: "لا موافق";
}

a.printButton:before {
	content: "طباعة";
}

a.printButtonDisable:before {
	content: "طباعة";
}

a.printButtonDisable {
	background-image: linear-gradient(120deg, #acacac 0%, #5b5b5b 100%);
}


a.ncaaaButton:before {
	content: "إحصائية النتائج";
}

a.ncaaaButtonDisable:before {
	content: "إحصائية النتائج";
}

a.ncaaaButtonDisable {
	background-image: linear-gradient(120deg, #acacac 0%, #5b5b5b 100%);
}

.finishButton:before {
	content: "إنهاء";
}

.nextButton:before {
	content: "التالي";
}


.sendButton:before {
	content: "إرسال";
}

.voteButton:before {
	content: "تصويت";
}

.voteButton:before {
	content: "نتيجة التصويت";
}

.showButton:before {
	content: "إظهار";
}

.verificationButton:before {
	content: "التحقق من الوثيقة";
}

.newButton:before {
	content: "جديد";
}

.resultButton:before {
	content: "النتيجة";
}

.insertButton:before {
	content: "إدراج";
}

.activateButton:before {
	content: "تفعيل";
}

.confirmtButton:before {
	content: "تثبيت";
}

.excelExportButton:before {
	content: "تصدير إكسل";
}

.hiddenButton:before {
	content: "إخفاء";
}

.priviessemesterButton:before {
	content: "الفصول السابقة";
}

.uploadButton:before {
	content: "تحميل";
}

.selectFileButton:before {
	content: "إختيار الملف";
}

.refreshButton:before {
	content: "تحديث";
}

.CurrantSemester:before {
	content: "الفصل الحالي";
}

.homeButton:before {
	content: "الرجوع الى الرئيسية";
}

.deleteAllButton:before {
	content: "حذف الجميع";
}

.undoButton:before {
	content: "تراجع";
}

.copyButton:before {
	content: "نسخ";
}

.detailsButton:before {
	content: "إضافة تفاصيل";
}

.scoringStatButton:before {
	content: "إحصائية الرصد";
}


.tableBorderLabelAr {
	font-family: HelveticaNeueLTArabicRoman, tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: Black;
	background-image: url(images/tableHeaderBGAr.gif);
	width: 219px;
	height: 24px;
	text-align: auto;
	padding-right: 9pt;
	padding-top: 2pt;
	vertical-align: bottom;
}

.tableBorderLabelStdAr {
	font-family: HelveticaNeueLTArabicRoman, tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: Black;
	background-image: url(images/tableHeaderStBGAr.gif);
	width: 219px;
	height: 24px;
	text-align: auto;
	padding-right: 9pt;
	padding-top: 2pt;
	vertical-align: bottom;
}

.tableBorderLabelEn {
	font-family: HelveticaNeueLTArabicRoman, tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: Black;
	background-image: url(images/tableHeaderBGEn.gif);
	width: 219px;
	height: 24px;
	text-align: auto;
	padding-left: 9pt;
	padding-top: 2pt;
	vertical-align: bottom;
}

.tableBorderLabelStdEn {
	font-family: HelveticaNeueLTArabicRoman, tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: Black;
	background-image: url(images/tableHeaderStBGEn.gif);
	width: 219px;
	height: 24px;
	text-align: auto;
	padding-right: 9pt;
	padding-top: 2pt;
	vertical-align: bottom;
}

#admin_icons {
    float: right;
    width: 701px;
}

#admin_icons ul {
    height: 400px;
    width: 498px;
    margin: 0 auto;
    list-style-type: none;
}

#admin_icons li {
    margin-bottom: 39px;
    width: 112px;
    margin-left: 54px;
    float: right;
    display: block;
    height: 95px;
}

#admin_icons li a {
    padding-right: 0px !important;
    width: 112px;
    height: 95px;
}

.all_menu tr td {
    width: 100%;
    color: #FFFFFF;
    height: 0px;
    margin-bottom: 6px;
}

.all_menu tr td{ 
        line-height:20px; 
        margin:0px;
        padding:0px;
}

.all_menu tr td a {
    line-height:30px; 
    color: #414141;
    font-size: 90%;
    padding-right: 10px;
    display: block;
    border-bottom:dashed 1px #c6c6c6; 
}
.all_menu_dash{
    border-bottom:dashed 1px #c6c6c6; 
}

.all_menu tr td a:hover{color:#ffffff;  padding-right:10px; background:#d2d3d5; }

.all_menu tr td { 
    border-bottom:none; 
    color: white;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

.all_menu tr td a:active {
    line-height:30px; 
    color: #414141;
    font-size: 90%;
    padding-right: 10px;
    display: block;
    border-bottom:dashed 1px #c6c6c6; 
}

.nv-legendWrap {
        display: none;
}

.data_in_full {
    width: 100%;
    height: auto;
    float: right;
}
.data_in_full li {
    border-bottom: dashed 1px #C0C0C0;
    line-height: 2.8em;
    color: #59595b;
    font-family: "Cairo", sans-serif;
    font-size: 80%;
    float: right;
    width: 50%;
}

.data_in_full ul span li {
    border-bottom: none;
}
.ats-select {
    height: 28px;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f;  
    background-color: #FFF;
    border: 1px solid #acbece; 
    font-weight: normal;
    color: #474747;
}

.ats-select {
    vertical-align: top;
    border: 1px solid #acbece;
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #acbece;
    color: #424242;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.ats-select::-ms-expand {
    display: none;
}

.ats-select-label {width: 30px;  position:relative}
.ats-select-label:after {
    margin-top: 7px;
    vertical-align: bottom;
    font-weight: bolder;
    -webkit-transform: rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    content: '<';
    font-family: "Cairo", sans-serif;
    font-size: 10px;
    color: #424242;
    left: 7px;
    /* top: 20px; */
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
.ats-select-label:before {
    border-top: 1px solid #acbece;
    content:" ";
    left:0px;
    /* top: -7px; */
    width:20px;
    height: 26px;
    background: #ffffff url(primeui/images/default.png) 0 0 repeat-x;
    position:absolute;
    pointer-events:none;
    display:block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0px 4px 0px;
    border-left: 1px solid #acbece;
}
.ats-select option {
border: 1px solid rgb(172, 190, 206);
cursor: pointer;
margin: 1px 0px;
padding: 3px 5px;
text-align: right;
background: rgb(255, 255, 255);
color: rgb(71, 71, 71);
}
td.page-head-msg {
   border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #C8C8C8;
  padding-right: 10px;
  height: 36px;
  background-color: #DAEAF2;
}
.no_bg_btn .pui-button-text {
    padding: 0 .4em 0 0 !important;
}
.popUp_btns a {
    float: right;
}

td.col25 {
    width: 25%;
}
 .no_bg_btn {
    border: 0 !important;
    font-weight: bold !important;
    background: none !important;
    box-shadow: none;
    border-color: white;
    color: #1a393e !important;
    font-family: HelveticaNeueLTArabicRoman, tahoma;
}
