/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 04 February 2012 09:17:03
*/


/* ------------------------------------------------------
 Surrey County Council
 Public website style sheet - global components

 media:         all
 last modified: 14/09/2009 by Matthew Evans
 website:       http://www.surreycc.gov.uk/
--------------------------------------------------------- */

/* =WCM - Category pages
--------------------------------------------------------- */
h1 { /* over-ride global H1 margin for WCM pages only - due to additional <p> that is always present at beginning of every section A, B, C etc */
    margin-bottom: 0.5em;
}
.category-content { /* used to wrap the main category items on a category page that also features an interactive panel */
    float: left;
    width: 380px;
}
body#twocol .category-content { /* same as above but wider, because no 'see also' column */
    width: 548px;
}

/* Category items: these are the items that appear on category pages, either full width or half width */
.category {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.half {
    width: 270px;
    margin-right: 10px;
}
body#twocol .half {
    width: 368px;
    margin-right: 10px;
}
.category-content .half {
    width: 180px;
}
body#twocol .category-content .half {
    width: 264px;
}
.category p {
    margin: 0;
}
.category h2 {
    font-size: 1.0em;
    margin: 0;
}
.category img,
.sectionb .category img, .sectionbcol1 .category img, .sectionbcol1 .category img, .sectionccol1 .category img {
    /*
    NOTE: Need to specify styles for sections B and C in order to over-ride default images styling.
          Section A has no images, so nothing needs over-riding.
    */
    float: left;
    display: block;
    padding: 1px;
    margin: 0;
    margin-right: 0.4em;
    border: 1px solid #02614D;
}

/* Category panel - this is the interactive panel that appears on the right of category pages */
.category-panel {
    float: right;
    width: 200px;
}
.category-panel h2 {
    margin: 0;
    background: #C9E0D8;
    padding: 0.25em 10px;
}
.sectiona .category-panel ul, .sectionb .category-panel ul, .sectionc .category-panel ul,
.sectiona .category-panel ol, .sectionb .category-panel ol, .sectionc .category-panel ol {
    margin-top: 0;
    margin-bottom: 1.0em;
    padding: 0.5em 5px;
    line-height: 1.3em;
    border: 1px solid #C9E0D8;
}
.sectiona .category-panel ul, .sectionb .category-panel ul, .sectionc .category-panel ul {
    list-style: outside url("http://www.surreycc.gov.uk/__data/assets/image/0007/313/bullet.gif?v=0.1.1");
}
.sectiona .category-panel ol, .sectionb .category-panel ol, .sectionc .category-panel ol {
    list-style: decimal outside;
}
.sectiona .category-panel ul li, .sectionb .category-panel ul li, .sectionc .category-panel ul li,
.sectiona .category-panel ol li, .sectionb .category-panel ol li, .sectionc .category-panel ol li {
    margin: 0.5em 0;
    margin-left: 20px;
}

/* Category intro - used at the top of level category pages */

