/* 
/* (CC) 2011 Wevolve
/* 
/* 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/resets -------------------- */

html,body{height:100%;}
body{padding:0;margin:0;color:#fff;font:100% Arial, Helvetica, sans-serif;}
.clear{overflow:hidden;}
.nocss{display:none;}
a img{border:0;vertical-align:bottom;}
a:active,a:focus{outline:0;}
textarea{overflow:auto;}
table{border-collapse:collapse;border-spacing:0;}
#page a[name]{padding:0;}
#printbranding{display:none;}

/* -------------------- wrapper -------------------- */
#wrapper{margin:0 auto -140px;min-height:100%;height:auto !important;height:100%;font-size:13px;z-index:4;background:#2E4476 url("../img/body_bg.jpg") 0 0 repeat-x;}
#push{height:140px;}

/* -------------------- header ------------------- */
#header{overflow:hidden;position:relative;background:#121c39;}
#branding{float:left;display:inline;color:#fff;text-transform:uppercase;}
#branding a{float:left;display:inline;padding:10px 20px;margin:10px 20px 10px 0;color:#fff;font-family:Georgia,"Times New Roman",Serif;text-decoration:none;background:#000;}
#branding strong{float:left;display:inline;padding:10px;margin:10px 20px 10px 0;}

/* -------------------- navigation -------------------- */
#mainnav{position:relative;overflow:hidden;float:right;display:inline;margin:20px 20px 0 0;z-index:1000;}
#mainnav ul,
#mainnav li{float:left;display:inline;padding:0;margin:0;}
#mainnav a,
#mainnav strong{display:block;padding:0 8px 20px 8px;color:#fff;text-decoration:none;font-weight:normal;text-transform:uppercase;}
#mainnav a:hover{text-decoration:underline;}
#mainnav .onpath a,
#mainnav strong{background:url("../img/mainnav_arrow.png") 50% 100% no-repeat;}

/* -------------------- contents -------------------- */
#contents{position:relative;overflow:hidden;margin:4em auto;width:970px;z-index:1000;}
h1,
.columnleft h2,
.columnright h2,
.intro{text-align:center;}
h1{font-family:Georgia,"Times New Roman",Serif;text-transform:uppercase;font-weight:normal;}
#contents a{font-weight:bold;color:#8a95b1;}
#contents a:hover{color:#121c39;}
.innerbox h1{padding:0;margin:1em 0 1em 0;font-family:Georgia,"Times New Roman",Serif;font-size:26px;color:#fff;font-weight:normal;}
.innerbox h2{font-family:Georgia,"Times New Roman",Serif;font-weight:normal;font-size:20px;color:#fff;}
.innerbox h3{font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:13px;color:#28396d;margin:15px 0 5px 0;}
.intro{padding:0;margin:0 0 20px 0;color:#ccc;font-size:24px;font-weight:bold;line-height:28px;letter-spacing:-1px;}
.intro2{padding:0;margin:0 40px 0 40px;;color:#ccc;font-size:16px;font-weight:bold;line-height:20px;letter-spacing:-1px;}
ol.loweralpha{list-style-type: lower-alpha;padding:0; margin:0 65px 0 65px;}
ol.loweralpha li{padding:0;margin:0;color:#ccc;font-size:16px;font-weight:bold;line-height:20px;letter-spacing:-1px;}

/* -------------------- home_icons -------------------- */
#home_icons{margin:4em 0;text-align:center;}
#home_icons ul{overflow:hidden;padding:0;margin:0;}
#home_icons li{float:left;display:inline;padding:0 3.5em;margin:0;background:url("../img/indent_vertical.png") 100% 0 repeat-y;}
#home_icons li.last{background:none;}
#home_icons h2{padding:0 0 1em;margin:0;font-family:Georgia,"Times New Roman",Serif;text-transform:uppercase;font-weight:normal;}
#home_icons a{float:left;display:block;padding:0;margin:0;width:225px;height:190px;background:url("../img/ihem_icons.png") 0 0 no-repeat;}
#home_icons .tool a{background-position:0 0;}
#home_icons .themes a{background-position:-225px 0;}
#home_icons .trend a{background-position:-450px 0;}
#home_icons .tool a:hover{background-position:0 -190px;}
#home_icons .themes a:hover{background-position:-225px -190px;}
#home_icons .trend a:hover{background-position:-450px -190px;}

/* -------------------- page -------------------- */
#page{float:left;display:inline;padding:0 4em 0 0;width:570px;min-height:30em;border-right:1px solid #d9d9d9;}

/* -------------------- localnav -------------------- */
#localnav{float:left;display:inline;margin:0 0 0 4em;font-family:Georgia,"Times New Roman",Serif;font-size:14px;color:#4e4e4e;}
#localnav ul,
#localnav li{padding:0;margin:0;list-style-type:none;}
#localnav li{padding:0 0 .5em 0;width:13.5em;}
#localnav a,
#localnav strong{display:block;padding:0 0 0 1.5em;line-height:1.5em;color:#4e4e4e;font-weight:normal;text-decoration:none;background:url("../img/list_arrow.png") 0 .3em no-repeat;}
#localnav .current,
#localnav strong{color:#4e4e4e;font-weight:bold;text-decoration:underline;}

/* -------------------- boxes -------------------- */
.outerbox{position:relative;margin:0 0 4em 0;border:4px solid #727fa5;text-align:left;}
#loading_overlay{color:#000;background:url("../img/transparent_overlay.png") 0 0 repeat;z-index:10000;}
#loader{position:absolute;left:50%;margin:100px 0 0 -16px;width:32px;height:32px;background:url("../img/colorbox/loading.gif") 0 0 no-repeat;}
.innerbox{overflow:hidden;position:relative;padding:40px;border:1px solid #121c39;background:#fff;z-index:1;}
.columnright .innerbox{min-height:47.25em;background:#fff;}
.loading .innerbox{z-index:-1;}
.innerbox h1,
.wh-heading1,
.innerbox h2,
.wh-heading2{padding:0;margin:0 0 16px 0;text-align:left;color:#2e4476;}
.innerbox #previewh1{margin:0;}
.innerbox p,
.innerbox .itembody,
#wrapper p.wh-normal,
#wrapper p.wh-bodytext{font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:20px;color:#414141;}
.articlelist{padding:0;margin:0;list-style-type:none;line-height:20px;}
.articlelist li{padding:0;margin:0;background:url("../img/list_arrow.png") 0 50% no-repeat;}
.articlelist a{padding:0 0 0 18px;color:#3d3d3d;}
.boxleft{float:left;width:420px;margin:0 40px 0 0;}
.boxright{float:left;width:420px;}
#countries_select,
#explanation,
#feedbackform_{display:none;}
#cboxLoadedContent #countries_select,
#cboxLoadedContent #explanation,
#cboxLoadedContent #feedbackform{display:block;}

/* -------------------- themes -------------------- */
#themes{padding:0;margin:0;}
#themes p{padding:0;margin:0 0 .5em 0;}

/* -------------------- filter ------------------- */
#groupbyfilter{margin:0 0 1.5em;}
.filter{overflow:hidden;margin:0;line-height:2em;color:#414141;font-weight:bold;}
.filter span{float:left;margin:0 10px 0 0;}
.filter ul,
.filter li{float:left;display:inline;padding:0;margin:0;}
.filter li{margin:5px 0 0 10px;}
.filter label{color:#414141;}
/* -------------------- columns ------------------- */
#columns{clear:both;overflow:hidden;margin:0;background:url("../img/vertical_line.png") 50% 0 no-repeat;}
.columnleft{float:left;width:260px;}
.columnright{float:right;width:660px;}
.innerbox h2{padding:0 0 .5em 0;margin:0 auto;font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;line-height:28px;}
#columns .intro{margin:30px auto;width:380px;height:200px;font-size:18px;line-height:20px;background:url("../img/arrow_down.png") 50% 100% no-repeat;}
#columns ul{display:block;font-size:13px;font-weight:bold;line-height:18px;}
fieldset{padding:0;margin:0;border:0 none;}

/* -------------------- items ------------------- */
#items{border-top:1px solid #c9c9c9;}
.itembody{padding:10px 0 0 0;font-size:11px;line-height:15px;color:#555;border-bottom:1px solid #e4e4e4;}
.itemtitle{overflow:hidden;position:relative;line-height:15px;color:#555;}
.itemtitle:hover{cursor:pointer;}
.itemtitle .arrow{position:absolute;right:0;bottom:12px;width:14px;height:10px;background:url("../img/arrow_open_close.png") 0 0 no-repeat;}
.itemtitle.active{text-decoration:underline;}
.itemtitle.active .arrow{background:url("../img/arrow_open_close.png") 0 -16px no-repeat;}
.itemtitle{clear:both;border-bottom:1px solid #c9c9c9;}
.level1 .itemtitle{padding:10px 0;text-transform:uppercase;font-family:Georgia,"Times New Roman",Serif;font-size:16px;line-height:18px;border-bottom:1px solid #c9c9c9;}
.level2 .itemtitle{text-transform:none;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;border-bottom:1px solid #e4e4e4;}
.level3 .itemtitle{font-size:11px;font-weight:normal;border:none;}
.level3 .itemtitle.active{font-weight:bold;text-decoration:underline;}
.countryname{padding:10px 0 0 0;margin:0;}
.countryname img{padding:0 8px 0 0;margin:0;}
.lastmodified{overflow:hidden;margin:.2em 0;color:#888;font-size:.9em;}

/* -------------------- countries page ------------------- */
#countries_select{padding:0 60px;color:#656565;font-size:13px;}
#countries_select legend{font-weight:bold;text-transform:uppercase;}
#countries_select fieldset{float:left;display:inline;padding:0;margin:0;width:50%;}
#countries_select h2{padding:10px 0;margin:20px 0;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#656565;font-weight:bold;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;}
#countries_select ul,
#countries_select li{padding:0;margin:0;list-style-type:none;font-size:13px;font-weight:bold;}
h2.themename {margin-top:20px;}

/* -------------------- explanation ------------------- */
#explanation h2,
#feedbackform h2{padding:0 0 0.5em;margin:0 auto;font-weight:bold;line-height:28px;font-size:26px;color:#2E4476;}
#explanation p,
#explanation ul,
#feedbackform p{color:#414141;font-size:13px;line-height:20px;}
#explanation p.error,
#feedbackform p.error{color:#c00;}
#previewexplanation {margin-top:30px;margin-bottom:0;}

/* -------------------- forms -------------------- */
fieldset{overflow:hidden;padding:20px 0 0;margin:0;border:0 none;}
legend,
label,
input,
select,
textarea{padding:0;margin:0;}
legend{padding:10px 0;margin:0 0 10px 0;color:#000;font-size:18px;font-weight:bold;}
.formfield{clear:both;overflow:hidden;padding:0 0 10px 0;}
label{clear:both;float:left;display:inline;padding:3px 10px 0 0;color:#000;font-weight:bold;}
input,
select,
textarea{font-family:Verdana, Geneva, sans-serif;font-size:12px;}
.formfield input,
.formfield textarea{float:right;display:inline;padding:2px 5px;min-width:388px;max-width:388px;border:2px solid #727FA5;}
.formfield select{float:left;width:100%;}
.formfield select,
.inputgroup img,
.inputgroup p{clear:both;display:block;}
input:focus,
textarea:focus{border:2px solid #000;}
input.error,
textarea.error{border:2px solid #c00;}
p small{padding:5px 0 0;line-height:12px;}
small.error,
.error p strong{color:#c00;}
p.message.error{padding:0 0 0 20px;background:url("../img/icon_alert.gif") 0 2px no-repeat;}
small.error{clear:both;float:none;display:block;margin:0 0 0 12.5em;font-size:1em;}
.required label{padding:3px 10px 0 0;background:url("../img/asterisk.png") 100% 3px no-repeat;}
.message .asterisk{line-height:18px;padding:5px 10px 2px 10px;background:url("../img/asterisk.png") 0 6px no-repeat;}
#contents .button,
#countries_select .button,
.formfield .feedbacksubmit{float:none;padding:.3em 1em;margin-top: 2px;margin-bottom:2px;margin-left:auto;margin-right:auto;color:#fff;font-size:1.1em;font-weight:bold;line-height:1.6em;text-decoration:none;border-radius:1em;border:2px solid #121c39;background:#8a95b1;}
#contents .feedback,
#contents .download{float:right;margin:0 0 0 .5em;font-size:.9em;padding:.1em .5em;}
.formfield .feedbacksubmit{float:right;min-width:402px;max-width:402px;}
#contents .articlefeedback{float:right;font-size:.9em;padding:.1em .5em;}
#contents .button:hover,
#countries_select .button:hover,
.formfield .feedbacksubmit:hover{color:#fff;cursor:pointer;border:2px solid #8a95b1;background:#121c39;}
DIV #countrybox, DIV #explainbox {text-align: center;}

/* -------------------- form replacement ------------------- */
.jsenabled .label_check,
.jsenabled .label_radio{padding:0 0 0 15px;}
.jsenabled .label_radio{background:url("../img/radiobutton.png") 0 0 no-repeat;}
.jsenabled .label_check{background:url("../img/checkbox.png") 0 0 no-repeat;}
.jsenabled label.c_on,
.jsenabled label.r_on{background-position:0 -20px;}
.jsenabled label.focus{background-position:0 0;}
.jsenabled label.focus.c_on,
.jsenabled label.focus.r_on{background-position:0 -20px;}
.jsenabled .label_check input,
.jsenabled .label_radio input{position:absolute;left:-99999px;}

/* -------------------- ColorBox Core Style -------------------- */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}
#cboxMiddleLeft,#cboxBottomLeft{clear:left;}
#cboxContent{position:relative;overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}
/* ----- ColorBox Custom Style ----- */
#cboxTopLeft{width:93px;height:93px;background:url("../img/colorbox/border1.png") no-repeat 0 0;}
#cboxTopCenter{height:93px;background:url("../img/colorbox/border1.png") repeat-x 0 -186px;}
#cboxTopRight{width:93px;height:93px;background:url("../img/colorbox/border1.png") no-repeat -93px 0;}
#cboxBottomLeft{width:93px;height:93px;background:url("../img/colorbox/border1.png") no-repeat 0 -93px;}
#cboxBottomCenter{height:93px;background:url("../img/colorbox/border1.png") repeat-x 0 -279px;}
#cboxBottomRight{width:93px;height:93px;background:url("../img/colorbox/border1.png") no-repeat -93px -93px;}
#cboxMiddleLeft{width:93px;background:url("../img/colorbox/border2.png") repeat-y 0 0;}
#cboxMiddleRight{width:93px;background:url("../img/colorbox/border2.png") repeat-y -93px 0;}
#cboxContent{background:#fff;}
#cboxLoadedContent{padding:0;margin:0;}
#cboxTitle{display:none;}
#cboxCurrent{position:absolute;bottom:0px;left:100px;color:#999;}
#cboxSlideshow{position:absolute;bottom:0px;right:42px;color:#444;}
#cboxPrevious{position:absolute;bottom:0px;left:0;color:#444;}
#cboxNext{position:absolute;bottom:0px;left:63px;color:#444;}
#cboxLoadingOverlay{background:#fff url("../img/colorbox/loading.gif") no-repeat 5px 5px;}
#cboxClose{position:absolute;top:0;right:0;display:block;color:#444;}

/* -------------------- footer ------------------- */
#footer{position:relative;overflow:hidden;height:138px;font-size:13px;color:#a6a6a6;border-top:1px solid #000;background:#121c39;z-index:1000;}
#footercontainer{margin:3em auto 6em;width:960px;}

/* -------------------- footernav ------------------- */
#footernav{overflow:hidden;float:left;display:inline;font-weight:bold;}
#footernav ul{float:left;display:inline;padding:0;margin:0;width:220px;}
#footernav li{float:left;display:inline;padding:0;margin:0;width:110px;}
#footernav a{color:#a6a6a6;text-decoration:none;}
#footernav a:hover{text-decoration:underline;}

/* -------------------- footernav ------------------- */
#disclaimer{overflow:hidden;float:right;display:inline;}
#disclaimer ul{float:left;display:inline;padding:0;margin:0;}
#disclaimer li{float:left;display:inline;padding:0 10px;margin:0;border-right:1px solid #a6a6a6;}
#disclaimer li.last{border:0 none;padding:0 0 0 10px;}
#disclaimer a{color:#a6a6a6;text-decoration:none;}
#disclaimer a:hover{text-decoration:underline;}

/* -------------------- print style ------------------- */
@media print {
body{font-family:arial,verdana,sans-serif;color:#000;}
}
