/***************************************************
Design & Technology by Reading Room
www.readingroom.com (020) 7173 2800
* Author: Lucy Kavanagh
* Created: Jul 2009
* Updated: Dec 2010
* Description: Shared LTR/RTL CSS
***************************************************/

/***************Attribute Separation****************
* These, where l/r specific, should be separated into LTR/RTL stylesheets:
* float, left, right, padding, margin, text-align, border-width, background-image, background-position
***************************************************/

/*****~~~~~basic~~~~~*****/
*
{
    background-repeat: no-repeat;
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul, ol, dl, li, dd, dt, p, div, span, a, fieldset, label
{
    line-height: 100%;
}
body
{
    color: #444;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 62.5%;
    height: 100%;
    text-align: center;
}

/*****~~~~~framework~~~~~*****/
#container
{
    background: #FFF url(/images/design/bgBody.png) 0 0 repeat-x;
    width: 100%;
}
.innerContainer
{
    background-image: url(/images/design/bgContainer.png);
    background-position: center top;
    width: 100%;
}
/* extra div premise: bottom background layer should not be applied to body else the shadows and gradients get out of sync on IE7 zoom */
#wrapper
{
    margin: 0 auto;
    position: relative;
    width: 980px;
}
.innerWrapper
{
    clear: both;
    position: relative;
    width: 100%;
}
#header, #menu, .stage
{
    clear: both;
    display: inline;
    font-size: 1.1em;
    width: 100%;
}
#footer
{
    clear: both;
    font-size: 1.3em;
    width: 100%;
}
.stage
{
    margin-top: 0.5em;
    min-height: 400px;
    position: relative;
}
.hidden
{
    position: absolute;
}

/*****~~~~~general~~~~~*****/
blockquote, q
{
    padding: 0.5em 0;
}
del, strike
{
    text-decoration: line-through;
}
strong, b, .bold
{
    font-weight: bold;
}
em, i, .italic
{
    font-style: italic;
}
ol li
{
    clear: both;
    list-style-type: decimal;
    list-style-position: inside;
}
dl.rows
{
    clear: both;
    padding: 0.5em 0;
}
dl.rows dt, dl.rows dd
{
    float: left;
    padding: 0.5em 0;
    width: 50%;
}
dt
{
    clear: both;
    font-weight: normal;
}
hr
{
    background: #444;
    clear: both;
    color: #444;
    height: 0.1em;
    margin: 0.5em 0;
    width: 100%;
}
p
{
    padding: 0.5em 0;
}
table li p{
	padding: 0;
}
p.intro
{
    color: #749bb2;
    clear: both;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 0;
    position: relative;
}
.overlay p.intro
{
    clear: none;
}
.help, .sideBar .help
{
    background-color: transparent;
    background-image: url(/images/design/btnQuestion.gif);
    background-repeat: no-repeat;
    border: 0;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 100%;
    min-height: 15px;
    padding: 0.5em 0;
}
/*tables*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0.5em 0 2em;
}
th
{
    background: #666;
    border: 1px solid #666;
    color: #FFF;
    font-weight: bold;
    padding: 0.5em;
}
.content th a
{
    color: #FFF;
}
td
{
    background: #EFEFEF;
    border: 1px solid #666;
    padding: 0.5em;
}
table.alt01 th
{
    background: #EFEFEF;
    border-color: #EFEFEF;
    color: #444;
}
table.alt01 td
{
    background: #FFF;
    border-color: #EFEFEF;
}
table.alt02 th
{
    background: #b51319;
    border-color: #b51319;
}
table.alt02 td
{
    background: #FFF;
    border-color: #b51319;
}
table.alt03 th
{
    background: #FAFAFA;
    border-color: #FAFAFA;
    color: #444;
}
table.alt03 td
{
    background: #FFF;
    border-color: #FAFAFA;
}
/*Table-Grey-Border white bg*/

/*links*/
a
{
    color: #444;
    font-weight: bold;
    text-decoration: none;
}
a:hover, a:focus
{
    color: #444;
    cursor: pointer;
    outline: 0;
    text-decoration: underline;
}
.featureLink
{
    color: #fc1b23;
    clear: both;
    cursor: pointer;
    display: block;
    font-weight: bold;
}
.cta, .content .cta
{
    background: #FC1B23 url(/images/design/grdHeaderRed.gif) repeat-x 0 50%;
    border: 1px solid #B51319;
    clear: both;
    color: #FFF;
    float: left;
    display: block;
    padding: 0.5em;
}
.cta:hover, .content .cta:hover
{
    background: #ced1d5 url(/images/design/grdHeaderMed1.gif) repeat-x 0 50%;
    border: 1px solid #999;
    color: #333;
    text-decoration: none;
}
.back, .content .back, .toTop, .content .toTop
{
    clear: both;
    color: #333;
    display: inline-block;
    margin-top: 1em;
}
.back
{
    display: none;
}
.javascript .back
{
    display: inline-block;
}
.toTop, .content .toTop
{
    background-image: url(/images/design/arrowUp.gif);
}
.new-window
{
    background-image: url(/images/design/icons/new.gif);
    display: inline-block;
}
/*images*/
img.leftImg, img.rightImg
{
    border: 1px solid #DDD;
    border-bottom-color: #b6b6b6;
    display: inline;
    margin-bottom: 1em;
}
img.border
{
    border: 1px solid #DDD;
    border-bottom-color: #b6b6b6;
}
img.noBorder
{
    border: none;
}
.loading
{
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
}
.loading img, img.loading
{
    border: 1px solid #DDD;
    border-bottom-color: #b6b6b6;
    margin: 0 auto;
    position: relative;
    top: 50%;
    z-index: 999;
}

/*****~~~~~headers~~~~~*****/
h1, h2, h3, h4, h5, h6, legend, caption
{
    clear: both;
    font-weight: bold;
    line-height: 100%;
    padding: 0.5em 0;
}
h1
{
    font-size: 2em;
}
h2
{
    font-size: 1.6em;
}
h3, legend, caption
{
    font-size: 1.5em;
}
h4, h5, h6
{
    font-size: 1.4em;
}
.strapLine
{
    padding-top: 20px;
}
.evidenceBox .strapLine
{
    padding: 0;
    position: absolute;
    top: 15px;
    z-index: 66;
}
.statement
{
    clear: both;
    font-size: 1.7em;
    padding: 0 0 5px;
}
.tab
{
    border-bottom: 1px solid #DDD;
    font-size: 1em;
    margin: 0.5em 0;
    padding: 0;
    width: 100%;
}
.tab span
{
    background: #FFF;
    border: 1px solid #DDD;
    border-bottom: 0;
    font-size: 0.9em;
    margin-bottom: -1px;
    padding: 0.5em 1em;
    text-transform: uppercase;
}
/*bubbles*/
h2.rightBubble, h2.leftBubble
{
    background-repeat: no-repeat;
    color: #444;
    font-size: 1.3em;
    width: 150px;
}
h2.leftBubble
{
    background-image: url(/images/design/bottomSpeechBubbleLeft.png);
    background-position: 100% 100%;
}
h2.rightBubble
{
    background-image: url(/images/design/bottomSpeechBubbleRight.png);
    background-position: 0 100%;
}
h2.leftBubble span, h2.rightBubble span
{
    background: #FFF url(/images/design/grdHeaderLight.gif) repeat-x 0 50%;
    border: 1px solid #B6B6B6;
    border-bottom: 0;
    display: block;
    font-size: 1em;
}
h2.leftBubble span a, h2.rightBubble span a
{
    display: block;
}

/*****~~~~~forms~~~~~*****/
legend
{
    color: #fc1b23;
}
.form
{
    clear: both;
}
.content .form
{
    padding: 0.5em 0;
    width: 100%;
}
.content .schemeA
{
    border: 1px solid #ddd;
    border-bottom-color: #b6b6b6;
    margin-bottom: 1.5em;
    padding: 5px 10px;
    width: 666px;
}
.form fieldset
{
    clear: both;
}
.form div
{
    clear: both;
    padding: 10px;
    width: 646px;
}
.noSubNav .form div, .fullWidth .form div
{
    width: 646px;
}
.standalone
{
    padding: 1em 0;
}
label, span.label
{
    display: inline;
    font-weight: bold;
    line-height: 1.4em;
    padding-top: 3px;
    width: 170px;
}
.searchfilter .cbList label
{
    font-weight: normal !important;
}
.standalone label
{
    width: auto;
}
.field
{
    line-height: 1.4em;
    padding-top: 3px;
}

/*inputs*/
input, select, textarea
{
    background: #FFF;
    border: 1px solid #CCC;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 1em;
    padding: 3px;
    width: 210px;
}
input[type="checkbox"]
{
    border: none;
}
.form select
{
    width: 218px;
}
input.xsm
{
    width: 20px;
}
input.sm
{
    width: 50px;
}
input.md
{
    width: 150px;
}
input.active
{
    background: #FEC;
    border: 1px solid #fc1b23;
}
select
{
    width: auto;
}
/*radio/check*/
.content .radioCheck ul
{
    clear: none;
    padding: 5px 0;
    width: 218px;
}
.content .radioCheck ul li
{
    background: 0;
    clear: both;
    padding: 0 0 0.75em;
    width: 218px;
}
.form .radioCheck.ext
{
    padding: 10px;
}
.form .radioCheck input
{
    background: none;
    border: 0;
    display: inline;
    padding: 0;
    width: auto;
}
.form .radioCheck input[type=checkbox]{
	-webkit-appearance: checkbox;
}
.form .radioCheck.ext input
{
    padding-top: 9px;
}
.form .radioCheck label
{
    clear: none;
    cursor: pointer;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    width: auto;
}
.form .radioCheck li label
{
    width: 195px;
}
.form .radioCheck span.label
{
    margin-top: -5px;
}
.form .radioCheck.ext span.label
{
    margin-top: -10px;
    width: 320px;
}
/*validation*/
.required
{
    color: #F00;
    display: inline;
}
.form .message, .form .tip
{
    display: inline-block;
    font-weight: bold;
    line-height: 1.4em;
    width: 216px;
    float: none !important;
    vertical-align: top;
}
.form .tip
{
    background-image: url(/images/design/iconInfo.gif);
    color: #0ca660;
}
.form .error
{
    border: 1px solid #ddd;
    border-bottom-color: #b6b6b6;
    padding-top: 10px;
    margin: 10px 0;
    width: 646px;
}
.form .error input
{
    border: 1px solid #fc1b23;
}
.form .error select
{
    border: 1px solid #fc1b23;
}
.form .error .message
{
    background-image: url(/images/design/iconAttention.gif);
    color: #fc1b23;
}
.form .error label
{
    color: #fc1b23;
}
/*buttons*/
.submit
{
    background: #e9eef2 url(/images/design/grdHeaderLight.gif) 0 50% repeat-x;
    border: 1px solid #b6b6b6;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    width: auto;
}
a.submit
{
    padding: 5px;
}
.form .inlineBtns, .form .stackedBtns
{
    width: 398px;
}
.noSubNav .form .inlineBtns, .fullWidth .form .inlineBtns
{
    width: 397px;
}
.stackedBtns input
{
    clear: both;
    margin-bottom: 1em;
}
.content .form div .submit
{
    color: #000;
    display: inline;
    overflow: hidden;
    width: auto;
}
.content .form div .submit.lessProm
{
    border: 1px solid #CCC;
    color: #333;
}
.content .form div .submit.moreProm
{
    background: #7E8387 url(/images/design/grdHeaderDark.gif) 0 50% repeat-x;
    border: 1px solid #333;
    color: #FFF;
}

/*****~~~~~header~~~~~*****/
#header
{
    padding-top: 1em;
}
.logo
{
    clear: both;
}
.logo img
{
    vertical-align: bottom;
}

/*location bar*/
.locationBar
{
    width: 500px;
}
.locationBar strong
{
    display: block;
    padding: 0.25em 0;
    text-transform: uppercase;
    width: 220px;
}
.languageSelector
{
    padding: 0.25em 0;
    width: 250px;
}
.languageSelector dd
{
    display: inline;
    font-weight: bold;
    padding-left: 0.5em;
}
.languageSelector a
{
    color: #fc1b23;
}
.leadBtn
{
    clear: both;
    margin-top: 1.5em;
}

.leadBtn span
{
    width: 214px;
}

.leadBtn a
{
    font-size: 1.3em;
    width: 190px;
}

/*search*/
.search
{
    padding-top: 0.3em;
    text-transform: uppercase;
    width: 230px;
}
.search .form, .search fieldset
{
    clear: both;
    width: 225px;
}
.search .searchBox
{
    border: 1px solid #b6b6b6;
    clear: both;
    margin-top: 2px;
    padding: 2px;
    width: 221px;
}
.search input
{
    border: 0;
    background: #FFF;
    padding: 0;
    width: 195px;
}
.search input:focus
{
    outline: 0;
}
.search .submit
{
    width: 24px;
}
/*****~~~~~sub nav~~~~~*****/
#subNav
{
    background: #fafafa;
    border-bottom: 1px solid #DDD;
    width: 181px;
}
#subNav > ul
{
    width: 181px;
}
#subNav > ul > li.section
{
    background: #ced1d5 url(/images/design/grdHeaderMed1.gif) 0 50% repeat-x;
    clear: both;
    color: #000;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    width: auto;
    float: none;
}
#subNav > ul > li.section a, #subNav > ul > li.section span
{
    display: block;
    color: #444;
}
/*sliding sectors/services*/
.javascript #subNav .navSlide, .javascript #subNav .fauxActive
{
    cursor: pointer;
}
#subNav .navSlide span.active, #subNav .fauxActive span
{
    background-image: url(/images/design/arrowDown.gif);
}
/*level 1*/
#subNav > ul > li
{
    border-bottom: 1px solid #EEE;
    clear: both;
    display: block;
    width: 181px;
}
#subNav > ul > li.active
{
    border: 1px solid #b6b6b6;
    border-width: 1px 0;
}
#subNav > ul > li.section.active
{
    border: 0;
}

#subNav > ul > li.section.active a
{
    background-color: transparent !important;
}
#subNav > ul > li.section.active:hover a
{
    text-decoration: underline;
}
#subNav > ul > li > a, #subNav > ul > li li > a
{
    background-color: #fafafa;
    display: block;
    font-weight: bold;
    line-height: 1.2em;
}
#subNav > ul > li.active > a, #subNav > ul > li > a:hover, #subNav > ul > li li a, #subNav > ul > li li > a:hover
{
    background-color: #e9eef2;
    text-decoration: none;
}
/*level 2*/
#subNav > ul > li ul
{
    border-top: 1px solid #EEE;
    clear: both;
    width: 100%;
}
#subNav > ul > li li
{
    border: none;
    clear: both;
    display: block;
    width: 100%;
}
#subNav > ul > li li.active
{
    border: 1px solid #ddd;
    border-width: 1px 0;
}
#subNav > ul > li li a
{
    background-image: none;
    font-size: 0.9em;
    letter-spacing: 0.1em;
}
#subNav > ul > li li.active a, #subNav > ul > li li a:hover
{
    background-color: #fff;
}
#subNav .default_dispay {
display: none;
}
/*****~~~~~scrollbar plugin~~~~~*****/
.jScrollPaneContainer
{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.jScrollPaneTrack
{
    background: #969696;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
}
/*drag*/
.jScrollPaneDrag
{
    background: url(/images/design/scrollbarDrag_mid.png) 0 0 repeat-y;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}
.jScrollPaneDragTop, .jScrollPaneDragBottom
{
    height: 7px;
    overflow: hidden;
    position: absolute;
}
.jScrollPaneDragTop
{
    background: url(/images/design/scrollbarDrag_top.png) 0 0 no-repeat;
    top: 0;
}
.jScrollPaneDragBottom
{
    background: url(/images/design/scrollbarDrag_bot.png) 0 0 no-repeat;
    bottom: 0;
}
/*arrow*/
a.jScrollArrowUp, a.jScrollArrowDown
{
    display: block;
    height: 24px;
    overflow: hidden;
    position: absolute;
    text-indent: -2000px;
    z-index: 1;
}
a.jScrollArrowUp
{
    background: url(/images/design/scrollbarArrow_up.png) no-repeat 0 -30px;
    top: 0;
}
a.jScrollArrowDown
{
    background: url(/images/design/scrollbarArrow_down.png) no-repeat 0 -30px;
    bottom: 0;
}

/*****~~~~~carousel buttons~~~~~*****/
/*evidence box*/
.evidenceBox .carousel .closeThis
{
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    width: 25px;
    z-index: 55;
}
.evidenceBox .carousel .scrollPrev, .evidenceBox .carousel .scrollNext
{
    top: 8em;
    width: 31px;
}
.evidenceBox .carousel .scrollPrev
{
    left: 0;
}
.evidenceBox .carousel .scrollNext
{
    right: 0;
}
/*shared*/
.carousel .scrollNext, .carousel .scrollPrev
{
    cursor: pointer;
    display: block;
    position: absolute;
}
.carousel .jcarousel-next-disabled, .carousel .jcarousel-prev-disabled
{
    display: none;
}

/*****~~~~~carousel framework~~~~~*****/
/*evidence box*/
.evidenceBox .carousel
{
    background: #d1dfea url(/images/design/evidenceCarousel.gif) 0 0 no-repeat;
    border: 1px solid #FFF;
    display: inline;
    margin: 10px 10px 3.8em;
    min-height: 210px;
    padding: 0 0 10px;
    position: relative;
    width: 771px;
    z-index: 55;
}
.evidenceBox .carouselInner
{
    padding: 10px 0 0;
    position: relative;
    width: 690px;
}
.javascript .evidenceBox .carouselInner
{
    width: 100%;
}
.evidenceBox .jcarousel-container
{
    width: 730px;
}
.evidenceBox .jcarousel-clip
{
    height: 18.5em;
    width: 690px;
}
.evidenceBox .carousel ul
{
    width: 690px;
}
.javascript .content .cases, .javascript .content .features
{
    display: none;
}
/*prevents the jump whilst js is manipulating*/
/*shared*/
.carousel
{
    position: relative;
}
.jcarousel-container
{
    position: relative;
}
.jcarousel-clip
{
    overflow: hidden;
    position: relative;
}
.jcarousel-list
{
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.carousel ul
{
    clear: both;
}
.carousel p, .carousel .featureLink
{
    line-height: 1.4em;
}

/*****~~~~~feature teasers~~~~~*****/
.teaserBox
{
    width: 222px;
}
.jcarousel-item
{
    height: 20em;
}
.carousel h3, .teaserBox h3
{
    background: #EEE url(/images/design/grdHeaderLight.gif) 0 50% repeat-x;
    border-bottom: 1px solid #fc1b23;
    clear: both;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0;
    width: 220px;
}
.carousel h3 .featureHeader, .teaserBox h3 .featureHeader
{
    width: 175px;
}
.content .teasers
{
    padding: 0.5em 0;
    width: 100%;
}
.content .teasers ul
{
    background: none;
    padding: 0;
    width: 100%;
}
.content .teasers li
{
    background: none;
    border: 1px solid #b6b6b6;
    clear: none;
    padding: 0;
    width: 220px;
}
.teaserBox .teaserContent
{
    clear: both;
    padding: 10px;
    width: 200px;
}
.teaserBox .teaserContent p, .teaserBox .teaserContent .featureLink
{
    display: block;
    line-height: 1.4em;
}
/*internal specific*/
.evidenceBox .teaserContent
{
    background-color: #FFF;
    border: 1px solid #b6b6b6;
    border-width: 0 1px 1px 1px;
    clear: both;
    min-height: 12.5em;
    padding: 10px 10px 5px;
}
/*internal carousel specific*/
.evidenceBox .carousel li
{
    display: inline;
    margin: 10px 4px;
    width: 222px;
}
.javascript .evidenceBox .carousel li
{
    margin: 0 0 20px;
}
.evidenceBox .jcarousel-item
{
    padding: 0 4px;
}
.evidenceBox .carousel h3
{
    background: transparent url(/images/design/evidenceCarouselHeader.gif) 0 0 no-repeat;
    width: 222px;
}
.evidenceBox .carousel .teaserContent
{
    background: #FFF url(/images/design/evidenceCarouselContent.gif) 0 100% no-repeat;
    border: 0;
    padding-bottom: 5px;
    width: 202px;
}

/*****~~~~~feature pop up~~~~~*****/
.overlay
{
    background: #fff;
    border: 1px solid #969696;
    display: block;
    min-height: 240px;
    margin-bottom: 1em;
    position: absolute;
    top: 13em;
    width: 542px;
    z-index: 77;
}
.overlay h1
{
    background: #EEE url(/images/design/grdHeaderLight.gif) 0 50% repeat-x;
    border-bottom: 1px solid #fc1b23;
    clear: both;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.5em 0;
    width: 100%;
}
.overlay h1 span
{
    padding: 0 10px;
    width: 417px;
}
.overlay .addPDF
{
    float: none;
}
.overlay .closeTab
{
    cursor: pointer;
    padding: 0 10px;
}
.overlayContent
{
    clear: both;
    font-size: 1.1em;
    padding: 1.5em 15px;
    width: 512px;
}
.overlayContent p
{
    line-height: 1.6em;
}
.overlayContent p.intro
{
    padding: 0;
}
/*homepage*/
.homePage .overlay
{
    min-height: 300px;
    width: 665px;
    z-index: 66;
}
.homePage .overlay h1 span
{
    width: 530px;
}
.homePage .overlayContent
{
    width: 634px;
}

/*****~~~~~main~~~~~*****/
#main
{
    background: #FFF;
    width: 795px;
}
.noSubNav #main, #main.noSubNav, .fullWidth #main, #main.fullWidth
{
    width: 980px;
}
/*classes may be placed on #main or .stage*/
.content ol, .content ul, .spotlightBox ol, .spotlightBox ul, .overlay ol, .overlay ul
{
    clear: both;
}
.content p, .content li, .content li div, .content dd, .sideBar p, .sideBar li, .overlay p, .overlay li
{
    line-height: 1.6em;
}
.content a, .spotlightBox a, .overlay a
{
    color: #fc1b23;
    line-height: 1.5em;
}

/*****~~~~~evidence box~~~~~*****/
.evidenceBox
{
    background-color: #ededed;
    border: 1px solid #b6b6b6;
    border-color: #b6b6b6 #FFF;
    clear: both;
    min-height: 280px;
    position: relative;
    width: 793px;
    z-index: 1;
}
.evidenceBox.hideImage
{
    background-position: -999px -999px;
}
/*tabs*/
.toolTabs
{
    bottom: 0;
    display: none;
    position: absolute;
    z-index: 56;
}
.javascript .toolTabs
{
    display: block;
}
.toolTabs li
{
    background: transparent url(/images/design/tabOff.png) 0 22px no-repeat;
    display: inline;
    padding-top: 30px;
    width: 210px;
}
.toolTabs li h2
{
    cursor: pointer;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    min-height: 22px;
    padding: 5px 10px 3px;
    white-space: nowrap;
    width: 140px;
}
.toolTabs li span
{
    color: #fc1b24;
    font-size: 0.9em;
    padding-top: 9px;
    text-transform: lowercase;
    width: 50px;
}
.toolTabs li.active
{
    background-color: #D1DEE9;
    background-image: url(/images/design/tabOn.gif);
    border-width: 0 1px;
}
/*what we do world map framework*/
.javascript .worldMap
{
    height: 280px;
}
.javascript .worldMap ul
{
    background-image: url(/images/content/793x280/worldMap.jpg);
    min-height: 280px;
}
.javascript .worldMap li
{
    background-image: url(/images/design/markerDot.png);
    cursor: pointer;
    float: none;
    height: 24px;
    padding: 0;
    position: absolute;
    width: 24px;
    z-index: 77;
}
.javascript .worldMap h3
{
    background: #EEE url(/images/design/grdHeaderLight.gif) 0 50% repeat-x;
    border: 1px solid #B6B6B6;
    border-bottom: 1px solid #fc1b23;
    width: 220px;
}
.javascript .worldMap li .teaserBox
{
    display: none;
}
.javascript .worldMap li.active
{
    cursor: auto;
    height: auto;
    z-index: 99;
}
.javascript .worldMap li.active .teaserBox
{
    display: block;
}
/*what we do world map plots*/
.javascript .worldMap li.location01
{
    left: 155px;
    top: 70px;
}
/*North America */
.javascript .worldMap li.location02
{
    left: 380px;
    top: 63px;
}
/*Europe */
.javascript .worldMap li.location03
{
    left: 453px;
    top: 120px;
}
/*Middle East */
.javascript .worldMap li.location04
{
    left: 580px;
    top: 60px;
}
/*Asia / Pacific */
.javascript .worldMap li.location05
{
    left: 410px;
    top: 175px;
}
/*Africa */
.javascript .worldMap li.location06
{
    left: 245px;
    top: 210px;
}
/*Latin America */
/*map framework with cms managed plots*/
.javascript .customPlots ul
{
    background: 0;
}
.javascript .altDots li
{
    background-image: url(/images/design/markerDotSm.png);
    height: 10px;
    width: 9px;
}
.evidenceBox .customPlots .teaserContent
{
    min-height: 3em;
    padding: 5px 10px;
}
/*street scene*/
.streetScene
{
    background-image: url(/images/temp/streetScene01.jpg);
    height: 280px;
    position: relative;
    width: 793px;
}
.streetScene li
{
    background-image: url(/images/design/markerDot.png);
    height: 24px;
    position: absolute;
    width: 24px;
}

/*****~~~~~tools~~~~~*****/
.crumb
{
    clear: both;
    padding: 0.5em 30px;
    width: 735px;
}
.crumb a
{
    display: block;
    position: relative;
}
.crumb li span
{
    background-image: url(../images/design/arrowCrumb.gif);
    background-position: right center;
    float: left;
    padding: 0 21px 0 0;
}

/*****~~~~~content~~~~~*****/
.content
{
    clear: both;
    min-height: 335px;
    padding: 0 30px;
    width: 503px;
}
.noSubNav .content
{
    width: 687px;
}
.noSideBar .content
{
    width: 735px;
}
.fullWidth .content
{
    width: 920px;
}

.content .pageTitle
{
    width: 100%;
    position: relative;
}
.content .pageTitle .addPDF
{
    padding: 0.5em;
}

.content h1
{
    position: relative;
    width: 100%;
}
.content ul li, .overlay ul li
{
    background-image: url(/images/design/bulletCircle.gif);
    overflow: hidden;
}
.content ul.split
{
    position: relative;
    width: 493px;
}
.content ul.split li
{
    width: 45%;
}
ul.split a, ul.split span
{
    font-weight: bold;
}
span.date
{
    font-style: italic;
    padding-bottom: 0.5em;
    display: block;
}
/*sitemap*/
.content #sitemap
{
    padding: 0;
}
.content #sitemap li
{
    background-image: none;
    border-bottom: 1px solid #ddd;
    padding-top: 0.5em;
    width: 95%;
}
.javascript .content #sitemap h2
{
    cursor: pointer;
}
.content #sitemap h2
{
    background-image: url(/images/design/btnArrowDown.gif);
    background-repeat: no-repeat;
}
.content #sitemap h2.active
{
    background-image: url(/images/design/btnArrowUp.gif);
}
.content #sitemap h2 a
{
    color: #333;
    line-height: 1em;
}
.content #sitemap li li
{
    background-image: url(/images/design/bulletCircle.gif);
    border: 0;
    padding-top: 0;
}
.content #sitemap li .twoCol
{
    width: 100%;
}
.content #sitemap li .twoCol li
{
    background-image: none;
    width: 49%;
}
.content #sitemap li .twoCol li li
{
    background-image: url(/images/design/bulletCircle.gif);
    width: auto;
}
.content #sitemap .toTop
{
    padding-bottom: 1em;
}
/*shared lists*/
.content ul.listing, .content ul.linkBlock, .content ul.imageLibrary, .overlay ul.listing, .overlay ul.linkBlock, .overlay ul.imageLibrary
{
    padding: 0;
    width: 510px;
}

.content ul.listing li, .content ul.linkBlock li, .content ul.imageLibrary li, .overlay .listing li, .overlay .linkBlock li, .overlay .imageLibrary li
{
    background: none;
    border: 1px solid #DDD;
    border-bottom: 1px solid #b6b6b6;
    padding: 0;
}
/*listing rows*/
.content ul.listing li, .overlay ul.listing li
{
    margin-bottom: 1em;
    padding: 10px;
    width: 481px;
}
.content ul.listing li li, .overlay ul.listing li li
{
    border: 0px solid #DDD;
    margin-bottom: 0;
    float: none;
    display: inline;
}
ul.listing .teaserContent
{
    width: 316px;
}
ul.altImages .teaserContent
{
    width: 271px;
}
ul.listing .teaserContent span.date
{
    padding-top: 5px;
    padding-bottom: 0;
    display: block;
}
ul.listing h2
{
    font-size: 1.4em;
    padding: 0;
}
ul.listing .addPDF img
{
    border: 0;
    float: none;
}
/*link spotlights / image library */
.content ul.linkBlock li, .content ul.imageLibrary li, .overlay ul.linkBlock li, .overlay ul.imageLibrary li
{
    margin-bottom: 1em;
    display: inline;
    width: 155px;
}
.content ul.linkBlock li ul, .content ul.imageLibrary li ul, .overlay ul.linkBlock li ul, .overlay ul.imageLibrary li ul
{
    margin: 0;
    padding: 0;
}
.content ul.linkBlock li li, .content ul.imageLibrary li li, .overlay ul.linkBlock li li, .overlay ul.imageLibrary li li
{
    border: 0;
    margin: 0;
    padding: 0;
}
ul.linkBlock a
{
    display: block;
    min-height: 12.5em;
    width: 100%;
}
ul.linkBlock a:hover
{
    background: #d1dfea;
    color: #444;
    display: block;
    text-decoration: none;
}
ul.linkBlock span
{
    display: block;
    padding: 10px;
    width: 135px;
}
ul.linkBlock img
{
    border-top: 10px solid #d1dfea;
}
ul.imageLibrary dt
{
    padding: 0.5em 0.5em 0;
}
ul.imageLibrary dd
{
    display: inline;
    line-height: 1em;
}
ul.imageLibrary dd a
{
    display: block;
    padding: 0.5em;
}
/*pagination*/
.content .pagination h3
{
    font-size: 1em;
    line-height: 1.6em;
    padding: 0;
}
.content .pagination li
{
    background: none;
    font-size: 1.1em;
    font-style: italic;
    padding: 0 0.5em;
}
.content .pagination li a
{
    font-style: normal;
}
.content .pagination .viewAll
{
    border: 0;
    padding: 0;
}
.content .pagination .viewAll a
{
    font-style: italic;
    font-weight: normal;
}
/*document listing*/
.content .listWrap
{
    display: inline-block;
    width: 100%;
}
/*closed*/

/*search filter*/
.searchfilter
{
    border: 1px solid #DDD;
    border-bottom: 1px solid #b6b6b6;
    margin-bottom: 1em;
    position: relative;
    width: 501px;
}
.searchfilter.closed
{
    border: 0;
}
.searchfilter legend
{
    background-color: #EEE;
    background-image: url(/images/design/arrowDown.gif);
    background-position: 5px 9px;
    color: #000;
    border: 1px solid #b6b6b6;
    font-size: 1em;
    margin-bottom: 0.5em;
    padding: 5px 5px 5px 15px;
}
.searchfilter.open legend
{
    background-image: url(/images/design/arrowUp.gif);
    display: inline-block;
}
.javascript .searchfilter legend
{
    cursor: pointer;
}
.javascript .searchfilter div
{
    display: none;
}
.javascript .searchfilter.open div
{
    display: block;
}
.javascript .searchfilter div div
{
    display: block;
}
.searchfilter label
{
    width: 7em; /*width: 5em;*/
}
.searchfilter div
{
    padding: 10px;
    width: 481px;
}
.searchfilter div div
{
    padding: 0;
}
.searchfilter div div.date
{
    padding: 0 0 1.5em;
    width: 14em;/* width: 12.0em;*/
}
.searchfilter input.date
{
    width: 5.3em;
}
.searchfilter input.search, .searchfilter .dropdown
{
    margin-bottom: 10px;
    text-transform: none;
    width: 18.1em;
}
.searchfilter input.submit
{
    text-align: center;
    text-transform: none;
    width: 6em;
}
/*search results*/
.content .resultsListing li
{
    background-image: none;
    font-size: 1.6em;
    padding: 0.5em 0;
}
.resultsListing h2
{
    display: inline;
    font-size: 1em;
}
.resultsListing p
{
    font-size: 0.6em;
}

/*****~~~~~side bar~~~~~*****/
.sideBar
{
    font-size: 1em;
    position: static;
    width: 202px;
}
.noSubNav .sideBar
{
    padding-top: 1em;
}
.homePage .sideBar
{
    position: absolute;
    bottom: 0;
    z-index: 55;
}
.sideBar .schemeA, .sideBar .schemeB, .sideBar .contactUs
{
    width: 202px;
}
.sideBar div
{
    clear: both;
    margin-bottom: 20px;
}
.sideBar div div, .homePage .sideBar div
{
    margin-bottom: 0;
}
.sideBar h2
{
    background: #ced1d5 url(/images/design/grdHeaderMed2.gif) 0 50% repeat-x;
    border: 1px solid #7e7e7e;
    color: #000;
    display: block;
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 5px 10px;
}
.sideBar .schemeB h2
{
    background: #fc1b23 url(/images/design/grdHeaderRed.gif) 0 50% repeat-x;
    border: 1px solid #b51319;
    color: #fff;
}
.sideBar .spotlightBox
{
    background: #ebeeef url(/images/design/grdSpotlightMed.gif) 0 0 repeat-x;
    border: 1px solid #B6B6B6;
    border-top: 0;
    padding: 5px 0;
    width: 200px;
}
.sideBar .spotlightBox img
{
    margin-top: -5px;
}
.sideBar .spotlightBox p, .sideBar .spotlightBox h3
{
    line-height: 1.2em;
    padding: 5px 10px;
}
.sideBar .spotlightBox p
{
    line-height: 1.6em;
}
.sideBar .spotlightBox .featureLink
{
    line-height: 1.4em;
}
/*pre-defined styles for editors*/
.mdBlk .spotlightBox, .mdRed .spotlightBox, .mdGry .spotlightBox, .Medium-Black, .Medium-Red, .Medium-Grey
{
    font-size: 1.3em;
}
.lgBlk .spotlightBox, .lgRed .spotlightBox, .lgGry .spotlightBox, .Large-Black, .Large-Red, .Large-Grey
{
    font-size: 1.6em;
}
.smBlk .spotlightBox, .mdBlk .spotlightBox, .lgBlk .spotlightBox, .Small-Black, .Medium-Black, .Large-Black
{
    color: #000;
}
.smGry .spotlightBox, .mdGry .spotlightBox, .lgGry .spotlightBox, .Small-Grey, .Medium-Grey, .Large-Grey
{
    color: #444;
    font-weight: bold;
}
.smRed .spotlightBox, .mdRed .spotlightBox, .lgRed .spotlightBox, .Small-Red, .Medium-Red, .Large-Red
{
    color: #fc1b23;
    font-weight: bold;
}
/*contact us*/
.sideBar .contactUs
{
    background: #FFF;
    padding-bottom: 6px;
    position: relative;
}
.sideBar .contactUs h2
{
    background: #FFF url(/images/design/grdHeaderLight.gif) 0 50% repeat-x;
    border: 1px solid #b6b6b6;
    clear: both;
    color: #444;
}
.sideBar .contactUs .contacts
{
    border: 1px solid #B6B6B6;
    border-width: 0 1px 1px 1px;
    margin: 0;
    padding: 0 0 10px;
    width: 200px;
}
.sideBar .contactUs .contacts a.red
{
    color: #FC1B23;
    font-weight: bold;
}
.sideBar .contactUs p.contacts
{
    font-size: 1.1em;
    padding: 10px;
    width: 180px;
}
.sideBar .contactUs p.contacts a
{
    font-weight: bold;
}
.sideBar .contactUs .contacts li
{
    background-position: 0 0;
    color: #fc1b23;
    font-weight: bold;
    padding: 10px 10px 10px 40px;
    width: 150px;
}
.sideBar .contactUs .contacts li li
{
    color: #444;
    padding: 0;
}
.sideBar .contactUs .contacts li span, .sideBar .contactUs .contacts li a
{
    color: #444;
    font-weight: normal;
    text-decoration: none;
}
.sideBar .contactUs .contacts li.phone
{
    background-image: url(/images/design/contactPhone.gif);
    margin-top: 10px;
    padding-top: 0;
}
.sideBar .contactUs .contacts li.phone span
{
    display: block;
    clear: both;
    padding-top: 0.2em;
}
.sideBar .contactUs .contacts li.email
{
    background-image: url(/images/design/contactEmail.gif);
}
.sideBar .contactUs .contacts li.email span
{
    display: block;
    clear: both;
    padding-top: 0.2em;
}
.sideBar .contactUs .contacts li.web 
{
	background-image:url(/images/design/contactWeb.gif);
	margin-top:10px;
	padding-top:0;
}
.sideBar .contactUs .contacts li.web span
{
    display: block;
    clear: both;
    padding-top: 0.2em;
}
.sideBar .contactUs .contacts li.info
{
    color: #333;
    font-weight: normal;
    padding: 10px 10px 0;
}
.sideBar .contactUs .contacts li.countryContacts
{
    background-color: #FFF;
    background-image: url(/images/design/countrySelectorContacts.gif);
    border-top: 1px solid #DDD;
    display: inline;
    margin: 10px 10px 0;
    padding: 0;
    width: 180px;
}
.sideBar .contactUs .contacts li.countryContacts a
{
    display: block;
    text-transform: uppercase;
    width: 140px;
}
.sideBar .contactUs .contacts li.countryContacts a:hover
{
    text-decoration: none;
}
.sideBar .contactUs .contacts li.extra
{
    padding: 0 10px 0 40px;
}
.sideBar .contactUs .contacts li.extra span
{
    display: block;
    line-height: 140%;
}

/*****~~~~~footer~~~~~*****/
.footerTools
{
    border-top: 1px solid #CCC;
    float: left;
    position: relative;
    width: 100%;
}
#footer
{
    background: #ebebeb;
    margin-top: 1.5em;
    padding: 0.5em 0;
    text-align: center;
}
#footer ul
{
    margin: 0 auto;
    width: 960px;
}
#footer li
{
    display: inline;
    padding: 0 1em;
}
#footer a
{
    font-size: 0.85em;
}

/*****~~~~regional world map (no rtl mirror required)~~~~~*****/
.javascript .countryList
{
    background-image: url(/images/content/793x280/worldMap.jpg);
    float: left;
    height: 280px;
    width: 793px;
    z-index: 77;
}
.javascript .inRegion
{
    background-color: #EEE;
    background-image: none;
}
/*region panel*/
.regionPanel
{
    background: #FFF;
    border: 1px solid #CCC;
    display: none;
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 88;
}
.regionPanel a
{
    display: block;
    padding: 10px;
    text-transform: uppercase;
    width: 160px;
}
.regionPanel .active a, .javascript .regionPanel a:hover
{
    background-color: #E9EEF2;
    text-decoration: none;
}
.regionPanel .active a
{
    border: 1px solid #b6b6b6;
    border-width: 1px 0;
}
.regionPanel .region01.active a
{
    border-top: 0;
}
.regionPanel .backToMap a
{
    background-image: url(/images/design/arrowLeft.gif);
    background-position: 10px 50%;
    padding-left: 20px;
    text-transform: none;
    width: 150px;
}
/*plotted regions*/
.javascript .content .countryList
{
    display: none;
}
/*prevents the jump whilst js is manipulating*/
.javascript .countryList h2
{
    position: absolute;
}
.javascript .countryList .region01 h2
{
    left: 40px;
    top: 40px;
}
/*North America */
.javascript .countryList .region02 h2
{
    left: 380px;
    top: 20px;
}
/*Europe */
.javascript .countryList .region03 h2
{
    left: 435px;
    top: 80px;
}
/*Middle East */
.javascript .countryList .region04 h2
{
    left: 590px;
    top: 135px;
}
/*Asia / Pacific */
.javascript .countryList .region05 h2
{
    left: 250px;
    top: 110px;
}
/*Africa */
.javascript .countryList .region06 h2
{
    left: 120px;
    top: 180px;
}
/*Latin America */
.javascript .countryList .region01 ul
{
    background-image: url(/images/design/regions/north-america.png);
}
.javascript .countryList .region02 ul
{
    background-image: url(/images/design/regions/europe.png);
}
.javascript .countryList .region03 ul
{
    background-image: url(/images/design/regions/middle-east.png);
}
.javascript .countryList .region04 ul
{
    background-image: url(/images/design/regions/asia-pacific.png);
}
.javascript .countryList .region05 ul
{
    background-image: url(/images/design/regions/africa.png);
}
.javascript .countryList .region06 ul
{
    background-image: url(/images/design/regions/latin-america.png);
}
/*countries*/
.javascript .countryList li ul
{
    display: none;
    float: left;
    height: 280px;
    position: relative;
    width: 100%;
}
.javascript .countryList li li
{
    background-image: url(/images/design/markerDotSm.png);
    cursor: pointer;
    height: 10px;
    position: absolute;
    width: 9px;
}
.javascript .countryList li li a
{
    display: none;
    text-decoration: none;
}
.javascript .countryList li li a:hover
{
    text-decoration: none;
}
.javascript .countryList li li.on
{
    background-image: url(/images/design/markerFlagBg.png);
    height: auto;
    margin-left: -8px;
    margin-top: -8px;
    padding: 3px 0 3px 3px;
    width: auto;
    z-index: 111;
}
.javascript .countryList li li.on a
{
    display: inline-block;
    padding: 1px 0 0 19px;
    min-height: 19px;
    white-space: nowrap;
}
.javascript .countryList li li a span
{
    background-color: #FFF;
    display: block;
    padding: 3px 5px;
}
/*no javascript*/
.content .countryList
{
    float: left;
    padding: 0 0 1em;
    width: 100%;
}
.content .countryList li
{
    background-image: none;
    padding: 0;
}
.content .countryList li li
{
    float: left;
    padding: 0.5em 0;
    width: 164px;
}
.content .countryList li a
{
    display: block;
    min-height: 10px;
    padding: 5px 0 5px 30px;
}

/*****~~~~~language specific changes: ARABIC~~~~~*****/
.ar
{
    font-size: 87.5%;
    letter-spacing: 1px;
}
/* .ar {font-size:87.5%;letter-spacing:0px; font-family:Cursive;} */
/*things that stay in english revert to original font size*/
.ar .sharePrices, .ar .currentCountry, .ar .selectYourCountry dl, .ar .corporateSites, .ar .contacts span, .ar .ui-datepicker
{
    font-size: 0.7em;
    letter-spacing: 0;
}
/*em height adjustments*/
.ar ul.linkBlock a
{
    min-height: 9.5em;
}
.ar .homePage .jcarousel-clip
{
    height: 13em;
}
.ar .evidenceBox .jcarousel-clip
{
    height: 14.75em;
}
.ar .homePage .carousel .scrollPrev, .ar .homePage .carousel .scrollNext
{
    top: 7em;
}
.ar .evidenceBox .carousel .scrollPrev, .ar .evidenceBox .carousel .scrollNext
{
    top: 6.5em;
}
.ar .overlay
{
    top: 11em;
}
.ar .countryDropDown .countries
{
    height: 15em;
}
.ar .contactUs .countryDropDown .countries
{
    height: 12.5em;
}
/*tone done over-sized text/padding*/
.ar .currentCountry
{
    font-size: 0.9em;
}
.ar .statement
{
    font-size: 1.2em;
}
.ar .carousel h3, .ar .teasers h3, .ar .worldMap h3
{
    font-size: 1.1em;
}
.ar .toolTabs li h2
{
    font-size: 1.2em;
}
.ar .pdfCreator
{
    font-size: 0.9em;
}
.ar #footer
{
    font-size: 1.2em;
}
.ar .ui-datepicker
{
    font-size: 0.8em;
}
.ar .searchfilter div
{
    padding: 0.5em;
}
.ar .searchfilter div div
{
    padding: 0 0 1em;
}
.ar .teaserContent p, .ar .teaserContent .featureLink
{
    line-height: 1em;
}

/*****~~~~~language specific changes: CHINESE~~~~~*****/
.zh
{
    font-size: 81.25%;
    letter-spacing: 0.1em;
}
/*things that stay in english revert to original font size*/
.zh .sharePrices, .zh .selectYourCountry dl, .zh .corporateSites, .zh .contacts span, .zh .ui-datepicker
{
    font-size: 0.8em;
    letter-spacing: 0;
}
/*em height adjustments*/
.zh ul.linkBlock a
{
    min-height: 9em;
}
.zh .homePage .jcarousel-clip
{
    height: 13em;
}
.zh .evidenceBox .jcarousel-clip
{
    height: 14em;
}
.zh .homePage .carousel .scrollPrev, .zh .homePage .carousel .scrollNext
{
    top: 5.5em;
}
.zh .evidenceBox .carousel .scrollPrev, .zh .evidenceBox .carousel .scrollNext
{
    top: 5.5em;
}
.zh .overlay
{
    top: 10em;
}
.zh .countryDropDown .countries
{
    height: 15em;
}
.zh .contactUs .countryDropDown .countries
{
    height: 13.75em;
}
/*remove bold where it does not work well with chiense characters*/
.zh a, .zh .featureLink, .zh ul.split a, .zh ul.split span, .zh ul.linkBlock span, .zh #subNav dt, .zh #subNav dd a, .zh .pdfTab, .zh .pdfTab .basketLink, .zh .pdfTab .basketLink:visited, .zh .sideBar .contactUs li, .zh .toolTabs li h2, .zh h1, .zh h2, .zh strong, .zh legend, .zh caption, .zh label
{
    font-weight: normal;
}

/*****~~~~~splash (no rtl mirror required)~~~~~*****/
body.splash
{
    background: #98C2DE;
}
.splash #container
{
    background: #90BDDB url(/images/design/bgSplash.gif) 0 0 repeat-x;
    min-height: 515px;
}
.splash #container .innerContainer
{
    background: none;
}
.splash .homePage .stage
{
    border: 1px solid #999;
    margin-top: 1.5em;
    text-align: center;
}
.entryOptions
{
    display: inline-block;
    margin: 3em auto 1.5em;
    width: 620px;
}
.entryOptions li
{
    background: transparent url(/images/design/homePageSplashBG.png) 0 0 repeat-x;
    float: left;
    display: inline;
    margin: 0 40px;
    padding-bottom: 1.5em;
    width: 230px;
}
.entryOptions h3
{
    background: #EEE url(/images/design/grdHeaderLight.gif) 0 50% repeat-x;
    border-bottom: 1px solid #fc1b23;
    color: #fc1b23;
    padding: 0.5em;
    text-transform: uppercase;
}
.entryOptions p
{
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: -0.025em;
    line-height: 1.6em;
    min-height: 8em;
    padding: 0.25em 0.5em 1em;
}
.entryOptions .roundBtn
{
    display: inline-block;
    float: left;
    margin: 0.5em 1em 0;
}
.entryOptions .roundBtn span span span span
{
    background-position: center right;
    padding-right: 20px;
}
.entryOptions li a:hover
{
    color: #FFF;
}

/*****~~~~~flash~~~~~*****/
object, embed
{
    position: static;
    z-index: 1;
}
.evidenceBox .flash
{
    background: #FFF;
    height: 280px;
    width: 793px;
}
.evidenceBox .flash p
{
    font-size: 1.2em;
    padding: 1em;
}

/*****~~~~~flowplayer~~~~~*****/
.javascript .video
{
    clear: both;
    padding-bottom: 36px;
    float: left;
    position: relative;
    width: 100%;
}
/*no float reverse needed*/
.FPenabledHolder
{
    background-color: #9a9fa2;
    border-bottom: none;
    height: 1px;
    display: block;
    padding: 0;
    width: 322px;
}
.FPenabledHolder.vid
{
    height: 200px;
}
.FPenabledControls
{
    border: 1px solid #fff;
    height: 36px;
    position: absolute;
    bottom: 0;
    width: 322px;
    z-index: 1;
}
.mp3.FPenabledControls
{
    position: top;
}
.flowControls
{
    background: url(/images/design/flowplayer-controls.gif) no-repeat 0 0;
}
.FPenabledHolder p
{
    color: #FFF;
    padding: 0.5em;
    text-decoration: none;
}
.FPenabledHolder a, .FPenabledHolder a:visited, .FPenabledHolder a:hover
{
    color: #FFF;
    padding: 0.5em;
    text-decoration: none;
}
/* specific positions */
.overlay .video
{
    margin: 1em 0;
}
.content .video
{
    margin-bottom: 1em;
}
.javascript .content .video
{
    margin-top: 1em;
}
.evidenceBox .video
{
    position: absolute;
    top: 20px;
    z-index: 1;
}
.javascript .evidenceBox .video
{
    top: 10px;
}
.evidenceBox .FPenabledHolder
{
    background-color: #eee;
    border: 1px solid #fff;
    font-size: 1.2em;
    position: relative;
    text-align: center;
    width: 322px;
    z-index: 1;
}
/* play/pause button  */
.flowControls a.play, .flowControls a.pause
{
    background: url(/images/design/flowplayer-controls.gif) no-repeat -20px -40px;
    cursor: pointer;
    display: block;
    height: 16px;
    left: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    top: 10px;
    width: 16px;
}
.flowControls a.play:focus, .flowControls a.play:active
{
    outline: 1px dotted #333;
}
/* pause state */
.flowControls a.pause
{
    background: url(/images/design/flowplayer-controls.gif) no-repeat -20px -80px;
}
.flowControls a.pause:focus, .flowControls a.pause:active
{
    outline: 1px dotted #333;
}
/* the timeline (or "scrubber") */
.flowControls div.track
{
    background: url(/images/design/flowplayer-controls.gif) no-repeat -50px -60px;
    cursor: pointer;
    height: 10px;
    left: 35px;
    position: absolute;
    top: 14px;
    width: 200px;
}
/* the draggable playhead */
.flowControls a.playhead
{
    background: transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 20px;
}
.flowControls a.playhead:focus, .flowControls a.playhead:active
{
    outline: 1px dotted #333;
}
/* buffer and progress bars. upon runtime the width of these elements grows */
.flowControls div.progress, .flowControls div.buffer
{
    background-color: #F00;
    height: 2px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 4px;
    width: 0;
}
.flowControls div.buffer
{
    background-color: #fff;
    height: 2px;
}
/* time display */
.flowControls div.time
{
    display: none;
}
/* total duration in time display */
.flowControls div.time strong
{
    color: #666;
    font-weight: normal;
}
/* mute / unmute buttons */
.flowControls a.mute, .flowControls a.unmute
{
    background: url(/images/design/flowplayer-controls.gif) no-repeat -20px -100px;
    cursor: pointer;
    height: 16px;
    left: 240px;
    position: absolute;
    text-align: center;
    text-indent: -9999em;
    top: 10px;
    width: 16px;
}
.flowControls a.mute:hover, .flowControls a.mute:focus, .flowControls a.mute:active
{
    background-position: -40px -100px;
    overflow: hidden;
}
.flowControls a.mute:focus, .flowControls a.mute:active
{
    outline: 1px dotted #333;
}
/* unmute state */
.flowControls a.unmute
{
    background: url(/images/design/flowplayer-controls.gif) no-repeat -40px -100px;
}
.flowControls a.unmute:hover, .flowControls a.unmute:focus, .flowControls a.unmute:active
{
    background-position: -20px -100px;
    overflow: hidden;
}
.flowControls a.unmute:focus, .flowControls a.unmute:active
{
    outline: 1px dotted #333;
}
/* volume */
.volumeSlider
{
    background: url(/images/design/flowplayer-controls.gif) no-repeat -50px -54px;
    bottom: 10px;
    display: block;
    height: 20px;
    left: 259px;
    position: absolute;
    width: 50px;
    z-index: 10;
}
.volumeSlider .grab
{
    background-color: transparent;
    display: block;
    height: 20px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 50px;
    z-index: 10;
}
.volumeSlider .vol
{
    background-color: #555;
    display: block;
    height: 2px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 10px;
    width: 5px;
    z-index: 1;
}

/*****~~~~~datepicker plugin - third party css~~~~~*****/
.ui-datepicker
{
    background: #FFF;
    border: 1px solid #CCC;
    display: none;
    padding: .2em .2em 0;
    width: 17em;
}
.ui-datepicker .ui-datepicker-header
{
    background: #fff;
    float: left;
    padding: .2em 0;
    position: relative;
    width: 100%;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover
{
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev
{
    left: 2px;
}
.ui-datepicker .ui-datepicker-next
{
    right: 6px;
}
.ui-datepicker .ui-datepicker-prev-hover
{
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover
{
    right: 5px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
{
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-datepicker .ui-datepicker-title
{
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select
{
    float: left;
    font-size: 1.1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year
{
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
    width: 49%;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year
{
    float: right;
}
.ui-datepicker table
{
    background: #fff;
    border-collapse: collapse;
    font-size: 1em;
    margin: 0 0 .4em;
    width: 100%;
}
.ui-datepicker th
{
    border: 0;
    font-weight: bold;
    padding: .7em .3em;
    text-align: center;
}
.ui-datepicker td
{
    border: 0;
    padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a
{
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane
{
    background-image: none;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: .7em 0 0;
    padding: 0 .2em;
}
.ui-datepicker .ui-datepicker-buttonpane button
{
    cursor: pointer;
    float: right;
    margin: .5em .2em .4em;
    overflow: visible;
    padding: .2em .6em .3em;
    width: auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
    float: left;
}
.ui-datepicker .ui-datepicker-unselectable
{
    color: #ced1d5;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi
{
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group
{
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table
{
    margin: 0 auto .4em;
    width: 95%;
}
.ui-datepicker-multi-2 .ui-datepicker-group
{
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group
{
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group
{
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header
{
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header
{
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane
{
    clear: left;
}
.ui-datepicker-row-break
{
    clear: both;
    width: 100%;
}
/* ie5/6 frame fix */
.ui-datepicker-cover
{
    display: none;
    display: /**/ block;
    position: absolute;
    z-index: -1;
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

.content th a
{
    color: #FFF;
}
/*Table-Grey-Border white bg*/
/*table.Table-Grey-Border td,table.Table-Red-Border td,table.Table-White-Border td{background-color:#fff;}
table.Table-Red-Border td{border-color:#f9282f}
table.Table-White-Border td{border-color:#fff}
table.Table-Grey-Border td,table.Table-Red-Border td,table.Table-White-Border td{background-color:#fff;}
table.Table-Red-Border td{border-color:#f9282f}
table.Table-White-Border td{border-color:#fff}*/
/* End of Form */


/*  Copy right logo */

#copyright
{
    clear: both;
    color: #444444;
    font-size: 1em;
    width: 100%;
    background: #ffffff;
}
#copyright p
{
    margin: 0 auto;
    padding: 10px 10px 20px 0;
    width: 970px;
    text-align: right;
}

/*  table th width */

.thWidth15
{
    width: 15%;
}
.thWidth14
{
    width: 14%;
}
.thWidth28
{
    width: 28%;
}
.thWidth20
{
    width: 20%;
}

/* table border from reachtext editirs */

table.Table-Red-Border, table.Table-Red-Border td
{
    border: 1px solid #f9282f;
    background-color: #fff;
}
table.Table-Grey-Border, table.Table-Grey-Border td
{
    border: 1px solid #eee;
    background-color: #fff;
}
table.Table-White-Border, table.Table-White-Border td
{
    border: 1px solid #fff;
    background-color: #fff;
}
td.Table-Red-Border
{
    border: 1px solid #f9282f !important;
    background-color: #fff;
}
td.Table-Grey-Border
{
    border: 1px solid #eee !important;
    background-color: #fff;
}
td.Table-White-Border
{
    border: 1px solid #fff !important;
    background-color: #fff;
}
.schemeA .radioList
{
    margin: 0 0 0 180px;
    clear: none;
}
.schemeA .radioList td
{
    padding: 3px;
}

.schemeA .radioList label
{
    text-align: left !important;
    float: none;
}
.schemeA div
{
    clear: none;
}
.schemeA > div
{
    width: 100%;
}
.schemeA div span
{
    padding-left: 5px;
}

.schemeA div select
{
    width: 218px;
}

.schemeA .textarea
{
    resize: none;
}


.form.schemeA .error
{
    width: auto;
}
.form.schemeA div
{
    padding: 10px 0;
}
.ytHeaderVideo
{
    position: absolute;
    top: 0px;
}
.height
{
    height: auto;
}

.content ul.cbList
{
    overflow: hidden;
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 15px;
}
.content ul.cbList li
{
    float: left;
    background: none;
    padding-left: 0px;
    margin-right: 33px;
}
.content ul.cbList li input
{
    width: auto;
}

.content ul.cbList li label
{
    padding-top: 0px;
    width: auto;
    margin-left: 7px;
    padding-top: 2px!important;
}
@media screen and (min-width:0\0)
{
    .content ul.cbList li label
    {
        padding-top: 3px!important;
    }
}
.searchfilter div.fieldsetInner
{
    padding: 10px 25px;
    width: 451px;
}
.searchfilter div.fieldsetInner input.submit
{
    float: right;
    margin: 40px 27px 13px 0;
}
ul.fullwidth{
	display: block;
	padding: 0 75px !important;
	text-align: center !important;
	width: 645px !important;
	margin: 0 auto !important;
}
ul.fullwidth li{
	position: relative;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */