/*General body, links & font */
body {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; font-size:x-small; margin:0px; color:#000000; background-image:url(../image_assets/back.jpg);}
a {color:#0C61A0; text-decoration:underline;}
a:hover {color:#0C61A0; text-decoration:none;}
form { padding:0px; margin:0px; }
ul p { padding:0px; margin:0px; }

div.questionnaire_form { width:500px; }

div.questionnaire_form div.languages { width:490px; height:20px; text-align:right; }
div.questionnaire_form div.languages ul { float:right; list-style:none; padding:0px; margin:0px; }
div.questionnaire_form div.languages li { float:right; padding:0px 0px 0px 3px; }

div.questionnaire_form div.element { padding:0px 5px 5px 0px; margin:0px; }
div.questionnaire_form div.element p { padding:0px 0px 2px 0px; margin:0px; }
div.questionnaire_form div.element p.element_label, div.element p.element_heading { font-weight:bold; }
div.questionnaire_form div.element input { font-size:100%; }
div.questionnaire_form div.element input.long, div.element textarea.long { width:485px; }
div.questionnaire_form div.element input.medium, div.element textarea.medium { width:120px; }
div.questionnaire_form div.element input.short, div.element textarea.short { width:50px; }
div.questionnaire_form div.element textarea.tall { height:150px; }

div.questionnaire_form .yui-panel .hd { font-size:12px; background-color:#000000; color:#FFFFFF; }
div.questionnaire_form .yui-panel .ft button { font-size:11px; }

div.error_dialog .yui-panel .hd { font-size:12px; background-color:#000000; color:#FFFFFF; }
div.error_dialog .yui-panel .ft button { font-size:11px; }

/* Main area & main wrapper */
.mainwrapper { width:840px; margin:0px auto; text-align:left;  height: inherit;}
.shadow_wrapper {float:left; width:840px; margin:0px auto; text-align:left; background-image:url(../image_assets/shadow.jpg); height: inherit;}

/* Top thin heading & breadcrumb */
.top_thin_wrapper {width:830px; height:14px; background-color:#000000; margin:0px auto;}
.top_breadcrumb {float:left; color:#ffffff; padding-left:20px; font-size:9px;}
.top_breadcrumb a {color:#ffffff; text-decoration:none;}
.top_breadcrumb a:hover {color:#ffffff; text-decoration:underline;}
.top_login {float:right; color:#ffffff; padding-right:20px; font-size:9px;}
.top_login a {color:#ffffff; font-weight:bold; text-decoration:none;}
.top_login a:hover { text-decoration:underline;}

/* Header logo area */
.logoHeader {float:left; padding-left:20px; padding-top:10px;}
.back_logo {width:830px; height:119px; background-color:#ffffff; margin:0px auto; background-image:url(../image_assets/back_logo.jpg); background-repeat:repeat-x; padding-bottom:20px;}

/* Header search area */
.top_searchbox {float:left; width:185px; }
.topsearchwrapper{float:right; padding-right:20px; padding-top:15px;}
.topsearchwrapper input{ font-size:9px; margin-top:53px; }
.top_searchbutton { float:left; width:20px; padding-top:1px; }

.top_search { float:right; width:300px; margin-top:53px; }

/* Dots */
.dots3_header {background-image:url(../image_assets/3dots.jpg); background-repeat:repeat-x; float:left; width:810px; margin-left:8px; margin-top:10px; height:8px;}
.dots2_footer {background-image:url(../image_assets/2dots.jpg); background-repeat:repeat-x; float:left; width:810px; margin-left:8px; margin-top:10px; height:5px;}
.dots1_footer {background-image:url(../image_assets/1dots.jpg); background-repeat:repeat-x; float:left; width:810px; margin-left:8px; margin-top:10px; height:2px;}

.dots1 {float:left; margin:0px auto; text-align:left; background-image:url(../image_assets/1dots.jpg); background-repeat:repeat-x;}
.dots2 {float:left; margin:0px auto; text-align:left; background-image:url(../image_assets/2dots.jpg); background-repeat:repeat-x;}
.dots3 {background-image:url(../image_assets/3dots.jpg); background-repeat:repeat-x; float:left;}

/* Left hand menu */

ul.menu_level_1 { float:left; width:150px; padding:0px; margin:0px; }
ul.menu_level_1 li { width:139px; height:auto; margin:0px 0px 2px 5px; list-style:none; background-image:url(/image_assets/menu_display.jpg); background-repeat:no-repeat; padding:2px 0px 6px 13px; color:#000000;}
ul.menu_level_1 li a { color:#000000; text-decoration:none; }
ul.menu_level_1 li a:hover {color:#000000; text-decoration:underline;}
ul.menu_level_1 li a.selected { font-weight:bold; }

ul.menu_level_2 { width:150px; padding:2px 0px 0px 0px; margin:0px; }
ul.menu_level_2 li { width:139px; height:auto; margin:0px 0px 2px 0px; list-style:none; background-image:none; padding:2px 0px 0px 0px; color:#000000; text-align:left; }
ul.menu_level_2 li a {color:#000000; text-decoration:none;}
ul.menu_level_2 li a:hover {color:#000000; text-decoration:underline;}
ul.menu_level_2 li a.selected { font-weight:bold; }

ul.menu_level_3 { width:150px; padding:2px 0px 0px 0px; margin:0px; }
ul.menu_level_3 li { width:129px; height:auto; margin:0px 0px 2px 10px; list-style:none; background-image:none; padding:2px 0px 0px 0px; color:#000000; text-align:left; }
ul.menu_level_3 li a {color:#000000; text-decoration:none;}
ul.menu_level_3 li a:hover {color:#000000; text-decoration:underline;}
ul.menu_level_3 li a.selected { font-weight:bold; }

div.left_hand_col { float:left; width:150px; margin-left:5px; }

div.login_panel { float:left; width:145px; background-color:#DFE2E9; padding:2px 4px 2px 4px; margin:10px 0px 0px 7px; border:1px solid #0C61A0; }
div.login_panel div.login_heading p { font-weight:normal; text-align:left; font-size:9px; padding:0px 0px 4px 0px; margin:0px; }
div.login_panel div.login_paragraph p { font-weight:bold; text-align:left; font-size:12px; padding:0px 0px 4px 0px; margin:0px; }
div.login_panel div.login_login p { font-weight:normal; text-align:left; font-size:10px; padding:0px 0px 4px 0px; margin:0px; }
div.login_panel div.login_login p a { color:#000000; font-size:12px; font-weight:bold; }

div.oecd_panel { float:left; width:145px; padding:2px 4px 2px 4px; margin:10px 0px 0px 7px; border:1px solid #0C61A0; }
div.oecd_panel div.oecd_heading p { font-weight:normal; text-align:left; font-size:9px; padding:0px 0px 4px 0px; margin:0px; }
div.oecd_panel div.oecd_paragraph p { font-weight:bold; text-align:left; font-size:12px; padding:0px 0px 4px 0px; margin:0px; }
div.oecd_panel div.oecd_login p { font-weight:normal; text-align:left; font-size:10px; padding:0px 0px 4px 0px; margin:0px; }
div.oecd_panel div.oecd_login p a { color:#000000; font-size:12px; font-weight:bold; }

div.left_panel { float:left; width:145px; background-color:#DFE2E9; padding:2px 4px 2px 4px; margin:10px 0px 0px 7px; border:1px solid #0C61A0; }
div.left_panel h1 { font-weight:bold; text-align:left; font-size:12px; padding:0px 0px 4px 0px; margin:0px; }
div.left_panel p { font-weight:normal; text-align:left; font-size:12px; padding:0px 0px 4px 0px; margin:0px; }
div.left_panel p a { color:#000000; font-size:12px; font-weight:normal; }

div.webgroup_panel { float:left; width:145px; padding:2px 4px 2px 4px; margin:10px 0px 0px 0px; border:1px solid #0C61A0; }
div.webgroup_panel div.webgroup_heading p { font-weight:normal; text-align:left; font-size:9px; padding:0px 0px 4px 0px; margin:0px; }
div.webgroup_panel div.webgroup_heading p.error { color:#FF0000; font-weight:bold; }
div.webgroup_panel div.webgroup_paragraph p { font-weight:bold; text-align:left; font-size:12px; padding:0px 0px 4px 0px; margin:0px; }
div.webgroup_panel div.webgroup_login p { font-weight:normal; text-align:left; font-size:10px; padding:0px 0px 4px 0px; margin:0px; }
div.webgroup_panel div.webgroup_login p a { color:#000000; font-size:12px; font-weight:bold; }
div.webgroup_panel div.webgroup_login table tr th { font-size:10px; }
div.webgroup_panel div.webgroup_login table tr td { text-align:right; }
div.webgroup_panel div.webgroup_login table tr td input { margin:0px 0px 2px 0px; }
div.webgroup_panel div.webgroup_login p strong { font-weight:bold; }

.menu_wrapper { float:left; width:150px; height:auto; border:0px #333399 solid; margin-left:5px; padding-bottom:10px; }

.main_content {float:left; width:445px; border:0px #333399 solid; margin-left:25px; height: inherit; }
.main_content .h1 {color:#0C61A0; font-size:15px; font-weight:bold;}
.main_content .h2 {color:#0C61A0; font-size:13px; font-weight:bold;}
.main_content .h3 {color:#0C61A0; font-size:12px;}
.main_content p {color:#000000; font-size:12px;}
.main_content div.report_body { font-size:12px; }
.main_content h1 {color:#0C61A0; font-size:15px; font-weight:bold; padding:0px; margin:0px; }
.main_content h2 {color:#0C61A0; font-size:13px; font-weight:bold; padding:0px; margin:0px; }
.main_content h3 {color:#0C61A0; font-size:12px; padding:0px; margin:0px; }
.main_content .error { font-weight:bold; }
.main_content ul { padding:12px 0px 0px 20px; margin:0px; }
.main_content li { padding:0px 0px 12px 0px;font-size:12px; }
.main_content ul.list { list-style:none; padding:12px 0px 12px 0px; margin:0px; }
.main_content ul.list li { padding:0px 0px 0px 0px;font-size:12px; }
.main_content td { text-align:justify; }

.menu_display {width:152px; height:18px; margin:0px 0px 2px 5px; background-image:url(../image_assets/menu_display.jpg); background-repeat:no-repeat; padding-top:2px; padding-left:13px; color:#000000;}
.menu_display a {color:#000000; text-decoration:none;}
.menu_display a:hover {color:#000000; text-decoration:underline;}

.menu_display_selected { width:152px; font-weight:bold; height:18px; margin:0px 0px 2px 5px; background-image:url(../image_assets/menu_display.jpg); background-repeat:no-repeat; padding-top:2px; padding-left:13px; color:#000000;}
.menu_display_selected a { color:#000000; text-decoration:none;}
.menu_display_selected a:hover { color:#000000; text-decoration:underline;}

.menu_selected {width:152px; height:18px; margin:0px 0px 2px 5px; background-image:url(../image_assets/menu_subnav.jpg); background-repeat:no-repeat; padding-top:2px; padding-left:13px; color:#000000;}
.menu_selected a {color:#000000; text-decoration:none;}
.menu_selected a:hover {color:#000000; text-decoration:underline;}

.menu_subnav_selected {width:152px; margin:0px 0px 3px 5px; padding-left:13px; color:#000000; font-weight:bold;}
.menu_subnav_selected a {font-weight:bold; text-decoration:none; color:#000000;}
.menu_subnav_selected a:hover {text-decoration:underline; color:#000000;}

.menu_subnav_display {width:152px; margin:0px 0px 3px 5px; padding-left:13px; color:#000000; font-weight:normal;}
.menu_subnav_display a {text-decoration:none; color:#000000;}
.menu_subnav_display a:hover {text-decoration:underline; color:#000000;}

/* Main content area */
.back_main {float:left; text-align:justify; width:810px; background-color:#ffffff; border:0px #333399 solid; margin:0px auto; margin-left:5px; padding-bottom:20px;}

/* Right column */
.right_column {float:left; width:150px; height:inherit; margin-left:25px; border:0px #333399 solid; padding-top:0px; margin-top:0px;}

/* Footer & copyrite */
.footer { width:100%; float:left; margin:0px auto; margin-top:10px; border:0px #00FFFF solid;}
.footer_images {  width:810px; padding-left:10px; border:0px #00FFFF solid;}
.copyrite { float:left;  color:#666666; width:810px; height:8px; padding-left:15px; padding-top:8px;}
.copyrite a.footerlink {color:#666666; text-decoration:none;}
.copyrite a:hover.footerlink {color:#666666; text-decoration:underline;}

/* All other stuff */
/* --------------- */ 

/* Right panel - Advanced search */
.advanced_search_panel { float:left; background-image:url(../image_assets/search_panel.jpg); background-repeat:no-repeat; width:150px; margin:0px; padding:0px 0px 10px 0px; border:0px #00CC33 solid; }
.advanced_search_panel h3 { color:#0C61A0; font-size:12px; padding:5px 0px 10px 0px; margin:0px; text-align:center; font-weight:bold; }
.advanced_search_panel p { padding:0px 0px 5px 12px; margin:0px; }
.advanced_search_panel form { margin:0px; padding:0px; }

.advanced_search_label {color:#000000; font-size:10px;}
.advanced_search_panel input {color:#0C61A0; font-size:10px;}
.advanced_search_panel .text_wrapper  {text-align:left; padding-bottom:3px; width:115px; padding-left:0px; border:0px #006699 solid; }
.advanced_search_panel .more_button_wrapper { text-align:left; padding-top:5px; width:150px; }
.advanced_search_panel .more_text { float:left; text-align:left; padding-bottom:3px; padding-left:12px; width:74px; }
.advanced_search_panel .search_button { float:right; text-align:left; padding-bottom:3px; padding-right:15px; width:42px; }

/* Right panel border & wrapper */
.right_panel_header { float:left; background-image:url(../image_assets/right_panel_header.jpg); background-repeat:repeat-x; width:150px; height: inherit;margin:0px; margin-top:15px; border-top:0px #7F7F7F dashed;}
.right_panel_header h3 {color:#0C61A0; font-size:12px; padding:5px 10px 10px 10px; margin:0px; text-align:center; font-weight:normal;}
.right_panel_header p {color:#000000; font-size:10px; margin:0px 5px 5px 5px; text-align:left; }
.right_panel_header form { margin:0px; padding:0px; }
.icon_more {width:140px; text-align:right; padding-top:2px;}
.right_panel_image { float:left; margin-top:20px; }

.right_panel { float:left; width:150px; margin:0px; margin-top:15px; border:1px #7F7F7F solid; }
.right_panel p { padding:5px; margin:0px; }


/* Doclib Search Panel */
.search_doclib_panel_header { background-image:url(/image_assets/right_panel_header.jpg); background-repeat:repeat-x; width:440px; margin:15px 0px 0px 0px; border-top:0px #7F7F7F dashed;  }
.search_doclib_panel_header .h3, .search_doclib_panel_header h3 {color:#0C61A0; font-size:12px; padding:5px 10px 10px 10px; margin:0px; text-align:center; font-weight:normal;}
.search_doclib_panel_header p {color:#000000; font-size:10px; margin:0px 5px 0px 5px; }
.search_doclib_panel_header input, select{ font-size:10px; }
.icon_search { width:30px; text-align:right; }
.search_library { margin:0px 0px 10px 0px; } 
.search_library input.keyword_index { width:130px; }
.search_library select.select_index { width:280px; }
.search_library input.submit { text-align:right; margin:10px 0px 0px 0px; }
.search_library form { margin:0px; padding:0px; }

.question_form input, select{ font-size:10px; }

/* Topicguides Panels */
.topicguides_panel_header { float:left; background-image:url(../image_assets/right_panel_header.jpg); background-repeat:repeat-x; width:440px; height: inherit;margin:0px; margin-top:15px; border-top:0px #7F7F7F dashed; float:left; margin-bottom:10px;}
.topicguides_panel_header h3 { color:#0C61A0; font-size:12px; padding:5px 10px 10px 10px; margin:0px; text-align:left; font-weight:normal; }
.topicguides_panel_header p { color:#000000; font-size:10px; margin:0px 5px 0px 5px; }
.topicguides_panel_header li { color:#000000; font-size:10px; margin:0px 5px 0px 5px; }
.topicguides_panel_header_more { width:410px; text-align:right; padding-top:2px; }

/* Topicguides Panels */
.topicguide { float:left; background-image:url(/image_assets/right_panel_header.jpg); background-repeat:repeat-x; width:440px; margin:15px 0px 10px 0px; border-top:0px #7F7F7F dashed; }
.topicguide h3 { color:#0C61A0; font-size:12px; padding:5px 10px 10px 10px; margin:0px; text-align:left; font-weight:normal; }
.topicguide p { color:#000000; font-size:11px; padding:0px 10px 5px 10px; margin:0px; }
.topicguide p.more { text-align:right; padding:0px 10px 5px 10px; margin:0px; }
.topicguides_panel_header_more { width:410px; text-align:right; padding-top:2px; }

h3.search_form_title { text-align:center; padding:10px 0px 10px 0px; font-weight:normal; }

.center { text-align:center; }

div.main_content div.email_form div.element { padding:0px 0px 8px 0px; }
div.main_content div.email_form div.element p.element_label { font-weight:bold; padding:0px 0px 2px 0px; margin:0px; }
div.main_content div.email_form div.element p.element_introduction { font-weight:normal; font-size:95%; padding:0px 0px 2px 0px; margin:0px; }
div.main_content div.email_form div.element p.element_field { font-weight:normal; padding:0px 0px 2px 0px; margin:0px; }
div.main_content div.email_form div.element input.long { width:100%; }
div.main_content div.email_form div.element textarea.long { width:100%; }
div.main_content div.email_form div.element input.medium { width:200px; }
div.main_content div.email_form div.element textarea.medium { width:200px; }
div.main_content div.email_form div.element input.short { width:100px; }
div.main_content div.email_form div.element textarea.short { width:100px; }
div.main_content div.email_form div.element textarea.large { height:200px; }
div.main_content div.email_form div.element textarea.short { height:50px; }

/* Event Panel */

.right_panel_header .event { color:#000000; font-weight:bold; font-size:11px; padding:0px 10px 8px 10px; margin:0px; }
.right_panel_header .event h1 { color:#000000; font-weight:bold; font-size:11px; padding:0px 0px 2px 0px; margin:0px; }
.right_panel_header .event p.event_start { color:#666666; font-weight:normal; font-size:9px; padding:0px 0px 2px 0px; margin:0px; }
.right_panel_header .event p.event_location { color:#000000; font-weight:normal; font-size:11px; padding:0px 0px 2px 0px; margin:0px; }
.right_panel_header .event p.event_standfirst { color:#000000; font-weight:normal; font-size:11px; padding:0px 0px 2px 0px; margin:0px;  }
.event_list h1 { color:#000000; font-weight:bold; font-size:15px; padding:10px 0px 0px 0px; }
.event_list p.event_start { color:#666666; font-weight:normal; font-size:9px; padding:0px 0px 0px 0px; margin:0px; }
.event_list p.event_location { color:#000000; font-weight:normal; font-style:italic; font-size:11px; padding:0px 0px 4px 0px; margin:0px; }
.event_list p.event_standfirst { color:#000000; font-weight:normal; font-size:13px; padding:0px 0px 0px 0px; margin:0px; }
.event h1 { color:#000000; font-weight:bold; font-size:15px; padding:10px 0px 0px 0px; text-align:left; }
.event p.event_start { color:#666666; font-weight:normal; font-size:9px; padding:0px 0px 0px 0px; margin:0px; }
.event p.event_title { color:#000000; font-weight:normal; font-size:11px; padding:5px 0px 0px 0px; margin:0px; }
.event p.event_location { color:#000000; font-weight:normal; font-size:11px; padding:0px 0px 4px 0px; margin:0px; }
.event p.event_standfirst { color:#000000; font-weight:normal; font-size:13px; padding:0px 0px 10px 0px; margin:0px; }
.event p.event_description { color:#000000; font-weight:normal; font-size:13px; padding:0px 0px 0px 0px; margin:0px; }

table.org_search_table { width:100%; }
table.org_search_table td { width:50%; padding:0px 5px 5px 10px; }

<div style="float:left; width:162px; height:30px; padding-right:5px; padding-left:10px; padding-bottom:0px;"><p>Search term:<br /><input type="text" name="term" id="term"  value="<?=$_GET['term'];?>" onFocus="if (this.value=='Term'){document.doclib_search.term.value =''}"/></p></div>
<div style="float:left; width:220px; height:30px; padding-right:5px; padding-left:10px; padding-bottom:0px;"><p>Find by organisation type:<br /><?=$this->ddlist_field("org_type", "type")?></p></div>
<div style="float:left; width:162px; padding-top:5px; padding-right:5px; padding-left:10px; padding-bottom:0px;"><p>Find by region:<br /><?=$this->ddlist_field_region("region_name" , "regionID", "region", "org_regions")?></p></div>
<div style="float:left; width:220px; padding-top:5px; padding-right:5px; padding-left:10px; padding-bottom:0px;"><p>Find by services offered:<br /><?=$this->ddlist_field("service_name", "service", "org_services")?></p></div>
<div style="float:left; width:360px; padding-top:5px; padding-right:5px; padding-left:10px; padding-bottom:10px;"><p>Find by specialisation:<br /><?=$this->ddlist_field_spec()?></p></div>
<div class="icon_search" style='padding:12px 10px 0px 0px;'><input type="image" name="submit" value="submit" src="/image_assets/icon_search.jpg" alt="Search" /></div>
