@import url("/common/style/wbsBlogStyle.css"); 
@import url("/common/style/wbsFormElements.css"); 
@import url("/common/style/wbsTabs.css"); 
@import url("/common/style/wbsIndexPage.css"); 
@import url("/common/style/wbsProgress.css"); 

body {
    /* position: relative; */
    z-index: 0;
    left: 0;
    top: 0;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/*body *:target {background-color: #ffc;}*/

#notnav { font-size: 80% }

h1, h2 {
	/* clear: left; */
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-weight: bold;
}

h1 { font-size: 1.6em; font-style: normal; margin: 0.35em 0 0.35em 0; }
h2 { font-size: 1.4em; font-style: normal; margin: 1em 0 0.2em 0; }
h3 { font-size: 1.3em; font-style: italic; margin: 1em 0 0.2em 0; }

blockquote, q {
	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style: italic;
	line-height: 1.4em;
}
blockquote {
	margin: 1em 1em 1em 0;
	padding: 0.5em 1em;
	border: 1px dashed #556;
	background-color: #fffff1;
	color: #556;
}

blockquote p { margin: 0.5em 0; }

.attribution {
	font-style: italic;
	margin: -0.5em 0 1.5em 0;
	color: #A71930;
}

cite.attribution {
    display: block;
}

span.highlight {
	background-color:#F5F6BE;
	color:#000000;
	padding:1px;
}

.subtitle {
	margin-bottom:0.25em;
	font-size:0.8em;
	text-decoration:none;
	display:block;
}

p, hr, blockquote { max-width: 40em; }

p { margin: 0.75em 0; }

hr {
	text-align: left;
	margin: 0 auto 0 0;
}

.clear, ul, ol, dl {clear: both}
.unclear {clear: none}
br.clear {line-height:10px}

dt {
	margin-top: 0.25em;
	font-style: italic;
}

dd {
	margin:0.5em 0 2em 0;
	padding:0.5em 0 1.5em 1.5em;
	border:solid #afafaf;
	border-width:0 0 1px 1px;
}

dl.events dd, dl.vanilla dd {
	margin:0 0 0 2em;
	padding:0;
	border:none;
}

dl.downloads { margin-left: 2em; }
dl.separated dt { border-top: solid 1px #afafaf; }
dl.separated dt.first, dl.separated dt.together { border-top: none; }

/* for google cache
table table {
	position: absolute;
	right: 1em;
	z-index: 1000000;
	border: solid 2px #999;
	width: 40%;
	background-color: #efe;
} */

table {
	border:none;
	border-spacing:0;
}

table.data {
	width:80%;
	max-width:35em;
}

table.data th, table.data td {
	padding:0.25em;
	border-bottom:1px solid #ace;
}

table.data th { background-color:#8BB2CC }
table.data tr.odd td { background-color:#ECF3F7 }
table.data tr.action td, table.data tr.norule td { border-bottom:none }
tr.spacebefore td { padding-top:1.5em }
tr.spaceafter td { padding-bottom:1.5em }


col.label { width: 2em }

th { text-align: left }

legend { display: none }

td.label {
	vertical-align: top;
}

td.label label {
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2em;
	vertical-align: top;
}

textarea { overflow: auto; }

button {
	background-color: #BDC2C6;
	color: #000000;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0 0.2em;
	padding: 0.2em;
	text-align: center;
	border: 1px solid #696969;
	text-decoration: none;
	cursor: pointer;
}

kbd {
	background-color: #efeeee;
	padding: 0 0.2em;
	border: solid;
	border-color: #555 #777 #777 #555;
	border-width: 1px 2px 2px 1px;
}

tt, samp, code { font:bold 15px monospace }

code {
	display:block;
	background-color:#eee;
	margin:0.25em 0;
	padding:1em 0.5em;
}

abbr, acronym {border-bottom:1px dotted #000;cursor:help }

abbr {speak:spell-out}

acronym {speak:normal}

address {
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	line-height: 1.35em;
	font-style: normal;
	margin: 1em 0;
}

address img { vertical-align: middle; }

a img {
	border: none;
	text-decoration: none;
}

a:link, a:active, a:link:hover { color: #33c; }
a:visited { color: #551a8b; }

#breadcrumbs a:link, #breadcrumbs a:visited,
#menu a:link, #menu a:active, #menu a:visited, #menu a:link:hover { text-decoration: none; }

#main a[target^="_blank"] {
    background: url("/common/graphics/icon_external-link.gif") center right no-repeat;
    padding-right: 13px;
}
#main a[target^="_blank"][class*="more"] {
 	background-image: url(/common/graphics/button_more.gif);
    padding-right: 0;
}
#main a[target^="_blank"][class*="noext"] {
 	background-image: none;
    padding-right: 0;
}
#main img.ext-prefix[alt^="(Opens"] { display: none; }

#main {
	z-index: 200;
	margin: 3.3em 9em 1em 15em;
	line-height: 135%;
	clear: both;
}

#main dl, #main ol, #main ul { max-width: 35em; }
#main ol, #main ul { margin-left: 0; padding-left: 30pt; }

#main #tabs ul, #main #byline ul {
	max-width: 1000em;
	padding-left: 0;
}

#wbslogo {
	position: absolute;
	top: 0;
	left: 3em;
	width: 100px;
	height: 50px;
	z-index: 250;
}

#unilogo {
	position: absolute;
	z-index: 50;
	margin-top: 3em;
	right: 5em;
	width: 125px;
	height: 60px;
}

