/* centre content */

body {min-width: 1000px;text-align:center;position:relative;padding-bottom:30px}
#content {width:960px;padding:42px 3px 0px 3px;margin:0px auto 0px auto;text-align:left;position:relative}
#head.std {padding-bottom:30px}

/* 3 column layout for homepage. For the sidebars to be fluid and their backgrounds to snap to the central column,
have to add some extra markup (can't see any other way...) */

#panel_left {float: left; margin: 0 -40px 0 0;}
#panel_right {float: right; margin: 0 0 0 -40px;}
#panel_left, #panel_right {width:50%;}

#panel_left .bg {margin: 0 480px 0 0;}
#panel_right .bg {margin: 0 0 0 480px;}
#panel_left .bg, #panel_right .bg {height:840px !important}

/***********************************************
This file handles dimensions, positioning and borders
***********************************************/

#panel_left #content {float: right; margin: 0px -480px 50px 0px ; padding: 0px; position: relative; background-image:none}	/* override the normal declarations */

/* logo */
		
h1 {height:63px;width:301px;margin:4px 0px 8px 170px}
#panel_left h1 {height:74px;width:339px;margin:42px 0px 0px 155px}
#head {padding-top:50px} /* add whitespace by applying padding here rather than margin on the h1, because of IE bug */

#unihome {position:absolute;top:10px;right:10px;}
#schoolhome {position:absolute;top:25px;right:10px;}

/* navigation */
		
#nav_primary {float:left; margin-left: -960px; width: 230px;}
#navigation {float:right; margin-right: -128px; width: 950px;}
#nav_secondary {float:right;width:230px;padding-bottom:0px;}  /* padding value ensures the column never overlaps the background image attached to the bottom-right */
#content_main {position:relative; float:left; width:400px}
#content_edit {position:relative; float:left; width:600px} 
#content_position {float:left;margin-left:230px;width:710px;padding:0px 0px 0px 20px}
#temp_div {display:inline}
#content_1, #content_2, #content_3, #content_4 {display:block}
#nested_content {display:inline}

		
.primary_l1 li {width:119px;margin-bottom:2px}
.primary_l1 li a {display:block;width:100%;min-height:17px; height:auto !important;height:17px;padding:4px 0px 2px 11px;}
.primary_l1 li.active {margin-bottom:0px}

.primary_top_l1 li {width:135px;margin-bottom:15px; float:left;margin-left:2px; text-align:center}
.primary_top_l1 li a {display:block;width:100%;min-height:17px; height:auto !important;height:17px;padding:4px 0px 2px 0px;}
.primary_top_l1 li.active {margin-bottom:0px}

