/* General elements */
* {margin: 0; padding: 0;}
html { height: 100%; }
body { height:100%; line-height: 1.3em; font-size:0.75em; color:#4D4D4D; background: #231F20; font-family: Arial, sans-serif; }

h1,h2,h3,h4     { color: #4D4D4D; text-indent: 0 !important; font-weight: normal;}
h2,h3,h4 { font-family: Arial, sans-serif; }
h2, h3 { line-height: 0.9em; }
h3,h4 { margin-bottom: 10px; }
h1 { font-size: 270%; line-height: 1.5em; font-weight: normal; }
h2 { font-size: 220%; margin-top: 10px;}
h3 { font-size: 180%; }
h4 { font-size: 140%; }

.keyword { font-weight: bold; color: #ee2b7b; text-transform: uppercase; font-size: 1.2em; }
.georgia { font-family: Georgia, serif; }
.advice-pack-count { color: #5b1281; font-size: 1.2em;}
a, a:visited {text-decoration:underline; color: #F7931E; font-weight: bold; }
a:hover {text-decoration:none; color: #182f56; }
a:active, a:focus { outline: 0 }

a.popup, a.popup-small { background: url(/images/popup_window.png) top right no-repeat; padding-right: 12px;}
a.noimg { background: none; padding-right: 0; }

p.packlink { margin: 20px 0; font-size: 1.3em; }
p.packlink a { color: #0AABA4; }


p {margin: 10px 0; }
p.success { display: block; background-color: #009900; font-weight: bold; line-height: 1.7em; height: 1.7em; padding: 0 4px; color: #FFFFFF; }

ul, ol { list-style-position: inside; }
#page-content ul { list-style-position: outside; margin-left: 20px; }

img { border: 0px; }

hr { margin: 20px auto; border: 0; background-color: #ddd; height: 2px; width: 90%; }

fieldset { margin-bottom: 20px; }

dl { margin: 0px;}
dt { margin-bottom: 5px; float: left; width: 200px; }
dd { margin-bottom: 5px; margin-left: 200px;}

dt.error
{
  clear: left;
}

dd.error
{
  margin-bottom: 20px;
}


.error { color: red; }
.highlighted { background-color: #00a2d8; color: white; }

/* Site Structure */
#wrapper-outer { background: white; padding-bottom: 20px; min-height: 500px; height: auto !important; height: 500px; }
#wrapper { width: 863px; margin: 0 auto; overflow: hidden; zoom: 1; }
#leftcol { float: left; width: 128px; }
#maincol { margin-left: 144px; }
#content-menu { margin-top: 16px; }
#content-menu ul { list-style: none; }
#navigation { min-height: 109px; height: auto !important; height: 109px; position: relative; }
#home-navigation { min-height: 50px; height: auto !important; height: 50px; }

#print-button { position: absolute; top: 70px; right: 0;}

#content { width: 716px;  }
#content.thin { width: 521px; }
#content-main { margin-right: 200px;}
#content-sidebar { float: right; width: 180px; }
#content-sidebar img { margin-bottom: 5px;}

/* Site Structure - home */
#home-header { min-height: 210px; height: auto !important; height: 210px;}
#home-header #home-logo { float: left; width: 128px; }
#home-header #home-top { zoom: 1; margin-left: 144px; }
#home-content { margin-top: 10px; clear: both; }
#home-main-image { float:left; margin:0 20px 10px 0; }


/* Sitemap */
#sitemap ul { margin: 0; padding: 0; list-style: none; }


/* HEADER */
.logo { border:0;}

.nav1 { padding-top:25px; }
.nav1 ul, .nav2 ul { margin: 0; padding: 0; list-style: none; }
.nav1 li, .nav2 li { display:inline; font-size: 100%; color:#8A9197;}
.nav1 li a, .nav2 li a, .nav1 li a:visited, .nav2 li a:visited	{text-decoration: none; margin:0 5px; }
.nav1 li a, .nav1 li a:visited { color:#8A9197; font-weight: normal; }
.nav1 li a:hover {color:#000000;}

.nav2 { margin-top:10px; padding: 0; }
.nav2 li a, .nav2 li a:visited { color:#4d4d4d; font-weight:bold; }
.nav2 li a:hover, .nav2 li.active a, .nav2 li.active a:visited { color:#F8931F; }

#breadcrumbs { margin-top: 50px; }
#breadcrumbs a, #breadcrumbs a:hover { color: black; font-weight: normal; text-decoration: none; }
#breadcrumbs p { padding-left: 5px; font-size: 95%;  }
#breadcrumbs .last { color: #EF2C7B }

#searchbox_wrapper { margin-top: 12px; min-height: 141px; height: auto !important; height: 141px; width: 100%; clear: right; }

#searchbox_business {
  background:#EF2C7B url(/images/searchbox_business_bg.gif) top right no-repeat; 
  border-top:4px solid #B72160; 
  float: left;
  width: 190px;
}

#searchbox_business.business {
  width: 370px;
  padding-right: 10px;
}

#searchbox_region { 
  width:190px;
  background:#F8931F url(/images/searchbox_region_bg.gif) top right no-repeat; 
  margin-left: 8px;
  border-top:4px solid #BF7217;
  float: left;
}
#searchbox_region .h3style
{
  text-transform:uppercase; font-size: 18px; color:#FFFFFF; line-height: 1em; font-family: Arial,sans-serif;
  font-weight: normal;
}

#searchbox_region div.space { height: 40px; height: auto !important; min-height: 40px; margin-left: 10px; }
#searchbox_document {
  background:#0AABA5 url(/images/searchbox_document_bg.gif) top right no-repeat; 
  border-top:4px solid #00817F;
  margin-left: 395px;
}

#searchbox_document.business {
  /* left: 390px; */
}

#searchbox_business, #searchbox_region, #searchbox_document {
  min-height: 131px; 
  height: auto !important; 
  height: 131px;
}

#searchbox_business #business-links { position: absolute; top: 0; right: 10px; }
#searchbox_business #business-links div select { text-align: right; }
#searchbox_business #business-links.one-business { margin-top: 35px; }

#searchbox_wrapper h3 {margin:12px auto 0 auto; width:91%; text-transform:uppercase; font-size: 18px; color:#FFFFFF;}
#searchbox_wrapper p {margin:10px auto 0 auto; width:91%; font-size: 12px; color:#FFFFFF; }
#searchbox_wrapper li a { color: white; text-decoration: underline; }
#searchbox_wrapper ul { list-style: none; margin: 0; padding: 0; }
#searchbox_wrapper li { line-height: 1.7em; }

#searchbox_wrapper form {margin:14px auto 0 auto; width:91%;}
#searchbox_wrapper input.region, #searchbox_wrapper input.document { width:125px; border:0; height:20px; padding:2px 5px 0 5px; }
#searchbox_wrapper select.business { width: 125px; vertical-align: middle; font-size: 8pt; }
#business-go { vertical-align: middle; }
#searchbox_wrapper input.region {border-bottom:4px solid #C17118; }
#searchbox_wrapper input.document	{border-bottom:4px solid #01827E; margin-bottom:5px;}
#searchbox_wrapper input.radio { margin:0; padding:0; }
#searchbox_wrapper .docsearch_right	{ float:left; margin-left:8px; font-size:78%; color:#FFFFFF; }


/* CONTENT CONTAINER */
#bottombar { clear:both; margin:20px auto 0 auto; width:863px; min-height:180px; height: auto !important; height: 180px; padding-top:15px; }

#bottombar_box_news, #bottombar_box_signup, #bottombar_box_login { float: left; min-height: 148px; height: auto !important; height: 148px; width: 215px; }
#bottombar_box_signup, #bottombar_box_login { margin-left: 10px; }
#bottombar h3, #bottombar h4 { width:98%; text-transform:uppercase; padding:0; margin:0; }
#bottombar h3 { font-size: 160%; }
#bottombar h4 { font-size: 130%; }
#bottombar p {margin:10px 0 15px 0; width:98%; font-size: 95%;} 

#bottombar_box_news .splitter, #bottombar_box_signup .splitter { height:0px; width:198px; margin:4px 0 0 0; border-top:2px solid #E3E3E3; }
#bottombar_box_news { background: url(/images/bottombar_side_bg.gif) top right repeat-y; }
#bottombar_box_news h3, #bottombar_box_news a { color: #0AABA5; }
#bottombar_box_news p { margin-bottom: 0; width: 198px; margin: 8px 0px }
#bottombar_box_news a { margin-left:10px; text-decoration:underline; }

#bottombar_box_signup { background: url(/images/bottombar_side_bg.gif) top right repeat-y; }
#bottombar_box_signup h3, #bottombar_box_signup h4, #bottombar_box_signup a	{ color:#F8931F; }
#bottombar_box_signup h4 a { margin:0; padding:0;}
#bottombar_box_signup p { margin-bottom: 2px; width: 198px; }
#bottombar_box_signup a { margin-left:10px; text-decoration: underline; }

#bottombar_box_login { background: url(/images/bottombar_side_bg.gif) top right repeat-y; }
#bottombar_box_login h3, #bottombar_box_login h4, #bottombar_box_login a { color:#EF2C7B; }
#bottombar_box_login p { margin-bottom: 3px;}
#bottombar_box_login p.forgot { margin-top: 0;}
#bottombar_box_login a { text-decoration:underline; }
#bottombar_box_login form { margin:0; width:94%; }
#bottombar_login dl { overflow: hidden; margin-bottom: 0px; }
#bottombar_box_login dt { width: 80px; float: left; line-height: 30px; display: block; }
#bottombar_box_login dd { margin-left: 85px; display: block; _margin-right: -3px; }
#bottombar_box_login input.username, #bottombar_box_login input.password {width:105px; height:15px; padding:2px 3px 2px 3px; }
#bottombar_box_login input.password	{ margin-top:5px;}
#bottombar_box_login input.submit	{margin-left: 143px;}

#bottombar_box_logo { float: right; margin:0 0 0 10px; height:148px; padding-right: 30px; }
#bottombar_box_logo a { display: block; margin-bottom: 5px; text-align: center; }

/* FOOTER */
#footer_wrapper { float:left; height:250px; width:100%; background:#231F20 url(/images/footer_bg.gif) top left no-repeat; }
#footer_wrapper.home { margin-top: 0px; }
#footer { margin:0 auto 0 auto; width:863px; }
#footer ul { padding-top:18px; }
#footer li { display:inline; font-size: 95%; color:#8A9197; }
#footer li a, #footer li a:hover { color: #FFFFFF; font-weight: normal; }
#footer li a { margin:0 5px; text-decoration: none; }
#footer li a:hover { text-decoration:underline; }
#footer p { text-align: left; font-size: 95%; }
#footer p a { color: #666; font-weight: normal; }


/* CLEARFIX */
.clearfix { width:100%; margin:0; padding:0; height:1px; }


/* Glossary page */
ul#glossary-letters { list-style: none; width: 100%; overflow: hidden; margin: 20px 0; padding: 0; display: block; }
ul#glossary-letters li { float: left; width: 20px; margin-bottom: 10px; }
ul#glossary-letters li a { text-decoration: none; font-size: 1.1em; display: block; }
div.glossary-letter { margin-bottom: 10px; }
div.glossary-letter a.georgia { font-size: 1.4em; }
div.glossary-letter a, div.glossary-letter a:hover { text-decoration: none; color: #000000; }
div.glossary-letter dl { margin: 10px 0; }
div.glossary-letter dt { font-weight: bold; float: none; margin: 0; font-size: 1em;}
div.glossary-letter dd { text-indent: 20px; margin: 5px 0 15px 0; }


/* Useful classes */

.fright { float: right; }
.fleft { float: left; }

.aright { text-align: right; }
.aleft { text-align: left; }
.acenter { text-align: center; }

.cleft { clear: left; }
.cright { clear: right; }
.cboth { clear: both; }

.ohidden { overflow: hidden; }

.top-padding { padding-top: 10px; }


/* Business registration*/
#business-where_heard_id { width: 150px; }
#business-turnover { width: 130px; }
.business-sector-holder { margin-bottom: 10px; }
.business-type-holder
{
  padding: 5px;
  height: 150px !important;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #eee;
  font-size: 95%;
  position:relative;
}
.business-sector-checkbox { margin: 3px 0px; }
.business-type-checkbox { width: 240px; margin: 3px 0px; }


/* Preferences */
.preference-sector
{ margin-top: 10px; }


/* Advice Pack Section, choose business type */
#business-types { margin: 20px 0px; }

#advice-types { overflow: hidden; margin: 10px 0px; width: 100%; }

#get-packs-postcode { line-height: 1.2em; font-size: 1.2em; text-transform: uppercase; }

#get-packs-buttons { margin-top: 30px; }
#get-packs-buttons input { margin-bottom: 10px; }

#advice-types-left { float: left; width: 250px; }
#advice-types-right { margin-left: 250px; }
.advicetypecheck { padding: 3px 0px; }


/* Advice Pack Section*/
#advice-step-1-business {
  background: #0AABA4 url('/images/contact-form-bkgrnd.gif') top left no-repeat;
  color: white;
  font-size: 1.2em;
  padding: 10px;  
}
#advice-step-1-business h4 { color: white; }

.advice-content { margin-left: 250px; }

#advice-process
  {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 508px;
  height: 73px;
  height: auto !important;
  min-height: 73px;
  }
ul#advice-process li { width: 95px; height: 58px; float: left; line-height: 1.1em; padding: 15px 5px 0px 20px; font-size: 12px; margin-left: 4px; }
ul#advice-process li.first { margin-left: 0px; }
ul#advice-process li.current { color: white; }
ul#advice-process li a { color: white; text-decoration: none; font-weight: normal; }
.stage-1 { background: url('/images/steps.gif') no-repeat 0 0; }
.stage-2 { background: url('/images/steps.gif') no-repeat 0 -73px; }
.stage-3 { background: url('/images/steps.gif') no-repeat 0 -146px; }
.stage-4 { background: url('/images/steps.gif') no-repeat 0 -218px; }

ul#advice-packs li
{
  font-size: 1.3em;
  color: white; 
  height: 37px; 
  line-height: 37px; 
  padding-left: 5px; 
  font-family: georgia, serif; 
  margin-bottom: 4px; 
  list-style: none;
}
ul#advice-packs li.priority-1 { background: #01827e url('/images/priority-1.gif') top right no-repeat; }
ul#advice-packs li.priority-2 { background: #01827e url('/images/priority-2.gif') top right no-repeat; }
ul#advice-packs li.priority-3 { background: #01827e url('/images/priority-3.gif') top right no-repeat; }

ul#advice-packs li.priority-1-grey, ul#advice-packs li.priority-2-grey, ul#advice-packs li.priority-3-grey { color: black; }

ul#advice-packs li.priority-1-grey { background: #e6e6e6 url('/images/priority-1-grey.gif') top right no-repeat; }
ul#advice-packs li.priority-2-grey { background: #e6e6e6 url('/images/priority-2-grey.gif') top right no-repeat; }
ul#advice-packs li.priority-3-grey { background: #e6e6e6 url('/images/priority-3-grey.gif') top right no-repeat; }

ul#advice-packs li a { color: white; text-decoration: none; font-weight: normal; font-size: 1.3em;}
ul#advice-packs li.priority-1-grey a, ul#advice-packs li.priority-2-grey a, ul#advice-packs li.priority-3-grey a { color: black; }

/* Tell us what you think */
#tellus-rating { background: url('/images/how-do-you-rate-bkgrnd.gif') top left no-repeat; padding: 20px 10px 0 10px; height: 82px; height: auto !important; min-height: 82px; }
#tellus-rating h4 { font-size: 1.6em; text-transform: uppercase; color: white; }
#tellus-rating ul { margin: 10px 0; padding: 0; list-style: none; overflow: hidden; color: white; margin-top: 20px; width: 100%; }
#tellus-rating li { float: left; margin-right: 10px; font-size: 1.2em; }
#tellus-rating label { margin-right: 20px;}

#tellus-comment { margin-top: 5px; width: 100%; }
#response-to-feedback { background: url('/images/response-to-feedback-bkgrnd.gif') top left no-repeat; padding: 15px 10px 0 10px; color: white; height: 45px; height: auto !important; min-height: 45px; font-size: 1.1em; width: 97%; overflow: hidden; }
#response-to-feedback input { float: left; width: 20px; display: block; height: 30px; }
#response-to-feedback label { display: block; margin-left: 30px; height: 30px; }


/* Modify newsletter subscriptions */
#sector-preferences { margin-left: 20px; }


/* Checklists */
#checklist-items { margin-bottom: 10px; clear: left; }
#checklist-items .checklist-item ul { list-style-position: outside; margin-left: 20px; }
#checklist-items .checklist-item { width: 100%; overflow: hidden; background-color: #0AABA4; margin-bottom: 5px; border-top: 4px solid #01827e; color: #fff;}
#checklist-items .checklist-item input.checkbox { padding-top: 15px; margin-right: 5px; padding-right: 5px; font-size: 4em;  }
#checklist-items .checklist-item-number { float: left; width: 15px; font-family: georgia, serif; font-size: 2em; padding-top: 15px; margin-left: 3px;}
#checklist-items .checklist-item-info { padding: 5px; margin-left: 20px; width: 450px }
#checklist-items .checklist-item-info a { color: #fff; }
#checklist-items .checklist-item.done .checklist-item-info a { color: #F7931E; }
#checklist-items .checklist-item-detail {background-color: #fff; color: #4d4d4d; padding: 3px;}
#checklist-items .checklist-item-detail a {color: #F7931E; }
#checklist-items .checklist-item input { margin-top: 10px; }
#checklist-items .checklist-item.done { background-color: #eee; border-top: 4px solid #999; color: #4d4d4d;}


/* Advice Pack Search */
ul#advice-pack-result-list { margin: 10px 0; padding: 0; list-style: none; }
ul#advice-pack-result-list li { margin-bottom: 15px;}
li .advice-pack-result { font-weight: bold; background: url('/images/grey-gradient.gif') top left repeat-x; height: 37px; height: auto !important; min-height: 37px; line-height: 37px; padding: 0 10px; }
li .advice-pack-result a { font-weight: normal; text-decoration: none; color: black; }
li .advice-pack-result .advice-pack-result-business-types { display: none; font-weight: normal; line-height: 1.6em; }
li .advice-pack-result .advice-pack-result-business-types a { color: #00a094; font-weight: normal; text-decoration: underline;  }
li .advice-pack-result div a { margin-right: 10px; }


/* News articles */
div.news-preview { margin-bottom: 20px; }
div.news-preview p.title { font-weight: bold; font-size: 1.2em; }


/* Pagination */
div.pagination { padding: 3px; margin: 15px 0px 0px 0px; }

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #8f8f8f;
	text-decoration: none; /* no underline */
	color: #4d4d4d;
}

div.pagination a:hover, div.pagination a:active { border: 1px solid #F8931F; color: #000; }

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #4d4d4d;	
	font-weight: bold;
	background-color: #F8931F;
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;
	color: #CCC;
}


/* Contact us form */
#contact-us-form
{
  background: #0AABA4 url('/images/contact-form-bkgrnd.gif') top left no-repeat;
  color: white;
  font-size: 1.2em;
  padding: 10px;
}

#contact-us-form dd input { line-height: 1.1em; font-size: 1.1em; height: 1.1em; border: 0; border-bottom: 4px solid #01827e; padding:2px 5px 0 5px; }
#contact-us-form dt { text-transform: uppercase; }
#contact-us-form #contact-us-query { width: 260px; border: 0; border-bottom: 4px solid #01827e }
#sidebar-search
{
  background: #ee2b7b url('/images/search-box.gif') top left no-repeat;
  color: white;
  min-height: 200px;
  height: auto !important;
  height: 200px;
  width: 161px;
  padding: 40px 10px 0 10px;
  overflow: hidden;
  
}
.again#sidebar-search {background: #ee2b7b url('/images/search-again.gif') top right no-repeat;}

#sidebar-search input.inputbox { height: 20px; display: block; width: 95%; border:0; border-bottom: 4px solid #b92060; padding: 2px 5px 0 5px; }


/* Generic workspace stuff */
#workspace-menu li { font-weight: bold; color: #F7931E; }
#workspace-menu li ul { margin-left: 10px; }
#workspace-menu li li a, #workspace-menu li li a:hover { color: black; text-decoration: none; font-weight: normal; }
#workspace-menu li li a:hover { color: #F7931E; }
#workspace-menu li a.active { text-decoration: underline; }
#workspace-login { width: 300px;}
#workspace-login table { width: 100%; }
#workspace-login table input { width: 99%; }
#workspace-login td { padding-top: 5px; }

/* Advice confirmation after types/sectors chosen */
#advice-confirm-details-wrapper { color: white; font-weight: bold; font-size: 1.1em; background-color: #0aaba4; }
#advice-confirm-details-wrapper p { margin-top: 0; }
#advice-confirm-sector .georgia { font-weight: normal; font-size: 2em; }
#advice-confirm-sector { background: #0aaba4 url('/images/step-3-1.gif') top right no-repeat; padding: 10px; }
#advice-confirm-gap { background : #0aaba4 url('/images/step-3-2.gif') top right no-repeat; height: 32px; height: auto !important; min-height: 32px; }
#advice-confirm-types { background: #0aaba4 url('/images/step-3-3.gif') -6px right no-repeat; padding: 0 10px 10px 10px; }
#advice-confirm-types ul { list-style: none; margin: 0; padding: 0; }
#advice-confirm-types li { display: inline; margin-right: 20px; font-size: 1.4em; font-family: Georgia, serif; font-weight: normal; line-height: 1.4em; }

#advice-confirm-buttons { font-weight: bold; font-size: 1.2em; margin-top: 10px; color: #666; }
#advice-confirm-buttons img { vertical-align: middle; }

/* Local Authority Management */
fieldset.local-authority-management { padding: 10px; }
#flash-message, #flash-error { margin: 10px 0px -10px 0px; padding: 8px 40px; color: white; font-weight: bold; }
#flash-message { background: #77bb5f url(/images/admin/success.png) no-repeat 20px center; }
#flash-error { background: #ba0909 url(/images/admin/fail.png) no-repeat 20px center; }

#la-address
{
  margin-left: 5px;
}

#la-logo
{
  float: right;
}

#la-address-info
{
  font-weight: bold;
  width: 182px;
}

#manage-authority
{
  background:#F8931F url(/images/searchbox_region_bg.gif) top right no-repeat;
  width: 120px;
  height: 28px;
  border-top:4px solid #BF7217;
  text-align: center;
  font-size: 50%;
  position: absolute;
  top: 25px;
  right: 0;
}

#manage-authority-link
{
  margin-top: 5px;
}

#manage-authority a
{
  color: #FFF;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 160%;
  font-weight: normal;
  line-height: 1em;
  text-transform: uppercase;
}


#localauthority-content
{
  min-height: 160px;
  height:auto !important;
  height: 160px;
}

#localauthority-content-content
{
  border: 1px solid #4D4D4D;
  padding: 0px 3px 0px 3px;
}

#advice-pack-details
{
  width: 521px;
}

