/* ---main stylesheet for 
Sport England
main site
author: Felicity Evans, Reading Room
----*/


/*
styles reset ---------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    /*vertical-align: baseline;*/
}
:focus { outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*
re-introduce basic styles  ---------------------------------- */
body{
    line-height: 1;
    color:#707070;
    width: 100%;
    /* height: 100%;*/
    background: #f0f0f0;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    background: #f0f0f0 url("../../../../images/interface/wrapper_bg.gif") center 100% repeat-y
}

body.empty {background: none}
strong {font-weight: bold; }
em {font-style: italic}
p {margin: 1em 0}  
h1 {font-size: 3em; font-weight: normal}
h2,
#contentCol h1 {
    color:#003F69;
    font-size:1.5em;
    line-height: 1.15em;
    font-weight:bold;
    margin: 0 0 0.6em 0;
}
h2 {font-size:1.3em;}
h3 {font-weight: bold; font-size:1.3em;color:#003F69;line-height:1.15em;}
h4 {color: #717171; font-weight: bold; font-size: 1.1em; margin: 0.7em 0}
sup{font-size:x-small; vertical-align:top;position:relative;top:-4px; left: 0} 
sub{font-size:x-small; vertical-align:bottom;position:relative;bottom:-4px; left: 0} 
acronym {border-bottom: 1px dotted #505050 !important; cursor:help}
abbr{border-bottom: 1px dotted #505050 !important;cursor:help}

a {text-decoration: none;color:#01406C;}
a:hover {text-decoration: underline}
a:visited {color:#01406C;}
a img {border: none}
.hide {visibility: hidden }
.noDisplay { display: none; }



/* editor styles */
.edit ol,
.edit ul {margin: 1em 0}
.edit ol li,
.edit ul li,
.glossaryList ul li{padding: 0; margin: 0.4em 0 0.4em 2em; line-height: 1.3em; padding-left: 0}
.edit ul li,
.glossaryList ul li {list-style-image: url(../../../../images/interface/orangeball.gif); list-style-type: disc}
.edit ol li,
.glossaryList ol li {list-style-type: decimal}
#contentCol .edit img {float: right; margin-left: 17px}
img.ImmControlAlign_Left {float: left; margin-right: 17px; margin-left: 0}

/* tables */
#contentCol table {border-collapse: separate;border-spacing: 0;margin: 1em 0 1em 0; border: none; color: #707070}
#contentCol table caption {font-weight: bold; font-style: italic}
#contentCol th {font-weight:bold; background: #F4F6F5;border: none}
#contentCol caption, th, td {text-align: left;font-weight: normal; padding: .2em}
#contentCol table ul {margin: 0 !important; padding: 0;}
#contentCol table ul li {list-style-type: none !important; margin: 0 !important; padding: 1em} 
#contentCol .edit th {
    color:#003F69;
    font-size:1em;
    font-weight:bold;
    padding:10px;
    background: #EBEBEB;
}
#contentCol .edit td {
    color:#555555;
    font-size:0.9em;
    padding:8px;
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #555
}

/* self clearing rules */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-block; }
.clearfix { display: block; }

/*
main layout components  ---------------------------------- */

#wrapperOuter {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 10px;
    height: 100%;
    position: relative;
}
#wrapperInner {
    /*background:  url("../../../../images/interface/content_bottom_bg.gif") 12px 100% no-repeat; */
    padding: 0 10px 20px 12px;
    width: 955px;
    position: relative;
}
#navCol {
    float: left;
    width: 200px;
    margin: 14px 13px 70px 0
}
#header {
    background: #016d94 url(../../../../images/interface/header.jpg) top left no-repeat;
    height: 107px;
    color: #fff;
    width: 957px;
    position: relative
}
#featureCol {
    float: right;
    /*width:196px;*/
    margin-top:0.6em;
    padding-top: 7.9em;
    width: 200px;
}
#contentCol {
    width: 540px;
    margin: 14px 0 10px 0;
    color: #505050;
    float: left;
    font-size: 1.3em;
    line-height: 16px;
    position: relative;
}
#footer {
    background:transparent url(../../../../images/interface/footer_bg.gif) no-repeat scroll center 30px;
    clear:both;
    height:50px;
    margin-top:-80px;
    padding-top:20px;
    position: relative; 
}

/* safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) { #footer{margin-top: -40px;}}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
    #footer{margin-top: -40px;}
}

/*
interface elements  ---------------------------------- */
a.button, a.button:hover{
    background:transparent url(../../../../images/interface/button_right_bg.gif) no-repeat right top;
    color:#FFFFFF !important;
    display:inline-block !important;
    font-weight:bold;
    margin:0 auto;
    padding:0 12px 3px 0;
    text-decoration:none;
    height: 20px
}

a.button span{
    background:transparent url(../../../../images/interface/button_bg.gif) no-repeat scroll 0 0;
    display:inline-block;
    height:20px;
    padding:4px 10px 3px;
    vertical-align: bottom;
    float: left
}
a.button:hover, a.buttonOn {background-position: right -30px}
a.button:hover span, a.buttonOn span {background-position: left -30px}
a.noArrow span {
    background: transparent url(../../../../images/interface/button_noarrow_right_bg.jpg) right top no-repeat;
    padding-right: 10px;}
a.noArrow:hover {background: transparent url(../../../../images/interface/button_bg_hover.jpg) 0 0 no-repeat;}
a.noArrow:hover span{ background: transparent url(../../../../images/interface/button_noarrow_right_hover.jpg) right top no-repeat;}

span.icon {
    background-image: url(../../../../images/interface/icons.gif);
    display: block;
    float: left;
    width: 17px;
    height: 6px;
    padding-top: 10px;
    text-indent: 70px;
    overflow: hidden;
    margin-right: 8px;
    font-size: 8px;
    cursor: pointer;
    background-position: 0 -214px;
}
span.pdf {background-position: 0 -19px;}
span.word {background-position: 0 -117px;}
span.ppt {background-position: 0 -137px;}
span.image {background-position: 0 -156px;}
span.excel {background-position: 0 -175px;}
span.linked {background-position: 0 -234px;}
span.delicious{background-position: 0 -256px;}
span.stumble{background-position: 0 -274px;}
.errorMessage span.icon {background-position: 0 -294px;cursor:default;}
.error {color: #c00000}
a.print {
    position:absolute;
    right:10px;
    top:160px;
    display:block;
    height: 20px;
    width: 8em
}
a.print span,
span.print{
    background-position: right top;
    background-repeat:no-repeat;
    float:right;
    height:6px;
    padding-left:5px;
    width: 13px;
    display: block;
    vertical-align: middle;
    text-indent: -70px
}
a.previous,
a.next,
span#prevBtn a,
span#nextBtn a{
    display: block;
    float: left;
    text-indent: -7000px;
    overflow: hidden;
    width: 21px;
    height: 21px;
    background: url(../../../../images/interface/btn_prev.gif) top left no-repeat;
    margin-right: 8px;
    cursor: pointer;}
