/*
This stylesheet defines the settings that apply to the whole website.
E.g. positions, sizes, fonts, etc.
*/


/* Main page */
html, body {
	    /*  Edison edited the background image*/
 background: url('http://www.essexstudent.com/stylesheet/Summerball/0411SB_Night_Background_Image72dpiAB11.jpg'); */
	text-align: center;
}
#page_container {
	max-width: 1000px;
	min-width: 1000px;
	_width: expression(document.body.clientWidth > 1000?  "1000px" : "auto" );
	zoom: 1;
	position: relative;
	text-align: left;
	margin: 1px auto;
        }

/*========================================
Positioning
========================================*/
#container { float: left; width: 100%; height:100%; }
#top_header{position:relative;}
#header{position:relative;}
#wrapper{float:left;width:100%; overflow: hidden;}
#content{	margin: 0 1.5em 0 1.5em;  min-height: 200px; padding-bottom: 70px;
}
#navigation{float:left;width: 11em;margin-left:-100%;overflow: hidden; position: relative; }
#sidebar{float:right;width:13em;margin-left:-13em;margin-top: 0;overflow: hidden; position: relative; }  
#footer{clear:both; }
/* Override the Breadcrumb.css stylesheet (Now commented out)
#breadcrumb   {display: inline; text-align: right; font-size: 8pt; padding: 0;}
ul.breadcrumb {display: inline}
.breadcrumb li {display: inline}*/
/*========================================
Master Colors & Style
========================================*/
/*hyperlink colouring*/
a {color:#97C61B; text-decoration:none;} 
a:hover{text-decoration:underline;}

#container{background: #fff;}
#top_header{background: #333; }
div#top_header a:link, div#top_header a:active, div#top_header a:visited  {
        color: #ffffff; text-decoration: none; font-size:12px;
}
div#top_header a:hover {
        color: #a9a9a9; text-decoration: none;
}
div#header{
	background: #ffffff;
	height: 80px;
	}
div#wrapper{ background-color: #fff; }
div#content{ background-color: #fff; }
div#navigation{ padding-top: 20px; }
div#sidebar{ }
div#footer{
	padding: 0.5em;
	border: 1px solid #000000;
	border-width: 1px 0;
	color: #000000;
	text-align: center;
	font-size: 100%;
}
div#footer a:link, div#footer a:active, div#footer a:visited  {
        color: #000000; text-decoration: none;
}
div#footer a:hover {
        color: #ffffff; text-decoration: none;
}


/*========================================
Additional Elements
========================================*/
#banner_advert {
	position: absolute;
	right: 10px;
	top: 2.3em; /* was 0 then 1.5em */
	width: 468px;
	height: 60px;
	overflow: hidden;
	margin-top: 10px;
}
.logo img {
	margin: 20px 0 0 10px;
	border: 0;
}

/* SidePanel Boxes */
.sidepanel {
	background: #ffffff;
	border: 1px solid #000000;
	margin: 0.5em;
	padding: 0 5px 5px 5px;
	margin-bottom: 0;
	position: relative;
}
.sidepanel h3 {
	margin: 0 -5px 5px -5px;
	border-bottom: 1px solid #000000;
	padding: 2px 0 2px 5px;
	font-weight: bold;
	font-size: 100%;
}
.sidepanel li {
	position: relative;
}
.sidepanel a.cal {
	position: relative;
	display: inline;
	font-size: 100%;
}
#sidebar_advert {
	width: 120px;
	overflow: hidden;
	margin: 2em auto 0 auto;
}


#doc_msl {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;
	text-align:left;
	}
	
#docmsl {
	text-align:left;
	width:auto;
	margin: 0.5em; 
	min-width: 0; 
	}

/*========================================
	Html elements after being reset by yui reset 
	(see http://developer.yahoo.com/yui/reset/)
========================================*/
html,body {
margin: 0;
padding: 0;
}

/* Other colours */
h1,h2,h3,h4,h5,h6,h7 {
	font-family: tahoma, arial, verdana, sans-serif;
	margin: 0.2em 0;
	font-weight: bold;
	}
