/* @override 
	http://www2.guc.edu.eg/HomePage/CSS/homepage.css
*/

#caleDiv a.academicCalLink {
	background: url(../Images/academicCalendarButton.png) no-repeat;
	height: 0;
	padding-bottom: 0;
	padding-top: 25px;
	display: block;
	overflow: hidden;
	width: 146px;
	margin: 10px auto;
}
#caleDiv a.academicCalLink:hover{
	background-position: 0 -25px;
}
#caleDiv a.academicCalLink:active{
	background-position: 0 -50px;

}
/* @group Main */
body{
	margin: 0;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../images/masterPage/bodyBackground.jpg);
	background-color: #EBF5FD;
	background-repeat: repeat-y;
	background-position: center;
}



/* @end */

/* @group Basic Layout */
div#header0{
	border-top: 15px solid #0d334f;
}
div#header0wrraper
{
    padding-top: 18px;
	padding-bottom: 18px;
	margin:0 auto;
	/*background-image:url(../images/headerBack.jpg);*/
	/*bero*/
	background-position:center;
	background-repeat:repeat-y;
}

div#header1{
	background-color: #0C1B26;
	width: 100%;
	border-bottom: 5px solid #7a99b0;
	border-top: 5px solid #7a99b0;
}
div#body{
	/*background-color: #cedbe4;*/
	width: 100%;
    margin-top:-5px;
	border-top: 5px solid #7a99b0;
	/*background-image:url(../images/bodyBack.jpg);*/
	/*bero*/
	background-position:center;
	background-repeat:repeat-y;
}
div#footer
{
    background-color: #0C1B26;
	width: 100%;
	border-top: 5px solid #a3bccf;
}   
div#footer p
{
   *padding: 1.12em 0
}             
div.container{
	width: 847px;
	margin: 0 auto;
	padding: 1px;
	position: relative;
}


/* @end */

/* @group Logo and Search */
#header0 div.container div.title img {
	/*background-image: url(../images/logo/logoBG.png);
	width: 142px;
	padding-top: 68px;*/
	background-image: url(../images/logo/logoBGAnniversary.png);
	width: 207px;
	padding-top: 120px;
	overflow: hidden;
	height: 0;
}

div.searchbox {
	right: 0;
	top: 5px;
	position: absolute;
	width: 271px;
}

fieldset {
	border-style: none;
}


/* @end */

/* @group Menu */
.menu{position: relative;
	height: 370px;
}
.menu a{
	color: #fff;
	text-decoration: none;
}

/* @group Information For */
.menu .informationFor{
	padding-top: 8px;
	padding-bottom: 9px;
	text-align: center;
	margin-top: -9px;
	margin-bottom: 0;
}
div.menu div.informationFor h2{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size: 100%;
	color: #86a8c1;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	vertical-align: middle;
}
div.menu div.informationFor ul{display: inline-block;
	*display:inline;
	*zoom:1;
	margin: 0;
	padding-left: 1px;
	*padding-left:10px;
	vertical-align: middle;

}

div.selectors {
	margin-top: 9px;
}
div.menu div.informationFor ul li{
	display: inline;
	padding-right: 21px;
}
div.menu div.informationFor ul li a{
	padding: 4px;
	display: inline-block;
	*display:inline;
	*zoom:1;
}
div.menu div.informationFor ul li a:hover{
	color: #7faac9;
	background-color: #0c1b26;
}

/* @end */

/* @group MainMenu */

