/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

body { direction:rtl;  text-align:justify; margin:0 0 0 0;font-size:16px; font-weight:400;font-family: 'Simplified Arabic', sans-serif;-webkit-font-smoothing: antialiased; color:#666666;}
img {border:none;}
a:active , a:visited , a {text-decoration:none; font-size:14px; color:#D31522;}
a:hover { color:#C60}

.flotRigt { float:right}
.flotLeft {float:left}
.clear { clear:both}
h1 , h2 , h3 , h4 {
	font-weight:normal;
	}
/***************************************main sketon*******************************/

.nav-toggle-btn {display: none;}


#pageAll {display:table; border:#C00 thin solid; width:100%; padding:0; margin:0; background:#999;}
#pageHeader{display:table-cell; height:130px; float:none;   position:relative;}
#pageHeader3 {
    display: table-cell;
    height: 130px;
    float: none;
    text-align: center;
    position: relative;
    font-size: 40px;
    font-weight: bold;
    color: #212655;
}
#sideMenuDisk {display:table-cell;background:#002C40; width:200px !important;}
#ContentArea {display:table-cell; background:#fff; width:100%; text-align:right;}
#pageFooter {
    height: 40px;
    background: #212655;
    float: none;
    width: 100%;
}

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

#login_logo { display:block; margin:0px;float:right; width:335px; height:100px; padding:15px 10px; background:url(images/logo_login.png) no-repeat 10px 15px; border-right:#D31522 10px solid; }

#logo { display:block; margin:10px 20px ;float:right; width:335px; height:150px; background:url(images/logo.png) no-repeat; }

#decoration { display:block; float:left; width:45px; height:134px; margin-left:10px; background:url(images/decor.png) top no-repeat;}

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

#notifyBox {
    display: block;
    width: 386px;
    height: 60px;

   
    text-align: center;
}

a:link.Btn1 , a:visited.Btn1 , a:active.Btn1 { 
	display:block;
	background: url(images/setting.png) top no-repeat;
	margin:12px auto 0 5px;
	width:36px;
	height:36px;
	float:left;
	}
a:hover.Btn1 { 
	background: url(images/setting.png) bottom no-repeat;
	margin:13px auto 1px 5px;
	}

a:link.Btn2 , a:visited.Btn2 , a:active.Btn2 { 
	display:block;
	background: url(images/home.png) top no-repeat;
	margin:12px auto 0 5px;
	width:36px;
	height:36px;
	float:left;
	}
a:hover.Btn2 { 
	background: url(images/home.png) bottom no-repeat;
	margin:13px auto 1px 5px;
	}

a:link.Btn3 , a:visited.Btn3 , a:active.Btn3 { 
	position:relative;
	display:block;
	background: url(images/not.png) top no-repeat;
	margin:12px auto 0 5px;
	width:36px;
	height:36px;
	float:left;
	}
a:hover.Btn3 { 
	background: url(images/not.png) bottom no-repeat;
	margin:13px auto 1px 5px;
	}
.Btn3 span {
	position: absolute;
	display: block;
	padding:7px 5px;
	background:#D31522;
	border-radius: 30px;
	-moz-border-radius: 30px;
	color: #FFF;
	right:-7px;
	top: -7px;
	font-size:12px;
	line-height:3px;
	}


a:link.Btn4 , a:visited.Btn4 , a:active.Btn4 { 
	display:block;
	background: url(images/exit.png) top no-repeat;
	margin:12px auto 0 5px;
	width:36px;
	height:36px;
	float:left;
	}
a:hover.Btn4 { 
	background: url(images/exit.png) bottom no-repeat;
	margin:13px auto 1px 5px;
	}

.Btn5 { 
	display:block;
	margin:15px auto 0 5px;
	width:36px;
	height:36px;
	float:left;
    color: #b5b5b5;
    padding-left:10px;
	}
.Btn5:hover { 
	color: #004d70;
	}

