@charset "utf-8";
/* CSS Document */

html {
    font-size: 1.25em; /* 1.25?16px = 20px */
}

html>body {
    font-size: 10px; /* overrides the above in all browsers except IE */
}
body {
    background-color:#F5F5F5;
    color:#333333;
    margin:0;
    padding:0;
    width:100%;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 50%; /* adjusts base font to 10px */
}
html, body{height:100%;}
html, h1, h2, h3, p, ul, li, div, input {
    margin:0;
    padding:0;
}
h2 {
    color:#094E9F;
    font-size:1.8em;
    padding:5px 0;
}

h3 {
    color:#52a3d8;
    font-size:1.2em;
    padding:10px 0 0 0;
}
p {
    padding:5px 0;
    line-height:1.4em;
    font-size:1.1em;
}
img {border:none}
ul {list-style:none}

a {
    color:#499CD0;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

.pipe {
    color:#0a50a1;
}

.clear {
    clear:both;
}

#wrapper {
    margin:0 auto;
    width:976px;
}

#container {
    border:1px solid #e5e5e5;
    float:left;
    margin:20px 0;
    width:100%;
    background-color:#FFFFFF;
}
.borderNone {border:none !important}

/******************** OVERRIDES *******************/
input, textarea {/*font-size: 1.3em !important;*/}
input:focus, textarea:focus {background: #FFFFFF !important;}

/********************* HEADER *********************/

.search_bar_header {*width:95%; *float:left;}
.search_close_btn {float: right; *float:;cursor: pointer; font-size: 16px;}


#header {
    width:100%;
    float:left;
    background-color:#FFF;
    *margin-bottom:8px;
}
#header h1 span, a span {display:none }

#header #logo {
    margin:.8em;
    width:10em;
    float:left;
    padding:10px;
}
#searchDiv { 
    _display:inline;
    margin:2.6em 2.6em 1.8em 0;
    width:29.38em;
    padding-left:5px;
    float:right;
    background:#FFF url(../images/searchBg.gif) no-repeat scroll 0 0;
    position:relative;
    z-index:999;
}

#searchTxtBox {
    border:none;
    height:17px;
    padding:4px 5px;
    width:252px;
    border-top:solid #e6e6e6 1px;
    border-bottom:solid #e6e6e6 1px;
    float:left;
    color:#0A50A1;
}

.searchBtn {
    background:url(../images/searchBtnBg.gif) no-repeat 0 0;
    border:none;
    width:32px;
    height:27px;
    margin-left:-4px;
    float:right;
    display:block;
}

.searchBtnActive {
    background:url(../images/searchBtnBg.gif) no-repeat 0 -33px;
    cursor:pointer;
}

a#searchBtn:hover {
    background:url(../images/searchBtnBg.gif) no-repeat 0 -33px;
}
#content {
    width:100%;
    float:left;
    position:relative;
    clear:left;
}


/********************* ABOUT IRPEO SLIDER *********************/
#about_ipreo_tab_wrapper{
    height:27px;
    overflow:hidden;
    width:776px;
    position:absolute;
    bottom:0;
    left:10%;
    clear:both;  /*Needed for IE6. This fixes IE position bug. */

}

#about_ipreo_tab_bar {
    background:url(../images/about_ipreo_tab.gif) no-repeat;
    width:776px;
    height:27px;
    cursor:pointer;
}
#about_ipreo_tab_bar span {display:none}

#content #about_ipreo_tab_contents {
    background-color:#FFFFFF;
    width:776px;
    *width:77.98em; /* IE Hack */
}

#content #about_ipreo_tab_contents .about_ipreo_tab_div_over {background-color:#ebebeb;}

#content #about_ipreo_tab_contents div {
    background-color:#FFFFFF;
    float:left;
    width:8.48em;
    padding:8px 18px;
    font-size:1.1em;
    height:155px;
}

#content #about_ipreo_tab_contents h3 {
    font-size:1.1em;
    padding:5px 0;
}
#contents #about_ipreo_tab_contents h3 a {padding-top:0}
#content #about_ipreo_tab_contents div a {
    display:block;
    padding:5px 0;
}