#universalsearch {
	z-index: 100;
	position: absolute;
	top: 0.75em;
	right: 1.5em;
	text-align: right;
}

#universalsearch form { display: inline; }
#universalsearch label { font-size: 60%; }
#universalsearch input { font-size: 80%; }
#universalsearch button { font-size: 80%; color: #ffffff; }

.vat, .vat img { vertical-align:top }
.vab, .vab img { vertical-align:bottom }
.vam, .vam img { vertical-align:middle }

#breadcrumbs {
	color: #333;
	font-size: 0.75em;
}
ol#breadcrumbs { margin: 0; padding: 0; display: inline; border: 0; }
ol#breadcrumbs li { margin: 0;padding-left: 2px; padding-right: 0; border: 0; list-style: none; display: inline; }
ol#breadcrumbs li:before { content: '>\0000a0'; }
ol#breadcrumbs li.first { padding-left: 0;}
ol#breadcrumbs li.last:before { content: ''; }

.search-stats, .affiliation, .backto, .annotation, .precis, .minor, .formnote, .privacy {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.25em;
}

.search-stats { color: #364; }
.search-terms { font-weight: bold; }
.search-hi { background-color: #ffa; }

input#searchtext {
	margin-top: -0.25em;
}

.precis ul { clear: none; }

.minor h3 { margin: 0; }
.minor ul { margin: 0.5em 0.5em; padding: 0 0.5em; list-style: circle; }

.more {
	display: block;
	background: url(/common/graphics/button_more.gif) no-repeat;
	width: 55px;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
}

div.where-next {
	margin:10px 0;
	padding:10px 15px;
	width:50%;
	min-width: 280px;
	-moz-border-radius-topleft:8px 20px;
	-moz-border-radius-topright:8px 20px;
	-moz-border-radius-bottomleft:8px 20px;
	-moz-border-radius-bottomright:8px 20px;
	-webkit-border-top-left-radius:8px 20px;
	-webkit-border-top-right-radius:8px 20px;
	-webkit-border-bottom-left-radius:8px 20px;
	-webkit-border-bottom-right-radius:8px 20px;
	border-top-left-radius:8px 20px;
	border-top-right-radius:8px 20px;
	border-bottom-left-radius:8px 20px;
	border-bottom-right-radius:8px 20px;
}

#byline {
	position: relative;
	border-top: solid 1px #eee;
	margin: 1.5em 0;
	width: 90%;
}

.byline {
	z-index: 50;
	color: #333333;
	font-size: 0.85em;
	line-height: 1.25em;
	text-align: left;
}

#byline ul { margin: 0; padding: 0; list-style: none; clear: none; }
#byline li { float: left; padding: 0 0.75em; border-right: 1px solid #066; }
#byline li.first { padding-left: 0; }
#byline li.last { border-right: 0; }

.copyright {
	font-weight: bold;
}

.aside, .success, .error, .important, .example, .loading {
	max-width:35em;
	margin:1em 0;
	padding:0.5em 1em 0.75em 48px;
	border:1px solid #D3D3D3;
}

div.aside h3, div.success h3, div.error h3, div.important h3, div.example h3 {
	margin-top: 6px;
}