h1 { font-size: 180%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
h7 { font-size: 80%; }
p {
	padding: 0;
	margin: 0 0 1em 0;
	text-align: justify;
	}
img {
	border: 0;
	}
form {
	margin: 0;
	padding: 0;
	border: 0;
	}
input {
	}

select {
	padding: 0;
	margin: 0;
	font-size: 85%;
	}
ul,li,dl,dt,dd { 
	margin: 0;
	padding: 0;
	}
ul {
	list-style: none;
	}
thead {
	display:table-header-group;
}
tbody {
	display:table-row-group;
	}

caption,th {
	text-align:left;
	}


#noscript {
	font-size: 85%;
	display: block;
	padding: 3px 2px 3px 24px;
	color: #c00;
	background: #ffc url(../images/interface/error.gif) no-repeat 4px 4px;
	border: 2px solid #c30;
}
#noscript p { 
	margin: 0.1em 0;
}



/*========================================
Toolbar
========================================*/
#tb {
	text-align: left;
	height: 2em;
	background-color: #000000;
	color: #ffffff;
	border-bottom: 1px solid #000000;
	line-height: 2em;
}
/*
#search {
	position: absolute;
	right: 100;
	top: 100;
	padding: 2px 2px 0 0;
	width: 16em;
	text-align: right;
}
*/
#search {
	padding: 4px;
	text-align: right;
}

#tbControls {
	position: absolute;
	right: 17em;
	top: 0;

}
.skiplinks {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
.skiplinks li {
	display: inline;
	margin: 0;
	padding: 0;
	}

li.skipnav a {
	font-size: 80%;
	color: #666;
	text-decoration: none;
	padding: 0 1em;
}
li.skipnav a:hover{	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
}
#tbControls ul {
	margin: 0;
	padding: 0;
	}
#tbControls li {
	padding: 0;
	display: inline;
	margin-left: 1em;
}
#tbControls li a {
	text-decoration: none;
	color: #ccc;
	font-size: 90%;
	line-height: 2.2em;
}
#tbControls li a:hover {
	color: #c00;
	}
	
/*========================================
Navigation
========================================*/
.nav {
	padding-bottom: 200px;
}
#nav_header {
	display: none;
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	width: 100%;
	}
.nav li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	}
.nav li a, .nav li a:visited {
	display: block;
	text-decoration: none;
	height: 1.3em;
	line-height: 1.3em;
	overflow: hidden;
	padding: 0.1em 0.3em;
	margin: 0;
	border-bottom: 1px solid #000000;
	margin-right: 10px;
	}
.na ul ul li {
  padding-left: 5px;
}

/* 2nd level menu */
.nav ul ul li a:link, .nav ul ul li a:active, .nav ul ul li a:visited {
  font-size: 90%;
  padding-left: 15px;
}
.nav ul ul li a:hover {
  font-size: 90%;
  padding-left: 15px;
}

/* 3rd level menu */
.nav ul ul ul li a:link, .nav ul ul ul li a:active, .nav ul ul ul li a:visited {
  font-size: 90%;
  padding-left: 30px;
}
.nav ul ul ul li a:hover {
  font-size: 90%;
  padding-left: 30px;
}

/*========================================
System Contols
========================================*/
div.login input.textbox , .login input.button {
	width: 80%;
	display: block;
}
div.login input.button {
	font-weight: bold;
}
div.login a {
	display: block;
	margin: 0.5em 0 0 0;
	}
div.controlpanel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
div.controlpanel li {
	padding: 0;
	margin: 0;
	height: 1.5em;
	}
div.controlpanel li a {	
	line-height: 1.5em;

	}
div.controlpanel li.logout {
	text-align: right;
	padding: 3px;
}
div.controlpanel li.logout a {
	display: inline;
	padding: 3px;
	color: #c00;
}
div.controlpanel li.logout a:hover {
	color: #fff;
	background-color: #c00;
	}
.TextRegion_edit {
	float: right;
	}

/*-----------------------
dropdown account bar
----------------------------*/
/*---------- top bar and dropdown bar styling ----------- */

#topbar {background: url(/stylesheet/test/topbar-runner.gif) repeat-x bottom left;padding: 0 0 6px 0; overflow:hidden;}
#topbar a {display:block; float:right; padding: 0.3em 1.5em 0.1em 1.5em;text-align:center; color: #333333;background: #97c61b; text-decoration:none;}
#topbar a:hover {color:#ffffff;}
#menu {margin-top: 1px;}
#loginpanel { padding: 0.2em 3em; background: url("/stylesheet/test/login-background.gif") 
repeat-x bottom left #aad43d; padding: 0.2em 0; border-bottom: 1px solid #7b9d23;
margin-bottom:1px;}
#loginpanel a {color: #333333;}
#loginpanel a:hover {color: #ffffff; text-decoration:none;}

/*---------- account login elements for user not logged in --------------*/

