/* CSS Document */
/* 
/* (CC) Wevolve (R),2009 
/* 
/* Feel free to be inspired by this CSS,
/* see the Creative Commons License (http://creativecommons.org/) 
/* 
/* If you re-use parts or whole of this CSS,
/* you must include this copyright notice at the start of the file. 
/* 
/* Please contact us for commercial use and to find out 
/* how we can help you with various web-based solutions:/* 
/* web:http://www.wevolve.nl 
/* e-mail:info@wevolve.nl 
/* tel.:+31-(0)74 255 2140 
/*
/* ---------------------------------------- */

body{padding:0;margin:0;color:#000;font:83% Verdana,Arial,Helvetica,sans-serif;background:#fff url("../img/bg_body.jpg") top left repeat-x;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}

/* -------------------- resets -------------------- */
.jsEnabled .nojs,.nocss{display:none;}
img,a img{border:0;vertical-align:bottom;}/* set image border to zero */
a:active,a:focus{outline:0;}/* remove firefox link border */
textarea{overflow:auto;}/* remove textarea scrollbar in ie */
* html table{font-size:100%;}/* for IE 5.5 */
#page a[name]{padding:0;}/* firefox 3 / safari 3 */
#printbranding{display:none;}
.clear{min-height:0;}
.clear:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0%;}
* html .clear{height:1%;}
a.underline{text-decoration: underline;}
/* -------------------- wrapper -------------------- */
#wrapper.questionnaire #contents{width:57em;}

/* -------------------- ? -------------------- */
div.hr{margin:1.3em 0 1em 0;background:#ccc;width:100%;height:1px;}

/* -------------------- header -------------------- */
#header{overflow:hidden;margin-top:7.5em;padding:0 0 1em 0;}
#header .logo{margin:0 2.25em 0 7.5em;float:left;display:inline;}
#header h1{padding:0;margin:0;}
#header h1 a{display:block;width:85px;height:66px;background:url("../img/logo.gif") bottom right no-repeat;}
#header .tagline{position:relative;bottom:0;float:left;height:5em;width:37em;}
.tagline h2{margin:0;font-size:1em;font-weight:normal;font-style:italic;position:absolute;bottom:0;}

/* -------------------- Navigation -------------------- */
#navwrapper{position:relative;overflow:hidden;clear:both;margin:0;padding:1.2em 0 1.3em 2.55em;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#mainnav{overflow:hidden;float:left;width:706px;}
#introwrapper{position:relative;overflow:hidden;clear:both;margin:0;padding:1.2em 0 1.3em 7.5em;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#menu{margin-top:.75em;float:left;display:inline;width:4.95em;height:22px;background:url("../img/menu.gif") top left no-repeat;}
#navwrapper ul{float:left;display:inline;margin:0;padding:0;list-style-type:none;}
#navwrapper ul li{padding:0 3em 0 0;margin:0;font-size:0.75em;line-height:1.4em;}

#socialmedia{float:left;width:240px;}
#socialmedia p{padding:0;margin:0;}
.twitter-share-button{margin:5px 0 0 0;}

/* -------------------- content -------------------- */
#contentwrapper{margin-left:7.5em;padding:1em 0 0 0;width:880px;}
#content{position:relative;float:left;display:inline;width:620px;}
#content h1{margin:0;margin-bottom:.6em;padding:0 !important;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size:1.35em;}
#content h2{margin:2em 0 .6em 0;padding:0 !important;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size:1.25em;font-style:normal;}
#content h3{margin:1em 0 0.2em 0;padding:0 !important;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size:1.1em;}
#content div{padding:0 !important;}
#content p,#content ul,#content dl, #content ol{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.8em;margin-bottom:.7em;line-height:1.3em;padding:0;}
#content a{text-decoration:underline;}

/* --------------------- sidecolumn --------------------- */
#sidecolumn{float:right;width:240px;}

/* --------------------- subnav --------------------- */
#subnav{position:relative;float:right;display:inline;margin:0.6em 0 0 0;width:240px;-webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;background:#eee;}
#subnav h2,
#subnav p{margin:1.5em 2em;font-size:.8em;}
#subnav ul{float:left;display:inline;margin:1.5em;padding:0;}
#subnav ul ul{margin:-1em 0 0 .5em;padding:0;}
#subnav li{float:left;display:inline;}
#subnav li a,
#subnav li strong{overflow:hidden;position:relative;display:block;font-weight:bold;font-size:0.7em;margin:0 0 1.5em 0;line-height:1.2em;width:200px;height:23px;}
#subnav li li a,
#subnav li li strong{margin:0 0 .5em 0;}
#subnav li a,
#subnav li a small,
#subnav li a span{text-decoration:none;}
#subnav li a:hover,
#subnav li a:hover span,
#subnav .current span{text-decoration:underline;}
#subnav small{display:block;width:4.5em;overflow:hidden;}
#subnav.news span{display:block;position:absolute;top:0;left:4.5em;overflow:hidden;}

/* -------------------- twitterwidget -------------------- */
#twitterwidget{float:right;margin:20px 0;}
#twitterwidget .twtr-widget .twtr-tweet{border-bottom:1px dotted #999;}

/* -------------------- Login -------------------- */
.login{font-size:.85em;color:#999;}
.login,.login a{color:#999;}
.login span{margin:0 0 0 1em;}
#login {width:30em; float:left;}
#login a{text-decoration:underline;}

/* -------------------- Contact form -------------------- */
#contentwrapper div table td p{margin:0;}
#contentwrapper form.standardform fieldset{border:0;margin:3em 0 1em 0;padding:0;}
#contentwrapper form.standardform fieldset legend{margin:0 0 1em;padding:0;}
#contentwrapper form.standardform fieldset div{margin:0 0 .1em;}
#contentwrapper form.standardform fieldset div label{float:left;width:10.7em;margin:0 0 0 1em;font-size:83%;}
#contentwrapper form.standardform .inputgroup li{position:relative;min-height:2em;clear:both;margin:0 0 .5em 10em;}
#contentwrapper form.standardform .inputgroup label{position:absolute;margin:.15em 0 0 1em;}
#contentwrapper form.standardform .formfield{clear:both;}
#contentwrapper form.standardform fieldset div input,
#contentwrapper form.standardform fieldset div textarea{margin:0 0 .2em;padding:.45em;color:#333;font:100% Verdana,Arial,Helvetica,sans-serif;border:0;border-left:1px solid #bdbdbd;background:#f3f3f3;}
#contentwrapper form.standardform fieldset div textarea{width:19em;}
#contentwrapper form.standardform fieldset div input:focus,
#contentwrapper form.standardform fieldset div textarea:focus{background:#ddd;}
#contentwrapper form.standardform .required,
#contentwrapper form.standardform .asterisk{padding:0 0 0 1em;background:url("../img/asterisk.png") 0 3px no-repeat;}
#contentwrapper form.standardform small.error{clear:both;float:left;display:inline;margin:0 0 1em 13em;color:#c00;}

/* --------------------- loginpage -------------------- */
#loginpage{padding:0;margin:0;}
#intro{padding:0 0 .7em 0;margin:0;font-size:1.6em;}
#loginpage fieldset{padding:0;margin:0;width:28em;border:none;}
#loginpage legend{padding:0;margin:0;font-size:.85em;color:#333;}
#loginpage .formfield{position:relative;float:left;display:inline;padding:0;margin:.5em 0 0 0;width:11em;}
.formfield input{padding:.25em .5em;margin:0 1em 0 0;width:10em;margin-right:0;color:#333;}
.formfield .inputgroup input{width:1.5em;}
#loginpage .formfield small{font-size:.85em;}
#loginpage .formfield small.error{display:block;margin:0.5em 0;padding-left:0.25em;/* net als .forget a */}
.formfield input.text,
.formfield input.file,
.formfield input.password{border:0;border-left:1px solid #bdbdbd;background:#eee;}
.formfield input:focus,
.formfield select:focus,
.formfield checkbox:focus,
textarea:focus{background:#ddd;}

/* --------------------- loginpage -------------------- */
#loginpage .overlabel{float:left;display:inline;}
.jsEnabled #loginpage .overlabel{position:absolute;float:none;top:.25em;left:.5em;z-index:10;color:#999;cursor:text;font-size:.85em;}
#loginpage .login{float:left;}
#loginpage .remember,
#loginpage .forget{float:left;display:inline;margin:0 1em 0 0;line-height:2.4em;}
#loginpage .remember{width:10em;clear:left;}
#loginpage a,
#loginpage .remember label{padding:1em 1.5em 0 0.25em;color:#808080;font-size:.85em;text-decoration:underline;}
#loginpage .checkbox{border:none;background:#000;}
#loginpage a:hover{color:#000;}
.inputbutton{padding:0;margin:0;}
.inputbutton input{float:right;display:inline;padding:.2em 0;margin:.5em 0 0 .5em;text-align:center;min-width:99px;line-height:20px;color:#000;cursor:pointer;}
.socrates a{display:block;width:257px;height:25px;background:url("../img/socrates.png") 0 0 no-repeat;}
#loginpage .row{overflow:hidden;}
#loginpage .back{clear:both;padding:1em 0 0 0;margin:0;}

/* --------------------- page -------------------- */
#page{float:right;display:inline;padding:0 0 3em 0;margin:0;width:38em;}

/* -------------------- advancedsearchLink -------------------- */
#simplesearch{position:relative;margin:0 0 4em 0;font-size:.8em;width:30em;}
#simplesearch input {padding:0;margin:0;}
#simplesearch .searchtext {width:16em;}
#simplesearch .overlabel {position:absolute;top:8px;left:5px;}
.searchsubmit{position:relative;top:6px;}
#advancedsearchLink{position:absolute;top:0;right:0;}
#advancedsearch{margin:2em 0 4em 0;}
#advancedsearch label{width:16em;}
#countrycodeField{width:19em;}
#advancedsearch .formfooter{margin:0 0 0 14.75em;}
#advancedsearch .searchsubmit{padding:.25em .5em;color:#fff;cursor:pointer;border:0 none;background:#000;}

/* -------------------- institutions -------------------- */
#institutions {width:100%;padding:2em 0 0 0;font-size:.8em;text-align:left;}
#institutions th {padding:.25em .5em;-webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;background:#eee;}
#institutions td {padding:.25em .5em;border-bottom:1px solid #ddd;}
#institutions tbody tr:hover {cursor:pointer;background:#eee;}
#institutions .delete {display:block;width:16px;height:16px;text-decoration:none;background:url("../img/delete.png") no-repeat;}
.institution{width:60%;}
.city{width:20%}
.country{width:20%}

/* --------------------- pagenav -------------------- */
.pagenav{overflow:hidden;}
.pagenav ul{position:relative;padding:0;margin:0;float:left;display:inline;}
.pagenav .previous{float:left;display:inline;padding:0; margin:0;}
.pagenav .navcount{position:absolute;margin:0 0 0 40%;list-style-type:none;}
.pagenav .next{float:right;display:inline;}
.pagenav{}

/* --------------------- sidebar -------------------- */
#sidebar{clear:both;float:left;display:inline;padding:1.6em 0 0 0;margin:0 0 0 7.5em;width:11em;}
#sidebar h2{padding:.75em 0 0 0;margin:0;font-size:1.2em;line-height:1.5em;font-weight:normal;}
#sidebar ol{margin:0;}
#sidebar li{margin:.55em 0;}
#sidebar a{position:relative;color:#333;font-size:.85em;text-decoration:none;letter-spacing:.05em;}
#sidebar a:hover{color:#000;text-decoration:underline;}
#sidebar li span{position:absolute;display:block;width:12px;height:12px;top:.25em;left:-3.5em;}
#sidebar .complete{background:url("../img/status.gif") 0 0 no-repeat;}
#sidebar .incomplete{background:url("../img/status.gif") 0 100% no-repeat;}

/* --------------------- news -------------------- */
#news{margin:0 0 2em 0;}
#news h2{margin:0;}
#news p{font-size:.8em;}
#news .morenews{text-decoration:underline;}

/* --------------------- status -------------------- */
.status{position:relative;padding:0 0 1em 0;margin:0;}
.status h3{font-size:1.2em;}
.status p{font-size:.85em;}
.status p.general{padding:0;margin:0;}
.status .bar{position:absolute;float:left;display:inline;padding:0;margin:0;top:.15em;left:5em;width:390px;height:.8em;background:#f3f3f3;}
.bar span{float:left;display:inline;height:.8em;background:#9c3;}
.status .complete{position:absolute;display:block;width:12px;height:12px;top:0;left:470px;background:url("../img/status.gif") 0 0 no-repeat;}
.status .incomplete{position:absolute;display:block;width:12px;height:12px;top:.2em;left:470px;background:url("../img/status.gif") 0 100% no-repeat;}
.status .date{padding:0;margin:1em 0 0 0;}

/* --------------------- overview -------------------- */
#loginblock{width:49.5em;}
#pdfbutton{float:right;width:10em;}
#pdfbutton a{float:right;display:inline;padding:0 0 0 10px;margin:0 0 .3em 0;text-align:center;color:#fff;border:none;font-size:.85em;text-decoration:none;letter-spacing:0;background:url("../img/button_pdf.gif") 0 50% no-repeat;}
#pdfbutton a span{display:block;padding:0 10px 0 0;line-height:18px;background:url("../img/button_pdf.gif") 100% 50% no-repeat;}
.overviewrow{padding:1.55em 0;margin:0 0 0 7.5em;border-bottom:1px solid #ccc;z-index:100;/* for formfeedback in IE */}
.overviewrow p{clear:both;padding:0;margin:0;font-size:.85em;}
.overview{position:relative;float:left;display:inline;padding:1em 0;margin:0 1em 0 0;width:15.75em;}
.overview.overview-last{float:right;margin:0;}
.overview h3{overflow:hidden;padding:0;margin:0 0 .75em 0;height:2.5em;}
.overview p{padding:0 0 1em 0;margin:0;font-size:.85em;}
.overview .row{position:relative;}
* html .overview .row{height:1%;}/* wake up.. or it skips padding */
.overview .bar{position:absolute;padding:0;margin:0;top:.2em;right:1.4em;width:13.4em;height:.8em;background:#f3f3f3;}
.overview .complete{position:absolute;display:block;width:12px;height:12px;top:0;right:-.25em;background:url("../img/status.gif") 0 0 no-repeat;}
.overview .incomplete{position:absolute;display:block;width:12px;height:12px;top:0;right:-.25em;background:url("../img/status.gif") 0 100% no-repeat;}
.overview .date{clear:both;float:left;display:block;padding:0;margin:0;line-height:1.5em;}
.editbutton a{float:right;display:inline;padding:0;margin:-1.75em 1.5em .3em 0;width:39px;text-align:center;line-height:17px;/* vertical aligns */color:#fff;border:none;font-size:.85em;text-decoration:none;background:url("../img/button_edit.gif") 50% 50% no-repeat;}
.sendbutton a{float:left;display:inline;padding:0 0 0 10px;margin:0 0 .3em 0;text-align:center;color:#fff;border:none;font-size:.85em;text-decoration:none;letter-spacing:0;background:#e2e2e2 url("../img/button_send.gif") 0 50% no-repeat;}
.sendbutton a span{display:block;padding:0 10px 0 0;line-height:18px;background:#e2e2e2 url("../img/button_send.gif") 100% 50% no-repeat;}

/* -------------------- overview total -------------------- */
.overview .total{padding:0 0 0 1em;margin:-1em;position:relative;/* IE6 needs this */background:url("../img/overview_total_bg.png") 0 100% no-repeat;}
.overview .total div{padding:0 0 1em 0;margin:0;background:url("../img/overview_total_bg.png") 100% 100% no-repeat;}
.overview .total div div{padding:0 1em 0 0;margin:0;background-position:100% 0;}
.overview .total div div div{padding:1em 0 0 1em;margin:0 0 0 -1em;background-position:0 0;}
* html .overview .total div div div{margin-left:-0.95em;}
.overview .total div div div div{padding:0;margin:0;background:none;}

/* -------------------- form.standardform -------------------- */
form.standardform,
div.standardform{margin:0;}
form.standardform fieldset{padding:1em 0;margin:2.5em 0 .85em 0;border:none;}
form.standardform .floatright{float:right;display:inline;border-bottom:1px solid #ccc;}
form.standardform legend{padding:0;margin:0;color:#000;font-size:1.2em;line-height:1.5em;}
* html form.standardform legend{margin:0 0 .5em -.6em;}
*+html form.standardform legend{margin:0 0 .5em -.6em;}/* IE6/IE7 need this */
form.standardform label,
div.standardform label{position:relative;clear:left;float:left;display:inline;padding:0 1em 0 0;margin:0;width:22em;font-weight:normal;font-size:.85em;letter-spacing:.05em;}
form.standardform h4,
div.standardform h4{padding:0 1em 0 0;margin:.5em 0 0 0;width:18em;text-align:right;font-size:1em;font-weight:normal;}
form.standardform p.message{padding:.25em 0;clear:both;font-size:.85em;}
form.standardform .formfield{clear:both;margin:0 0 .4em 0;width:37em;}
form.standardform .formfield label{padding:0 0 1em 0;margin:0 1.5em 0 0;line-height:1.2em;}
form.standardform .formfield .wide{width:40em;}
form.standardform .attention label,
form.standardform .attention h4{background:url("../img/asterisk.png") 98% 0 no-repeat;}
form.standardform .asterisk{padding:0 0 0 1em;background:url("../img/asterisk.png") 0 0 no-repeat;}
form.standardform ul,
form.standardform li{padding:0;margin:0;list-style-type:none;}
form.standardform ul.small,
form.standardform select.small{float:left;width:10em;font-size:.75em;}
form.standardform li input,
form.standardform li label{float:none;margin:0;line-height:1.4em;}
form.standardform .formfield-horizontal li{float:left;clear:none;width:auto;padding:0.5em 0;}
form.standardform .inputgroup{padding:0;margin:0 0 0 20em;}
form.standardform .inputgroup li{padding:0;margin:0 0 .5em 0;}
form.standardform .inputgroup li label{position:relative;background:none;margin:0;}
.formfield input.error,
.formfield select.error,
.formfield textarea.error{border:1px solid #900;}/* make the fields reasonably the same size */
form.standardform input.text,
form.standardform input.file,
form.standardform input.password{padding:0.2em;margin:0;width:19em;}
form.standardform .warning,
form.standardform .subwarning{padding:.25em 0;margin:1em 0;width:40em;color:#f90;}
form.standardform input.warning,
form.standardform input.subwarning{border:1px solid #f90;}
form.standardform .formfield .subwarning{display:block;width:20em;margin:.25em 0 1em 21.5em;color:#f90;}
form.standardform .formfield-hasyear .text{padding:0.2em;margin:0;width:12em;}
form.standardform small{font-size:.75em;}
form.standardform .formfield-unitandyear small{display:inline;width:10em;color:#000;}
form.standardform .formfield-unitandyear small.error{display:block;margin:.25em 0 0 21.5em;width:20em;color:#e00;}
form.standardform .formfield-unitandyear .text{width:8em;}
form.standardform .yearright{float:right;margin:1em 1.25em 1em 0;}
form.standardform .message-small{float:left;width:20em;}
#page form.standardform textarea{padding:.25em 0;margin:0;width:36.75em;min-width:36.75em;/* no resize in safari */max-width:36.75em;/* no resize in safari */color:#333;border:none;border-left:1px solid #bdbdbd;background:#eee;}
#page form.standardform textarea:focus{background:#ddd;}/* same for selectbox but without padding */
form.standardform select{width:20.75em;font-size:.85em;padding:0;}
form.standardform select.year{margin-left:0;width:6em;float:none;}/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
form.standardform textarea{overflow:auto;font-family:Myriad,"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em;}
#content form.standardform input.checkbox{float:left;display:inline;width:1em;}
#content form.standardform label.description{clear:none;float:left;display:inline;width:40em;}
#content form.standardform .formfooter{margin:0;}
#content form.standardform .signinbutton{float:left;margin:1em 0 0 12em;}
#page form.standardform small{color:#666;}
form small.error{color:#c00;}
form .inputgroup small{margin:0;/* reset margin for small */}
form .formfooter{clear:both;padding:0;margin:0 0 0 2em;/* like fieldset */}
form .formfooter .inputbutton input{margin:1em 0 0 1em;}

/* -------------------- form.standardform questionnaire exceptions-------------------- */
#contents.questionnaire form.standardform,
#contents.questionnaire div.standardform{font-size:.85em}
#contents.questionnaire form.standardform .inputgroup{padding:0;margin:0 0 0 25em;}
* html form.standardform .inputgroup ul{height:1px;}/* fix IE6 3px text jog */
*+html form.standardform .inputgroup ul{min-height:0;}/* fix IE7 1px text jog */
#contents.questionnaire form.standardform .inputgroup label{float:none;display:inline;padding:0;margin:0;width:auto;background:none;}
#contents.questionnaire form.standardform label,
#contents.questionnaire div.standardform label{width:24em;}
.questionnaire form.standardform input,
.questionnaire form.standardform select,
.questionnaire form.standardform textarea{font-size:.85em;border:1px solid #ccc;}
.questionnaire form.standardform input:focus,
.questionnaire form.standardform select:focus,
.questionnaire form.standardform textarea:focus{border:1px solid #666;}
#contents.questionnaire form.standardform input.text,
#contents.questionnaire form.standardform input.file,
#contents.questionnaire form.standardform input.password,
#contents.questionnaire form.standardform textarea{width:19em;}
#contents.questionnaire form.standardform table{margin:0 0 2em 1em;width:46em;}
#contents.questionnaire form.standardform table th,
#contents.questionnaire form.standardform table td{vertical-align:bottom;}
#contents.questionnaire form.standardform .rates thead th,
#contents.questionnaire form.standardform .rates td{width:3em;text-align:center;}
#contents.questionnaire form.standardform table .spacer{width:2em;}
#contents.questionnaire form.standardform table input.text{width:90%;}
#contents.questionnaire form.standardform table tr .rating{font-size:.85em;}
#contents.questionnaire form.standardform li input.extratext{float:left;display:inline;margin:0 0 0 2em;width:17em;}
#contents.questionnaire form.standardform .message small{display:block;margin:.5em 0 0 0;/* margin + fontsize compensation */ width:100%;}
#contents.questionnaire form.standardform small{display:block;margin:.5em 0 0 0;/* margin + fontsize compensation */ width:100%;color:#666;}
#contents.questionnaire form.standardform td input.error,
#contents.questionnaire form.standardform td select.error,
#contents.questionnaire form.standardform td textarea.error{border:1px solid #c00;}
#contents.questionnaire form.standardform small{display:block;margin:.5em 0 0 31em;/* margin + fontsize compensation */ width:24em;color:#666;}
#contents.questionnaire form.standardform td small{display:block;margin:.5em 0 0 0;/* margin + fontsize compensation */ width:100%;color:#666;}
#contents.questionnaire form.standardform small.error{color:#c00;}

/* ----- div.standardform ----- */
div.standardform .fieldset{overflow:hidden;padding:0;margin:0 0 4em 0;}
div.standardform .legend{padding:0;margin:0 0 1em 0;font-size:1.2em;}
div.standardform dl{padding:0 0 1em 0;margin:0;list-style-type:none;}
div.standardform dt{clear:left;float:left;display:inline;padding:0 .5em;margin:0;width:18em;font-weight:normal;line-height:1.4em;text-align:right;}
div.standardform dd{padding:0;margin:0 0 0 19em;line-height:1.3em;font-weight:bold;}
#content div.standardform .inputgroup {clear:both;float:left;display:inline;}
#content div.standardform .inputgroup ul{padding:0;margin:-1.8em 0 0 0;list-style-type:none;line-height:16px;}
#content div.standardform .inputgroup li{font-size:1.2em;margin:0 0 1em 0;padding:0;}
#content div.standardform .inputgroup a{width:100%;color:#000;}
#content div.standardform .inputgroup .delete{float:right;display:block;width:16px;height:16px;background:url("../img/delete.png");}
div.standardform li input{clear:left;float:left;display:inline;padding:0 .5em;margin:0;width:18em;font-weight:normal;line-height:1.4em;text-align:right;}

/* ----- div.formfeedback ----- */
#formfeedback{padding:.25em .25em .25em 2.5em;margin:-1em 0 0 1em;width:30em;z-index:1000;color:#fff;}
#formfeedback.overview{left:50%;margin:-1em 0 0 -15em;}
.jsEnabled #formfeedback{cursor:pointer;}
#loginbox #formfeedback{padding:.2em 4px .2em 26px;/* loginbox break fix */}
#page #formfeedback p{padding:0;margin:0;}
#formfeedback strong{font-weight:normal;}
#formfeedback.success{border:1px solid #9f6;background:#9c3 url('../img/form-success.png') no-repeat 3px 50%;}
#formfeedback.notice{border:1px solid #283486;background:#283486 url('../img/form-notice.png') no-repeat 3px 50%;}
#formfeedback.warning{border:1px solid #fc6;background:#f90 url('../img/form-warning.png') no-repeat 3px 50%;}
#formfeedback.error{border:1px solid #f99;background:#900 url('../img/form-error.png') no-repeat 3px 50%;}

/* ----- div.formfeedback ----- */
#content #formfeedback{margin:1em 0;}
#content #formfeedback p{padding:0 0 0 2.5em;}

/* ----- editnav ----- */
.editnav {overflow:hidden;margin:0 0 2em 0;font-size:.8em;}
.editnav a {float:left;display:inline;padding:.25em 1em;color:#fff;background:#000;}
#institutionedit {float:right;}

/* --------------------- search form ------------------- */
.jsEnabled #advancedsearch{display: none;}
.jsEnabled #advancedsearch.open{display: block;}

/* --------------------- standardform submit -------------------- */
form.standardform.submit{padding:1em 0 4em 0;margin:0 0 0 7.5em;}
form.standardform fieldset{position:relative;}
form.standardform.submit label{float:none;}
form.standardform.submit p{font-size:.85em;}
#page form.standardform small.error{display:block;padding:.5em 0;margin:0.25em 0 1em 26.5em;color:#e00;}
form.standardform.submit small.error{margin:.25em 0 1em;display:block;}
form.standardform.submit .inputgroup{clear:both; margin:2em 0 0 2em;}
form.standardform .formfooter{padding:0;}
form.standardform .formfooter .inputbutton input{padding:0;}
.submit .formfooter .inputbutton input{float:none;padding:0;}
p.submit{margin:1em 0 1em 7.5em;}

/* --------------------- tooltip -------------------- */
.tooltip{position:absolute;margin:0 0 0 .25em;width:8px;height:9px;color:#fff;font-size:.85em;background:url("../img/info.png")}
#tooltip{display:none;position:absolute;float:left;display:inline;padding:.5em 1em;margin:0 0 0 16.5em;width:30em;color:#333;font-size:.85em;text-align:left;border:1px solid #ccc;background:#f5f5f5;}
#tooltip span{clear:both;float:left;display:inline;margin:0 0 .5em 0;color:#999;}

/* --------------------- servicenav -------------------- */
#servicenav{padding:0 0 1em 0;}
#servicenav ul{padding:0;margin:0;list-style-type:none;}
#servicenav li{padding:.25em 0;}
#servicenav li small{padding:0 0 0 .5em;}
/* -------------------- questions -------------------- */
#questions table{font-size:.8em;}
#questions hr{margin:4em 0 1em 0}
#questions h3 small{padding:0 0 0 1em;color:#999;font-weight:normal;}
#questions small .false{color:#c00;}
#questions small .correct{color:#090;}
#questionsnav{overflow:hidden;padding:0 0 1em 0;min-height:0;}
#questionsnav ul{float:left;display:inline;padding:0;margin:0;}
#questionsnav li{float:left;display:inline;padding:0 1em 0 0;}
#questionsnav span{display:block;padding:0 0 0 1.75em;height:18px;background:url("../img/ccc/questions_icons.png") 0 0 no-repeat;}
#questionsnav li a:hover span{text-decoration:underline;}
#questionsnav span.main{background-position:0 -108px;}
#questionsnav span.search{background-position:0 -108px;}
#questionsnav span.new{background-position:0 -72px;}
#questionsnav span.my{background-position:0 -54px;}
#questionsnav span.added{background-position:0 0;}
#questionsnav span.all{background-position:0 -90px;}
#questions table a{background:transparent;}
#questions #myquestions,
#questions #memberquestions,
#questions #questiondetails{width:100%;}
#questions tr th{padding:.25em;color:#fff;background:#ccc;}
#questions tr th a{color:#fff;background:#ccc;}
#questions a.sort_up{padding:0 1em 0 0;background:url("../img/ccc/arrow-up.png") 100% 50% no-repeat;}
#questions a.sort_down{padding:0 1em 0 0;background:url("../img/ccc/arrow-down.png") 100% 50% no-repeat;}
#questions tr:hover{background:#efefef;}
#questions td{padding:.25em;}
#questions #pagenav{overflow:hidden;padding:1em 0;margin:0;min-height:0;}
#questions #pagenav ul,
#questions #pagenav li{float:left;display:inline;padding:0;margin:0;}
#questions #pagenav li a{display:block;padding:.2em .4em;margin:0;color:#999;text-decoration:none;}
#questions #pagenav li a:hover,
#questions #pagenav li.onpath a{color:#ccc;text-decoration:underline;}
#questions #details{overflow:hidden;}
#questions #details ul,
#questions #details li{padding:.25em 0;margin:0;min-height:0;color:#999;list-style:none;}
#questions #details li,
#questions #details li span{float:left;display:inline;width:100%;}
#questions #details li span{color:#666;}
#questions #details li.question span{color:#666;font-weight:bold;}
#questions #reactions dl,
#questions #reactions dt,
#questions #reactions dd{padding:.25em 0;margin:0;color:#666;list-style:none;}
#questions #reactions dl{padding:0;margin:0;color:#999;list-style:none;}
#questions #reactions dt{padding:1em 0 .25em 0;margin:0;}
#questions #reactions dt span{color:#666;font-weight:bold;}
#questions #reactions dd{padding:.25em;margin:0;list-style:none;}
#questions #reactions dd{border:1px solid #ccc;background:#f5f5f5;}
.whccc_ts_error_message{color:#c00;}

/* -------------------- whccc_ts -------------------- */
ul#whccc_navbar{list-style-type:none;padding:0;margin:0;}
.whccc_ts_main_menu_items dt{font-weight:bold;cursor:pointer;}
.whccc_ts_main_menu_items dd{margin:0;}

/* -------------------- whccc_faq -------------------- */
#whccc_faq ul{list-style-type:none;padding:0;margin:0;}
#whccc_faq h3{margin:2em 0 .5em;font-weight:bold;}
#whccc_faq dl{padding:0;margin:0 0 1.5em 0;}
#whccc_faq dt{padding:0;margin:0 0 .25em 0;font-weight:bold;cursor:pointer;}
#whccc_faq dt:hover{text-decoration:underline;}
#whccc_faq dd{padding:0;margin:0;display:none;}
#whccc_faq .select{padding:0;margin:0;display:block;}

/* -------------------- realisation css -------------------- */
#realisation{clear:both;float:right;display:inline;height:1em;margin:0 1em 1em 0;}
#realisation a{display:block;width:17px;height:17px;background:url("../img/realisation.png") 100% 0 no-repeat;}
#realisation a:hover{width:64px;background:url("../img/realisation.png") 100% -17px no-repeat;}

/* -------------------- print style -------------------- */
@media print{
body{padding:0;margin:0;color:#333;font:11pt Arial,Verdana,Helvetica,sans-serif;background:#fff;}
#printbranding{display:block;}
body,h1,h2,div,ol,ul{float:none;padding:0;margin:0;position:static;border:0 none;}
#header,#navwrapper,#subnav,#related,#footer,#credits{display:none;visibility:hidden;}
#wrapper,#contentwrapper,#content{padding:0;margin:0;width:100%;}
}