﻿/*
    Title:    Screen styles
    Author:   Innovation Digital
*/


/* Base styles
------------------------------------------------------------------------------------------------------------------------ */

h1 { color:#D23900; font-size:2.25em; font-weight:bold; line-height:1.25em; margin:0.25em 0 0.25em 0; }
h2 { color:#D23900; font-size:1.25em; font-weight:bold; line-height:1.25em; margin:0.65em 0 0.5em 0; }
h3 { color:#D23900; font-size:1.1em; font-weight:bold; line-height:1.25em; margin:0.65em 0 0.5em 0; }
h4 { color:#D23900; font-size:1em; font-weight:bold; line-height:1em; margin:0.75em 0 0.5em 0; }

a:link, a:visited { color:#00709D; text-decoration:none; font-weight:bold;}
a:hover, a:active { color:#D23900; text-decoration:underline; }
a.new-window { background:url(/images/widgets/new-window.gif) no-repeat 100% 50%; display:inline-block; padding-right:20px; }

em { font-style:italic; }
strong { font-weight:bold; }
dl, dt, dd, ul, ol, pre, p, blockquote { margin:1.5em 0; }
input, textarea { color:#445561; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
select { color:#445561; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }

ul { margin:1.5em 0; }
ul li { list-style:disc url(/images/structure/bullet.png) outside; margin:0 0 0 20px; }
ol { margin:1.5em 0; }
ol li { list-style:decimal none outside; margin:0 0 0 20px; }

table               { border-collapse:collapse; line-height:1.2em; margin:1.5em 0;  }
table caption       { color:#999; margin-bottom:5px; text-align:left; }
table tr td         { border:solid 1px #d9d9d9; padding:7px 10px; }
table tr.header     { background:#D23900; color:#fff; font-size:1.1em; font-weight:bold; }
table tr.header td  { border-right-color:#fff; }
table tr.header td:last-child { border-right-color:#d9d9d9; }
table tr.odd        { background:#f5f5f5; }
table tr.even       { background:#fff; }

img { vertical-align:middle; }
img.left { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

.hide { display:none; }
.clear { clear:both; }
.relative { position:relative; }
.left { float:left; }
.right { float:right; }
.hr { background:#ddd; height:1px; width:100%; }
.tab-left { margin-left:20px; }
.tab-right { margin-right:20px; }
.small-text { font-size:0.9em; }
.large-text { font-size:1.5em; }
.highlight { color:#D23900; }
.block-highlight {
    border-left:solid 5px #D23900;
    color:#D23900;
    font-family:Trebuchet MS,arial,sans-serif;
    font-size:1.5em;
    line-height:1.3em; 
    padding-left:12px;
}

.clear { clear:both; }
.clear-self:before, .clear-self:after { content:""; display:table; }
.clear-self:after { clear:both; }
.clear-self { zoom:1; }

body
{
    background:#fff url(/images/structure/graduation.jpg) repeat-x top;
}

input[type="submit"]
{
    background-color:#333;
}

input[type="submit"]:hover
{
    background-color:#D23900;
}


/* Jquery-ui overrides */
.ui-widget {
    color:#445561 !important;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


/* Grid and cell styles
------------------------------------------------------------------------------------------------------------------------ */

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {	float:left;	margin:0; padding:0; position:relative; }
.grid-1 { width:80px; }
.grid-2 { width:160px; }
.grid-3 { width:240px; }
.grid-4 { width:320px; }
.grid-5 { width:400px; }
.grid-6 { width:480px; }
.grid-7 { width:560px; }
.grid-8 { width:640px; }
.grid-9 { width:720px; }
.grid-10 { width:800px; }
.grid-11 { width:880px; }
.grid-12 { width:960px;}

.cell-1, .cell-2, .cell-3, .cell-4, .cell-5, .cell-6, .cell-7, .cell-8, .cell-9, .cell-10, .cell-11, .cell-12 {	float:left;	margin:5px 10px; padding:0; position:relative; }
.cell-1 { width:60px; }
.cell-2 { width:140px; }
.cell-3 { width:220px; }
.cell-4 { width:300px; }
.cell-5 { width:380px; }
.cell-6 { width:460px; }
.cell-7 { width:540px; }
.cell-8 { width:620px; }
.cell-9 { width:700px; }
.cell-10 { width:780px; }
.cell-11 { width:860px; }
.cell-12 { width:940px; }


/* Base template styles
------------------------------------------------------------------------------------------------------------------------ */

body {
    color:#445561;
    font:0.75em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#page-wrap {
    margin:0 auto;
    width:980px;
}

#page-top {
    clear:both;
    float:left;
    margin:0;
    width:960px;
}

#page {
    clear:both;
    float:left;
    margin:0;
    padding:10px 0 0 0;
    width:960px;
}

section {
    min-height:240px;
}

/* Google translate */
#google-translate select {
    background:#fff !important;
    border:1px solid #ddd;
    font:100% Arial, Helvetica, sans-serif;
    padding:5px;
}

/* Text size */
#text-size {
    float:right;
}

#text-size span {
    display:block;
    float:left;
    font-weight:bold;
    margin-right:3px;    
}

#text-size ul {
    float:left;
    margin:0;
    padding:0;
}

#text-size ul li {
    float:left;
    list-style:none none outside;
    margin:0 0 0 7px;
    padding:0;
}

#text-size ul li a {
}

#text-size ul li a:hover,
#text-size ul li a:active {
}

#text-size ul li a.selected,
#text-size ul li a.selected:hover,
#text-size ul li a.selected:active {
    font-weight:bold;
}

#title
{
    
}

/* Quick Links */
.quick-links {
    clear:both;
    float:right;
    margin:5px 0;
}

.quick-links label {
    float:left;
    font-size:1.25em;
    font-weight:bold;
    margin:0.4em 10px 0 0;
}

.quick-links .links {
    float:left;
}

.quick-links .links select {
    background:#fff !important;
    border:1px solid #ddd;
    font:100% Arial, Helvetica, sans-serif;
    margin:0;
    padding:5px;
}

/* Website logo */
#website-logo {
    float:left;
    margin-top:15px;
}

/* Header text */
#header-text {
    color:#fff;
    float:left;
    font-size:1.25em;
    font-weight:bold;
    line-height:1.25em;
    margin-left:30px;
    margin-top:15px;
    width:220px;
}

#header-text p {
    margin:0.5em;
    padding:0;
}

/* Header nav */
#header-nav {
    float:right;
}

#header-nav ul {
    margin:0;
    padding:0;
}

#header-nav ul li {
    display:inline-block;
    margin:0;
    border-left:1px solid #464A52;
}

#header-nav ul li.node-1 {
    border-left:none;
}

#header-nav ul li a 
{
    color:#fff;
    margin:0 5px;
    font-weight:normal;
}

#header-nav ul li a:hover,
#header-nav ul li a:active 
{
    color:yellow;
}

#header-nav ul li a.selected,
#header-nav ul li a.selected:hover,
#header-nav ul li a.selected:active {
    font-weight:bold;
}

/* Membership status */
.membership-status {
    clear:both;
    float:left;
    font-weight:bold;
    margin:0 0 0 240px;
}

/* Header search */
#header-search {
    clear:right;
    float:right;
    margin:0 0 0 0;
    padding:0 0 10px 15px;
    border-left:1px solid #464A52;
}

#header-search label {
    color:#fff;
    font-weight:bold;
}

#header-search .keyword {
    float:left;
}

#header-search input[type="text"] {
    background:#fff !important;
    border:1px solid #ddd;
    color:#444;
    font:100% Arial, Helvetica, sans-serif;
    margin:0;
    padding:0 10px;
    border-radius:5px;
    min-height:32px;
    width:130px;
}

#header-search .button {

    background:#333;
    border-radius:5px;
    color:#fff;
}

#header-search input[type="submit"] 
{
    border:0;
    border-radius:5px;
    color:#fff;
    cursor:pointer;
    font-weight:bold;
    margin:0;
    padding:5px 10px;
    height:34px;
    float:right;
}

#header-search input[type="submit"]:hover {
    
}

/* Header icons */
#header-icons {
    float:right;
}

#header-icons ul {
    clear:both;
    float:right;
    margin:0;
    padding:0;
}

#header-icons ul li {
    display:inline-block;
    margin-left:2px;
}


/* Main nav styles
------------------------------------------------------------------------------------------------------------------------ */

#main-nav {
    clear:both;
    float:left;
    margin:0;
    padding:0;
    width:940px;
}

#main-nav ul {
    background:#fff;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    width:940px;
}

#main-nav ul li {
    float:left;
    list-style:none none outside;
    margin:0 1px 0 0;
    padding:0;
    width:156px;
}

#main-nav ul li.last {
    margin-right:0;
    width:155px;
}

#main-nav ul li a {
    background:#00709D;
    color:#fff;
    display:block;
    font-size:1em;
    font-weight:bold;
    line-height:1.2em;
    margin:0;
    min-height:1.6em;
    padding:4px 10px 10px 10px;
}

#main-nav ul li:hover a {
    background-color:#22bed6;
    text-decoration:none;
}

#main-nav ul li.selected a {
    background-color:#D23900;
}

/* Drop nav */
#main-nav ul li ul {
    border-top:solid 6px #D23900;
    
    -moz-box-shadow: 0 0 5px 5px #e1e1e1;
    -webkit-box-shadow: 0 0 5px 5px #e1e1e1;
    box-shadow: 0 3px 2px 2px  rgba(130,130,130,0.5);
    
    clear:both;
    left:-1000em;
    list-style:none none outside;
    margin:0;
    padding:0;
    position:absolute;
    top:100%;
    width:220px;
    z-index:100;
}