a.next,
span#nextBtn a{background: url(../../../../images/interface/btn_next.gif) top left no-repeat;}
a.previous:hover,
a.next:hover,
span#prevBtn a:hover,
span#nextBtn a:hover,
.disabled,
.disabled a {background-position: left -29px !important; }
.disabled,
.disabled a{ cursor: default !important}
.pagination {
    background: #f4f5f5;
    border: 1px solid #e5edf0;
    border-width: 1px 0;
    padding: 0.2em 0.6em;
    height: 24px;
    /*width: 516px;*/
    clear: both;
}
.mainHome .previous {position: absolute; right: 30px; top: 5px}
.mainHome .next{position: absolute; right: 8px;  top: 5px}
body.searchResults .pagination {width: 728px}
body.imageResults .pagination {width:725px; }
.pagination .summary {float: left; margin-top: 4px !important;}

.pagination .pages {
    display: block;
    float: right;
    vertical-align: text-top}
.pagination .pages span {
    position: relative;
    padding: 2px 4px;
    float: left;
}
.pagination .pages .next {float: left; display: inline-block;}
.pagination .pages .next,
.pagination .pages .previous{margin: 0}

#header fieldset.searchForm input {border: none; color: #707070; width: 140px}
input.button {
    background: #fff url(../../../../images/interface/blue_arrow.gif) no-repeat scroll right 2px;
    height:15px;
    margin:0.15em;
    padding:0;
    vertical-align:middle;
    white-space:nowrap;
    width:10px;
    text-indent: -1000px;
    cursor: pointer;
    overflow: hidden;
}

/*
header  ---------------------------------- */
#header h1,
#header h2 {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 26px;
    font-size: 3em;
    font-weight: normal;
    color: #fff}
#header h1 span,
#header h2 span {display: block}
#header .logo {
    position: static;
    width: 210px;
    height: 47px;
    overflow: hidden;
    margin: 0;
    padding: 20px;
    border: none;
    display: block;
}
#header .logo img {visibility: hidden}
#header .topLinks {position: absolute;right: 24px;bottom: 60px;font-size: 1.3em; }
#header .topLinks a { color: #fff}
#header fieldset.searchForm {
    position: absolute;
    border-top: 2px solid #ecebe9;
    background: #fff;
    right: 24px;
    bottom: 32px;
    padding: 1px 6px;
}
#header fieldset.searchForm label {width: 1px; overflow: hidden; text-indent: -5000px; display: none}
#header fieldset.searchForm input {
    border:medium none;
    color:#707070;
    width:230px;
} 
#header fieldset.searchForm input.button {width: 20px}

/*
breadcrumb  ---------------------------------- */
.breadcrumb {margin:0.8em 0 1em; color:#003F69; font-weight: bold; font-size: 0.9em}
.breadcrumb ul {display: inline; margin-left: 0; font-weight: normal; }
.breadcrumb ul li {display: inline; margin: 0; padding: 0 0.2em; color: #114b71}
.breadcrumb ul li.location {color: #707070}
.breadcrumb a,
.breadcrumb a:visited {color: #EB7C00}

/*
secondary navigation  ---------------------------------- */
#navCol ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}
#navCol ul li h2,
#navCol ul li .subnavHeading,
.home #navCol ul li h3 {
    margin: 0;
    color: #fff;
    font-size: 1.2em;
    padding: 8px 9px 10px 13px;
    border: 2px solid #4a7795;
    border-bottom: none;
    background: #7a9cb1 url(../../../../images/interface/secondary_nav_header_bg.gif) bottom left repeat-x
}
#navCol ul li {
    margin: 0;
    padding: 0;
    background: #f9f9f9 url(../../../../images/interface/secondary_nav_bg.gif) bottom left repeat-x;
    font-size: 1.3em;
}
#navCol ul li a{
    display:block;
    padding: 11px 9px 9px 13px;
    border: 1px solid #cacaca;
    border-top: none;
    margin: 0;
    color: #42718f;
    line-height:1.3em;
}
#navCol ul li.on a {font-weight: bold;  }
/* level 2 */
#navCol ul li ul {
    margin-bottom: 0;
    border: 1px solid #cacaca;
    padding: 10px 0;
    border-top: none
}
#navCol ul li ul,
#navCol ul li ul li {background: #eaeef1; font-size: 1em}
#navCol ul li.on li a{font-weight: normal}
#navCol ul li.on li.on a{font-weight: bold}
#navCol ul li.on li.on {background: transparent url(../../../../images/interface/blue_arrow.gif) no-repeat 10px 0.8em; font-weight: bold}
/* level 3 */
#navCol ul ul{border: none}
#navCol ul li.on li.on li a{font-weight: normal}
#navCol ul li.on li.on li.on a{font-weight: bold}
#navCol ul li ul li.on {background: transparent url(../../../../images/interface/blue_arrow.gif) no-repeat 10px 0.8em}
#navCol ul li ul li a {border: none;padding:6px 9px 6px 24px;}
/* level 4 */
#navCol ul li ul ul {border: none}
#navCol ul li.on ul li.on ul li  {padding-left: 10px; font-weight: normal }
#navCol ul li ul li.on ul li.on {background: transparent url(../../../../images/interface/blue_arrow.gif) no-repeat 20px 0.8em}
/*
main navigation  ---------------------------------- */
#mainNav  {
    margin-top: 2px;
    padding: 0;
    background: url(../../../../images/interface/mainnav_bg.gif) bottom left repeat-x;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    overflow: hidden;
    width: 100%
}
#mainNav ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%
}
#mainNav ul li {
    display: block;
    float: left;
    background: url(../../../../images/interface/mainnav_end.gif) bottom right no-repeat;
    margin: 0;
    padding: 0;
    padding-right: 6px;
}

#mainNav ul li a {
    display: block;
    float: left;
    color: #266791;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0;
}
#mainNav ul li a span {display: block; padding: 8px 12px;}
#mainNav ul li.on, #mainNav ul li:hover, #mainNav ul li.hover{
    background: url(../../../../images/interface/mainnav_hover_end.gif) bottom right no-repeat;
    border-top: 1px solid #007299;
    margin-top: -1px
}
#mainNav ul li.on a,#mainNav ul li:hover a,#mainNav ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: url(../../../../images/interface/mainnav_hover_bg.gif) bottom left repeat-x;
}
#mainNav ul li.on a span,
#mainNav ul li:hover a span,
#mainNav ul li a:hover span {
    background: url(../../../../images/interface/mainnav_hover_start.gif) left bottom no-repeat;
    position: relative;
    left:-7px;
    padding-left: 19px;
    padding-right: 5px;
}
#mainNav ul li:first-child a span,
#mainNav ul li.first a span{background: none!important; }
/*
content  ---------------------------------- */
a.readMore, div.readMore a {
    margin: -3px 10px 0 0;
    color: #003f69;
    padding-right: 10px;
    background: url(../../../../images/interface/blue_arrow.gif) right 0.3em no-repeat;
    float: right}
#contentCol p {line-height: 1.3em; margin: 1.3em 0;}

/* 
features   ---------------------------------- */
#contentCol .feature {
    margin: 0.6em 0 14px 0;
}
/* 
landing pages   ---------------------------------- */
#contentCol .landing .links {
    position: relative;
    margin-top: -263px;
    margin-right: -5px;
    height: 260px;
    right: 0;
    width: 535px;
}
#contentCol .landing  
{
    background:transparent url(../../../../images/interface/feature-gradient-bottom.gif) bottom right no-repeat;
    padding-bottom:4px;}