#userBlock { 
	display:block;	
	margin:0px auto 0 5px;
	width:inherit;
	height:45px;
	float:left;
	text-align:center;
	color:#069;
	white-space:nowrap;
	}

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

#sideMenuDisk ul {
	padding:0;
    list-style: none;
    margin:0;
    }
	
/*#sideMenuDisk ul li a:link , #sideMenuDisk ul li a:visited , #sideMenuDisk ul li a:active {
    text-decoration: none;
    display: block;
    text-align: right;
    color: #fff;
    padding: 10px 38px 10px 0;
	border-bottom:#CCC 1px solid;
	font-size:14px;
    }
#sideMenuDisk ul li a:hover {
    background:#004D70;
    }*/

			
/*		#sideMenuDisk ul {
			list-style: none;
			margin:0;
			padding:0;
			border-bottom:#CCC 1px solid;
			}
						
		#sideMenuDisk ul li a:link , #sideMenuDisk ul li a:visited , #sideMenuDisk ul li a:active {
			text-decoration: none;
			display: block;
			text-align: right;
			color: #fff;
			padding:7px 30px 7px 10px;
			background:url(images/blt.png) no-repeat 185px 15px;
			border:0;
			font-size:14px ;
			}
			
		#sideMenuDisk ul li a:hover {
   			background:#004D70 url(images/blt.png) no-repeat 185px 15px;

			}
************************************************/


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

a:link.sideMenuBtn1 , a:visited.sideMenuBtn1 , a:active.sideMenuBtn1 { 
    text-decoration: none;
    display: block;
    text-align: right;
    color: #fff;
    padding: 10px 38px 10px 0;
	border-bottom:#CCC 1px solid;
	font-size:14px;
	background:url(images/a1.png) no-repeat top right;
	width:162px;
	}
a:hover.sideMenuBtn1 { 
	background: #004D70 url(images/a1.png) no-repeat bottom right;
	}
a:link.sideMenuBtn2 , a:visited.sideMenuBtn2 , a:active.sideMenuBtn2 { 
    text-decoration: none;
    display: block;
    text-align: right;
    color: #fff;
    padding: 10px 38px 10px 0;
	border-bottom:#CCC 1px solid;
	font-size:14px;
	background:url(images/b1.png) no-repeat top right;
	width:162px;
	}
a:hover.sideMenuBtn2 { 
	background: #004D70 url(images/b1.png) no-repeat bottom right;
	}
a:link.sideMenuBtn3 , a:visited.sideMenuBtn3 , a:active.sideMenuBtn3 { 
    text-decoration: none;
    display: block;
    text-align: right;
    color: #fff;
    padding: 10px 38px 10px 0;
	border-bottom:#CCC 1px solid;
	font-size:14px;
	background:url(images/c1.png) no-repeat top right;
	width:162px;
	}
a:hover.sideMenuBtn3 { 
	background: #004D70 url(images/c1.png) no-repeat bottom right;
	}
a:link.sideMenuBtn4 , a:visited.sideMenuBtn4 , a:active.sideMenuBtn4 { 
    text-decoration: none;
    display: block;
    text-align: right;
    color: #fff;
    padding: 10px 38px 10px 0;
	border-bottom:#CCC 1px solid;
	font-size:14px;
	background:url(images/d1.png) no-repeat top right;
	width:162px;
	}
a:hover.sideMenuBtn4 { 
	background: #004D70 url(images/d1.png) no-repeat bottom right;
	}
a:link.sideMenuBtn5 , a:visited.sideMenuBtn5 , a:active.sideMenuBtn5 { 
    text-decoration: none;
    display: block;
    text-align: right;
    color: #fff;
    padding: 10px 38px 10px 0;
	border-bottom:#CCC 1px solid;
	font-size:14px;
	background:url(images/e1.png) no-repeat top right;
	width:162px;
	}
a:hover.sideMenuBtn5 { 
	background: #004D70 url(images/e1.png) no-repeat bottom right;
	}