.example { background:#fcfff5 url(/common/graphics/icon_example.gif) 9px 9px no-repeat }

.aside { background:#fcfff5 url(/common/graphics/icon_aside.gif) 9px 9px no-repeat }

.success { background:#CFF2FF url(/common/graphics/flags/success.gif) 9px 9px no-repeat }

.error, .important { background:url(/common/graphics/flags/error.gif) 9px 9px no-repeat }

.loading { background:url(/common/graphics/flags/loading.gif) 9px 9px no-repeat }

.error { background-color:#ff9;color:#990033;font-weight:bold }

.important { background-color:#fff0eb }

.chunk { margin: 0.5em 0; }

.question { font-style: italic; }

/* right shift index pages */
.index * { margin-right: 4em; }
.index * * { margin-right: 0; }

/* down shift index pages */
.index #breadcrumbs { margin-top: -1em; }
.index #menu {
    margin: 60px 0 0 -12em;
}

#indexbar {
	z-index: 30;
	position: absolute;
	top: 6.75em;
	left: 0;
	width: 100%;
	height: 75px;
}

#indeximage, #pageimage {
	z-index: -1;
	position: absolute;
	top: 6.75em;
	right: 0;
	width: 350px;
	height: 500px;
	/* min-height: 500px; */
	background:transparent;
}

#menu {
	position: absolute;
	width: 10.5em;
	margin-left: -12em;
}

#menu ul { list-style: none; margin-left: 0; padding: 0; border: 1px solid #ddd;}

#menu li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.35em;
	margin: 0;
	padding: 0.25em 0.5em;
}

#menu li.topic { font-size: 0.9em; }
#menu li.currenttopic { font-size: 0.9em; background: #ddd; }
#menu li.page { padding-left: 1em; background: #efefef; }
#menu li.currentpage { padding-left: 1em; background: #efefef; font-weight: bold; }
#menu li:hover, #menu li:active { background: #e0e0e0; }
#menu li.currenttopic a:hover, #menu li.currenttopic a:active { color: #ffffff; }

#menu #related { text-align: left; }
#menu #related-header { background: #999; color: #ffffff; }
#menu #related h4 { font-size: 0.9em; display: inline; }
#menu #related li.page { padding-left: 0.5em; background: #e9f9ef; }

.hidden, .printonly { display: none; }

.printheader {
	display: none;
	visibility: hidden;
}

.draft { background-color: yellow; color: red; }

fieldset {
	border: 0;
}

fieldset .field {
	margin: 0.25em;
	width: 280px;
}

.fullwidthinput { width: 280px; }
.halfwidthinput { width: 140px; }
.onethirdwidthinput { width: 85px; }
.twothirdswidthinput { width: 170px; }

.evenrowlabel, .evenrow, .oddrowlabel, .oddrow { font-size: 0.9em; }
.evenrowlabel { background-color: #D1C7CC; }
.evenrow { background-color: #E9DFE4; }
.oddrowlabel { background-color: #BDC2C6; }
.oddrow { background-color: #DEE3E7; }
.headerlabel, .headerrowlabel, .header, .headerrow { background-color: #E5EBEF; }

.outputlabel, .inputlabel, .headerlabel, .instructionlabel {
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	vertical-align: top;
}

.label { width: 20%; }
/*
.outputlabel, .inputlabel { background-color: #CCCC99; }
*/
.instructionlabel { background-color: #999999; }
.output, .input, .instruction, .header, .headerrow {
	font-size: 0.9em;
	vertical-align: top;
}

.output { background-color: #f3f3f3; }

/*
.input { background-color: #FFFFCC; }
.instruction {background-color: #CCCCCC; }
.header,.headerrow {
	background-color: #DEE3E7;
	font-weight: bold;
}
*/

img.left, img.right { margin: 0.25em 1em; }
img.left { float: left; }
img.right { float: right; }
img.staffphoto { position: relative; }

.jumpto {
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-indent: 3em;
}

.continuerow { border-top: dotted 1px #996666; }

.privacy, .action, .continuerow { text-align: right; }
.privacy { padding-right: 0.5em; }

.honourable { font-size: 0.8em; }

.exec-box {
    margin-bottom: 1em;
    padding: 0em 1em;
    border: 1px solid #e9bc64;
    background: #92989f left top no-repeat url("/include/dressing/executive-bg.jpg");
}

.link {
    cursor: pointer;
    text-decoration: underline;
}

div#keywords {
	clear:both;
	padding-top:11px;
	font-size:9px;
	line-height:11px;
	color:#aaa;
}

li.social-bm { background:top left no-repeat transparent }
li.social-bm a { padding-left:12px;margin-right:5px; }

li#social-delicious { background-image:url("/common/graphics/icon_social-delicious.gif") }
li#social-reddit { background-image:url("/common/graphics/icon_social-reddit.gif") }
li#social-stumbleupon { background-image:url("/common/graphics/icon_social-stumbleupon.gif") }
li#social-facebook { background-image:url("/common/graphics/icon_social-facebook.gif") }
li#social-email { padding-left:0 }

.buttoncontainer {
	margin:1em 0;
	padding:10px 10px 20px 10px;
	background:url(/common/graphics/download_shading.png) top left repeat-x;
	border-top:solid 1px #acddcb;
}

.buttons { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    display:inline-block;
}

a.button {
    background: transparent url('/common/graphics/button_bg-a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button > span {
    background: transparent url('/common/graphics/button_bg-span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:link {
	color: #222;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active > span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}