/*---------------------------------------------------------------
# Author : Ahmed Elzelaky
# license : du.edu.eg | Asp website
# Email : info@elostora.com
-----------------------------------------------------------------*/
body {background-color: #f9f9f9;font-family: tahoma;font-size: 12px;text-align: left;background-image: url(../bg.jpg);line-height: normal;margin:0 auto;direction:ltr}
:focus {outline: 0;}
img a{ border:0}
a, a:visited {text-decoration: none;font-size: 12px;color: #1873CD;-webkit-transition: background-color .2s linear, color .2s linear;	-moz-transition: background-color .2s linear, color .2s linear;	-o-transition: background-color .2s linear, color .2s linear;	-ms-transition: background-color .2s linear, color .2s linear;	transition: background-color .2s linear, color .2s linear;}
a:hover{ color:black; text-shadow:none!important}
/**restore dafault values**/
ul,ol{ margin:10px 25px; color:#333333;direction:ltr}
h1,h2,h3,h4{font-family: ExoBold;direction:ltr;margin:20px 0;}
h1{ font-size:22px;color:#1796D9}
h2{ font-size:18px;color:#4A4A4A;;margin:20px 0}
h3{ font-size:16px}
strong,b {font-weight:bold;direction:ltr;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;} 
em {font-style:italic;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:2em;}
ol li {list-style:decimal outside;}
ul li {list-style:disc outside;}
dl dd {margin-left:1em;}
th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
p,fieldset,table {margin-bottom:1em;direction:ltr}

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

#container {width: 1003px;border-top: 0;border-bottom: 0;margin: 0 auto;}
#head-container {background-image: url(../head-bg.jpg);background-repeat: repeat-x;}
#container-foot{width:960px;height:77px;margin:auto;clear:both;display:none}
#header {height: 155px;width: 1003px;position: relative;}
#h-l {height: 155px;width: 334px;float: left; background: transparent url(../head-1.jpg) no-repeat scroll;text-align:left}
#h-2 {height: 155px;width: 335px;float: left;background: transparent url(../head-2.jpg) no-repeat scroll;}
#h-3 {height:155px;width: 334px;float:left;background:transparent url(../head-3.jpg) no-repeat scroll;position:relative;}
#logolink{position:absolute;width:135px;height:120px;top: 30px;left: 99px;}
#datejs{position: absolute;right: 25px;top: 4px;text-align: right;text-shadow: 1px 1px #D5EEFF;color: #004292;background: rgba(255, 255, 255, 0.5);padding: 2px 5px;border-radius: 4px;font-size: 11px;}
#menu {height: 43px;width:1003px;clear:both}
#menu-l {height: 43px;width: 54px;background: transparent url(../menu-l.jpg) no-repeat;float: left;}
#menu-r {height: 43px;width: 54px;background: transparent url(../menu-r.jpg) no-repeat;float: left;}
#menu-co {background: url(../menu-bg.jpg) repeat-x;height: 43px;width: 895px;float: left;}
#tw-form{font-family: Tahoma;border: 1px #61BFFD solid;background: transparent url('../search-bg.png') repeat scroll;width: 185px;float: left;padding: 0 4px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;position: relative;left: 21px;top: 2px;}
#tw-form #tw-input-text{width: 152px;float: left;border: 0; background:transparent;color: #777;line-height: 18px;font-size: 12px;font-family: Tahoma, Geneva, sans-serif;margin-top:3px;margin-bottom:3px;height:23px;text-align: left;padding:0;padding-left:10px;}
#tw-form #tw-input-text:focus{outline:none;color:#333;}
#tw-form #tw-input-submit{background: url(../search-zoom-icon.png) no-repeat 7px 9px;border: 0;float: right;width: 22px;z-index: 100;cursor: pointer;height:25px}
#tw-form:hover,#tw-form:focus{ /* background:transparent url('../search-bg-hover.png') repeat */}
ul.chg-lang{list-style: none;margin: 0;padding: 1px 5px;position: absolute;top: 4px;right: 45px;background-color: rgba(255, 255, 255, 0.5);border-radius: 3px;}
ul.chg-lang li{list-style-type: none;float: left;margin:4px 3px 2px 3px}
ul.chg-lang img{border:0}
ul.chg-lang li a:hover{ background-position:left bottom}
ul.chg-lang li img.inactive{}


/* -------------------------- main---------------------- */
#main{width:945px;margin:auto;padding-bottom:77px;background: url(../co-footer.png) transparent no-repeat scroll -7px bottom}
#cell-r {padding-right: 10px;background: #fff url('../r-cell.png') repeat-y right ;}
#cell-l {padding-left: 10px;background: url('../l-cell.png') repeat-y left ;}
#content{padding: 2px;overflow: hidden;display: block;}
#left-and-center{ width:695px; float:right }
#usermasterpage{ padding:30px 20px; line-height:21px; direction:ltr; text-align:justify}
#usermasterpage img{}
#column-l{width:226px;;float:right;padding-top:30px;}
#center {width: 450px;float: left;padding-top: 25px;text-align:center;margin-left:10px}
#news-slider{width: 670px;margin:auto;overflow:hidden}
#column-r{width:226px;float:left;}
#block {width: 226px;clear: both;margin: 20px auto 0 auto ;}
#blocktitle {height:55px;width: 226px;}
#blockcontent {width: 206px;background: #FEFEFE url(../block-bg.jpg) repeat-y;direction: ltr;text-align: justify;line-height: 21px;padding: 5px 10px;}
#blockfoot {height: 29px;width: 226px;background: #FEFEFE url(../block-foot.jpg) no-repeat;}


/*************************/
#news{width:437px;clear:both;margin:0px auto 0 auto }

#news-head{;text-shadow:1px 1px #1E2C4D;font-size:15px;color:#fff;height:50px;width:437px;background:#fff url(../news-head.jpg) no-repeat}
h4 ,h4 a,h1 a,h1 a:visited{font-family:ExoBold;font-size:14px;font-weight:bold;color: #0079C1;direction: ltr;vertical-align: middle;text-shadow: 1px 1px #f5f5f5;margin-bottom: 5px;text-align: left;}
h1 a:hover{color: #FF9A11}
#news-body{width:437px;background:#FEFEFE url(../news-body-bg.jpg) repeat-y;overflow:auto;}
#news-foot{height:29px;width:437px;background:#FEFEFE url(../news-foot.jpg) no-repeat}

.topicother{height:30px;margin-top:7px}
.newsdate{float:left;font-size:10px;height:16px; width:58px;display:block;text-align:center;text-shadow:1px 1px #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:2px 4px 2px 29px;border:0px #E1E1E1 solid;color:#FF9933;background:transparent url('../news-date.png') no-repeat scroll left center;direction:ltr;text-align:left;margin-left:5px}
.more-button{width:115px;height:32px;padding-top:2px;background:url(../read-more.jpg) no-repeat scroll transparent center bottom;float:right;cursor:pointer;margin:0;color:#FFFFFF;text-align:center;font-size:11px;text-shadow: 1px 1px #CB7A01;direction:ltr;font-weight:bold;}
.more-button:hover{background-position:center top;text-shadow: 1px 1px #0F77BE;}
.blockmore{float:none!important;margin:5px auto}
#news-container img{float:left;border:1px #E2E2E2 solid!important;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;margin:3px 5px 0 0;padding:4px}
#news-container{width: 400px;margin: auto;text-align: justify;direction: ltr;font-size: 11px;line-height: 15px;padding-bottom: 5px;border-bottom: 1px #DFDFDF solid;margin-bottom:7px}
#morenews{direction:ltr;font-family:ExoBold;}
#morenews a,#morenews a:visited{font-size:13px}
ul#navigation li {background: url(../leftt-Arrow.png) transparent no-repeat scroll right center;text-align: right;direction: rtl;line-height: 20px;padding-right: 13px;margin: 0;}ul#navigation li a:hover {color: #1C2942;text-decoration: underline;}
/****************/
#toplinks {margin:0px 20px;padding: 0;list-style: none;}
#toplinks li {padding: 0;margin: 0px;float: right;position: relative;text-align: center;}
#toplinks a {display:inline-block;color: #000000;height:33px;padding:10px 23px 0 23px ;background-image:url('../nav-tab-hov.png');background-position:top left ; background-repeat:no-repeat;font-family:ExoBold!important;font-size: 17px;text-shadow: 1px 0px #CC3300;text-decoration:none;color:#FEFBEF;}
#toplinks a:hover{background-position:bottom center ;color:#e47c00;text-shadow: 1px 0px #fff;}
#header h1 {position: absolute;right: 270px;z-index: 1000;width: 495px;text-align: center;top: 18px;text-shadow: 1px 1px #FFF;font-size: 34px;line-height: 30px;}	

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


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

ul#topnav {
 margin:auto
}

ul#topnav li {
list-style: none;
text-align: right;
direction: rtl;
float: right;
font-family:ExoBold!important;
padding-right:8px;
margin-top:7px


}
ul#topnav li a , ul#topnav li a:visited {
color: #FFFFFF!important;
font-size: 17px;
text-shadow: 1px 0px #CC3300;
word-spacing: 0px;
background:transparent url('../nav-sep.png') no-repeat scroll  left center;
padding: 7px 20px 10px 20px;


}
ul#topnav li a:hover{
color: #304F78 !important;
text-shadow: none;
}
********************/

#footer {clear: both;background-color: #023670;text-align: left;direction: rtl;border-top: 2px solid #0068D1;}#footer-inner{ width:950px; margin:auto; overflow: hidden;}
#footer-l{ width:120px; height:32px; float:left; margin-top:30px}
#footer-r{ width:600px; height:70px; background: transparent url(../footer-logo.png) no-repeat scroll right center; float:right; margin-top:14px}
.footer-links {;font-weight:normal;padding-top: 12px;color:#6EC2EB;text-shadow: 1px 1px #000000;text-align:center}
.footer-links a ,.footer-links a:visited{text-decoration: none;color: #FFBB57;padding: 0px 5px;font-weight: normal;}
.footer-links a:hover{text-decoration:underline}
.f-copyrights{text-align: center;padding-top:5px;color:white}
.f-copyrights a{color:#fff}

.divider {
width: 240px;
float: left;
margin-left: 12px;
margin-right: 10px;
}
.divider.small {
    width: 190px; 
}
.divider.small ul li {
margin-bottom: 5px;
}
div#connectus{width:auto;color: #FFF;font-weight: bold;padding-top: 5px;}
div#connectus span,div#connectus a,div#connectus a:visited{color:#5dc6f5;}
div#connectus span.phno{letter-spacing: 1.3px;}

div#connectus a:hover{ color:#FE9900}
div#connectus p {margin: 6px 0;padding-left: 11px;}
div#connectus .logo {
height: 96px;
display: block;
background: transparent url('../uni-footer-logo.png') no-repeat scroll center top;margin-bottom: 20px;
}
.footer-level2 {
height: 60px;
clear: both;
background-color: #002144;
border-top: 3px solid #65AEFA;
margin-top: 15px;
}
#footer h2{color: #FFF;border-bottom: #FE9900 solid 1px;text-shadow: 1px 1px #002341;padding-bottom: 3px;font-size: 17px;}

#footer ul{
    margin: 0;
    padding: 0;
    text-align: justify;
    direction: ltr;
    text-align: left;
}
#footer ul li{ padding-bottom:5px; background: transparent url(../arrow-left.png) no-repeat scroll left 5px;direction: ltr;padding-left: 13px;margin: 0;list-style: none;} 
#footer ul li a,#footer ul li a:visited{font-family: tahoma;font-size: 11px;font-weight: normal;color: #fff;} 
#footer ul li a:hover{color: #5dc8fe;} 
div.divider.small ul li {padding-bottom: 10px!important;}
ul#socialicons{ margin-bottom: 50px; margin: auto; overflow: hidden; text-align: center;width: 185px;direction: rtl;}
ul#socialicons li{list-style:none inside none;margin: 3px;display: inline;padding: 0;background-image: none;}
ul#socialicons img{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
ul#socialicons img:hover{opacity:.7}


/**********/
@font-face {
    font-family: 'ExoBold';
    src: url('../fonts/Exo-Bold.eot');
    src: url('../fonts/Exo-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo-Bold.woff') format('woff'), url('../fonts/Exo-Bold.ttf') format('truetype'), url('../fonts/Exo-Bold.svg#ExoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{font-family: 'FrutigerLTArabic-45Light';src: url('../fonts/frutigerltarabic-45light_0.eot');src: url('../fonts/frutigerltarabic-45light_0.eot?#iefix') format('embedded-opentype'),url('../fonts/frutigerltarabic-45light_0.woff') format('woff'),url('../fonts/frutigerltarabic-45light_0.ttf') format('truetype'),url('../fonts/frutigerltarabic-45light_0.svg#frutigerltarabic-45light_0') format('svg');font-weight: normal;font-style: normal;}

.link-h {margin: 0;padding: 0;margin-left:50px;height: 40px;}
.link-h li {float: left;list-style: none;position: relative;}
.link-h li a {display: block;font-family: ExoBold;font-size: 15px;color: #EAFAFF;text-shadow: 1px 0px #CC3300;line-height: 43px;text-decoration: none;background: transparent url(../sep.png) no-repeat scroll 0px center ;padding: 0 22px;-webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-o-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;transition: color .2s ease-in-out;}
.link-h li a:hover {background: transparent url(../nav-tab-hov.png) scroll bottom center repeat-x;color: #fff;-webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-o-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;transition: color .2s ease-in-out;}
.hov{height:43px;z-index: 999999;}
.hov:hover a {color:#e47c00!important;text-shadow: 1px 0px #fff!important;}
.hov:hover {background: transparent url(../nav-tab-hov.png) repeat-x scroll bottom center;height: 43px;color:#e47c00;text-shadow: 1px 0px #fff;}
.hov-home img {margin: 10px 7px 0 10px;}
.hov-home a {height: 50px;background: none;}
.hov img {margin-right: 4px;}
.link-h li ul {position: absolute;left: 0px;display: none;top: 43px;width: 260px;-webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;margin: 0;padding: 0;z-index:1000;-webkit-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.58);-moz-box-shadow:    0px 3px 10px rgba(50, 50, 50, 0.58);box-shadow:         0px 3px 10px rgba(50, 50, 50, 0.58);}
.link-h li:hover ul {display: block;border-left: 1px #EA8C00 solid;background-color: #FFA205;border: 1px #EA8C00 solid;border-top: 0;}
.link-h li li {text-align: left;background: transparent;}
.link-h li ul li a {color: #00336A!important;}
.link-h li li a {width: 239px;font-size: 12px;height: 19px;vertical-align: middle;line-height: 37px;background: #E9F6FC url(../link-h-hover.jpg) scroll center center repeat-x;padding: 0 11px 15px 10px;color: #00336A!important;text-shadow: 1px 0px #fff!important;font-family: Tahoma;font-weight: bold;border-bottom: 1px #C0E3FE solid}
.link-bottom {-webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;}
.link-h li li a:hover {background: #DEF2FD url(../link-h-hover-a.jpg) repeat-x scroll center center;margin: 0;}
ul#topnav li a:hover {color:#e47c00!important;text-shadow: 1px 0px #fff!important;}
ul#navigation li a, ul#topnav li a {text-decoration: none;color: #3C4E6C;}
.arrowlistmenu {width: 235px;margin-top: 5px;float: right;margin-right: 20px;margin-bottom: 15px;}
.arrowlistmenu .menuheader {font: bold 12px tahoma;color: #000;margin-bottom: 0;text-transform: uppercase;cursor: pointer;direction: rtl;height: auto;margin-top: 0;}
.arrowlistmenu .menuheader:hover {color: maroon;}
.arrowlistmenu .openheader {color: #C10000;}
.arrowlistmenu ul {list-style-type: none;margin: 0 0 2px;}
.arrowlistmenu ul li {padding-bottom: 1px;margin: 0;}
.arrowlistmenu ul li a {color: #333;background: #F5F5F5;border-right: 5px #1873CD solid;display: block;text-decoration: none;font-weight: 700;border-bottom: 1px #E5E5E5 solid;border-left: 1px #DFDFDF solid;direction: rtl;font-family: tahoma;font-size: 12px;height: 25px;margin-right: 8px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;padding: 7px 10px 2px 0;}
.arrowlistmenu ul li a:visited {color: #333;}
.arrowlistmenu ul li a:hover {color: #1873CD;background-color: #F3F9FE;}
.imgarrowlistmenu:hover {opacity: 0.6;/**filter: alpha(opacity=60)**/;transition: all .25s ease-in-out;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;}
/*::selection{	color: #FFA205;}::-moz-selection{color:#FFA205;}*/

div#main input[type="submit"] {
	-moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color: #79bbff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #469df5;
	display: inline-block;
	color: #ffffff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #287ace;
	cursor: pointer;
}
div#main input[type="submit"]:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color: #4197ee;
}
div#main input[type="submit"]:active{
	position: relative;
	top: 1px;
}

#Votesresult{float: left;text-align: left;	}
.vote-title{text-align: center;font-weight: bold;margin: 8px 0;line-height: 17px;}
div.progressbar{
width: 500px;
height: 16px;
margin: 10px 0 20px auto;
padding: 0px;
background: #CFCFCF;
border-width: 1px;
border-style: solid;
border-color: #AAA #BBB #FFF #BBB;
box-shadow: inset 0px 2px 3px #BBB;
-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
overflow: hidden;}
div.pb-percent{
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
background:transparent url('../pbar.png') repeat-x scroll right top;
height: 16px;}
span.voteno{color: #1873CD;}