#main-nav ul li:hover ul {
    left:auto;
}

#main-nav ul li.last:hover ul{
    left:auto;
    right:0;
}

#main-nav ul li:hover ul li {
    border-bottom:1px solid #dcdcdc;
    margin:0;
    padding:0;
    width:220px
}

#main-nav ul li:hover ul li.first {
}

#main-nav ul li:hover ul li a {
    background-color:#fff;
    background-image:none;
    color:#445561;
    display:block;
    font-size:1em;
    font-weight:normal;
    margin:0;
    min-height:16px;
    padding:7px 10px;
}

#main-nav ul li:hover ul li:hover {
}

#main-nav ul li:hover ul li a:hover,
#main-nav ul li:hover ul li a:active {
    background-color:#f6f6f6;
}

#main-nav ul li:hover ul li a.selected,
#main-nav ul li:hover ul li a.selected:hover,
#main-nav ul li:hover ul li a.selected:active {
    background-color:#00709D;
    color:#fff;
    font-weight:bold;
}


/* Breadcrumb styles
------------------------------------------------------------------------------------------------------------------------ */

#breadcrumb ul {
    float:left;
    margin:0;
}

#breadcrumb ul li {
    float:left;
    list-style:none;
    margin:0 3px 0 0;
}

#breadcrumb ul li.last {
    font-weight:bold;
}

#breadcrumb ul li a{
    color:#445561;
}

#breadcrumb ul li a:after{
    
    padding-left:3px;
}

/* Facebook like */
.fb-like {
    float:right;
    margin-left:10px;
}

/* Add this */
#add-this {
    float:right;
    margin-left:10px;
}

/* Generate PDF */
#generate-pdf {
    float:right;
    margin-left:10px;
}


/* Footer styles
------------------------------------------------------------------------------------------------------------------------ */

footer {
    min-height:180px;
    border-top: 3px solid #E2E1DE;
}

/* Last updated date */
#last-updated-date {
    clear:both;
    color:#d5d5dc;
    font-style:italic;
    margin:5px 0 0 0;
}

/* Footer nav */
#footer-nav ul {
    float:left;
    margin:0;
    padding:5px 0 5px 0;
}

#footer-nav ul li {
    display:inline-block;
    list-style:none none outside;
    margin:0 5px 0 0;
    padding-left:0;
}

#footer-nav ul li a{

}

/* Footer text */
#footer-text {
    clear:both;
    float:left;
}

#footer-text p{
    margin:0.5em 0;
    line-height:1.2em;
}

/* Footer icons */
#footer-icons {
    float:right;
    padding:10px 0 5px 0;
}

#footer-icons ul {
    clear:both;
    float:right;
    margin:0;
}

#footer-icons li {
    display:inline-block;
    margin:0 0 0 5px;
}

/* Footer credits */
#footer-credits {
    clear:both;
    float:right;
    margin:5px 0 0 0;
    padding:0;
}

#footer-credits a{
    
}

/* Copyright */
#footer-copyright{
    clear:both;
    color:#d5d5dc;
    float:right;
    margin:5px 0 0 0;
}


/* Sub nav styles
------------------------------------------------------------------------------------------------------------------------ */

#sub-nav {
    margin:0 0 10px 0;
    border-right:1px solid #EFEFEF;
}

#sub-nav .section-title{
    padding:0;
}

#sub-nav h2 {
    background:#D23900;
    color:#fff;
    font-size:1em;
    margin:0;
    padding:0.5em;
}

/* Sub nav (nav level 2) */
#sub-nav ul {
    margin:0;
    padding:0;
}

#sub-nav ul li {
    border-bottom:1px solid #EFEFEF;
    margin:0 5px 0 13px;
    list-style:disc url(/images/structure/sub-nav.gif) outside;
}

#sub-nav ul li a {
    color:#445561;
    display:block;
    line-height:1.2em;
    padding:5px 0;
    font-weight:normal;
}

#sub-nav ul li a:hover,
#sub-nav ul li a:active {
    text-decoration:none;
}

#sub-nav ul li a.open {
    font-weight:bold;
}

#sub-nav ul li a.open:hover,
#sub-nav ul li a.open:active {
}

#sub-nav ul li a.selected {
    color:#D23900;
    font-weight:bold;
}

#sub-nav ul li a.selected:hover,
#sub-nav ul li a.selected:active {
}

/* Sub nav (nav level 3) */
#sub-nav ul li ul {
    background:#fff;
    margin-bottom:7px;
}

#sub-nav ul li ul li {
    border-bottom:none;
    list-style:none;
}

#sub-nav ul li ul li a {    
    padding:2px 0 0 0;
}

#sub-nav ul li ul li a:hover,
#sub-nav ul li ul li a:active {
}

#sub-nav ul li ul li a.open {
    font-weight:bold;
}

#sub-nav ul li ul li a.open:hover,
#sub-nav ul li ul li a.open:active {
}

#sub-nav ul li ul li a.selected {
    font-weight:bold;
}

#sub-nav ul li ul li a.selected:hover,
#sub-nav ul li ul li a.selected:active {
}

/* Sub nav (nav level 4) */
#sub-nav ul li ul li ul {
    
    margin:3px 0;
}

#sub-nav ul li ul li ul li {
    
}

#sub-nav ul li ul li ul li a {
    padding:2px 0 0 0;
}

#sub-nav ul li ul li ul li a:hover,
#sub-nav ul li ul li ul li a:active {
}

#sub-nav ul li ul li ul li a.selected {
}

#sub-nav ul li ul li ul li a.selected:hover,
#sub-nav ul li ul li ul li a.selected:active {
}


/* Additional content area styles
------------------------------------------------------------------------------------------------------------------------ */

#item-date-wrap {
    font-weight:bold;    
    margin:10px 0;
}

.item-date {

}

.item-date-notes {
}

.page-intro {
    font-family:Trebuchet MS,Arial,sans-serif;
    font-size:1.5em;
    letter-spacing:-1px;
    line-height:1.3em;
    margin:0.7em 0;
}

#side-content {
    background:#fff;
    /*border:dashed 1px #ccd0d5;
    padding:4px 14px;*/
    width:190px;
}

#extra-content {
    background:#fff;
    border:dashed 1px #ccd0d5;
    padding:4px 14px;
    width:190px;
}


/* Quick list styles
------------------------------------------------------------------------------------------------------------------------ */

.quick-list {
    border-bottom:solid 1px #D23900;
    float:left;
    margin:0 0 20px 0;
    min-height:280px;
    padding:0;
    width:220px;    
}

.quick-list .heading {
    background:#D23900;
    border-bottom:solid 1px #fff;
    color:#fff;
    float:left;
    width:100%;
}

.quick-list .heading h2 {
    background:#D23900;
    color:#fff;
    font-size:1.3em;
    margin:0.5em 10px;
}

.quick-list .content {
    clear:both;
    float:left;
}

.quick-list .text p{
    margin:0.75em 0;
}

.quick-list ul {
    margin:0;
}

.quick-list ul li {
    clear:both; 
    list-style:none none outside;
    margin:0.75em 0;
    padding:0;
    position:relative;
}

.quick-list ul li .image {
    display:none;
    float:right;
    margin:0 0 10px 10px;
}

.quick-list ul li .image img {
    width:80px;
}

.quick-list ul li h3 {
    font-size:1.1em;
    font-weight:bold;
    margin:0 0 0.25em 0;
}

.quick-list ul li h3 a {
    color:#D23900;
}

.quick-list ul li h3 a:hover,
.quick-list ul li h3 a:active {
}

.quick-list ul li .date {
    font-weight:bold;
}

.quick-list ul li .summary {
    display:block;
    margin:0.5em 0;
}

.quick-list ul li .summary p {
    margin:0.75em 0;
}


/* List panel styles
------------------------------------------------------------------------------------------------------------------------ */

.list-panel {
    float:left;
    margin:0 0 20px 0;
    padding:0;   
}

.list-panel .heading{
}

.list-panel .heading h2{
    background:#f1f1f1;
    color:#445561;
    font-size:1.2em;
    margin:0;
    padding:0.75em;
}

.list-panel .heading h2 a{
    color:#445561;
}

.list-panel .content {
    clear:both;
    float:left;
}

.list-panel .content .text p{
    margin:0.75em 0;
}

.list-panel .results{
    float:left;
}

.list-panel .results ul{
    margin:0.5em 0;
}

.list-panel .results ul li {
    clear:both; 
    list-style:none none outside;
    margin:0 0 7px 0;
    padding:0 0 4px 0;
    position:relative;
}

.list-panel .results .image {
    float:right;
    margin:0 0 10px 10px;
}

.list-panel .results .image img {
    width:80px;
}

.list-panel .results .heading {
    font-size:1.1em;
    font-weight:bold;
    line-height:1.2em;
    margin:0 0 0.25em 0;
}

.list-panel .results .heading a 
{
    color:#00709D;
}

.list-panel .results .heading a:hover,
.list-panel .results .heading a:active 
{
    text-decoration:underline;
    color:#D23900;
}

.list-panel .results .date {
    font-weight:bold;
}

.list-panel .results .summary {
    display:block;
    margin:0.5em 0;
}


/* Rotating panel styles
------------------------------------------------------------------------------------------------------------------------ */