/********************* FOOTER *********************/
#footer {
    width:100%;
    clear:left;
    float:left;
    background-color:#FFF;
    font-size:1.1em;
    border-top:1px solid #e5e5e5;
}

#copy {
    width:30em;
    float:left;
    padding:10px
}

ul#legal {

    float:right;
    padding:10px;
    padding-right:0;
}

ul#legal li {
    float:left;
    display:block;
}

ul#legal li a {
    padding:0 5px;
}
ul#legal li a.last {padding-right:10px}

.disclaimer, .accessibility {
    background-color:#FFFFFF;
    color:#094E9F;
    font-size:1.4em;
    text-align:left;
}

.disclaimer p, .accessibility p {
    color:#000000;
    font-size:0.85em;
    line-height:1.4em;
    padding:0 10px 0 0;
}

.disclaimer p strong, .accessibility p strong{
    display:block;
    padding:15px 0 5px 0;
}

h2.sitemap {padding:30px 20px 5px 20px}
#sitemap ul.local_nav_sub_nav {display:block}
#sitemap #content .local_nav_container {width:23%; *width:20.1%; float:left}

/********************* HOME BANNER *********************/
#content #verticals a{
    float:left;
    padding:0;
    text-decoration:none;
}

#verticals_cm {
    background:url(../images/home_banner3.jpg) 0 0 no-repeat;
    width:324px;
    height:496px;
    margin-right:2px;
}

#verticals_cm span { display:none; }
span#verticals_cmVerttxt{
    display:block;
    background:url(../images/home_bannerVerticalWords.jpg) 0px 0 no-repeat;
    width:320px;
    height:75px;
/*    opacity:0;
    filter:Alpha(Opacity=0)*/
}

span#verticals_cmtxt {
    display:block;
    background:url(../images/home_bannerWords.jpg) 0px 0 no-repeat;
    width:320px;
    height:29px;
    opacity:0;
    filter:Alpha(Opacity=0)
}

#verticals_rst {
    background:url(../images/home_banner3.jpg) -324px 0 no-repeat;
    width:325px;
    height:496px;
    margin-right:2px;
}

#verticals_rst span { display:none; }
span#verticals_rstVerttxt{
    display:block;
    background:url(../images/home_bannerVerticalWords.jpg) -324px 0 no-repeat;
    width:320px;
    height:75px;
/*    opacity:0;
    filter:Alpha(Opacity=0)*/
}
span#verticals_rsttxt {
    display:block;
    background:url(../images/home_bannerWords.jpg) -324px 0 no-repeat;
    width:320px;
    height:73px;
    opacity:0;
    filter:Alpha(Opacity=0)
}

#verticals_cir {
    background:url(../images/home_banner3.jpg) -650px 0 no-repeat;
    width:323px;
    height:496px;
    color:#FFFFFF;
    padding:10px;
    display:block;
}
#verticals_cir span { display:none; }
span#verticals_cirVerttxt{
    display:block;
    background:url(../images/home_bannerVerticalWords.jpg) -650px 0 no-repeat;
    width:320px;
    height:75px;
/*    opacity:0;
    filter:Alpha(Opacity=0)*/
}
span#verticals_cirtxt {
    display:block;
    background:url(../images/home_bannerWords.jpg) -650px 0 no-repeat;
    width:320px;
    height:73px;
    opacity:0;
    filter:Alpha(Opacity=0)
}
#contentHider{
    z-index:200;
    background:transparent;
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    display:none;
}

/********************* NAV TABS *********************/
#bannerImg{
    _border-top:1px solid #0a50a1;
    _margin-top:28px;
}

#nav_tabs_container {
    _position:absolute;
    width:100%;
    clear:left;
    float:left;
    border-bottom:1px solid #0a50a1;
    _border-bottom:0px solid #0a50a1;
    height:28px;
}

#nav_tabs_container ul {
    list-style-type:none;
    margin:0 0 0 21px;
    padding:0;
    float:left;
}