.category-intro {
    border: 1px solid #C9E0D8;
    padding-left: 10px;
    margin-bottom: 15px;
    background: #E5EEED;
    min-height: 1px; /* IE7: 'have layout' */
}
.category-intro:after { /* clearing for modern browsers */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
.category-intro p {
    margin: 0;
    padding: 0;
}
.category-intro p span {
    display: block;
    margin: 0;
    margin-right: 200px;
    padding: 1.0em 0;
}
.category-intro p img {
    display: block;
    float: right;
    height: 150px;
    width: 200px;
    margin: 0;
    padding: 0;
}


/* =Web Content Manager - Section Styles
--------------------------------------------------------- */
.sectiona {
    clear: both;
    /*position: relative;
    top: 0; */
    width: 100%;
    vertical-align: top;
    /*overflow: hidden;*/
}
.sectionb {
    clear: both;
    /*position: relative;
    top: 0; */
    width: 100%;
    padding: 0;
    /*overflow: hidden;*/
}
.sectionb img {
    vertical-align: top;
    margin: 0 1.0em 1.0em 0;
}
.sectionbcol1 img {
    vertical-align: top;
    margin: 0 0 1.0em 0;
}
.sectionb .section-img {
    float: left;
}
.sectionb p img {
    float: left;
}
.sectionb .sectionbcol1 {
    float: left;
    border: 0;
}
.sectionb .sectionbcol2 {
    padding-left: 1em;
}
.sectionc {
    clear: both;
    /*position: relative;
    top: 0; */
    width: 100%;
    padding: 0;
    /*overflow: hidden;*/
}
.sectionc img {
    vertical-align: top;
    margin: 0 0 1.0em 1.0em;
}
.sectionccol1 img {
    vertical-align: top;
    margin: 0 0 1.0em 0;
}
.sectionc p img {
    float: right;
}
.sectionc div.sectionccol1 p img {
    float: none;
}
.sectionc .sectionccol1 {
    float: right;
    border: 0;
}
.sectionc .sectionccol2 {
    padding-right: 1.0em;
}
.sectionf {
    clear: both;
    /*position: relative;
    top: 0px;*/
    width: 100%;
    border: 0;
    /*overflow: hidden;*/
}
.sectionf img {
    margin: 0 0 10px 0;
}
/* NOTE: Lotus Notes (WCM) likes to add an erroneous 'p' tag in the first cell of each
         table. This style below removes the margin/padding from 'p' tags for all
         tables contained within one of the section wrappers used on WCM pages */
.sectiona table p, .sectionb table p, .sectionc table p {
    margin: 0;
    padding: 0;
}


/* =Web Content Manager - File Resources
--------------------------------------------------------- */
#fileresource {
    clear: both;
    /*position: relative;
    top: 0px; */
    width: 100%;
    /*padding-top: 30px; */
    /*vertical-align: top;*/
}
#fileresource h2 {
    margin-bottom: 0.25em;
}
#fileresource .frtitle {
    width: 30%;
}
#fileresource .frdescription {
    width: 69%;
}


/* =Web Content Manager - Typography
--------------------------------------------------------- */
.sectiona ul, .sectionb ul, .sectionc ul, .sectiond ul {
    list-style: outside url("http://www.surreycc.gov.uk/__data/assets/image/0007/313/bullet.gif?v=0.1.1");
    margin: 1.0em 0;
    line-height: 1.3em;
}
.sectiona ol, .sectionb ol, .sectionc ol, .sectiond ol {
    list-style: decimal outside;
    margin: 1.0em 0;
    line-height: 1.3em;
}
.sectiona ul li, .sectionb ul li, .sectionc ul li, .sectiond ul li,
.sectiona ol li, .sectionb ol li, .sectionc ol li, .sectiond ol li {
    margin: 0.5em 0;
    margin-left: 30px;
}
.sectiona ul ul , .sectionb ul ul, .sectionc ul ul, .sectiond ul ul,
.sectiona ol ol , .sectionb ol ol, .sectionc ol ol, .sectiond ol ol,
.sectiona ul ol , .sectionb ul ol, .sectionc ul ol, .sectiond ul ol,
.sectiona ol ul , .sectionb ol ul, .sectionc ol ul, .sectiond ol ul {
    margin: 0.5em 0;
}


/* =Web Content Manager - Find out More list
--------------------------------------------------------- */
#findoutmore {
    clear: both;
    margin: 1.0em 0;
}
#findoutmore h2 {
    margin-bottom: 0;
}
#findoutmore ul {
    list-style: outside url("http://www.surreycc.gov.uk/__data/assets/image/0007/313/bullet.gif?v=0.1.1");
    padding: 0.5em 5px;
    line-height: 1.3em;
    margin-left: 30px;
}
#findoutmore ul li {
    margin: 0.5em 0;
}


/* =Web Content Manager - Towns and villages listing
   (the actual list of towns - not the A-Z buttons)
--------------------------------------------------------- */

ul.TownsList {
    list-style: none;
}
ul.TownsList li {
    line-height: 1.6em;
    display: block;
    width: 100%;
    padding: 0.2em 0;
    border-bottom: 1px solid #ccc;
}
ul.TownsList ul li {
    display: block;
    width: 35%;
    float: right;
    margin-top: -1.64em;
    border: 0;
    padding: 0;
}