ul.rotating-panel {
    float:left;
    margin:0;
    padding:0;
    position:relative;
}

ul.rotating-panel li {
    list-style:none none outside;
    margin:0;
    padding:0;
}


/* Feature panel styles
------------------------------------------------------------------------------------------------------------------------ */

.feature-panel {
    background:#fff;
    float:left;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
    width:220px;
}

.feature-panel .heading {
    float:left;
    margin:0 0 10px 0;
    width:100%;
    min-height:35px;
}

.feature-panel .heading h2 {
    font-size:1.25em;
    margin:0;
}

.feature-panel .heading a {
}

.feature-panel .content {
    border-top:2px solid #efefef;
    border-bottom:2px solid #efefef;
    clear:both;
    float:left;
    padding:5px 0;
    width:100%;
}

.feature-panel .image {
    clear:both;
    float:left;
}

.feature-panel .image img {
    width:220px;
}

.feature-panel .text {    
    clear:both;
    color:#50606b;
    float:left;
    padding:5px 0;
    width:100%;
}

.feature-panel .text a {
    color:#50606B;
    font-weight:normal;
}

.feature-panel .text p {
    margin:0.75em 0;
}

.feature-panel .tweet {
    float:left;
    padding:0 0 5px 0;
    width:100%;
}

/* Panel list */
.panel-list {
    /*padding:10px 0;*/
}

.panel-list.cell-12
{
    margin-left:0;
}

.panel-list div .feature-panel,
.panel-list div .list-panel {
    margin-left:20px;
}

.panel-list div .feature-panel .heading,
.panel-list div .list-panel .heading {
}

.panel-list div.first .feature-panel {
    clear:both;
    margin-left:0;
}
.panel-list div .feature-panel.node-4 {
    clear:both;
    margin-left:0;
}


/* Home panel styles */
#home-panels .feature-panel,
#home-panels-wide .feature-panel
{
    margin:0;
    padding:0;
}

#home-panels .feature-panel,
#home-panels .panel-list div .feature-panel
{
    margin:10px 0 0 20px;
}
#home-panels .panel-list div .feature-panel.node-1,
#home-panels .feature-panel.node-1,
.cell-3 .panel-list div .feature-panel.node-1,
.cell-3 .feature-panel.node-1
{
    margin-left:0px;
}
#home-panels .panel-list div .feature-panel.node-4,
#home-panels .feature-panel.node-4,
.cell-3 .panel-list div .feature-panel.node-4,
.cell-3 .feature-panel.node-4
{
    margin-left:0px
}

#home-panels .feature-panel,
#home-panels .feature-panel .heading,
#home-panels .feature-panel .image img,
#home-panels .feature-panel .text {
}

#home-panels .feature-panel .image {
    height:110px;
    overflow:hidden;
}

/* Coloured panels */
.feature-panel.blue h2,
.feature-panel.blue h2 a,
.feature-panel.blue .text a {
    color:#00828F !important;
}

.feature-panel.purple h2,
.feature-panel.purple h2 a,
.feature-panel.purple .text a {
    color:#742A65 !important;
}

.feature-panel.yellow h2,
.feature-panel.yellow h2 a,
.feature-panel.yellow .text a {
    color:#D2A01B !important;
}

.feature-panel.white {
    border:1px solid #efefef;
    padding:19px;
    width:180px;
}

.feature-panel.white .content {
    border:0;
    padding:0;
}

.feature-panel.white .image img {
    width:180px;
}



/* Homepage specific styles */
#homepage-content
{
    background: whiteSmoke;    
    border-radius:4px;
}
#homepage-content h2
{
    color:#D23900;
    padding:10px 20px;
}
#homepage-content p
{
    padding:0 20px;
}

.template-home #panel-carousel {
    margin-top:12px;
}

#home-side-panels
{
    background: whiteSmoke;
    border-radius:4px;
    margin-top:12px;
    min-height:300px;
}
#home-side-panels .list-panel .image
{
    display:none;
}
#home-side-panels .list-panel
{
    margin:0;
    padding:0 20px;
    width:180px;
}
#home-side-panels .list-panel.node-1
{
    padding-top:20px;
}
#home-side-panels .list-panel .heading h2
{
    border-radius:4px 4px 0 0;
    color:#D23900;
    background:0;
    padding:0;
    font-size:1.4em;
}
#home-side-panels .list-panel .results .heading a {
    font-weight:normal;
}
#home-side-panels .list-panel .results .summary {
    display:none;
}

/* Wide panels */
#home-panels-wide .feature-panel {
    background-color:#1b1b1b;
    background-image:-webkit-linear-gradient(top, #363a42, #1b1b1b);
    background-image:-moz-linear-gradient(top, #363a42, #1b1b1b);
    background-image:-o-linear-gradient(top, #363a42, #1b1b1b);
    background-image:-ms-linear-gradient(top, #363a42, #1b1b1b);
    background-image:linear-gradient(top, #363a42, #1b1b1b);
    border-radius:4px;
    margin:10px 0 10px 20px;
    min-height:155px;
    position:relative;
    width:340px;
}

#home-panels-wide .feature-panel.node-1 {
    margin-left:0;
}

#home-panels-wide .feature-panel .content {
    border:0;
    clear:none;
    width:180px;
    margin:10px;
}

#home-panels-wide .feature-panel .image {
    position:absolute;
    right:10px;
    top:15px;
}

#home-panels-wide .feature-panel img {
    width:auto;
}

#home-panels-wide .feature-panel .heading,
#home-panels-wide .feature-panel .text,
#home-panels-wide .feature-panel h2
{
    background:none;
    color:#fff;
}

#home-panels-wide .feature-panel h2
{
    margin:0;
}


/* Quote styles
------------------------------------------------------------------------------------------------------------------------ */

.quote{
    float:left;
}

.quote blockquote {
    background:#D23900;
    color:#fff;
    font-size:1.3em;
    font-weight:normal;
    line-height:1.25em;
    margin:0;
    padding:15px 15px 25px 15px;
    width:190px;
}

.quote blockquote span {
    background:none;
    display:block;
    font-size:0.8em;
    margin:5px 0 0 0;
    padding:0;
}

.quote .quote-tail {
    background:url(/images/structure/quote-tail.png) no-repeat left bottom;
    display:block;
    margin:0 0 20px 0;
    padding-bottom:13px;
}


/* Tag cloud styles
------------------------------------------------------------------------------------------------------------------------ */

.tag-cloud {
    background:#fff;
    margin:0 0 20px 0;
    clear:left;
}

.tag-cloud .heading{
    background:#f1f1f1;
    width:100%;
}

.tag-cloud .heading h2{
    background:#3B3B3B;
    color:#fff;
    font-size:1.2em;
    margin:0;
    padding:5px 10px;
}

.tag-cloud .heading h2 a{
    color:#445561;
}

.tag-cloud ul{
    margin:0.5em 0;
}

.tag-cloud ul li {
    list-style:none none outside;
    margin:0;
}    

.tag-cloud.with-styles ul li {
    display:inline-block;
    padding:0.15em 0.20em;
}

.tag-cloud.with-styles a.popularity-none {
    display:none;
}

.tag-cloud.with-styles a.popularity-low {
    color:#D23900;
    font-size:1em;
}

.tag-cloud.with-styles a.popularity-medium {
    color:#7D992E;
    font-size:1.1em;
    font-weight:bold;
}

.tag-cloud.with-styles a.popularity-high {
    color:#681E5D;
    font-size:1.2em;
    font-weight:bold;
}

.tag-cloud.with-styles a.popularity-max {
    color:#0C6B91;
    font-size:1.4em;
    font-weight:bold;
}


/* Related items styles
------------------------------------------------------------------------------------------------------------------------ */

#related-items {
    background:#fff;
    float:left;
}

#related-items ul li{
    list-style:none;
    background:#fff url(/images/structure/download.gif) no-repeat left center;
    margin:0 0 0 10px;
    padding:0 0 0 15px;
}

#related-items ul li.pdf,
#related-items ul li.doc,
#related-items ul li.ppt
{
    margin:0 0 0 5px;
    padding:0 0 5px 25px;
}
#related-items ul li.pdf
{
    background:#fff url(/images/structure/application-pdf.png) no-repeat left top;
}
#related-items ul li.doc
{
    background:#fff url(/images/structure/x-office-document.png) no-repeat left top;
}
#related-items ul li.ppt
{
    background:#fff url(/images/structure/x-office-presentation.png) no-repeat left top;
}

#related-items ul li span{
    
    /*text-transform:uppercase;*/
}

/* Related links */
.related-links {   
    margin:0 0 20px 0; 
}

.related-links .heading{
    background:#f1f1f1;
    width:100%;
}

.related-links .heading h2{
    background:#3B3B3B;
    color:#fff;
    font-size:1.2em;
    margin:0;
    padding:5px 10px;
}

.related-links .heading h2 a{
    color:#445561;
}

.related-links .text{    
}

.related-links .text p{
    margin:0.5em 0;
}

.related-links ul{
    margin:0.5em 0 0.75em 0;
}

/* Related media  */
.related-media {
    margin:0 0 20px 0; 
    border:1px solid #EFEFEF;
}

.related-media .heading{
    background:#f1f1f1;
    width:100%;
}

.related-media .heading h2{
    background:#3B3B3B;
    color:#fff;
    font-size:1.2em;
    margin:0;
    padding:5px 10px;
}

.related-media .heading h2 a{
    color:#445561;
}

.related-media .text{    
}

.related-media .text p{
    margin:0.5em 0.5em;
}

