﻿/** 

Unified Admission Unit
Main Cascadind Style sheet 
Author : Khalil Mustafa
Last update : 10-3-2010

**/


body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; }

body
{
    font-family:Tahoma;
    font-size:11pt;
    background-color:#0C405A;
    direction:rtl;
}

.floatright { float:right}
.floatleft { float:left}

/**  Master Section **/

#main { margin:0 auto}

#container { width:926px; margin:0 auto}

#topnav
{
    height:50px;
    width:926px;
}
#topnav ul  
{
    float:left;
    margin-top:15px;
    margin-bottom: 15px; 
    font-size:15px;
    font-weight:bold;
    color:#ffffff
}

#topnav ul li 
{ 
    display:inline;
    margin-left:15px;
    margin-right:15px;
}

#topnav ul li a { color:#ffffff; text-decoration:none;}
#topnav ul li a:hover { color:#F99E07}
#topnav ul li a:active{ color:#F99E07}

#banner
{
	background: #0381b1 url(images/logoverysmall.gif) no-repeat right;
    height:130px;
    width:926px;
    border-bottom:solid 20px #e2e2e2;
}
#banner h1{ font-size:25pt; color:White ; text-align:right; padding-right:170px; padding-top:35px}
#banner h3{ color:White ; text-align:left; padding-left:350px; padding-top:5px}

#banner #nowdate  
{
    margin-top:32px; 
    margin-right:45px; 
    width:270px;
    float:right;
    font-size:8pt; 
    font-weight:bold;
    text-align:center;
}

#mainbody  
{
    padding-right:30px;
    padding-left:5px;
    border-bottom: solid 21px #dfdfdf;
    border-left: solid 21px #dfdfdf; 
    background-color:#ffffff;
    min-height:800px
}

#applybetaimgBsc { float:right; width:267PX; height:130PX;}
#applybetaimgB { float:right; width:267PX; height:130PX;}
.contentbox 
{
    width:550px;
    float:left;
    padding:5px;
    margin:5px;
}

