/*====================================================================*/
/* Technophobia */
/* Created July 2011 */
/* Print styles */
/*====================================================================*/

/* ------------------------------------------------------------------ */
/* =General */
/* ------------------------------------------------------------------ */


/*Hide stuff*/

.skip,
#sheff-nav,
#global-search-container,
#nav,
.translate,
#footer-links,
#accessibility,
#global-functions,
#search-panel,
.button-wrapper,
#top-nav ul,
.sheff-first #sh-footer ul,
.mgnlMainbar,
#analytics-panel,
#analytics-opener,
#sheff-nav,
#site-info #text-size,
#global-search-container,
#global-functions,
ul.home-nav,
.home-feature,
#header-functions,
.logos,
#sh-footer ul,
.hal .logo,
.mgnlMainbarPreview,
.mgnlMainbar,
.contacts-logos ul li.email { display: none; }


/* Clearfixes */

.clearfix:after,
#breadcrumbs:after,
#breadcrumbs ul:after,
.article-header:after,
.image-container:after,
#site-info ul:after,
.portal_5_2 .standard-right:after,
.portal_5_2 .standard-left:after,
#branding:after,
#home .row:after,
.standard-left:after,
.standard-right:after,
#sh-footer ul.date-stamps:after,
ul#created:after,
.contacts-logos ul:after,
h3.downloads:after,
h3.downloads ul:after,
.content-block:after { display: block; clear: both; visibility: hidden; height: 0; content: ".";}

/*Additional clearing for good 'ole ie*/
#branding,
#breadcrumbs ul,
.article-header,
.content-block {display: block; zoom: 1;}

.standard-left,
.standard-right {clear: both;}

body {
    font-size: 81.25%; 
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    color: #000; 
    }
    
#wrapper {
    width: 90%;
    margin: 0 auto;
    }
    
a:link,
a:visited {
    color: #205885;
    text-decoration: none;
    }
    
#wrapper-3 { padding-top: 20px; }
    
/* ------------------------------------------------------------------ */
/* =Breadcrumbs */
/* ------------------------------------------------------------------ */

#breadcrumbs {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    }
    
#breadcrumbs ul {
    list-style: none;   
    padding: 2px 6px;
    margin: 0;
    }
    
#breadcrumbs ul li {
    font-size: 0.95em;
    float: left;
    padding-right: 8px;
    }
    
#breadcrumbs ul li a {
    float: left;
    padding: 0 12px 0 0;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    white-space: nowrap;
    }
    
#breadcrumbs ul li a:after {
    content: " :"    
    }
    
#breadcrumbs p {
    text-align: center;
    }
    
#breadcrumbs p a {
    text-decoration: none;
    }
    
/* ------------------------------------------------------------------ */
/* =Templates */
/* ------------------------------------------------------------------ */    


/*Standard left*/

.standard-left img {
    float: left;
    margin-right: 10px;
    padding-right: 0;
    }

img {
    border: 0 none;
    }
    
.standard-left img.left,
.article-header img.left {float: left;}
.standard-left img.right,
.article-header img.right {float: right;}

img.left,
div.left { margin-right: 10px; }
img.right,
div.right { margin-left: 10px; }
    
/*Downloads*/

.content-block h3.downloads {
    border-bottom: 1px solid #E5E5E5;
    }
    
.content-block ul.file_list {
    list-style-type: none;
    padding: 10px 0;
    }

.content-block ul.file_list li {
    background-color: transparent;
    background-position: 0 5px;
    background-repeat: no-repeat;
    margin-left: 0;
    padding: 3px 0 2px 25px;
    }

/*Created stamps*/

ul#created {
    display: block;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    list-style: none;   
    padding: 2px 0;
    margin: 10px 0;
    }


#created li {
    list-style: none;   
    padding: 2px 6px;
    margin: 0;
    display: inline;
    line-height: 1em;
    padding-left: 5px;
    }
    
#sh-footer ul.date-stamps{
    display: block;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    list-style-type: none;
    padding: 3px 0;
    }
    
#sh-footer ul.date-stamps li {
    float: left;
    padding-right: 20px;
    }
    
    
/*Landing pages*/

.article-header {
    background: transparent !important;
    border-bottom: 1px solid #E5E5E5;
    }
    
#wrapper .sub-article,
.s019-sub-article{
    border-bottom: 1px solid #E5E5E5;
    }
    
#wrapper h2.sub-article a {
    font-size: 0.8em;
    color: #000;
    }
    
#wrapper h2.sub-article em {
    font-weight: normal;
    font-style: normal;
    font-size: 0.9em;
    }
    
/*Definition lists*/
    
dl dt {
    font-weight: bold;    
    padding: 10px 0 0 0;
    }

dl dd {
    padding: 0 0 0 10px;    
    }

dl dt img,
.standard-left dl img {
    display: block;
    margin: 0 auto;
    float: none;
    }
    
dd.document {
    background-color: transparent;
    background-position: 0 5px;
    background-repeat: no-repeat;
    margin-left: 0;
    padding: 3px 0 2px 25px;
    }
    