.related-media ul{
    margin:0.5em 0 0.75em 0;
}

.get-adobe-reader {
    
    margin:10px 0 10px 10px;
}


/* FAQ section styles
------------------------------------------------------------------------------------------------------------------------ */

.faq-section {
    background:#fff;
    border:dashed 1px #ccd0d5;
    float:left;
    margin:0 0 20px 0;
    padding:5px 9px 9px 9px;
}

.faq-section .text p{
    margin:1em 0;
}

.faq-section ul{
    line-height:1.4em;
    margin:0;
}

.faq-section ul li {
    margin-bottom:0.5em;
}

.faq-section ul li .question {
    color:#069;
    cursor:pointer;
    font-weight:bold;
}

.faq-section ul li .answer {
    display:none;
}

.faq-section ul li.open .answer {
    display:block;
    margin:0.25em 0;
}

.faq-section ul li .answer p{
    margin:0.5em 0 1em 0;
}

/* Editor macro styles
------------------------------------------------------------------------------------------------------------------------ */

/* Feature panel insert */
.feature-panel-insert {
    background:#fff;
    border-top:2px solid #efefef;
    border-bottom:2px solid #efefef;    
    float:left;
    margin:1em 0;
    padding:5px 0;
    width:100%;
}

.feature-panel-insert .inner {
    float:left;
    padding:0;
    width:100%;
}

.feature-panel-insert .image {
    float:left;
}

.feature-panel-insert .image img {
    float:left;
    margin-right:10px;
    width:220px;
}

.feature-panel-insert .content {
    float:left;      
}

.cell-12 .feature-panel-insert .content {
    width:700px;
}

.cell-9 .feature-panel-insert .content {
    width:470px;
}

.cell-6 .feature-panel-insert .content {
    width:230px;
}

.feature-panel-insert .heading {
    float:left;
    width:100%;
}

.feature-panel-insert h2 {
    margin:0;
    padding:5px 0 10px 0;
}

.feature-panel-insert h2 a {
}

.feature-panel-insert .text {
    padding:0;
}

.feature-panel-insert .text p {
    margin:0.75em 0;
}

.feature-panel-insert .tweet {
    margin:0 0 0 10px;
}

/* Coloured panels (for feature-panel-insert) */
.feature-panel-insert.blue h2,
.feature-panel-insert.blue h2 a,
.feature-panel-insert.blue .text a {
    color:#00828F !important;
}

.feature-panel-insert.purple h2,
.feature-panel-insert.purple h2 a,
.feature-panel-insert.purple .text a {
    color:#742A65 !important;
}

.feature-panel-insert.yellow h2,
.feature-panel-insert.yellow h2 a,
.feature-panel-insert.yellow .text a {
    color:#D2A01B !important;
}

/* Quote insert */
.quote-insert blockquote {
    background:#D23900;
    color:#fff;
    font-size:1.3em;
    font-weight:normal;
    line-height:1.25em;
    margin:0;
    padding:15px 15px 25px 15px;
}

.quote-insert blockquote span {
    background:none;
    display:block;
    font-size:0.8em;
    margin:5px 0 0 0;
    padding:0;
}

.quote-insert .quote-tail {
    background:url(/images/structure/quote-tail.png) no-repeat left bottom;
    display:block;
    margin:0 0 20px 0;
    padding-bottom:13px;
}


/* FAQ filter styles
------------------------------------------------------------------------------------------------------------------------ */

.faq-filters {
    background:#f7f7f7;
    width:100%;
}

.faq-filters fieldset {
    padding:10px;
}

.faq-filters legend {
    display:none;
}

.faq-filters fieldset label {
    display:inline-block;
    font-weight:bold;
    margin:0 15px 0 0;
    vertical-align:middle;
}

.faq-filters fieldset .filters {
    display:inline-block;
    vertical-align:middle;
}

.faq-filters select {
    border:0;
    margin:0;
    min-height:25px;
    min-width:170px;
    outline:solid 1px #ddd;
    padding:2px;
}

.faq-filters fieldset .submit {
    display:inline-block;
    vertical-align:middle;
}

.faq-filters input[type="submit"] { 
    
    border:0;
    border-radius:4px;
    color:#fff;
    cursor:pointer;
    font-weight:bold;
    margin:0 0 0 10px;
    padding:4px 10px;
}


/* FAQ list styles
------------------------------------------------------------------------------------------------------------------------ */

.faq-list {
    margin-bottom:10px;
}

.faq-list .inner {
}

.faq-list .heading {
    background:#f7f7f7;
    padding:10px 10px 1px 10px;
}

.faq-list h2 {
    font-size:1.2em;
    margin:0.25em 0 0.25em 0;
}

.faq-list .content {
}

.faq-list .content .text {
    background:#f7f7f7;
    padding:5px 10px 10px 10px;
}

.faq-list .content .text p {
    margin:0.25em 0;
}

.faq-list ul {
    background:#fff;
    margin:10px 0;
    padding:0;
}

.faq-list ul li {
    background:#f7f7f7;
    list-style:none;
    margin:0.25em 0;
    padding:0.75em 1.25em;
}

.faq-list ul li.open {
    background:#fff;
    border:solid 2px #dcdcdc;
}

.faq-list ul li .question {
    background:#f7f7f7 url(/images/structure/faq-bullet.png) no-repeat left 0.45em;
    color:#00709D;
    cursor:pointer;
    font-weight:bold;
    padding:0 0.75em 0 1em;
}

.faq-list ul li.open .question {
    background:#fff url(/images/structure/faq-bullet-open.png) no-repeat left 0.45em;
    color:#00709D;
}

.faq-list ul li .answer {
    display:none;
}

.faq-list ul li.open .answer {
    color:#445561;
    display:block;
    margin:0.5em 1em;
}

.faq-list ul li.open .answer p {
    margin:0.5em 0;
}

.faq-list ul ul{
    margin:0;
}

.faq-list ul ul li {
    list-style:disc;
    background:none;
    padding:0;
    margin:0 0 0 25px;
}

/* List styles
------------------------------------------------------------------------------------------------------------------------ */

#list-results .results {
    clear:both;
    float:left;
    margin:5px 0 5px 0;
    padding:5px 0 0 0;
    width:100%;    
}

#list-results .results ul {
    margin:0;   
}

#list-results .results ul li {
    border-bottom:1px solid #EEE;
    list-style:none;
    float:left;
    margin:0 0 15px 0;    
    padding:0 0 15px 0;
    width:100%;
}

#list-results .results ul li .text {
    float:left;
    /*width:460px;*/
}

#list-results .results ul li .text p{
    margin:0.75em 0;
}

#list-results .results ul li .heading {
    font-size:1.3em;
    font-weight:bold;
    margin:0 0 0.25em 0;
}

#list-results .results ul li .heading a {
}

#list-results .results ul li .heading a:hover,
#list-results .results ul li .heading a:active {
}

#list-results .results ul li .date {
    display:inline-block;
    font-weight:bold;
}

#list-results .results ul li .tags:before {
    /*content:"|";*/
    margin:0 5px;
}

#list-results .results ul li .tags {
    /*display:none;*/
    font-style:italic;
    font-weight:bold;
    color:#00709D;
}

#list-results .results ul li .summary {
    display:block;
    margin:0.25em 0;
}

#list-results .results ul li .image {
    float:right;
    padding:0;
    width:240px;
}

#list-results .results ul li .image img {
    display:none;
    width:240px;
}

/* Results summary */
#list-results .results-summary {
    font-weight:bold;
}


/* Pager styles
------------------------------------------------------------------------------------------------------------------------ */
.pager {
    border-top:solid 1px #e5e7ea;
    border-bottom:solid 1px #e5e7ea;
    clear:both;
    float:left;
    margin:15px 0;
    margin-left:-100000px;
    padding:5px 0;
    width:100%;
}
.pager .inner {
    background:url(/images/structure/underline-grey.gif) repeat-x 0 100%;
    height: 28px;
    padding:0;
}
.pager ul {
    list-style:none;
    margin:0;
    padding:0;
}
.pager ul li {
    background-image:none;
    display:inline-block;
    margin-left:0;
    padding-left:0;
}
.pager ul li button {
    background:#fff;
    border:0;
    color:#00709D;
    cursor:pointer;
    display:inline-block;
    font-weight:bold;
    padding:5px 5px;
    text-decoration:none;
}
.pager ul li button:hover 
{
    color:#D23900;
    text-decoration:underline;
}
.pager ul li button.selected,
.pager ul li button.selected:active {
    background:#D23900;
    color:#fff;
    text-decoration:none;
}

.pager.with-side-nav .nav-button
{
    position: absolute;
    background: #445561 url(/images/pager/pager-left-normal.gif) no-repeat;
    cursor: pointer;
    display:none;
    height:26px;
    margin-top: 1px;
    width: 26px;
            
}
.pager.with-side-nav .nav-button.next
{
    background-image: url(/images/pager/pager-right-normal.gif);
    right: 0px;
}
.pager.with-side-nav .nav-button.active 
{
    display:block;
}
.pager.with-side-nav .nav-button.active:hover 
{
    background-image: url(/images/pager/pager-left-hover.gif);
}
.pager.with-side-nav .nav-button.active.next:hover 
{
    background-image: url(/images/pager/pager-right-hover.gif);
}


/* Search filter styles
------------------------------------------------------------------------------------------------------------------------ */

#search-filters {
    background:#fff;
    margin:0;
    padding:10px 10px 0 10px;
    width:200px;
}