#contentCol .author {display: block; font-style: italic; font-weight: bold}
#contentCol h1.article {display: inline; margin: 0}
#contentCol h2.article {font-size: 1.2em; line-height: 1.5em; margin-top: 0.5em}
#contentCol .feature img {float: none; margin-right: 0 !important; }
#contentCol .landing img {padding: 5px; border: 1px solid #ccc; width: 525px; background: #fff}
#contentCol .feature .links {
    float: right;
    height: 200px;
    color:#fff;
    width: 230px;
    background: url(../../../../images/interface/grey_transparency_bg.png) top left no-repeat;
    padding-right: 10px;
    top: -6px;
    right: 14px;
}
#contentCol .feature .links ul {padding-top:9px}
#contentCol .feature .links ul li {font-weight: bold;}
#contentCol .feature .links ul li h2 {
    zoom: 1;
    padding-left: 10px;
    font-size: 1.1em;
    background: url("../../../../images/interface/orange_arrow.gif") 0 0.2em no-repeat;}
#contentCol .feature .links ul li a {color: #fff; background: none;}
#contentCol .feature .links ul li.open a:hover {text-decoration: none; cursor: default}
#contentCol .feature .links ul li.open div a:hover{text-decoration: underline;cursor: pointer}

/*
articles - used on listing page, also page feature   ---------------------------------- */
#contentCol ul.articles,
#contentCol .pageFeature{padding: 0; list-style: none; margin: 2.7em 0 0 0}
#contentCol ul.articles li,
#contentCol .pageFeature {clear: both; margin: 0 0 1em 0; padding: 10px; background: #f6f9fe}
#contentCol ul.articles li.even {background: #E7EFF4 }
#contentCol ul.articles li p {margin: 0.6em 0 0.9em 0;}
#contentCol .articles h2,
.home #contentCol .articles h3 {color: #003f69; margin: 0; font-size:1.3em;line-height: 1.15em;}
#contentCol .articles img {float: left; margin: 0 18px 0em 0}

/* 
articles listing   ---------------------------------- */
div.articleListing {margin-bottom: 30px}
div.articleListing ul {width:100%; height: 100%}
div.articleListing ul li {
    background: #e7eff4;
    margin: 1em 0;
    padding: 6px;
    clear: both;
}
div.articleListing ul li.even { background: #f1f6f9;}
#contentCol div.articleListing ul li img {float: left; margin: 0}
div.articleListing ul li div {float: right; width: 370px;height:8em; position: relative}
div.articleListing ul.jobs li div {height: auto}
div.articleListing ul li h3 {font-size:1.1em; margin: 0.3em 0; }
#contentCol .articleListing li p {margin: 0 0 0.6em 0; }
#contentCol .articleListing li label {color: #003F69; display: inline; font-weight: normal}
#contentCol .articleListing li a.readMore {float: right; position: absolute; bottom: 3px; right: 2px; font-size: 0.9em}
#contentCol .articleListing li .date {display: block; float: left; position: absolute; bottom: 3px; font-size: 0.9em}
#contentCol .articleListing input.send_btn,
#contentCol .articleListing .button {float: right}
#contentCol .articleListing .button {margin-right: 10px}

/* jobs */
div.articleListing ul.jobs li div{float: none; width: auto}
#contentCol .articleListing ul.jobs li a.readMore,
#contentCol .articleListing ul.jobs li .date {position: static}

/* 
wam index   ---------------------------------- */
#contentCol .documentListing { margin-top: 20px}
#contentCol .documentListing ul.docs,
#contentCol .documentListing ul.docs li{margin: 0; padding: 0; clear: both}
#contentCol .documentListing h3 {
    border: 1px solid #E5EDF0;
    border-width: 1px 0;
    background: url(../../../../images/interface/docHeading_bg.gif) bottom left repeat-x;
    font-size: 1.1em;
    padding: 0.3em;
    clear: both;
   /* position: relative;*/
}
#contentCol .documentListing .sortBy {float: left; margin-bottom: 1em}
#contentCol .documentListing h3 .size {position: absolute; right: 10px}
#contentCol .documentListing p {margin: 10px 30px; font-size: 0.9em}
#contentCol .documentListing ul.docs .date {margin: 5px 30px 20px 30px; float: left}
#contentCol .documentListing ul.docs a{margin: 5px 10px 20px 10px; font-size: 0.9em }

/* 
callout   ---------------------------------- */
#contentCol .callout {float: right; width:155px; background: #eef1f4 url(../../../../images/interface/callout_bg.gif) 50% bottom no-repeat; padding: 16px; border: 1px solid #d1d5d6; margin-left: 12px}
#contentCol .callout h2 {margin-bottom: 0em}
#contentCol .callout p {margin-top: 0.5em}

/*
page tools ---------------------------------- */
#contentCol .pageTools {background: #f0f0f0; border: 1px solid #e4eef0; border-width: 1px 0; height: 2em; margin-top:30px;}
#contentCol .pageTools a {text-decoration: none}
#contentCol .pageTools .icon{display: inline-block; float: none; margin:5px 1px 6px 4px; vertical-align: middle; }
#contentCol .pageTools .email {background-position: 0 -59px; height: 4px;}
#contentCol .pageTools .facebook {background-position: 0 -77px;}
#contentCol .pageTools .digg {background-position: 0 -96px;}
#contentCol .pageTools .socialMedia {border-left: 1px solid #E4EEF0; padding-left: 5px}
#contentCol .pageTools .socialMedia span {margin:5px 10px 0 0;float:left;}
#contentCol .pageTools .socialMedia .icon {margin:0 2px 0 0;}
#contentCol .pageTools .socialMedia a {margin:5px 7px 0 0;font-size:0.85em; display:inline; float: left}
#contentCol .pageToolsInstruc {margin-top: 0.2em;font-size:0.85em; text-align: center; clear: both}
#contentCol .pageToolsInstruc a.readMore {float: none; background-position: right 0.3em}

/*
feature col i.e. RHS ---------------------------------- */
#featureCol a.readMore {
    background:transparent url(../../../../images/interface/blue_arrow.gif) no-repeat scroll right 50%;
    color:#003F69;
    padding-right:10px;
}
#featureCol h2 {
    margin: 0 2px 6px 0;
    font-family: "Lubalin Graph Bold",Serifa,"Linotype Stymie",Rockwell,"Nimbus Mono","Lucida Console", Monospace;
    font-weight: bold;
    font-size: 2.2em;/*2.6em*/
    text-align: center
}
/* 
spotlight  -- text and link  ---------------------------------- */
#featureCol .spotlight {
    background: #d8e4e9 url(../../../../images/interface/spotlight_bg.gif) bottom left no-repeat;
    padding: 14px 0 40px 12px;
    margin-bottom: 11px
}
#featureCol .spotlight h3 {color: #eb7c00; font-size: 1.35em; letter-spacing: -0.02em; margin: 0}
#featureCol .spotlight p {color: #707070; font-size: 1.2em; line-height: 1.4em}
#featureCol .spotlight .content {
    padding: 8px 12px 8px 6px;
    background: url(../../../../images/interface/spotlight_content_bg.gif) bottom right no-repeat;
    width: 160px
}
#featureCol .spotlight a.button {margin: 10px 0 0 18%; font-size:1.5em;}