div.mainMenu {
	position: absolute;
	width: 194px;
	height: 313px;
	font-size: 13px;
	line-height: 25px;
	margin-top: 6px;
	margin-left: 6px;
	background-image: url(../images/menuBG.png);
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
div#header1Wrapper,div#footerWrapper
{
    background-color:#0D334F;
    margin:0 auto;
    padding-bottom:20px;
    padding-top:10px;
    width:945px;
    border-top: 5px solid #86a8c1;
    margin-top:-5px;
}
div#bodyWrapper
{
    /*background-color:#DFE2E4;*/
    /*bero*/
    margin:0 auto;
    padding-bottom:20px;
    padding-top:10px;
    width:945px;
    border-top: 5px solid #86a8c1;
    margin-top:-5px;
}
div.splashImageDiv {
	border: 4px solid #0c1b26;
	height: 319px;
	overflow: hidden;
}
div.mainMenu ul{
	list-style-type: none;
	margin: 0;
	padding: 12px 0;
	height: 265px;
}
div.mainMenu ul:hover{
	background-image: url(../images/menuBG.png);
}
div.mainMenu ul li a{
	padding: 4px 24px;
	display: block;
}
div.mainMenu ul li a:hover{
	background-image: url(../images/menuBG.png);
	color: #86a8c1;

}

/* @end */



/* @end */

/* @group Body */

#spotlightDiv {
	/*display: none;*/
}

#newsDiv, #eventsDiv, #caleDiv {
	display: inline-block;
	*display:inline;
	*zoom:1;
	width:248px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	/*height:230px;*/
	/*height:250px;*/
	border-right:solid 1px #86a8c1;
	margin-bottom:0px;
	height:265px;
}
#caleDiv 
{
    border-right:0px;
}
#caleDiv{
	margin-bottom: -17px;
}
#necDiv {
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 35px;
}
.container .bodyContainer{background-color: #f4f4f4; padding: 22px; border: 1px solid #c7c7c7;}
.container .spotContainer{height:162px;}
.container .bodyContainer, .container .spotContainer{
	margin-top: 30px;
	margin-bottom: 30px;
}
.container .bodyContainer h2, .container .spotContainer h2{
	color: #0d334f;
	margin-bottom: 17px;
}
#necDiv.bodyContainer h3{
	*font-size:110%;
}
#necDiv.bodyContainer h3{
	display: inline;
}span.necDate {
	display: inline;
	color: #436f83;
	font: 15px Georgia, "Times New Roman", Times, serif;
	float: right;
}

#necDiv a.viewAll {
	text-decoration: none;
	color: #4c6170;
	font-weight: bold;
	position: absolute;
	bottom: 47px;
}
#necDiv a.viewAll:hover{
	color: #0072c6;
	text-decoration: underline;
}

a.rssLogo {
	position: absolute;
	bottom: 47px;
	margin-left: 265px;
}
.container .bodyContainer h3, .container .bodyContainer h3 a,
.container .spotContainer h3, .container .spotContainer h3 a{
	color: #8d1717;
	text-decoration: none;
}

#spotlightBody div.section h3 {
	margin-top: 1px;
	font-size: 24px;
	color: #bd0000;
	margin-bottom: -9px;
}
#spotlightBody div.section p 
{
}
#spotlightBody div.section h3 a:hover
{
    text-decoration: underline;
    color: #0079d3;
}
.container .bodyContainer h3 a:hover{
	text-decoration: underline;
	color: #0079d3;
}

/* @end */


/* @group Extras */
div#necDiv a.feed{
	position: absolute;
	bottom: 46px;
	margin-left: 134px;
}
a.feed {
	color: #4c6170;
	font-size: 12px;
	text-decoration: none;
}
a.feed:hover{
	color: #ff7400;
	text-decoration: underline;
}
.container h2{
	margin: 0;
	font-size: 18px;
}
.hide{
	display: none;
}
.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
}

/* @end */

/* @group Footer */

/* @group Footer Menu */

#footerMenu{
	padding-top:8px;
}
#footerMenu ul {
	padding-left: 0;
	list-style-type: none;
	margin: 0;
	text-align: right;
}
#footerMenu ul li{
	display: inline;
	margin-right: 20px;
	margin-left: 20px;
}
#footerMenu ul li a{
	padding: 4px;
	text-decoration: none;
	color: #cedbe4;
	font-size:14px;
}
#footerMenu ul li a:hover{
	text-decoration:underline;
}

/* @end */

div#contactInfo {
	color: #cedbe4;
	width: 322px;
	padding-top:38px;
	margin-top:-34px;
	background: url(../images/footer_bg1.png) no-repeat 0 12px;
}