a:link.sideMenuBtn6 , a:visited.sideMenuBtn6 , a:active.sideMenuBtn6 { 
    text-decoration: none;
    display: block;
    text-align: right;
    color: #fff;
    padding: 10px 38px 10px 0;
	border-bottom:#CCC 1px solid;
	font-size:14px;
	background:url(images/f1.png) no-repeat top right;
	width:162px;
	}
a:hover.sideMenuBtn6 { 
	background: #004D70 url(images/f1.png) no-repeat bottom right;
	}
a:link.sideMenuBtn7 , a:visited.sideMenuBtn7 , a:active.sideMenuBtn7 { 
    text-decoration: none;
    display: block;
    text-align: right;
    color: #fff;
    padding: 10px 38px 10px 0;
	border-bottom:#CCC 1px solid;
	font-size:14px;
	background:url(images/g1.png) no-repeat top right;
	width:162px;
	}
a:hover.sideMenuBtn7 { 
	background: #004D70 url(images/g1.png) no-repeat bottom right;
	}
	
	
/*********************main area*********************/

#page_lable {
	display:block; 
	float:none;
	padding:0px;
	margin:10px 20px;
	color:#D31522;
	font-weight:normal;
	}
#page_lable2 {
	display:block; 
	float:none;
	padding:0px;
	margin:10px 20px;
	color:#004D70;
	font-weight:normal;
	}
#page_lable2 span {
	color:#D31522;
	}	
	
#mainContentBox {
	display:block; 
	float:none;
	padding:20px 5px 10px 5px ;
	margin:10px 20px;
	color:#C00;
	background:#f1f1f1;
	border:#CCC 1px solid;
	border-radius:3px;
	-moz-border-radius:3px;
	}

#mainNoteBox {
	position:relative;
	display:block; 
	float:none;
	padding:40px 10px 10px 10px ;
	margin:10px 20px;
	color:#C00;
	background:#fff;
	border:#999 1px solid;
	border-radius:3px;
	-moz-border-radius:3px;
	}
#mainNoteBox_half {
	float:right;
	width:52%;
	position:relative;
	display:block; 
	padding:40px 10px 10px 10px ;
	margin:10px 20px 10px 0px ;
	color:#C00;
	background:#e3e3e3;
	border:#999 1px solid;
	border-radius:3px;
	-moz-border-radius:3px;
	}

/*samer*/
.groupBox {
	float:right;
	width:94%;
	position:relative;
	display:block; 
	padding:40px 10px 10px 10px ;
	margin:10px 20px 10px 0px ;
	color:#C00;
	background:#f2f2f2;
	border:#999 1px solid;
	border-radius:3px;
	-moz-border-radius:3px;
	}
/*end samer*/	
#mainNoteBox_half2 {
	float:left;
	width:35%;
	position:relative;
	display:block; 
	padding:40px 10px 10px 10px ;
	margin:10px 0px 10px 20px ;
	color:#C00;
	background:#e3e3e3;
	border:#999 1px solid;
	border-radius:3px;
	-moz-border-radius:3px;
	}
.redLableBox {
	position: absolute;
	display: block;
	height: 41px;
	width: 127px;
	padding:0px 20px;
	background:url(images/redLable.png) no-repeat;
	right: -9px;
	top: -8px;
	color:#FFF;
	font-size:16px;
	text-align:center;
		}
	
.blueLableBox {
	position: absolute;
	display: block;
	height: 41px;
	width: 127px;
	padding:0px 20px ;
	background: url(images/blueLable.png) no-repeat;
	right: -9px;
	top: -8px;
	color:#FFF;
	font-size:16px;
	text-align:center;
	}
.grayBox {
	position:relative;
	display:block; 
	float:none;
	padding:10px ;
	margin:0;
	color:#C00;
	background:#f2f2f2;
	border:#CCC 1px solid;
	}
.innerHoverBox {
	display:block;
	float:none;
	background:#f2f2f2;
	margin-bottom:4px;
	font-size:14px;
	color:#333;
	cursor:pointer;
	padding:2px;
	}
