/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* =============================================================================
HTML5 element display
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Force vertical scrollbar in non-IE
* 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 15px; line-height: 1.3333333; background-color: #f0f0f0; }
body, button, input, select, textarea {
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 400;
color: #000;
}
div#main
{
background-color: #efeeee;
}
/*
* These selection declarations have to be separate
* No text-shadow: twitter.com/miketaylr/status/12228805301
* Also: hot pink!
*/
::-moz-selection { background: #999999; color: #fff; text-shadow: none; }
::selection { background: #999999; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00acbb; text-decoration: none; }
a:visited { color: #00acbb; }
a:focus { outline: thin dotted; }
a:hover {
color:#222222;
}
a.button{
display: inline-block;
}
a.button, input[type="submit"] {
color: #fff;
background-color: #a0a0a0;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 700;
font-size: 0.95em;
line-height: 2.4;
text-transform: uppercase;
margin: 0 0 4px;
padding: 2px 12px 0 13px;
letter-spacing: 1.2px;
}
a.button:after{
padding-left: 24px;
content: '\2192';
position: relative;
top: -1px;
}
a.button.left:after{
padding-left: 0;
content: '';
position: relative;
top: 0;
}
a.button.left:before{
padding-right: 24px;
content: '\2190';
position: relative;
top: -1px;
}
a.button:hover, input[type="submit"]:hover, #sub-nav a:hover {
background-color: #c0c0c0;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1 {
color: #FFFFFF;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-size: 3.06667em;
font-style: normal;
font-weight: 400;
line-height: 1.25;
margin: 0;
padding: 40px 0 10px;
}
h2{
font-size: 1.333333em;
line-height: 1.2;
color: #222;
margin: 34px 0 14px;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 700;
}
h3{
font-size: 1.3333333em; /* 20/15 */
line-height: 1.2; /* 24/20 */
margin: 0 0 18px;
color: #222;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 700;
}
h4{
font-size: 0.85em;
line-height: 1.3333333; /* 20/15 */
text-transform: uppercase;
letter-spacing: .1em;
color: #888;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 700;
margin: 0 0 6px;
}
h5{
font-size: 1em;
line-height: 1.3333333; /* 20/15 */
margin: 0 0 20px;
color: #222;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 700;
}
h6{
font-size: 0.8666666em; /* 13/15 */
line-height: 1.2307692; /* 16/13 */
margin: 0;
color: #888;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 600;
}
p{
font-size: 1em;
line-height: 1.5;
margin: 0 0 20px;
color: #000;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 400;
}
p.large{
font-size: 1.3333333em; /* 20/15 */
line-height: 1.2; /* 24/20 */
margin: 0 0 18px;
color: #222;
}
p.small{
font-size: 0.8666666em; /* 13/15 */
line-height: 1.2307692; /* 16/13 */
color: #000;
margin: 0 0 16px;
}
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 0 0 1.6em 0; padding: 0 0 0 1em; }
dd { margin: 0 0 0 2em; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
li{ padding: 4px 0;}
/* =============================================================================
Embedded content
========================================================================== */
/*
* Improve image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img { border: 0; -ms-interpolation-mode: bicubic; }
/*
* Correct overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden;
}
img, embed, object, video, canvas object{
max-width: 100%;
}
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; color:#666666; }
input[type="search"] {
background: url("/Images/icon-search_tcm14-59245.png") no-repeat scroll 144px 6px #F6F6F6;
border: 1px solid #CCCCCC;
color: #999999;
font-size: 0.866667em;
font-weight: 400;
height: 24px;
padding: 0 26px 0 5px;
width: 133px;
}
input[type="email"], input.email {
color: #999999;
font-size: 13px;
height: 30px;
padding: 0 8px;
width: 150px;
}
input[type="submit"] {border:none;letter-spacing: 1.2px;}
/*
* Remove inner padding and border in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
input, select, textarea{
color: #000;
font-weight: 400;
background-color: #f6f6f6;
height: 36px;
padding: 0 8px;
border: 1px #ccc solid;
padding: 5px 8px 0;
}
aside input[type=text], aside input[type=search]{
height: 14px;
width: auto;
overflow: hidden;
color: #999999;
font-size: .8666666em;
font-weight: 400;
padding: 5px 8px;
border: 1px #ccc solid;
}
/* =============================================================================
Sexy Combo Defaults
========================================================================== */
/*wrapper of all elements*/
div.combo {
position:relative;
left: 0px;
top: 0px;
}
/*text input*/
.combo input {
position: absolute;
}
/*icon*/
.combo div.icon {
position:absolute;
}
/*list wrapper*/
.combo div.list-wrapper {
position: absolute;
overflow: hidden;
/*we should set height and max-height explicitly*/
height: 200px;
max-height: 200px;
/*should be always at the top*/
z-index: 99999;
}
/*"drop-up" list wrapper*/
.combo div.list-wrapper-up {}
/*dropdown list*/
.combo ul {}
/*dropdown list item*/
.combo li {
height: 20px;
}
/*active (hovered) list item*/
.combo li.active {}
.combo .visible {
display: block;
}
.combo .invisible {
display: none;
}
/*used when emptyText config opt is set. Applied to text input*/
.combo input.empty {}
/* =============================================================================
Sexy Combo skin
========================================================================== */
div.sexy {
font-weight: 400;
background-color: #f6f6f6;
padding: 0;
border: 1px #ccc solid;
white-space: nowrap;
margin: 0;
width: 100%;
height: 36px;
}
div.sexy input {
margin: 0 0 0 0;
vertical-align:middle;
left: 0;
top: 0;
width: 90%;
height: 32px;
background-color: transparent;
border: 0 none;
padding-top: 3px;
}
div.sexy div.icon {
width:36px;
height:36px;
border: 0;
background:transparent url(/Images/dropdown-arrow_tcm14-59240.png) no-repeat 50% 55%;
cursor:pointer;
border-left: 1px solid #ccc;
top:0;
right: 0;
}
div.sexy div.list-wrapper {
left: -1px;
top: 36px;
border: 1px solid #ccc;
background-color: #FFFFFF;
padding: 0;
margin: 0;
width: 100%;
bottom: auto;
}
div.sexy div.list-wrapper-up {
top: auto;
bottom: 21px;
}
div.sexy ul {
list-style-type: none;
padding: 0;
margin: 0;
height: 200px;
}
div.sexy li {
padding: 4px 8px 3px 8px;
background-color: #FFFFFF;
cursor: pointer;
margin: 0;
}
div.sexy li.active {
background-color: #f0f0f0;
}
/*for IE*/
div.sexy a, div.sexy a:visited, div.sexy a:active {
display: block;
width: 100%;
width: 450px;
text-decoration: none;
cursor: pointer;
margin: 0;
height: 20px;
}
div.sexy input.empty {
color: gray;
}
a.to-highlight:hover {
background-color: rgb(223, 232, 246);
}
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
table.rows{
border-bottom: 1px #ccc solid;
}
table.rows thead th{
padding: 0 3px 1em;
vertical-align: bottom;
}
table.rows tbody th,
table.rows tbody td{
vertical-align: top;
padding: 0.8em 0.33333em;
background-color: transparent;
border-top: 1px #bbb solid;
}
table.rows tr.odd{
background-color: #FFF;
}
table.rows tr.even{
background-color: #f0f0f0;
}
/* =============================================================================
widgets
========================================================================== */
.widget{
position: relative;
}
.widget > h4 a{
font-size: .866666666em; /* 13/15 */
font-weight: 600;
}
.widget h3{
margin: 16px 0 6px 0;
}
.widget h6{
margin: 1px 0;
}
.widget p{
font-weight: 400;
}
.widget p a{
font-weight: 600;
}
/* =============================================================================
common page elements
========================================================================== */
.pinch{
margin: 0 auto;
width: 892px;
position: relative;
}
#header{
background-color: #efeeee;
height: 156px;
min-width: 892px;
position:relative;
z-index:99;
}
#header .pinch{
height: 100%;
}
#main-nav li{
display: inline;
float: left;
padding: 0;
}
#main-nav a {
color: #000;
display: block;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-size: 0.94em;
font-style: normal;
font-weight: 400;
height: 48px;
line-height: 56px;
padding: 4px 11px 0;
text-decoration: none;
}
#main-nav a:hover{
color: #222;
}
body.home #main-nav a.home{
background-color: #a0a0a0;
color: #fff;
}
body.why #main-nav a.why,
body.why #sub-nav a.active,
body.why #sub-nav a:hover{
background-color: #97999B; /*#00acbb;*/
color: #fff; /*#f59100;*/
}
body.service #main-nav a.service,
body.service #sub-nav a.active,
body.service #sub-nav a:hover{
background-color: #00ACBB;
color: #fff;
}
body.what #main-nav a.what,
body.what #sub-nav a.active,
body.what #sub-nav a:hover{
background-color: #00687F;
color: #fff;
}
body.knowledge #main-nav a.knowledge,
body.knowledge #sub-nav a.active,
body.knowledge #sub-nav a:hover{
background-color: #183964; /*#00acbb;*/
color: #fff; /*#00acbb;*/
}
body.contact #sidebar-one #main-nav a.why,
body.contact #sidebar-one #sub-nav a.active,
body.contact #sidebar-one #sub-nav a:hover{
background-color: #00acbb; /*#00acbb;*/
color: #fff; /*#f59100;*/
}
#logo {
bottom: 8px;
position: absolute;
left: 0;
}
#logo img{
max-width: 214px;
width: auto;
}
#logo2{
position: absolute;
right: 0;
top: 18px;
}
#logo2 img{
max-width: 152px;
width: auto;
}
#risk-logo{
position: absolute;
left: 400px;
top: 62px;
}
#risk-logo img{
max-width: 87px;
width: auto;
}
#secondary-nav-search{
position: absolute;
right: 0;
bottom: 20px;
}
#secondary-nav{
float: left;
margin-right: 15px;
}
#secondary-nav li{
display: inline;
float: left;
padding: 0;
}
#secondary-nav a{
color: #000;
font-size: 0.95em;
text-decoration: none;
padding: 0 11px;
display: block;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 400;
}
#secondary-nav a:hover{
color: #222;
}
#search{
float: left;
position: relative;
top: -3px;
}
#search .input-wrapper{
background: #f6f6f6 url(/Images/icon-search_tcm14-59245.png) no-repeat 144px 6px;
border: 1px #ccc solid;
padding: 0 26px 0 5px;
width: 133px;
overflow: hidden;
}
#search input{
height: 24px;
width: 133px;
overflow: hidden;
color: #999999;
font-size: .8666666em;
font-weight: 400;
padding: 0;
border: 0;
}
body.sidebar #sidebar-one{
width: 22.309417%; /* 199/892 */
float: left;
}
body.sidebar #content{
float: right;
width: 66.470852%; /* 584/892 */
margin-left: 3.587444%; /* 32/892 */
margin-right: 7.632287%; /* 77/892 */
padding-top: 3.923767%; /* 35/892 */
display: block;
}
body.sidebar.wide #content{
margin-right: 0;
width: 74%; /* 661/892 */
}
body.no-sidebar.email-sign-up #content {
padding-top: 3.923767%; /* 35/892 */
width: 85.470852%; /* 584/892 */
}
body #title {
min-width:892px;
}
/* =============================================================================
why section
========================================================================== */
body.why #sub-nav,
body.why #title{
background-color: #97999b; /*#f59100;*/
}
body.why #content header p{
color: #00acbb; /*#00acbb;*/
line-height: 1.3333;
}
/*#content .people .person{
float: left;
margin: 0 3% 5.03% 0;
}*/
#content .people
{
margin-bottom: 20px;
}
.tk-ff-din-web_left
{
float: left;
width: 201px;
margin-right: 2.5%;
display: inline-block;
}
#content .people .person {
float: left;
height: 270px;
margin: 0 20px 5.03% 0;
}
#content .people .person3,
#content .people .person6,
#content .people .person9,
#content .people .person12,
#content .people .person15,
#content .people .person18{
margin-right: 0;
}
#content .people .person:nth-child(3n+3) {
float: left;
margin: 0 0 5.03% 0;
}
#content .people .person h5,
#content .people .person p.title{
margin-top: 8px;
margin-bottom: 0;
width: 200px;
}
#content .people .person img{
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
}
body.bio #content aside ul{
margin-top:7.246377%; /* 20/276 */
margin-left: 5.797101%; /* 16/276 */
padding-bottom: 7.246377%; /* 20/276 */
}
body.bio #content aside li{
min-height: 22px;
}
body.bio #content aside li a{
line-height: 1.2;
}
/* =============================================================================
service section
========================================================================== */
body.service #sub-nav,
body.service #title{
background-color: #00acbb;
}
/* =============================================================================
what section
========================================================================== */
body.what #sub-nav,
body.what #title{
background-color: #00687f;
}
/* =============================================================================
knowledge section
========================================================================== */
body.knowledge #sub-nav,
body.knowledge #title{
background-color: #183964; /*#00acbb;*/
}
#sub-nav a{
color: #fff;
font-size: 1em;
line-height: 2.4; /* 36/15 */
height: 36px;
padding: 0 6.030151%; /* 12/199 */
display: block;
text-decoration: none;
}
#content header{
font-size: 1.333333em; /* 20/15 */
}
#content aside{
float: right;
margin: 1% 0 4% 5%;
margin-right: -13.184932%; /* 77/584 */
width: 47.260274%; /* 276/584 */
background-color: #FFF;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
}
#content aside .inner {
padding: 9% 8% 8%;
}
#content aside h5{
margin: 0;
}
#content aside ul{
margin: 0;
padding: 0;
list-style: none outside none;
}
#content aside li.document{
background: transparent url(/Images/icon-document_tcm14-59244.png) no-repeat left 0;
padding: 0 0 6.504065% 11.382114%; /* 0, 0, 16/246, 28/246 */
list-style-type: none;
line-height: 1.1333333; /* 17/15 */
}
#content aside li:last-child{
padding-bottom: 0;
}
#content aside li a{
display: block;
line-height: 1;
}
#content aside li span{
color: #888;
font-size: .8666666em; /* 13/15 */
text-transform: uppercase;
}
#content .content{
padding-right: 13.184932%; /* 77/584 */
}
#content .with-cols .col3{
float: left;
width: 39.250493%; /* 199/507 */
padding-bottom: 6%;
}
#content .with-cols .col4{
width: 54.635108%; /* 277/507 */
float: right;
padding-bottom: 6%;
}
#content table th{
text-align: left;
white-space: nowrap;
}
/* =============================================================================
Homepage
========================================================================== */
body.home .widget{
margin: 2.5em 0 0 0;
}
body.home .widget:before, body.home .widget:after { content: ""; display: table; }
body.home .widget:after { clear: both; }
body.home .widget { zoom: 1; }
.widget.ccp {
width: auto;
float: none;
}
.widget.ccp .ccp-badge {
float: left;
margin-right: 24px;
}
.widget.ccp h3 {
margin-top: 0;
}
.widget.resources{
width: 30.941704%; /* 276/892 */
float: left;
min-width:276px;
max-width:276px;
}
.widget.daily-volume{
width: 56.838565%; /* 507/892 */
float: right;
z-index: 999;
}
body.home .widget.email-form{
width: 100%;
clear: both;
background-color: #FFF;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
margin-bottom: 0;
}
.widget.email-form .inner{
padding: 2.690582% 1.793722% 2.690582% 77px; /* 24/892, 16/892 */
background: transparent url(/Images/envelope_tcm14-59243.png) no-repeat 16px 23px;
}
.widget.email-form p,
.widget.email-form h3{
margin-top: 0;
float: left;
width: 53.817272%; /* 430/799 */
}
.widget.email-form p{
margin-bottom: 0;
}
.widget.email-form form{
float: right;
position: relative;
width: 40%;
}
.widget.email-form form input{
position: absolute;
left: 0;
}
.widget.email-form input[type="text"] {
height: 35px;
padding: 1px 8px 0;
width: 230px;
}
.widget.email-form form input[type='submit']{
background-color: #a0a0a0;
text-transform: uppercase;
color: #fff;
left: auto;
right: 0;
top: 0;
padding: 5px 12px 0;
border: 0;
height: 38px;
font-weight: 700;
}
.widget.email-form form input[type='submit']:hover{
background-color: #c0c0c0;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.widget.clearing-members{
width: 65.470852%; /* 584/892 */
float: left;
}
.widget.clearing-members .col{
width: 47.260274%; /* 276/584 */
float: left;
}
.widget.clearing-members .col + .col{
float: right;
}
.widget.upcoming-events{
/*width: 30.941704%;*/ /* 276/892 */
width: 53.817272%; /* 430/799 */
float: right;
/*min-width:276px;
max-width:276px;*/
}
.widget.upcoming-events table{
margin: 10px 0 24px 0;
width: 100%;
}
.widget.upcoming-events table .title{
font-weight: bold;
}
.widget.upcoming-events table .title a {
font-weight: bold;
color:#222222;
}
.widget.upcoming-events table .title a:hover {
color:#666666;
}
.widget.daily-volume .wrapper{
background-color: #FFF;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
}
.widget.daily-volume .wrapper .inner{
padding: 13px 17px 20px 17px;
}
.widget.daily-volume .ticker{
width: 100%;
text-align: center;
height: 85px;
font-size: 45px;
/*height: 72px;*/
/*font-size: 3.333333em;*/
line-height: 1.58;
color: #fff;
font-weight: 400;
background: #a0a0a0;
background: -moz-linear-gradient(top, #a0a0a0 0%, #aeaeae 50%, #a0a0a0 50%, #a0a0a0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(50%,#aeaeae), color-stop(50%,#a0a0a0), color-stop(100%,#a0a0a0));
background: -webkit-linear-gradient(top, #a0a0a0 0%,#aeaeae 50%,#a0a0a0 50%,#a0a0a0 100%);
background: -o-linear-gradient(top, #a0a0a0 0%,#aeaeae 50%,#a0a0a0 50%,#a0a0a0 100%);
background: -ms-linear-gradient(top, #a0a0a0 0%,#aeaeae 50%,#a0a0a0 50%,#a0a0a0 100%);
background: linear-gradient(top, #a0a0a0 0%,#aeaeae 50%,#a0a0a0 50%,#a0a0a0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#a0a0a0',GradientType=0 );
}
.widget.daily-volume .last-update{
position: absolute;
top: 0;
right: 0;
}
.widget.daily-volume p{
margin: 20px 0 0 0;
}
.widget.daily-volume .arrow{
position: absolute;
width: 0;
height: 0;
border-top: 12px #a0a0a0 solid;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
left: 48%;
}
#hero{
width: 100%;
height: 336px;
position: relative;
}
#hero .hero-container{
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 336px;
display: none;
}
#hero .hero-sandy{
background-color: #00acbb; /* blue */
}
#hero .hero1
{
background-color: #b0b3b3; /* dark blue */
}
#hero .hero2{
background-color: #b0b3b3; /* light orange*/ /*#f59100; orange */ /* #62ab26; green */
}
#hero .hero3
{
background-color: #b0b3b3; /* sky blue */
}
#hero .hero4
{
background-color: #b0b3b3; /* Green */
}
#hero .hero5
{
background-color: #b0b3b3; /* dark blue */ /* #FA981D; /* light orange*/ /*#f59100; orange */ /* #62ab26; green */
}
/*#hero .hero5
{
background-color: #a54696; /* purple */ /*#17A2D9; light blue */ /*#009DDC; pacific blue */
}*/
#hero .hero{
height: 336px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#hero .hero1{
display: block;
}
#hero .hero2{
}
#hero .hero3{
}
#hero .hero1 h1{
width: 74.103139%; /* 661/892 */
}
#hero .hero1 a.button{
background-color: #00acbb;
color: #62ab26;
}
#hero .hero1 a.button:hover{
background-color: #31802c;
color: #fff;
}
#hero .hero2 h2,
#hero .hero2 h4,
#hero .hero2 h6,
#hero .hero2 .hero div{
padding-left: 60.426009%; /* 539/892 */
width: 30.941704%; /* 276/892 */
}
#hero .hero2 h4{
padding-top: 45px;
font-weight: 700;
color: #00acbb;
margin: 0;
}
#hero .hero2 h2{
margin: 22px 0 10px 0;
font-weight: 700;
}
#hero .hero2 h6{
font-weight: 600;
color: #00acbb;
margin: 0 0 15px 0;
}
#hero .hero2 div{
}
#hero .hero2 a.button{
background-color: #00acbb;
color: #f59100;
}
#hero .hero2 a.button:hover{
background-color: #c8550f;
color: #fff;
}
#hero .hero2 h2 {
font-size: 28px;
}
#hero .hero3 h2 {
color: #00acbb;
font-size: 28px;
margin-bottom: 10px;
padding: 10px 0 0 8.52018%;
width: 39.574%;
}
#hero .hero3 h3{
width: 39.573991%; /* 353/892 */
font-weight: 400;
padding-left: 8.520179%; /* 76/892 */
}
#hero .hero3 .hero div{
padding-left: 8.520179%; /* 76/892 */
}
#hero .hero3 a.button{
background-color: #00acbb;
color: #00acbb;
}
#hero .hero3 a.button:hover{
background-color: #006bb7;
color: #fff;
}
#hero .hero-container img {
position:absolute;
top: 0;
left: 0;
}
#hero-nav{
position: absolute;
bottom: 0;
width: 100%;
display: none;
}
#hero-prev, #hero-next{
background-color: #222;
zoom: 1;
filter: alpha(opacity=65);
opacity: 0.65;
width: 445px;
position: absolute;
height: 36px;
bottom: 0;
text-transform: uppercase;
}
#hero-prev:hover, #hero-next:hover {
}
#hero-prev{
left: 0;
}
#hero-next{
left: auto;
right: 0;
text-align: right;
}
#hero-nav a{
color: #fff;
line-height: 38px;
font-weight: 700;
padding: 0 12px;
letter-spacing:1.2px;
}
#hero-prev a:before{
content: '\2190';
padding-right: 24px;
}
#hero-next a:after{
content: '\2192';
padding-left: 24px;
}
#hero #indicators{
position: absolute;
width: 100%;
bottom: -15px;
}
#hero #indicators span{
width: 8px;
height: 8px;
display: block;
float: left;
margin-right: 4px;
background-color: #d3d3d3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#hero #indicators span.hero1.active
{
background-color: #00acbb; /* dark blue */
}
#hero #indicators span.hero2.active{
background-color: #00acbb; /* orange */ /*#62ab26; green */
}
#hero #indicators span.hero3.active
{
background-color: #00acbb; /* sky blue */
}
#hero #indicators span.hero4.active{
background-color: #00acbb; /* Green */
}
#hero #indicators span.hero5.active
{
background-color: #00acbb; /* sky blue */ /* #f59100; /* orange */ /*#62ab26; green */
}
/*#hero #indicators span.hero5.active
{
background-color: #a54696; /* purple */ /*#009DDC; pacific blue */ /*#00acbb; blue */
}
*/
.widget .resources h6 {
margin: 10px 0;
}
#content aside {
background-color: #FFFFFF;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
float: right;
margin: 1% -13.1849% 4% 8%;
width: 47.2603%;
}
body.sidebar.wide #content article section h3:first-child {
margin-top:0px;
}
#sub-nav li {
padding:0px;
}
.knowledge section ul {
margin: 0 0 1.6em;
padding: 0;
list-style-type: none;
}
.knowledge section ul li h3 a {
color:#222222;
}
.knowledge section ul li h3 a:hover {
color:#666;
}
.knowledge section h3 {
color: #222222;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-size: 1.33333em;
font-style: normal;
font-weight: 700;
line-height: 1.2;
margin: 10px 0 2px;
}
.knowledge section h6 {
margin: 0 0 4px;
}
.knowledge .widget.upcoming-events, .knowledge .widget.resources {
float:left;
margin-top:50px;
}
.knowledge .widget.upcoming-events {
margin-right:32px;
}
.knowledge a.button {
background-color: #00acbb; /*#00acbb;*/
color: #f59100; /*#00acbb;*/
}
.knowledge a.button:hover{
background-color: #006bb7;
color: #fff;
}
.knowledge aside input[type="submit"] {
font-size: 13px;
height: 32px;
margin-bottom: 6px;
margin-top: 5px;
}
/* News Specific styles */
.news #content aside h5 {
color: #000;
font-size: 15px;
margin: 0 0 6px;
text-transform: uppercase;
}
.news #content section ul li img {
height:auto;
margin:5px 0px 10px;
max-width: 414px;
}
.news #content section ul li {
margin-bottom:10px;
}
.knowledge.news section h3 {
margin: 10px 0 6px;
}
.knowledge #content aside {
background-color: #FFFFFF;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
float: right;
margin: 1% -13.1849% 4% 8%;
width: 34.26%;
}
#content aside ul.sidebar-category-list li {
list-style-type: none;
padding: 0 0 6px;
}
#content aside ul.sidebar-category-list {
}
#content aside ul.press-contacts p {
margin-bottom:0px;
}
#content aside ul.press-contacts li {
padding:0px 0px 10px;
}
#content aside ul.press-contacts li:last-child {
padding:0px;
}
#content aside ul.press-contacts li h6 {
color:#000;
}
#content aside .sidebar-module {
margin-bottom:16px;
}
.bio #content h3 {
margin-top:0px;
}
/* Footer styles */
#footer {
clear:both;
padding:100px 0px 50px;
}
#footer ul li {
border-right:1px solid #cccccc;
margin-right:10px;
padding-right:10px;
color:#000;
float:left;
font-size:14px;
list-style-type:none;
height:16px;
}
#footer ul li.last,
#footer ul li:last-child {
border-right:none;
}
/* Error Messages */
.email-sign-up-message {
color:#00acbb;
font-size:20px;
margin-bottom: 10px;
}
.email-sign-up-instructions {
font-size:15px;
color:#333333;
}
.email-sign-up a.button {
clear:left;
margin-bottom:10px;
float:left;
}
.email-sign-up.knowledge #main-nav a.knowledge {
background:none;
color: #000;
}
.email-sign-up input[type="submit"] {
background-color: #A0A0A0;
color: #FFFFFF;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-size: 0.95em;
font-style: normal;
font-weight: 700;
height: 33px;
letter-spacing: 1.2px;
line-height: 2.65;
margin: 0 0 4px;
padding: 0 12px 0 13px;
text-transform: uppercase;
}
.email-sign-up input[type="email"], .email-sign-up input.email {
color: #999999;
font-size: 13px;
height: 30px;
padding: 0 8px 1px;
width: 150px;
}
/* Search Specific Styles */
body.no-sidebar.search #content {
padding-top: 3.923767%; /* 35/892 */
width: 85.470852%; /* 584/892 */
}
.search section ul {
margin: 0 0 1.6em;
padding: 0;
list-style-type: none;
width: auto;
}
.search section ul li h3 a {
color:#222222;
}
.search.knowledge #main-nav a.knowledge {
background:none;
color: #000;
}
/* Clearing Volumes Specific Styles
-------------------------------------- */
/* Exhibits */
.exhibit {
margin: 0 0 60px 0;
position: relative;
}
.exhibit h3 {
margin-bottom: 4px;
}
.exhibit h6 {
margin-bottom: 10px;
}
div.tabs {
margin: 0 0 20px 0;
margin: 0;
}
ul.tab-nav {
list-style: none;
margin-bottom: 0;
padding-left: 0;
float: left;
width: 100%;
display: none; /* changed to block via javascript */
border-bottom: 1px solid #a0a0a0;
}
ul.tab-nav li {
float: left;
margin: 0;
padding: 0;
position: relative;
top: 1px;
z-index: 2;
}
ul.tab-nav li a {
font-weight: bold; /* Making tab text bold site-wide */
padding: 6px 12px;
display: block;
color: #fff;
background-color: #a0a0a0;
border-right: 1px solid #ccc;
border-top: 1px solid #a0a0a0;
}
ul.tab-nav li:first-child a {
border-left: 1px solid #a0a0a0;
}
ul.tab-nav li a.selected {
background-color: #f0f0f0;
border-right: 1px solid #a0a0a0;
color: #000;
}
ul.tab-nav li a.found-you {
font-size: 18px;
}
div.tabs div {
padding-top: 20px;
padding-bottom: 20px;
clear: both;
}
#content table th.right, #content table td.right {
text-align: right;
}
.exhibit .zero-row td {
color: #bbb;
}
/* =============================================================================
Non-semantic helper classes
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* =============================================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (max-device-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* =============================================================================
Print styles.
Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited { color: #000 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
/* =============================================================================
New styles for the table of contents and jump links at the top of the page
These are used (initially, at least) for the Settlement Prices page
========================================================================== */
#toc {
margin-bottom: 24px; /* Adding some extra bottom margin to match the spacing of the exhibits */
}
.col3 { /* Creating the 3 column layout of the jump links */
float: left;
width: 30%;
margin-right: 5%;
}
.col3.last {
margin-right: 0; /* Removing the right margin on the last column */
}
.jump-links {
padding-left: 0; /* Removing left padding on lists */
list-style-type: none; /* Removing the bullets */
border-bottom: 1px solid #bbb; /* Adding a bottom border to the lists */
}
.jump-links li {
padding: 0; /* Removing padding */
border-top: 1px solid #bbb; /* Adding top border to the list items */
}
.jump-links a {
position: relative; /* Declaring relative positioning here so we can absolutely position the arrow below */
display: block; /* Set to display: block so they fill the entire container of the list item */
padding: .5em;
}
.jump-links a:hover {
background-color: #fff; /* On hover, the jump links display a white backgroud */
}
.jump-links .arrow {
font-size: 75%; /* The arrow should be sized a bit smaller than the font-size of the link */
position: absolute; /* Positioning it at the right end of the list item */
right: .5em;
top: .85em;
}
/* Fixes for IE 6–8 for two of the above rules. These classes are applied via the conditional comments in the page head,
So these rules can remain in style.css or can be moved to the respective IE-specific style sheets */
.ie6 .col3, .ie7 .col3, .ie8 .col3 {
width: 29%;
}
.ie6 .jump-links .arrow, .ie7 .jump-links .arrow, .ie8 .jump-links .arrow {
top: .75em;
}
/* =============================================================================
Added by Richard Lund
Styles to make sure that something not in a main category can have a coloured bar
========================================================================== */
body #sub-nav a.active,
body #sub-nav a:hover{
background-color: #00acbb; /*#00acbb;*/
color: #fff;
}
body #sub-nav,
body #title{
background-color: #b0b3b3; /*#00acbb;*/
}
/* Do upcoming-events without a widget */
.upcoming-events table{
margin: 10px 0 24px 0;
width: 100%;
}
.upcoming-events table .title{
font-weight: bold;
}
.upcoming-events table .title a {
font-weight: bold;
color:#222222;
}
.upcoming-events table .title a:hover {
color:#666666;
}
/* Cookie Popup */
DIV#cookiePopup {
display: none;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
height: 12em;
z-index: 999;
}
DIV#cookiePopupInternal {
background-color: #CCC;
opacity: 0.98;
margin: 0 auto;
width: 868px;
top: 0;
height: 12em;
text-align: center;
padding: 10px 20px;
}
A.linkbutton {
display: inline-block;
border: 1px solid #000;
width: 160px;
padding: 4px;
color: #000;
text-decoration: none;
}
A.linkbutton:visited, A.linkbutton:active { color: #000; }
A.linkbutton:hover { text-decoration: underline; background-color: #BBB; }
/* End of Cookie Popup */
/* --------------------------
TILE GRID
----------------------------- */
.tile-grid {
margin: 0 0 40px;
width: 892px;
border: 1px solid #ccc;
border-right-width: 0;
border-bottom-width: 0;
}
/* --------------------------
TILES
----------------------------- */
.tile {
border: 1px solid #ccc;
border-left-width: 0;
border-top-width: 0;
float: left;
position: relative;
background: #fff;
overflow: hidden;
position: relative;
z-index: 1;
min-height: 350px;
}
/* Tile widths */
.tile.onethird {
width: 296px;
}
.tile.half {
width: 445px;
}
.tile.twothirds {
width: 594px;
}
.tile.full {
width: 891px;
}
/* Tile heights */
.tile.tall {
min-height: 490px;
}
.tile.med {
min-height: 390px;
}
/* Tile head */
.tile-head {
padding: 15px 20px 20px;
font-size: 120%;
}
.tile-head h5 {
margin: 0;
}
/* Tile body */
.tile-body {
padding: 0 20px 45px;
}
/* Tile foot */
.tile-foot {
padding: 20px 20px 15px;
position: absolute;
bottom: 0;
left: 0;
}
.tile-foot p {
font-size: 80%;
line-height: 120%;
color: #999;
margin-bottom: 0;
}
/* --------------------------
TILE TABLES
----------------------------- */
.tile table {
background: rgb(240,240,240);
border: 1px solid rgb(160,160,160);
border-left-width: 0;
border-right-width: 0;
}
.tile th, .tile td {
vertical-align: top;
padding: 0.5em 0.33333em;
border-top: 1px solid #ccc;
font-size: 85%;
line-height: 1.1em;
}
.tile tr:first-child td {
border-top-color: rgb(160,160,160);
}
.tile thead th {
vertical-align: bottom;
background: #fff;
color: #000;
border-top-width: 0;
}
.tile .zero-row td {
color: #aaa;
display: none; /* --- this rule hides the zero rows on the html page. Comment out to bring them back ---*/
}
/* --------------------------
TOGGLE SETS
----------------------------- */
.toggle-set .container {
clear: both;
}
.toggle-nav.tile-nav {
position: absolute;
top: 15px;
right: 20px;
}
.toggle-nav {
margin-bottom: 10px;
}
.toggle-nav .nav-label {
float: left;
margin: 0 .75em 0 0;
padding: 0;
font-weight: bold;
color: #999;
line-height: 1.5em;
}
.toggle-nav ul {
margin: 0;
padding: 0;
float: left;
}
.toggle-nav li {
float: left;
margin: 0;
padding: 0;
list-style: none;
line-height: 1.5em;
}
/* Styles for tab toggle navs */
.toggle-nav.header {
margin-bottom: 0;
position: relative;
z-index: 2;
top: 1px;
}
.toggle-nav .tabs {
border-right: 1px solid #bbb;
margin-bottom: 0;
}
.toggle-nav .tabs li {
border: 1px solid #bbb;
border-right-width: 0;
border-bottom-width: 0;
}
.toggle-nav .tabs a {
padding: 12px 16px 10px;
background-color: #e0e0e0;
color: #000;
display: block;
font-weight: 700;
border-bottom: 1px solid #bbb;
text-align: center;
text-transform: uppercase;
}
.toggle-nav .tabs a.selected {
background-color: #fff;
border-bottom-style: dotted;
border-bottom-color: #d3d3d3;
}
.toggle-nav .tabs a.selected:hover {
cursor: default;
}
/* Styles for list toggle navs */
.toggle-nav .list li {
padding-right: .75em;
text-align: center;
}
.toggle-nav .list a.selected {
font-weight: bold;
color: #000;
}
.toggle-nav .list a.selected:hover {
cursor: default;
}
/* Styles for pill toggle navs */
.toggle-nav .pill {
border: 1px solid #ccc;
}
.toggle-nav .pill li {
padding: 0;
}
.toggle-nav .pill a {
color: #999;
display: block;
background: #e0e0e0 url(/Images/toggle-pill-bkg_tcm14-61992.gif) left top no-repeat;
padding: .25em 1em .275em;
outline: 1px solid #ccc;
text-shadow: 0 1px 0 rgba(255,255,255,1.0);
z-index: 1;
position: relative;
font-weight: 700;
}
.toggle-nav .pill a:hover {
z-index: 2;
outline-color: #a0a0a0;
}
.toggle-nav .pill a.selected {
color: #000;
font-weight: 700;
background-color: transparent;
background-color: #fff;
background-image: none;
}
.toggle-nav .pill a.selected:hover {
outline-color: #ccc;
cursor: default;
}
/* Shrink the font size a bit for tile displays */
.tile .toggle-nav {
font-size: 85%;
}
/* --------------------------
SLIDESHOWS
----------------------------- */
.slideshow {
position: relative;
width: 100%;
overflow: hidden;
}
.slideshow ul {
list-style-type: none;
padding-left: 0;
}
.slideshow .slider {
padding: 0;
margin: 0;
}
/* The slides */
.slideshow .slide {
padding: 0;
margin: 0;
position: relative;
height: 336px;
background: -webkit-linear-gradient(#dfdfdf 0%, #ffffff 100%);
}
.slideshow .slidecontent {
width: 738px;
margin: 0 auto;
}
.slideshow .slide-note {
font-size: .875em;
line-height: 1.2;
color: #000;
font-style: normal;
font-weight: 400;
text-align: center;
padding: 0 0 10px 0;
}
/* Types of slides */
/* Highlight slides */
.slideshow .highlight {
margin: 0;
padding: 48px 0 0 0;
}
.slideshow .highlight dt {
color: #222;
font-family: ff-din-web,Helvetica,Arial,Verdana,sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1em;
letter-spacing: .1em;
line-height: 1.3333333; /* 20/15 */
padding: .5em 0;
text-align: center;
text-transform: uppercase;
}
.slideshow .highlight dd {
color: #a54696;
margin: 0;
padding: 0;
font-size: 4em;
font-style: normal;
font-weight: 700;
line-height: 110%;
text-align: center;
padding-bottom: .333em;
}
/* Chart slides */
.slideshow .chart {
margin: 0;
padding: 30px 45px 0;
}
.slideshow .chart .chart-title {
font-size: 1.333333em;
line-height: 1.2;
color: #222;
font-style: normal;
font-weight: 700;
text-align: center;
padding: 10px 0;
}
/* The next/prev arrows */
.slideshow .slidecontrols {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
}
.slideshow .slidecontrols a {
display: block;
height: 32px;
width: 32px;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,.4);
background-image: url(/Images/prev-next-arrows_tcm14-61990.png);
background-position: left top;
background-repeat: no-repeat;
border-radius: 16px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.slideshow .slidecontrols a:hover {
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,.8);
}
.slideshow .slidecontrols .carousel-next {
background-position: -32px top;
position: absolute;
top: 134px;
right: 32px;
}
.slideshow .slidecontrols .carousel-prev {
position: absolute;
top: 134px;
left: 32px;
}
.slideshow .slidecontrols .carousel-disabled, .slideshow .slidecontrols .carousel-disabled:hover {
background-color: #999;
background-color: rgba(0,0,0,.1);
cursor: default;
}
/* The position markers */
.slideshow .carousel-tabs {
padding: 0;
margin: 0;
clear: both;
width: 100%;
margin: 0 auto;
}
.slideshow .carousel-tabs li {
display: inline-block;
padding: 0px 2px;
list-style: none;
}
.slideshow .carousel-tabs a {
background-color: #c0c0c0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; /* The border radius is half the height and makes these into dots */
display: inline-block;
height: 6px;
width: 6px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.slideshow .carousel-tabs .carousel-active-tab a {
background-color: #BC1E91;
}
/* The fallbacks in case javascript is disabled */
.no-js .slideshow .slide {
display: none;
}
.no-js .slideshow .slide:first-child {
display: block;
}
/* Specific highlights slideshow styles */
/* For the clearing volumes highlights */
#highlights {
margin-bottom: 12px;
}
#highlights .slideshow, #highlights .slideshow .slidecontrols {
min-width: 892px;
}
#highlights .slideshow .carousel-tabs {
width: 892px;
}
#highlights .slide {
border-bottom: 1px solid #ccc;
}
/* --------------------------
IE7/8 Hacks and Fixes
----------------------------- */
/* Fix display of pill navs */
.oldie .toggle-nav .pill {
border-width: 0;
}
.oldie .toggle-nav .pill li {
display: block;
}
.oldie .toggle-nav .pill a {
border: 1px solid #ccc;
outline: none;
}
.oldie .toggle-nav .pill a:hover {
border-color: #a0a0a0;
}
.oldie .toggle-nav .pill a.selected:hover {
border-color: #a0a0a0;
}
/* Swap in a different background image for the next/previous highlight arrows since IE can't handle the transparent background colors */
.oldie .slideshow .slidecontrols a {
background-image: url(/Images/prev-next-arrows-ie_tcm14-61991.gif);
}
/* Fix display of dot position indicators */
.oldie .slideshow .carousel-tabs {
width: 200px;
height: 36px;
margin-left: 32px;
margin-top: 10px;
float: left;
}
.oldie .slideshow .carousel-tabs li, .oldie .slideshow .carousel-tabs a {
display: block;
float: left;
}
/**
* @file swap.less
* @author james@avatarnewyork.com
* @created 20120830
* @namespace swap
*/
/* fixes mozilla dotted-outline for links */
a,
a:visited,
a:focus,
a:active,
a:hover {
outline: 0 none !important;
}
/* clear select input styling */
select {
padding: 0px;
height: auto;
background-color: none;
}
/** namespaces **/
#global .header {
top: 20px;
bottom: auto;
}
#global .strong {
color: #000;
font-weight: bold;
}
#global .strong2 {
color: #000;
font-weight: bold;
}
#global .strong3 {
color: #000;
font-weight: bold;
font-size: 12px;
}
#global .strong4 {
color: #000;
font-weight: normal;
font-size: 13px;
}
#global .strong5 {
color: #000;
font-weight: normal;
font-size: 15px;
}
#global .strong6 {
color: #000;
font-weight: bold;
font-size: 14px;
}
#global .hdr {
color: #000;
font-weight: bold;
font-size: 20px;
}
#global .bdy {
color: #000;
font-weight: normal;
font-size: 20px;
}
#global .kerning1 {
letter-spacing: 1px;
}
#global .hide {
display: none;
}
#global .button {
background-color: #a0a0a0;
color: #ffffff;
}
#global .button:hover {
background-color: #c0c0c0;
color: #f0f0f0;
}
#global .rule {
clear: both;
display: block;
width: 660px;
}
#global .rule2 {
clear: both;
display: block;
width: 660px;
margin-top: -5px;
}
#main-menu .item {
line-height: 2;
background-color: #ffffff;
color: #a0a0a0;
}
#main-menu .item:hover {
color: #ffffff;
background-color: #00acbb;
}
#main-menu .item.active {
color: #ffffff;
background-color: #00acbb;
}
#main-menu .item.knowledge {
color: #ffffff;
background-color: #00acbb;
}
#main-menu .item .highlight {
color: #ffffff;
background-color: #00acbb;
}
#sub-menu .item {
height: auto;
line-height: 1em;
padding: 10px;
background-color: #f0f0f0;
color: #00acbb;
}
#sub-menu .item .super {
vertical-align: super;
margin-left: 0px;
font-size: 10px;
}
#sub-menu .item:hover {
color: #ffffff;
background-color: #00acbb;
}
#sub-menu .item.active {
color: #ffffff;
background-color: #00acbb;
}
#sub-menu .item .highlight {
color: #ffffff;
background-color: #00acbb;
}
#main-nav a.home {
display: none;
}
#secondary-nav-search {
top: 20px;
bottom: auto;
}
#logo {
bottom: 10px;
}
#logo2 {
top: 20px;
bottom: auto;
left: 0px;
}
.base {
/** knowledge body **/
}
.base #content article {
width: 420px;
}
.base #content article div.tabbed {
padding-bottom: 25px;
}
.base #content article div.tabbed ul {
height: 40px;
}
.base #content article div.tabbed ul,
.base #content article div.tabbed li {
margin: 0px;
padding: 0px;
}
.base #content article div.tabbed li {
font-weight: bold;
padding: 0 12px;
float: left;
list-style-type: none;
}
.base #content article div.tabbed li.item {
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #e0e0e0;
}
.base #content article div.tabbed li.item:hover {
background-color: #f0f0f0;
}
.base #content article div.tabbed li.item:hover a {
color: #00acbb;
}
.base #content article div.tabbed li.item.active {
background-color: #f0f0f0;
border-bottom: none;
}
.base #content article div.tabbed li.item.active a {
color: #000;
}
.base #content article div.tabbed li.extend {
width: 215px;
padding: 0 0 2px 0;
height: 35px;
}
.base #content article div.tabbed li.empty {
display: block;
border-bottom: 1px solid #cccccc;
}
.base #content article div.tabbed li.empty:first-child {
padding: 8px 8px 9px 8px;
/* extra bottom pixel to make up for lack of top-border */
border-right: 1px solid #cccccc;
}
.base #content article div.tabbed li a.button {
margin: 0px 0 -2px -2px;
font-size: 12px;
width: 90px;
}
.base #content article div.tabbed li .button {
float: right;
width: 130px;
padding: 0px;
text-align: center;
}
.base #content article div.tabbed li .button:after {
content: none;
}
.base #content article div.tabbed li a {
display: block;
padding: 8px;
}
.base #content article > div {
clear: both;
padding-bottom: 45px;
}
.base #content aside {
border: none;
background-color: #f0f0f0;
box-shadow: none;
position: absolute;
margin: 0px;
padding: 0px;
/* right: -200px; */
top: 35px;
/* Prevent horizontal scrollbar from appearing */
width: 200px;
right: 0px;
}
.base #content aside .inner {
font-weight: bold;
color: #000;
letter-spacing: 1px;
padding: 0px;
margin: 0px;
}
.base #main-nav {
position: absolute;
bottom: 0px;
right: 0px;
}
.base #main-nav a {
line-height: 2;
background-color: #ffffff;
color: #a0a0a0;
}
.base #main-nav a:hover {
color: #ffffff;
background-color: #00acbb;
}
.base #main-nav a.active {
color: #ffffff;
background-color: #00acbb;
}
.base #main-nav a.knowledge {
color: #ffffff;
background-color: #00acbb;
}
.base #main-nav a .highlight {
color: #ffffff;
background-color: #00acbb;
}
.base #sub-nav {
border-bottom: 1px solid #cccccc;
margin-top: 40px;
}
.base #sub-nav a {
height: auto;
line-height: 1em;
padding: 10px;
background-color: #f0f0f0;
color: #00acbb;
}
.base #sub-nav a .super {
vertical-align: super;
margin-left: 0px;
font-size: 10px;
}
.base #sub-nav a:hover {
color: #ffffff;
background-color: #00acbb;
}
.base #sub-nav a.active {
color: #ffffff;
background-color: #00acbb;
}
.base #sub-nav a .highlight {
color: #ffffff;
background-color: #00acbb;
}
.base #sub-nav ul > li {
border-top: 1px solid #cccccc;
}
.base #sub-nav ul {
background-color: #f0f0f0;
}
.base #sub-nav ul li.no-border {
border-color: #f0f0f0;
}
.base #sub-nav ul ul li {
font-size: 13px;
font-weight: normal;
border-top: 0px;
background-color: #f0f0f0;
}
.base #sub-nav ul ul li a {
line-height: .5em;
}
.base #sub-nav ul ul li span {
margin-left: 20px;
}
.base #content {
padding-bottom: 100px;
}
.base #footer {
padding-top: 0px;
}
.base table.rows tbody tr td {
border: 1px solid #cccccc;
}
.base a.button:after {
content: "";
padding-left: 0px;
top: 0px;
}
.base a.button span.rarrow {
margin-left: 24px;
top: -1px;
}
.base a.button span.larrow {
margin-right: 24px;
top: -1px;
}
.base hr.rule {
clear: both;
display: block;
width: 660px;
}
.base hr.rule2 {
clear: both;
display: block;
width: 660px;
margin-top: -5px;
}
.base a.button {
background-color: #a0a0a0;
color: #ffffff;
}
.base a.button:hover {
background-color: #c0c0c0;
color: #f0f0f0;
}
.base .clear {
clear: both;
}
.base .strong {
color: #000;
font-weight: bold;
}
.base .strong2 {
color: #000;
font-weight: bold;
}
.base .strong3 {
color: #000;
font-weight: bold;
font-size: 12px;
}
.base .strong4 {
color: #000;
font-weight: normal;
font-size: 13px;
}
.base .strong5 {
color: #000;
font-weight: normal;
font-size: 15px;
}
.base .strong6 {
color: #000;
font-weight: bold;
font-size: 14px;
}
.base .hdr {
color: #000;
font-weight: bold;
font-size: 20px;
}
.base .bdy {
color: #000;
font-weight: normal;
font-size: 20px;
}
.base .kerning1 {
letter-spacing: 1px;
}
.base .pipe {
color: #bbb;
}
body.consultancy {
/** knowledge body **/
}
body.consultancy #content article {
width: 420px;
}
body.consultancy #content article div.tabbed {
padding-bottom: 25px;
}
body.consultancy #content article div.tabbed ul {
height: 40px;
}
body.consultancy #content article div.tabbed ul,
body.consultancy #content article div.tabbed li {
margin: 0px;
padding: 0px;
}
body.consultancy #content article div.tabbed li {
font-weight: bold;
padding: 0 12px;
float: left;
list-style-type: none;
}
body.consultancy #content article div.tabbed li.item {
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #e0e0e0;
}
body.consultancy #content article div.tabbed li.item:hover {
background-color: #f0f0f0;
}
body.consultancy #content article div.tabbed li.item:hover a {
color: #00acbb;
}
body.consultancy #content article div.tabbed li.item.active {
background-color: #f0f0f0;
border-bottom: none;
}
body.consultancy #content article div.tabbed li.item.active a {
color: #000;
}
body.consultancy #content article div.tabbed li.extend {
width: 215px;
padding: 0 0 2px 0;
height: 35px;
}
body.consultancy #content article div.tabbed li.empty {
display: block;
border-bottom: 1px solid #cccccc;
}
body.consultancy #content article div.tabbed li.empty:first-child {
padding: 8px 8px 9px 8px;
/* extra bottom pixel to make up for lack of top-border */
border-right: 1px solid #cccccc;
}
body.consultancy #content article div.tabbed li a.button {
margin: 0px 0 -2px -2px;
font-size: 12px;
width: 90px;
}
body.consultancy #content article div.tabbed li .button {
float: right;
width: 130px;
padding: 0px;
text-align: center;
}
body.consultancy #content article div.tabbed li .button:after {
content: none;
}
body.consultancy #content article div.tabbed li a {
display: block;
padding: 8px;
}
body.consultancy #content article > div {
clear: both;
padding-bottom: 45px;
}
body.consultancy #content aside {
border: none;
background-color: #f0f0f0;
box-shadow: none;
position: absolute;
margin: 0px;
padding: 0px;
/* right: -200px; */
top: 35px;
/* Prevent horizontal scrollbar from appearing */
width: 200px;
right: 0px;
/* clear padding issues with