.primary_l2 {margin-top:-1px;margin-bottom:-1px;padding:4px 0px 0px 0px;width:171px;border-bottom:solid #A9A8AD 0px}
.primary_l2 li {margin:0px 0px 0px 11px}
.primary_l2 li.active > a {border-bottom:solid #A9A8AD 1px}
.primary_l2 li a {display:block;border-bottom:solid #aaacad 1px;padding:2px 0px 1px 0px !important;width:160px !important;height:auto !important}
.primary_l2 li.last a {border-bottom:none}

.primary_l3 li {margin-left:0px !important}
.primary_l3 li a {border:none !important;padding:2px 0px 1px 20px !important;width:140px !important;height:auto !important}

.search-position {position: absolute; top: 35px; right: 10px; width: 135px;}
#search input {width:92px;height:19px;border:solid #aaacad 1px;padding:4px 0px 0px 9px;height:17px;margin:0px;}
#search #submit {margin:0px 0px 0px 3px;padding:0px;vertical-align:top;width:24px;height:21px; float: right;}

/* secondary nav */

#nav_secondary li {margin-bottom:10px;}
#nav_secondary h5 {padding-bottom:0px;margin-bottom:8px;border-bottom:solid #aaacad 1px;position:relative; width:230px} /* again need rel pos otherwise IE6 won't honour border-color!! */
#nav_secondary h6, #nav_secondary p {padding-right:60px}

#nav_secondary h6.links {border-bottom:solid #aaacad 1px;position:relative}
#nav_secondary .links li {margin-top:10px;padding:0px 60px 20px 40px;border-bottom:solid #aaacad 1px}
#nav_secondary .links li.share {padding: 0px 10px 20px 0px;}
.sidebar_image {padding-bottom:20px}

links { z-index: 999; }


/* sIFR stuff */
/* unfortunately sIFR v2 adjusts the font size to fit container dimensions, which is really stupid because we're always using block-level elements - font-size will change
when you add / remove text. So we have to specify the dimensions for each instance of sIFR use. v3 should fix this. */

#panel_left #title {width:362px;height:25px;padding:0px;margin-bottom:3px}
.std #title {width:400px}
.std #title.page3 {width:280px}
#subtitle {width:415px;height:25px;margin:-5px 0px 20px 0px;padding:0px}
#title_copy {width:400px;height:190px;margin:27px 0px 13px 0px}
.inline_quote {width:400px;padding-top:10px}

/* homepage stuff */
		
#person {position:absolute;top:-25px;right:-0px} /* image breaks out of the RHS column, so position it */
#content_edit.homepage {padding-bottom:0px}
#content_main.homepage {padding-bottom:0px} /* because RHS column now has no height, add content padding to correct */
		
#news_ticker {position:relative;height:16px;padding:9px 0px 5px 10px;border-bottom:solid white 1px}
#news_ticker a {position:absolute;top:11px;right:10px}
		
#sections li {float:left;width:240px}
#sections li h5 {height:26px;padding:80px 0px 0px 10px}
#sections li p {padding:5px 7px 10px 7px;height:150px}

#mba p {border-right:solid white 1px}
#postgrad p, #undergrad p {border-right:solid white 1px;border-left:solid white 1px}
#citylife p {border-left:solid white 1px}

/* standard page stuff */

.std #content_main p, .std #content_main div, .std #content_main ul, .std #content_main blockquote, .pp {width:400px;margin-bottom:10px}
.std #content_edit p, .std #content_edit div, .std #content_edit ul, .std #content_edit blockquote {width:600px;margin-bottom:10px}
.std #content_main blockquote, .std #content_edit blockquote {margin-top:20px}
.media {height:130px;position:relative; padding-top:22px;}
.media div {position:relative;top:10px;margin-top:-130px;}
.media cite {padding-left:200px;margin-top:95px; position:absolute;}
.media blockquote, .media blockquote p {float:right;width:200px !important;margin-top:0px !important;}
.rt_align {padding-right: 50px}
.table {padding:5px}
.cellodd {padding:5px}
.celleven {padding:5px}
.course_description {padding:5px}

.std #content_main ul.dash, .std #content_edit ul.dash, ul.dash {list-style-position:outside;position:relative}
.std #content_main ul.dash li, .std #content_edit ul.dash li, ul.dash li {padding-left:27px; padding-bottom:6px;}
.std #content_main ol.decimal li {padding-left:15px; padding-bottom:10px; list-style-type:decimal; list-style-position:inside}
.std #content_1 ol.decimal li, .std #content_2 ol.decimal li, .std #content_3 ol.decimal li, .std #content_4 ol.decimal li {padding-left:15px; padding-bottom:10px; list-style-type:decimal; list-style-position:inside}

.nest_content ul.dash, ul.dash {list-style-position:outside;position:relative}
.nest_content ul.dash li, ul.dash li {padding-left:27px}

p.photo-caption img {display:block}

.boxed_text, .boxed_text_light {padding:10px;width:400px !important}
.boxed_text ol {width: 380px}
.boxed_text li {margin-left: 30px}

.scholarship_box {padding:10px 10px 1px 18px;width:393px !important}
.scholarship_box p {text-indent: -7px}

.left_column {float:left; width:190px;padding-right:10px;padding-bottom:15px}
.right_column {float:right; width:190px; padding-left:0px;padding-bottom:15px}
.scholarship_column {float:left; width:190px;padding-right:10px}

.std #content_main ol.decimal li,.std #content_1 ol.decimal li, .std #content_2 ol.decimal li, .std #content_3 ol.decimal li, .std #content_4 ol.decimal li {
list-style-position:inside;
list-style-type:decimal;
padding-bottom:10px;
padding-left:15px
}

.std #content_main ol.alpha li,.std #content_1 ol.alpha li, .std #content_2 ol.alpha li, .std #content_3 ol.alpha li, .std #content_4 ol.alpha li {
list-style-position:inside;
list-style-type:upper-alpha;
padding-bottom:10px;
padding-left:15px
}

/* highlight action buttons */

#phd_scholarship_button {display:block; width:122px; height:120px; background:url(http://www.business-school.ed.ac.uk/__data/assets/image/0016/9700/phd_button.png) no-repeat 0 0; position:absolute; margin:-675px 0px 0px -242px;}
#phd_scholarship_button:active {background-position:0 -120px;}
#phd_scholarship_button span {display:none;}

#carbon_button {display:block; width:122px; height:120px; background:url(http://www.business-school.ed.ac.uk/__data/assets/image/0020/11972/carbon_button.png) no-repeat 0 0; position:absolute; margin:-475px 0px 0px -242px;}
#carbon_button:active {background-position:0 -120px;}
#carbon_button span {display:none;}

#weekend_course_button {display:block; width:122px; height:120px; background:url(http://www.business-school.ed.ac.uk/__data/assets/image/0020/19028/weekend_course_button.png) no-repeat 0 0; position:absolute; margin:358px 0px 0px -242px;}
#weekend_course_button:active {background-position:0 -120px;}
#weekend_course_button span {display:none;}


/* footer */
		
#footer {border-top:solid white 1px;padding:7px 7px 24px 7px;height:19px;position:relative}
#footer ul {position:absolute;top:0px;left:0px;width:956px;padding:8px 0 8px 4px; height:19px;border-bottom:solid 1px #D7D7D7}
#footer ul li {display:inline;}
#footer ul li a {padding:0px 3px 0px 3px}
		
#footer #login {position:absolute;top:0px;right:0px;width:120px;padding:10px 0px 9px 12px;border-top:solid #aaacad 1px;border-bottom:solid #aaacad 1px;}

#footer-quicklinks
{
   width: 100%; border-top: 6px solid #aaacad; min-height: 250px; background-color: #f8f7f4;
}

/*********************
CSS extras starts here
*********************/
		
/* redfine the size of main content area */
		
		.wide #content_main {
		width:710px;
		margin-left:0px;
		padding-left:0px;
		padding-right:0px;
		}
		
		.wide #content_main .content_columns {
		width:630px;
		padding:10px 0px 30px 0px;
		}
		
		/* content paragraphs */
		
		.wide #content_main .content_columns p {
		float:left;
		width:285px;
		padding-right:30px
		}
		
		/* the flash bit */
		
		#programme_swf {
		clear:left;
		padding:10px 0px 10px 0px;
		}
		