#nav_tabs_container ul li a {height:29px;}
#nav_tabs_container ul li.active {height:29px;}
#nav_tabs_container ul li a span { display:none; }
#nav_tabs_container ul li{ float:left;}
#cm_tab.active a, #cm_tab.active a:hover {background-position: 0 -80px;}

#cm_tab {width:144px;}
#rst_tab{width:208px;}
#cir_tab{width:166px;}
#about_tab{width:120px;}

#cm_tab a {
    width:144px;
    background: transparent url(../images/nav_tab.gif) no-repeat 0 top;
    display:block;
}

#cm_tab a:hover {background: transparent url(../images/nav_tab.gif) no-repeat 0 -40px;}
#rst_tab.active a, #rst_tab.active a:hover {background-position: -144px -80px}

#rst_tab a {
    background: transparent url(../images/nav_tab.gif) no-repeat -144px top;
    width:208px;
    display:block;
}

#rst_tab a:hover {background: transparent url(../images/nav_tab.gif) no-repeat -144px -40px;}
#cir_tab.active a, #cir_tab.active a:hover {background-position: -353px -80px}

#cir_tab a {
    background: transparent url(../images/nav_tab.gif) no-repeat -353px top;
    width:166px;
    display:block;
}
#cir_tab a:hover {background: transparent url(../images/nav_tab.gif) no-repeat -353px -40px;}
#about_tab.active a, #about_tab.active a:hover {background-position: -520px -80px}

#about_tab a {
    background: transparent url(../images/nav_tab.gif) no-repeat -520px top;
    width:120px;
    display:block;
}
#about_tab a:hover {background: transparent url(../images/nav_tab.gif) no-repeat -520px -40px;}


/********************* LOCAL CONTENT *********************/
#content {padding:0;}

#content .local_content_container {
    width:66%;
    float:left;
    padding:15px 0 15px 36px;
    _padding:15px 0 15px 32px;
}

#content .local_product_container {
    clear:left;
    float:left;
    margin-bottom:30px;
    padding-bottom:10px;
    width:100%;
    border-bottom:1px solid #E6E6E6;
}
#content .local_product_container_bdr_none {border-bottom:none}
#content .local_product_description{
    float:left;
    width:71%;
    _width:70%;
    margin-right:20px;
}

.docListContainer{
    position:relative;
    _width:100%;
    margin-top:20px;
}

#content .docListWrapper {
    background-color:#FFFFFF;
    position:absolute;
    height:0;
/*    width:350px;*/
    width:200px;
    bottom:0;
    right:0;
    border:1px solid #CCCCCC;
    display:none;
    overflow:hidden;
    margin-bottom:27px;
    clear:both;  /*Needed for IE6. This fixes IE position bug. */
}

#content #docListHeader {
    float:left;
/*    width:340px;*/
    width:190px;
    background: #094E9F url(../images/grad.jpg) repeat-x left top;
    padding:3px 5px;
    color:#4A9CD6;
    font-weight:bold;
    border-bottom:1px solid #CCCCCC;
}

#content #docListHeader span {width:60%; float: left; margin-top: 4px; font-size: 1.1em;}


#content #docList{
    overflow:auto;
    width:195px;
    _width:196px;
    height:78px;
    padding:5px 0 5px 5px;
    _padding:5px 2px;
    clear:both;
}

#content .docListWrapper a {
    display:block;
    color:#499CD0;
    padding:2px 6px;
    _padding:1px 4px;
    margin-left: 4px;
}

#content #docListHeader a {
    width:15px;
    text-align:center;
    padding:4px 2px;
    float:right;
    text-decoration:none
}

#content .docListWrapper a:hover {
    color:#FFFFFF;
    background-color:#499CD0;
}

#content a.docsDropDownBtn {
    display:block;
    padding:5px;
    color: #FFFFFF;
    background:#4A9CD6 url(../images/dd_btn_bg.jpg) repeat-x left top;
    width:150px;
    font-size:1.3em;
    text-align:center;
    font-weight:bold;
    border:1px solid #CCCCCC;
    text-decoration:none;
}

