/* 
    Document   : base
    Created on : 05-Oct-2010, 13:49:28
    Author     : joe.towner
    Description:
        CDI Global main stylesheet
*/

body, div, html {
    margin: 0px;
    padding: 0px;
}
html {
    background: url(../img/bg.gif) repeat-x top center;
}
html, body, table td, textarea, #content a {
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #4d4d4d;
}
.floatClear {
    clear : both;
    height : 1px;
    margin-bottom : -1px;
    overflow : hidden;
}
#container {
    background: url(../img/bg_footer.gif) repeat-x bottom center;
}
#main {
    margin: 0px auto;
    width: 982px;
    background: url(../img/bg_center.gif) no-repeat top center;
}
h1, h2, .menu {
    font-family: "Optima", Verdana, "Trebuchet MS", Arial, sans-serif;
    /*font-family: "Optima", "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;*/
}
h1 {
    font-size: 28px;
    padding: 7px 0px 14px 0px;
    margin: 0px;
    font-weight: normal;
    color: #4d4d4d;
}
h2 {
    font-size: 20px;
    font-weight: normal;
    color: #4d4d4d;
    padding: 5px 0px;
    margin: 0px;
}
h1 span, h2 span {
    float:right;
}
h2 span {
    font-size: 12px;
}
#content h3 a, h3 {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    color: #00375e;
    font-weight: bold;
}
h3 span {
    float: right;
    color: #4d4d4d;
}
p {
    margin: 0px;
    padding: 10px 0px;
}
#images {
    width: 170px;
    height: 209px;
    float: right;
    position:relative;
}
#images div {
    position: absolute;
    color: #666666;
    overflow: hidden;
    opacity: 0.0;
    filter: alpha(opacity=0);
}
#images div {
    float: right;
    padding: 15px 0px 20px 20px;
}
#share {
    float: right;
}
.unfocus {
    color: #AAAAAA;
}

/*BANNER*/
#banner_top {
    float: right;
    width: 100%;
    height: 15px;
    font-size: 11px;
    padding-top: 10px;
}
#banner_top a {
    color: #999999;
    text-decoration: none;
}
#banner_top a:hover {
    text-decoration: underline;
}
#banner_top ul {
    padding: 0px;
    margin: 0px;
    float: right;
}
#banner_top li {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    display: inline;
    float: left;
}
#banner_middle {
    height: 69px;
    float: left;
    width: 100%;
    margin-left: 7px;
}
#banner_middle a {
    float: left;
}
#banner_bottom {
    height: 28px;
    float: left;
    width: 100%;
}

/*TITLE BAR*/
#title_bar {
    float: left;
    width: 982px;
    height: 53px;
}
#title_bar h1 {
    float: left;
}
#title_bar a {
    color: #999999;
    text-decoration: none;
    font-size: 11px;
}
#title_bar a:hover {
    text-decoration: underline;
}
#title_bar img {
    padding-top: 14px;
}
#title_bar #search_area img {
    padding-top: 0px;
}
#search_area {
    float: right;
    padding: 10px 0px 0px 0px;
}
#search_area input {
    border: 1px solid #9bb1be;
    padding: 0px;
}
#search_area input[type="text"] {
    font-size: 10px;
    padding: 2px 2px 2px 2px;
}
#search_area p {
    padding: 4px 0px 0px 0px;
    text-align: right;
}
#search_area p a {
    padding: 0px 2px;
}
#search_area p img {
    vertical-align: text-top;
}
#chinese a, #chineseSelect a {
    background: url(../img/chinese.gif) no-repeat bottom center;
    width: 24px;
    height: 16px;
    display: inline-block;
}
#chineseSelect a, #chinese a:hover {
    background-image: url(../img/chinese_h.gif);
}

/*CONTENT*/
#content {
    min-height: 300px;
}
#content a {
    text-decoration: none;
    color: #0073ae;
}
#content a:hover {
    text-decoration: underline;
    color: #000000;
}

/*HOMEPAGE*/
#homepage_image {
    background: url(../img/homepage.jpg) no-repeat top center;
    width: 590px;
    height: 361px;
    float: left;
    margin: 4px 43px 0px 0px;
}
#homepage_image div, #homepage_image img {
    float: left;
}
#homepage_image img {
    opacity: 0;
}
#homepage_image_left {
    width: 426px;
}
#homepage_image_right {
    width: 164px;
}
#homepage_image_left_top_left {
    width: 209px;
    height: 209px;
    margin-right: 4px;
    margin-bottom: 3px;
}
#homepage_image_left_top_right {
    width: 209px;
    height: 209px;
    margin-right: 4px;
    margin-bottom: 3px;
}
#homepage_image_left_bottom {
    width: 422px;
    height: 149px;
    margin-right: 4px;
}
#homepage_image_right_top {
    width: 165px;
    height: 103px;
    margin-bottom: 4px;
}
#homepage_image_right_bottom {
    width: 164px;
    height: 254px;
}