/* all the rest is to tweak the existing mav_secondary declarations 
to fit in the new style, without having to create new classes */		
		
		.wide #nav_secondary ul {
		width:710px;
                margin-left:-480px;
		}
		
		.wide #nav_secondary ul ul {
		width:auto;
                margin:0px 0px 0px 0px;
		}
		
		.wide #nav_secondary li {
		float:left;
		width:220px;
		padding-right:20px
		}
		
		.wide #nav_secondary li.last {
		width:230px;
		padding-right:0px
		}
		
		.wide #nav_secondary li.last li {
		width:130px;
		border-bottom:none
		}
		
		.wide #nav_secondary li li {
		width:180px;
		}
		
		.wide #nav_secondary p {
		font-size:8pt;
		width:auto;
		}
		
		.wide #nav_secondary .links a, .wide #nav_secondary .links li {
		font-size:8pt;
		}
		
		.wide #nav_secondary .links li {
		color:#C1C2C3
		}
		
		.wide #nav_secondary h6.links {
		margin:1px 0px 0px 0px;
		padding-bottom:2px;
		}
		
		.wide #nav_secondary ul.links li {
		margin-top:2px;
		padding-left:30px;
		}
.nested_content { width: 460px; }
.nested_content p { margin-bottom: 10px;}
.sq-form-field
{
	margin: 10px 4px 0px 0px;
}
LABEL
{
	margin-right: 18px;
}
.advanced_search
{
	color: #A9ABAC;
	font-style: italic;
	font-size: 11px;
	margin: 0px 5px 5px 10px;
}
.advanced_search A
{
	color: #A9ABAC;
}
.profiles_icon
{
	width: 100px;
	height: 100px;
	background: url(http://www.business-school.ed.ac.uk/__data/assets/image/0004/23665/roladex.gif) no-repeat center center;
	margin: 10px 20px 20px 0px;
	float: left;
}
.boxed_list UL
{
	margin: 0px;
	padding: 0px;
}
.boxed_list LI
{
	margin: 0px 0px 15px;
	background-color: #F4F3F0;
	padding: 10px;
	width: 380px !important;
}
.alumni_widget_box
{
        border: 1px dashed #AAACAD;
        float: left;
        min-height: 50px;
        margin-bottom: 0px;
        margin-top: 0px;
        overflow: hidden;
        padding: 15px 10px 10px 10px;
        position: relative;
        width: 400px;
}
#alumni_tabs LI
{
float: left;
padding: 4px 0px 3px;
margin-top: 15px;
}
#alumni_tabs LI A:link
{
color: #FFFFFF;
margin: 0px 2px 0px 0px;
font-family: Arial, Verdana, sans;
padding: 4px 8px;
border: 0px solid #CDCDCD;
background-color: #525658;
}
#alumni_tabs LI A:visited
{
color: #FFFFFF;
margin: 0px 2px 0px 0px;
font-family: Arial, Verdana, sans;
padding: 4px 8px;
border: 0px solid #CDCDCD;
background-color: #525658;
}
#alumni_tabs LI A:active
{
color: #FFFFFF;
margin: 0px 2px 0px 0px;
font-family: Arial, Verdana, sans;
padding: 4px 8px;
border: 0px solid #CDCDCD;
background-color: #525658;
}
#alumni_tabs LI A:hover
{
color: #000000;
background-color: #EAE8E2;
}
#alumni_news_feed LI
{
	border-bottom: 1px solid #A9ABAC;
	padding-bottom: 15px;
        padding-top: 15px;
}
#alumni_events_feed LI
{
	border-bottom: 1px solid #A9ABAC;
	padding-bottom: 15px;
        padding-top: 15px;
}
.view-all-tab
{
	border-left: 1px dashed #A9ABAC;
	border-right: 1px dashed #A9ABAC;
	border-bottom: 1px dashed #A9ABAC;
	border-top: 1px dashed #FEFEFE;
	width: 42px;
	padding: 5px 10px;
	margin: -1px 0px 20px 358px;
        float: left;
}

#chat_button {display:block; width:122px; height:120px; background:url(http://www.business-school.ed.ac.uk/__data/assets/image/0012/43230/chat_button.gif) no-repeat 0 0; position:absolute; margin:420px 0px 0px -245px;}
#chat_button:active {background-position:0 -120px;}
#chat_button span {display:none;}

#chat_button_msc {display:block; width:122px; height:120px; background:url(http://www.business-school.ed.ac.uk/__data/assets/image/0012/43230/chat_button.gif) no-repeat 0 0; position:absolute; margin: 20px 0px 0px 50px;}
#chat_button_msc:active {background-position:0 -120px;}
#chat_button_msc span {display:none;}

#register_link, .register_link {text-decoration: none; color: #ffffff; font-weight: bold; border: 1px solid #003263; padding: 6px; background-color: #003263; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}

#register_link a:hover, a.register_link:hover {text-decoration: none; color: #ffffff; font-weight: bold; border: 1px solid #ee174c; padding: 6px; background-color: #ee174c; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}

.spaces_block { margin-left: 1em; }
