/*******************************************************************************
*  Department of Economics / OU July 2008 PRINT
* ------------------------------------------------------------------------------
*******************************************************************************/
	
body {
color: #000;
background: #fcfffc;
background: white;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.1%;
margin: 0;
padding: 0;
text-align: center;
}

html p {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 3px;
padding-bottom: 6px;
}

img {
border: 0;
display: block;
}


div#topbar {
background:#5970a1 url(../images/ui/top_head_oxford.jpg) no-repeat center;
border-bottom: 0px solid #002147;
height: 107px;
width: 100%;
}

div#banner {
background: transparent;
text-align: left;
/* width: 745px; */
max-width: 900px;
min-width: 745px;
margin: 0 auto;
padding: 0 0 16pt 0;
padding-left: 0px;
border-bottom: 1pt solid #596F87;
float: left;
}

div#economics_head {
display: none;
}

div#economics_printhead {
display: block;
float: right;
}

div#economics_printhead h1 {
color: #002147;
font-family: sans-serif;
font-size: 18pt;
font-weight: normal;
}

div#economics_printhead strong {
font-size: 20pt;
font-weight: bold;
}

div#sub_head {
/* height: 49px; */
/* float: left; */
/* border: 1px solid silver; */
}

div#sub_head img {
display: inline;
float: left;
}

div#banner img {
float:left;
}

div#page {
background: white url(../images/ui/backrepeat.jpg);
padding-top: 0px;
margin: 0;
/*max-width: 980px;
min-width: 780px;
margin: 0 auto;*/
}

div#innerpage {
text-align: left;
background:white url(../images/ui/pageline_shadow.jpg) repeat-y 0px 0;
margin: 0 auto 0 auto;
padding: 0px 0px;
max-width: 900px;
min-width: 745px;
border-top: 0px solid #D0D2EA;
border-left: 1px solid #D0D2EA;
border-right:1px solid #D0D2EA;
}

#sidebar {
font-size: 0.8em;
margin: 0px 9px;
width: 180px;
float: left;
display: none;
}

#sidebar p {
/*margin-top: 0;*/
}

#content {
/*float: right;*/
margin-top: 0px;
padding: .5em 10px;
margin-left: 50px;
margin-right: 50px;
}

#pageheading {
background: transparent url("../images/skyline.jpg") no-repeat top left;
padding: 0;
margin-bottom: 10px;
height: 75px;
}

#content #pageheading h1 {
color: white;
/*position: absolute;
bottom: 6px;*/
text-align: right;
margin: 1px 0 0 0;
padding: 4px 12px 0 4px;
font-weight: normal;
font-size: 1.9em;
line-height: 1.5em;
}


#content p {
font-size: 0.8em;
line-height: 1.6em;
}

#content p.postdetails {
font-size: 0.7em;
color: gray;
}

body.journals #content p.postdetails {
clear: right;
}


#page_end {
background: transparent;
clear: both;
font-size: 0.7em;
text-align: right;
/*border-top: 1px solid #F8FAF6;*/
/* width: 745px; */
margin: 0 auto;
padding: 4px 0;
}

#page_end p {
padding: 0 4px;
margin: 2px;
}

#pagefooter {
background:#F8FAF2 url(../images/ui/footerback.jpg) repeat-x top center;
border-top: 0px solid #9CB44A;
height: 30px;
padding-top: 12px;
clear: both;
}

#footer {
clear: both;
text-align: left;
/* width: 745px; */
max-width: 900px;
min-width: 745px;
margin: 0 auto;
padding-left: 4px;
font-size: 0.7em;
}

/*typography*/

h1, h2, h3, h4, h5 {
font-family: Georgia,'Times New Roman',Times,'Bookman Old Style','Hoefler Text',Serif;
margin-bottom: 2px;
padding-bottom: 0;
}

#content h1 {
margin: 0 2px 7px 0;
padding-bottom: 3px;
color: #191970;
background: transparent;
font-size: 1.4em;
line-height: 1.2em;
border-bottom: 8px solid #F1F3F9;
}

#content h1 strong, #content h2 strong, #content h3 strong {
color:#475fda;
font-weight: bold;
font-size: 1.2em;
}

 
#content h2 {
font-size: 1.0em;
margin: 0 0 4px 0;
padding-bottom: 2px;
color: #3E5D57;
background: transparent;
border-bottom: 2px solid #ECEFEF;
}

body.news #content h2 {
border-bottom: 0px solid #E6EAE9;
}

#content h3 {
font-size: .9em;
margin: 3px 0 5px 0;
color: #69a097;
background: transparent;
}

em {
font-style: italic;
}


/* standard links */
	
a:link, a   {
color:#57847C;
text-decoration: none;
background-color: transparent;
border-bottom: 0px dotted #9579C0;
}

a:visited   {
color: #663333;
text-decoration: none;
background-color: transparent;
}

a:hover   {
color: #4C5CC5;
text-decoration: none;
background-color: transparent
}

a:active   {
color: #9E292B;
text-decoration: none;
background-color: transparent;
}

#content h2 a, #content h3 a {
color: #3E5D57;
border-bottom: 0px solid #9579C0;
padding-right: 20px;
background: transparent url("../images/ui/youarehere.gif") no-repeat right center;
border: 0px solid #9579C0;
}


/*	menu stuff */
div.menus {
border-top: 1px solid #B9BFDD;
border-left: 1px solid #B9BFDD;
border-right: 1px solid #B9BFDD;
color: black;
background: white;
padding: 0;
padding-top: 0px;
padding-bottom: 0px;
margin: .6em 2px 0 0;
}

#editorbox {
border: 1px solid #3C257C;
background: #F6FAFA;
margin-top: 16px;
font-size: .9em;
}

div#sidebar div.menus p.heading {
color: #000066; 
font-size: 1.0em;
line-height: 1.3em;
font-weight: bold;
margin: 0;
border-bottom: 1px solid #B9BFDD;
padding: 1px 3px 1px 4px;
background:#DBDDED url(../images/ui/menu_head.jpg) repeat-x top center;
}



div#sidebar #editorbox p.heading {
background:#DBDDED;
}

div#sidebar div.menus p.heading a {
font-weight: bold;
padding-right: 12px;
background: transparent url("../images/ui/youarehere.gif") no-repeat right center;
}

div.menus ul {
margin: 0; 
padding: 0; 
background: transparent;
border-left: 0px solid gray;
border-right: 0px solid gray;
}

.menus li {
font-size: .9em; 
line-height: 1.1em;
list-style: none; 
margin: 0;
padding: 4px 4px;
background: transparent;
border-bottom: 1px solid #B9BFDD;
}


li:hover {
background: #FCFCFE;
text-decoration: none;
cursor:auto;
}


li a:hover  /* Insert for IE's sake */ {
text-decoration: none;
}

div.menus li a {
display: block; 
text-decoration: none;
border: 0;
}

#sidebar div.menus li a {
display: block; 
text-decoration: none;
border: 0;
}


.menus>ul a {
width: auto;
}

/* light up where we are */

body.home li.home, body.about li.about, body.links li.links, body.news li.news, body.undergraduate li.undergraduate, body.criteria_for_admissions_eem li.undergraduate, body.criteria_for_admissions_ppe li.undergraduate, body.criteria_for_admissions_em li.undergraduate, body.graduate li.graduate, body.faculty li.faculty, body.research_centres li.research_centres, body.journals li.journals, body.research_groups li.research_groups, body.events li.events, body.papers li.papers, body.contact li.contact, body.contacts li.contacts, body.vacancies li.vacancies, body.conferences li.conferences, body.job_market li.job_market, body.pagelist li.pagelist, body.undergraduate_courses li.undergraduate_courses, body.undergraduate_matrix li.undergraduate_matrix, body.undergraduate_intro li.undergraduate_intro, body.graduate_intro li.graduate_intro, body.graduate_courses li.graduate_courses, body.bulletin li.bulletin {
background: #F7F6F8 url("../images/ui/youarehere.gif") no-repeat 1px center;
padding-left: 16px;
}

body#C20 li.research_students, body#C22 li.support_staff, body#C18 li.faculty, body#C19 li.faculty, body#C37 li.faculty, body#C35 li.faculty, body#C36 li.faculty {
background: #F7F6F8 url("../images/ui/youarehere.gif") no-repeat 1px center;
padding-left: 16px;
}

body.events_thisterm li.events_thisterm, body.events_thisweek li.events_thisweek, body.events_nextweek li.events_nextweek, body.events_past li.events_past {
background: #F7F6F8 url("../images/ui/youarehere.gif") no-repeat 1px center;
padding-left: 16px;
}

/*tabs stuff*/


div#tabs   {
padding: 0;
background: transparent;
font-size:.7em;
line-height:1.8em;
}
  
div#tabs ul {
background: transparent;
width: 745px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
list-style:none;
/*border-left: 1px solid silver;
border-right:1px solid silver;*/
height: 1.9em;
/*height: 30px;*/
  }
  
#tabs li {
  display:inline;
  margin: 0;
  padding:0 0px;
  }
  
#tabs a {
width: 19%;
display: block;
float: left;
margin: 0px 7px 0 0;
text-align: center;
  color: white;
  background:#8D96C8 url(../images/ui/navback.jpg) repeat-x top;
  /*padding: 3px;*/
  text-decoration:none;
  }
  
  #tabs a:hover {
  /*background: #C4D0F5;*/
  color: black;
  }
  
  
/* light up where we are */

body.home #tabs li#home a {
background: #6a6cc1;
color: white;
/*font-weight: bold;*/
}

body#about #tabs li#about a, body#contact #tabs li#contact a {
background: white;
color: white;
/*font-weight: bold;*/
}


/* something to hide */

.hidethis {
display: none;
}

/*floating panels in the content*/

.content-left, .content-right {
font-size: .8em;
line-height: .9em;
width: 42%; 
border: 1px solid #CBD0EE;
background: #FCFBFD;
color: #87849E;
}

.content-left, .content-right {
float: left; 
margin-bottom: 6px;
padding-bottom: 6px;
}

.content-right {
float: right;
margin-left: 6px;
}

.content-left h2, 
.content-left h3,
.content-left p,
.content-right h2, 
.content-right h3,
.content-right p
{
margin: 0;
padding: 3px 5px;
}

.content-left h2,
.content-right h2 { 
border-bottom: 1px solid #DED5EB;
background: silver;
margin: 2px 0 2px 0;
padding-top: 3px;
padding-bottom: 4px;
line-height: 1.2em;
}

#content .picture-left {
padding: 4px;
margin: 4px 5px 3px 0;
float: left;
border: 1px solid silver;
}

#content .picture-left p {
font-size: .6em;
padding: 2px 0;
margin: 0;
}

#content .picture-right {
padding: 4px;
margin: 4px 0 3px 5px;
float: right;
border: 1px solid silver;
}

#content .picture-right p {
font-size: .6em;
padding: 2px 0;
margin: 0;
}

/* picture blocks was class / right and left -- change in markup to */
/* all small pictures should float right */

.rightpic, .leftpic {
border: 1px solid #E9E9E9;
padding: 0;
margin: 0;
margin-bottom: 6px;
background: white;
font-size: .9em;
}

.rightpic {
float: right;
margin-left: 4px;
clear: right;
}

.leftpic {
float: left;
margin-right: 4px;
clear: left;
}


.rightpic img, .leftpic img {
display: block;
border: 0;
margin: 5px;
}

.rightpic p {
padding-left: 4px;
padding-right: 4px;
padding-bottom: 1px;
line-height: 1.2em;
margin-bottom: 3px;
}