/*Directory builder styles*/

/*Multi-col Search results table*/

table.search-results {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    font-family: verdana, helvetica, sans-serif;
    }

table.search-results thead th {
    text-align: left;
    }

table.search-results thead th a {
    white-space:nowrap;
    }
    
table.search-results tbody th {
    text-align: left;
    }

table.search-results td,
table.search-results th {
    padding: 4px;
    vertical-align: top;
    border: 1px solid #E5E5E5;
    }
    
    
/*Single col search results*/

.content-block ol.search-results {
    list-style-type: none;
    left: 0;
    padding: 0;
    margin: 10px 0;	
    }

.content-block ol.search-results li {
    padding: 0;
    margin: 0;
    }

.content-block ol.search-results li a {
    padding: 4px;
    display: block;
    }

.content-block ol.search-results li.odd {
    border: 1px solid #E5E5E5;
    }

.content-block ol.search-results li h2 {
    padding: 4px;
    }
    
ol.search-results li a {
    color: #000;
    font-weight: normal;
    }

#glossary-index {
    overflow: hidden;
    width: 100%;
    margin: 0 0 20px 0;
    }
    
#glossary-index ul {
    margin: 0;
    left: 0;
    text-transform: uppercase;
    }
    
#glossary-index li {
    list-style: none;
    float: left;
    margin: 0 1px 3px 0;
    padding: 0;
    font-size: 100%;
    }
    
#glossary-index li.show-all {
    text-transform: capitalize;
    margin-right: 0;
    font-size: 90%;
    }
    
#glossary-index li a,
#glossary-index li span {
    display: block;
    border: 1px solid #ebebeb;
    padding: 1px 3px 1px 4px;
    min-width: 12px;
    text-align: center;
    }
    
#glossary-index li.show-all a,
#glossary-index li.show-all span {
    padding-top: 3px;
    }
    
#wrapper-2 form fieldset #glossary-index li span {
    float: none;
    width: auto;
    font-size: 1em;
    }
    
/* Paging */
.pager {
    overflow: hidden;
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
    }
    
.pager ul {
    left: 0;
    font-weight: bold;
    margin: 20px 0;
    }
    
.content-block .pager li {
    float: left;
    margin: 0;
    list-style: none;
    text-align: center;
    }

.pager h2 {
    padding: 3px 15px 0 0;
    }
 
.pager li a,
.pager li strong,
.pager li span {
    display: block;
    padding: 2px 2px 2px 3px;
    }
 
.pager li span { 
    font-weight: normal;
    }
    
/*Double Top Template*/

.double-top img {
    padding: 4px;
    }

.double-top img.first {
    float: left;
    }

.double-top img.last {
    float: right;
    }
    
/* ------------------------------------------------------------------ */
/* =Forms */
/* ------------------------------------------------------------------ */

.content-block div.error h2 {
    color: #9e0117;
    }
    
#wrapper-2 div.error ul li a {
    color: #9e0117;
    }

#wrapper-2 fieldset {
    border: none;
    margin: 0;
    padding: 0;
    }
    
#wrapper-2 form fieldset div label span {
    margin-top: 1em;
    display: block;
    font-weight: bold;
    width: 100%;
    }
    
#wrapper-2 label span dfn {
    font-weight: normal;
    }
    
#wrapper-2 label span em {
    display: block;
    background: #fdf1f4;
    padding: 2px 4px;
    margin: 1.5em 0 0.2em 0;
    font-style: normal;
    }
    
#wrapper-2 form input,
#wrapper-2 form textarea,
#wrapper-2 form select {
    width: 95%;
    border: 1px solid #C3C3C3;
    font-size: 1em;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    padding: 1px 1%;
    }
    
#wrapper-2 form select {
    padding: 0;
    }
    
#wrapper-2 form textarea { 
    height: 12em;
    }
    
#wrapper-2 form textarea.small { 
    height: 6em;
    }
    
#wrapper-2 form input.small {
    width: 13%;
    }
    
#wrapper-2 form input.medium {
    width: 28%;
    }
    
#wrapper-2 form fieldset fieldset input {
    width: 1.5em;
    border: none;
    }
    
#wrapper-2 form fieldset fieldset legend {
    display: none;
    }
    
#wrapper-2 form fieldset .button-wrapper {
    margin-top: 1em;
    }
    
#wrapper-2 form fieldset .button-wrapper input {

    }
    
#wrapper-2 form fieldset div span {
    display: block;
    font-size: 0.8em;
    }
    
#wrapper-2 form fieldset div label span {
    float: none;
    font-size: 1em;
    background: none;
    }
    
#wrapper-2 form fieldset div {
    clear: both;
    }

#wrapper-2 form fieldset div.form-item-s,
#wrapper-2 form fieldset div.form-item-m,
#wrapper-2 form fieldset div.form-item-l {
    margin-right: 2%;
    float: left;
    clear: none;
    }
    
#wrapper-2 form fieldset div.form-item-s {
    width: 15%;
    }
    
#wrapper-2 form fieldset div.form-item-m {
    width: 30%;
    }
    
#wrapper-2 form fieldset div.form-item-l {
    width: 50%;
    }
    
#wrapper-2 form div.form-item-s input,
#wrapper-2 form div.form-item-m input,
#wrapper-2 form div.form-item-l input {
    width: 100%;
    }
    
.content-block form h2 {
    padding: 10px 5px 5px 0;
    }
    
.content-block form p {
    padding: 10px 0 0 0;
    }
    
/*Horizontal radios/checkboxes*/

#wrapper-2 fieldset fieldset.mod .form-item {
    clear: none;
    float: left;
    margin-right: 10px;
    width: auto;
    white-space: nowrap;
    }
    
#wrapper #wrapper-2 table.mgnlControlBarSmall td span {
    float: none;
    width: auto;
    font-size: 1em;
    display: block;
    }
    
/*2 columns*/

.standard-left img {
    float: left;
    margin: 0 10px 10px 0;
    }

.standard-right img {
    float: right;
    margin: 0 0 10px 10px;
    }
    
    
/* SCC Homepage*/
    
/*Homepage second row*/

div.hp-col {
    float: left;
    width: 292px;
    margin: 20px 15px 0 0;
    background: #fff;
    min-height: 525px;
    line-height: 1.4em;
    }
    
div.last { margin-right: 0;}

div.hp-col h2 {
    font-family: Georgia,Lucida Sans Unicode,Lucida Grande,sans-serif;
    font-size: 1.3em;
    padding: 4px 10px 8px 10px;
    font-weight: normal;
    min-height: 30px;
    }
    
/*Outer list*/
div.hp-col ul {
    margin: 0 10px 10px 10px;
    padding: 0;
    }
    
div.hp-col li {
    padding: 0 0 0 67px ;
    font-weight: bold;
    display: block;
    position: relative;
    }
        
div.hp-col ul li img {
    position: absolute;
    left: 0;
    }
    
div.hp-col li h3 {
    font-size: 1em;
    padding: 4px 0;
    }
    
div.hp-col li a {
    color: #205885;
    text-decoration: none;
    }
    
div.doit-list li a {
    display: block;
    }

/*Inner list*/

div.hp-col ul ul {
    margin: 0 0 15px 0;
    }
    
div.hp-col ul ul li {
    padding: 0 0 0 0;
    font-weight: normal;
    }
    
div.hp-col ul ul li a {
    color: #000;
    display: inline;
    text-decoration: none;
    }
    
/*Most popular (inline links)*/

div.popular-list ul ul li {
    display: inline;
    }
    
/*On the web*/
div.ontheweb-list ul {
    margin: 0 10px -10px 10px;
    }
    
div.ontheweb-list li {
    padding: 0 35px 28px 35px;
    font-size: 0.8em;
    }

div.ontheweb-list li a {
    color: #000;
    }

div.ontheweb-list li a,
div.ontheweb-list li strong,
div.ontheweb-list li span {
    font-weight: normal;
    }
    
div.ontheweb-list li strong {
    display: block;
    font-size: 1.2em;
    }
    
div.ontheweb-list li span strong {
    display: inline;
    font-size: 1em;
    font-weight: bold;
    }
            
div.ontheweb-list ul li img {
    position: relative;
    left: 0;
    }
        
div.ontheweb-list ul li a.first,
div.ontheweb-list ul li img.first {
    position: absolute;
    display: block;
    left: 0;
    top:0;
    width: 25px;
    height: 25px;
    }

div.ontheweb-list ul li a.last,
div.ontheweb-list ul li img.last {
    position: absolute;
    display: block;
    left: 245px;
    top:0;
    }

.standard-left,
.standard-right {
    margin-bottom: 10px;
    }

img.standard-left,
img.standard-right {
    margin-bottom: 0;
    }
    
img.centre,
div.centre img {
    display: block;
    float: none;
    margin: 5px auto;
    }
    
.content-block ul li,
.content-block ol li,
.standard-right ul li,
.standard-right ol li {
    margin-left: 10px;
    padding-left: 5px;
    }
    
.content-block ol, .content-block ul {
    left: 20px;
    list-style-type: square;
    margin: 10px 30px 10px 20px;
    position: relative;
    }
    
/*Sheffield First*/
    
.sheff-first p.logo {
    float: left;    
    }
    
.sheff-first #top-nav h2 {
    float: right;
    font-weight: normal;
    }
    
.sheff-first .tagline,
.copyright {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    text-align: center;
    }
    
/*Homes & Loans*/

.hal #branding-inner h2 strong {
    display: block;
    font-size: 1.6em;
    }
    
/*S19*/

.s19 #wrapper-3 .columns-three .column .header h2 {
    background: transparent !important;
    color: #000;
    }
    
/*Signpost*/


/*Contact details and logos*/
    
.contacts-logos {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding: 0;
    }
    
.contacts-logos ul li {
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    list-style-type: none;
    margin-right: 10%;
    }
    
.contacts-logos ul li img {
    margin-left: 30px;
    }