#search-filters .title {
    border-bottom:solid 1px #ddd;
    color:#00709D;
    display:block;
    font-size:1em;
    font-weight:bold;
    line-height:1.25em;
    margin:0.5em 0;
    padding:0 0 3px 0;
}

/* Keyword filter */
#search-filters .keyword-filter label {
    border-bottom:solid 1px #ddd;
    color:#00709D;
    display:block;
    font-size:1em;
    font-weight:bold;
    line-height:1.25em;
    margin:0.5em 0;
    padding:0 0 3px 0;
    width:100%;
}

#search-filters #keyword {
}

/* Tag filter */
#search-filters.single-select .tag-filter { /* Single select tweak */
    display:inline-block;
}

#search-filters.single-select label { /* Single select tweak */
    display:none;
}

#search-filters .single-select .tag-filter label {
    border-bottom:solid 1px #ddd;
    color:#00709D;
    font-size:1em;
    font-weight:bold;
    line-height:1.25em;
    margin:0.5em 0;
    padding:0 0 3px 0;
    width:100%;
}

#search-filters label {
    display:inline-block;
    width:85%;
}

#search-filters ul {
    list-style:none;
    margin:0;
    padding:0;
}

#search-filters ul li {
    background-image:none;
    display:inline-block;
    padding-left:0;
}

/* Date filter */
#search-filters .date-filter label {
    display:none;
}

#search-filters .date-filter input {
    display:block;
}

/* A-Z filter */
#search-filters .az-filter ul li {
    display:inline;
    margin:0;
    padding:0;
}
#search-filters .az-filter ul li button {
    background:#fff;
    border:solid 1px #ddd;
    color:#00709D;
    cursor:pointer;
    float:left;
    font-weight:bold;
    min-width:33px;
    margin:0 2px 2px 0;
    padding:6px 8px;
    text-decoration:none;
}

#search-filters .az-filter ul li button:hover,
#search-filters .az-filter ul li button:active {
    background:#eee;
    text-decoration:none;
}

#search-filters .az-filter ul li button.selected,
#search-filters .az-filter ul li button.selected:hover,
#search-filters .az-filter ul li button.selected:active {
    background:#D23900;
    color:#FFF;
    text-decoration:none;
}

#search-filters select {
    background:#FFF !important;
    border:0;
    font:100% Arial, Helvetica, sans-serif;
    margin:0 0 10px 0;
    min-height:24px;
    width:202px;
    outline:solid 1px #ddd;
    padding:2px;
}

#search-filters input[type="text"] {
    background:#FFF !important;
    border:1px solid #DDD;
    color:#444;
    font:100% Arial, Helvetica, sans-serif;
    margin:5px 0 5px 0;
    min-width:190px;
    padding:5px;
}


#search-filters input[type="submit"] {
    
    border:0;
    color:#fff;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    margin:5px 0 10px 0;
    padding:5px 10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

#search-filters input[type="submit"]:hover {
}

/* Search results styles
------------------------------------------------------------------------------------------------------------------------ */

#search-results .results {
    clear:both;
    float:left;
    margin:1em 0;
    padding:0;
    width:100%;
}

/* Head */
#search-results .results thead th {
    background:#EEE url(/images/structure/gradient-top.png) repeat-x 0 0;
    padding:10px;
    text-align:left;   
}

/* Body */
#search-results .results thead .header {
    color:#445561;
}

#search-results .results thead .header th {
    border:solid 1px #ddd;
}

#search-results .results tbody tr {
}

#search-results .results tbody tr.alt-item {
}

#search-results .results tbody tr td {
    border:solid 1px #ddd;
    padding:10px;
    vertical-align:top;
}

#search-results .results .image {
}

#search-results .results .image img {
    display:block;
    width:50px;
}

#search-results .results .content {
}

#search-results .results .content .heading {
    float:left;
    font-size:1em;
    font-weight:bold;
    margin:0;
    padding-right:10px;
    width:430px;
}

#search-results .results .content .score {
    float:right;
    text-align:right;
    width:40px;
}

#search-results .results .content .date {
    display:block;
    font-weight:bold;
    clear:left;
    width:100%;
}

#search-results .results .content p {
    clear:both;
    margin:0.5em 40px 0.5em 0;
}

/* Results summary */
#search-results .results-summary {
    font-weight:bold;
}
/* Sort Options */
#search-results .sort-by
{
     float:right;
     width:25%;     
}
#search-results .sort-by select
{
   float:right;
   width:70%; 
   border:1px solid #ddd;
   padding:0;
   margin:0;
   min-height:24px;
}
#search-results .sort-by label
{   
    vertical-align:middle; 
    font-weight:bold;  
}

/* List filter styles
------------------------------------------------------------------------------------------------------------------------ */

#list-filters {
}

#list-filters fieldset {
    padding:0;
}

#list-filters .search-filters {
    background:url(/images/structure/underline-grey.gif) repeat-x 0 100%;    
}

/* Tag filters */
#list-filters .tag-filters {
    clear:both;
    float:left;
    margin-bottom:10px;    
}

#list-filters .tag-filters .inner  {
    float:left;
    width:100%;
}

#list-filters .tag-filters .inner .title {
    display:inline-block;
    font-size:1.1em;
    font-weight:bold;   
    margin:0 10px 3px 0; 
    vertical-align:middle;
}

#list-filters .tag-filters .tag-filter {
    display:inline-block;
    vertical-align:middle;
}
    
#list-filters .tag-filters .tag-filter select {
    border:0;    
    color:#445561;
    font-size:1em;
    margin-right:5px;
    min-width:12em;
    outline:solid 1px #ddd;
    padding:2px;
    border-radius:4px;    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* Date filter */
#list-filters .search-filters .date-filter {
    clear:both;
    float:left;
    margin-bottom:10px;
}

#list-filters .search-filters .date-filter .title {
    display:none;
}

#list-filters .search-filters .date-filter label {
    display:inline-block;
    font-size:1.1em;
    font-weight:bold;
    margin:0 10px 0 0;
    position:relative;
    top:2px;
}

#list-filters .search-filters .date-filter input {
    background:#fff !important;
    border:1px solid #ddd;
    color:#445561;
    font-size:1em;
    margin:0 10px 0 0;
    padding:3px 6px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* A-Z filter */
#list-filters .az-filter {
    float:left;
    height:36px;
    margin: 0 0 10px 0;
    background: url("/images/structure/underline-grey-vertical.gif") repeat-y scroll 100% 0 #efeff0;
    clear:left;
    width:700px;
}

#list-filters .az-filter .title {
    display: none;
}

#list-filters .az-filter ul {
    float:left;
    margin:0;
}

#list-filters .az-filter ul li {
    background: url(/images/structure/underline-grey-vertical.gif) repeat-y scroll 0 0 #efeff0;
    color:#445561;
    display:inline;
    float:left;
    font-weight:bold;
    margin-left:0;
    margin-right:1px;
    min-width:22px;
    padding:0;
    text-align:center;
    text-transform:uppercase;
}

#list-filters .az-filter ul li button {
    background:none;
    border:0;
    color:#445561;
    cursor:pointer;
    float:left;
    font-size:0.9em;
    font-weight:bold;
    height:36px;
    line-height:36px;
    margin-left:2px;
    text-align:center;
    text-transform:uppercase;
    width:22px;
}

#list-filters .az-filter ul li button#az-any {
    text-transform:capitalize;
    min-width:46px;
}

#list-filters .az-filter ul li button:hover{
    color:#00709D;   
    text-decoration:underline;
}

#list-filters .az-filter ul li button.selected,
#list-filters .az-filter ul li button.selected:hover,
#list-filters .az-filter ul li button.selected:active {
    background-color:#D23900;
    color:#FFF;
}

#list-filters .submit
{
    
}

#list-filters .submit input{
    border:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#fff;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    padding:5px 8px;
    /*bottom:9px;*/
    right:0px;
    position:absolute;
}


/* Sitemap styles
------------------------------------------------------------------------------------------------------------------------ */

#sitemap {
}

#sitemap div {
    border:1px solid #EEE;
    float:left;
    margin:0 0 10px 10px;
    padding:10px;
    width:200px;
}

#sitemap div.first {
    clear:both;
    margin-left:0;
}

/* Sitemap (level 1) */
#sitemap div h2 {
    margin:0.25em 0 0.5em 0;
}

#sitemap h2 a {
    color:#444;
}

#sitemap h2 a:hover,
#sitemap h2 a:active {
    color:#069;
    text-decoration:none;
}

/* Sitemap (level 2) */
#sitemap div ul {
    list-style:none;
    margin:0;
}

#sitemap div ul li {
    background-image:none;
    padding-left:0;
    list-style:none;
    margin: 0 0 0 10px;
}

#sitemap div ul li a {
    display:block;
    margin:2px 0;
}

/* Sitemap (level 3) */
#sitemap div ul li ul {
}

#sitemap div ul li ul li {
}

#sitemap div ul li ul li a {
    padding:0;
}

/* Sitemap (level 4) */
#sitemap div ul li ul li ul {
}

#sitemap div ul li ul li ul li {
    margin-left:20px;
}

#sitemap div ul li ul li ul li a {
}

/* Membership styles
------------------------------------------------------------------------------------------------------------------------ */

#pnlForm, #pnlThankYou, #pnlAlreadyRegistered, .membership 
{
    float:left;
}

.membership
{
    margin-bottom:10px;
    width:600px;
}

.membership .row
{
    clear:left;
}