/* =Homepage rows
--------------------------------------------------------- */
div.home-row {
    clear: both;
    margin-bottom: 20px;
    min-height: 1px; /* IE7: 'have layout' */
}
div.home-row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}


/* =Homepage boxes
--------------------------------------------------------- */
div.home-box {
    float: left;
    width: 244.5px;
    margin-left: 10px;
    border: 1px solid #C9E0D8;
}
div.home-box .home-box-inner {
    padding: 0 10px;
    border: 1px solid #FFFFFF;
    min-height: 140px;
}
div.box1 {
    margin-left: 0;
}
div.box1, div.box2, div.box3 {
    background: #E5EEED;
}
div.home-box h2 {
    margin: 0;
    background: #C9E0d8;
    color: #333333;
    padding: 0.25em 10px;
}
div.home-box p {
    text-align: right;
    clear: right;
    margin: 0;
}
div.home-box ul {
    list-style: outside url("http://www.surreycc.gov.uk/__data/assets/image/0007/313/bullet.gif?v=0.1.1");
    margin: 0;
    padding: 0.5em 0;
    line-height: 1.3em;
}
div.home-box ul li {
    margin: 0.5em 0;
    margin-left: 15px;
}


/* =Homepage news box
--------------------------------------------------------- */
#home-news-box, #home-events-box {
    width: 373px;
}
#home-news-box {
    margin-left: 0;
}
#home-news-box .home-box-inner {
    position: relative;
}
#home-news-box ul, #home-events-box ul {
    min-height: 200px;
}
#home-news-box .home-box-inner ul {
    float: right;
    width: 185px;
}
#home-news-box ul li a {
    display: block;
    width: 170px;
}
#home-news-box a span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #02614d;
    height: 200px;
    width: 150px;
    margin-left: 10px;
    margin-top: 10px;
}
#home-news-box a img {
    display: none;
}
#home-news-box li#story1 a img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #02614d;
    height: 200px;
    width: 150px;
    margin-top: 10px;
    margin-left: 10px;
}
#home-news-box .home-box-inner img {
    margin: 10px;
}
#home-news-box h2, #home-events-box h2 {
    border-bottom: 0;
    background: #02614D;
    color: #FFFFFF;
}
#home-news-box p.more img, #home-events-box p.more img {
    display: inline;
    margin: 0 0 2px 0;
    vertical-align: bottom;
}
#home-news-box p.more a span {
    display: inline;
    top: -9999px;
    left: -9999px;
}


/* =Homepage do-it-online box
--------------------------------------------------------- */
#home-do-it-online-box {
    width: 180px;
    float: left;
}
#home-do-it-online-box h2 {
    position: absolute;
    left: -900px;
    top: -900px;
}
#home-do-it-online-box ul {
    list-style: none;
    margin: 0;
}
#home-do-it-online-box ul li {
    display: block;
    line-height: 35px;
    margin: 0 0 4px 0;
    background: #02614d url("http://www.surreycc.gov.uk/__data/assets/image/0008/1340/do-it-online-button-bg.gif?v=0.1.1") bottom left repeat-x scroll;
    min-height: 35px;
}
#home-do-it-online-box ul li a {
    display: block;
    line-height: 35px;
    color: #ffffff;
    padding: 0 10px;
    width: 160px;
    font-size: 130%;
    font-weight: normal;
    background: url("http://www.surreycc.gov.uk/__data/assets/image/0011/1343/do-it-online-button-tl.gif?v=0.1.1") top left no-repeat scroll;
}
#home-do-it-online-box ul li span {
    display: block;
    min-height: 35px;
    width: 180px;
}
#home-do-it-online-box ul li span.tr {
   background: url("http://www.surreycc.gov.uk/__data/assets/image/0012/1344/do-it-online-button-tr.gif?v=0.1.1") top right no-repeat scroll;
}
#home-do-it-online-box ul li span.bl {
   background: url("http://www.surreycc.gov.uk/__data/assets/image/0009/1341/do-it-online-button-bl.gif?v=0.1.1") bottom left no-repeat scroll;
}
#home-do-it-online-box ul li span.br {
   background: url("http://www.surreycc.gov.uk/__data/assets/image/0010/1342/do-it-online-button-br.gif?v=0.1.1") bottom right no-repeat scroll;
}
#home-do-it-online-box ul li span.arrow {
   background: transparent url("http://www.surreycc.gov.uk/__data/assets/image/0016/1339/do-it-online-btn-arrow.gif?v=0.1.1") 160px center no-repeat scroll;
}