.innerHoverBox:hover {
	background:#dbdbdb;
	}
.innerHoverBox_1 {
	width:10%;
	float:right;
	padding-right:5%;
	background:url(images/msg.png) right no-repeat;
}
.innerHoverBox_2 {
	width:65%;
	float:right;
	color:#01618F;
	padding-right:5%;
}
.innerHoverBox_3 {
	width:15%;
	float:right;
	text-align:left;
	color:#01618F;
}	
a:link.more1 , a:visited.more1 , a:active.more1 { 
	float:left;
    text-decoration: none;
    display: block;
    color: #333;
    padding:5px 0 0 0;
	font-size:14px;
	}
a:hover.more1 { 
	color:#F00;
	}	

.ad_block {
	float:none;
	border-radius:3px;
	padding: 0 20px 5px 0;
	margin-bottom:6px;
	cursor:pointer;
	background:#f0f0f0 url(images/arrow2.png) top right no-repeat;
	}
.ad_block:hover {
	background:#fafafa url(images/arrow1.png) top right no-repeat;
	}
.ad_blockTitle {
	color:#333;
	font-size:14px;
	} 	
.ad_block:hover .ad_blockTitle { color:#F00}
	
.ad_blockDesc {
	color:#333;
	font-size:14px;
	font-family:Tahoma;
	} 	
	
#socialBlock{ 
	padding:7px 10px ;
	display:block;
	width:190px;
	height:36px;
	float:right;
	margin:0 10px 0 0 ;
}
#socialBlock a img {
	margin:0px 0 0 5px;
	opacity:0.6;
	}
	
#socialBlock a img:hover {
	opacity:1;
	}	
	
#PSU_Block {
	padding:18px 10px ;
	direction:ltr;
	display:block;
	float:left;
	font-family:Tahoma;
	color:#CCC;
	font-size:12px;
	}
/***********************grid********************/
#PSUT_table_boxes {
	display:none;
	}
	
.PSUT_table {
	margin:0px;padding:0px;
	width:100%;
	border:0;
	border-bottom:#D31522 2px solid;
	border-top:#D31522 2px solid;
	float:right;
}
.PSUT_table table{
    border-spacing:5px;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	}