.membership .row label 
{
    width:200px;
    float:left;
}

.membership .row .formField
{
}

.membership .button .formField
{
    margin-left:200px;
}

.membership .button .formField div li,
.membership .row .formField span
{
    color:#f00;
}


/* Video insert styles
------------------------------------------------------------------------------------------------------------------------ */
.video-transcript{
    margin:0.5em 0;
}


/* Disqus styles
------------------------------------------------------------------------------------------------------------------------ */
.disqus{
}

.disqus ul li{
    list-style:none;
}

.disqus select{
    border:0;
    outline:solid 1px #ccc;
    padding:2px;
}

/* Opinion poll styles
------------------------------------------------------------------------------------------------------------------------ */
.poll-results{
    float:left;
    width:100%;
}

.poll-results > .inner{
}

.poll-results #contour .contourPageName{
    display:none;
}

.poll-results #contour legend{
    color:#D23900;
    float:left;
    margin:0.5em 0;
}

.poll-results #contour fieldset{
    padding:0;
    margin:0;
}

.poll-results #contour label.fieldLabel{
    font-weight:normal;
}

.poll-results #contour span.checkboxlist, 
.poll-results #contour span.radiobuttonlist, 
.poll-results #contour span.checkbox {
    display: block;
    float: left;
    padding:10px 0;
}

.poll-results #contour input.contourButton{
    background:#00788a;
    border:0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    color:#fff;
    cursor:pointer;
    float:right;
    font-size:1em;
    font-weight:bold;
    margin:0 0 10px 0;
    padding:5px 10px;
}

.poll-results ul li{
    list-style:none;
    margin:0;
}

.poll-results ul{
    margin:0;
}

.poll-results .content{
    float:left;
    margin-bottom:10px;
}

.poll-results .content .text{
    margin:5px 0;
}

.poll-results .scorebar-container{
    background-color:#f7f7f7;
    height:20px;
    width:100%;
}

.poll-results .scorebar-container > .inner{
}

.poll-results .scorebar{
    background-color:#ccc;
    height:20px
}


/* Carousel styles
------------------------------------------------------------------------------------------------------------------------ */

#carousel {
    background:#fff;
    float:left;
    margin:0;
    padding:0;
    position:relative;
    width:700px;
}

#carousel #carousel-slides {
    clear:both;
    float:left;
    height:300px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
}

#carousel #carousel-slides li {
    background-image:none;
    float:left;
    list-style:none none outside;
    margin:0;
    padding:0;
    position:relative;
    width:100%;
}

#carousel .feature-panel {
    background:none;
    margin:0;
    padding:0;
}

#carousel .content {
    background-color:#671d5d;
    border-radius:4px 4px 4px 0;
    float:left;
    height:202px;
    left:20px;
    margin:0;
    padding:15px;
    position:relative;
    top:20px;
    width:250px;
}

#carousel .heading {
    float:left;
}

#carousel .heading h2 {
    color:#fff;
    font-size:2em;
    font-weight:bold;
    line-height:1em;
    margin:0 0 1em 0;
    margin:0;
}

#carousel .text h3 {
    color:#fff;
    font-size:1.5em;
    letter-spacing:-1px;
    line-height:1em;
    margin:0.15em 0 0.25em 0;
}

#carousel .text {
    color:#fff;
    clear:both;
    float:left;
}

#carousel .text a {
    color:#fff;
    text-decoration:underline;
}

#carousel .text a:hover,
#carousel .text a:active {
    text-decoration:none;
}

#carousel .text p {
    font-size:1.2em;
    margin:0.75em 0 0 0;
}

#carousel .image {
    left:0;
    position:absolute;
    top:0;
    width:700px;
    overflow:hidden;
}

#carousel .image img {
    height:300px;
    width:700px;
}


/* Carousel navigation styles
------------------------------------------------------------------------------------------------------------------------ */

#carousel-nav {
    background-color:#671d5d;
    border-radius:0 0 4px 4px;
    bottom:20px;
    padding:7px 8px 2px 8px;
    position:absolute;
    left:20px;
    z-index:100;
}

#carousel-nav ul {
    clear:both;
    float:left;
    list-style:none;
    margin:0;
}

#carousel-nav li {
    background:url(/images/carousel/carousel-nav-bg.png) no-repeat center center;
    cursor:pointer;
    display:inline-block;
    height:14px;
    margin:0 3px 0 2px;
    width:14px;
}

#carousel-nav li a {
    display:none;
}

#carousel-nav li a:hover,
#carousel-nav li a:active {
    background:#444;
    color:#FFF;
    text-decoration:none;
}

#carousel-nav li.selected {
    background:url(/images/carousel/carousel-nav-selected-bg.png) no-repeat center center;
}

#carousel-nav li.selected a,
#carousel-nav li.selected a:hover,
#carousel-nav li.selected a:active {
    background:#444;
    color:#FFF;
    text-decoration:none;
}


/* Mega menu styles
------------------------------------------------------------------------------------------------------------------------ */

#mega-menu {
    margin:0 0 0 10px;
    padding:6px 0 0 0;
    width:940px;
}

#mega-menu ul.main-menu {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
}

#mega-menu ul.main-menu li {
    float:left;
    list-style:none none outside;
    margin:0;
    padding:0;
}

#mega-menu ul.main-menu li.selected a
{
    background:url(/images/mega-menu/menubar-arrow.png) no-repeat center bottom;
}
#mega-menu ul.main-menu li a
{
    background:url(/images/mega-menu/menubar-arrow.png) no-repeat left bottom;
}

#mega-menu ul.main-menu li.node-2 .link a,
.level-2 #sub-nav h2,
.level-2 .gateway-content .text,
.level-2 table tr.header
{
    background-color:#BF0067;
}
.level-2 h1,
.level-2 h2,
.level-2 h3,
.level-2 h4,
.level-2 #sub-nav ul li a.selected,
.level-2 .list-content .text #title,
.level-2 .feature-panel .heading h2,
.level-2 .feature-panel .heading h2 a,
.level-2 .list-panel .heading h2,
.level-2 .list-panel .heading h2 a,
.level-2 .block-highlight
{
    color:#BF0067;
}
.level-2 .block-highlight
{
    border-left:solid 5px #BF0067;
}

#mega-menu ul.main-menu li.node-3 .link a,
.level-3 #sub-nav h2,
.level-3 .gateway-content .text,
.level-3 table tr.header
{
    background-color:#681E5D;
}
.level-3 h1,
.level-3 h2,
.level-3 h3,
.level-3 h4,
.level-3 #sub-nav ul li a.selected,
.level-3 .list-content .text #title,
.level-3 .feature-panel .heading h2,
.level-3 .feature-panel .heading h2 a,
.level-3 .list-panel .heading h2,
.level-3 .list-panel .heading h2 a,
.level-3 .block-highlight
{
    color:#681E5D;
}
.level-3 .block-highlight
{
    border-left:solid 5px #681E5D;
}

#mega-menu ul.main-menu li.node-4 .link a,
.level-4 #sub-nav h2,
.level-4 .gateway-content .text,
.level-4 table tr.header
{
    background-color:#0C6B91;
}
.level-4 h1,
.level-4 #sub-nav ul li a.selected,
.level-4 .list-content .text #title,
.level-4 .feature-panel .heading h2,
.level-4 .feature-panel .heading h2 a,
.level-4 .list-panel .heading h2,
.level-4 .list-panel .heading h2 a,
.level-4 .block-highlight
{
    color:#0C6B91;
}
.level-4 .block-highlight
{
    border-left:solid 5px #0C6B91;
}

#mega-menu ul.main-menu li.node-5 .link a,
.level-5 #sub-nav h2,
.level-5 .gateway-content .text,
.level-5 table tr.header
{
    background-color:#007780;
}
.level-5 h1,
.level-5 h2,
.level-5 h3,
.level-5 h4,
.level-5 #sub-nav ul li a.selected,
.level-5 .list-content .text #title,
.level-5 .feature-panel .heading h2,
.level-5 .feature-panel .heading h2 a,
.level-5 .list-panel .heading h2,
.level-5 .list-panel .heading h2 a,
.level-5 .block-highlight
{
    color:#007780;
}
.level-5 .block-highlight
{
    border-left:solid 5px #007780;
}

#mega-menu ul.main-menu li.node-6 .link a,
.level-6 #sub-nav h2,
.level-6 .gateway-content .text,
.level-6 table tr.header
{
    background-color:#7D992E;
}
.level-6 h1,
.level-6 h2,
.level-6 h3,
.level-6 h4,
.level-6 #sub-nav ul li a.selected,
.level-6 .list-content .text #title,
.level-6 .feature-panel .heading h2,
.level-6 .feature-panel .heading h2 a,
.level-6 .list-panel .heading h2,
.level-6 .list-panel .heading h2 a,
.level-6 .block-highlight
{
    color:#7D992E;
}
.level-6 .block-highlight
{
    border-left:solid 5px #7D992E;
}

#mega-menu ul.main-menu li.node-7 .link a,
.level-7 #sub-nav h2,
.level-7 .gateway-content .text,
.level-7 table tr.header
{
    background-color:#C69B20;
}
.level-7 h1,
.level-7 h2,
.level-7 h3,
.level-7 h4,
.level-7 #sub-nav ul li a.selected,
.level-7 .list-content .text #title,
.level-7 .feature-panel .heading h2,
.level-7 .feature-panel .heading h2 a,
.level-7 .list-panel .heading h2,
.level-7 .list-panel .heading h2 a,
.level-7 .block-highlight
{
    color:#C69B20;
}
.level-7 .block-highlight
{
    border-left:solid 5px #C69B20;
}