/* @end */
div.searchbox fieldset{
	font-size: 12px;
	color: #0d334f;
}
div.searchbox fieldset input.radio{
   
}

div.searchbox fieldset label.radioSelector{
	padding-right: 8px;
	margin-right: 2px;
}
div.searchbox fieldset input.searchSubmit {
	padding-top: 27px;
	background: url(../images/searchButton1.png) no-repeat;
	border-style: none;
	overflow: hidden;
	height: 30px;
	width: 34px;
	position: absolute;
	top: 3px;
	display:block;
	right: 14px;
}
div.searchbox fieldset input.searchSubmit:hover{
	background-position: 0 -1px;
	cursor: pointer;}

div.searchbox fieldset input.searchBox {
	background-color: #e9f0f4;
	border: 1px solid #7291a8;
	padding: 3px;
	width: 193px;
	margin-right: 45px;
	font-size: 13px;
	color: #636363;
}

div.searchbox fieldset input.searchSubmit:active {
	background-position: 0 1px;
}

div#spotlightBody {
	border:1px solid #C7C7C7;
	padding:19px 19px 19px 10px;
	background-color: #fff;
	float:left;
	width:624px;
}
div.section {
	height: 112px;
	padding: 0;
	width:563px;
	float:left;
	*zoom:1;
	position:relative;
	margin-right: 10px;
}
div.scroller{
	padding-bottom: 10px;
	overflow: hidden;
	width:570px;
	position:relative;
}
div.scroller div.spotLightContent {
	width: 10000px;
	height: 112px;
}

div#spotlightControls {
	background-color: #cedbe4;
	margin-top: 2px;
	line-height: 25px;
	text-align: center;
	position: relative;
	padding: 3px;
	margin-bottom: 0;
	vertical-align: middle;
}
#middle{
	display: inline;
	*zoom:1;
}
#spotlightControls ul {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#spotlightControls ul li{
	display: inline;
	margin: 9px;
}
span.spotlightPreviousControl, span.spotlightNextControl{
	position: absolute;
	color: #86a8c1;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer;
	padding: 5px;
	vertical-align: middle;
	line-height: 11px;
	margin-top: 2px;
}
span.spotlightPreviousControl:hover, span.spotlightNextControl:hover{
	background-color: #86a8c1;
	color: #0d334f;
}
div#middle ul {
	
}

#spotlightControls #middle ul li a {
	text-decoration: none;
	color: #0c1b26;
	font-weight: bold;
	font-size: 11px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 7px;
	padding: 6px;
	margin: 0;
}
#spotlightControls #middle ul li a.active{
	color: #cedbe4;
	background-color: #0d334f;
}
#spotlightControls #middle ul li a:hover{
	color: #cedbe4;
	background-color: #0d334f;
}
span.spotlightPreviousControl a:hover, span.spotlightNextControl a:hover{
	color: #cedbe4;
	background-color: #0d334f;
}
span.spotlightPreviousControl {
	position: absolute;
	left: 6px;
}
span.spotlightNextControl{
	right: 8px;
}
#spotlightBody div.section img {
	float: left;
	border:3px solid #86A8C1;
	margin-right: 13px;
	width: 168px;
	height: 112px;
}
/* Calendar theme*/
#caleDiv a
{
    text-decoration:none;
}
.calendar{width: 220px;
	margin:0 15px 15px 22px;
}



input#clButon {
	left: 0;
}

div.calendarControls {
	position: relative;
	height: 27px;
	width: 187px;
	margin-left: 37px;
}

#cDiv {
	position: relative;
}

