/* COLOUR LEGEND */
/*
BODY COPY: #333
TOP LEVEL HEADINGS: #000
BLUE LINKS: #0089c5
INTRO: #000
GREEN BOX: #e5f4e5;
/*
********************************/

.loading {
    position:fixed;
    top: 50%;
    left: 50%;
    height:64px;
    width:64px;
    background: url('/static/images/icons/16x16/loading.gif') no-repeat center center transparent;
}

/* GENERAL */
*{margin:0;padding:0;}
img{border:0;-ms-interpolation-mode:bicubic;}
.sprite{background:url(../images/sprite.png) no-repeat left top;}
/*FONTS*/
body{background:#fff; color:#fff;font-size:62.5%; font-family: Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif; text-align:center;}
p, blockquote{font-size:1.4em; line-height:1.8em;}
code,kbd,pre{font-size:1.2em;}


@font-face {
    font-family: 'Museo500';
    src: url('museo500-regular-webfont.eot');
    src: url('museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('museo500-regular-webfont.woff') format('woff'),
    url('museo500-regular-webfont.ttf') format('truetype'),
    url('museo500-regular-webfont.svg#Museo500') format('svg');
}


@font-face {
    font-family: 'Museo700';
    src: url('museo700-regular-webfont.eot');
    src: url('museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('museo700-regular-webfont.woff') format('woff'),
    url('museo700-regular-webfont.ttf') format('truetype'),
    url('museo700-regular-webfont.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1,h2,h3,h4,h5,h6{color:#000; font-family: Museo500, Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif; }
h1{font-size:6em;font-weight:normal;line-height:1em;margin:0 0 15px;}
h2, h3{font-size:2.4em; font-weight:normal;    padding-bottom: 6px;}

h4{font-size:1.35em;}
h5,h6{font-size:1.4em;}
li{font-size:1.4em;line-height:1.8em;}
th, td{font-size:1.4em;}
li li, li p{font-size:1em;}


input,textarea,select{font-family: Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif; font-size:1.4em;}

em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;}
fieldset h3{font-size:1em;}
label{font-size:1.4em;}
textarea{font-size:100%;}

abbr, acronym, dfn{cursor:help;border:0;}
a abbr, a acronym, a dfn{cursor:pointer;}

pre ,address{}
p, blockquote{padding:0 0 10px 0;line-height:1.5em;}
blockquote{ border-left:3px solid #e0e0e0; padding-bottom:0; margin-bottom:1.7em; color:#666; font-style:italic; padding-left:16px;}
blockquote p{padding:0 25px 0 0; }
p.intro{font-size:1.6em; color:#000;}


/*MAIN CONTENT ONLY TYPOGRAPHY*/
.main-content h2{padding-bottom:23px;}


/* ANCHORS */
a{text-decoration:none;color:#0089c5;}
a:link{ }
a:visited{ }
a:hover,a:focus,a:active{text-decoration:underline;}
a.cta-link{font-size:1em; text-decoration:none;}
a.cta-link:hover,a.cta-link:focus,a.cta-link:active{text-decoration:underline;}
a.cta-link span{padding-right:3px;}

label a{color:#333;text-decoration:underline}
label a:hover,
label a:focus,
label a:active{text-decoration:none;}

/*specific arrows*/
.main-content h3 a.cta-link{background:url(../images/icons/arrow-right-blue.png) no-repeat right 11px;padding-right:12px;}
.module h3 a.cta-link{background:url(../images/icons/arrow-right-black.png) no-repeat right 7px;padding-right:8px;}

a.cta-link{background:url(../images/icons/arrow-right-black-sm.png) no-repeat right 7px;padding-right:7px;}
a.cta-btt{display:block;color:#666;background:url(../images/icons/arrow-up-black-sm.png) no-repeat left 11px;padding:5px 0 0 11px;}
a.arr{background:url(../images/icons/arrow-right-black-sm.png) no-repeat right 12px;display:inline-block;padding-right:10px;}
a.arrBlue{background:url(../images/icons/arrow-right-blue-sm.png) no-repeat right 8px;color:#0089c5;display:inline-block;padding-right:10px;}
h4 a.arr{background:url(../images/icons/arrow-right-black.png) no-repeat right 12px;color:#333;display:inline-block;padding-right:10px;}
a.cta-jump{font-size:1.4em;background:url(../images/icons/arrow-right-blue-down.png) no-repeat right 6px;     padding-right: 14px;}
.imgText a.arrBlue{font-family: Museo500, Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif}

/*BUTTONS - SOME JS NEEDED FOR HOVER STATES FOR THIS FOR IE ETC*/
a.button, div.button{background:url(../images/sprite.png) no-repeat -490px -199px; color:#fff;cursor:pointer;display:block;float:left; font-size:1.8em;font-family:Museo500, Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif;padding-left:10px;position:relative;text-decoration:none; }
a.button span, div.button input{background:url(../images/sprite.png) no-repeat 100% -160px;cursor:pointer;display:block;float:left;min-height:30px;overflow:hidden;padding:7px 26px 0 11px;position:relative;}
div.button input{ border:none;color:#fff;font-size:1em;font-family:Museo500, Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif;min-height:36px;outline:none;overflow:visible;padding: 4px 11px 6px 2px;width:auto;}

/* mobile safari fix */
div.button input {-webkit-border-radius:0px;}

a.button span span{padding:0 3px 0 0; background:none; min-height:0; }
a.button:hover, a.button:focus, a.button:active, div.button:hover, div.button:focus, div.button:active{background-position:-490px -282px; text-decoration:none;}
a.button:hover span, a.button:focus span, a.button:active span, div.button:hover input, div.button:focus input, div.button:active input{background-position:100% -242px; color:#0089c5;}
a.secondary, div.secondary { background-position:-490px -39px}
a.secondary span, div.secondary input {background-position: 100% -437px;}
a.secondary:hover, a.secondary:focus, a.secondary:active, div.secondary:hover, div.secondary:focus, div.secondary:active{background-position:-490px -119px; }
a.secondary:hover span, a.secondary:focus span, a.secondary:active span, div.secondary:hover input, div.secondary:focus input, div.secondary:active input{background-position:100% -474px; color:#009200;}
a.primary-sm,div.primary-sm {background-position: -490px -355px; font-size:1.4em;min-height:14px;}
a.primary-sm span, div.primary-sm input{background-position:100% -326px;line-height:1.4em;min-height:23px; padding: 2px 10px 3px 0;}
input:: moz-focus-inner{padding:0)}
a.primary-sm:hover, a.primary-sm:focus, a.primary-sm:active, div.primary-sm:hover, div.primary-sm:focus, div.primary-sm:active{background-position:-490px -412px; }
a.primary-sm:hover span, a.primary-sm:focus span, a.primary-sm:active span, div.primary-sm:hover input, div.primary-sm:focus input, div.primary-sm:active input{background-position:100% -384px; color:#009200;}
/* 2.5 LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;padding-bottom:1.7em;}
ol{list-style-type:decimal;}
li{margin:0 0 0 -5;padding:0 0 0 5px;}


dt{display:block;float:left;}
dd{margin-left:10em;}


/* 2.6 TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;border-top:1px solid #000;border-left:1px solid #000;width:100%;margin:0 0 20px 0;}
th{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;background-color:#000;color:#fff;}
th.row-header{background-color:transparent;color:#000;}
td{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;}
tr.alt{background-color:#eee;}

/* 2.6 FORMS  */
form{margin:0;padding:0;}
fieldset{border:0;margin:0;padding:0;}
legend{font-size:1.4em;font-weight:bold;margin:0;padding:0;}


/* label styles */
label{display:block;font-weight:bold;padding:6px 0 2px 0;}
.invalid label{color:#f00;}

/* input styles */
textarea{border:none;font-size:1.4em;padding:0.4em;width:267px;}
input.submit{background:#fff;width:auto;}
input.text{border:none;padding:5px 2px;width:95%;}
input.short{width:50%;}
input.radio{display:block;float:left;margin:0 5px 5px 0;padding:0;}
select{border:none;padding:5px 2px;width:278px;}

/* form */
.form{background:#d9edf6;margin:20px 0;padding:25px 0 15px;}

/* form positioning */
.field{padding:0 0 12px 0;position:relative;width:100%;}

.element{float:left;width:100%;}
.subnav .element{float:none;width:100%;}
.element .col .pb5{padding:0 0 5px 0;}/* uses the base col layout below */
.button-left{float:left;margin-left:206px;padding-top:6px;width:auto;}
.button-right{float:right;width:auto;}
.label{float:left;margin:0;padding:0 12px 0 0;text-align:right;width:90px}
.registration .label{width:195px}
.input{float:left;margin:0;padding:0 10px 0 0;}
.password{margin-left:104px;padding-bottom:5px;}
.password a{color:#333;text-decoration:underline}

.username-info {margin-left:102px;width:277px;text-align:center;padding-bottom:12px;}
.resend-mail {float:right}

.warnEmpty{display:none;}
.warn{clear:both;color:#f00;display:block;font-size:1.4em;margin-left:102px;}
.publisher .info{clear:both;color:#028AC5;display:block;font-size:1.4em;margin-left:102px; padding-top: 1em; }
.publisher .error{clear:both;color:red;display:block;font-size:1.4em;margin-left:102px; padding-top: 1em; }
.registration .warn{margin-left:210px;}
.highlight{color:#F00;}

/* tooltip help */
.helpbutton{background:url(../images/sprite.png) no-repeat 0 -75px;display:block;height:18px;margin-top:5px;overflow:hidden;text-indent:100%;width:19px;}
.tooltip{position:absolute;right:-70px;top:-10px;width:177px;z-index:10}
.tooltip-push-right{right:-150px;}
.tooltip .padding{background:url(../images/layout/bg-help-t.png) no-repeat left top;padding:12px 10px 10px 30px;}
.tooltip-b{background:url(../images/layout/bg-help-b.png) no-repeat right top;height:17px;overflow:hidden;}
.tooltip h3{font-size:1.4em;font-weight:bold;}
.tooltip p{padding-bottom:5px;}
.help .tooltip { display:none; }

#fAccountTypeH h3 {color: #333;}
#fAccountTypeH p {color: #333;}
#fAccountTypeH a {color: #333;}

#fWebsiteH h3 {color: #333;}
#fWebsiteH p {color: #333;}
#fWebsiteH a {color: #333;}

/* LAYOUT */
.page{position:relative;z-index:1;padding:0;text-align:left;color:#333;}/*REPEATING FOOTER GRAPHIC*/
.footer{position:relative;z-index:99999;background:#000;padding:30px 0;margin-top:-89px;}/*STATIC FOOTER GRAPHIC*/


.main-content{background-color:#FFF;}
.container{ padding:41px 0 195px; width:960px; margin:0 auto;}
.additional{float:left;width: 23%;}
.main-content{float:left; padding-right: 8.5%;width: 67%;}
.content, .container{margin:0 auto; width:960px;}



/* HEADER  */
.header{padding:20px 0 18px 0;}
.header h1{margin:0;}
.logo{float:left;width:auto;}

/* NAVIGATION */
/*SHORTCUTS  */
.shortcuts{position:relative;height:0;}
.shortcuts ul, .shortcuts ul li{list-style-type:none;height:0;padding:0;margin:0;}
.shortcuts ul{position:absolute;width:100%;}
.shortcuts li a{display:block;position:absolute;left:-500px;top:-500px;}
.shortcuts li a:focus, .shortcuts li a:active{position:absolute;left:0;top:0;width:100%;text-align:center;color:#000;padding:3px 0;background:#CCC;}
.toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}



/* MODULES */
.module {margin-bottom:35px;}
.module h2{color:#0089c5; font-size:1.4em; text-transform:uppercase; padding-bottom:6px; border-bottom: 1px solid #bfe4f3; margin-bottom:10px; font-weight:bold;}


/* FOOTER LINKS  */
.footer{text-align:left; color:#fff;clear:both;}
.footer a, .footer h2, .footer h3{color:#fff;}
.footer p{padding-bottom:9px;}
.footer h2 {font-size:1.6em; padding-bottom:9px;line-height:1.25em; font-weight:bold; border-bottom:none; margin-bottom:0; text-transform:none;}
.footer ul{list-style-type:none;margin:0;padding:0;}
.footer ul li{margin-left:0; padding:0;}
.footer .utilities{padding-top:16px; border-top:1px solid #262626;}
.footer .utilities ul{float:right;}
.footer .utilities ul li{display:inline;margin:0;padding:0 0 0 16px; font-size:1.2em;}
.footer .utilities ul li a{color:#ccc; }
.footer .col{margin:0 60px 10px 0; width:144px;}/*TEMPORARY WAITING FOR DESIGN FEEDBACK*/
.footer .last{margin-right:0;}
.footer .social ul li{padding-left:7px;}
.footer a.cta-link{background:url(../images/icons/arrow-right-white-sm.png) no-repeat right 7px;padding-right:7px;}


/*REGISTER*/
.register{background:#e5f4e5; padding:17px;}
.register ul {padding-bottom:15px;}
.register ul li{list-style-type:none; padding-left:43px; background:url(../images/icons/tick.png) no-repeat left top;min-height:24px; margin-left:0; padding-bottom:6px;line-height:1.4em;}
.register h2{color:#009200;border:none; padding-bottom:0; font-size:2.4em; text-transform:none;}
.register p{color:#000;  line-height: 1.2em; padding-bottom: 10px;}
.additional .register h2{font-size:1.6em;  margin-bottom: 3px; font-weight:700;}
.additional .register{padding:19px 17px;}/*TO ALLOW FOR FONT PLEASE TRY 19px ALL SIDES WHEN REAL FONT AVAILABLE*/

/*EVENTS & LATEST*/
.posts h3{font-size:1.6em; padding-bottom:2px;}
.posts a{color:#333;font-weight:bold;}
.posts p{line-height:1.4em;  padding-bottom: 8px;}
.posts .link-list{list-style:none;}
.posts .link-list li{margin:0;border-bottom:1px dotted #BFE1F0;padding:4px 0;}
.posts .link-list li.last{border-bottom:0;}
.posts .link-list li a{background: url(../images/icons/arrow-right-black-sm.png) no-repeat right 7px;padding-right:7px;}
.all-posts{font-size:1.2em;  }
.all-posts a{color:#666; }
.post-info .author{display:block; color:#333; padding-bottom:3px;}
.post-info p {color:#666; padding-bottom:0; font-size:1.2em;}
.post-info{border-bottom:1px dotted #bfe1f0;   margin-bottom: 9px;padding-bottom: 9px;}

/* PUBLISHER INTERFACE TEMPLATES */
.publisher .page{padding-bottom:50px;}
.publisher .header{padding-top:20px;border-bottom:3px solid #000;}
.publisher .main-content{width:620px;}
.publisher .footer .utilities{border:none;padding:0;}
.publisher a.logo img{margin-top:2px}

.publisher h1{font-size:4.7em;}
.publisher .form{margin:26px 0 36px;;padding-bottom:20px;}
.publisher .form .text{width:273px;}
.publisher .form #controlcode.text{width:150px;float:left;}
.publisher .form .captcha{ float:left; height:26px; margin-left:4px; background-color:#444444; color:#ffffff;}
.publisher .field-alt{padding-left:102px;}
.publisher .registration .field-alt{padding-left:210px;}

.publisher .field-alt .element, .publisher .field-alt .input{float:none;}
.publisher .field-alt label{font-size:1.2em;padding:0 0 0 10px;width:300px;}
.publisher .field-alt label, .publisher .field-alt input{float:left;display:block;}
.publisher .field-alt .warn{margin-left:0px;}

.publisher div.button{margin-top:10px;}
.publisher div.button input{padding-left:10px;padding-right:18px;}

.publisher .info-summary{padding:0 30px 10px;}
.publisher .info-summary h2, .publisher .error-summary p, .publisher .error-summary a, .publisher .invalid .warn {color:#444444;}
.publisher .info-summary span { font-size:1.4em }

.publisher .error-summary{padding:0 30px 10px;}
.publisher .error-summary h2, .publisher .error-summary p, .publisher .error-summary a, .publisher .invalid .warn {color:#cd006d;}
.publisher .invalid .warn.info { color: #444444 }
.publisher .error-summary h2{padding-bottom:0;}
.publisher .error-summary p{padding-bottom:0.5em;}
.publisher .error-summary ul{}
.publisher .error-summary li{list-style-position:inside;}
.publisher .invalid{position:relative;}
.publisher .invalid label{color:#333333;}
.publisher .field .warn {display:none;}
.publisher .field.invalid.hasChanged .warn {display:block;}
.publisher .field .newsletterinfo { display:none;}
.publisher .field.invalid .newsletterinfo { display:block;}
.publisher .invalid .warn{visibility:visible;}


/* 6.0 CLEARING AND GENERIC STYLES  */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0px;}
.clear{display:block;}
.padding{padding:10px;}
.hide{display:none;}
.accessibility{position:absolute;left:-9999em;top:-9999em;width:100px;}

.cookies { display:none; font-size:120%; text-align: left; margin:10px 0px; padding:10px; color: #333333; position:relative; -khtml-border-radius: 7px; -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius:7px; border: 1px solid #FDABAE;   background: #FFDFE0; }
.cookies a{ color:#447755;}
.generatecodetext { display:block; clear:left; text-align:right; padding-top:3px; }
.maildelivered { display:block; }