a.docsDropDownBtn:hover {
    color: #4A9CD6;
    background-color:#FFFFFF;
}

ul.bluesquare li {
    font-size:1.1em;
    margin-bottom:0.2em;
    _margin-bottom:.3em;
}

ul.bluesquare {
    color: #4A9CD6;
    font-size:1em;
    list-style-type: square;
    margin-left:1.4em;
    padding-left:0;
}
ul.bluesquare span {color:#000000;}
ul.docs {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    margin-top:8px;
}
ul.blacksquare { 
    font-size:1em;
    list-style-type:square;
    color:#333333;
    margin-left:1.4em;
    padding-left:0em;
}
ul.blacksquare li {
    font-size:1.1em;
    margin-bottom:0.2em;
    _margin-bottom:.3em;
}
ul.blacksquare li span {font-weight:bold}
ul.docs li {
    background: url(../images/pdf.gif) no-repeat left top;
    margin-left:0;
    padding-left:2.4em;
    line-height: 2.2em;
    *line-height: 2.3em;
}

.docs li {
    line-height:25px;
    padding-right:6px;
}

#cirHome .local_content_container{display:none}

.map {
    height: 230px;
    width:432px;
    float:right;
}

.maplink {
    clear:right;
    float:right;
}

.map_content {
    margin-top:10px;
    margin-bottom: 30px;
    clear:both;
    float:left;
    width:100%;
}

.map_content ul {font-size: 1.1em;}

.sIFR-hasFlash h2 {font-size: 45px}
.sIFR-hasFlash h3 {font-size: 40px}
.sIFR-hasFlash h4 {font-size: 35px}

/********************* MODALS *********************/
#regionDialog{
    text-align:center;
    min-height:0px !important;
    height:14px !important;
    padding:14px;
}

#regionDialog label{
    vertical-align:middle;
    margin-right:20px;
    padding:0;
}

.ui-dialog .ui-dialog-titlebar-close {display:none}

/********************* SIDEBAR *********************/
#content #sideBar {
    width:25%;
    _width:23%;
    margin-top:20px;
    float:left;
}

#about #content #sideBar {
    width:20%;
    _width:18%;
    margin-top:20px;
    float:left;
}

#content .sideBarBox {
    border:1px solid #e6e6e6;
    margin-bottom:20px;
    width:100%;
    _width:95%;
}

.gradBG {background: url(../images/grad.jpg) repeat-x left top; padding:6px 10px; _width:100%}
#content .sideBarBoxContent {
    padding:10px;
}

#content .sideBarBoxContent div.contact_container { width:100%;}
.boxHeader {color:#52A3D8; font-size: 1.2em}

#about #content .sideBarBoxContent table {width: 100%}
#about #content .sideBarBoxContent ul {margin: 0;}
#about #content .sideBarBoxContent td.two_col {width:50%;}
#about #content .sideBarBoxContent td.three_col {width:33%;}
#about #content .sideBarBoxContent td.four_col {width:25%;}
#content div.sep {border-bottom:1px solid #E6E6E6; margin:15px 0 15px 0}
#about #content .sideBarBoxContent div.section_header {margin:0 0 15px 0; color:#000000}
#content .sideBarBoxContent li {line-height:1.3em;}
.underline {border-bottom:1px solid #E6E6E6;}

/********************* LOCAL NAV *********************/
#content .local_nav_container {
    padding:20px 14px;
    font-size:1.2em;
    _float:left;
}
#content #tabs {
    margin:0;
    float:left;
    margin:0 0 0 10px;
    *margin:0 0 0 5px;
    width:100%;
}
#tabsContentContainer{
    clear:both;
    width:100%;
}
#content #tabs div {
    border:1px solid #ccc;
    margin:0 2px;
    padding:5px 4px;
    float:left;
    text-align:center;
    font-size:1.2em;
    color:#499CD0;
    text-decoration:underline;
}
#content #tabs div.active {
    background: #4A9CD6;
    color:#FFFFFF;
    text-decoration:none;
}
#content #tabs div.active a {color:#FFFFFF;}
#leftNav {
    width:28%;
    float:left;
}
#content #tabsContentContainerWrapper{
    width:100%;
    float:left;
    margin-top:26px;
}
#content .local_nav_headers li {
    border-top:1px solid #e6e6e6;
    /*_display:inline;  IE 6 only */
}
#content .local_nav_headers li a{
    display:block;
    padding:4px 0 4px 14px;
    color: #0078c1;
    _width:100%; /* IE 6 only */
}
#content .local_nav_headers li.brdrDelete{border:0px solid #ff0000;}

