/*   ----  2ndQuadrant Styles ------------------ */

/* Layout
----------------------------------------------- */
#headerWrap { width: 100%; padding: 10px 0; overflow: auto; }
#navWrap { width: 100%; background-color:#2c7cb0; background-image: -ms-linear-gradient(top, #2c7cb0 0%, #003b61 100%); background-image: -moz-linear-gradient(top, #2c7cb0 0%, #003b61 100%); background-image: -o-linear-gradient(top, #2c7cb0 0%, #003b61 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c7cb0), color-stop(1, #003b61)); background-image: -webkit-linear-gradient(top, #2c7cb0 0%, #003b61 100%); background-image: linear-gradient(to bottom, #2c7cb0 0%, #003b61 100%); padding: 0; height:45px; overflow: visible; }
#sliderWrap { width: 100%; padding: 0; height:auto; display: block; }
#twitterWrap { width: 100%; padding: 30px 0; height: 45px; clear: both; display: block; }
#mainWrap { width: 100%; background-color: #FFFFFF; padding: 0px; overflow: auto; isplay: block; clear: both; }
#wrapper { width: 100%; margin: 0 auto; background-color:#FFF; display:block; overflow:visible; height:100%; border:6px; }
#langbar { float: right; font-size: 0.9em; line-height: 100%; display: block; padding-bottom: 20px; background-color:#fff; }

/* Subnav NEW
----------------------------------------------- */
#subnav { /* width: 230px;*/ float: left; }
#subnav ul.sub ul li a { font-weight: bold; color:#333; }
#subnav ul.sub { border-bottom: 2px solid #002432; margin:0 0 20px 0; padding:20px 0 0 0; float: left; width: 230px; }
#subnav ul.sub li { border-top: 1px solid #4B7181; list-style: none; margin: 0; float: left; width: 230px; font-weight: bold }
#subnav ul.sub a { display: block; padding: 7px 10px 7px 10px; color: #000000; }
#subnav ul.sub li ul { background: none; border: none; padding: 0; margin: 0; }
#subnav ul.sub li ul li { padding: 0 0 0 10px; width: 220px; border: none; color: #333; }
#subnav ul.sub li ul li.descendant { border-top: none; font-weight: 100; }
#subnav ul.sub ul ul a { color: #666666; font-weight: 100; }/* 3rd level links  */
/* Breadcrumb
-----------------------------------------------  */
#breadcrumb { width: 100%; float: left; padding: 0 0 20px 0; }
#breadcrumb ul { width: 100%; float: left; margin:0; padding:0; }
#breadcrumb ul li { float: left; list-style: none; margin:0; padding:5px 0 0 0; color: #666; font-size: 14px; line-height: 28px; }
#breadcrumb ul li a { display: block; width: auto; padding: 0 10px 0 0; margin-right: 5px; color: #666; font-size: 14px; background: url(../images/page/breadcrumb.png) right center no-repeat; }
#breadcrumb ul li a:hover { text-decoration: underline; }
#breadcrumb ul li.faux { background: url(../images/page/breadcrumb.png) left center no-repeat; margin-left: 5px; padding-left: 10px; padding-top: 0; margin-top: 5px; }
/* Main column
----------------------------------------------- */
#content { width: 440px; float: left; padding: 20px; text-align: justify; }

