/* McA CMCB colours: 
   ORANGE rgb(239,93,36)   = #EF5D24
   GREEN  rgb(167,187,57)  = #A7BB39 
   BLUE   rgb(139,164,210) = #8BA4D2

   Warwick website: Light blue background  rgb(49,69,99)  gradually darkens to  rgb(33,40,57) 
*/

@media screen
{                /* screen styles */

/* Formatting definitions  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html{ overflow-y: scroll; }

a {color:rgb(59,79,109); text-decoration:none}  /* links default to warwick blue */

body {
 margin:0px;
 padding:0px;
 border:0px;	     /* This removes the border around the viewport in old versions of IE */
 background:#FFFFFF;
 font-family: Arial, Helvetica, Sans-serif;
 font-size:12px;
 text-rendering: optimizeLegibility;
}

img {border:0px;}

h1 {
 font-family: Arial, Helvetica, Sans-serif;
 font-size:16px;
 margin:6px 0px 0px 0px;
 padding: 4px 0px 1px 0px;
}

h2 {
 font-family: Arial, Helvetica, Sans-serif;
 font-size:15px;
 margin:5px 0px 0px 0px;
 padding: 3px 0px 1px 0px;
}

h3 {
 font-family: Arial, Helvetica, Sans-serif;
 font-size:14px;
 margin:4px 0px 0px 0px;
 padding: 2px 0px 1px 0px;
}

p {
 font-family: Arial, Helvetica, Sans-serif;
 font-size:12px;
 margin: 2px 0px 0px 0px;
 padding: 1px 0px 0px 0px;
}
p.sz_14px{font-size:14px;}
p.sz_10px{font-size:10px;}

/* IDs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#width900 {
 width:900px;
 height:auto;
 padding:0px;
 margin-left:auto;
 margin-right:auto;
 z-index:10;
}

div#header {
 clear:both;
 float:left;
 width:100%;
 height:155px;
 margin-top:10px;
}

div#WarwickHeader {
 width:100%;
 height:35px;
 background:rgb(49,69,99);
 clear:both;
 float:left;
}

div#footer {
  clear:both;
  float:left;
  width:100%;
  margin-top:8px;
  font-size:12px;
  left:0px;
  height:45px;
  background-color:rgb(49,69,99);     /* was rgb(44,53,76) */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

div#header a,
div#footer a {  color:#7F8EB8; text-decoration: none; }

div#header a:hover,
div#footer a:hover {  color:#7F8EB8; text-decoration: underline; }

div#header p{ margin:7px;  color:#FFFFFF; }

/* Classes  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.col_50_left {
  clear: both;
  padding: 5px 8px 0px 0px;
  margin: 0px;
  width: 446px;
  float: left;
}

div.col_50_right {
  padding: 5px 0px 0px 0px;
  margin: 0px;
  width: 446px;
  float: left;
}

div.pic_ref {
  padding: 5px 0px 5px 0px;
  margin: 0;
  width:100%;
  clear:both;
}

div.pic_e_print {
  padding: 4px 4px 4px 10px;
  margin: 0;
  width:90%;
  clear:both;
  background-color: #FFFFFF;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font-size:12px;
}

div.whitebox,
div.greybox {
  background-color: #E0E0E0;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding:10px;
  margin:10px 0 0 0;
  clear:both; 
}
div.whitebox{  background-color:#FFFFFF }

div.OrangeTitle,
div.GreenTitle,
div.NavyTitle,
div.BlueTitle {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color:#A7BB39;
  height: 35px;
  padding: 0 0 0 15px;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  color:white;
  font-family:Verdana, Geneva, sans-serif;
  font-size:24px;
}
div.OrangeTitle {background-color:#EF5D24;}
div.BlueTitle {background-color:#8BA4D2;}
div.NavyTitle {background-color:rgb(49,69,99);}

img.left_80px,
img.left_111px,
img.left_text_top { 
  padding: 0px;
  margin: 0px 10px 0px 0px;
  border-style:solid;
  border-width:0px; 
  border-color:black;
  vertical-align:top;
  float:left;
}
img.left_111px {  
  border-width:1px; 
  width:111px;
}
img.left_80px {  
  border-width:1px; 
  width:80px;
  margin: 3px 5px 5px 0px;
}

table.centre80 { width:80%; margin-left:10%; margin-right:10%; }

.bold_orange{ color:rgb(239,93,36 ); font-weight:bold; }
.bold_dark_orange{ color:rgb(240,90,45 ); font-weight:bold; }


.author { font-size:12px; color:#000000; }
.title  { font-size:12px; color:#000000; font-weight:bold; }
.journal{ font-size:12px; color:#000000; font-weight:bold; }

a.pdfs{ font-size:12px; color:#000000; }



#sddm
{	margin: 0;
	padding: 6px 0 7px 0px;
	z-index: 10000;
}

#sddm li
{ margin: 0;
  padding: 0px;
  list-style: none;
  float: left;
  font-weight: bold;
  font-size:14px;
  text-decoration: none;
  height:auto;
  background: #FFFFFF;
  z-index: 10000;
}

#sddm li a{
  padding: 6px 2px 4px 2px; 
  margin-right: 15px;       
  display: block;
  width: auto;
  background: #FFFFFF;
  color:#494949;
  text-align: center;
  text-decoration: none;
  border-bottom: 4px solid rgb(200,200,200);  
  z-index: 10000;
}

#sddm li a.selected{
  border-bottom-color: rgb(139,164,210) ;
  z-index: 10000;
}

#sddm li a:hover{
  border-bottom-color: rgb(239,93,36);
  z-index: 10000;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 4px 0 0 0;
	padding: 3px;
	background: #808080;
	opacity:0.9;
	border: 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: 10000;

}

#sddm div a{
  position: relative;
  display: block;
  margin: 0;
  padding: 5px;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  background: #808080;
  color:#FFFFFF;
  border-bottom-color:#808080;
  font-weight: bold;
  font-size:12px;
  z-index: 10000;
}

#sddm div a:hover{  
  color:#101010;
  border-bottom-color: rgb(239,93,36);
  z-index: 10000;
}


/* TABS experimental... ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.content {
    border: #8BA4D2 solid 2px;
    clear: left;
    padding: 1em;
    border-radius: 0px 7px 7px 7px;
}

div.content.inactive {
	display: none;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    background: #8BA4D2 url(/images/tabs.gif);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 2px 0 0;
}

ol#toc li a.active {
    background-color: #8BA4D2;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(/images/tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}





}

@media print {      /* PRINTOUT styles */

body { font-family: Arial, Helvetica, Sans-serif;  font-size:12px; }
h1 { font-family: Arial, Helvetica, Sans-serif; font-size:16px; }
h2 { font-family: Arial, Helvetica, Sans-serif; font-size:15px; }
h3 { font-family: Arial, Helvetica, Sans-serif; font-size:14px; }
p { font-family: Arial, Helvetica, Sans-serif; font-size:12px; }
p.sz_14px{font-size:14px;}
p.sz_10px{font-size:10px;}

div.OrangeTitle,
div.GreenTitle,
div.BlueTitle {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color:#A7BB39;
  height: 35px;
  padding: 0 0 0 15px;
  margin:0px;
  color:white;
  font-family:Verdana, Geneva, sans-serif;
  font-size:24px;
}
div.OrangeTitle {background-color:#EF5D24;}
div.BlueTitle {background-color:#8BA4D2;}

img.left_of_text { 
  width:111px;
  padding: 0px;
  margin: 0px 10px 0px 0px;
  border-style:solid;
  border-width:1px; 
  border-color:black;
  vertical-align:top;
  float:left;
}

/* Don't print these */
div#WarwickHeader {display:none; }
#sddm {	display:none; }
div#header {display:none; }
div#footer { display:none; }

}