.local_nav_active,
#content .local_nav_headers li a:hover{background-color:#ebebeb; text-decoration:none;}
#content .local_nav_container li.local_nav_last {border-bottom:1px solid #e6e6e6;}
#content .local_nav_sub_nav li {border:none}
.local_nav_headers a{font-weight:bold;}
/*.local_nav_sub_nav {margin-left:0; height:1%}*/
.local_nav_sub_nav a {font-weight:normal;}
.local_nav_headers a.expandable {
    background: transparent url(../images/collapse_icon.gif) no-repeat 4px 8px;
    padding:0 0 0 12px;
    font-weight:bold;
}
.local_nav_headers a.expandable.local_nav_active {background-color:#ebebeb}
.local_nav_headers a.collapsible {
    background: transparent url(../images/collapse_icon.gif) no-repeat 3px -7px;
    padding:0 0 0 12px;
    font-weight:bold;
}
#content ul li.slideOutMenuBtn{
    position:relative;
    font-weight:bold;
}
#content ul li.slideOutMenuBtn a{
    background: transparent url(../images/collapse_icon.gif) no-repeat right 9px;}
#content ul li.slideOutMenuBtn a:hover{
    background-color: #ebebeb;}
#content ul li.slideOutMenuBtn .slideOutMenu a, #content ul li.slideOutMenuBtn .slideOutMenu a:hover{
    background-image:url();}
/* scripted class change so it stays gray after mousing over .slideOutMenu */
#content ul li.slideOutMenuBtnBg {background:#EBEBEB;}
/* </ scripted class change so it stays gray after mousing over .slideOutMenu */
#content .local_nav_container .local_nav_headers ul.slideOutMenu {
    border:1px solid #dddddd;
    border-top:none;
    background:#FFFFFF;
    position:absolute;
    display:none;
}
#content ul.slideOutMenu a{
    padding-right:12px;
    white-space:nowrap;
    border-top:1px solid #dddddd;
}
ul.local_nav_sub_nav {display:none; margin-left:0px; _height:1%}
ul.local_nav_sub_nav.expanded {display:block; margin-left:8px}
#content ul.local_nav_sub_nav.expanded li {margin-left:0}
#sitemap .local_nav_headers a.expandable, #sitemap .local_nav_headers a.collapsible {background:none;}
#sitemap ul.local_nav_sub_nav {margin-left:6px;}
#sitemap #tabs {display:none;}
#sitemap #content #local_nav_container_apac,#sitemap #content #local_nav_container_euro_mena, #sitemap #content #local_nav_container_us {width:85%;clear:left}
#sitemap #content #tabsContentContainerWrapper {width:22.1%; *width:19.1%; margin-top:0}
#content .local_nav_headers li a.noLink:hover, #sitemap #content .local_nav_headers li a.siteMapNoLink {
    background-color:#FFFFFF;
    cursor:default
}
/*#cm_ebb ul.local_nav_sub_nav {display:block}*/

#breadCrumbContainer {padding:15px 23px 15px 22px;}
#breadCrumbContainer a {padding:0 5px;}
.breadCrumbPage {padding-left:5px;}
#pre_loader {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}