#content-wide { width: 690px; float:left; padding: 20px;}
#content p.standfirst { font-size: 1.154em; font-style: italic; }
body#no-italics p.standfirst { font-size: 1em; font-style: normal; }
.split { width: 100%; float: left; border-top: 1px solid #557E90; margin: 1em 0 0 0; }
.split .half { width: 210px; float: left; padding: 20px 0; }
.split .half:first-child { margin-right: 20px; }
ul.comp_list { margin: 1em 0; padding: 0; width: 100%; float: left; border-top: 1px solid #557E90; }
ul.comp_list li { list-style: none; background: url(../images/accessibility/e1e9ec.png) 0 0 #e1e9ec; padding: 10px; float: left; margin: 10px 0 0 0; width: 420px; }
ul.comp_list li p.date { margin:0; font-size: 0.923em; }
ul.comp_list li h3 { width: 100%; float: left; clear: left; }
ul.comp_list li p { margin-bottom: 0; }
ul.comp_list li .lang { width: 70%; float: left; margin-bottom: 0; }
ul.comp_list li .lang p { margin-bottom: 0; }
ul.comp_list li a.button { float: right; }
.cta { width: 440px; float: left; margin: 1em 0; -moz-border-radius: 9px; border-radius: 9px; }
.cta a { color: #fff; width: 420px; padding: 10px; float: left; font-weight: bold; text-shadow: 0px 1px 0px #324e59; background-color:#2c7cb0; background-image: -ms-linear-gradient(top, #2c7cb0 0%, #003b61 100%); background-image: -moz-linear-gradient(top, #2c7cb0 0%, #003b61 100%); background-image: -o-linear-gradient(top, #2c7cb0 0%, #003b61 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c7cb0), color-stop(1, #003b61)); background-image: -webkit-linear-gradient(top, #2c7cb0 0%, #003b61 100%); background-image: linear-gradient(to bottom, #2c7cb0 0%, #003b61 100%); }
.cta a:hover { color: #fff; text-shadow: 0px 1px 0px #002432; background-color: #003b61 !important; }
/* Booking button styles other */
.btn a {color: #fff;}
.btn {margin-bottom:9px; width: 170px;}
/* Secondary column
----------------------------------------------- */
#secondary { width: 230px; float: left; padding: 20px 0 0 20px; min-height: 350px; }
.unit { background: url(../images/accessibility/eef2f4.png) 0 0 #eef2f4!important; border-top: 2px solid #557e90; width: 210px; float: left; margin: 0 0 20px 0; padding: 10px; }
.unit p { line-height: 140%; font-size: 0.923em; }
#secondary .unit p { font-size: 0.923em; }
#subnav .unit:first-child { margin-top: 20px; }

/* Page specific
----------------------------------------------- */

/* ------------------- Homepage */

/* some of this is old */

#home #brag_area { width: 100%; text-align: center; margin-top: 30px; margin-bottom: 20px; }
#home #brag { display: inline-block; }
#home #brag_inner { text-align: left; overflow: auto; width: 100%; }
#home #brag h2 { display: inline-block; font-size: 30px; margin-bottom: 0.1em; white-space: nowrap; }
#home #brag .gallery-photo { float: left; vertical-align: middle; margin-right: 20px; }
#home #brag .plugin_link { font-size: 10pt; display: block; text-align: right; }
#home .building_block { margin: 10px 0; }
#home .building_block h2 { padding-bottom: 5px; border-bottom: 1px solid #557E90; }
#home .action {
    background-color: #3c5f82;
    text-align: center;
    padding: 12px 0 8px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 140px;
}
#home .action a {
    display: block;
}
#home .action h1 {
    font-weight: bold;
    font-size: 18px;
}
#home .action a:hover {
    text-decoration: none;
}
#home .action:hover {
    background-color: #666;
}
#home .action .gallery-photo { display: block; width: 100%; margin: 0 auto; text-align: center; height:74px; overflow:hidden; }
#home .action .action_text { margin: 12px; }
#home .action .action_text h1 { text-align:center; margin-bottom: 3px; }
#home .action .plugin_link { font-size: 23px; }
#home .action a { color: #FFF; margin-top:0; }
#home .action a:hover { color: #FFF; }
#home .action h1 { margin-top: 0; padding-top:0; }
#home .new_triple_col { padding: 20px 0 20px 0; }
#home .new_triple_col .building_block { float: left; margin-right: 10px; width: 310px; }
#home .new_triple_col .building_block.last { margin-right: 0; }
.triple_col.focus .col { padding-bottom: 10px; }
.triple_col.focus .col h2 { font-size: 1.538em; }
.triple_col.focus .col h2 span { font-size: 0.55em; }
.triple_col.focus .col h4 { margin:1em 0 0 0; }
.triple_col.focus .col ul { padding:0; margin-top: 0; }
.triple_col.focus .col ul li { list-style: none; margin: 0.2em 0 0.4em 0; }
.triple_col.focus .col ul#newslist li { padding-bottom: 5px; }
.triple_col.focus .col.training { background-color: #e1e9ec; background-image: url(../images/accessibility/e1e9ec.png); margin: -2px 0 0; padding: 22px 10px 10px 10px; }

/* List of clients need to be centered on page - see http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a-div */
#client_list { width: 100%; text-align: center; }
#client_list ul.clients { display: inline-block; margin: 0; padding: 0; }
#client_list h2 { text-align: left; }
#client_list ul.clients li { display: inline-block; width: 160px; margin: 0; padding: 0; list-style: none; }
#client_list ul.clients li img { margin: 0 10px; }
.col .unit { background: none!important; border: none; width: 100%; margin:0; padding:0; }

/* Blog Styles */
ul#newslist .row1, ul#newslist .row1 { border-bottom: solid 1px #CCCCCC; margin-bottom: 15px; }
ul#newslist { margin: 0; padding:0; list-style: none; }
ul#newslist li { list-style: none; margin: 0; padding: 10px 0 0 0; }
ul#newslist li .date_author { font-size: 0.846em; color: #547E90; }
ul#newslist li h4 { margin-bottom: 0.2em; margin-top: 0.5em; letter-spacing: 0; }
ul#newslist li p, ul#newslist li p.standfirst { font-size: 0.923em; font-style: normal; color: #666666; }
#home ul#newslist li span.date_author, #service-area ul#newslist li span.date_author { display: none; }
ul#newslist img { height: 240px; padding: 20px 20px 20px 40px; }
.plugin_twitter p { float: right; display: inline-block; padding: 9px; width: 120px; }
.plugin_twitter ul { list-style: none; margin-top: 16px; padding: 0;}
.plugin_twitter .tweet_avatar { float: left; padding: 3px 9px 3px 3px; }
.plugin_twitter img.tweet_avatar { vertical-align: middle; }
.plugin_twitter .tweet_text { font-style: italic; font-size: 90%; margin-bottom: 5px; }
.tweet_text { float: left; display:inline-block; padding-bottom: 6px; }
.twitter-link { clear: both; float: right; margin-bottom: 10px; padding: 0;}
.plugin_twitter .btn {
    width: auto;
    border-radius: 0;
    border: none;
    background: #3c5f82;
    color: #FFF;
    font-size: 16px;
    padding: 12px 32px;
    margin: 0;
}

/* ------------------- Services */
#services #breadcrumb { padding: 20px 0 20px 10px; }
#services #title { padding-left: 10px; }
#services_nav ul { margin:0; padding:0; }
#services_nav ul li { list-style: none; margin:0 0 0 10px; padding: 12px 0 40px 0; width: 230px; float: left; font-size: 1.538em; font-weight: bold; background: url(../images/services_subnav_arrow.png) top right no-repeat; }

/* background: url(../images/page/services_subnav_arrow.png) top right no-repeat; } */
#services_nav ul li a { color: #003b61; text-transform: capitalize; }
#services_nav ul li a span { font-size: 0.55em; font-weight: normal; display: block; color: #557E90; line-height: 100%; }
#services_nav ul li ul li a span { font-size: 1em; display: inline; color: #2660A6; }
#services_nav ul li a:hover { color: #2660A6; }
#services_nav ul li ul { width: 220px; float: left; margin-top: 20px; }
#services_nav ul li ul li { font-weight: normal; font-size: 0.65em; margin: 0; padding: 0; border-bottom: 1px solid #ccc; background: none; }
#services_nav ul li ul li a { display: block; padding: 7px 0; color: #2660A6; text-transform: none; }
#services_nav ul li ul li a:hover { color: #003b61; padding-left: 10px; background: url(../images/subnav_arrow.png) left center no-repeat; } /*background: url(../images/page/subnav_arrow.png) left center no-repeat; }*/
#services_nav ul li ul li a:hover span { color: #003b61; }
ul#services_previews { width: 100%; float: left; border-top: 1px solid #557E90; margin: 1em 0 0 0; padding:0; }
ul#services_previews li { width: 210px; float: left; padding: 20px 0; margin:0; list-style: none; text-align: left; }
ul#services_previews li.odd { margin-right: 20px; text-align: left; }

/* ------------------- News */
ul.pagination { margin: 10px 0 0 0; padding:0; list-style: none; width: 100%; float: left; clear: both; }
ul.pagination li { margin:0; list-style: none; float: left; border-left: 1px solid #ccc; padding: 0 7px; }
ul.pagination li:first-child { padding-left: 0; border-left: none; }
.article_date_author { font-size: 1em; margin: 0 0 1em 0; padding: 5px 0 0 0; display: block; color: #547E90; border-top: 1px solid #dde5e9; }
dl#comments { width: 100%; float: left; margin: 0; padding:0; }
dl#comments dt { width: auto; float: left; display: block; padding: 10px 30px 5px 0; background: url(../images/page/comments.png) right bottom no-repeat; }
dl#comments dd { width: 420px; float: left; clear: left; margin:0 0 1em 0; padding: 10px 10px 0 10px; background: #DDE5E9; }

/* ------------------- Resources */
.resource_list ul { border-top: 1px solid #557E90; float: left; margin: 1em 0 0; padding: 0; width: 100%; }
.resource_list ul li { margin: 1px 0 0 0; padding: 0; list-style: none; }
.resource_list ul li a { display: block; padding: 10px; background: url(../images/accessibility/e1e9ec.png) 0 0 #e1e9ec; }
.resource_list ul li a:hover { background: #C7D7DC; }
form#download-subscribe { border-top: 1px solid #557E90; float: left; margin: 1em 0 0; padding: 2%; width: 96%; background: url(../images/accessibility/e1e9ec.png) 0 0 #e1e9ec; }
form#download-subscribe label { font-weight: bold; }
#content form#download-subscribe .row input { float: left; }
form#download-subscribe #float_button { float: left; clear: none; width: auto; color: #fff; margin-left: 10px; padding: 6px 10px; font-weight: bold; text-shadow: 0px 1px 0px #324e59; border: none; border-left: 2px solid #fff; outline: none; background: url(../images/page/button.png) left center no-repeat #2760A6; cursor: pointer; }
form#download-subscribe p.note { font-size: 0.8em; }

/* ------------------- Training */
table.course_info p { margin: 0; }
.course_catalog .course { border-top: 1px solid #ccc; padding-top: 1em; }
.course_catalog .course ul li { margin: 0.1em 0; }

/* ------------------- Support */
span.yes { width: 16px; height: 16px; display: block; text-indent: -9999px; outline: none; background: url(../images/icons/yes.png) 0 0 no-repeat; }
table.support_table tr td, table.support_table tr th { text-align: center; padding: 8px; }

/* ------------------- About Us */
.user { border-top: 1px solid #DDE5E9; border-bottom: 1px solid #DDE5E9; background: url(../images/accessibility/eef2f4.png) 0 0 #eef2f4!important; padding: 10px; margin: 0 0 1em 0; }
.user img { float: right; margin: 0 0 10px 10px; }

/* ------------------- Override the styling for the file plugin - this was a 
request by Greg Smith. */
p.plugin_file { display: inline; }
p.plugin_file img, p.plugin_file span.filesize { display: none; }

/* --------- misc TinyMCE styles */
#mc_embed_signup input.mce_inline_error { border-color:#6B0505; }
#mc_embed_signup div.mce_inline_error { margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff; }
/* --------- Main Carousel Styles - See Slider.css ----- */


/* --------- Logo Carousel Styles -----  */
.logo-strip { height: 120px; background-color: #fff; overflow: hidden; margin: 0 auto; padding: 0; display:block; clear: both; }
.logos { padding:0; }
.logos ul { list-style-type:none; padding:0; }
.logos li { width:152px; float: left; text-decoration: none; list-style-type: none; list-style-image: none; }

/* Form */
#contactForm { background-color:#BDD2E1; border:solid 1px #003b61; display:block; width:63%; float:left; padding:14px; margin-right: 18.5%; margin-left: 18.5%;}
#downloadForm { background-color:#BDD2E1; border:solid 1px #003b61; display:block; width:36%; float:left; padding:14px; margin-right: 32%; margin-left: 32%; margin-bottom: 20px;}
#downloadForm strong { padding-right: 20px;}
#contactForm form { }
#contactForm input, #contactForm textarea { display:block; }
#downloadForm input { display:block; }
#contactForm .contact field { }
#contactForm# id_subject {
}
#contactForm label { color: #003b61; font-weight: bold; }
#contactForm textarea { height: 10em; }

#downloadForm .errorBorder {
    border-color: red;
}
/*  Footer additional styles */
.mc-field-group label { padding-top: 3px; }

/* Service Table Styles */
.svc-table {}
.svc-table table{ border:none;}
.svc-table caption {text-align:left; font-size:16px; color: #666; font-weight: bold; padding: 3px 0 3px 0; margin:0;}
.svc-table thead {border-top:none !important;}
.svc-table thead th { font-size: 15px; font-weight: bold; border-left: none; border-right: none; }
.svc-table th {border-left: none; border-right: none; border-top:none;}
.svc-table tr { text-align: center; font-size:0.9em; color:#333; border-bottom: 1px solid #999; border-left: none; border-right: none;}
.svc-table td {text-align: center; border-left: none; border-right: none;}
.svc-table img {align: center;}
.svc-table .tabletitle { text-align:center;}
.svc-table .tablesub {font-size: 0.85em; font-weight:normal; text-indent:20px;}
.svc-table .tablenotes {font-size: 0.7em; }
.svc-table .goldtop {background-color: #f5dda3;}
.svc-table .platinumtop {background-color: #b1daf0;}
.svc-table .gold {background-color: #f7e8c3;}
.svc-table .platinum {background-color: #cee6f5;}

.footnotes {font-size: 0.75em; color:#666666; margin: 0 !important; padding: 0;}

/* Service Table Styles */
.trn-table {}
.trn-table table{ border:none;}
.trn-table caption {
    text-align:left; 
    font-size:16px; 
    color: #666; 
    font-weight: bold; 
    padding: 1px 0 1px 0; 
    margin:0;
}
.trn-table thead { 
    border-top:none !important; 
    background-color:#E6E6E6; 
}
.trn-table thead th { 
    font-size: 15px; 
    font-weight: bold; 
    border-left: none; 
    border-right: none; 
    width: 33%;
} /* 33% width is a temporary fix */
.trn-table th {
    border-left: none; 
    border-right: none; 
    border-top:none;
}
.trn-table tr { 
    text-align: center; 
    font-size:0.9em; 
    color:#333; 
    border-bottom: 1px solid #999; 
    border-left: none; 
    border-right: none;
}
.trn-table td {
    border-left: none; 
    border-right: none; 
    vertical-align:top;
}
.trn-table p {
    padding: 0;
    line-height: 22px;
    text-align: left;
    font-size: 14px;
    margin: 6px 12px 6px 0;
}
.trn-table img {
    align: center;
}
.trn-table .tabletitle { 
    text-align:left;
}
.trn-table .tablesub {
    font-size: 0.85em; 
    font-weight:normal; 
    text-indent:20px;
}
.trn-table .tablenotes {
    font-size: 0.7em; 
}
.trn-table .goldtop {
    background-color: #f5dda3;
}
.trn-table .platinumtop {
    background-color: #b1daf0;
}
.trn-table .gold {
    background-color: #f7e8c3;
}
.trn-table .platinum {
    background-color: #cee6f5;
}

.footnotes {font-size: 0.75em; color:#666666; margin: 0 !important; padding: 0;}
.landscape { margin: 0 auto; text-align: center; }
img.right  {float:right; padding-left: 20px;}
.divcentred {margin: 0 auto; width: 350px;}
/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {

}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape )and (orientation: portrait) {


#sliderWrap { display: none; }

h1#logo, h3#logo { margin-left: 0; }

#header h2 { width: 100%; text-align: left; margin-left: 0; }
#header p#contact_info { width: 100%; text-align: left; margin-left: 0; float: left; }
.triple_col .col, .triple_col.focus .col.training, #content, #subnav, .cta a, #subnav ul.sub, #subnav ul.sub li, .unit, #secondary, .col .subcol, #services_nav ul li, #services_nav ul li ul { width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
#services_nav ul li { text-align: left; float: left; }
#secondary { border-top: none; background: none; padding-top: 0; }
#subnav ul.sub li a { padding-top: 16px; padding-bottom: 16px; }
#footer form .row.text input, #footer .col, .cta, #content form .row textarea, #content form .row input, #services_nav ul li ul li .split .half, .single_col .col { width: 94%; padding-left: 2%; padding-right: 2%; margin:0; }
#nav ul { background: none; margin-top: 5px; }
#nav ul li { width: 48%; /* Ensure we have 2 buttons per row */ margin:0 1% 1% 1%; padding:0; height: 60px; border: none; background: #2c7cb0; -khtml-border-radius: 5px; /* Konqueror */ -moz-border-radius: 5px; /* Mozilla (Firefox) */ -webkit-border-radius: 5px; /* Webkit (Safari + Chrome) */ border-radius: 5px; /* W3C */ }
#nav ul li:nth-child(odd) {
}
#nav ul li a { padding-top: 22px; padding-bottom: 22px; }
#nav ul li.resources { border: none; }
#services_nav ul li ul li { border: none; }
#services_nav ul li ul li a { -khtml-border-radius: 5px; /* Konqueror */ -moz-border-radius: 5px; /* Mozilla (Firefox) */ -webkit-border-radius: 5px; /* Webkit (Safari + Chrome) */ border-radius: 5px; /* W3C */ border: 1px solid #ccc; float:left; display:block; margin: 1% 0; width: 94%; padding-right: 2%; padding-left: 2%; padding-top: 16px; padding-bottom: 16px; text-align: center; }
/* Remove graphic-y items from the mobile site; just leave text in */
#carousel, #client_list, #langbar, #home #brag .gallery-photo, .plugin_twitter img { display:none; }
#home #brag_area { text-align: left; }
#home #brag h2 { white-space: normal; font-size: 1.231em; }
#home .new_triple_col .building_block { float: none; width: auto; margin-right: 0; }
.plugin_twitter ul.tweet_list li { list-style: disc; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
}

/* Extra styles */
/* FIXME: clean-up needed */
.training-list-box {
    padding: 15px 0;
    border-top: 1px solid #ccc;
}

.training-list-box-last {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.training-list-box a:visited, .training-detail-box a:visited {
    color: #2c7cb0;
}

.training-button-right {
    float: right;
    font-weight: bold;
    display: block;
    border: 1px solid #2c7cb0;
    border-radius: 5px;
    padding: 6px 10px;
}

.training-button-left {
    display: block;
    float: left;
    font-weight: bold;
    border: 1px solid #2c7cb0;
    border-radius: 5px;
    padding: 6px 10px;
    margin-right: 20px;
}

.event-plugin .event {
    padding: 15px 0;
    border-top: 1px solid #ccc;
}

.event-plugin .event-last {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.event-plugin .event-last a:visited {
    color: #2c7cb0;
}

.event-plugin .read-more {
    float: right;
}

button {
    padding: 6px 10px;
}

.booking-form table tr td, .booking-form table tr th {
    border: none;
    vertical-align: top;
}
.booking-form ul.errolist li {
    width: 150px;
}
.booking-form ul.errolist li {
    width: 150px;
}
.booking-form .form-help-text {
    font-weight: normal;
    font-size: 0.9em;
}
.booking-form table tr.required th label:after{
    content: " *";
}
#wrapper form.booking-form {
    width: auto;
}