/* image spotlight*/
#featureCol .imageSpotlight {margin: 2px 0 11px 0}
/*quicklinks*/
#featureCol .quicklinks {background: #d9e4ea; padding: 20px;margin-bottom:1.5em;}
#featureCol .quicklinks ul,
#featureCol .quicklinks ul li {margin: 0; padding: 0; list-style-image: none !important}
#featureCol .quicklinks ul li a {
    margin: 0.8em 0;
    color:#003F69;
    font-size: 1.2em;
    display: block;
    padding-right: 10px;
    background: url(../../../../images/interface/blue_arrow.gif) right 50% no-repeat;
}
/*site tools*/	
#featureCol .siteTools {margin-bottom: 11px}
#featureCol .siteTools {background: #f4f6f5; padding: 9px; border: 1px solid #e5edf0; border-width: 1px 0}
#featureCol .siteTools a {background: #f4f6f5; color: #003F69; font-size: 1.2em; line-height: 1.3em; display: block }

/*link spotlight*/
#featureCol .linkSpotlight {
    border: 1px solid #dbdbdb;
    background: #fff url(../../../../images/interface/link_spotlight_bg.gif) bottom left repeat-x;
    padding: 8px 10px;
    margin-bottom: 11px
}
#featureCol .linkSpotlight a {color:#003F69; font-size: 1.3em; font-weight: bold; }
/*document list*/
#featureCol .documentList {margin-bottom: 11px}
#featureCol .documentList h2{
    border: 1px solid #dbdbdb;
    background: #fff url(../../../../images/interface/link_spotlight_bg.gif) bottom left repeat-x;
    padding: 8px 10px;
    font-size:1.3em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    text-align: left
}
#featureCol .documentList ul {background: #d8e4e9; margin: 0; padding: 0; border: 1px solid #fff; border-width: 1px 0;list-style-image: none}
#featureCol .documentList ul li {padding: 10px; margin: 0; }
#featureCol .documentList ul li.even {background: #e9eff3}
#featureCol .documentList ul li a {color: #003F69; font-size: 1.2em; display: block;}
#featureCol .documentList ul li a span {color: #666768}
#featureCol .documentList a.readMore {
    font-size: 1.3em;
    background-color: #f4f5f5;
    padding: 8px 12px;
    background-position: 9.5em 50%;
    display: block;
    border-top: 1px solid #dfeaee
}
#featureCol .documentList span.icon {background-position: 0 -19px}


/* right hand features */
#featureCol .featureBox,
.casestudies .featureBox,
.searchResults .featureBox{
    background: #ecf0f2 url(../../../../images/interface/featureCol_bg.gif) bottom left no-repeat;
    border: 1px solid #e0e0e0;
    border-width: 0 1px 1px 1px;
    width:196px;}
#featureCol .popular {position: absolute; top: 37em; right: 15px}
#featureCol .second {margin-top: 3em}
.featureBox h3{
    background: #eb7c00 url(../../../../images/interface/featureCol_heading_bg.gif) top left repeat-x;
    padding: 6px 13px;
    margin-bottom: 0;
    font-size:1.6em;
    border: 2px solid #eb7c00;
    color: #fff}

#wrapperInner .featureBox p {margin: 13px; font-size: 1.2em; line-height: 1.4em; }
#featureCol .featureBox span.category 
{
    font-weight: bold; 
    color: #EB7C00; 
    display: block;
}
#featureCol .featureBox a{
    background:transparent url(../../../../images/interface/blue_arrow.gif) no-repeat scroll right 0.3em;
    padding-right: 10px;
}
#featureCol .featureBox .advanced {display: block; float: right;text-align: right; margin: 0 13px 13px 13px; font-size: 1.1em}

/* video page */
.casestudies .featureBox{float: right; font-size: 0.8em}
.searchResults .featureBox {margin-top: 10px; float: right; font-size: 0.8em}
.pitch #featureCol {margin-top: -27px}
.pitch #contentCol {padding-bottom: 100px; background: url(../../../../images/interface/latestfrompitch_footer.jpg) center bottom no-repeat}

.featureBox ul {line-height: 2em; font-size: 1.2em; padding: 10px 0}
#featureCol ul,
.casestudies  .featureBox ul,
.searchResults .featureBox ul {padding-top: 0; list-style-image: url(../../../../images/interface/orangeball.gif); color: #505050; margin-left: 30px}
#featureCol .featureBox ul.docTypes {color:#003F69; list-style-image: none; margin-left: 0}
.featureBox ul.docTypes li {margin: 0 5px 0 10px; line-height: 2.4em}
.featureBox ul.docTypes span {margin-top: 0.8em; margin-right: 4px}
.featureBox ul.docTypes span.icon{cursor:default}
/* variations for templates */
.articleListing #featureCol{
    margin-top: 3.5em
}
.casestudies #contentCol,
.searchResults #contentCol,
.library #contentCol{width: 740px; margin-right: 0 !important;}
#featureCol fieldset.documentSearchForm{
    background:#FFFFFF none repeat scroll 0 0;
    border:2px solid #ECEBE9;
    border-width: 2px 2px 1px 1px;
    bottom:32px;
    padding:1px 6px;
    margin: 13px
}
#featureCol fieldset.documentSearchForm input {
    border: none; color: #707070; width: 125px;
}
#featureCol fieldset.documentSearchForm input.button {width: 22px}
/*
footer ---------------------------------- */
img.lottery {margin:0 0 10px 10px; float: left }
.copyright {
    font-size: 1.2em;
    text-align: right;
    display: block;
    width: 980px;
    padding: 0 20px 60px 0;
    background: #f0f0f0;
    margin: 0 auto 0 auto;
    position: relative;
    margin-top: -30px;
}

/* directory */
#wrapperInner .directory {
    font-size: 1.3em;
    clear: both;
    background:  url("../../../../images/interface/content_bg.gif") bottom left no-repeat;
    padding: 12px 12px 20px 12px;
    /*  margin:-4px 0 -58px 0;*/
    margin:-4px 0 0 0;
}

h3.directoryButton {
    margin:0.5em 0 0 0; 
    clear: both; 
    font-size: 1.6em; 
    cursor: pointer;
    padding-bottom: 25px;
    background: url("../../../../images/interface/directory_gradient.gif") bottom left repeat-x }
.directory h4 {margin-top: 0}
.directory .col {float: left; margin-left: 24px; width: 22%;}
.directory .col ul,
.directory .col ul li {margin-left: 0}
.directory .col ul li a {line-height:1.4em; background:transparent url(../../../../images/interface/blue_arrow.gif) no-repeat scroll right 0.3em; padding-right: 10px}

/*
homepage ---------------------------------- */
/*.mainHome .copyright {top:-220px;}*/
body.mainHome #contentCol {width: 100%}
body.mainHome .feature {margin: 0 !important;position:relative;}
body.mainHome .feature ul li{display:inline;}
body.mainHome .feature ul li h2,
body.mainHome .feature ul li a  {display: block; float: left; width: 238px; text-indent: -40000px;height: 214px; margin: 0}
body.mainHome .feature ul li.first a {background: url(../../../../images/interface/homepage_feature1.jpg) top left no-repeat; }
body.mainHome .feature ul li.second a {background: url(../../../../images/interface/homepage_feature2.jpg) top left no-repeat;}
body.mainHome .feature ul li.third a {background: url(../../../../images/interface/homepage_feature3.jpg) top left no-repeat;}
body.mainHome .feature ul li.fourth a {background: url(../../../../images/interface/homepage_feature4.jpg) top right no-repeat;width: 241px;  }