/*###########################################################*/
#resultbox {
    width:460px;
    top:28px;
    position:absolute;
    right:-11px;
    z-index:1;
}
#googlesearch{
}
.googleheader{
    background:transparent url(../images/searchDivHeadBG.png) no-repeat 0 0;
    _background:transparent url(../images/searchDivHeadFootBGie6.png) no-repeat 0 0;
    font-size:18px;
    font-weight:bold;
    padding:10px 20px 5px;
    color:#ffffff;
}
/* Google Style Hacks */
.gsc-search-box, .gsc-configLabelCell, .gsc-tabsArea, .gsc-resultsHeader {
    display:none;
}
.gsc-result{
    background:transparent url(../images/searchDivBG.png) repeat-y 0 0;
    _background:transparent url(../images/searchDivBGie6.png) repeat-y 0 0;
    margin:0 !important;
    padding:8px 25px 2px;}
.gsc-trailing-more-results{display:none !important;}
.gsc-control {
    width:100%;
}
.gsc-tabHeader {
    padding:3px 8px 5px 8px;
}
.gsc-tabhActive {
    border-top:2px solid #666 !important;
}
#resultbox a, .gs-title {
    font-size:13px;
    font-weight:bold;
    color:#0078c1 !important;
}
.gs-title b {font-weight:bold;
             color:#0A50A1 !important;
}
#resultbox a:hover{
    color:#f78f1e !important;
}
.gs-snippet b {
    font-weight:bold;
    font-size:11px;
    color:#0A50A1 !important;
}
.gs-visibleUrl-short {
    display:none;
}
.gsc-results .gsc-cursor-box{
    background:transparent url(../images/searchDivFootBG.png) no-repeat 0 100%;
    _background:transparent url(../images/searchDivHeadFootBGie6.png) no-repeat 0 100%;
}
.gsc-cursor-box .gsc-cursor{
    padding:7px 0 30px 30px;
    display:block !important;
}
/*ie needs this */
.gsc-results .gsc-cursor-box {	MARGIN-BOTTOM: 0px !important;}
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
    background:transparent url(../images/searchDivFootBG.png) no-repeat 0 100%;
    _background:transparent url(../images/searchDivHeadFootBGie6.png) no-repeat 0 100%;
    width:460px;
    font-size:14px;
    background-color:transparent !important;
    border:0px solid #FFCC33 !important;
    margin:0 0 0 -25px !important;
    _margin-top:-6px  !important;
    padding:0px 0px 25px 25px !important;
    position:absolute;
}
.gsc-control{
    width:100% !important;
}

.gsc-resultsbox-visible {
}
.gsc-tabData.gsc-tabdActive{display:block !important}
.gs-webResult div.gs-visibleUrl-long{
    display:block !important;
    color:#9d9d9d;
}
.gsc-results{
    width:auto !important;
}
/* pagination */
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    color:#0078c1 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
    font-weight:bold;
    font-size:11px;
    color:#f78f1e !important;
}
/*  added by Erik on the fly to find appropriate placement later*/
label .radio {
    vertical-align:middle;
    margin-right:3px;
}

#content .boxNarrow{
    border:1px solid #E6E6E6;
    padding:5px;
    width:28%;
    float:left;
    margin:0 10px 0 0;
    height:355px;
}

#content .boxNarrow h3, #content .boxWide h3 {
    padding-top:5px;
}

#content .boxWide{
    float:left;
    border:1px solid #E6E6E6;
    width:91%;
    padding:5px;
    margin:10px 0 0 0;
}

#about .date {
    color:#999999;
}

#about .section_header{color:#499CD0}
#about .article {padding:5px 10px;}
#about .articleAlt {background-color:#f7f7f7;}
ol {margin:0px;}
#about ol li {margin-bottom:10px; font-size:1.1em;}
.gsc-control{display:block;}

.director_lbl {
    border: 1px solid #e6e6e6;
    width:48%;
    *width:47%;
    float:left;
    margin:5px;
}
.gradBG.director_lbl{padding: 0}
.director_lbl h3 {padding:0;}
.director_lbl h3 a {display: block; padding:6px 10px;}
.director_lbl h3 a span {
    display: inline;
    font-style: italic;
    font-size: .9em;
}