#mega-menu ul.main-menu li.node-8 .link a,
.level-8 #sub-nav h2,
.level-8 .gateway-content .text,
.level-8 table tr.header
{
    background-color:#c66220;
}
.level-8 h1,
.level-8 h2,
.level-8 h3,
.level-8 h4,
.level-8 #sub-nav ul li a.selected,
.level-8 .list-content .text #title,
.level-8 .feature-panel .heading h2,
.level-8 .feature-panel .heading h2 a,
.level-8 .list-panel .heading h2,
.level-8 .list-panel .heading h2 a,
.level-8 .block-highlight
{
    color:#c66220;
}
.level-8 .block-highlight
{
    border-left:solid 5px #c66220;
}

#mega-menu ul.main-menu li.last {
    margin-right:0;
}

#mega-menu ul.main-menu li .link a,
#mega-menu ul.main-menu li .no-link {
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:1em;
    font-weight:bold;
    margin: 0 3px 0 0;
    padding: 8px 15px 13px 15px;
    border-radius: 4px 4px 0 0;
    background-color:#D23900;
    
}

#mega-menu ul.main-menu li.hover .link a,
#mega-menu ul.main-menu li.hover .no-link,
.no-js #mega-menu ul.main-menu li:hover .link a,
.no-js #mega-menu ul.main-menu li:hover .no-link {
    background:#fff;
    color:#333;
    text-decoration:none;
}

/* Drop nav */
#mega-menu .area {
    background:#fff;
    border:8px solid #efeff0;
    clear:both;
    left:-1000em;
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    z-index:100; 
}

#mega-menu li.hover .area,
.no-js #mega-menu li:hover .area {
    z-index:1000;
}

#mega-menu .single-column,
#mega-menu .multi-column {
    width:auto;
    top:34px;
}
#mega-menu .multi-column {
    width:925px;
}

#mega-menu li.hover .single-column,
.no-js #mega-menu li:hover .single-column
{
    left:auto;
}
#mega-menu li.hover .multi-column,
.no-js #mega-menu li:hover .multi-column
{
    left:0;
}

#mega-menu .area .inner {
    float:left;
}

#mega-menu .area .section {
    float:left;
    margin:10px;
    padding:0;
    vertical-align:top;
    width:211px;
    top:-10px;
}

#mega-menu .area .featured {
    float:left;
    margin:10px;
    padding:0;
    width:211px;
}

#mega-menu .heading h2 {
    margin:0 0 10px 0;
    padding:6px 0 5px 0;
    width:211px;
}

#mega-menu .image img {
    width:211px;
}

#mega-menu ul.menu-links
{
    margin:5px 0;
}

#mega-menu ul.menu-links ul {
    margin:10px 0;
    padding:0;
}

#mega-menu ul.menu-links li {
    border-bottom:1px solid #EFEFEF;
    list-style: disc url(/images/structure/download.gif) outside;
    float:none;
    padding:4px 0;
    margin: 0 5px 0 13px;
}

#mega-menu ul.menu-links li.last {
    margin-right:2px;
}

#mega-menu ul.menu-links a {
    display:block;
}

#mega-menu ul.menu-links a:hover,
#mega-menu ul.menu-links a:active {
}

#mega-menu ul.menu-links a.selected,
#mega-menu ul.menu-links a.selected:hover,
#mega-menu ul.menu-links a.selected:active {
}


/* Video overlay styles
------------------------------------------------------------------------------------------------------------------------ */

.insert-video .overlay-trigger {
}

.insert-video .overlay {
    background-color:#fff;
    color:#445561;
    display:none;
    min-height:240px;
    min-width:600px;
    padding:15px;
    z-index:10000;
    
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

.insert-video .overlay .close {
    background-image:url(/images/overlay/close.png);
    cursor:pointer;
    height:35px;
    position:absolute;
    right:-15px;
    top:-15px;
    width:35px;
}


/* Stepper styles
------------------------------------------------------------------------------------------------------------------------ */

/*The wrapping container
  Use to place padding, styles etc around the stepper
  The arrows align to the left and right of this container
*/
.stepper {
    clear:both;
    float:left;/*leave this*/
}
.stepper .inner{
    position:relative;/*leave this*/    
}

/*The viewport is the container that lets
  you see the contents behind. It can be
  wider than the items inside to see
  multiple items */
.stepper .viewport{
    overflow:hidden;
}

.stepper,
.stepper .viewport{
    /*width and height*/
    height:300px;
    width:100%;
}


/* Stepper nav styles 
-----------------------------------------------------------*/
.stepper .prev,
.stepper .next{
    cursor:pointer;
    position:absolute;/*leave this*/
    top:136px;
    z-index:30;/*leave this*/
}

.stepper .prev{
    left:0;
}

.stepper .next{
    right:0;
}

/* Stepper text, image and heading styles 
-----------------------------------------------------------*/

.stepper .slides .slide {
    position:relative;/*leave this*/
}

.stepper .slides .slide .image {
    overflow:hidden;
}

.stepper .slides .slide .text {
}

.stepper .slides .slide .heading{
}

.stepper .slides .slide .text a {
}

.stepper .slides .slide .text a:hover,
.stepper .slides .slide .text a:active {
}



/* Gallery styles
------------------------------------------------------------------------------------------------------------------------ */

#gallery {
    background:none;
    border:0;
    height:399px;
    margin:0.5em 0;
    overflow:hidden;
    padding:5px;
    position:relative;
    width:650px;
}

#gallery #gallery-slides {
    clear:both;
    float:left;
    height:325px;
    overflow:hidden;
    list-style:none;
    margin:0 0 5px 0;
    padding:0;
    position:relative;
    width:650px;
}

#gallery #gallery-slides li {
    background-image:none;
    float:left;
    margin:0;
    padding:0;
    position:relative;
    width:650px;
}

#gallery #gallery-slides li div.media {
    width:435px;
}

#gallery #gallery-slides li img {
    height:325px;
    width:435px;
}

#gallery #gallery-slides li div.transcript {
    left:5px;
    position:absolute;
    top:306px;
    width:440px;
}

#gallery #gallery-slides li div.text {
    height:305px;
    left:440px;
    padding:10px;
    position:absolute;
    top:0;
    width:190px;
    color:#fff;
    background:#D23900;
}

#gallery #gallery-slides li div.text h2 {
    margin-top:0;
    color:#fff;
}


/* Gallery navigation styles
------------------------------------------------------------------------------------------------------------------------ */

#gallery a.prev {
    background:#333 url(/images/gallery/gallery-nav-left.png) no-repeat 50% 50%;
    clear:both;
    cursor:pointer;
    float:left;
    height:78px;
    width:22px;
}

#gallery a.next {
    background:#333 url(/images/gallery/gallery-nav-right.png) no-repeat 50% 50%;
    cursor:pointer;
    float:left;
    height:78px;
    width:22px;
}

#gallery a.prev:hover,
#gallery a.next:hover
{
    background-color:#D23900;
}

#gallery-nav {
    float:left;
    height:78px;
    overflow:hidden;
    margin:5px 0;
    position:relative;
    width:606px; 
}

#gallery-nav ul {
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    width:20000em;    
}

#gallery-nav ul li {
    background-image:none;
    float:left;
    margin:0 2px;
    padding:0;
    width:90px;
    list-style:none;
}

#gallery-nav ul li img {
    height:68px;
    width:90px;
}

#gallery-nav ul li a {
    float:left;
    opacity:0.5;
    filter:alpha(opacity=50);
}

#gallery-nav ul li a:hover,
#gallery-nav ul li a:active {
    opacity:1;
    filter:alpha(opacity=100);
}

#gallery-nav ul li.selected a,
#gallery-nav ul li.selected a:hover,
#gallery-nav ul li.selected a:active {
    opacity:1;
    filter:alpha(opacity=100);
}



/* Map builder styles
------------------------------------------------------------------------------------------------------------------------ */
.mapbuilder-wrap 
{
}
.mapbuilder-wrap .map-canvas
{
    width:550px;
    height:450px;
    border:1px solid #ff0000;
}

.mapbuilder-wrap .custom-popup 
{
    position:absolute;
    margin: -0 0 0 570px;
    width:200px;
    background-color: #eeeeee;
    border: 1px solid 00ff00;    
    height: 450px;
}



/* Home template styles
------------------------------------------------------------------------------------------------------------------------ */
#home #title{
    display:none;
}



/* Gateway template styles
------------------------------------------------------------------------------------------------------------------------ */
.gateway-content{
    margin-bottom:10px;
}

.gateway-content #banner{
    float:right;
    margin:0;
}
.gateway-content .banner-content
{
    float:left;
    padding:10px 0 0 10px;
    width:340px;
}
.gateway-content .banner-content p
{
    margin:0;
}
.gateway-content .text{
    color:#fff;
    background-color:#D23900;
    display:block;
    min-height:210px;
    
}
.gateway-content .text h2
{
    color:#fff;
    font-size:1.2em;
}

.gateway-content .text a
{
    color:#fff;
    text-decoration:underline;
}

.cell-12 .gateway-content .banner-content
{
    width:580px;
}

/* List template styles
------------------------------------------------------------------------------------------------------------------------ */
.list-content .page-intro{
    line-height:1.2em;
}

.list-content #banner{
    float:left;
    margin:0 20px 0 0;
}