#loginpanel div.login input.textbox , .login input.button {
	width: auto;
	display: inline;
}
#loginpanel div.login input.button {
	font-weight: bold;
         background:url(/stylesheet/test/button-background.png) repeat-x top left;
         color: #ffffff;
         padding: 0.1em 1em;
	margin-right: 40px;
	border: 1px solid #709905;
}
#loginpanel div.login input.textbox {margin: 0 1.5em 0 0;}
#ctl00_LoginControl_lnkRegister {background: url(/stylesheet/test/login-separator.png) no-repeat top left;}
#loginpanel div.login a {padding-left: 25px;}
#loginpanel div.login a {
	display: inline;	
	}


/*---------- account login elements for user not logged in --------------*/

#loginpanel div.login input.textbox , .login input.button {
	width: auto;
	display: inline;
}
#loginpanel div.login input.button {
	font-weight: bold;
         background:url(/stylesheet/test/button-background.png) repeat-x top left;
         color: #ffffff;
         padding: 0.1em 1em;
	margin-right: 40px;
	border: 1px solid #709905;
}
#loginpanel div.login input.textbox {margin: 0 1.5em 0 0;}
#ctl00_LoginControl_lnkRegister {background: url(/stylesheet/test/login-separator.png) no-repeat top left;}
#loginpanel div.login a {padding-left: 25px;}
#loginpanel div.login a {
	display: inline;	
	}



/*---------- account details for logged in user -----------*/

#loginpanel .sidepanel {background:transparent; border:none;}
#loginpanel .login h3 {display:none;}
#loginpanel h3 {border:none; font-size: 100%;}
#loginpanel h4 {font-size: 100%;}
#loginpanel div.controlpanel {margin:0;padding:0.3em 0;}
#loginpanel div.controlpanel h3 {display:none;}
#loginpanel div.controlpanel p {display:none;}
#loginpanel div.controlpanel a {text-align:center; padding: 0 0.5em; text-decoration:none;}
#loginpanel .msl_membership, #loginpanel .msl_friends, #loginpanel .msl_edit, #loginpanel .msl_contact, #loginpanel .msl_message, #loginpanel .msl_calendar, #loginpanel .msl_photo, #loginpanel .msl_shop, #loginpanel .logout {background:url("list-separator.png") no-repeat top left;}
#loginpanel .msl_person {background:none;} 
#loginpanel .controlpanel li.logout a {font-weight:bold;}
#loginpanel div.controlpanel li.logout a:hover {background-color: transparent;}              
#loginpanel div.controlpanel li {list-style:none;background:none; padding: 0;}
#loginpanel div.controlpanel ul {padding: 0;margin:0;}
#loginpanel div.controlpanel ul, #loginpanel .controlpanel ul li, #loginpanel #msl_admin ul, #loginpanel #msl_admin li {display:inline;}
#loginpanel a.msl_admin {padding: 0 1em; text-decoration:none; background:none; border:none; margin:0;}
#loginpanel #msl_admin {line-height: 1.2;margin-left: 0.5em;}
#loginpanel div#msl_admin li {border:none; background: url("list-separator.png") no-repeat top right;}

/*--------------------- 
giant footer  
---------------------*/
/*------------ giant footer background and column styling -------------*/
#giantfooter {background: url(footer-gradient2.gif) repeat-x bottom left; background-color: #545454; color:#ffffff; overflow:hidden; padding: 1.5em;clear:both;}
#giantfooter div.footercolumn {float:left; width: 33%;background: url(/stylesheet/test/footer-separator.png) no-repeat top right;}
#giantfooter div.footercolumnlast{background:none;}
#msl_footer_link {padding-left: 1em; text-decoration:underline;}

/*------ general footer styling ------*/
#giantfooter a {color: #ffffff;}
#giantfooter a:hover {color: #000000; text-decoration:none;}
#giantfooter h2, #giantfooter h3 {font-weight:normal;}
#giantfooter p {display:block; text-align:right; clear:both; float:right;padding:0;margin:0;}

#giantfooter li {padding-left: 7em;}


/*----------- featured ads and A-Z link ---------------*/

#featured {clear:both; padding-top:2em; position:relative;}
#featured span {position:absolute; bottom: 0; right:0;}
#featured span a {color: #97c61b;}

/*-------------- when adding a menu item to navigation bar, use css class headerlink for a large link and link for a sub link --------------*/
.link {margin-left: 1em; display:block;}
.headerlink {font-size: 120%; display:block; margin: 1em 0 0.5em 0;}