/*METHODOLOGY*/
#methodology {
    width: 602px;
    margin: 6px 37px 0px 0px;
}
#methodology .yui-content h2 {
    color: #00375e;
    font-size: 24px;
}
#methodology .yui-content ul {
    list-style-type: disc;
    margin: 5px 5px;
    padding: 5px 15px;
}
#methodology .yui-content li a {
    font-size: 17px;
    color: #000000;
    padding: 5px 0px;
    line-height: 1.5;
}
.yui-skin-sam #content .yui-navset .yui-nav .selected a, .yui-skin-sam #content .yui-navset .yui-nav .selected a:focus, .yui-skin-sam #content .yui-navset .yui-nav .selected a:hover {
    background:url("../img/tab_selected.png") no-repeat scroll;
    border: none;
    color:#4d4d4d;
}
.yui-skin-sam #content .yui-navset .yui-nav a, .yui-skin-sam #content .yui-navset .yui-navset-top .yui-nav a {
    background:url("../img/tab.png") no-repeat scroll 0 0;
    border: none;
    text-align: center;
    font-size: 15px;
    color:#8c8d8f;
}
.yui-skin-sam #content .yui-navset .yui-nav a em, .yui-skin-sam #content .yui-navset .yui-navset-top .yui-nav a em {
    border:none;
    padding:15px 10px 8px 10px;
    width: 124px;
    height: 20px;
}
.yui-skin-sam #content .yui-navset .yui-nav, .yui-skin-sam #content .yui-navset .yui-navset-top .yui-nav {
    border: none;
}
.yui-skin-sam #content .yui-navset .yui-content, .yui-skin-sam #content .yui-navset .yui-navset-top .yui-content {
    border: none;
    padding: 12px 12px 4px 12px;
}
.yui-skin-sam #content .yui-navset .yui-content {
    background: url("../img/tab_middle.png") repeat-y top center;
}
.yui-skin-sam #content #tab_bottom {
    background: url("../img/tab_bottom.png") no-repeat top center;
    width: 602px;
    height: 16px;
    float: left;
}
.yui-skin-sam #content .yui-navset .yui-nav .selected, .yui-skin-sam #content .yui-navset .yui-navset-top .yui-nav .selected {
    height: 44px;
}
.yui-skin-sam #content .yuimethodol-navset .yui-nav li, .yui-skin-sam #content .yui-navset .yui-navset-top .yui-nav li {
    margin:0 8px 0px 0;
}
.yui-skin-sam #content .yui-navset .yui-nav .selected, .yui-skin-sam #content .yui-navset .yui-navset-top .yui-nav .selected {
    margin:0 8px -1px 0;
}

.yui-skin-sam #content #tabview.yui-navset .yui-content {
    background: url("../img/tab_middle_extended.png") repeat-y scroll center top transparent;
}
.yui-skin-sam #content #tabview #tab_bottom {
    background: url("../img/tab_bottom_extended.png") no-repeat top center;
    width: 982px;
}
#tabview {
    margin: 6px 0px 0px 0px;
}
#content #tabview h2 {
    padding: 5px 0px 15px 0px;
}
.tabContent {
    min-height: 300px;
    height: auto !important;
    height: 300px;
    padding: 10px 20px;
}

/*OFFICES*/
#world_map {
    background: url(../img/full_map.jpg) no-repeat top center;
    width: 766px;
    height: 398px;
    float: left;
    margin-right: 17px;
}
#world_map ul {
    margin: 0px;
    text-align: center;
    padding: 366px 0px 0px 0px;
}
#world_map li {
    padding: 0px;
    margin: 0px;
    display: inline;
}
#world_map a, p#world_offices span {
    font-size: 16px;
    color: #00375e;
    padding: 0px 15px;
    margin: 0px 10px;
}
p#world_offices {
    padding: 10px 5px;
}
p#world_offices span {
    padding: 0px;
    margin: 0px 10px 0px 0px;
}
.map {
    width: 766px;
    height: 366px;
    float: left;
    opacity: 0;
    position: absolute;
}
#full_map {
}
#africa_map {
    background: url(../img/africa_map.gif) no-repeat top center;
    position: absolute;
}
#asia_map {
    background: url(../img/asia_map.gif) no-repeat top center;
    position: absolute;
}
#europe_map {
    background: url(../img/europe_map.gif) no-repeat top center;
    position: absolute;
}
#northamerica_map {
    background: url(../img/northamerica_map.gif) no-repeat top center;
    position: absolute;
}
#oceania_map {
    /*background: url(../img/oceania_map.gif) no-repeat top center;*/
}
#southamerica_map {
    background: url(../img/southamerica_map.gif) no-repeat top center;
    position: absolute;
}
/*#full_map {
    opacity: 1;
}*/
#full_map img {
    padding: 5px 5px 0px 5px;
}
#continent {
    position: absolute;
}

/*PEOPLE*/
#cdi_members {
    float: right;
    margin-top: 4px;
}
#peopleImage {
    padding: 0px 44px 22px 0px;
}
#content .pageLink a {
    font-size: 16px;
    color: #00375e;
}
#peopleForm select {
    width: 250px;
}

/*FOOTER*/
#footer {
    margin-top: 10px;
    padding: 10px 12px;
    height: 16px;
    height: 41px;
}
#footer, #footer a {
    color: #4d4d4d;
    text-decoration: none;
    font-size: 11px;
}
#footer a:hover {
    text-decoration: underline;
}
#footer ul {
    padding: 0px;
    margin: 0px;
    float: left;
}
#footer li {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    display: inline;
}
#footer div {
    float: right;
    margin-right: 5px;
}

/*TINY BOX*/
#tinybox {position:absolute; display:none; padding:0px; background:#FFFFFF url(../img/preload.gif) no-repeat 50% 50%; border:0px; z-index:2000;border:1px solid #000000;}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#FFFFFF;margin:0px;padding: 20px;}
#tinycontent .box {margin:0px;}
#tinycontent .product_wrap {margin:0px;}
#tinyboxArea {padding:10px;}
#closeLink, .deleteIcon {width:14px;height:14px;background:url(../img/exit.gif) right no-repeat;float:right;margin:3px 0px;}
#closeLink:hover, .deleteIcon:hover {background-image:url(../img/exit_h.gif)}

/*BLOG*/
#divAuthor {
    background-color: #F0F8FF;
    margin-bottom: 20px;
}
#divAuthor img {
    border: 8px solid #87CEFA;
    margin: 10px;
}