/* form and input stuff */

form {
border: 0;
margin: 0;
}

fieldset {
border: 1px solid #ddd;
margin: 3px 0 ; 
padding: 2px 5px;
line-height: 2em;
width: auto;
clear:right;
}

.quickselector {
background: #fafbff;
border: 1px solid #ddd;
margin: 4px 0 8px 0; 
padding: 8px;
line-height: 0em;
width: auto;
clear:none;
}

legend {
background: #fff;
font-size: .7em;
margin-bottom: 1px;
padding: 0.5em;
font-weight: bold;
}

label {
font-weight: bold;
}

.input {
background: #fff;
border: 1px solid #ccc;
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.4em;
vertical-align: middle;
padding: 2px 1px;
visibility: visible;
width: 76%;
}



input.button {
width: auto;
color: #000066; 
font-size: 1.0em;
line-height: 1.8em;
font-weight: bold;
margin-right: 6px;
padding: 3px;
border: 1px solid silver;
background:#DBDDED url(../images/ui/menu_head.jpg) repeat-x top center;
}

input.radio {
width: auto;
}

input.checkbox {
margin-right: 6px;
width: auto;
border: none;
background: transparent;
}


textarea {
background: #fff;
margin: 0px 8px 3px 0px;
padding: 0px;
border: 1px solid #ccc;
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
width: 95%;
text-align: left;
}


textarea:focus, input:focus {
background: #F0F0F9;
border: 1px solid #55517B;
}


select, .select {
background-color: #fff;
border: 1px solid #ccc;
color: #000;
vertical-align: top;
width: auto;
font-size: .9em;
}

div#searchbox {
display: none;
}

div#searchbox p, div#searchbox a {
color: white;
font-size: .8em;
padding: 1px 0;
}

div#searchbox .input {
background: white;
border: 1px solid #002147;
color: #555;
vertical-align: middle;
visibility: visible;
margin: 0 2px 0 4px;
padding: 2px 0 0 0;
width: 60%;
}

div#searchbox input:focus, div#searchbox fieldset textarea:focus, div#searchbox fieldset .input:focus {
background-color: white;
border: 1px solid #55517B;
color: black;
}

#searchbox .button {
color: white;
width: auto;
margin: 0px;
border: 1px solid #002147;
background: #002147;
padding: 0;
font-size: .9em;
line-height: 1.1em;
font-weight: normal;
}

div#searchbox fieldset {
border: none;
margin: 0px 0px 0px 0px;
padding: 0;
}

/*
#searchbox input.search_button {
background: transparent;
border: 1px solid #fff;
color: #fff;
font-size: 0.8em;
font-weight: bold;
margin-top: 2px;
padding: 0;
text-transform: uppercase;
}
*/

#searchbox label {
color: #fff;
font-size: 1em;
font-weight: bolder;
line-height: 1em;
text-transform: uppercase;
margin-right: 5px;
vertical-align: middle;
}

#searchbox p {
margin-left: 4px;
}

#searchbox a {
border-bottom: 1px solid #8294d7;
}

a.stronglink {
background: #F3F9F8;
padding: 2px 6px;
border: none;
font-size: .9em;
}

#content div.editbox img {
float: left;

border: none;
}

#content div.members_only {
display: none;
}

/*bullets in the content*/

/* 	list items in content area will be in Verdana */

#content li {
font-size: .95em;
line-height: 1.4em;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
margin: 0 4px 4px 4px;
padding-right: 8px;
}

#content li ul {
list-style-type: square;
font-size: .9em;
line-height: 1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
margin-left: 3px;
padding: 0;
}

#content ul {
font-size: .8em;
list-style-type: disc;
margin-top: 0px;
padding: 2px 6px;
}

#content ol {
font-size: .8em;
margin-top: 0px;
padding: 2px 6px;
}

#content li {
margin-left: 2em;
}