body.mainHome .featureFlash {
    position: relative;
    height: 215px;
    overflow: hidden;
    top: -215px;
    left: 0;
    margin-bottom: -230px;
}

body.mainHome .featureFlashInner {
    position: absolute;
    top: -160px;
    
}
.buttons {float: right;position: relative; top: -308px}
/* latest */
body.mainHome .latestItems{
    padding:0;
    clear:left;
	width: 638px;
}
body.mainHome .latestItems li.newsItem {width:638px;overflow:hidden !important; margin: 0; float: left; margin-right: 12px}
body.mainHome .latestItems .newsItem div {
    background: #e7eef4;
    margin: 11px 12px 0 0;
    float: left;
    padding:8px 7px;
    width:298px;
    height:20.1em;
    position: relative;
}
body.mainHome .latestItems li.newsItem  div.right{margin-right: 0}
body.mainHome .latestItems li.newsItem a {display:block}
body.mainHome .latestItems li.newsItem strong a {display: inline}
body.mainHome .latestItems .newsItem div a.readMore {position: absolute; right: 16px; bottom: 12px; font-size: 0.9em}
body.mainHome .latestItems .newsItem div span {position: absolute; left:16px; bottom:12 px; font-size: 0.9em}
body.mainHome #contentCol .latestItems .newsItem img {margin: 0 0 7px 0;float: none;}
body.mainHome #contentCol .latestItems .newsItem p {margin: 0.3em 10px 1.4em 10px}
body.mainHome .latestItems .controls  {
    width: 622px;
    background: #cadce6;
    float: left;
    padding: 7px;
    color: #01406c;
    font-weight: bold}
body.mainHome .summary
{
    float: left; 
    background: #cadce6; 
    padding: 7px; 
    color: #1b547a; 
    font-weight: bold; 
    width: 623px; 
    position: relative;
    margin-top: 10px }