.PSUT_table tr:nth-child(odd) { background-color:#ffffff;  }
.PSUT_table tr:nth-child(even) { background-color:#f1f1f1;}
.PSUT_table td{
	vertical-align:middle;
	border:0px solid #ffffff;
	border-width:0px;
	text-align:center;
	padding:2px;
	font-size:14px;
	font-family:Tahoma , sans-serif;
	font-weight:normal;
	color:#01618F;
	}
.PSUT_table tr:first-child td{
	background-color:#666;
	text-align:center;
	border-width:0px;
	font-size:14px;
	font-family: 'Simplified Arabic', sans-serif;
	color:#fff;}
.PSUT_table tr:first-child td:first-child{
	background-color:#D31522;
}

a:link.gridBtn , a:visited.gridBtn , a:active.gridBtn {
	display:table; 
    text-decoration: none;
    display: block;
    text-align: center;
    color: #fff;
    padding:3px 2px;
	font-size:12px;
	background: #666;
	border-radius:6px;
	}
a:hover.gridBtn { background: #D31522;}
	
a:link.paging , a:visited.paging , a:active.paging {
	display:table; 
    text-decoration: none;
    display: block;
    text-align: center;
    color: #666;
    padding:2px 8px;
	font-size:12px;
	background: #fff;
	border-radius:4px;
	float:right;
	border:#CCC 1px solid;
	margin: 5px 0 0 5px ;
	}
a:hover.paging ,  .current { 
	display:table; 
    text-decoration: none;
    display: block;
    text-align: center;
    padding:2px 8px;
	font-size:12px;
	border-radius:4px;
	float:right;
	border:#CCC 1px solid;
	margin: 5px 0 0 5px ;
background:#D31522; color:#FFF !important;}	
	
	
/************************page info *************************/

.infoBox {
    display: block;
    float: right;
    padding-right: 1%;
    padding-left: 9%;
    padding-top: 0%;
    padding-bottom: 7px;
    width: 40%;
    min-height: 32px;
    font-family: 'Simplified Arabic', sans-serif;
    color: #272f7d;
    font-size: 16px;
    font-weight: bold;
}
.infoBoxValue {
    display: block;
    float: left;
    padding: 0%;
    width: 62%;
    font-family: 'Simplified Arabic', sans-serif;
    color: #D31522;
    font-size: 16px;
    font-weight: bold;
    margin: -5px;
}

    .infoBoxValue select {
        padding: 0px;
        width: 93%;
        font-family: 'Simplified Arabic', sans-serif;
        color: #272f7d;
        font-size: 16px;
        font-weight: bold;
    }

    .infoBoxValue input {
        padding: 0px;
        width: 92%;
        font-family: 'Simplified Arabic', sans-serif;
        color: #272f7d;
        font-size: 16px;
        font-weight: bold;
    }

    .infoBoxValue textarea {
        padding: 0px;
        font-family: 'Simplified Arabic', sans-serif;
        color: #272f7d;
        font-size: 16px;
        font-weight: bold;
    }


/********************************login popup***************************************/
#overlay_form{
	background: #FFF url(images/messageBG.png) repeat-x;
	position: absolute;
	border: 5px solid #004D70;
	padding: 10px;
	width: 350px;
	height: 190px;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.38);
	-moz-box-shadow:    0px 5px 8px 0px rgba(50, 50, 50, 0.38);
	box-shadow:         0px 5px 8px 0px rgba(50, 50, 50, 0.38);
	border-radius: 15px;
  	-moz-border-radius: 15px;
	z-index:999;
}

a:link.button_02 , a:visited.button_02 , a:active.button_02 { 
	color:#FFF; 
	display:block; 
	background:#006699; 
	padding:8px 18px; 
	border-radius:5px;
	-moz-border-radius:5px; 
	float:none; 
	margin:0;
	text-align:center;
	text-decoration:none;
}
a:hover.button_02 {
	background:#CC0000;}

#pop{
	
	}
/******************************************login_menu*******************************************/

#login_menu_part_container { 
	 position:absolute;
	 display:table;
	 bottom:10px; 
	 right:30%; 
	 left:30%; 
	 width:43%; 
	 margin:0 auto; 
	 padding:20px 0 0 0; 
	 border:#0C6 0px solid;
	 }
	#login_menu { margin: 53px auto 0 auto;border:#F00 0 solid; display:table; float:none;}
	#login_menu ul { list-style:none; }
	#login_menu ul li { float:right;}
	#login_menu ul li a:link , #login_menu ul li a:active , #login_menu ul li a:visited   {
	color:#003399; 
	font-size:16px; 
	text-decoration:none; 
	padding:5px 10px;
	font-family: 'Simplified Arabic', sans-serif;
	border-bottom:#f4f4f4 5px solid;
	}
	#login_menu ul li a:hover , #login_menu ul li #current  { 
	color:#C00;
	border-bottom:#CC0000 5px solid;
	}
	
/*************************************login_box*************************************/

#loginBox {
	font-size:14px;
	display:block;
	padding:24px;
	max-width:380px;
	width:100%;
	border:#999 1px solid;	
	margin:60px auto;
	background:#FFF;
}

#ifo_msg_inBox {
	font-size:14px;
	display:block;
	padding:5px;
	max-width:680px;
	width:100%;
	border:#F60 1px solid;	
	margin:60px auto 0px auto ;
	background:#FFC;
	text-align:center;
	color:#C03;
}
#labelBox {
	display:table;
	padding:0px;
	width:100%;
	height:35px;
	float:none;
	border-bottom:#CCC 1px solid;	
	margin:0px auto;
}
#login_label {
	display:table;
	padding:0px;
	width:auto;
	float:right;
	border-bottom:#C30 4px solid;	
	margin:0px auto;
	color:#039;
}
#login_label img {
	float:right;
}

#loginBox label {
	display:table;
	width:100%;
	float:none;
	padding:10px 0 0 0;
	margin:0;
	border:#693 0 solid;
	font-size:14px;
	color:#01618F;
}
#loginBox .text_box {
	padding:10px;
	width:94%;
	float:none;
	border:#999 1px solid;
	background:#E4E4E4;	
	margin:2px auto 10px auto ;
	font-size:14px;
}
a:link.loginBtn , a:visited.loginBtn , a:active.loginBtn { 
	color:#FFF; 
	display:block; 
	background:#D31522; 
	padding:8px 18px; 
	float:none; 
	margin:0;
	text-align:center;
	text-decoration:none;
}
a:hover.loginBtn {
	background:#004D70;}

/********************************************list**************************************/

#list_container {
	display:block;
	float:none;
	margin-top:-10px;
	}
.list__Box {
	display:block;
	float:none;
	background:#FFF;
	border-radius:4px;
	padding:10px;
	border:#CCC 1px solid;
	margin-bottom:16px;
	}
.list__Box h3 {
	padding:5px 0;
	margin:0;
	}
.list__Box img {
	float:right;
	margin:0 0 0px 10px;
	max-width:150px;
	height:auto;

	}
.list__Box .texting {
	float:none;
	margin:0;
	font-size:13px;
	color:#004D70;
	}
a:link.listMore , a:visited.listMore , a:active.listMore { 
	float:left;
	color:#004D70;
	font-size:13px;
	}
a:hover.listMore {
	color:#BB0004;
	}	
/*************************************form*************************************/

#formBox {
	font-size:14px;
	display:block;
	padding:10px 0;
	max-width:980px;
	width:100%;
	border:#999 0px solid;	
	margin:0px auto;
	background:#FFF;
}
#formBox .form_label {
	padding:10px 0;
	max-width:980px;
	width:100%;
	color:#004D70;
	font-size:16px;
}	

#Accordion1 input , #Accordion1 select {
	padding:5px;
    border: #999 1px solid;
    background: #E4E4E4;
    margin: 2px;
    font-size: 14px;
	font-family: 'Simplified Arabic', sans-serif;
	} 
#Accordion1 label {
	color:#004D70;
	margin:5px 0;display:table;
	/*	float:right;padding:10px 0;
	
	border:#F00 0px solid;*/
	} 	
.input10 {
	width:10%;
	}	
.input20 {
	width:20%;
	} 	
.input40 {
	width:40%;
	} 	
.input50 {
	width:50%;
	} 	
.input70 {
	width:70%;
	} 	
.input80 {
	width:80%;
	} 	
.input100 {
	width:100%;
	} 
		
a:link.button_010 , a:visited.button_010 , a:active.button_010 { 
	color:#FFF; 
	display:block; 
	background:#006699; 
	padding:8px 16%; 
	border-radius:5px;
	-moz-border-radius:5px; 
	float: left; 
	margin:10px 10px 10px 0;
	text-align:center;
	text-decoration:none;
}
a:hover.button_010 {
	background:#CC0000;}

	
/**
 /****************************** Tooltip Styles**********************************/
 
[data-tip] {
    position:relative;

}
[data-tip]:before {
    content:'';
    /* hides the tooltip when not hovered */
    display:none;
    content:'';
    display:none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position:absolute;
    top:30px;
    right:35px;
    z-index:8;
    font-size:0;
    line-height:0;
    width:0;
    height:0;
    position:absolute;
    top:30px;
    right:35px;
    z-index:8;
    font-size:0;
    line-height:0;
    width:0;
    height:0;
}
[data-tip]:after {
    display:none;
    content:attr(data-tip);
    position:absolute;
    top:35px;
    right:0px;
    padding:5px 8px;
    background:#1a1a1a;
    color:#fff;
    z-index:9;
    font-size: 0.75em;
    height:18px;
    line-height:18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space:nowrap;
    word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
    display:block;
}