div.feature {
font-size: .7em;
border: 1px solid #D4DFED;
background: white;
padding: 6px;
margin: 2em 2px 0 0;
}

.entry {
border-bottom: 1px solid #EEF6F5;
padding: 4px 0;
margin-bottom: 4px;
}

.entryalt1 {
background:#f9fcff;
border: 1px solid #EEF6F5;
padding: 7px;
margin-bottom: 6px;
}

.entryalt2 {
background:transparent;
margin-bottom: 4px;
padding: 4px 7px 4px 0;
border-bottom: 1px solid #EEF6F5;
}

/* 	search hilite */

.marker { 
background-color: #d2fcf5;
font-weight: bold;
}

/* 	pdf icon */

div.paperdownload {
background: white url(http://www.economics.ox.ac.uk/images/pdficon_large.gif) no-repeat 90% center;
padding: 4px;
width: 46%;
border:1px dotted silver;
height: 36px;
}

/* 	contents list */

ul#contentsbox {
border: 1px solid #d6ddff;
float: right;
width: 170px;
background: #eff2ff;
font-size: .7em;
line-height: 1em;
margin-left: 4px;
}


ul#contentsbox li {
list-style: none; 
margin: 2px;
padding: 4px 4px;
background: transparent;
}


ul#contentsbox li:hover {
background: #FCFCFE;
text-decoration: none;
cursor:auto;
}

ul#contentsbox li.heading {
font-weight:bold;
border-bottom: 1px solid #d3daff;
}

ul#contentsbox li.heading:hover {
font-weight:bold;
background: transparent;
}


ul#contentsbox li a:hover  /* Insert for IE's sake */ {
text-decoration: none;
}

ul#contentsbox li a {
display: block; 
text-decoration: none;
border: 0;
}

body#C18 ul#contentsbox li.C18 a, body#C19 ul#contentsbox li.C19 a, body#C20 ul#contentsbox li.C20 a, body#C21 ul#contentsbox li.C21 a, body#C22 ul#contentsbox li.C22 a, body#C26 ul#contentsbox li.C26 a, body#C27 ul#contentsbox li.C27 a, body#C28 ul#contentsbox li.C28 a, body#C29 ul#contentsbox li.C29 a, body#C30 ul#contentsbox li.C30 a, body#C31 ul#contentsbox li.C31 a, body#C37 ul#contentsbox li.C37 a, body#C36 ul#contentsbox li.C36 a, body#C35 ul#contentsbox li.C35 a {
font-weight: bold;
}

/* 	Google Map */

#map {
border: 1px solid silver;
width: 520px;
height: 380px;
margin: 8px 0 20px 0;
}

.mapinfo {
font-size: .8em;
}

.searchselector {
padding: 6px;
margin: 4px 0;
border: 1px solid #ddd;
}

.searchselector .select {
font-size: .7em;
width: 50%;
}

.quickselect {
margin: 2px 2px 2px 0;
font-size: .8em;
}

#content table {
border-top: 1px solid silver;
border-right: 1px solid silver;
border-collapse: collapse;
font-size: .9em;
margin: 6px 0 10px 0;
}

td {
vertical-align: top;
padding: 4px;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
}

th {
border-bottom: 1px solid silver;
border-left: 1px solid silver;
background: #A4B3C9;
color: white;
font-size: 1.1em;
padding: 2px 4px;
}


	/* to display the message as it was entered */
	
pre {
	background-color: white;
	color: #173558;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height:1.3em;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0em;
	padding: 3px;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
border: 1px solid silver;
}

/* ---- these classes of list items will show a different color cos they are intranet only */

.menus li.undergraduate_intro, .menus li.graduate_intro, .menus li.announcements .menus li.bulletin {
background: transparent url("../images/ui/int.gif") no-repeat right center;
}

.menus li.undergraduate_intro a, .menus li.graduate_intro a, .menus li.announcements .menus li.bulletin a {
color: #6E2585;
}