input#crButton {
	right: 0;
}
input#clButon, input#crButton{
	position: absolute;
	width: 50px;
}
.calendarTitle
{
   color: #0d334f;
   font-weight:bold;
   font-size:14px;
   height: 23px;
	margin-bottom: 4px;
}
.otherDay{font-size:12px;
	color: #383838;
}
.calDay
{ 
   font-weight: bold;
   font-size: 12px;
	line-height: 17px;
}
.calDay img,.otherDay img
{
    position:relative;
    top:2px;
}
div#linkBox
{
    background-image:url(../images/linksBox.jpg);
    width:164px;
    height:161px;
    float:left;
    margin-right:28px;
}
img#leftArrow
{
cursor:pointer;
float:left;
left:10px;
position:relative;
top:70px;
}
img#rightArrow
{
cursor:pointer;
left:12px;
position:absolute;
top:71px;
}
div#linkBox h4
{
    color:White;
    padding-left:10px;
    font-size:110%;
    margin-bottom:9px;
    margin-top:19px;
}
div#linkBox li
{
     background-repeat:no-repeat;
     color:#CEDBE4;
}
div#linkBox ul
{
list-style-type:none;
padding-left:0px;
margin-left:0px;
*margin-top:13px;
}
div#linkBox a
{
     text-decoration:none;
     color:#CEDBE4;
}
div#linkBox a:hover
{
    text-decoration:underline;
}
div#linkBox a:visited
{
    color:#CEDBE4;
}
li#portal
{
    background-image:url(../images/portal.jpg);
    padding-left:48px;
    padding-top:11px;
    padding-bottom:11px;
    background-position:8px center;
}
li#echo
{
     background-image:url(../images/echo.jpg);
     padding-left:48px;
     padding-top:8px;
    padding-bottom:8px;
     background-position:8px center;
}
li#mail
{
     background-image:url(../images/mail.jpg);
     padding-bottom:9px;
     padding-left:48px;
     padding-top:9px;
     background-position:8px center;
}
li#newsletter
{
     background-image:url(../images/newsletter.jpg);
     padding-bottom:9px;
     padding-left:48px;
     padding-top:9px;
     background-position:8px center;
}
a.applyNow 
{
   /* background-image:url(../images/earlyapply.png); */
   background-image:url(../images/regular.png); 
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    left:742px;
    padding-right:150px;
    padding-top:159px;
    position:absolute;
    top:-20px;
}
a.applyNow.early
{
   background-image:url(../images/earlyapply.png);
   /*background-image:url(../images/applyNow2011Early.png); */
background-repeat:no-repeat;
cursor:pointer;
display:block;
left:742px;
padding-right:337px;
padding-top:159px;
position:absolute;
top:180px;
}
a.applyNow.regular
{
   /* background-image:url(../images/earlyapply.png); */
    background-image:url(../images/regular.png);
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    
    left:742px;
    padding-right:150px;
    padding-top:159px;
    position:absolute;
    top:170px;
   /* left:450px;
    padding-right:366px;
    padding-top:30px;
    position:absolute;
    top:200px;*/
}
a.applyNowMba
{
    background-image:url(../images/mba.png);
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    left:820px;
    padding-right:150px;
    padding-top:159px;
    position:absolute;
    top:10px;
}
a.applyNowArabic
{
    background-image:url(../images/arabic.png);
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    left:670px;
    padding-right:150px;
    padding-top:159px;
    position:absolute;
    top:10px;
}
a.civilEng
{
    background-image:url(../images/civilEng.png);
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    left:742px;
    padding-right:150px;
    padding-top:159px;
    position:absolute;
    top:188px;
}
#webmaster
{
    color:#637F97;
    left:721px;
    position:absolute;
    text-decoration:none;
    top:44px;
}
#webmaster:hover
{
    text-decoration:underline;
}
#leftArrowWrap
{
    background-color:#86a8c1;
display:inline-block;
float:left;
height:162px;
left:194px;
position:absolute;
top:31px;
*top:30px;
width:38px;
}
#rightArrowWrap
{
    background-color:#86a8c1;
height:162px;
left:809px;
position:absolute;
top:31px;
*top:30px;
width:38px;
}
#spotlights
{
    margin-left:42px;
}
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:10px; left:-20px;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    /*text-align: center;*/
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 0px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 0px;
	padding-left:5px; 
	text-align:left;
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 0px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}
#spotlights p a 
{
text-decoration:none; left:530px;
position:absolute;
text-decoration:none;
top:108px;
}
#spotlights p a:hover{ text-decoration:underline;}