/* =Homepage feature box
--------------------------------------------------------- */
#home-promo-box {
    width: 567.5px;
    float: left;
    margin-left: 10px;
    border: 1px solid #c9e0d8;
    min-height: 150px;
}
#home-promo-box p {
    margin: 0;
    color: #000000;
    padding: 5px 10px 5px 10px;
}
#home-promo-box h2 {
    margin: 0;
    background: #c9e0d8;
    color: #333333;
    padding: 0.25em 10px;
}
#home-promo-box img {
    float: right;
    height: 150px;
    width: 200px;
}


/* =Web Content Manager - Events index
--------------------------------------------------------- */
table#events th {
    min-width: 110px;
    width: auto;
}


/* =Web Content Manager - Flickr badge on photo gallery page
--------------------------------------------------------- */
#flickBox {
    width: 760px;
}
#flickBox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
.flickr_badge_image {
    float: left;
    margin: 0 6px 6px 0;
    height: 120px;
    width: 120px;
    overflow: hidden;
}
.flickr_badge_image img {
    margin: 0;
    vertical-align: bottom;
    border: 0;
}

/* =
    SQUIZ
    Category panel
    over-ride some of the SCC defaults
--------------------------------------------------------- */

#scc-related .category-panel h2 {
    color: #FFF;
    background: #F30 url("http://www.surreycc.gov.uk/__data/assets/image/0008/2204/orange-bg.gif?v=0.0.2") left center repeat-x;
    border: 1px solid #FFF;
}
.category-panel div {
    margin-bottom: 10px;
    border: 1px solid #999;
}
.category-panel div div {
    margin-bottom: 0;
    border: 0;
}
.category-panel p a {
    color: #F30 !important;
}
.category-panel img {
    vertical-align: middle;
}
.category-panel ul {
    border: 0 !important;
    margin-bottom: 0 !important;
}

/* =Job alert box
--------------------------------------------------------- */
div#job-alerts {
    background: #F3F3F4 url("http://www.surreycc.gov.uk/__data/assets/image/0007/2203/mail.gif?v=0.0.2") right top no-repeat;
}
#scc-related div#job-alerts h2 {
    color: #F30;
    background: none;

}
div#job-alerts a {
    color: #F30;
}

/* =Job search
--------------------------------------------------------- */
#job-search {
    background: #EEE;
}
#job-search p {
    margin: 5px 0;
}
#job-search p.submit-buttons {
    text-align: right;
}
#job-search form {
    margin: 0 5px;
}
#job-search form input {
    width: 185px;
}
#job-search form select {
    width: 100%;
}
#job-search form option {
    width: 180px;
}
#job-search p.submit-buttons input {
    width: auto;
}
#job-search label {
    font-weight: bold;
    display: block;
}
#job-search .button {
    border: 1px solid #333;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    color: #FFF;
    font-weight: bold;
    margin: 5px 0;
    background: #F30 url("http://www.surreycc.gov.uk/__data/assets/image/0008/2204/orange-bg.gif?v=0.0.2") left center repeat-x;
}

/* =Hot jobs box
--------------------------------------------------------- */
#hot-jobs p {
    margin: 0 5px 10px;
}
#hot-jobs ul li a {
    color: #000;
    font-weight: normal;
}
#hot-jobs p#rsslink {
    display: none;
}

/* =Other
--------------------------------------------------------- */
.sectiona ul, .sectionb ul, .sectionc ul, .sectiond ul {
    line-height:1.3em;
    list-style:disc outside url("http://www.surreycc.gov.uk/__data/assets/image/0007/313/bullet.gif?v=0.1.1");
    margin:1em 0;
}

.empty_news_box    {
    display:none;
}
#home-news-box li a:hover img {
    display: block;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #02614d;
    height: 200px;
    width: 150px;
    margin-top: 10px;
    margin-left: 10px;
}
p.navpage-1{
    display:none;
}