body.mainHome .latestItems strong {color: #01406c}
body.mainHome #adCol img {float: none; border: none}
body.mainHome #adCol a {display: block; padding: 4px 4px 1px 4px; border: 1px solid #ccc; width: 298px; background: #fff}
body.mainHome #adCol {float: right; margin: 0; position: relative; right: -8px}
body.mainHome #adCol .ad {margin-top: 10px;width:315px; background: url(../../../../images/interface/ad-gradient-right.gif) right bottom no-repeat;}
body.mainHome #adCol .ad p
{
    padding-bottom: 5px; 
    background: url(../../../../images/interface/ad-gradient-bottom.gif) bottom left no-repeat;
    margin: 0
}



/*
image library ---------------------------------- */
.imageLibrary {width:743px; position: relative; background: #D8E4E9; height: 290px}
#contentCol .imageLibrary img {float: right; }

/* 1st page */
.imageLibrary .searchbox {
    background: #d8e4e9 ;
    width: 180px;
    height: 249px;
    text-align:left;
}
.imageLibrary .searchbox fieldset {background: #d8e4e9}
.imageLibrary .searchbox ol {margin-top: -15px;width:100%;}
.imageLibrary .searchbox ol li{
    padding: 4px 5px 0 30px; 
    background: url(../../../../images/interface/no_1.gif) 4px 2px no-repeat;
    font-size: 0.95em;
    border-bottom: 1px solid #c2d3da;
    width:192px;
    z-index: 10;
}
.imageLibrary .searchbox ol li.two { background: #e1ecf0 url(../../../../images/interface/no_2.gif) 4px 2px no-repeat; border-top: 1px solid #eaf0f2}
.imageLibrary .searchbox ol li.three {background-image: url(../../../../images/interface/no_3.gif);border-top: 1px solid #eaf0f2; border-bottom: none}
.imageLibrary .searchbox select {margin-top: 7px}
.imageLibrary .searchbox legend span{
    background: url(../../../../images/interface/heading_search_for_images.gif) top left no-repeat;
    text-indent: -500px;
    height: 80px;
    overflow: hidden;
    display: block;
    width: 225px;
    margin-bottom: 10px;
}
.imageLibrary .searchbox input {clear: both; display: block; float: right;margin-top: 7px}
.imageLibrary .searchbox a,
.imageLibrary .searchbox a:hover {font-size: 1em; margin-top: 7px; float: right }
.imageLibrary .searchbox a.info {
    margin-right: 0.5em;
    padding: 0 0 10px 24px;
    background: url(../../../../images/interface/info_icon.gif) top left no-repeat
}

.imageLibrary .popular {
    width: 218px;
    border: 1px solid #e7eef4;
    margin: 10px 10px 0 0;
    float: left
}
.imageLibrary select {
    border: 2px solid #e8e8e8;
    border-right: 1px solid #d8e4e9;
    border-bottom: 1px solid #d8e4e9;
    margin-bottom: 7px;
    float: right
}
.imageLibrary .keywords {
    overflow: auto;
    height: 90px;
    background: #fff;
    border-color:#E8E8E8 #D8E4E9 #D8E4E9 #E8E8E8;
    border-style:solid;
    border-width:2px 1px 1px 2px;
    margin-bottom: 10px
}

.imageLibrary .keywordWindow .completeSearch{margin-right:12px;clear:both}
.imageLibrary .keywordWindow {
    height: 289px; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 516px; 
    background: #e1ecf0;
    border: none !important;
    overflow-x: hidden;
}
.imageLibrary .keywordWindow ul {margin: 0 10px; }
.imageLibrary .keywordWindow ul li {width: 26%; float: left;background: none; padding: 0; border: none}
.imageLibrary .js_hide ul li { float: none; background: none; padding: 0; border: none}
.imageLibrary .js_hide ul li input {float: none; display: inline}
.imageLibrary .keywordWindow ul li input {display: inline; float: none}
.imageLibrary .keywordWindow .modalClose,
ol .keywords .modalClose  {
    background:transparent url(../../../../images/colorbox/btn_cross.gif) no-repeat scroll left top;
    display:block;
    font-weight:bold;
    height:20px;
    overflow:hidden;
    position:absolute;
    right:10px;
    top: 0;
    text-indent:5000px;
    width:20px;
}
.imageLibrary .keywordWindow p {width: 90%}
.imageLibrary .keywordLink,
.imageToolbar .keywordLink{
    background:transparent url(../../../../images/interface/plus.gif) no-repeat scroll 6.5em 3px;
    display: inline-block;
    margin:4px 14px 10px 7px;
    padding-right:14px;}
.imageLibrary .keywords li input {margin-right: 6px}
.imageLibrary .keywords p {
    margin: 0 4px 3px 4px !important;
    padding: 5px;
    border-bottom: 1px solid #ccc
}
.imageLibrary input.submit {
    background: #007199 url(../../../../images/interface/btn_search.gif) no-repeat right 0;
    border: none;
    width: 75px;
    height: 21px;
    cursor: pointer;
}


.popular h3 {background: #e7eef4; padding: 13px; margin-bottom: 0}
.featureBox ol {margin: 13px; list-style-type:decimal;color:#01406C;font-size: 1.2em}
.featureBox ol li {margin: 0.4em 0 0.4em 1.3em; font-size: 1.3em}
.popular ol li {font-size: 1.1em}
.library .explanation {margin: 10px 10px 0 0; clear: both}
.library .explanation h3{margin-top: 20px; }

.searchBox {float: right}


/*
blog ---------------------------------- */
.blogs {clear: both}
.blogs .comment {background: #fafafa; clear: both;margin-bottom: 10px;position: relative; }
.blogs .summary {
    background: #fff url(../../../../images/interface/blog_bg.gif) bottom left repeat-x;
    padding: 4px;
    border: 1px solid #dfeaee;
    border-width: 1px 0;
    position: relative;
    
    height:6.4em;
    top: 0;
    left: 0;
}
.blogs .post {padding: 10px; margin-bottom: 10px; clear: both; }
#contentCol .blogs .summary p {margin: 0.8em 0}
.blogs .comment p {padding: 0 10px}
.blogs .summary img {float: left; margin: 0 12px 0 0}
.blogs h3 {margin-bottom: 0.9em;}
.blogs .summary h4 {margin:0.2em 0; color:#003F69;font-size:1.2em;}
.blogs .summary h5 {color:#003F69; font-size: 1.1em}
.blogs .summary span.time {
    color:#003F69;
    font-size: 0.9em;
    display: block;
    padding: 2px 0 0 20px;
    margin: 0.5em 0 0 0;
    position: absolute;
    bottom: 4px;
    left: 95px;
    height:15px !important;
    background: transparent url(../../../../images/interface/icons.gif) left -194px no-repeat;
}
.hideButton,
.showButton {display: none  }

/*
video player ---------------------------------- */
.videoPlayer {width: 741px; height: 289px; margin: 0 auto 20px auto; background: #24353C; position: relative; overflow: hidden}
.largePlayer {width:512px;height:288px;}
.smallPlayer {width:384px;height:288px; }
.videoPlayer .player {width: 512px; height: 288px; float: right; position: relative;}
.videoPlayer .player a.sixteen9 {width: 518px; height: 291px; display: block}
.videoPlayer .player a.four3 {width: 518px; height: 388px; display: block}
.videoPlayer .player img {margin: 0 !important}
.videoPlayer .clipsContainer {
    width: 226px;
    height: 265px;
    position: relative;
    padding-top: 23px;
    /*cursor: pointer;*/
    background: #24353C 
    overflow: hidden;
}

.videoPlayer .clipsContainer #nextBtn a,
.videoPlayer .clipsContainer #prevBtn a{background-image: url(../../../../images/interface/btn_up.gif); float: left; position: absolute; bottom:9px; left: 125px }
.videoPlayer .clipsContainer #nextBtn a {background-image: url(../../../../images/interface/btn_down.gif); left: 155px}

.videoPlayer .clipsContainer #nextBtn a:hover,
.videoPlayer .clipsContainer #prevBtn a:hover {background-position: 0 -29px}
.videoPlayer .clips {height: 210px}
.videoPlayer .clips li {
    background: #24353c;
    margin-left: 0 !important;
    list-style-type: none;
    color: #fff;
    height: 265px;
    position: relative;
    width: 228px;
    
}
.videoPlayer .clips li .content {padding: 10px; width: 244px;width: 200px}
.videoPlayer .clips .button {
    bottom:7px;
    float:left;
    position:absolute;
}
.videoPlayer .clips li a,
.videoPlayer .clips li strong {color: #ec7b01; font-weight: bold; display: block}
.videoPlayer .clips li a:hover {text-decoration: none}
.videoPlayer .clips li.playing div.play{
    display: block; 
    background: url(../../../../images/interface/currently_playing.png) top left no-repeat; 
    height: 25px; 
    width:229px;
    position: absolute;
    top:73px;
    left: 0}

.casestudies ol li {font-size: 1.2em}

.thumbsContainer {width: 2000px; height: 200px}
.splash {
    background: #24353c;
    color: #fff;
    padding: 20px;
    height:249px;
    position: absolute;
    top: 0;
    left: 0;
    width: 702px;
    overflow: hidden;
    
}
.splashContainer {float: left; width: 720px}
.splash .previous {position: absolute; left: 0px; top: 147px}
.splash .next {position: absolute; right: 0; top: 147px}
.splash .disabled {background-position: 0 -29px; cursor: default}
.splash h2 {color: #fff; text-transform: uppercase; margin-bottom: 0 !important}
.splash p {margin: 0 !important}
.splash ul {
    margin-top: 10px; 
    background: url(../../../../images/interface/videoPlaceholder.gif) top left  repeat-x; 
    height: 250px;
    float: left;
    min-width: 715px;
    margin-left: 5px
}
.splash ul li  {
    display: block;
    float: left;
    margin: 0 7px 10px 0;
    width: 224px;
    height: 100px;
    background: #152228;
    position: relative;
    
}

.splash ul li div 
{
    position: absolute; 
    bottom: -1px; 
    padding: 25px  4px 0 4px; 
    background: url(../../../../images/interface/play_trans.png); 
    width: 216px; 
    text-align: center;
    left: 0;
}
.splash ul li div img {border: none}
.splash ul li p {padding: 0.2em 0}
/* non js message */
.NoJs {position: relative; top: -300px; left: 10px; width: 680px; height: 230px; font-weight: bold; background-color: #fff; padding: 20px}
/*
forms ---------------------------------- */
.labelHidden {display: none}
.form {padding: 10px; background: #F0F0F0; margin: 20px 0}
.thankyouSignup {padding: 0; background: none; margin-bottom: 70px}
.form ul li.left {float: left; margin-right: 30px}
#contentCol .form fieldset {margin-left: 20px; padding-right:30px;}
.form sup {color: #c00000}
.form .leftCol {float: left; margin-right: 50px}
.form .rightCol {float: left; clear: right}
.form label {display: block; font-weight: bold; margin-bottom: 3px;}
.form label.error {color: #c00000}
.form input.error {background: #FAF1E2}
.form input.text,
.form select {width: 300px; margin-bottom: 10px; border: 1px solid #759bb2; }
.form select.autoSize {width: auto}
.form input.small {width: 160px}
.form textarea {
    border: 1px solid #759bb2;
    width :408px;
    height: 100px;
}
.form input.submit_btn {
    display:block;
    float: left;
    clear: left;
    border: none;
    text-indent: -500px;
    overflow: hidden;
    width: 72px;
    height: 29px;
    cursor: pointer;
}
.form .required {display: block; margin-bottom: 10px; }
.form .tsandcs {background: #f1f6f9; color: #707070; padding: 10px; margin-top: 24px;}
.form .tsandcs p {margin: 0 !important}
.form fieldset.submit {clear: both; float: right }
.form p.optIn {clear: both; float: none}
.form p.optIn input {float: left}
.form p.optIn label {font-weight: normal;}
.termsandconditions {background: #fff; margin: 10px !important}
.form h3 {font-size: 1.1em; color:#505050; margin-top: 0.2em}

/* error messages */
.errorMessage {background: #faf1e2; padding: 8px; margin-bottom: 30px}
.errorMessage p {margin: 0 0 0.3em 0 !important; }
#featureCol .form {margin: 20px}
#featureCol .form label{font-size: 1.2em}
#featureCol .form select {border-color: #EB7C00;width:160px;}
#featureCol .form input.submit_btn {width: auto; height: auto; padding-top: 0; background: none; margin-top: 10px}

/*
Search toolbar ---------------------------------- */
.searchToolbar img {top: -9px}
.searchToolbar .form {
    margin: 0 0 10px 60px;
    background: #d8e4e9;
    padding: 6px 0 0 10px;
    width: 674px;
    /*height:32px;*/
    position:relative;
    top:-41px;
}

#contentCol .searchToolbar .form fieldset {padding-right: 0}
.searchResults .summary {margin: 1em 0}
.searchToolbar .form h2 { 
    display: inline-block;
    float: left;
    font-size:1em;
    margin-left:-32px;
    margin-right:12px;
    padding:5px 2px 3px 0;
}
.searchToolbar .form label {display: none}
.searchToolbar .form ul label {display: block}
.searchToolbar select {width: auto;margin-right: 10px}
.searchToolbar .form input {
    width: 210px;
    border: 1px solid #e8e8e8;
    vertical-align:top;
    font-size: 13px;
    margin-top: 1px;
    padding: 1px 1px 0 1px;
    height: 18px;
    margin-right: 5px
}

.searchToolbar .form select {
    border: 1px solid #e8e8e8;
    margin-top: 2px;
    margin-right: 5px;
    vertical-align: top;
    font-size: 13px}
.searchToolbar .summary,
.searchResults  .summary{
    background: #f4f5f5;
    border: 1px solid #e5edf0;
    border-width: 1px 0;
    padding: 0.3em 0.6em 0em 0.6em;
    height: 24px;
    margin: -30px 0 10px;
    width: 728px;
}

.searchListing{word-wrap: break-word;}

.searchResults .summary {clear:both;margin:10px 0!important;}
.searchResults .summary .summaryText{float:left}
.searchResults .summary .paginationText{float:right;}
.summary .pages {
    display: block;
    float: right;
    vertical-align: text-top;
	/*margin-top:-14px*/}
.summary .pages span {
    padding: 2px 4px;
    float: left;
}

.summary .pages span a{border-right:1px solid #01406C;padding-right:4px;}
.summary .pages span.onlyPage { border-right: 0px; float:none;padding:0}

.summary .pages span.currentPage{border-right:1px solid #01406C;padding-right:4px;padding-left:0px;font-weight:bold;float:none}
.summary .pages a.previous, a.next, span#prevBtn a, span#nextBtn a {margin-right:0}
.searchResults  .summary {margin: 20px 0 -30px 0; clear: both}
.searchToolbar .summary p {position: relative; top: -15px}
.searchToolbar .imageToolbar span {vertical-align: top}
.imageToolbar .keywordLink,
.searchToolbar .imageToolbar .form select{float: left}

.imageToolbar .submit_image {margin-top: 2px!important;float: left}

.refine {width: 530px; margin-top: 10px;float:left}
.synonym,
.sortBy {border: 1px solid #D8E4E9; padding: 0.5em; float: left}
.sortBy {float: right}
.synonym em,
.sortBy a{font-weight: bold}
.searchListing {width: 530px; float: left}
.searchListing div {margin: 2em 0}
.searchListing p {margin: 0 !important}
.searchListing div a {color:#EB7C00;}
.searchListing h3 a {text-decoration: underline;color:#003F69;}

/* keywords */
.searchToolbar .keywords label {width: 120px; float: left}
.searchToolbar .form .keywords  ul {clear: both;}
.searchToolbar .form .keywords ul li {float: left; width: 28%;}
.searchToolbar .form .keywords input {width: auto;float:left;}

/* 
Image search results ---------------------------------- */
/* toolbar */
.imageResults .searchToolbar .form { padding: 0;top: 0; margin: 0;width:720px; position: relative }
.searchToolbar .imageToolbar h2
{
    display: block; 
    background: url(../../../../images/interface/heading2_search_for_images.gif) top left  no-repeat;
    text-indent: -5000px;
    overflow: hidden;
    width: 173px;
    height: 40px;
    float: left;
    padding: 0 0 0 10px;
    margin: 0;}
.imageResults .searchToolbar .form ol {display: inline; padding: 0; margin: 0}
.imageResults .searchToolbar .form ol li 
{
    float: left; 
    border-right: 1px solid #eaf0f2; 
    padding: 0 0 0 15px; 
    margin: 0; 
    height: 2.9em;
    background: url(../../../../images/interface/no_1.gif) 4px 7px no-repeat}
.imageResults .searchToolbar .form ol li.two 
{
    background: #e1ecf0 url(../../../../images/interface/no_2.gif) 4px 7px no-repeat; 
    border-left: 1px solid #c2d3da;
    position: relative;
    
}
.imageResults .searchToolbar .form ol li.three {background-image: url(../../../../images/interface/no_3.gif); border-left: 1px solid #c2d3da;  border-right: none}
.imageResults .searchToolbar .form ol li .button {margin-left: 10px}
.imageResults .summary p{padding: 0; float: left}
.searchToolbar .imageToolbar select {margin-top: 8px; float: left;margin-left:14px;position:relative}
.imageToolbar a,
.imageToolbar a:hover {margin: 5px; display: block; float: left}
.searchToolbar .form input.submit_image {border: none; width: auto; height: auto; margin:5px 5px 5px 15px !important; }
.imageResults .searchToolbar a.info {
    width: 20px; 
    height: 20px;
    overflow: hidden; 
    text-indent: -5000px;
    background:transparent url(../../../../images/interface/info_icon.gif) no-repeat scroll left top;}
.imageResults .searchToolbar .keywords {position: absolute; top: 38px; left:-328px; background: #e1ecf0; margin-bottom: 10px;width:720px;} 
.imageResults .searchToolbar .keywords p {margin-left: 20px !important}
.imageResults .searchToolbar .keywords ul li {background: none; height: auto}
.imageResults .searchToolbar .keywords .modalClose{position: relative; top: -110px; left: 680px}

.searchResults .searchToolbar .form input.submit_image{margin: 0 !important}

/* results display */
ul.imageResults {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0 0 20px 0 !important;
    padding:0;
    width:740px;
    clear: both;
    position: relative
}

ul.imageResults li {
    width: 170px;
    min-height: 230px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 30px 0!important;
    text-align: center;
    padding:4px 4px;
    zoom: 1;
    *display: inline;
    _height: 230px;
    position: relative;
    
}
ul.imageResults li div.container {padding:0; margin: 0; text-align: center; height: 170px; position: relative; top: 0; left: 0; clear: both}
ul.imageResults li span {display: block; }
ul.imageResults li div.container a {display: block; clear: both; position:absolute; bottom: 0; left: 0;width:170px}
ul.imageResults li img {
    margin: 0 !important;
    float: none !important;
    vertical-align: bottom;
}
ul.imageResults li div.des {
    border-top: 1px solid #ccc;
    position:absolute;
    bottom: 2px;
    left: 4px;
    height: 1.5em;
    width: 170px;
    background: #fff;
    padding-top: 5px;
    clear: both;
    
}
ul.imageResults li p.download {clear: both; margin: 10px 15% !important; width: 9.1em; background: #fff;position: relative;}

/* Target Firefox 2 */
ul.imageResults li p.download,x:-moz-any-link  {top: 190px; left: 10px; height: 1.7em; }
ul.imageResults li div.des,x:-moz-any-link  {position: relative; top: 220px}

/* Target FireFox 3 [!] */
html>/**/body ul.imageResults li p.download, x:-moz-any-link, x:default {top: 0; left: 0 }
html>/**/body ul.imageResults li div.des, x:-moz-any-link, x:default {position: absolute;left: 4px;  bottom: 2px;}

ul.imageResults li p.download a {
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    clear: none;
    border: 1px solid #cecece;
    margin-right: 10px;
    background: #f4f5f5;
    font-weight: bold;
    position: static;}
ul.imageResults li p.download a.last {margin-right: 0}


.imageDetails {width:744px;margin-top:20px; }
.imageDetails  h2 {margin:1.2em 0; text-align: left}
.imageDetails  h3,
.imageDetails p{margin: 1em 0 1em 355px; color: #505050; text-align: left}
.imageDetails img {float: left; margin-right: 14px}
.imageDetails table {width: 380px; border-bottom: 1px solid #d9e4ea;}
.imageDetails table th {padding: 1em 7px; background: #d9e4ea; font-size: 1.1em; font-weight: bold; border-bottom: 2px solid #fff}
.imageDetails table td {padding: 1.1em 7px; border-top: 1px solid #d9e4ea}
#colorbox {font-size: 1.3em}

/*  
404 ---------------------------------- */
.oneCol #contentCol {width: 850px; padding: 12px}
.oneCol  #contentCol h1 {font-size: 7em; margin: 0; color: #e7e7e7}
.oneCol  #contentCol h2 {font-size: 2em; width: 300px}
.heroImage {float: right}
.suggestions {background:#e7eef4; color: #333;  padding: 15px; width: 374px }
#contentCol .suggestions p {font-size: 1.3em; font-weight: bold; margin: 0}
#contentCol .suggestions ul {margin-top: 0.5em}
.suggestions ul li {line-height: 1.8em;}
.suggestions ul li a {padding-right: 10px; background: url(../../../../images/interface/blue_arrow.gif) no-repeat scroll right 2px}

/*
sitemap ---------------------------------- */
.sitemap p a {font-weight: bold; padding: 5px 10px;background:transparent url(../../../../images/interface/blue_arrow.gif) no-repeat left 0.6em}
.sitemap ul {border-top: 1px solid #CADCE6; font-weight: bold; position: relative}
.sitemap ul li {padding: 5px 10px;background:transparent url(../../../../images/interface/blue_arrow.gif) no-repeat left 0.6em; margin: 0.5em 0; }
/* second level */
.sitemap ul ul {border: none;  margin: 0 0 0 1em; padding: 5px; font-weight: normal}
.sitemap ul ul li { background-image: url(../../../../images/interface/orange_arrow.gif); margin: 0}
/* thrid level */
.sitemap ul ul ul li { background: url(../../../../images/interface/orangeball.gif) no-repeat left 0.8em}

/*
Faq section ---------------------------------- */

a.faq {
    color:#003F69;
    font-size:1.1em;
    font-weight:bold;
}

dt.questions {
    padding:12px 10px;
    background: #fff url(../../../../images/interface/blog_bg.gif) bottom left repeat-x; 
    border-top: 1px solid #dfeaee;
    border-bottom: 1px solid #dfeaee;
    font-size:1.1em;
    color:#003F69;
    margin:5px 0;
    width:510px;
    min-height:1.3em;
}
dt.questions a.question {display: block; float: left; width: 440px; background: none}
dt.questions p {display: inline}
dd.answers 
{
    background:#FAFAFA none repeat scroll 0 50%; 
    padding:5px 11px;
    border-bottom: 1px solid #dfeaee;
    margin-top:-5px;
    width:508px;
}
dd.answers div {float: right;width:480px;}
#contentCol dd.answers div p {margin-top: 0}
dl h2 { padding:0; margin:0; display: inline;}

dl span.singleLetterQuestion {color:#003F69; float:left; line-height:0.9em;width:30px; display: block}
dl span.singleLetterAnswer { font-size:1.1em; position:relative; bottom:1px; left:1px; float: left; display: block}

/* 
Sporting Champions ---------------------------------- */
#champions-wrap {width:744px;overflow:hidden;margin-bottom:2em;}
#champions-wrap.js {background:transparent url(../../../../images//interface/champions-bg.png) bottom center no-repeat;}
#champions-wrap .title {padding:1em 0 0 23px;background:transparent url(../../../../images/interface/champions-bg.png) top center no-repeat;overflow:hidden;width:721px;}
#champions-wrap .title li {float:left;margin:0 .5em 0 0;font-size:1.4em;width:32px;background:url(../../../../images/interface/champions-tabs-bg.gif) bottom right no-repeat;padding:0 0 6px 0;}
#champions-wrap .title li a {display:block;float:left;font-weight:bold;width:32px;text-align:center;padding:6px 0 0 0;background: transparent url(../../../../images/interface/champions-tabs-bg.gif) top right no-repeat;color:#0d4a1e;text-decoration:none;}
#champions-wrap .title li.active {background:url(../../../../images/interface/champions-tabs-bg.gif) bottom left no-repeat;}
#champions-wrap .title li.active a {background:url(../../../../images/interface/champions-tabs-bg.gif) top left no-repeat;}
.sporting-champions #contentCol {width:742px;}
.sporting-champions #contentCol p.intro {font-size:1.1em;font-weight:bold;margin-bottom:5px;}
.sporting-champions #contentCol p {font-size:.9em;margin-top:0;}
.champions-overview {padding:23px 0 0 23px;width:721px;overflow:hidden;min-height:470px;} /* move to ie6 stylesheet */
.sporting-champions #contentCol .champions-overview li {background: #fff url(../../../../images/interface/champions-overview-bg.png) bottom center no-repeat;width: 217px;float:left;margin: 0 23px 35px 0;height:15.4em;min-height:200px;}
.sporting-champions #contentCol .champions-overview li.last {margin-right: 0;}
.sporting-champions #contentCol .champions-overview li .champ-title {background:#fff url(../../../../images/interface/champions-overview-bg.png) top center no-repeat;font-size:.95em;padding:5px 10px;}
.sporting-champions #contentCol .champions-overview li .champ-title h2,.sporting-champions #contentCol .champions-overview li .champ-title h3,.sporting-champions #contentCol .champions-overview li .champ-title p {font-size:100%;margin:0;color:#fff;}
.sporting-champions #contentCol .champions-overview li .champ-title a {color:#fff;}
.sporting-champions #contentCol .champions-overview li .champ-image {padding:10px;}
.sporting-champions #contentCol .champions-overview li .champ-desc {margin:0;padding:0 10px 10px;font-size:90%;}
.sporting-champions #contentCol .champions-overview li .champ-desc strong {color:#015218;}