.list-content .text{
    padding:0 10px 0 0;
    clear:left;
}

.list-content .text #title {
    color:#D23900;
    font-family:Trebuchet MS,Arial,Sans-serif;
    font-size:2em;
    letter-spacing:-1px;
    clear: left;
    padding-top: 10px;
    display:inline-block;
}

.list-content .text p {
    margin-bottom:0;
}

a.rss-link
{
    padding-left:20px;
    background:0 url(/images/structure/rss.png) no-repeat;
    font-weight:normal;
    float:right;
    margin-top:15px;
}

.red-link-button 
{
    
}
.red-link-button a
{
    color:#fff;
    background-color:#D23900; 
    padding:5px 15px;
    border-radius:4px;
    clear:both;
    float:right;
}

/* Date Picker styles
------------------------------------------------------------------------------------------------------------------------ */

.event,
.no-event,
.today
{
    clear:both;
    padding:5px;
    text-indent:5px;
}

.event span,
.no-event span,
.today span
{
    display:block;
    border:1px solid #CCC;
    width:24px;
    height:19px;
    float:left;
}
.event span
{
    background:#CA3300;
}
.today span
{
    background:#E0E0E0;
}
.datefilter
{
    border: 1px solid #aaaaaa;
    border-radius:4px;
    width:214px;
    padding:2px 2px 5px 2px;
}
.datefilter .ui-widget-content
{
    border:none;
}

/* Tabbed List styles
------------------------------------------------------------------------------------------------------------------------ */

#tabs table
{
    width:100%;
    font-size:12px;
    border:1px solid #00709D;
}

#tabs table td
{
    border:1px solid #00709D;
}

#tabs table .header th
{
    padding:5px;
    background:#fff;
    color:#000;
    text-align:left;
    font-weight:normal;
}

#tabs table td a
{
    color:#00709D;
    font-weight:normal;
}

#tabs table td.date
{
    width:80px;
}
#tabs table td.author
{
    width:80px;
}
#tabs table td.subject
{
    width:80px;
}
#tabs .ui-widget-header
{
    border:none;
    background:none;
    border-bottom:2px solid #c69b20;
    border-radius:0;
}
#tabs
{
    border:none;
}
#tabs ul li a
{
    font-weight:normal;
    color:#00709D;
    font-size:11px;
}
#tabs .ui-tabs-panel
{
    padding:0;
}
#tabs li.ui-tabs-selected
{
    background:#c69b20;
}
#tabs li.ui-tabs-selected a
{
    color:#fff;
}
.ui-tabs-panel.ui-widget-content a
{
    color:#00709D !important;
}

/* Tab colours */
.level-1 #tabs .ui-widget-header { border-bottom-color:#D23900; }
.level-1 #tabs li.ui-tabs-selected { background-color:#D23900; }

.level-2 #tabs .ui-widget-header { border-bottom-color:#BF0067; }
.level-2 #tabs li.ui-tabs-selected { background-color:#BF0067; }

.level-3 #tabs .ui-widget-header { border-bottom-color:#681E5D; }
.level-3 #tabs li.ui-tabs-selected { background-color:#681E5D; }

.level-4 #tabs .ui-widget-header { border-bottom-color:#0C6B91; }
.level-4 #tabs li.ui-tabs-selected { background-color:#0C6B91; }

.level-5 #tabs .ui-widget-header { border-bottom-color:#007780; }
.level-5 #tabs li.ui-tabs-selected { background-color:#007780; }

.level-6 #tabs .ui-widget-header { border-bottom-color:#7D992E; }
.level-6 #tabs li.ui-tabs-selected { background-color:#7D992E; }

.level-7 #tabs .ui-widget-header { border-bottom-color:#C69B20; }
.level-7 #tabs li.ui-tabs-selected { background-color:#C69B20; }

.level-8 #tabs .ui-widget-header { border-bottom-color:#c66220; }
.level-8 #tabs li.ui-tabs-selected { background-color:#c66220; }


/* Tab Pager */
.tabs-pager
{
    float:right;
}
.tabs-pager span
{
    display:inline;
}
.tabs-pager ul {
    list-style:none;
    margin:0;
    padding:0;
}
.tabs-pager ul li {
    background-image:none;
    display:inline-block;
    margin-left:0;
    padding-left:0;
    border-right:1px solid #E2E1DE;
}
.tabs-pager ul li .pager-label
{
    color:#c69b20;
    padding-right:5px;
}
.tabs-pager ul li button {
    background:#fff;
    border:0;
    color:#00709D;
    cursor:pointer;
    display:inline-block;
    padding:3px 3px;
    margin-right:6px;
    text-decoration:none;
}
.tabs-pager ul li button:hover 
{
    color:#fff;
    background:#00709D;
    text-decoration:underline;
}
.tabs-pager ul li button.selected,
.tabs-pager ul li button.selected:active {
    color:#000;
    text-decoration:none;
}

/* Tabbed Content
-------------------------------------------------------------------------------------------------------------------------*/
.tabs-wide
{
    width:700px;
}

.tabbed-content .tabs-wide li.ui-corner-top
{
    margin:0;
    border-radius:0;
    margin-left:-1px;
}
.tabbed-content .tabs-wide li a
{
    display:block;
    font-size:0.85em;
    min-width:60px;
    max-width:90px;
    min-height:35px;
    white-space:normal;
    padding:5px !important;
}

/* Signup form
-------------------------------------------------------------------------------------------------------------------------*/

.home-signup {
    background-color:#1b1b1b;
    background-image:-webkit-linear-gradient(top, #363a42, #1b1b1b);
    background-image:-moz-linear-gradient(top, #363a42, #1b1b1b);
    background-image:-o-linear-gradient(top, #363a42, #1b1b1b);
    background-image:-ms-linear-gradient(top, #363a42, #1b1b1b);
    background-image:linear-gradient(top, #363a42, #1b1b1b);
    border-radius:4px;
    float:left;
    margin:10px 0 10px 20px;
    min-height:135px;
    padding:10px;
    position:relative;
    width:320px;
}

.home-signup h2 {
    color:#fff;
    margin:5px 0 0 0;
}

.cm-signup {
    background:url(/images/widgets/subscribe-to-bulletin.png) no-repeat 0 0;
    margin-top:7px;
}

.cm-signup input[type="text"]
{
    border-radius:4px;
    border:none; 
    height: 25px;
    background: #fff;
    width: 210px;
    color: #999;
    margin:5px;
    padding-left:10px;
    float:right;
}
.cm-signup input[type="submit"] {
    background: #c93300;
    border:none;
    border-radius:4px;
    color:#fff;
    float:right;
    font-weight:bold;
    padding:5px;
}

.cm-signup input[type="submit"]:hover {
    background:#333;
    cursor:pointer;
}

.cm-signup label {
    padding:10px;
    color:#fff;
    font-weight:bold;
    display:block;
    float:left;
    text-indent:-9999px;
}
.cm-signup div.row
{
    clear:both;
}
.cm-signup .navigation ul li
{
    color:#fff;
    list-style:none;
}

/* Interactive Map
-------------------------------------------------------------------------------------------------------------------------*/
.map-hl
{
    position: absolute;
    top: 33px;
    left: 2px;
    background-position: -550px 0;
    width: 550px;
    height: 502px;
}
.map-container
{
    width:100%;
}
.map-container .imagemap
{
    float:left;
    width:520px;
}
.map-bg
{
    width: 550px;
    border-bottom-left-radius:4px;
}
.map-hl.hover {
    cursor: pointer;
}
.map-container .legend 
{
    width: 147px;
    color: #000;
    height: 488px;
    border-left: solid 1px #ccc;
    background: #f0f0f0;
    padding: 1em 1em 0 1em;
    float:left;
    border-bottom-right-radius:4px;
}
.map-container .legend ol a
{
    font-weight:normal;
    padding:0;
    color:#00709D;
}
.map-container .legend ol
{
    margin:5px 0;
}
.map-container .legend ol a:hover,
.map-container .legend ol a.hover
{
    text-decoration:underline;
    color:#D23900;
}
.map-container .legend ol li
{
    font-size:11px;
    padding:0;
    line-height:14px;
}

#tabs-0 .map-hl
{
    background: url('/images/map/sprite-map-a-trans.png') no-repeat;
}
#tabs-1 .map-hl
{
    background: url('/images/map/sprite-map-b-trans.png') no-repeat;
}
#tabs-2 .map-hl
{
    background: url('/images/map/sprite-map-c-trans.png') no-repeat;
}


/* Twitter panel
-------------------------------------------------------------------------------------------------------------------------*/

.twitter-panel {
    color:#6b6b7f;
    margin:20px;
}

.twitter-panel .inner {
}

.twitter-panel .heading {
    background:url(/images/widgets/twitter-icon.png) no-repeat 146px 50%;
}

.twitter-panel .heading h2 {
    color:#329fc1;
}

.twitter-panel .tweetList {
    border-bottom:2px solid #efefef;
    border-top:2px solid #efefef;
    margin:10px 0;
    padding:5px 0;
}

.twitter-panel .tweetList li {
    list-style:none;
    margin:0;
    padding:7px 0 ;
}

.twitter-panel .tweetList li p {
    margin:0;
    padding:0;
}

.twitter-panel .tweetList li a {
}

.twitter-panel .tweetList le a:hover,
.twitter-panel .tweetList le a:active {
}

.twitter-panel .tweetList li small {
    display:block;
    font-weight:bold;
    margin:3px 0 0 0;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */