/* LAYOUT STYLE */

/* 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:1060px !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;}

/* navigation */
		
#nav_primary {float:left;margin-left:-960px;width:230px}
#nav_secondary {float:left;width:230px;position:relative;padding-bottom:320px;} /* padding value ensures the column never overlaps the background image attached to the bottom-right */
#content_main {float:left;margin-left:230px;width:460px;padding:0px 20px 0px 20px}
		
.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_l2 {margin-top:-1px;padding:4px 0px 0px 0px;width:171px;border-bottom:solid #A9A8AD 1px}
.primary_l2 li {margin:0px 0px 0px 11px}
.primary_l2 li.active > a {border:none!important}
.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:2px;margin-bottom:4px;border-bottom:solid #aaacad 1px;position:relative} /* again need rel pos otherwise IE6 won't honour border-color!! */
#nav_secondary h6, #nav_secondary p {padding-right:60px}

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

/* 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, #panel_left .title {width:362px;padding:0px;margin-bottom:8px}
.std #title {width:400px}
.std #title.page3 {width:280px}
#subtitle, .subtitle {width:415px;margin:-5px 0px 20px 0px;padding:0px}
#title_copy, .title_copy {width:400px;margin:27px 0px 13px 0px}
.inline_quote {width:400px;height:50px;padding-top:10px}

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

.news_link {margin-right:50px;}

ul.grey_blocks {list-style-position:inside; list-style-type: none; position:relative; display: block; margin: 0 0 0 -72px; position: absolute; padding: 0;}
ul.grey_blocks li a {width: 23px; height: 23px; display: block; background-color: #eeeef0; margin-bottom: 2px; padding: 0;}

.blocks-photo
{
   color: #ffffff;
   font-size: 16px;
   text-transform: uppercase;
   font-family: arial;
   font-weight: 700;
   padding: 80px 10px 10px 10px;
   height: 17px;
   width: 220px; 
}
.blocks-text
{
   border-left: 1px solid #ffffff; 
   color: #565A5C;
   font-size: 12px;
   font-family: arial;
   font-weight: normal;
   padding: 10px;
   height: 73px;
   width: 219px; 
   background-color: #eeeeef;
   line-height: 1.3;
}
.blocks-photo-wide
{
   color: #ffffff;
   font-size: 16px;
   text-transform: uppercase;
   font-family: arial;
   font-weight: 700;
   padding: 80px 10px 10px 10px;
   height: 17px;
   width: 460px; 
}
.blocks-text-wide
{
   border-left: 1px solid #ffffff; 
   color: #565A5C;
   font-size: 12px;
   font-family: arial;
   font-weight: normal;
   padding: 10px;
   height: 73px;
   width: 459px; 
   background-color: #eeeeef;
   line-height: 1.3;
}

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

/* standard page stuff */

.std #content_main p, .std #content_main div, .std #content_main ul, .std #content_main blockquote {width:400px;margin-bottom:10px}
.std #content_main blockquote {margin-top:20px}
.media {height:129px;position:relative}
.media div {position:absolute;top:10px;width:50%;left:50%}
.media cite {display:block;margin-top:5px}
.media blockquote, .media blockquote p, .media cite {width:200px !important;margin-top:0px !important;}


.std #content_main ul.dash {list-style-position:outside;position:relative}
.std #content_main ul.dash li {padding-left:27px}

p.photo-caption img {display:block}

.boxed_text {padding:10px;width:380px !important}

/* 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_staff {position: absolute; top: 0px; right: 71px; padding: 12px 0px 8px 4px; font-size:12px; font-weight:normal; font-style:normal;}
.footer_student {position: absolute; top: 0px; right: 10px; padding: 12px 0px 8px 4px; font-size:12px; font-weight:normal; font-style:normal;}
.footer_sep {position: absolute; top: 0px; right: 60px; padding: 12px 0px 8px 4px; font-size:12px; font-weight:normal; font-style:normal;}





/* COLOUR STYLE */

/***********************************************
This file handles colours and background images.
***********************************************/

html, body {background-color: #d8d3c8}          /* for some reason IE only renders the colour when its specified in both places...*/

#panel_left, #panel_right {background-color:#d8d3c8}
#panel_left .bg, #panel_right .bg {background-repeat:no-repeat;}

/* logo */
                
#unihome {color:#565a5b}

/* navigation */
                
.primary_l1 li a {background-color:#565A5C; color:white}
.primary_l1 li a:hover {background-color:#aaacad}
.primary_l1 li.active a {background-color:#ee174c}

.primary_l2 li a {color:#565A5C;background-color:white !important;}
.primary_l2 li.active a {color:#f01544}
.primary_l2 li a:hover {color:#aaacad}

/* This would be a lot simpler if IE6 supported descendant combinators properly, but since it doesn't, use specificity rules to set the l3 styles */

#search input {color:#565A5C}

/* secondary nav */

#nav_secondary h6 {font-weight:bold; color:#565a5c !important}
#nav_secondary p {color:#aaacad}
#nav_secondary .links {color:#565A5C}
#nav_secondary .links a {color:#565a5c}
#nav_secondary .fixed-text {color:#565a5c}

#footer li a:hover, #unihome:hover {color:black}


/* sIFR */

#panel_left #title, #panel_left .title {color:#565a5c}
#subtitle, .subtitle {color:#ee174c}
#title_copy, .title_copy {color:#565a5c}
.std #content_main .inline_quote, .std #content_edit .inline_quote {color:#aaacad}

/* homepage stuff */
        
#news_ticker,#news_ticker_new {background-color:#eeeeef;color:#565a5c}
#news_ticker span,#news_ticker_new span {color: #ee174c;}
#news_ticker a,#news_ticker_new a {color:#565a5c;}
#news_ticker a:hover,#news_ticker_new a:hover {color:black}
                
#sections li {background-color:#eeeeef}
#sections li p {color:#565a5c}
#sections li h5 a {color:white;}

/* standard page stuff */

h2 {color:#003263;font-family:arial; margin-bottom:20px}
#content_main p, .std #content_main li, #content_main.std blockquote, .table, #content_edit p, .std #content_edit li, #content_edit.std blockquote {color:#565a5c}
a {color:#ee174c}
a:hover {color:black}
.nest_content {color:#565a5c}

.media {background-color:#ebe9e3}
.media blockquote, .media cite {color:#565a5c}

.std #content_main p.photo_caption, .std #content_edit p.photo_caption {color:#aaacad}

.boxed_text {background-color:#ebe9e3}
.scholarship_box {background-color:#ebe9e3}

.goldbar {position:relative; vertical-align:bottom; padding-top:20px; right:38px}

.boxed_border {border-width:1px; border-style:solid; border-color:#aaacad; padding:12px}

.apply-buttons {background-color:#aaacad; color:#ffffff; font-weight:bold; padding:4px; border-width:1px; border-style:solid; border-color:#aaacad}
.apply-buttons:hover {background-color:#ee174c; color:#ffffff; font-weight:bold; padding:4px; border-width:1px; border-style:solid; border-color:#ee174c}

hr {border:0px; background-color:#aaacad; color:#aaacad; height:1px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}

#fourth_nav {padding: 0px 0px 0px 15px}
#fourth_nav LI {padding: 2px 0px; border-top: 1px solid #E1E1E1}
#fourth_nav A {color:#AAACAD}
#fourth_nav A:hover {color:#565A5C}

.left_column {background:transparent}
.right_column {background:transparent}

.cellodd {background-color:#ffffff;}

.Under A:link {background-color: #AACBDD; color:#222222; padding:2px;}
.Archived A:link {background-color: #C2B0A0; color:#222222; padding:2px;}

/* footer */

#footer ul {background-color:#aaacad;}
#footer ul li {color:white}
#footer ul li a {color:white}
                
#footer #login {background-color:white;color:#565A5C;}
#footer #login:hover {color:black}

.footer_staff {color:#ffffff}
.footer_staff:hover {color:#000000}
.footer_student {color:#ffffff}
.footer_student:hover {color:#000000}
.footer_sep {color:#ffffff}

/* icons */

.pdf {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0011/8759/icon_pdf.gif);background-repeat:no-repeat}
.ext {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0006/8772/icon_link.gif);background-repeat:no-repeat}
.blog {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0008/8765/icon_blog.gif);background-repeat:no-repeat}
.chat {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0009/8766/icon_chat.gif);background-repeat:no-repeat}
.email {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0011/8768/icon_email.gif);background-repeat:no-repeat}
.faq {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0005/8771/icon_faq.gif);background-repeat:no-repeat}
.fax {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0004/8770/icon_fax.gif);background-repeat:no-repeat}
.mobile {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0006/8763/icon_mobile.gif);background-repeat:no-repeat}
.phone {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0005/8762/icon_phone.gif);background-repeat:no-repeat}
.print {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0007/8764/icon_print.gif);background-repeat:no-repeat}
.rss {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0004/8761/icon_rss.gif);background-repeat:no-repeat}
.video {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0009/8775/icon_video.gif);background-repeat:no-repeat}
.page {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0010/8767/icon_page.gif);background-repeat:no-repeat}
.share {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0007/8773/icon_share.gif);background-repeat:no-repeat}
.translate {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0008/8774/icon_translate.gif);background-repeat:no-repeat}
.feedback {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0003/8769/icon_feedback.gif);background-repeat:no-repeat}
.twitter {background-image:url(http://www.business-school.ed.ac.uk/__data/assets/image/0010/8776/icon_twitter.gif);background-repeat:no-repeat}
.ext_link {background:url(http://www.business-school.ed.ac.uk/__data/assets/image/0003/8760/icon_link_small.gif) no-repeat; padding:0 16px 0 0; background-position:right center; /*zoom:1*/}
.pdf_link {background:url(http://www.business-school.ed.ac.uk/__data/assets/image/0003/18381/icon_pdf_small.gif) no-repeat; padding:0 16px 0 0; background-position:right center; /*zoom:1*/}





/* TYPOGRAPHY STYLE */

/***********************************************
this file handles fonts and text styles

Note that the vast majority of sizes are in pt (not px as in the content guidelines)
to allow users to re-size text.

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

a {text-decoration:none}

#unihome,#schoolhome {font-size:9pt;font-family:arial}

/* navigation */
                
#nav_primary,#navigation {font-family:arial;font-size:9pt;}
#search input {font-family:arial}

/* secondary nav */ 

#nav_secondary * {font-family:arial}
#nav_secondary h5 {font-size:8pt; font-weight:bold}
#nav_secondary h6 {font-size:8pt}
#nav_secondary p {line-height:1.1; font-size:12px}
#nav_secondary .links {font-size:8pt;text-transform:uppercase}
#nav_secondary .links li {line-height:1}


/* homepage stuff */
                                
#panel_left #title, #subtitle, #panel_left .title, .subtitle {font-family:arial;letter-spacing:2px;}
#panel_left #title, #panel_left .title {font-size:20px;line-height:1}

h2#title, h2.title {font-family: 'Muli', sans-serif; font-size:20px;margin-bottom:10px}
#subtitle, .subtitle {font-family: 'Muli', sans-serif; font-size:24px;line-height:1}

#title_copy, .title_copy {font-family: 'Gentium Book Basic', serif; font-size:13pt;line-height:1.2; font-weight: 400;}
.std #content_main .inline_quote, .std #content_edit .inline_quote {font-family:"georgia, arial";font-size:13pt;line-height:1.2}
                
#news_ticker,#news_ticker_new {font-family:arial;font-size:12px;}
                
#sections li h5 {font-family:arial}
#sections li h5 a {text-decoration:none;text-shadow: black 0px 0px 12px}        /* supported by Opera, Safari, Kqr, FF3.1+ - degrades without having to worry about alpha-PNGs etc */
#sections li p {font-family:arial;font-size:9pt;line-height:1.4}

/* standard page stuff */

h2 {font-size:17pt}
h3 {color:#003263;font-family:arial;font-weight:bold;padding-bottom:5px;font-size:16px; margin-top:25px;}
h3.nest_content {color:#003263;font-family:arial;font-weight:bold;padding-bottom:10px;font-size:16px}
.std #content_main p, .std #content_main li, .std #content_edit p, .std #content_edit li, .table {font-family:arial;font-size:9pt;line-height:1.3}
.std #content_main blockquote p, .std #content_edit blockquote p {font-family:"georgia, arial";font-size:14pt;line-height:1.3}
.std #content_main .media blockquote p, .std #content_edit .media blockquote p {font-size:10pt}
h4 {color:#003263;font-family:arial;font-weight:bold;padding-bottom:5px;font-size:13px}


.media cite {font-size:7pt;font-style:normal;text-transform:uppercase;font-family:arial}
.media cite em {font-weight:bold}

.std #content_main p.photo_caption {font-size:8pt}

.nest_content {position:relative;float:left;width:400px;padding:0px 20px 0px 0px;font-family:arial;font-size:9pt;line-height:1.3}
.nest_content p {margin-bottom:10px}


/* footer */
                
#footer {font-family:arial}
#footer ul li {font-size:9pt}
#footer ul li a {text-decoration:none;font-size:inherit;}
                
#footer #login {font-size:8pt;text-decoration:none}

label {font-family:arial; font-size:9pt}
.text-field {font-family:arial; font-size:9pt; color:#868788; border-color:#aaacad; border-width:1px; border-style:solid}
td {font-family:arial; font-size:9pt}
th {font-family:arial; font-size:9pt}
em {font-style:italic}

div.alphabet a, div.pagination span.current {
	display: block;
        float:left;
	margin-right: 3px;
	padding: 4px 5px 2px 5px;
	border: 1px solid #EBE9E3; font-family:arial; font-size:12px;
        color:#55595B;
}
div.alphabet a:hover {
	background-color: #EBE9E3;
	text-decoration: none;
}
div.alphabet span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.clear_alphabet {margin-top:42px;}





/* SIFR-SCREEN STYLE */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin:0;
}

.sIFR-replaced {
	visibility: visible !important;
	margin:0;
}

span.sIFR-alternate {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.sifr {
	visibility: hidden;
}

.sIFR-hasFlash p.sifr {
	visibility: hidden;
}

.sIFR-hasFlash h2.sifr {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3.sifr {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4.sifr {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}





/* RESET STYLE */

/***********************************************
this file resets some common browser default styles
***********************************************/

* {margin:0px;padding:0px}
ol, ul {list-style-type:none;list-style-position:outside}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-weight:normal}
a {outline:none}
a img {border:none}
em {font-style:normal;font-weight:normal}
.advanced_search
{
	color: #A9ABAC;
	font-style: italic;
	font-size: 11px;
	margin: 0px 5px 5px 10px;
}
.advanced_search A
{
	color: #A9ABAC;
}




/***********************************************
Ticker Styling 
***********************************************/
#ticker-wrapper.no-js {
	margin: 0;
	padding-left: 10px;
	width: 800px;
	height: 28px;
        background-color: #eeeeef;
        font-family: arial;
        font-size: 9pt;
        line-height:1.4;
        position: absolute;
}
#ticker {
	width: 800px;
	height: 25px;
	display: block;
	float: left;
	overflow: hidden;
	background-color: #eeeeef;
        position: absolute;
display: inline;

}
#ticker-title {
	padding-top: 6px;
	float: left; 	
	color: #ee174c;
	font-weight: bold;
	background-color: #eeeeef;
	text-transform: uppercase;
display: inline;

}
#ticker-content {
	margin-left: 0;
	padding-top: 6px;
	float: left;
	position: absolute;
	font-weight: normal;
	background-color: #eeeeef;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.4;
        text-transform: uppercase;
display: inline;

}
#ticker-content:focus {
	none;
}
#ticker-content a {
	text-decoration: none;	
	color: #565a5c;
}
#ticker-content a:hover {
	text-decoration: underline;	
	color: #000000;
}
#ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	left: 80px;
	background-color: #eeeeef;
	display: block;
	width: 800px;
	height: 25px;
}
#ticker-swipe span {
	margin-left: 1px;
	background-color: #eeeeef;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;
}
#ticker-controls {
	padding: 0;
        margin: 11px 0 0 34px;
	list-style-type: none;
	float: left;
        position: absolute;
display: inline;

}
#ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 8px;
	width: 8px;
	display: block;
display: inline;

}
#ticker-controls li#prev {
	background: url(http://www.business-school.ed.ac.uk/__data/assets/image/0005/29507/ticker-prev.gif) no-repeat;	
}
#ticker-controls li#prev.over {
	background: url(http://www.business-school.ed.ac.uk/__data/assets/image/0017/29510/ticker-prev-on.gif) no-repeat;
}
#ticker-controls li#prev.down {
	background: url(http://www.business-school.ed.ac.uk/__data/assets/image/0005/29507/ticker-prev.gif) no-repeat;		
}
#ticker-controls li#next {
	background: url(http://www.business-school.ed.ac.uk/__data/assets/image/0006/29508/ticker-next.gif) no-repeat;	
}
#ticker-controls li#next.over {
	background: url(http://www.business-school.ed.ac.uk/__data/assets/image/0018/29511/ticker-next-on.gif) no-repeat;	
}
#ticker-controls li#next.down {
	background: url(http://www.business-school.ed.ac.uk/__data/assets/image/0006/29508/ticker-next.gif) no-repeat;
}
.js-hidden {
	display: none;
}