.contentpage { color:#555555; font-size:13px; min-height:800px}
.contentpage h3 { font-size:16px; color:#095F8C; margin-bottom:15px}
.contentpage p { width: 540px; text-align:justify; margin:5px; float:right}
.contentpage img { float:left; margin:5px;}
.contentpage h4 { font-size:12px; color:#095F8C; margin-bottom:5px; text-align :center }
.contentpage h5 { margin:5px; font-size:12px; color:#333333; text-align:justify ; float:right }
.contentpage h6 { width: 540px; margin:5px; font-size:13px; font-weight:normal; text-align:justify ; float:right}
.contentpage a  {color:#095F8C; text-decoration:none; margin:5px;display:block; padding-right:20px; text-align:justify; cursor:pointer;}
.contentpage a:hover { color:#333333; cursor:pointer;}
.contentpage a:active{ color:#333333; cursor:pointer;}
.contentpage ul li
{
	background-position: right top ;
	text-decoration: none;
	background: url(images/places_blt.gif) no-repeat right center;
	list-style-type: none;
}


.faq { color:#555555; font-size:13px}
.faq h3 { font-size:16px; color:#095F8C; margin-bottom:15px}
.faq p { width: 490px; text-align:justify; margin:5px; margin-right:10px }
.faq h4 { font-size:12px; color:#095F8C; margin:5px; text-align:right ;padding-right: 40px; float:right; }
.faq h5 { margin:5px; font-size:12px; color:#095F8C; float:right;}
.faq h6 { width: 490px; margin-right:5px; margin-bottom:5px;  font-size:13px; font-weight:normal; text-align:justify ; float:right; padding-right: 40px; }
.faq a  {margin-top:5px;  color:#095F8C; text-decoration:none; text-align:justify; float:inherit  }
.faq a:hover { color:#095F8C}
.faq a:active{ color:#095F8C}

.questions a  { width: 490px; margin-top:5px;  color:#095F8C; text-decoration:none; text-align:justify; float:right ; display:block;  }
.questions a:hover {color: #DF0000;}
.questions a:active{ color: #DF0000}

.advices { color:#555555; font-size:13px}
.advices h3 { font-size:16px; color:#095F8C; margin-bottom:15px}
.advices p { width: 510px; text-align:justify; margin:5px; margin-right:25px }
.advices h6 { width: 510px;  margin:5px; margin-right:35px;  font-size:13px; font-weight:normal; text-align:justify}
.advices h4 { font-size:12px; color:#095F8C; margin:5px; text-align:right ;padding-right: 40px; float:right; }
.advices h5 { width: 25px; margin:5px; font-size:12px; color:#095F8C; float:right; margin-top:2px; }

.contactus { color:#555555; font-size:13px}
.contactus h3 { font-size:16px; color:#095F8C; margin-bottom:15px}
.contactus h4 { font-size:14px; color:#095F8C; margin-bottom:10px; text-align :right }
.contactus h5 {	margin: 5px;font-size: 12px;color: #333333;	text-align: right;	margin-bottom: 10px;}
.contactus h6 { margin:5px; font-size:13px; font-weight:normal; text-align:justify ; float:right}
.contactus p {margin: 5px;font-size: 12px;color: #095F8C;margin-bottom: 10px;font-weight: bolder;}
.contactus a {margin: 5px;font-size: 12px;color: #095F8C;margin-bottom: 10px;text-decoration: none;font-weight: bold;}
.contactus td {border-color: #DFDFDF;height: 25px;border-width: 1px;border-bottom-style: solid;}
.contactus table { border-width: 1px; border-style: outset;	background-color: #F4F4F4; width: 540px;}


.sitemap { color:#555555; font-size:13px; margin-right:15px;}
.sitemap h3 { font-size:16px; color:#095F8C; margin-bottom:15px}
.sitemap p { width: 540px; text-align:justify; margin:5px; float:right}
.sitemap h5 { margin:5px; font-size:12px; color:#333333; text-align:justify ; float:right }
.sitemap a {color: #003366;text-decoration: none;margin: 10px;display: block;margin-right: 20px;}
.sitemap a:hover { color:#095F8C}
.sitemap a:active{ color:#095F8C}
.sitemap ul li {list-style-type: disc; color: #003366; }

.subsitemap a {color: #CC0066;text-decoration: none;margin: 5px;display: block;margin-right: 45px;}
.subsitemap ul li {list-style-type: disc;color: #CC0066;}

.Button {background-position: center center;background-image: url(images/button.gif);background-repeat: no-repeat;}

.eventcalendar { color:#555555; font-size:13px}
.eventcalendar h3 { font-size:18px; color:#085E89; margin-bottom:15px; margin-top:25px; font-family:Arial;}
.eventcalendar h4 { margin:5px;font-size:12px; color:#095F8C; margin-bottom:5px; text-align :right }
.eventcalendar h5 { width: 260px; margin:5px; font-size:13px; color:#333333; text-align:justify ; float:right; }
.eventcalendar h6 { width: 260px; margin:5px; font-size:12px; font-weight:normal; text-align:justify ; float:right}
.eventcalendar p { width: 260; text-align:justify; margin:5px; float:right;font-size:13px;}
.eventcalendar a  {color:#095F8C; text-decoration:none; margin:0px;display:block; padding-right:0px; text-align: center }
.eventcalendar a:hover { color:#333333}
.eventcalendar a:active{ color:#333333}

#marqueebar 
{
    margin-top:10px;
    display:inline;
}


#marqueebar #marqueecontent
{
  background: #ffffff url(images/marquee_slice.gif) repeat-x;
  vertical-align:middle;
  height:33px;
  float:left;
  width:480px;
  margin-right:5px;
}

#marqueebar #marqueerightarrow, #marqueebar #marqueeleftarrow
{ 
     float:right; 
     margin-left:10px;
     cursor:pointer;
}


#marqueebar #marqueecontent #marqueerightpan { float:right}
#marqueebar #marqueecontent #marqueeleftpan { float:left}
#marqueebar #marqueecontent #newsmarquee
{ 
    position:absolute;
    padding:3px;
    padding-top:5px;
    font-size:13px;
    width:465px;
}


#sidebar
{
    width:249px;
    float:right;
    background-color:#f4f4f4;
    border-right:solid 1px #dfdfdf;
    border-left:solid 1px #dfdfdf;
    border-bottom:solid 1px #dfdfdf;
    margin-bottom:20px;
    padding-top:10px; 
}

#sidebar h3 
{ 
    font-size:14pt;
    padding-bottom:20px;
    padding-right:15px 
}

#sidebar ul  
{
    list-style:none; 
    padding-left:5px;
    margin-bottom:20px;
 }

#sidebar ul li 
{
     padding-bottom:5px;
     margin-top:5px;
     border-bottom: solid 1px #dfdfdf;
}

#sidebar ul li a
{
     text-decoration:none;
     color:#000000;
     font-size:14px;
     padding-top:10px;
     padding-bottom:10px;
     padding-right:55px;
     display:block;
 }


#sidebar ul li a:hover
{
    color:#076BA7;
}

#sidebar ul li #menuitem_home { background: url(images/menuitem_home.gif) no-repeat right; }   
#sidebar ul li #menuitem_manual { background: url(images/menuitem_manual.gif) no-repeat right; }   
#sidebar ul li #menuitem_draft { background: url(images/menuitem_draft.gif) no-repeat right; }   
#sidebar ul li #menuitem_leastavr { background: url(images/menuitem_leastavr.gif) no-repeat right; }   
#sidebar ul li #menuitem_categories { background: url(images/menuitem_ann.gif) no-repeat right; }   
#sidebar ul li #menuitem_inst { background: url(images/menuitem_inst.gif) no-repeat right; }   
#sidebar ul li #menuitem_faq { background: url(images/menuitem_faq.gif) no-repeat right; }   
#sidebar ul li #menuitem_calendar { background: url(images/menuitem_calendar.gif) no-repeat right; }   
#sidebar ul li #menuitem_advise { background: url(images/menuitem_advise.gif) no-repeat right; }   

#sidebar #adm
{
    margin:20px 5px 10px 5px;
    background: url(images/unifadm_box.gif) no-repeat center;
    height:89px;
}

#sidebar #adm span  
{
    float:left; 
    text-align:left;
    padding-top:45px;
    padding-left:10px;
    font-size:13px;
}

#sidebar #adm span a
{
    text-decoration:none;
    font-size:11px;
    color:Black;
    font-weight:bold;
}

#sidebar #adm span a:hover
{
    text-decoration:underline;
    color:#03C2FD;
    padding-left:5px;

}

#sidebar #univ
{
    margin:20px 5px 10px 5px;
    background: url(images/univportal_box.gif) no-repeat center;
    height:89px;
}

#sidebar #univ span  
{
    float:left; 
    text-align:left;
    padding-top:45px;
    padding-left:10px;
    font-size:13px;
    color:#804F09
}

#sidebar #univ span a
{
    text-decoration:none;
    font-size:11px;
    color:Black;
    font-weight:bold;
}

#sidebar #univ span a:hover
{
    text-decoration:underline;
    color:#F88F07;
    padding-left:5px;

}

#sidebar #remember
{
	background-position: right;
	margin-top: 80px;
	background: #0A547F url(images/excla_mark.gif) no-repeat right;
	color: #ffffff;
	height: 100px;
	font-size: 13px;
}

#sidebar #remember h3 { padding:10px 30px 5px}

#sidebar #remember p { padding:0 35px 5px 10px; text-align:justify}


#footer 
{
    font-size:14px;
    font-weight:normal;
    width:926px; 
    margin:0 auto;
    height:90px;
    background-color:#138CAC;
    background: #138CAC url(images/footer_slice.gif) repeat-y left;
    color:#ffffff;
    padding-top:0;
    vertical-align:top;
}

#footer span { padding-right: 5px; }

#footer a { text-decoration:none; color:#ffffff}

#footer .footer_contact_img { float:right; margin:10px 10px 5px 5px;}

#footer #footer_contact_blue_p
{ 
 float:right;
 margin-top:10px;
 line-height:20px;
 margin-left:20px;
}

#footer #footer_contact
{
    float:right;
    margin-top:10px;
    line-height:20px;
    list-style-type:none;
    text-align:right;
}

#footer #footer_green  
{
    float:left; 
    width:163px;
    margin-top:15px;
    margin-left:5px;
    margin-right: 5px; 
}


#footer #footer_orange  
{
    float:left; 
    width:220px;  
    padding-top:35px;
    color:#000000
}

/**  Content Section **/

#welcome 
{ 
    color:#686767;
    font-size:13px;
    text-align:justify;
    margin:5px;
    line-height:22px; 
}

#welcome h3 
{
    font-size:14px;
    padding-bottom:10px;
    color:#000000
     }

#welcome img { float:right; margin-left:10px; }

#features  
{
    padding:5px;
    border-top:solid 1px #dddddd ;
    border-bottom:solid 1px #dddddd ;
    margin:10px auto 10px auto;
    height:93px;
    color:#ffffff;
}

#features a, #features a:hover, #features a:visited{ color:#ffffff; text-decoration:none; cursor:pointer;}

#features img { float:right; border:none}


#features h3
{
    font-size:16pt; 
    font-weight:normal; 
    float:right; 
}

#features p { font-size:12px; text-align:right; padding:3px; padding-top:5px;}

#features .feature_box
{
  width:180px;
  height:92px;
  float:right;
}

#features #f_majors
{ 
    background: #168EAD url(images/feature_blue_slice.gif) repeat-x center scroll;
}

#features #f_video
{ 
    background: #9AD21F url(images/feature_green_slice.gif) repeat-x center scroll;
}


#features #f_boxoffice
{ 
    background: #F6BC36 url(images/feature_orange_slice.gif) repeat-x center scroll;
}

#ann { margin:20px auto auto auto; padding:5px; }

#ann h3 
{
    font-size:14px;
    padding-bottom:10px;
    color:#000000
}

#ann h4 { color:#46670F ; font-size:12px; padding-right:50px; padding-top:8px;}

#ann h6{ color:#0D8CB4; margin-bottom:15px;}

#ann .annblock
{ 
    background: #ffffff url(images/date_bg.gif) no-repeat right center;
    height:70px;
    margin-bottom:2px; 
    color:#555555;
}

#ann .anndateblock{ float:right; text-align:center;color:#ffffff;width:45px; display:block;}
#ann .annweekday{ font-size:9px; display:block; margin-top:13px; }
#ann .anndate { font-size:16px; text-align:center;color:#555555; display:block; padding-top:5px;}
#ann .annbody { float:right; text-align:right; color:#555555; font-size:13px; margin-right:7px }
#ann .annbody a { font-weight:bold; font-size:11px; text-decoration:none; color:#46670F}
#ann .annbody a:hover { padding-left:3px; color:#8FCB2A}
#ann .showallann
{

    color:#ffffff;
    font-size:11px;
    background: url(images/green_btn.gif) no-repeat top left;
    height:16px;
    margin-top:5px;
    text-align:left;
    padding-left:8px;
    padding-bottom:5px; 
    border-bottom:solid 1px #dddddd
}

#ann .showallann a{ text-decoration:none; color:#ffffff}


#univ { margin-top:10px; display:block;}

#univ #univ_right_side
{
    width:10px;
    height:113px;
    float:right;
}

#univ #univ_left_side
{
    width:10px;
    height:113px;
    float:left;
    position:relative; 
    right:0;    
    top:0;
}

#univ #univ_box_title
{
    position:relative; 
    top:23px; 
    right:20px;
    width:312px;
    height:30px;
    vertical-align:middle;
    text-align:center;
    background: url(images/univ_box_title.gif) no-repeat center center;
    padding-top:10px;
    color:#986011;
    font-size:13px;
    font-weight:bold;
}

#univ #univ_box
{ 
  border-top: solid 1px #F4A821;
  border-bottom: solid 1px #F4A821;
  border-left: solid 1px #F4A821; 
  float:right;
  width:515px;
  padding-top:21px;
  height:90px;
  color:#A57325;
  font-size:13px;
  
}

#univ #univ_box ul  
{
    float:right; 
    white-space:nowrap; 
    margin:5px 3px auto 3px;
}

#univ #univ_box ul li  
{
    display:inline;
}

#univ #univ_box ul li a
{ 
  color:#A57325;
  text-decoration:none;
  background: url(images/univ_blt.gif) no-repeat right center;
  padding-right:15px;
  margin-left:3px;
  display:block;
  margin-bottom:5px;
}

#places { margin-top:0; margin-bottom:20px}

#places #places_right_side
{
    width:10px;
    height:113px;
    float:right;
}

#places #places_left_side
{
    width:10px;
    height:113px;
    float:left;
}

#places #places_box_title
{
    position:relative; 
    top:23px; 
    width:532px;
    height:36px;
    vertical-align:middle;
    text-align:right;
    background: url(images/places_box_title.gif) no-repeat center center;
    padding-top:15px;
	margin-bottom : 25px;
    color:#082F44;
    font-size:13px;
    font-weight:bold;
    float :right ;
}

#places #places_box
{ 
  border-top: solid 1px #3099B6;
  border-bottom: solid 1px #3099B6;
  float:right;
  width:530px;
  padding-top:21px;
  height:90px;
  color:#A57325;
  font-size:13px;
  
}

#places #places_box_title ul  
{
    float:right; 
    white-space:nowrap; 
    margin:0 5px auto 5px;
}

#places #places_box_title li
{
 display:inline;
}

#places #places_box_title ul li a
{ 
  color:#082F44;
  text-decoration:none;
  padding-right:15px;
  margin-left:5px;
  display:block;
  margin-bottom:5px;
}

#services_box_title
{
    position:relative; 
    top:23px; 
    width:530px;
    height:36px;
    vertical-align:middle;
    text-align:right;
    background: url(images/Services_box_title.gif) no-repeat center center;
    padding-right: 25px; 
    padding-top:20px;
	margin-bottom : 10px;
    color:#082F44;
    font-size:13px;
    font-weight:bold;
    float :right ;
}

.pager
{font-size: 10px; font-weight : bold}

#js { margin-top:0; margin-bottom:20px}
#js #js_title
{
    width:532px;
    height:36px;
    vertical-align:middle;
    text-align:right;
    background: url(images/jsbg.gif) no-repeat center center;
    padding-top:15px;
    color:Maroon;
    font-size:13px;
    font-weight:bold;
    float :right ;
}

#js #js_title ul  
{
    float:right; 
    white-space:nowrap; 
    margin:0 5px auto 5px;
}

#js #js_title li
{
 display:inline;
}

#js #js_title ul li a
{ 
  color:#ff0000;
  text-decoration:none;
  padding-right:15px;
  margin-left:5px;
  display:block;
  margin-bottom:5px;
}

#app { margin-top:0; margin-bottom:20px}
#app #app_title
{
    width:532px;
    height:60px;
    vertical-align:middle;
    text-align:right;
    background: url(images/appbg.gif) no-repeat center center;
    padding-top:15px;
    color:#000000;
    text-decoration:blink;
    font-size:15px;
    font-weight:bold;
    float :right ;
}

#app #app_title ul  
{
    float:right; 
    white-space:nowrap; 
    margin:0 5px auto 5px;
}

#app #app_title li
{
 display:inline;
}

#app #app_title ul li a
{ 
  color:#000000;
  text-decoration:none;
  padding-right:15px;
  padding-top:10px;
  margin-left:5px;
  display:block;
  margin-bottom:5px;
}

#AppStu { margin-top:0; margin-bottom:20px}
#AppStu #AppStu_Title
{
    width:532px;
    height:100px;
    vertical-align:middle;
    text-align:right;
    background: url(images/checkdoc.gif) no-repeat center center;
    padding-top:15px;
    color:#000000;
    text-decoration:blink;
    font-size:15px;
    font-weight:bold;
    float :right ;
}

#AppStu #AppStu_Title ul  
{
    float:right; 
    white-space:nowrap; 
    margin:0 5px auto 5px;
    padding-top:5px;
}

#AppStu #AppStu_Title li
{
 display:block;
 color:#000000;
  text-decoration:none;
  padding-right:15px;
  margin-left:15px;
  margin-bottom:5px;
  font-size:17pt;
  color:#ff0000;
  font-family:Arabic Transparent;
}

#AppStu #AppStu_Title ul li a
{ 
  color:#000000;
  text-decoration:none;
  padding-right:15px;
  padding-top:10px;
  margin-left:5px;
  display:block;
  margin-bottom:5px;
}

#lott { margin-top:20;}
#lott #lott_Title
{
    width:532px;
    height:100px;
    vertical-align:middle;
    text-align:right;
    background: url(images/appstu.gif) no-repeat center center;
    padding-top:30px;
    color:#000000;
    text-decoration:blink;
    font-size:15px;
    font-weight:bold;
    float :right ;
}

#lott #lott_Title ul  
{
    float:right; 
    white-space:nowrap; 
    margin:0 5px auto 5px;
    padding-top:5px;
}

#lott #lott_Title li
{
 display:block;
 color:#000000;
  text-decoration:none;
  padding-right:5px;
  margin-left:15px;
  margin-bottom:5px;
  font-size:17pt;
  color:#ff0000;
  font-family:Arabic Transparent;
}

#lott #lott_Title ul li a
{ 
  color:#000000;
  text-decoration:none;
  padding-right:15px;
  padding-top:10px;
  margin-left:5px;
  display:block;
  margin-bottom:5px;
}

#appsrv { margin-top:10px; display:block;}

#appsrv #appsrv_right_side
{
    width:10px;
    height:113px;
    float:right;
}

#appsrv #appsrv_left_side
{
    width:10px;
    height:113px;
    float:left;
    position:relative; 
    right:0;
    top:0;
}

#appsrv #appsrv_box_title
{
    position:relative; 
    top:23px; 
    right:20px;
    width:312px;
    height:30px;
    vertical-align:middle;
    text-align:center;
    background: url(images/appsrv_box_title.gif) no-repeat center center;
    padding-top:10px;
    color:#000000;
    font-size:13px;
    font-weight:bold;
}

#appsrv #appsrv_box
{ 
  border-top: solid 1px #3D96D7;
  border-bottom: solid 1px #3D96D7;
  border-left: solid 1px #3D96D7; 
  float:right;
  width:515px;
  padding-top:21px;
  height:90px;
  color:#A57325;
  font-size:13px;
  
}

#appsrv #appsrv_box ul  
{
    float:right; 
    white-space:nowrap; 
    margin:5px 3px auto 3px;
}

#appsrv #appsrv_box ul li  
{
    display:inline;
}

#appsrv #appsrv_box ul li a
{ 
  color:#123456;
  text-decoration:none;
  background: url(images/places_blt.gif) no-repeat right center;
  padding-right:15px;
  margin-left:3px;
  display:block;
  margin-bottom:5px;
}


#doc { margin-top:0; margin-bottom:20px}
#doc #doc_title
{
    width:532px;
    height:100px;
    vertical-align:middle;
    text-align:right;
    background: url(images/checkdoc.gif) no-repeat center center;
    padding-top:15px;
    color:#000000;
    font-size:15px;
    font-weight:bold;
    float :right ;
}

#doc #doc_title ul  
{
    float:right; 
    white-space:nowrap; 
    margin:0 5px auto 5px;
}

#doc #doc_title li
{
 display:inline;
}

#doc #doc_title ul li a
{ 
  color:#000000;
  text-decoration:none;
  padding-right:15px;
  padding-top:10px;
  margin-left:5px;
  display:block;
  margin-bottom:5px;
}


.applymanual{color: black;font-size: 13px;}
.applymanual h3 {font-size:16px; color:#095F8C; margin-bottom:15px}
.applymanual h4 {font-size:15px; color:#555555; margin-bottom:15px}
.applymanual p {width: 540px; text-align:justify; margin:5px; float:right;}
.applymanual h5 {margin:5px; font-size:12px; color:#333333; text-align:justify ; float:right }
.applymanual a {color: #CC0066;	text-decoration: none;font-weight: bold;font-size: 12px;}
.applymanual a:hover {color:#095F8C}
.applymanual a:active{color:#666666}
.applymanual ul li {list-style-type: none;color: #003366;margin: 5px 0px 5px 0px;display: block;}
.applymanual img {border: 1px solid #666666;}

.subapplymanual{	color: #555555;	font-size: 12px;font-weight: bold;}
.subapplymanual a {color: #CC0066;text-decoration: none;margin: 5px;display: block;margin-right: 25px;}
.subapplymanual a:hover {color:#095F8C}
.subapplymanual a:active{color:#666666}
.subapplymanual ul li{list-style-type: none;color: #CC0066;}

/* Modal Popup */
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:500px;
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
