/* XPages Application CSS */
@font-face {
    font-family: 'icrc';
    src: url(/sites/default/themes/icrc_theme/fonts/icons.eot);
    src: url(/sites/default/themes/icrc_theme/fonts/icons.eot?#iefix) format("embedded-opentype"), url(/sites/default/themes/icrc_theme/fonts/icons.woff) format("woff"), url(/sites/default/themes/icrc_theme/fonts/icons.ttf) format("truetype"), url(/sites/default/themes/icrc_theme/fonts/icons.svg#icrc) format("svg");
    font-weight: normal;
    font-style: normal;
}

body.i18n-ar .icrc-w4-wrap h1,
body.i18n-ar .icrc-w4-wrap h2,
body.i18n-ar .icrc-w4-wrap h3,
body.i18n-ar .icrc-w4-wrap h4,
body.i18n-ar .icrc-w4-wrap h5,
body.i18n-ar .icrc-w4-wrap h6,
body.i18n-ar .icrc-w4-wrap p,
body.i18n-ar .icrc-w4-wrap blockquote,
body.i18n-ar .icrc-w4-wrap div,
body.i18n-ar .icrc-w4-wrap ul,
body.i18n-ar .icrc-w4-wrap li,
body.i18n-ar .icrc-w4-wrap ol,
body.i18n-ar .icrc-w4-wrap form {
    text-align: inherit;
}

.icrc-w4-wrap .clearfix:before,
.icrc-w4-wrap .clearfix:after,
.icrc-w4-wrap.clearfix:before,
.icrc-w4-wrap.clearfix:after {
    content: " ";
    display: table;
}

.icrc-w4-wrap .clearfix:after,
.icrc-w4-wrap.clearfix:after {
    clear: both;
}

.icrc-w4-wrap .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.icrc-w4-wrap .container:before,
.icrc-w4-wrap .container:after {
    content: " ";
    display: table;
}

.icrc-w4-wrap .container:after {
    clear: both;
}

.icrc-w4-wrap .container {}

.icrc-w4-wrap .col-sm-1,
.icrc-w4-wrap .col-sm-2,
.icrc-w4-wrap .col-sm-3,
.icrc-w4-wrap .col-sm-4,
.icrc-w4-wrap .col-sm-5,
.icrc-w4-wrap .col-sm-6,
.icrc-w4-wrap .col-sm-7,
.icrc-w4-wrap .col-sm-8,
.icrc-w4-wrap .col-sm-9,
.icrc-w4-wrap .col-sm-10,
.icrc-w4-wrap .col-sm-11,
.icrc-w4-wrap .col-sm-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.icrc-w4-wrap .col-sm-1,
.icrc-w4-wrap .col-sm-2,
.icrc-w4-wrap .col-sm-3,
.icrc-w4-wrap .col-sm-4,
.icrc-w4-wrap .col-sm-5,
.icrc-w4-wrap .col-sm-6,
.icrc-w4-wrap .col-sm-7,
.icrc-w4-wrap .col-sm-8,
.icrc-w4-wrap .col-sm-9,
.icrc-w4-wrap .col-sm-10,
.icrc-w4-wrap .col-sm-11 {
    float: left;
}

body.i18n-ar .icrc-w4-wrap .col-sm-1,
body.i18n-ar .icrc-w4-wrap .col-sm-2,
body.i18n-ar .icrc-w4-wrap .col-sm-3,
body.i18n-ar .icrc-w4-wrap .col-sm-4,
body.i18n-ar .icrc-w4-wrap .col-sm-5,
body.i18n-ar .icrc-w4-wrap .col-sm-6,
body.i18n-ar .icrc-w4-wrap .col-sm-7,
body.i18n-ar .icrc-w4-wrap .col-sm-8,
body.i18n-ar .icrc-w4-wrap .col-sm-9,
body.i18n-ar .icrc-w4-wrap .col-sm-10,
body.i18n-ar .icrc-w4-wrap .col-sm-11 {
    float: right;
}

.icrc-w4-wrap .col-sm-1 {
    width: 8.33333%;
}

.icrc-w4-wrap .col-sm-2 {
    width: 16.66667%;
}

.icrc-w4-wrap .col-sm-3 {
    width: 25%;
}

.icrc-w4-wrap .col-sm-4 {
    width: 33.33333%;
}

.icrc-w4-wrap .col-sm-5 {
    width: 41.66667%;
}

.icrc-w4-wrap .col-sm-6 {
    width: 50%;
}

.icrc-w4-wrap .col-sm-7 {
    width: 58.33333%;
}

.icrc-w4-wrap .col-sm-8 {
    width: 66.66667%;
}

.icrc-w4-wrap .col-sm-9 {
    width: 75%;
}

.icrc-w4-wrap .col-sm-10 {
    width: 83.33333%;
}

.icrc-w4-wrap .col-sm-11 {
    width: 91.66667%;
}

.icrc-w4-wrap .col-sm-12 {
    width: 100%;
}

.icrc-w4-wrap .visible-xs {
    display: none !important;
}

.icrc-w4-wrap .visible-xs-landscape {
    display: none;
}

.icrc-w4-wrap .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

.icrc-w4-wrap .pull-right {
    float: right !important;
}

.icrc-w4-wrap .pull-left {
    float: left !important;
}

body.i18n-ar .icrc-w4-wrap .pull-right {
    float: left !important;
}

body.i18n-ar .icrc-w4-wrap .pull-left {
    float: right !important;
}

.icrc-w4-wrap .img-circle {
    border-radius: 50%;
}

.icrc-w4-wrap .font-xs-10 {
    font-size: 10px !important;
}

.icrc-w4-wrap .font-sm-12 {
    font-size: 12px !important;
}

.icrc-w4-wrap .font-sm-14 {
    font-size: 14px !important;
}

.icrc-w4-wrap .font-lg-20 {
    font-size: 20px !important;
}

.icrc-w4-wrap .btn {
    transition: background-color 0.3s ease-out;
    border-radius: 4px;
    display: inline-block;
    padding: 12px 18px 12px 24px;
    background: #f4f4f2;
    font-size: 14px;
    color: #8d8070 !important;
    text-transform: uppercase;
}

.icrc-w4-wrap .btn:hover,
.icrc-w4-wrap a.btn:hover {
    text-decoration: none;
    background-color: #cbc6c0;
    color: #fff !important;
}

.icrc-w4-wrap .btn--red {
    background-color: #ce171e !important;
    color: #fff !important;
}

.icrc-w4-wrap .btn--red:hover {
    background-color: #a01217 !important;
    color: #fff !important;
}

.icrc-w4-wrap .list -inline {
    padding-left: 0;
    list-style: none;
}

.icrc-w4-wrap .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.icrc-w4-wrap .right-content {
    text-align: right;
}

body.i18n-ar .icrc-w4-wrap .right-content {
    text-align: left;
}

.icrc-w4-wrap {
    font-size: 14px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    color: #333333;
    text-align: left;
}

body.i18n-ar .icrc-w4-wrap {
    direction: rtl;
}

.icrc-w4-wrap *,
.icrc-w4-wrap *:before,
.icrc-w4-wrap *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.icrc-w4-wrap a {
    color: #428bca;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.icrc-w4-wrap a:hover,
.icrc-w4-wrap a:focus {
    color: #2a6496 !important;
    text-decoration: underline;
}

.icrc-w4-wrap a:focus {
    text-decoration: none;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.icrc-w4-wrap textarea,
.icrc-w4-wrap input {
    background: none repeat scroll 0 0 #f4f4f2;
    border: 1px solid #cbc6c0;
}

.icrc-w4-wrap button,
.icrc-w4-wrap label,
.icrc-w4-wrap textarea,
.icrc-w4-wrap input {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.icrc-w4-wrap textarea,
.icrc-w4-wrap input,
.icrc-w4-wrap button {
    padding: 10px;
    vertical-align: middle;
}

.icrc-w4-wrap .styled-select,
.icrc-w4-wrap textarea,
.icrc-w4-wrap input,
.icrc-w4-wrap button,
.icrc-w4-wrap .btn {
    border-radius: 4px;
    display: inline-block;
    transition: background-color 0.3s ease-out 0s;
}

.icrc-w4-wrap input[type="search"] {
    box-sizing: content-box;
}

.icrc-w4-wrap button {
    border: 0 none;
    line-height: 1.4em;
    text-transform: uppercase;
}

.icrc-w4-wrap button,
.icrc-w4-wrap html input[type="button"],
.icrc-w4-wrap input[type="reset"],
.icrc-w4-wrap input[type="submit"] {
    cursor: pointer;
}

.icrc-w4-wrap h1,
.icrc-w4-wrap h2,
.icrc-w4-wrap h3,
.icrc-w4-wrap h4,
.icrc-w4-wrap h5,
.icrc-w4-wrap h6,
.icrc-w4-wrap .h1,
.icrc-w4-wrap .h2,
.icrc-w4-wrap .h3,
.icrc-w4-wrap .h4,
.icrc-w4-wrap .h5,
.icrc-w4-wrap .h6 {
    font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    line-height: 1.1;
}

.icrc-w4-wrap h5 {
    font-size: 14px;
    margin: 10px 0;
    text-transform: none;
}

.icrc-w4-wrap .social-icon:after,
.icrc-w4-wrap .social-icon:before,
.icrc-w4-wrap .i-search-after:after,
.icrc-w4-wrap .i-search:before,
.icrc-w4-wrap .nav-search.active > .i-search:before,
.icrc-w4-wrap .i-arrow-down-after:after,
.icrc-w4-wrap .i-arrow-down:before,
.icrc-w4-wrap .i-arrow-right-after:after,
.icrc-w4-wrap .i-arrow-right:before,
.icrc-w4-wrap .quick_access-toggle:after {
    font-family: 'icrc';
    speak: none;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icrc-w4-wrap .i-instagram-after:after,
.icrc-w4-wrap .i-instagram:before {
    content: "\e900";
}

.icrc-w4-wrap .i-medium-after:after,
.icrc-w4-wrap .i-medium:before {
    content: "\f23a";
}

.icrc-w4-wrap .i-linkedin-after:after,
.icrc-w4-wrap .i-linkedin:before {
    content: "\e626";
}

.icrc-w4-wrap .i-vkontakte-after:after,
.icrc-w4-wrap .i-vkontakte:before {
    content: "\e624";
}

.icrc-w4-wrap .i-kaixin-after:after,
.icrc-w4-wrap .i-kaixin:before {
    content: "\e621";
}

.icrc-w4-wrap .i-sina-weibo-after:after,
.icrc-w4-wrap .i-sina-weibo:before {
    content: "\e61f";
}

.icrc-w4-wrap .i-tencent-weibo-after:after,
.icrc-w4-wrap .i-tencent-weibo:before {
    content: "\e622";
}

.icrc-w4-wrap .i-weishi-after:after,
.icrc-w4-wrap .i-weishi:before {
    content: "\e623";
}

.icrc-w4-wrap .i-youku-after:after,
.icrc-w4-wrap .i-youku:before {
    content: "\e620";
}

.icrc-w4-wrap .i-twitter-after:after,
.icrc-w4-wrap .i-twitter:before {
    content: "\e602";
}

.icrc-w4-wrap .i-facebook-after:after,
.icrc-w4-wrap .i-facebook:before {
    content: "\e615";
}

.icrc-w4-wrap .i-googleplus-after:after,
.icrc-w4-wrap .i-googleplus:before {
    content: "\e609";
}

.icrc-w4-wrap .i-youtube-after:after,
.icrc-w4-wrap .i-youtube:before {
    content: "\e600";
}

.icrc-w4-wrap .i-flickr-after:after,
.icrc-w4-wrap .i-flickr:before {
    content: "\e60a";
}

.icrc-w4-wrap .i-rss-after:after,
.icrc-w4-wrap .i-rss:before {
    content: "\e604";
}

.icrc-w4-wrap .i-search-after:after,
.icrc-w4-w rap .i-search:before {
    content: "\e603";
}

.icrc-w4-wrap .nav-search.active > .i-search:before {
    content: "\e618";
}

.icrc-w4-wrap .quick_access-toggle.active:after,
.icrc-w4-wrap .i-arrow-up-after:after,
.icrc-w4-wrap .i-arrow-up:before {
    content: "\e61b";
}

.icrc-w4-wrap .quick_access-toggle:after,
.icrc-w4-wrap .i-arrow-down-after:after,
.icrc-w4-wrap .i-arrow-down:before {
    content: "\e61e";
}

.icrc-w4-wrap .i-arrow-right-after:after,
.icrc-w4-wrap .i-arrow-right:before {
    content: "\e61c";
}

body.i18n-ar .icrc-w4-wrap .i-arrow-right-after:after,
body.i18n-ar .icrc-w4-wrap .i-arrow-right:before {
    content: "\e61d";
}

.icrc-w4-wrap .social-icon:before,
.icrc-w4-wrap .i-search:before,
.icrc-w4-wrap .i-search-after:after {
    vertical-align: top;
}

.icrc-w4-wrap .container,
.icrc-w4-wrap .social-icons,
.icrc-w4-wrap .footer-nav,
.icrc-w4-wrap .meta-footer {
    width: 995px;
    margin-left: auto;
    margin-right: auto;
}

.icrc-w4-wrap .icrc-header {
    position: static;
    background-color: white;
}

.icrc-w4-wrap .icrc-header .right-content {
    position: static;
}

.icrc-w4-wrap .icrc-header .container {
    padding: 20px 0;
    position: relative;
}

.icrc-w4-wrap .icrc-header .logo-wrapper {
    position: relative;
    text-align: left;
}

body.i18n-ar .icrc-w4-wrap .icrc-header .logo-wrapper {
    text-align: right;
}

.icrc-w4-wrap .icrc-header .slogan {
    position: absolute;
    font-weight: 700;
    bottom: -5px;
    left: 137px;
    width: 300px;
    vertical-align: bottom;
    line-height: 1.3;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #a1978a;
    font-size: 20px;
}

body.i18n-ar .icrc-w4-wrap .icrc-header .slogan {
    left: auto;
    right: 137px;
}

.icrc-w4-wrap .icrc-header .selectcontainer {
    position: relative;
}

.icrc-w4-wrap .icrc-header .selectcontainer select {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    z-index: 1;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.icrc-w4-wrap .icrc-header .selecttext {
    text-align: right;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.icrc-w4-wrap .icrc-header .list-languages {
    display: inline-block;
    margin-bottom: 20px;
    color: #8d8070;
    font-size: 14px;
    line-height: 1;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    vertical-align: middle;
}

.icrc-w4-wrap .icrc-header .list-languages a {
    color: #8d8070;
}

.icrc-w4-wrap .icrc-header .list-languages > li {
    padding: 0 13px;
    border-right: 1px solid #dbdbd9;
}

body.i18n-ar .icrc-w4-wrap .icrc-header .list-languages > li {
    border-right: 0;
    border-left: 1px solid #dbdbd9;
}

.icrc-w4-wrap .icrc-header .list-languages > li.active a {
    font-weight: 700;
}

.icrc-w4-wrap .icrc-header .list-languages > li:last-child {
    border-right: 0;
    padding-right: 0;
}

body.i18n-ar .icrc-w4-wrap .icrc-header .list-languages > li:last-child {
    border-left: 0;
    padding-left: 0;
}

.icrc-w4-wrap .icrc-header .btn-wrapper {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
}

.icrc-w4-wrap .icrc-header .btn {
    font-size: 12px;
    text-transform: uppercase;
}

.icrc-w4-wrap .icrc-header .btn {
    margin-left: 20px;
    border: 1px solid #e7e7e3;
    padding: 6px 12px;
}

.icrc-w4-wrap .quick_access-toggle {
    display: inline-block;
    padding: 4px 12px;
}

.icrc-w4-wrap .quick_access-toggle:after {
    margin-left: 0.3em;
    font-size: 1.4em;
}

.icrc-w4-wrap .quick_access-toggle.active {
    padding-bottom: 2em;
    margin-bottom: -1em;
    background-color: #cbc6c0;
    color: #fff !important;
}

.icrc-w4-wrap .quick_access-menu {
    background: #cbc6c0;
    padding: 20px;
    display: none;
    position: absolute;
    right: 0;
    text-align: left;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: 600px;
}

.icrc-w4-wrap .quick_access-menu.active {
    display: block;
    z-index: 1001;
}

.icrc-w4-wrap .quick_access-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.icrc-w4-wrap .quick_access-menu a {
    display: block;
    font-size: 14px;
    color: #8d8070 !important;
}

.icrc-w4-wrap .quick_access-menu .simple-dropdown__submenu {
    width: 700px;
    right: 0;
    padding: 20px;
}

.icrc-w4-wrap .quick_access-menu .simple-dropdown__submenu ul {
    text-align: left;
}

.icrc-w4-wrap .quick_access-menu .simple-dropdown__submenu a {
    padding: 6px 0;
    display: block;
}

.icrc-w4-wrap .quick_access-menu .simple-dropdown__submenu a:hover {
    color: #f4f4f2 !important;
}

.icrc-w4-wrap .icrc-nav {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1em;
    b ackground: #1f1e1d;
}

body.i18n-ar .icrc-w4-wrap .icrc-nav {
    font-size: 17px;
}

.icrc-w4-wrap .icrc-nav .h5 {
    margin: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.icrc-w4-wrap .icrc-nav .container {
    padding: 0;
}

.icrc-w4-wrap .icrc-nav .i-menu:before {
    vertical-align: top;
}

.icrc-w4-wrap .icrc-nav .nav-toggle {
    display: none;
}

.icrc-w4-wrap .icrc-nav .nav-mask {
    height: 0 !important;
}

.icrc-w4-wrap .icrc-nav .nav-link-main-container {
    float: left;
    border-right: 1px solid #363534;
}

body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-link-main-container {
    float: right;
    border-right: 0;
    border-left: 1px solid #363534;
}

.icrc-w4-wrap .icrc-nav .nav-link-main-container:first-child {
    border-left: 1px solid #363534;
}

body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-link-main-container:first-child {
    border-right: 1px solid #363534;
}

.icrc-w4-wrap .icrc-nav.navbar--main a {
    transition: background-color 0.3s ease-out, color 0.3s ease-out;
}

.icrc-w4-wrap .icrc-nav.navbar--main a:hover {
    text-decoration: none;
}

.icrc-w4-wrap .icrc-nav .nav-link-main {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    line-height: 60px;
    padding: 0 20px;
}

.icrc-nav .nav-link-main {
    padding: 0 14px !important;
}


.icrc-w4-wrap .icrc-nav .nav-resource .nav-link-main {
    color: #62a3bb !important;
}

.icrc-w4-wrap .icrc-nav .nav-link-main:hover {
    color: #fff !important;
    background: #363534;
}

.icrc-w4-wrap .icrc-nav .nav-home {
    display: none;
}

.icrc-w4-wrap .icrc-nav .nav-submenu {
    z-index: 1001;
    position: absolute;
    display: none;
    width: 540px;
    background: #363534;
    font-size: 15px;
}

.icrc-w4-wrap .icrc-nav form.nav-submenu {
    height: 61px;
}

.icrc-w4-wrap .icrc-nav .nav-submenu.nav-submenu--small {
    width: 300px;
}

.icrc-w4-wrap .icrc-nav .nav-link-main-container:hover .nav-submenu,
.icrc-w4-wrap .icrc-nav .nav-link-main-container a:focus .nav-submenu,
.icrc-w4-wrap .icrc-nav .nav-link-main-container.active .nav-submenu {
    display: block;
}

.icrc-w4-wrap .icrc-nav .nav-link-spot {
    color: #fff !important;
    display: block;
    text-transform: uppercase;
    background: #a1978a;
    margin-top: 1em;
    padding: 1em 12px;
    text-align: right;
    clear: both;
    position: absolute;
    z-index: 100;
    bottom: -2em;
    left: 0;
    right: 0;
    margin-top: 0;
    width: 100%;
}

.icrc-w4-wrap .icrc-nav .nav-link-spot:hover {
    color: #fff !important;
    background-color: #8a7e6e;
}

body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-link-spot {
    text-align: left;
}

.icrc-w4-wrap .icrc-nav .nav-where .nav-link-spot {
    background: #648878;
}

.icrc-w4-wrap .icrc-nav .nav-where .nav-link-spot:hover {
    background-color: #4e6b5e;
}

.icrc-w4-wrap .icrc-nav .nav-donate {
    position: relative;
}

.icrc-w4-wrap .icrc-nav .nav-donate .nav-submenu {
    right: 0;
}

.icrc-w4-wrap .icrc-nav .nav-donate .nav-link-spot {
    background-color: #ce171e;
}

.icrc-w4-wrap .icrc-nav .nav-donate .nav-link-spot:hover {
    background-color: #c30b12;
}

.icrc-w4-wrap .icrc-nav .nav-link-sub,
.icrc-w4-wrap .icrc-nav .nav-link-sub-toggle,
.icrc-w4-wrap .icrc-nav .nav-split ul li a {
    text-align: left;
    line-height: 1.4;
    color: #cbc6c0 !important;
    display: inline-block;
    width: 100%;
}

body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-link-sub,
body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-link-sub-toggle,
body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-split ul li a {
    text-align: right;
}

.icrc-w4-wrap .nav-link-sub:hover,
.icrc-w4-wrap .nav-link-sub-toggle:hover,
.icrc-w4-wrap .nav-split ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.icrc-w4-wrap .icrc-nav a.nav-link-sub:hover,
.icrc-w4-wrap .icrc-nav .nav-link-sub:hover,
.icrc-w4-wrap .icrc-nav .nav-link-sub-toggle:hover,
.icrc-w4-wrap .icrc-nav .nav-split ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.icrc-w4-wrap .icrc-nav .nav-link-sub-toggle {
    background: #a1978a;
    color: #1f1e1d !important;
}

.icrc-w4-wrap .icrc-nav .nav-link-sub-toggle:hover {
    text-decoration: none;
}

.icrc-w4-wrap .icrc-nav .nav-split,
.icrc-w4-wrap .icrc-nav .nav-nosplit {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.icrc-w4-wrap .icrc-nav .nav-split {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    -o-column-gap: 0;
    colu mn-gap: 0;
}

.icrc-w4-wrap .icrc-nav .nav-split:after {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #4a4a49;
    content: ' ';
}

.icrc-w4-wrap .icrc-nav .nav-link-sub,
.icrc-w4-wrap .icrc-nav .nav-link-sub-toggle,
.icrc-w4-wrap .icrc-nav .nav-split ul li a {
    text-align: left;
    line-height: 1.4;
    color: #cbc6c0 !important;
    display: inline-block;
    width: 100%;
}

.icrc-w4-wrap .icrc-nav .nav-link-sub:hover,
.icrc-w4-wrap .icrc-nav .nav-link-sub-toggle:hover,
.icrc-w4-wrap .icrc-nav .nav-split ul li a:hover {
    color: #cbc6c0 !important;
}

.icrc-w4-wrap .icrc-nav .nav-link-sub:hover,
.icrc-w4-wrap .icrc-nav .nav-link-sub-toggle:hover,
.icrc-w4-wrap .icrc-nav .nav-split ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.icrc-w4-wrap .icrc-nav .nav-split ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.icrc-w4-wrap .icrc-nav .nav-link-sub,
.icrc-w4-wrap .icrc-nav .nav-link-sub-toggle,
.icrc-w4-wrap .icrc-nav .nav-submenu .h5,
.icrc-w4-wrap .icrc-nav .nav-split ul li a {
    padding: 5px 40px;
}

.icrc-w4-wrap .icrc-nav .nav-where .h5 {
    color: #648878;
}

body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-where .h5 {
    text-align: right;
}

.icrc-w4-wrap .icrc-nav .nav-where .nav-submenu {
    background-image: url(/sites/default/themes/icrc_theme/images/menu-where-we-work-background.png);
    background-repeat: no-repeat;
}

.icrc-w4-wrap .icrc-nav .nav-resource {
    border-left: 1px solid #363534;
    border-right: 0;
}

body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-resource {
    border-left: 0;
    border-right: 1px solid #363534;
}

.icrc-w4-wrap .icrc-nav .bg-red {
    background-color: #ce171e;
}

.icrc-w4-wrap .icrc-nav .nav-link-main.bg-red:hover {
    background-color: #a01217;
}

.icrc-w4-wrap .icrc-nav .nav-search {
    position: inherit;
}

.icrc-w4-wrap .icrc-nav .nav-search:hover .nav-submenu {
    display: none;
}

.icrc-w4-wrap .icrc-nav .nav-search.active .nav-submenu {
    display: block !important;
}

.icrc-w4-wrap .icrc-nav .nav-search.active > .i-search:before {
    vertical-align: top;
}

body .icrc-w4-wrap .icrc-nav .nav-search .i-search {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 60px;
    padding: 0;
}

.icrc-w4-wrap .icrc-nav .nav-search .nav-submenu {
    display: none;
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
    text-align: right;
    padding: 10px;
}

body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-search .nav-submenu {
    text-align: left;
}

.icrc-w4-wrap .icrc-nav .nav-search .i-search--small {
    font-size: 40px;
}

.icrc-w4-wrap .icrc-nav .nav-search input {
    font-size: 14px;
    border: 0;
    min-width: 370px;
}

.icrc-w4-wrap .icrc-nav .nav-search button {
    margin-left: 10px;
    color: #fff;
    background: #a1978a;
}

body.i18n-ar .icrc-w4-wrap .icrc-nav .nav-search button {
    margin-left: 0;
    margin-right: 10px;
}

.icrc-w4-wrap .icrc-footer {
    background: none repeat scroll 0 0 #1f1e1d;
}

.icrc-w4-wrap .icrc-footer .social-icons {
    text-align: center;
    padding: 30px 0;
}

.icrc-w4-wrap .icrc-footer .social-icon {
    margin: 15px;
    color: #8d8070;
    background: #e7e7e3;
    display: inline-block;
    line-height: 1em;
}

.icrc-w4-wrap .icrc-footer .social-icon:hover {
    text-decoration: none;
    color: #363534 !important;
}

.icrc-w4-wrap .icrc-footer .social-icon:before {
    font-size: 3.5em;
    vertical-align: top;
}

.icrc-w4-wrap .icrc-footer .footer-nav {
    text-align: left;
    margin-bottom: 30px;
}

.icrc-w4-wrap .icrc-footer .footer-nav ul {
    margin-bottom: 20px;
}

.icrc-w4-wrap .icrc-footer .footer-nav ul:last-child {
    margin-bottom: 0;
}

.icrc-w4-wrap .icrc-footer .footer-nav ul.menu {
    padding: 0;
    list-style: none;
}

.icrc-w4-wrap .icrc-footer .footer-nav li {
    vertical-align: top;
}

body.i18n-ar .icrc-w4-wrap .icrc-footer .footer-nav li {
    text-align: right;
}

.icrc-w4-wrap .icrc-footer .footer-nav .block-title {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    border: none;
}

body.i18n-ar .icrc-w4-wrap .icrc-footer .footer-nav .block-title {
    text-align: right;
}

.icrc-w4-wrap .icrc-footer .footer-nav h5 {
    color: #fff;
}

.icrc-w4-wrap .icrc-footer .footer-nav a {
    line-height: 2em;
    display: block;
    color: #cbc6c0;
}

.icrc-w4-wrap .icrc-footer .footer-nav a:hover {
    text-decoration: none;
    color: #4e8fa7 !important;
}

.icrc-w4-wrap .icrc-footer .meta-footer {
    border-top: 1px solid #272727;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    text-align: center;
    color: #8d8070;
    padding: 12px 0;
    margin-bottom: 0;
}

.icrc-w4-wrap .icrc-footer .meta-footer > ul {
    margin-bottom: 0;
}

.icrc-w4-wrap .icrc-footer .meta-footer ul.menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.icrc-w4-wrap .icrc-footer .meta-footer ul.menu li {
    display: inline;
}

.icrc-w4-wrap .icrc-footer .meta-footer a {
    color: #8d8070;
}

.icrc-w4-wrap .icrc-footer .meta-footer a:before {
    content: "\2022";
    margin-right: 1em;
    margin-left: 1em;
}

.icrc-w4-wrap .icrc-footer .meta-footer a:hover {
    text-decoration: none;
    color: #62a3bb !important;
}

.icrc-footer .content {
    background: none !important;
    min-height: auto !important;
}

.bandeau-wrapper.theme-brown,
.theme-brown .bandeau-wrapper {
    background-color: #a4998c;
    color: #fff;
    max-width: 100%;
}

#autocomplete {
    border: 1px solid;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

#autocomplete ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#autocomplete li {
    background: #fff;
    color: #000;
    cursor: default;
    white-space: pre;
    zoom: 1;
}

html.js input.form-autocomplete {
    background-image: url(/misc/throbber-inactive.png);
    background-position: 100% center;
    background-repeat: no-repeat;
}

html.js input.throbbing {
    background-image: url(/misc/throbber-active.gif);
    background-position: 100% center;
}

html.js fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 1em;
}

html.js fieldset.collapsed .fieldset-wrapper {
    display: none;
}

fieldset.collapsible {
    position: relative;
}

fieldset.collapsible .fieldset-legend {
    display: block;
}

.form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.resizable-textarea .grippie {
    background: #eee url(/misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}

body.drag {
    cursor: move;
}

.draggable a.tabledrag-handle {
    cursor: move;
    float: left;
    height: 1.7em;
    margin-left: -1em;
    overflow: hidden;
    text-decoration: none;
}

a.tabledrag-handle:hover {
    text-decoration: none;
}

a.tabledrag-handle .handle {
    background: url(/misc/draggable.png) no-repeat 6px 9px;
    height: 13px;
    margin: -0.4em 0.5em;
    padding: 0.42em 0.5em;
    width: 13px;
}

a.tabledrag-handle-hover .handle {
    background-position: 6px -11px;
}

div.indentation {
    float: left;
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    padding: 0.42em 0 0.42em 0.6em;
    width: 20px;
}

div.tree-child {
    background: url(/misc/tree.png) no-repeat 11px center;
}

div.tree-child-last {
    background: url(/misc/tree-bottom.png) no-repeat 11px center;
}

div.tree-child-horizontal {
    background: url(/misc/tree.png) no-repeat -11px center;
}

.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

table.sticky-header {
    background-color: #fff;
    margin-top: 0;
}

.progress .bar {
    background-color: #fff;
    border: 1px solid;
}

.progress .filled {
    background-color: #000;
    height: 1.5em;
    width: 5px;
}

.progress .percentage {
    float: right;
}

.ajax-progress {
    display: inline-block;
}

.ajax-progress .throbber {
    background: transparent url(/misc/throbber-active.gif) no-repeat 0px center;
    float: left;
    height: 15px;
    margin: 2px;
    width: 15px;
}

.ajax-progress .message {
    padding-left: 20px;
}

tr .ajax-progress .throbber {
    margin: 0 2px;
}

.ajax-progress-bar {
    width: 16em;
}

.container-inline div,
.container-inline label {
    display: inline;
}

.container-inline .fieldset-wrapper {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

html.js .js-hide {
    display: none;
}

.element-hidden {
    display: none;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

*:first-child + html .clearfix {
    min-height: 1%;
}/* 
@description Main css imports for use all round site. Main body declared here too, so that really ancient browsers at least get some styles.
@author	DC
@created 2006-12-05
*/

body {
	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	line-height:1.5em;
	background-color: #EEEEEE;
	color:#555;
	text-align:center;
	font-size:75%;
}/*
@description defining main html element styles
@author	DC
@created 2006-12-05
*/

h1{
	font-family:Arial,Verdana,sans-serif;
	font-size:1.9em;
	letter-spacing:-1px;
	margin:0 0 10px 0;
	padding:0;
	line-height:1.1em;
}
h2{
	font-family:Arial,Verdana,sans-serif;
	color:#1F3E4E;
	line-height:1.2em;
	font-size:0.95em;
	text-transform:uppercase;
	margin:0 0 8px 0;
	padding:0 0 6px 0;
	border:1px solid #ECEEEE;
	border-width:0 0 1px 0;
	position:relative;
}
h3{
	font-family:Arial,Verdana,sans-serif;
	color:#1F3E4E;
	font-size:1em;
	line-height:1.3em;
	text-transform:uppercase;
	margin:0 0 8px 0;
	padding:0 0 6px 0;
	border:1px solid #ECEEEE;
	border-width:0 0 1px 0;
}
h4{
	font-size:1em;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

h5{
	font-size:1em;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

ul {
	list-style: none;
	margin:0;
	padding:0;
}
	li{
		background-repeat:no-repeat;
	}

a, a:link, a:visited,a:hover,a:active  {
	text-decoration: none;
	color:#4c7c8e;
	font-family:Arial,Verdana,sans-serif; /* will be overridden in the body text */
}

ul.teaserList a:visited {
	color:#999999;
}

	a:hover,a:active {
		color:#EE2D24 !important;
	}
	a img, a:link img, a:visited img,a:hover img, a:active img  {
		border: none
	}
	
p {
	margin: 0 0 10px 0;
	padding: 0;
}

q{
	border:1px solid #eaebeb;
	padding:10px 10px 10px 40px;
	background:white url(../display_images/quoteopen.gif) 10px 10px no-repeat;
	font-family:Arial,Verdana,sans-serif;
	width:216px;
	margin:0;
	display:inline;
}
	q:before, q:after{
		content:"";
	}
	q.right{
		float:right;
		margin:0 0 20px 20px;		
	}
	q.left{
		float:left;
		margin:0 20px 20px 0;		
	}
	q span{
		display:block;
		margin-bottom:10px;
		background:white url(../display_images/quoteclose.gif) 100% 100% no-repeat;
		padding-right:30px;
		font-weight:bold;
		font-size:1.2em;
	}

form{
	padding:0;
	margin:0;
}
	fieldset {
		padding:0;
		margin:0;
		border: none;
	}
	legend {
		padding:0;
		margin:0;
	}
	label {
		text-transform:uppercase;
		font-weight:bold;
		display:block;
		margin-bottom:2px;
	}
	input, select, textarea{
		font-family:Arial, sans-serif;
		font-size:1em;
		color:#999999;
	}
	input {
		vertical-align: middle;
	}
	
pre {
	font-family: Arial, sans-serif !important;
	font-size: inherit !important;
}
noscript{
	display:block;
	clear:both;
}/*
@description Layout styles for all the main site furniture and recurrent motifs.
@author    DC/ND
@created 2006-12-05
*/

/* ---- Page structure ---- */
#wrapper {
    /* width and overflow in screenonly */
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    background-color:#FBFAF6;
}

/* ---- Header ---- */
#header {
    background:url(../display_images/headers/sudan.gif) left top no-repeat;
    height:140px;
}
    #header #icrclogo{
        top:5px;
        left:30px;
        width:80px;
        height:100px;
        display:block;
        position:absolute;
        text-indent:-5000px;
		z-index:50;
    }
    #header #currentsection{
        /* Main text */
		position:absolute;
        color:#667E71; /* themed */
        font-size:42px;
        letter-spacing:-1px;
        font-weight:bold;
 		top:74px;
 		padding-left:150px;
        line-height:1em;
        text-transform:uppercase;
    }

ul#languageselecter{
    font-size:0.95em;
    float:right;
    display:inline;
    margin-left:170px;
    margin-right:0;
    background-color:#688073;
    direction:ltr;
    padding: 3px 0;
    height: 24px;
}
    ul#languageselecter li{
        float:left;
        margin:0px !important;
		border:1px solid white;
		border-width:0px 1px 0px 0px;
		padding:4px 6px;
    }
        ul#languageselecter a:link,
        ul#languageselecter a:visited,
        ul#languageselecter a:hover,
        ul#languageselecter a:active {
            direction:ltr;
            color:white;
            display: block;
            float: left;
            text-indent: -5000px;
            height: 13px;
            border-bottom: 1px solid black;
            outline: none;
    		direction:ltr;
			background-repeat: no-repeat !important;
			overflow: hidden;
        }
        ul#languageselecter a:hover,
        ul#languageselecter a:active {
            color:white !important;
            border-bottom: 1px solid white !important;
        }
        ul#languageselecter li.last {
            border:0;
        }

/* Language images */
ul#languageselecter #french a {
	width: 43px;
    background:url(../display_images/languages/lang_fre_home.jpg) left top no-repeat;
}
ul#languageselecter #english a {
	width: 35px;
    background:url(../display_images/languages/lang_eng_home.jpg) left top no-repeat;
}
ul#languageselecter #spanish a {
	width: 39px;
    background:url(../display_images/languages/lang_esp_home.jpg) left top no-repeat;
}
ul#languageselecter #arabic a {
	width: 33px;
    background:url(../display_images/languages/lang_ara_home.jpg) left top no-repeat;
}
ul#languageselecter #portugese a {
	width: 50px;
    background:url(../display_images/languages/lang_por_home.jpg) left top no-repeat;
}
ul#languageselecter #russian a {
	width: 42px;
    background:url(../display_images/languages/lang_rus_home.jpg) left top no-repeat;
}
ul#languageselecter #chinese a {
	width: 25px;
    background:url(../display_images/languages/lang_chi_home.jpg) left top no-repeat;
}

/* dont display the language we are currently in*/
.french ul#languageselecter #french,
.english ul#languageselecter #english,
.spanish ul#languageselecter #spanish,
.arabic ul#languageselecter #arabic,
.portugese ul#languageselecter #portugese,
.russian ul#languageselecter #russian,
.chinese ul#languageselecter #chinese {
	display: none
}

form#headersearch{
    position:absolute;
    top:105px;
    color:white;
    width:320px;
    z-index:11;
	margin-left:660px;
	margin-top:7px;
	line-height:1em;
	font-size:12px;
}
    form#headersearch #searchkeywords{
        font-size:1em;
        width:115px;
        height:15px;
        margin:3px 0 0 0;
        padding:0px;
        display:inline;
        float:left;
    }
    form#headersearch label{
        padding:2px 4px 0px 0;
        color:#FBFAF6;
        text-transform:uppercase;
        width:50px;
        height:15px;
        float:left;
        cursor: pointer;
        font-weight:bold;
        font-size:0.9em;
        line-height:1.8em;
        display:inline;
    }
    form#headersearch .button{
        display:inline;
        float:left;
        margin:3px 0 0 5px;
        height: 20px;
    }
    form#headersearch p{
        float:right;
		display:inline;
		position:relative;
		width:115px;
		overflow:hidden;
     	margin:5px 0 0 0px;
        padding:0;
		text-align:right;
    }
    form#headersearch a:link,
    form#headersearch a:visited,
    form#headersearch a:hover,
    form#headersearch a:active {
        color:white;
        font-size: 10px; /* deliberate to avoid resizing */
    }
    form#headersearch a:hover,
    form#headersearch a:active {
        color:white !important;
        text-decoration: underline !important;
    }


/* ---- page structure ----*/
#pagebody{}
#headerband{
    background-color:#F3F0E7;
    clear:both;
    width:100%;
    overflow:hidden;
    position:relative;
    margin-bottom:20px;
}
    .home #headerband {
        height: 21em;
        min-height: 250px;
    }
    #headerband #leftcol{
        width:590px;
        float:left;
    }
    .home #headerband #leftcol{
        overflow: hidden;
    }
    #headerband #rightcol{
        font-size:0.95em;
        width:380px;
        padding-top:1.5em;
        float:right;
    }
    /* the right col on the homepage is the container for the map */
    .home #headerband #rightcol {
        /*margin-top: 46px;*/
        margin-top: 20px;
        margin-right: 15px;
        height: 210px;
        position: relative;
        width: 379px; /* this has to align with the columns below*/
    }
    * html .home #headerband #rightcol {
        margin-right: 10px; /* this has to align with the columns below*/
     }
    .home #headerband #rightcol form {
        position: absolute;
        bottom: 0;
        overflow: hidden;
    }
    .home #headerband #rightcol form div {
        width: 49%;
        float: left;
        width: 180px;
    }
    .home #headerband #rightcol form label {
        display: block
    }
    .home #headerband #rightcol form select {
        display: block;
        width: 170px;
    }

#content{
	 /* note: width and overflow styles found in screenonly.css */
	margin: 10px 0 0 15px;
}
	#content.threecolleft #tertiary-content{
		border:1px solid #eaebeb;
		border-width:1px 0 0 0;
		width:194px;
		margin:0;
		padding:15px 12px 0 12px;
	}
    #content.threecolleft #secondary-content{
        width:170px;
        margin:0;
        padding-right:15px;
    }
    #content.threecolleft #primary-content {
				background-color:#FBFAF6;
		}
		
	.intranet #content.threecolleft #primary-content {
    background-color:#FFFFFF;
   }    	
		
    #content.threecol {
        background:url(../display_images/backgrounds/threecol.gif) 175px 0 repeat-y !important;
    }
		.home #content.threecol {
			background-image:none !important;
		}
            #content.threecol ul#breadcrumb {
                padding-left: 191px;
            }
            #content.threecol #primary-content{
                width: 577px;
            }
                #content.threecol #primary-content .contentBlock {
                    /* applied indevidually to the content blocks*/
                   	/* width and overflow in screenonly.css*/
                    margin: 0 15px 20px 15px;
                }
        #content.threecol #secondary-content{
            width: 194px;
        }

#maincol{ /* contains primary and tertiary content */
    /* width overflow and float set in screenonly.css*/
    border:1px solid #eaebeb;
    border-width:0 1px 0 0;
}
/* see screenonly for more primary content styes*/

#secondary-content{
    width: 170px;
    float:right;
    padding:0 15px 0 0;
    font-size:0.95em;
}

#contentheader{ /* usually contains breadcrumb and page controls*/
    overflow:hidden;
    width:970px;
    margin-bottom:10px;
}
	#contentheader #archivedStatus{
		margin-left:15px;
		float:left;
		border: solid 1px #eaebeb; 
		color:#ee2d24;
		padding-top:2px; 
		padding-bottom:2px;
		padding-left:2px;
		padding-right:5px;
	}
		#contentheader #archivedStatus img{
			vertical-align:bottom;
			margin-right:3px;
		}
		
		#contentheader #archivedStatus span{
			font-weight: bold;
		}
	
.column{
    float:left;
}
.threecol .column{
    width:165px;
    margin-right:32px;
}
	.threecol div.last{
		margin-right:0 !important;
	}


/* ---- Breadcrumb ---- */
ul#breadcrumb{
    font-size:11px;
    width:520px;
    overflow:hidden;
    float:left;
    padding:0;
    font-weight: bold;
    color: #989896;
	line-height:1.2em;
	padding-left:18px;
}
    ul#breadcrumb li.first{
        background:none !important;
        padding-left:0;
    }
    ul#breadcrumb li{
        background:url(bullet.gif) 0em 0.3em no-repeat;
        display:inline;
        padding:0 0 0 10px;
        margin:0;
    }
        ul#breadcrumb ul{
            display:inline !important;
            padding:0 0 0 5px;
            margin:0px;
        }

/* ---- Page Controls ---- */
ul.pagecontrols{
    font-size:0.95em;
    width:200px;
    overflow:hidden;
    float:right;
}
    #headerband ul.pagecontrols{
        position:absolute;
        right:10px;
        top:5px;
		z-index:1;
    }
    ul.pagecontrols li{
        background:none !important;
        float:right;
        padding:0 !important;
        margin: 0 0 0 3px;
    	width: 23px;/* over-riding float bug in opera 9*/
    }
  
		.pagecontrols li a:link img, .pagecontrols li a:visited img{
			border: 1px solid #D8E4E4 !important;
			padding: 0;
		}
		.pagecontrols li a:hover img, .pagecontrols li a:active img{
			border: 1px solid #8095A8 !important;
			padding: 0;
		}
ul#stools{
	margin-right:12px;
	float:right;
}
/* ---- Bottom page controls ---- */
#wrapper ul#expandedpagecontrols {
    height: 3em;
    width: 95%;
    padding:0 0 10px 0;
    margin:0 15px 0 15px;
    float:none;
}
    ul#expandedpagecontrols li{
        background: none;
        text-align:left;
        padding:0;
    	width: auto;
		margin:0 0 0 10px;
    }
        ul#expandedpagecontrols li img {
            float:left;
            padding:0;
            margin:0 5px 0 0;
        }
        ul#expandedpagecontrols li.backToTop {
            float: left;
            margin:0 !important;
        }
            ul#expandedpagecontrols li.backToTop a:link,
            ul#expandedpagecontrols li.backToTop a:visited,
            ul#expandedpagecontrols li.backToTop a:hover,
            ul#expandedpagecontrols li.backToTop a:active {
                padding: 0;
            }

/* ---- Sitemap ---- */
#pageSitemap{
	border:1px solid #EBECEC;
    border-width:1px 0px 0px 0px;
	width:100%;
	overflow:hidden;
	background:white;
}
	#pageSitemap.contracted{
		height:20px;
	}
	#pageSitemap .contentBlock{
		padding:15px 30px;
	}
	#pageSitemap .column{
		width:200px;
		margin-right:30px;
		font-size:0.95em;
	}


/* ---- Footer ---- */
#footer {
	clear: both;
    width:100%;
    margin:-10px 0 20px 0;
    font-size:10px;
    border:1px solid #EBECEC;
    border-width:1px 0px 0px 0px;
    background-color:#FBFAF7;
    overflow:hidden;
    padding-top:20px;
	position:relative;
	z-index:50;
}
    #footer .address{
        height:80px;
        float:left;
        padding-left:120px;
        background:url(../display_images/logo_icrc_footer.gif) 40px 0 no-repeat;
    }
        #footer .address p{
            margin:65px 0 0 0;
            padding:0;
        }

ul#navprimaryfooter, ul#footerlinks{
    margin:0 0 10px 0;
    padding:0 15px 0 0;
    float:right;
    width:50%;
    text-align: right;
    overflow:hidden;
}
    ul#navprimaryfooter li, ul#footerlinks li{
        display:inline;
        position:relative;
        float:none;
        border:1px solid #CCCCCC;
        border-width:0 1px 0 0;
        padding:0 6px 0 1px;
        margin-right:4px;
        text-align: right;

    }
        ul#navprimaryfooter li.last, ul#footerlinks li.last{
            border-width:0;
            padding-right:0;
        }

/* Last updated text */
#lastupdate{
    margin:0;
    padding:0 40px 0 0;
    width:150px;
    clear:right;
    float:right;
    text-align:right;
}
.hidden{
    display:none;
}

/* ---- media room and homepage ---- */
body.level0 #primary-content{
	width:580px !important;
}
	body.level0 #primary-content .contentBlock{
		width:560px !important;
		margin-bottom:20px !Important;
	}
	body.level0 #primary-content .threecol .teaserList li{
		margin-bottom:0 !important;
	}
body.level0 #secondary-content{
	width:170px !important;
}

/* some things to print and not display */
.printonly {
	display: none;
}


/*debut Mantis 2977*/
.departments #content.threecol #maincol #hp4 {
     margin: 0;
     width: 536px;
  }
  
.departments #hp4 .tabbed .tabcontent {
    padding-top: 0 !important;
    padding-left: 10px !important;
    width: 520px;
}
/*fin Mantis 2977*/

/* ICRC v2: Header & Footer */

.icrc-w4-wrap, #headerplaceholder {
	height: 220px;
	/*margin-bottom: -220px;*/
}

#headerplaceholder {
	background-color: white;
	background: -webkit-linear-gradient(top, white, white 73%, #1f1e1d 27%, #1f1e1d);
}/*
@description a catalogue of formatting tweaks to the main styles in html/structure
@author	DC
@created 2006-12-05
*/

/* ---- boxed-up content ---- */
.insetbox{
	font-family:Arial,Verdana,sans-serif;
	background-color:white;
	padding:10px;
	margin:0 0 10px 10px;
	float:right;
	border:1px solid #EAEBEB;
	width:100px;
}
.insetbox h2{
	text-transform:none;
	font-size:1em;
	margin:0px !important;
	padding:0px !important;
	border:0px !important;
	color:#CB521D;
}


/* styling of placement-related reusable elements */
#headerband #leftcol img {
	padding: 2px;
	border: 1px solid #D4D8D7;
	background-color:white;
}
	#headerband .teaserList h3, #headerband .teaserList h2{
		font-size:0.95em;
		font-weight:normal;
		text-transform:none;
		letter-spacing:0;
		line-height:1.3em;
		border:none;
	}
    #headerband .scroller1 {
        width: 290px;
        overflow: hidden;
        position: relative;
    }
#primary-content{
	font-family:Georgia,"Times New Roman",courier, serif;
	line-height:1.6em;
}
	#primary-content h1 {
		margin: 0 15px 15px 15px;
	}
	#primary-content addthis_toolbox {
		margin-right:12px;
			float:right;
	}
	/* resources header - er */
	body.resources #primary-content h1 {
		margin-bottom:5px;
	}
	
	#primary-content h2.large,
	.document #maincol #primary-content h2 {
		border:0;
		padding-top:10px;
		text-transform:none;
		font-size:1.25em;
	}

	.intranet .document #maincol #primary-content h2 {
		font-family:Arial,Verdana,sans-serif;
	color:#1F3E4E;
	line-height:1.2em;
	font-size:0.95em;
	text-transform:uppercase;
	margin:0 0 8px 0;
	padding:0 0 6px 0;
	border:1px solid #ECEEEE;
	border-width:0 0 1px 0;
	position:relative;
	}
	
	.document #maincol #primary-content h2.highlightheader {
		text-transform:none;
		border-width: 1px 1px 0 1px;
		border-color: #EAEBEB;
		border-style: solid;
		text-transform: uppercase;
		margin-top: 20px;
		font-size:0.95em;
	}
	#primary-content h3.large,
	.document #maincol #primary-content h3 {
		/* used contexturally in the documents to provide a third level heading*/
		border:0;
		padding-top:15px;
		text-transform:none;
		font-size:1em;
		font-family: arial, sans-serif;
		font-weight: normal;
	}
	.document #maincol #primary-content .highlightbox h3{
		font-weight:bold;
	}
	#primary-content h2.subheading{
		text-transform:none;
		font-size:1.2em;
		margin:0 0 10px 0;
		padding:0;
		border:0;
	}
	#primary-content p a:link,#primary-content p a:visited,#primary-content p a:hover,#primary-content p a:active {
		font-family:Georgia,Times New Roman,courier, serif;
	}

#primary-content img, #tertiary-content img { /* use nopadding/noborder if you don't want this */
	padding: 2px;
	border: 1px solid #EFEEEA;
	background-color:white;
}

#primary-content ul, #secondary-content ul, #tertiary-content ul{
	margin-bottom:10px;
}

#secondary-content ul, #tertiary-content ul, #pageSitemap ul{
	margin-bottom:20px;
}
#primary-content li, #secondary-content li, #tertiary-content li, #headerband li, #pageSitemap li{
	background:url(bullet.gif) 0 0.5em no-repeat;
	padding-left:9px;
	margin-bottom:3px;
}
#primary-content li img{
	vertical-align:bottom;
	border:none;
}
.document #primary-content li {
	background:url(squarebullet.gif) 0 0.5em no-repeat;
	padding-left:9px;
	margin-bottom:3px;
}
#secondary-content {
    line-height: 1.5;
}
#secondary-content h2, #secondary-content h3, #headerband h2{
	color:#696A65;
	position:relative !important;
}
#secondary-content h2, #headerband h2{
	font-size:1em;
}
#tertiary-content h2, #tertiary-content h3{
	margin-top:0px !important;
	font-size:1em;
}
#tertiary-content .tertiarySeperator {
	border-bottom: 1px solid #eaebeb;
	margin-bottom: 30px;
}
	#tertiary-content .teaserImage {
		border: 1px solid #999;
		margin-bottom: 10px;
		padding:0;
	}
#pageSitemap h3{
	border:0;
	margin: 15px 0 3px 0;
	padding: 0;
}
#pageSitemap h2{
	margin-bottom: 0;
}

/* ---- document types----*/
.docicon{
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	color:#858585;
}
.pdf{
        background-image:url(../display_images/icons/pdf.gif);
}

.excel{ 
	background-image:url(../display_images/icons/excel.gif);
}
.excelx{ 
	background-image:url(../display_images/icons/excelx.png);
}
.powerpoint{ 
	background-image:url(../display_images/icons/powerpoint.gif);
}
.powerpointx{ 
	background-image:url(../display_images/icons/powerpointx.png);
}
.word{ 
	background-image:url(../display_images/icons/word.gif);
}
.wordx{
	background-image:url(../display_images/icons/wordx.png);
 } 

.doctype_report{
        background-image:url(../display_images/icons/doctype_text.gif) !important;
}
.doctype_video{
        background-image:url(../display_images/icons/doctype_video.gif) !important;
}
.doctype_audio{
        background-image:url(../display_images/icons/doctype_audio.gif) !important;
}
.doctype_map{
        background-image:url(doctype_map.gif) !important;
}
.doctype_webpage{
        background-image:url(../display_images/icons/doctype_webpage.gif) !important;
}
.doctype_photo{
        background-image:url(../display_images/icons/doctype_photo.gif) !important;
}
.video_preview{
        background-image:url(../display_images/icons/previewfilm.gif) !important;
        background-position:0px 2px;
}
.archive{
        background-image:url(../display_images/icons/archive.gif) !important;
        background-position:0px 2px;
        color:red !important;
}

.buy_publication{
        background-image:url(../display_images/buttons/en-us/orderItem.jpg) !important;
        position:absolute;
        right:0px;
        width: 100px;
        height: 19px;
		padding: 0px;
}

#wrapper.french .buy_publication {
        background-image:url(../display_images/buttons/fr-ch/orderItem.jpg) !important;
        position:absolute;
        right:0px;
        width: 100px;
        height: 19px;
		padding: 0px;
}

#wrapper.arabic .buy_publication {
        background-image:url(../display_images/buttons/ar-sa/orderItem.jpg) !important;
        position:absolute;
        display: inline;
        left: 0px;
        right: auto;
        width: 100px;
        height: 19px;
		padding: 0px;
}

#wrapper.spanish .buy_publication {
        background-image:url(../display_images/buttons/es-es/orderItem.jpg) !important;
        position:absolute;
        right: 0px;
        width: 100px;
        height: 19px;
		padding: 0px;
}

#wrapper.portuguese .buy_publication {
        background-image:url(../display_images/buttons/pt-pt/orderItem.jpg) !important;
        position:absolute;
        right: 0px;
        width: 100px;
        height: 19px;
		padding: 0px;
}

.order_item {
      display: inline !important;
}

.addtocart{
	background:url(../display_images/buttons/add_to_cart.jpg) 0 0 no-repeat;
	width:101px;
	height:19px;
	text-indent:-5000px;
	display:block;
}
/* ---- Teasers to prominant content or page utilities ----*/
#primary-content .functionTeaserContainer {
	width: 546px;
	overflow: hidden;
	margin: 0 15px 3px 15px;
}
	
	#tertiary-content .functionTeaserContainer, #secondary-content .functionTeaserContainer{
		margin-bottom:30px;
	}
.functionTeaser {
	margin:0 0 20px 0;
	padding:0;
	background: #FFF url(../display_images/backgrounds/button.gif) bottom left repeat-x;
	border: 1px solid #D7E3E3;
	font-size: 0.9em;
	font-weight: bold !important;
	
}
	p.functionProminant {
		font-size: 1.1em;
	}
	.functionTeaser .large{
		font-size:0.95em !important;
		letter-spacing:0 !important;
	}
	
	#primary-content .functionTeaserContainer .functionTeaser{
		float: right;
		margin-left: 10px;
	}
	#tertiary-content .functionTeaserContainer .functionTeaser,
	#secondary-content .functionTeaserContainer .functionTeaser {
		margin:0 0 10px 0;
	}
	.functionTeaser a:link, .functionTeaser a:visited, .functionTeaser a:hover, .functionTeaser a:active{
		display: block;
		padding: 0.2em 0.3em 0.2em 1.9em;
		background-position:0.2em 0.2em;
		background-repeat:no-repeat;
		color: #475556;
		line-height:1.3em;
		font-family:Arial,Verdana,sans-serif !important;
		text-transform: uppercase;
	}
	#primary-content .functionTeaserRight {
		float:right;
		margin:3px 0 7px 20px;
		width: 150px;
	}
		.functionTeaser a.email{
			background-image: url(../display_images/icons/pinkAt.gif);
		}
		.functionTeaser a.seeAlso{
			background-image: url(../display_images/icons/orangeRightArrow.gif);
		}
			.functionTeaser a.seeAlso span {
				text-transform: none;
			}

		.functionTeaser a.feed{
			background-image: url(../display_images/icons/orangeFeed.gif) !important;
		}
		.functionTeaser a.cart{
			background-image: url(../display_images/icons/cart.gif) !important;
		}
		.functionTeaser a.resources{
			background-image: url(../display_images/icons/greenarrow.gif);
		}
		.functionTeaser a.media{
			background-image: url(../display_images/icons/mediaarrow.gif);
		}
		.functionTeaser a.morenews{
			background-image: url(../display_images/icons/morenewsarrow.gif);
		}
		.functionTeaser a.mediaroom{
			background-image: url(../display_images/icons/mediaroomarrow.gif);
		}
		.functionTeaser a.bookmark{
			background-image: url(../display_images/icons/bookmark.gif);
		}
		.functionTeaser a.slideshow{
			background-image: url(../display_images/icons/slideshow_play.gif);
		}
		.functionTeaser a.donate{
			background-image: url(../display_images/backgrounds/donate.gif);
			background-position: right top !important;
			padding: 0.2em 4.2em 0.2em 0.4em !important;
			line-height:1em !important;
		}
		.functionTeaser a.hotline{
			background-image: url(../display_images/backgrounds/hotline.gif);
			background-position: right top !important;
			padding: 0.4em 4.8em 0.4em 0.4em !important;
			line-height:1.2em !important;
		}
		.functionTeaser a.important{
			background-image: url(../display_images/backgrounds/important.gif);
			background-position: right top !important;
			padding: 0.6em 4.5em 0.4em 0.4em !important;
			line-height:1.2em !important;
			font-size: 0.9em;
		}
		.functionTeaser a.safety{
			background-image: url(../display_images/backgrounds/safety_security.gif);
			background-position: right top !important;
			padding: 0.2em 3em 0.2em 0.4em !important;
			line-height:1.2em !important;
		}


/* ----Scroll container for teaser list ---- */
.scroller{
	overflow:hidden;
	position:relative;
}
	.scroller .teaserList{
		position:relative !important;
		width:10000px;
	}
		.scroller .teaserList li{
	       	position:relative;
			float:left;
			width:290px;
			margin-right:50px !important;
		}
	#primary-content .scroller1{
		width:340px;
	}
	#headerband .scroller2{
		width:570px;
		margin:15px 15px 0 15px ;
	}
		#headerband .scroller2 li{
			width:235px;
		}
	#headerband .scroller1 li {
        width: 240px;
    }
	#primary-content .scroller2{
		width:545px;
		margin:0;
	}
		#primary-content .scroller2 .teaserList li{
			width:223px;
		}
	.scrollernav{
		position:absolute;
		top:0;
		right:0;
		z-index:3;
	}
		.scrollernav a {
			padding:0 !important;
			border:0 !important;
			margin:0;
			width:18px;
			height:19px;
			overflow: hidden;
			display:block;
			float:left;
			cursor:pointer;
			text-indent:-5000px;
		}
			.scrollernav a.previous, .scrollernav a.lightboxprevious{
				margin-right:5px;
				background:url(../display_images/buttons/arrowswoosh_left_active.gif) 0 0 no-repeat;
			}
			.scrollernav a.next, .scrollernav a.lightboxnext{
				margin:0!important;
				background:url(../display_images/buttons/arrowswoosh_right_active.gif) 0 0 no-repeat;
			}
			.scrollernav a:active,
			.scrollernav a:hover{
				background-position:0 -19px !important;
			}
			.scrollernav a.disabled{
				background-position:0 -38px !important;
				cursor:auto !important;
			}



/* ---- Generic teaser list ---- */
.teaserList {
	list-style-type: none;
	margin:0;
	padding:0;
	width:99%;
	overflow: hidden;
}
	.teaserList li {
		background-image: none !important;
		padding: 0 !important;
		margin: 0 0 15px 0 !important;
		overflow: hidden;
		width:100%;
	}
				
		#primary-content .teaserList li ul {
			margin-bottom:0;
			padding-bottom:0;
		}
			#primary-content .teaserList li ul li {
				background:url(bullet.gif) 0 0.3em no-repeat !important;
				padding-left:9px !important;
				margin-bottom:0px !important;
			}
		#primary-content .teaserList.horizontal li{
			float:left;
			width:255px;
			margin-right:10px !important;
		}
			#primary-content .horizontal li.odd {
				clear: left;
				width:250px;
				margin-right: 25px !important;
			}
		#primary-content .teaserList.fourcol li{
			float:left;
			width:125px;
			margin-right:10px !important;
		}
		.teaserList li img {
			float: left;
			margin-right: 10px
		}
			#primary-content .teaserList.fourcol li img{
				margin-bottom:7px;
			}
		.teaserList li h3 {
			text-transform: none;
			margin: 0;
			padding: 0;
			border: none;
			font-size: 1.2em;
		}
			.teaserList li h3 .metaheading,
			.metaheading {
				color:#858585;
				text-transform:uppercase;
				font-weight:bold;
				display:block;
				font-size:0.95em;
			}

			p.metaheading {
				font-family: Arial, sans-serif;
				margin: 0;
			}
			.scroller1 .teaserList li h3, .scroller2 .teaserList li h3, .teaserList.horizontal li h3, .teaserList li h3.small{
				font-size:0.95em;
				font-weight:normal;
			}

			.teaserList.large li h3 {
				font-size:1.2em; /* .large only needs to be used to override the font sizing applied to horizontal */
				font-weight:bold;
			}
		.teaserList li p {
			color: #858585;
		}
			.teaserList li p.small{
				float:left;
				position:relative;
				margin-top:5px;
				font-family:Arial,Verdana,sans-serif !important;
			}
				.teaserList.horizontal li p.small{
					width:145px;
				}
				.fullwidthsmall li {
					width: auto;

				}
				.fullwidthsmall li p.small{
					width:430px;
				}


/* ---- main teaser with large image, header link, paragraph and a scrolling block of mini teasers, see the coperation design for an example ----*/
.mainTeaserWithScrolling,
.mainTeaser {
	width: 547px;
	overflow: hidden;
}
	#headerband .mainTeaserWithScrolling {
		width: 100%;
		overflow: hidden;
}
	.mainTeaserWithScrolling h1,
	.mainTeaser h1,
	.home #headerband .mainTeaserWithScrolling h2,
	.home #headerband .mainTeaser h2 {
		margin:1em 0 0.5em 0;
		padding:0;
		font-size: 1.3em;
		letter-spacing:0;
	}
	.mainTeaserWithScrolling h2,
    .mainTeaser h2 {
        margin: 0 0 0.4em 0;
        padding: 0;
        text-transform: uppercase;
        border: 0;
        color: inherit;
        /*font-size: 1em;*/
        line-height: 1.2;
    }
	.mainTeaserWithScrolling p {
		padding-bottom: 0.7em;
		border-bottom: 1px solid #eaebeb;
		font-family:Georgia,"Times New Roman",courier, serif;
		overflow:hidden;
	}
		#headerband .mainTeaserWithScrolling p{
			border:0;
			padding-bottom:0;
		}
	.mainTeaserWithScrolling img,
	.mainTeaser img {
		float:left;
		display:block;
		margin-right:10px;
	}
	.mainTeaserWithScrolling .innerFloatContainer,
	.mainTeaser .innerFloatContainer{
		float:right;
		width:340px;
	}
		#headerband .mainTeaserWithScrolling .innerFloatContainer {
			margin:0;
			width:290px;
		    overflow: hidden;
		}
    	.home #headerband .mainTeaserWithScrolling {
    	    width: 590px;
    	}
    	.home #headerband .mainTeaserWithScrolling .innerFloatContainer {
		    /* override for homepage */
		    margin-top: 25px;
		    padding-top: 0px !important;
		    float: right;
		    width: 290px;
		    overflow: hidden;
		}


/* link inside the text that would otherwise be serifed */
#primary-content a.readMoreLink:link,#primary-content a.readMoreLink:visited,#primary-content a.readMoreLink:hover,#primary-content a.readMoreLink:active {
	text-decoration: none;
	color:#5F92A5;
	font-family:Arial,Verdana,sans-serif; /* will be overridden in the body text */
}

/* MORELINK: only to be used for links within headers */
	/* div/span containing groups of links in titles floated right */
	#primary-content .moreLink ,#promobox h2 a,#promobox p a{
		padding:0 0 0 10px;
		right:0;top:0;
		position:absolute;
	}
	
	#promobox h2 {
		height:14px;
	}
	#secondary-content .moreLink{
		padding:0 0 0 10px;
		float: right;
		right:0;
		top:0;
		position:absolute;
	}
	#secondary-content ul {
	    overflow: hidden;
	}
	/* arrow link in titles floated right */
	#primary-content a.moreLink, #secondary-content a.moreLink,#promobox h2 a {
		text-decoration: none;
		text-transform:none;
		color:#5F92A5;
		font-weight:normal;
		background-image: url(arrowBullet.gif);
		background-position: 0 0.3em;
		background-repeat: no-repeat;
	}

	* html #primary-content a.moreLink, * html #secondary-content a.moreLink{
		padding-right:15px !important;
	}

/* MORELINK with HIGHLIGHTBOX applied in main content */
	h2.selectedTopics {
		padding-top: 5px;
	}

	h2 a.highlightbox{
		background:#fff url(arrowBullet.gif) no-repeat 0.5em center !important;
		border-width:1px;
		padding:5px 5px 5px 15px !important;
		clear: both;
	}

a.plusicon{
	background:url(../display_images/icons/icon_plus_blue.gif) 0 2px no-repeat;
	padding-left:12px;
	text-transform:none;
	font-weight:normal;
	margin-right:5px;
}

.insetimage{
	width:195px;
	font-family:Arial,Verdana,sans-serif;
	font-size:0.95em;
	float:right;
	margin:0 0 15px 15px;
}

.insetimageLeft{
    width:195px;
    font-family:Arial,Verdana,sans-serif;
    font-size:0.95em;
    float:left;
    margin:0 15px 15px 0;
}
.smallinsetimage{
	width:95px !important;
	font-family:Arial,Verdana,sans-serif;
	font-size:0.95em;
	float:right;
	margin:0 0 15px 15px;
}
.insetimage img, .smallinsetimage img{
	margin:0 !important;
}

.insetvideo{
	width:260px;
	float:right;
	margin:0 0 15px 15px;
	overflow:hidden;
}
	.insetvideo img{
		float:left !important;
		position:relative;
		margin-right:10px;
	}
	.insetvideo div{
		float:left;
		overflow:hidden;
		width:150px;
	}
		.insetvideo a.arrowlink{
			display:block;
		}

/* --- moreInfoLink link, like moreinfo link, but for right col teaser lists --- */
	.moreInfoLink{
		text-align:right;
		background-image:none !important;
	}
		.moreInfoLink a{
			background-image: url(arrowBullet.gif);
			background-position: 0 0.4em;
			background-repeat: no-repeat;
			padding-left:9px;
		}
		
/* ---- Itroduction content block with normal looking title, if has image, image floated right ---- */
#primary-content .intro h2{
	border: none;
	text-transform: none;
	margin: 0;
	font-size: 1.2em;
}
#primary-content .intro img,
#primary-content .intro div.smallFloatRight {
	float: right;
	margin-left: 20px;
}
#primary-content .intro div.smallFloatRight {
	width: 195px;
}
#primary-content .intro div.smallFloatRight img {
	float: none;
	margin-left: 0;
}

/* optional class to get an image to float left and text to wrap around it */
#primary-content .intro img.imageLeft{
	float:left;
	margin:0 20px 20px 0;
}

/* ---- Highlight box ---- */
h2.highlightheader{
	border:1px solid #EAEBEB;
	border-width:1px;
	background-color:white;
	padding:8px 15px !important;
	margin: 0;
}
.highlightbox{
	font-family:Arial,Verdana,sans-serif;
	padding:5px 7px 5px 15px;
	border:1px solid #EAEBEB;
	border-width:1px 1px 1px 1px;
	background-color:#E0EBDD;
	margin-bottom:20px;
	color: #656567;
	overflow:hidden;
}
	/* for the highlight box floated left in the column */
	.document .highlightboxleft {
		float: left;
		width: 266px;
		padding-left: 0;
		padding-right: 0;
		margin: 0 20px 15px 0;
	}
		.document .highlightboxleft h3,
		.document .highlightboxleft h2,
		.document .highlightboxleft p,
		.document .highlightboxleft ul{
			margin-left: 15px;
			margin-right: 15px;
		}
		.document .highlightboxleft div {
			margin-left: 15px;
			margin-right: 15px;
			padding: 0;
			float: none;
			width: auto;
		}
		.document .highlightboxleft .smallinsetimage{
			float:left;
			display:inline;
		}
	#secondary-content .highlightbox, #tertiary-content .highlightbox{
		background:white;
		border-width:1px 1px 1px 1px;
		padding:10px;
		clear: both;
	}
		#secondary-content .highlightbox a{
			font-size:1.1em;
		}
	.highlightbox a{
		font-family:Arial,Verdana,sans-serif !important;
	}
	.highlightbox ul {
		margin-bottom: 0 !important;
		padding-bottom: 0;
	}
		#primary-content .highlightbox ul li{
			background-image:url(squarebullet.gif);
			padding-left:13px;
		}
	#primary-content .highlightbox h3{
		text-transform:none;
		border:0;
	}


/* compacted - no border or margin on h2 and p */
.compacted h2 {
	border: none;
	padding: 0
}
.compacted p {
	margin: 0;
	padding: 0;
}

/* ---- Contractable list for links ----*/
li.contractList {
	padding-left:0 !important;
	margin-bottom:0 !important;
	clear: both;
	position: relative;
	background-image: none !important;
	overflow:hidden;
	width:100%;
}
	li.contractList h3 {
		background: url(../display_images/icons/morelinks-hide.gif) 0 4px no-repeat !important;
		margin: 0 !important;
		padding:0 0 0 15px !important;
		font-size: 0.95em;
		cursor: pointer;
		line-height:1.8em !important;
		border:0;
		text-transform:uppercase;
	}
	
	li.contractList h5 {
		background: url(../display_images/icons/icon_minus.gif) 0 50% no-repeat !important;
		margin: 0 !important;
		padding:0 0 0 15px !important;
		font-size: 0.95em;
		cursor: pointer;
		line-height:1.8em !important;
		border:0;
		font-weight:normal;
		color:#4c7c8e;
		text-transform:none;
	}
	li.contractList ul {
		/*font-size: 0.95em;*/
		margin-left: 1px;
	}
	li.contractList div {
		overflow: hidden;
	}
	li.contractedList h3 {
		background: url(../display_images/icons/morelinks-show.gif) 0 4px no-repeat !important;
	}
	li.contractedList h5 {
		background: url(../display_images/icons/icon_plus.gif) 0 50% no-repeat !important;
	}
	li.contractedList ul {
		margin-bottom: 0 !important;
	}
	li.contractedList div {
		height: 0;
	}
	.contractList ul li,.contractedList ul li {
		position: relative;
	}
	
/* ---- forms ----*/
form.inlinesearch{
	margin:10px 0;
}
	form.inlinesearch label{
		display:inline;
		margin-right:10px;
	}

#secondary-content form, #tertiary-content form{
	margin-bottom:20px;
}
	#secondary-content form select, #tertiary-content form select, #secondary-content form input, #tertiary-content form input{
		font-size:1em;
		width:100%;
	}
		#secondary-content form input.button, #tertiary-content form input.button{
			width:auto !important;
			border:0;
		}
	#secondary-content form label,#tertiary-content form label{
		margin-top:10px;
		text-transform:uppercase;
		font-weight:bold;
	}
	#secondary-content input, #secondary-content select, #tertiary-content input, #tertiary-content select{

	}
	
	#secondary-content form input.txt{
		width:125px;
		margin-left:5px;
		border:0px;
	}

.mapcontainer{
	font-family:Arial,Verdana,sans-serif !important;
	overflow:hidden;
	float:right;
	width:355px;
	margin-left:20px;
}
	#tertiary-content .smallmapcontainer{
		margin-bottom:50px;
	}
	.mapcontainer img{
		margin:0 !important;
	}
	.mapcontainer .column{
		width:43%;
		float: left;
		overflow:hidden;
		margin: 0 5% 0 0;
	}
		.mapcontainer .column select{
			width:100%;
			position:relative;
			float:left;
		}


/* --- helper styles ---*/
.clearing {
	clear:both;
	height: 1px;
	overflow: hidden;
	margin: 0;
}
.inline{
	float:left;
}

.nonImportantText {
	font-size: 0.95em;
}
.columnIllustration {
	float: right;
	width: 236px;
	margin-left: 20px
}
p.bullet,
.bullet {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(arrowBullet.gif) left center no-repeat;
}
#primary-content ul.bullet {
	background-image: none;
	padding-left: 0;
}
#primary-content ul.bullet li {
	background-image: url(arrowBullet.gif);
}
.black{
	color:black;
}
.grey{
	color:#858585 !important;
	/*white-space: nowrap; in comment by yannik for bug 350*/
}
.contentBlock .subheading {
	white-space: normal;
}
.small{
	font-size:0.95em;
}
.nowrap {
	white-space: nowrap;
}
.boldintro{
	font-size:1.2em;
	font-weight:bold !important;
	margin-bottom:20px;
}

.divider{
	border:1px solid #ECEEEE !important;
	border-width:0 0 1px 0 !important;
	margin-bottom:20px;
	padding-bottom:10px !important;
}
	#headerband .divider{
		border-color:#dbd8cf !important;
		margin-bottom:0;

	}
.sans{
	font-family:Arial,Verdana,sans-serif !important;
}
.notransform{
	text-transform:none;
}
.audio{
	background:url(../display_images/icons/audio.gif) left top no-repeat;
	display:block;
	padding-left:55px;
}
.document div#tertiary-content p{
	margin-bottom: 15px;
}
.highlighted{
	background-color:#FEF1AB;
}
a.magnify{
	position:relative;
	display:block;
	overflow:hidden;
}
	a.magnify img{
		margin:0 !important;
		display:inline !important;
		position:relative;
		float:none !important;
	}
	a.magnify span{
		background:url(../display_images/icons/magnify.gif) left top no-repeat;
		width:18px;
		height:18px;
		margin:3px;
		position:absolute;
		top:0;
		right:0;
	}
	* html .document a.magnify span {
		right:12px;
	}
a.arrowlink{
	background:url(bullet.gif) 0 0.3em no-repeat;
	padding-left:12px !important;
}
.sans {
	font-family: Arial, sans-serif;
}
.separated{
	border:1px solid #EAEBEB;
	border-width:1px 0;
	padding:20px 0;
	margin:20px 0;
}
.greyborder{
	border:1px solid #EAEBEB;
	border-width:1px 1px 1px 1px !important;
}
.whitebg{
	background-color:white !important;
}
.noborder{
	border:0px !important;
}
h3.commingup{
	border:0px !important;
	margin-bottom:0px;
	padding-bottom:1px ;
}
	img.noborder{
		padding:0px !important;
		background-color:transparent;
	}
img.nopadding {
	padding: 0 !important;
	background-color:transparent !important;
}
img.left{
	float:left;
	margin:0 15px 15px 0;
}
	.highlightbox img.left{
		margin:15px 15px 15px 15px;
	}
img.right{
	float:right;
	margin:0 0 15px 15px;
}

input.large, select.large{
	width:100%;
}
input.button{
	border:1px solid #D0CDC6;
	background-color:#485458 !important;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.5em;
	display:block;
}
input.arrow{
	letter-spacing:-5000px;
	background:url(../display_images/arrow_search.gif) center center no-repeat;
	width:23px;
	height:22px;
	margin-top:0px;
	display:inline;
}
ul.nobullet li, li.nobullet{
	background:none !important;
}
/* ---- Homepage ---- */
p.tagline {
    position: absolute;
    left: 300px;
	text-transform: uppercase;
	float:right;
	margin:10px 0pt 0pt;
	text-transform:uppercase;
	width:696px;
	color: #8D8070;
	font-weight: bold;
}

/* pdf pullout */
#wrapper .boldintro .pdfpullout {
	font-size: 0.8em;
}
#wrapper .pdfpullout{
	display: block;
	border: 1px solid #EAEBEB;
	float: right;
	width: 110px;
	background-color: white;
	padding: 5px 7px 5px 7px;
	font-weight: normal !important;
	font-family: Arial,sans-serif !important;
	margin:0 0 10px 10px;
} 
#wrapper .pdfpullout a:link,
#wrapper .pdfpullout a:visited,
#wrapper .pdfpullout a:hover,
#wrapper .pdfpullout a:active {
	font-family: Arial,sans-serif;
}
#wrapper .pdfpullout .bullet {
	display: block;
	background-position: 0 0.7em;
}
#wrapper .pdfpullout .grey {
	display: block
}
#wrapper .pdfpullout .grey img {
	border: 0;
	padding: 0
}

/* image gallery*/
#gallery_preview{
	width:195px;
	float:left;
	margin-right:30px;
	font-family: Arial,sans-serif;
	font-size:0.95em;
	overflow:hidden;
	position:relative;
}
	/*.gallerypager{
		margin:0 0 5px 0;
		position:relative;
		height:20px;
		text-transform:uppercase;
		color:#AAA;
		font-weight:bold;
		clear:both;
	}*/
	#gallery_preview p{
		padding:5px 0 0 5px;
	}	
		#gallery_preview p.functionTeaser{
			padding:0;
			clear:both;
		}
		#gallery_preview p.caption span{
			display:block;
			margin:0 !important;
		}
	#gallery_preview img.thumb{
		display:none !important;
	}
	#gallery_preview a#lightbox_link{
		height:1%;
	}
	#gallery_preview a.magnify span{
		right:0 !important;		
	}
#gallery_text{
	float:right;
	width:520px;
	margin-bottom:20px;
	height:220px;
	overflow:auto;
}
	#gallery_text h3{
		font-weight:bold !important;
		font-size:1.2em !important;
		margin:0 0 10px 0;
		padding:0 !important;
		text-transform:none;
		border:0;
	}
ul#gallery{
	
	width:520px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style-type:none;
}
/*
	ul#gallery li{
		float:left;
		margin:0 8px 8px 0 !important;
		padding:0 !important;
		background-image:none !important;
	}*/
		ul#gallery li a{
			outline:none;
		}
		ul#gallery li.selected img{
			background-color:red;
		}
		ul#gallery img.preview{
			display:none;
		}
		ul#gallery h3{
			display:none;
			font-weight:bold !important;
			font-size:1.2em !important;
		}
		ul#gallery p{
			display:none;
		}
		
.arabic  .addthis_pill_combo{
	float :left !important;
	margin-left:25px;
}
.arabic #galleryTemplate #div1{
 float :right
 margin-right:5px !important;
 margin-left:10px !important;
 width:520px;
}

 .arabic #galleryTemplate #div4{
 margin-right:5px !important;
 left:5px !important;
}
.arabic #galleryTemplate #div1, .arabic #galleryTemplate #div2, .arabic #galleryTemplate #div3 {	
		float :right!important;
}

.arabic #galleryTemplate #div3 {	
		
		padding-right:8px !important;
}

.arabic  #galleryTemplate  #div3   .prev, .arabic #galleryTemplate  #div3   a.lightboxprevious{
		
		float : right ; 
		background:url(../display_images/buttons/arrowswoosh_right_active.gif) 0 0 no-repeat;
		
		width:14px;

	}
.arabic   #galleryTemplate  #div3  .next, .arabic   #galleryTemplate  #div3  a.lightboxnext{
		
		float : right;
		background:url(../display_images/buttons/arrowswoosh_left_active.gif) 0 0 no-repeat;
		width:14px;

	}
	
.arabic 	#galleryTemplate  #div3 .photo-index{
    float: right !important;
}
.arabic #galleryTemplate #viewSlideShow{
		float :left!important;
		margin-left :10px !important;
}

.arabic  #galleryTemplate  div.pagination a,.arabic  #galleryTemplate   div.pagination span.current,.arabic    #galleryTemplate   div.pagination span.ellipsis {
display : block;
position : relative;
float:right !important;

}



.arabic  #galleryTemplate  #div5 .bottom {
float:right !important;
margin-right:10px !important;

display :block;
width:100%;
}
.arabic .fancybox-title-inside-wrap {
    margin-top: 10px;
    text-align: right;
}

.arabic  .fancybox-opened .fancybox-title {
    padding-bottom: 20px !important;
    visibility: visible;
}
#galleryTemplate{
		margin-bottom:30px;
		float :left;
}

.arabic #galleryTemplate{
		margin-bottom:30px;
		float :right;
		width:800px;
}

.arabic .fancybox-title .print-me, .arabic .fancybox-title .infoLine {
  
  display:block;
}
/*
.arabic #galleryTemplate  #div5 .bottom {
clear:both;
float:right !important;
margin-right:10px !important;
display : block;


}
 */
#galleryTemplate  #div3	.gallerypager{
		position:relative;
		height:20px;
		text-transform:uppercase;
		color:#AAA;
		font-weight:bold;
		margin : 0 5px 0 5px;

	}
#galleryTemplate #div3  #nextButton, #galleryTemplate #div3  #previousButton{
	padding:0 !important;
	border:0 !important;
	margin:0;
	width:18px;
	height:19px;
	overflow: hidden;
	display:block;
	float:left;
	cursor:pointer;
	text-indent:-5000px;
}
#galleryTemplate  #div3   .prev, #galleryTemplate  #div3   a.lightboxprevious{
		
		float : left ; 
		background:url(../display_images/buttons/arrowswoosh_left_active.gif) 0 0 no-repeat;
		width:14px;
		height:15px
	}
#galleryTemplate  #div3  .next, #galleryTemplate  #div3  a.lightboxnext{
		
		float : left;
		background:url(../display_images/buttons/arrowswoosh_right_active.gif) 0 0 no-repeat;
		width:14px;
		height:15px
	}
	
#galleryTemplate  #div3 .photo-index{
    float: left;
    width: 70%;
	text-align:center;
}
#galleryTemplate  #viewSlideShow{
	float :right;
	margin: 0px!important;
	padding: 0px!important;
}
	
#galleryTemplate  #div3 a:active, #galleryTemplate  #div3  a:hover{
		background-position:0 -19px !important;
	}
#galleryTemplate  #div3  a.disabled{
		background-position:0 -38px !important;
		cursor:auto !important;
	}
	*	
#galleryTemplate  #div4 img.thumb{
		display:none !important;
}

#galleryTemplate  #div4 #lightbox_link img{
	width : auto !important;
}
	
#galleryTemplate #div1{
width:508px;
height :auto; 
margin : 2px;
float:left;

}

 #galleryTemplate  #div2{

width:206px;
height :auto; 
margin : 2px;
float:left;

}
#galleryTemplate  #div3{

height :auto ;
width : 30%;
margin: 2px 2px 10px 5px;
float : left;
}

#galleryTemplate  #div3 #viewSlideShow{

float : right;
margin :0px !important;
width :30%;
}
#galleryTemplate  #div3 #pagination{

float : left;
}

#galleryTemplate #div4{
width:520px;
height :auto ;
position:relative;
float:left;
text-align:center;
left :-5px;

}
#galleryTemplate  #div5{

height :100px ;
margin : 2px 0 0 5px;
float:left;
width :520px;
height: auto;


}

#galleryTemplate  #div5 .bottom {

float:left;
margin-top:20px;


}


#galleryTemplate #div6{
width:200px;
height :auto ;
margin : 2px;
position :relative;
top :30px;

}
#galleryTemplate  .caption  li{
    background:none !important;
	padding :0px !important;
	margin : 0px !important;
}

#galleryTemplate  .text  li{
    background:none !important;
	padding :0px !important;
	margin : 0px !important;
}


 #galleryTemplate  .caption {
    padding-left:9px !important;
}

.arabic #galleryTemplate  .caption {
    padding-right:9px !important;
}

#galleryTemplate  .slideShowCaption {
    font-size: 0.9em;
}
#galleryTemplate  #div7{
width:200px;
height :25px ;
margin : 2px;
position : relative;
float : left;
display: none;
}
#galleryTemplate #div8{

width:200px !important;
height :auto ;
margin : 2px;
display: none;
}

#galleryTemplate #div8 div{
width:200px !important;
}

#galleryTemplate #div9{
width:200px;
height :25px ;
margin : 2px;
position : relative;
float : left;
display: none;
}

#galleryTemplate .advance-link img {
    width: 500px;
	height: auto;
}
#galleryTemplate div.pagination span.current {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
}
#galleryTemplate div.pagination a, #galleryTemplate div.pagination span.current, #galleryTemplate div.pagination span.ellipsis {
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px;
}

#galleryTemplate h2.subheading ,  .fancybox-title-inside-wrap h2.subheading{
    border: 0 none !important;
    line-height: 19.2px;
    margin-bottom: 0 !important;
    padding: 0;
    text-transform: none;
}

ul#gallery li {
    background-image: none !important;
    float: left;
    margin: 0 11px 11px 0 !important;
    padding: 0 !important;
}
.addthis_toolbox div, .addthis_toolbox a {
    float: left;
}

.addthis_pill_combo{
	float :right;
}

/* tabbed content*/
.tabbed{
	position:relative;
	margin-bottom:10px;
}
	.tabbed .tabcontent{
		margin-bottom:20px;
		border:1px solid #ECEEEE;
		overflow:hidden;
		width:100%;
		padding:0 !important;
		margin:0px !important;
		position:relative;
		z-index:2;
		background-color:white;
	}
	.tabbed .tabcontent h4{
		color:#858585;
		margin-bottom:8px;
	}
	.tabbed .threecol .column{
		width:30%;
		padding:0px;
		margin: 8px 5px 5px 10px;
		display:inline;
	}
	.tabbed ul.tabs{		
		margin:1px 0 -1px 0!important;
		padding:0 !important;
		line-height:1em;
		overflow:hidden;
		width:100%;
		position:relative;
		z-index:3;
	}
		.tabbed ul.tabs li{
			background-color:#F1F5F6;
			background-image:none !important;
			float:left;
			border:1px solid #ECEEEE;
			border-width: 1px 1px 0px 1px;
			margin:0 3px 0 0 !important;			
			padding:6px 9px !important;
		}
			.tabbed ul.tabs li.active{
				background-color:white !important;
				z-index:50;
			}
			.tabbed ul.tabs li h2{
				border:0 !important;
				border:1px solid red !important;
			}
			.tabbed ul.tabs li a{
				text-transform:uppercase;
				font-weight:bold;
				color:#333;
				line-height:1em;
				color:#5C90A6;
				cursor:pointer;
			}
				.tabbed ul.tabs li.active a{
					color:#333;
				}
				
ul.pagination{
	overflow:hidden;
	font-family:Arial,sans-serif;
	margin:0!important;
	padding:0 0 10px 0;
}
	ul.pagination li{
		float:left;
		background:none !important;
		text-align:center !important;
		padding:0 !important;
		margin:0 !important;
		width:19px;
	}
		ul.pagination li a{
			display:block;
		}
		ul.pagination li.previous a,ul.pagination li.next a,ul.pagination li.first_page a,ul.pagination li.last_page a{
			text-indent:-5000px;
			width:19px;
			height:19px;
		}
		ul.pagination li.previous a{
			background:url(../display_images/buttons/arrowswoosh_left_active.gif) 0 0 no-repeat;
		}
		ul.pagination li.next a{
			background:url(../display_images/buttons/arrowswoosh_right_active.gif) 0 0 no-repeat;
		}
		ul.pagination li.previous a:hover, ul.pagination li.next a:hover,ul.pagination li.first_page a:hover, ul.pagination li.last_page a:hover{
			background-position:0 -19px !important;
			
		}
		ul.pagination li.first_page a{
			background:url(../display_images/buttons/arrowswoosh_left_left_active.gif) 0 0 no-repeat;
		}
		ul.pagination li.last_page a{
			background:url(../display_images/buttons/arrowswoosh_right_right_active.gif) 0 0 no-repeat;
		}
		#wrapper.arabic ul.pagination li.first_page a{
			background:url(../display_images/buttons/arrowswoosh_right_right_active.gif) 0 0 no-repeat;
		}
		#wrapper.arabic ul.pagination li.last_page a{
			background:url(../display_images/buttons/arrowswoosh_left_left_active.gif) 0 0 no-repeat;
		}

ul.pipedlist{
	overflow:hidden;
	font-family:Arial,sans-serif;
	margin:0 !important;
}
	ul.pipedlist li{
		float:left;
		background:url(../display_images/pipe.gif) 100% 50% no-repeat !important;
		padding:0 5px 0 0 !important;
		line-height:1.5em;
		margin-right:5px !important;
		
	}
		ul.pipedlist li.last{
			background:none !important;
		}
	/* for bug 418 by yannik  12.05.2011*/	
.btn p.button{ float:right;}

#primary-content .pubfilmmain {
font-family:Arial,sans-serif;
float:left;
width:310px !important;
background:none !important;
}		
#primary-content .pubfilmmain a{
	font-family:Arial,sans-serif;
   float:left;
   width:100% !important;
   
}		
#primary-content .filmmain a{
	font-family:Arial,sans-serif;
   float:left;
   margin-right:221px;
   margin-left:102px;
}		

#primary-content .pubfilmmain  .grey .pubfilmsize {
    font-family:Arial,sans-serif;
    width:40% !important;
	height:19.2px;
    background:none !important;
}
ul.pipedlist .button{
	margin:0px !important;
}	
/* end for bug 418*/


/*Add for campaign*/
.highlights_More a.moreLink {
	background-image:url("bullet.gif");
    background-position: 0 0.3em;
    background-repeat: no-repeat;
    color: #5F92A5;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
	padding: 0 0 0 10px;
    position: absolute;
    right: 0;
    top: 0;
}

body.home #headerband .highlights_More a.moreLink {
	display:none;
}
body.home #headerband .highlights_More  {
	margin-left: 15px;
}

.teaserList_vertical li h3 {
    display: table-caption;
    width: 100px;
	 text-transform: none;
	 font-size: 0.95em;
    font-weight: normal;
	border-width: 0 0 0;
}

.teaserList_vertical li {
    float: left;
    margin-right: 29px !important;
    position: relative;
    width: 105px;
	overflow: hidden;	
}

.threeItems li {
    float: left;
    margin-right: 29px !important;
    position: relative;
    width: 148px;
	overflow: hidden;	
}
.threeItems li h3 {
    display: table-caption;
    width: 100px;
	 text-transform: none;
	 font-size: 0.95em;
    font-weight: normal;
	border-width: 0 0 0;
}


#leftcol .teaserList_vertical li {
	background:none;
	padding-left:0px;
	margin-bottom:0px;
}

#leftcol  .highlights_More{
	margin-top:10px;
}

.share-button {
	float: right;
	margin-bottom:10px;
	margin-right:10px
}

.share-button .fb-share, .share-button .tw-share, .share-button .share_text{
	float: left;
	margin-left:4px;
}
.share-button .share_text p{
	margin-top: 9px; 
	height: 14px;
	font-weight: normal;
	font-size:18px;
}

.share-button img{
	width:27px;
	height:27px;
}

.addthis_default_style{
width:100%;
display:block;
}
/*End Add for campaign*/

/* Send your feedback */
#anonymous_text {
	height: 4.2em;
}

.contentBlock #videoleft {
    width:520px
	display: block;
    float: left;
    margin-right: 15px;
}

.contentBlock #videoleft {
    width:520px
	display: block;
    float: left;
    margin-right: 15px;
}
/*--------1543 & 1733-----------------------------*/
.scrollerMul  li h3{
	font-size:0.95em;
	font-weight:normal;
	text-transform: none;
	border:none;
}
.scrollerMul  li img{
	float:left;
	margin-right:10px;
}
.scrollerMul  li{
	width:223px;
	float:left;
	background:none !important;
	margin-right: 30px !important;
}

.scrollerMul {
	position: relative;
}

#buttonNav  a.next{
	background: url("../display_images/buttons/arrowswoosh_right_active.gif") no-repeat scroll 0 0 transparent;
	 margin-right: 5px;
}

#buttonNav a.disabled {
    background-position: 0 -38px !important;
    cursor: auto !important;
}

#buttonNav a.prev {
    background: url("../display_images/buttons/arrowswoosh_left_active.gif") no-repeat scroll 0 0 transparent;
    margin-right: 5px;
}
#buttonNav a {
    border: 0 none !important;
    cursor: pointer;
    display: block;
    float: left;
    height: 19px;
    margin: 0;
    overflow: hidden;
    padding: 0 !important;
    text-indent: -5000px;
    width: 18px;
}

#buttonNav.btnavigation {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.caroufredsel_wrapper{
	min-height:86px;
	max-height:80px;
}
/*------------------------------------*/

/*-------------------Debut 2961-----------------*/
.highlights .scroller3 li h3{
     font-size: 11px !important;
     font-weight:normal !important;
     text-transform:none !important;
     border: none !important;
}
.highlights .scroller3 li {
    width:208px;
}
/*-------------------Fin 2961-----------------*/

ul.pipedlist .button {
    display:none;
}

.buy_publication {
    display: none;
}

div.action {
	margin-top: 8px;
}

a.btn-contact {
    padding: 0.5em 1em;
    background-color: #8d8070;
    border: 1px solid #8d8070;
    color: #ffffff;
    cursor: pointer;
}

a.btn-contact:active {
    background-color: #8d8070;
    color: #ffffff;
}

a.btn-contact:visited {
    background-color: #8d8070;
    color: #ffffff;
}

a.btn-contact:hover {
    background-color: #8d8070;
    color: #ffffff!important;
}



a.btn-red {
    margin: 8px 0px;
    padding: 0.2em 0.5em;
    border: 1px solid #e32219;
    background-color: #e32219;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

a.btn-red:active {
    background-color: #e32219;
    color: #ffffff;
}

a.btn-red:visited {
    background-color: #e32219;
    color: #ffffff;
}

a.btn-red:hover {
    background-color: #ffffff;
    color: #e32219;
}/*
@description top navigation
@author	DC
@created 2006-12-05
*/
ul#navprimary{
	position:absolute;
	width:863px;
	top:109px;
	z-index:10;
	background-color:#667E71;	
	padding-left:132px;
	height:33px;
}
ul#navprimary li{
	float:left;
	overflow:hidden;
}
ul#navprimary li:hover ul, 
ul#navprimary li.hovered ul{
	display:block;
	z-index: 100;
}

ul#navprimary li a:link, 
ul#navprimary li a:visited, 
ul#navprimary li a:hover, 
ul#navprimary li a:active {
	padding:7px 0 0 10px;
	height:33px !important;
	display:block;
	color:white;
	line-height:1em;
	font-size:12px;
	font-weight:bold;
	position:relative !important;
	height:26px !important;
	border:1px solid white;
	border-width:0 0 0 1px;
	position: relative;
}
ul#navprimary li.last a{
	border:1px solid white !important;
	border-width:0 1px !important;
}
	ul#navprimary li a:active{
		color:white !important;
	} 
	ul#navprimary li a:hover{
		color:white !important;
	}
	/* who we are */
	ul#navprimary li a.whoweare{
		width:90px;
	}
	ul#navprimary li a.whoweare:hover,ul#navprimary li a.whoweare:active{
		background-color:#631F20;
	}
	/* what we do */
	ul#navprimary li a.whatwedo{
		width:90px;
	}
	ul#navprimary li a.whatwedo:hover,ul#navprimary li a.whatwedo:active{
		background-color:#4C6373;
	}
	/* where we work */
	ul#navprimary li a.wherewework{
		width:105px;
	}
	ul#navprimary li a.wherewework:hover,ul#navprimary li a.wherewework:active{
		background-color:#54685F;
	}
	/* war and law*/
	ul#navprimary li a.warandlaw{
		width:90px;
	}
	ul#navprimary li a.warandlaw:hover,ul#navprimary li a.warandlaw:active{
		background-color:#4B444B;
	}
	/* resources */
	ul#navprimary li a.resources{
		width:90px;
	}
	ul#navprimary li a.resources:hover,ul#navprimary li a.resources:active{
		background-color:#5A4258;
	}
	/*Adding specific style for Donations*/
	ul#navprimary li a.donations, ul#navprimary li a.donations:hover,ul#navprimary li a.donations:active{
		background-color: #EE2D24 !important;
		width: 100px;
	}

/*---------- mantis 3395------------*/

/* currently selected */
.whoweare ul#navprimary li a.whoweare,
.whatwedo ul#navprimary li a.whatwedo,
.wherewework ul#navprimary li a.wherewework,
.warandlaw ul#navprimary li a.warandlaw,
.resources ul#navprimary li a.resources{
	/*background-color:#EE2D24 !important;*/
	color:#FFFFFF !important;
}

.resources ul#navprimary li a.resources{
	background-color:#361735 !important;
}
.warandlaw ul#navprimary li a.warandlaw{
	background-color:#383838 !important;
}

.wherewework ul#navprimary li a.wherewework{
	background-color:#2D4137 !important;
}
.whatwedo ul#navprimary li a.whatwedo{
	background-color:#1F3E4E !important;
}
.whoweare ul#navprimary li a.whoweare{
	background-color:#3A1414 !important;
}
 ul#navprimary li.donations ul{
	background-color:#F3F0E7 !important;
}
/*----------End mantis 3395------------*/

ul#navprimary li ul{
	display:none;
	width:180px;
	position:absolute;
	background-color:#ECECEC;
	border:0;
	font-size:0.95em;
	line-height:1em !important;
}

ul#navprimary strong a:link,
ul#navprimary strong a:visited,
ul#navprimary strong a:hover,
ul#navprimary strong a:active{
font-weight: bold !important;
}
	ul#navprimary li ul.hoveredstate{
		display:block;
	}
	ul#navprimary li ul li{
		display:block;
		float:none;
		margin:0 !important;
		border:1px solid #D0D0D0;
		border-width:0 0 1px 0;
		padding:5px 10px !important;
	}
		ul#navprimary li ul li a{
			display:inline !important;
			float:none;
			margin:0 !important;
			padding:0 !important;
			color:#333 !important;
			font-weight:normal !important;
			font-size:11px !important;
			position:relative;
			line-height:1.3em !important;
			height:5px !important;
		}
			ul#navprimary li ul li a:hover,ul#navprimary li ul li a:active{
				color:#EE2D24 !important;
			}
			
			
            ul#navprimary li ul a:link, 
            ul#navprimary li ul a:visited, 
            ul#navprimary li ul a:hover, 
            ul#navprimary li ul a:active {
                border: none !important;
            }
			
/* series of nasty hacks just to get IE6 to work*/
/* The link which the iframe is contained in has position: relative
   so the top/left = 0 puts it on top of that link and then the margin moves
   it down */
.dropdown_shim {
	position: absolute;	
	width: 179px;
	z-index: 99; /* one less than ul#navprimary li.hovered ul*/
}

.NavigationStyle1 ul#navprimary li a.NavigationStyle1,.NavigationStyle2 ul#navprimary li a.NavigationStyle2, .NavigationStyle3 ul#navprimary li a.NavigationStyle3, .NavigationStyle4 ul#navprimary li a.NavigationStyle4,.NavigationStyle5 ul#navprimary li a.NavigationStyle5,.NavigationStyle6 ul#navprimary li a.NavigationStyle6,.NavigationStyle7 ul#navprimary li a.NavigationStyle7,body.home ul#navprimary li a.home {
    background-color: #EE2D24 !important;
}

 ul#navprimary li a.NavigationStyle1:hover, ul#navprimary li a.NavigationStyle1:active , ul#navprimary li a.NavigationStyle2:hover, ul#navprimary li a.NavigationStyle2:active ,ul#navprimary li a.NavigationStyle3:hover, ul#navprimary li a.NavigationStyle3:active,ul#navprimary li a.NavigationStyle4:hover, ul#navprimary li a.NavigationStyle4:active,ul#navprimary li a.NavigationStyle5:hover, ul#navprimary li a.NavigationStyle5:active,ul#navprimary li a.NavigationStyle6:hover, ul#navprimary li a.NavigationStyle6:active,ul#navprimary li a.NavigationStyle7:hover, ul#navprimary li a.NavigationStyle7:active{
    background-color: #EE2D24 !important;
} /*
@description top navigation
@author	DC
@created 2006-12-05
*/

ul#navsecondary{
	padding:0;
	margin:0 0 60px 0;
	border:1px solid #eaebeb;
	border-width:0 0 1px 0;
	color:#EE2D24;
}
	ul#navsecondary a{
		color:#555;
		display:block;
	}
	ul#navsecondary li{ /* primarily just  for the menu header */
		margin:0;
		padding:0;
		background-image:none;
		font-size:1.1em;
	}
	ul#navsecondary li strong a, ul#navsecondary li ul li a.selected {
		color: #EE2D24;
	}
		ul#navsecondary li ul{ /* this is the real content of the menu*/
			padding:0;
			margin:3px 0 0 0;
			color:#EE2D24;
		}
			ul#navsecondary li ul li{
				font-size:0.9em;
				border:1px solid #eaebeb;
				border-width:1px 0 0 0;
				padding:3px 0 3px 12px;
				margin:0;
				color:#EE2D24;
				background-image: url(bullet.gif);
				background-position:0 0.8em;
			}
				ul#navsecondary li ul li ul li{
					border:0;
					font-size:1em;
				}
					ul#navsecondary li ul li ul li a{
						color:#828081;
					}
					
.resourcecenter ul#navsecondary{margin:0 0 10px 0;}/* ---- Initial ----
	Primary: #8D8070
	Secondary:
	Tertiary:
*/
#header {
	background-image:url(../display_images/headers/home.jpg);
}
#header #currentsection{
	color:white; /* normally primary - here is the one exception */
}
body #wrapper.popup #header{
	background-color:#8D8070 !important; 	
}
ul#languageselecter,
ul#navprimary{
	background-color:#8D8070; /* primary */
}
.highlightbox{
	background-color:#E0EBDD; /* tertiary */
}
#secondary-content h2, #secondary-content h3,h1,h2 {
	color: #8D8070; /* secondary */
}
.functionTeaser a.donate{
	background-image: url(../display_images/backgrounds/donate.gif);
}

/* ---- Home page specific ---- */

.home #header #currentsection h1 {
	font-size: 2.2em;
	color: white;
	font-size: 26px;
	font-weight: bold;
}
.home #header #currentsection {
	top: 86px;
}
.home #secondary-content h2, #secondary-content h3, h1, h2 {
	color: #1F3E4E;
}

ul#languageselecter a:link,
ul#languageselecter a:visited,
ul#languageselecter a:hover,
ul#languageselecter a:active {
	border-bottom: 1px solid #8D8070;
}

/* ---- Who we are ----
	Primary: #631F20
	Secondary: #F7EDED
	Tertiary: #3A1414
*/
body.whoweare #header {
	background-image:url(../display_images/headers/whoweare.jpg);
}
body.whoweare #header #currentsection{
	color:#631F20; /* primary */
}
body.whoweare #wrapper.popup #header{
	background-color:#631F20 !important; 	
}
body.whoweare ul#languageselecter,
body.whoweare ul#navprimary{
	background-color:#631F20; /* primary */
}
body.whoweare .highlightbox{
	background-color:#F7EDED;/* secondary */
}
body.whoweare #secondary-content h2,
body.whoweare #secondary-content h3,
body.whoweare h1,
body.whoweare h2,
body.whoweare h3{
	color: #3A1414; /* tertiary */
}
body.whoweare .functionTeaser a.donate{
	background-image: url(../display_images/backgrounds/donate_whoweare.gif);
}
ul#navprimary li.whoweare ul {
	background-color:#F7EDED;	
}

/* Language images */
body.whoweare ul#languageselecter #french a {
    background:url(../display_images/languages/lang_fre_who.jpg);
}
body.whoweare ul#languageselecter #english a {
    background:url(../display_images/languages/lang_eng_who.jpg);
}
body.whoweare ul#languageselecter #spanish a {
    background:url(../display_images/languages/lang_esp_who.jpg);
}
body.whoweare ul#languageselecter #arabic a {
    background:url(../display_images/languages/lang_ara_who.jpg);
}
body.whoweare ul#languageselecter #portugese a {
    background:url(../display_images/languages/lang_por_who.jpg);
}
body.whoweare ul#languageselecter #russian a {
    background:url(../display_images/languages/lang_rus_who.jpg);
}
body.whoweare ul#languageselecter #chinese a {
    background:url(../display_images/languages/lang_chi_who.jpg);
}

body.whoweare ul#languageselecter a:link,
body.whoweare ul#languageselecter a:visited,
body.whoweare ul#languageselecter a:hover,
body.whoweare ul#languageselecter a:active {
	border-bottom: 1px solid #631F20;
}


/* ---- What we do ----
	Primary: #496374
	Secondary: #EAF0F4
	Tertiary: #1F3E4E
*/
body.whatwedo #header {
	background-image:url(../display_images/headers/whatwedo.jpg);
}
body.whatwedo #header #currentsection{
	color:#496374; /* primary */
}
body.whatwedo #wrapper.popup #header{
	background-color:#496374 !important; 	
}
body.whatwedo ul#languageselecter,
body.whatwedo ul#navprimary{
	background-color:#496374; /* primary */
}
body.whatwedo .highlightbox{
	background-color:#EAF0F4;/* secondary */
}
body.whatwedo #secondary-content h2,
body.whatwedo #secondary-content h3,
body.whatwedo h1,
body.whatwedo h2,
body.whatwedo h3 {
	color: #1F3E4E; /* tertiary */
}
body.whatwedo .functionTeaser a.donate{
	background-image: url(../display_images/backgrounds/donate_whatwedo.gif);
}
ul#navprimary li.whatwedo ul {
	background-color:#EAF0F4;	
}
/* Language images */
body.whatwedo ul#languageselecter #french a {
    background:url(../display_images/languages/lang_fre_what.jpg);
}
body.whatwedo ul#languageselecter #english a {
    background:url(../display_images/languages/lang_eng_what.jpg);
}
body.whatwedo ul#languageselecter #spanish a {
    background:url(../display_images/languages/lang_esp_what.jpg);
}
body.whatwedo ul#languageselecter #arabic a {
    background:url(../display_images/languages/lang_ara_what.jpg);
}
body.whatwedo ul#languageselecter #portugese a {
    background:url(../display_images/languages/lang_por_what.jpg);
}
body.whatwedo ul#languageselecter #russian a {
    background:url(../display_images/languages/lang_rus_what.jpg);
}
body.whatwedo ul#languageselecter #chinese a {
    background:url(../display_images/languages/lang_chi_what.jpg);
}

body.whatwedo ul#languageselecter a:link,
body.whatwedo ul#languageselecter a:visited,
body.whatwedo ul#languageselecter a:hover,
body.whatwedo ul#languageselecter a:active {
	border-bottom: 1px solid #496374;
}


/* ---- Where we work ----
	Primary: #54685F
	Secondary: #E0EBDD
	Tertiary: #2D4137
*/
body.wherewework #header {
	background-image:url(../display_images/headers/wherewework.jpg);
}
body.wherewework #header #currentsection{
	color:#54685F; /* primary */
}
body.wherewework #wrapper.popup #header{
	background-color:#54685F !important; 	
}
body.wherewework ul#languageselecter,
body.wherewework ul#navprimary{
	background-color:#54685F; /* primary */
}
body.wherewework .highlightbox{
	background-color:#E0EBDD;/* secondary */
}
body.wherewework #secondary-content h2,
body.wherewework #secondary-content h3,
body.wherewework h1,
body.wherewework h2,
body.wherewework h3 {
	color: #2D4137; /* tertiary */
}
body.wherewework .functionTeaser a.donate{
	background-image: url(../display_images/backgrounds/donate_wherewework.gif);
}
ul#navprimary li.wherewework ul {
	background-color:#E0EBDD;	
}
/* Language images */
body.wherewework ul#languageselecter #french a {
    background:url(../display_images/languages/lang_fre_where.jpg);
}
body.wherewework ul#languageselecter #english a {
    background:url(../display_images/languages/lang_eng_where.jpg);
}
body.wherewework ul#languageselecter #spanish a {
    background:url(../display_images/languages/lang_esp_where.jpg);
}
body.wherewework ul#languageselecter #arabic a {
    background:url(../display_images/languages/lang_ara_where.jpg);
}
body.wherewework ul#languageselecter #portugese a {
    background:url(../display_images/languages/lang_por_where.jpg);
}
body.wherewework ul#languageselecter #russian a {
    background:url(../display_images/languages/lang_rus_where.jpg);
}
body.wherewework ul#languageselecter #chinese a {
    background:url(../display_images/languages/lang_chi_where.jpg);
}

body.wherewework ul#languageselecter a:link,
body.wherewework ul#languageselecter a:visited,
body.wherewework ul#languageselecter a:hover,
body.wherewework ul#languageselecter a:active {
	border-bottom: 1px solid #54685F;
}

/* ---- War and law ----
	Primary: #4B444B
	Secondary: #ECECEC
	Tertiary: #383838
*/
body.warandlaw #header {
	background-image:url(../display_images/headers/warandlaw.jpg);
}
body.warandlaw #header #currentsection{
	color:#4B444B; /* primary */
}
body.warandlaw #wrapper.popup #header{
	background-color:#4B444B !important; 	
}
body.warandlaw ul#languageselecter,
body.warandlaw ul#navprimary {
	background-color:#4B444B; /* primary */
}
body.warandlaw .highlightbox{
	background-color:#ECECEC; /* secondary */
}
body.warandlaw #secondary-content h2,
body.warandlaw #secondary-content h3,
body.warandlaw h1,
body.warandlaw h2,
body.warandlaw h3 {
	color: #383838; /* tertiary */
}
body.warandlaw .functionTeaser a.donate{
	background-image: url(../display_images/backgrounds/donate_warandlaw.gif);
}
ul#navprimary li.warandlaw ul {
	background-color:#ECECEC;	
}
/* Language images */
body.warandlaw ul#languageselecter #french a {
    background:url(../display_images/languages/lang_fre_war.jpg);
}
body.warandlaw ul#languageselecter #english a {
    background:url(../display_images/languages/lang_eng_war.jpg);
}
body.warandlaw ul#languageselecter #spanish a {
    background:url(../display_images/languages/lang_esp_war.jpg);
}
body.warandlaw ul#languageselecter #arabic a {
    background:url(../display_images/languages/lang_ara_war.jpg);
}
body.warandlaw ul#languageselecter #portugese a {
    background:url(../display_images/languages/lang_por_war.jpg);
}
body.warandlaw ul#languageselecter #russian a {
    background:url(../display_images/languages/lang_rus_war.jpg);
}
body.warandlaw ul#languageselecter #chinese a {
    background:url(../display_images/languages/lang_chi_war.jpg);
}

body.warandlaw ul#languageselecter a:link,
body.warandlaw ul#languageselecter a:visited,
body.warandlaw ul#languageselecter a:hover,
body.warandlaw ul#languageselecter a:active {
	border-bottom: 1px solid #4B444B;
}


/* ---- Resources ----
	Primary: #5A4258
	Secondary: #F0EBEF
	Tertiary: #361735
*/
body.resources #header {
	background-image:url(../display_images/headers/resources.jpg);
}
body.resources #header #currentsection{
	color:#5A4258; /* primary */
}
body.resources #wrapper.popup #header{
	background-color:#5A4258 !important; 	
}
body.resources ul#languageselecter,
body.resources ul#navprimary{
	background-color:#5A4258; /* primary */
}
body.resources .highlightbox{
	background-color:#F0EBEF;/* secondary */
}
body.resources #secondary-content h2,
body.resources #secondary-content h3,
body.resources h1,
body.resources h2,
body.resources h3 {
	color: #361735; /* tertiary */
}
body.resources .functionTeaser a.donate{
	background-image: url(../display_images/backgrounds/donate_resources.gif);
}
ul#navprimary li.resources ul{
	background-color:#F0EBEF;	
}
/* Language images */
body.resources ul#languageselecter #french a {
    background:url(../display_images/languages/lang_fre_resources.jpg);
}
body.resources ul#languageselecter #english a {
    background:url(../display_images/languages/lang_eng_resources.jpg);
}
body.resources ul#languageselecter #spanish a {
    background:url(../display_images/languages/lang_esp_resources.jpg);
}
body.resources ul#languageselecter #arabic a {
    background:url(../display_images/languages/lang_ara_resources.jpg);
}
body.resources ul#languageselecter #portugese a {
    background:url(../display_images/languages/lang_por_resources.jpg);
}
body.resources ul#languageselecter #russian a {
    background:url(../display_images/languages/lang_rus_resources.jpg);
}
body.resources ul#languageselecter #chinese a {
    background:url(../display_images/languages/lang_chi_resources.jpg);
}
body.resources ul#languageselecter a:link,
body.resources ul#languageselecter a:visited,
body.resources ul#languageselecter a:hover,
body.resources ul#languageselecter a:active {
	border-bottom: 1px solid #5A4258;
}


/* ---- Media room ----
	Primary: #B2A789
	Secondary: #
	Tertiary: #
*/
body.mediaroom #header {
	background-image:url(../display_images/headers/mediaroom.jpg);
}
body.mediaroom #header #currentsection{
	color:white; /* primary */
}
body.mediaroom #wrapper.popup #header{
	background-color:#B2A789 !important; 	
}
body.mediaroom #pagebody{
	background-color:white;
}
body.mediaroom #content.threecol{
	background-image:none !important;
}
body.mediaroom ul#languageselecter,body.mediaroom ul#navprimary{
	background-color:#B2A789;
}
body.mediaroom .highlightbox{
	background-color:#E0EBDD;
}
body.mediaroom #secondary-content .highlightbox, body.mediaroom #tertiary-content .highlightbox{
	background-color:#FBFAF6;
}
body.mediaroom #secondary-content h2, body.mediaroom #secondary-content h3, body.mediaroom h1, body.mediaroom h2 {
	color: #B2A789; /* secondary */
}
body.mediaroom #secondary-content h2, body.mediaroom #secondary-content h3{
	color:#1f3e4e;
}

/* Language images */
body.mediaroom ul#languageselecter #french a {
    background:url(../display_images/languages/lang_fre_media.jpg);
}
body.mediaroom ul#languageselecter #english a {
    background:url(../display_images/languages/lang_eng_media.jpg);
}
body.mediaroom ul#languageselecter #spanish a {
    background:url(../display_images/languages/lang_esp_media.jpg);
}
body.mediaroom ul#languageselecter #arabic a {
    background:url(../display_images/languages/lang_ara_media.jpg);
}
body.mediaroom ul#languageselecter #portugese a {
    background:url(../display_images/languages/lang_por_media.jpg);
}
body.mediaroom ul#languageselecter #russian a {
    background:url(../display_images/languages/lang_rus_media.jpg);
}
body.mediaroom ul#languageselecter #chinese a {
    background:url(../display_images/languages/lang_chi_media.jpg);
}

body.mediaroom ul#languageselecter a:link,
body.mediaroom ul#languageselecter a:visited,
body.mediaroom ul#languageselecter a:hover,
body.mediaroom ul#languageselecter a:active {
	border-bottom: 1px solid #B2A789;
}


/* overiding Banners*/

body.donations #header #currentsection {
  color:#968B7C;
}
/* Start English Header*/
body .english #header #icrclogo {
    text-indent: -5000px !important;
	background:url(../display_images/headers/logo_icrc.png) left top no-repeat !important;
}

body.campaign .english #header #icrclogo {
background-image:none !important;
}

body.annexe .english #header #icrclogo {
background-image:none !important;
}

body.home .english #header, body.whatsnew .english #header,body.donations .english #header{
	background-image:none !important;
	background-color:#F3F0E7 !important;
}

body.whoweare .english #header {
	background-image:none !important;
	background-color:#F7EDED !important;
}

body.whatwedo .english #header {
	background-image:none !important;
	background-color:#EAF0F4 !important;
}

body.wherewework .english #header {
	background-image:none !important;
	background-color:#E0EBDD !important;
}

body.warandlaw .english #header {
	background-image:none !important;
	background-color:#ECECEC !important;
}

body.resources .english #header {
	background-image:none !important;
	background-color:#F0EBEF !important;
}

/* End English Header*/

/* Start Arabic Header*/
body .arabic #header #icrclogo {
    text-indent: -5000px;
	background:url(../display_images/headers/logo_icrc.png) left top no-repeat;
}

body.campaign .arabic #header #icrclogo {
background-image:none !important;
}

body.home .arabic #header ,body.whatsnew .arabic #header,body.donations .arabic #header{
	background-image:none;
	background-color:#F3F0E7;
}
body.whoweare .arabic #header {
	background-image:none;
	background-color:#F7EDED;
}

body.whatwedo .arabic #header {
	background-image:none;
	background-color:#EAF0F4;
}

body.wherewework .arabic #header {
	background-image:none;
	background-color:#E0EBDD;
}

body.warandlaw .arabic #header {
	background-image:none;
	background-color:#ECECEC;
}

body.resources .arabic #header {
	background-image:none;
	background-color:#F0EBEF;
}
/* End Aribic Header*/

/* Start spanish Header*/
body .spanish #header #icrclogo {
    text-indent: -5000px;
	background:url(../display_images/headers/logo_cicr.png) left top no-repeat;
}

body.campaign .spanish #header #icrclogo {
background-image:none !important;
}

body.home .spanish #header, body.whatsnew .spanish #header,body.donations .spanish #header {
	background-image:none;
	background-color:#F3F0E7;
}
body.whoweare .spanish #header {
	background-image:none;
	background-color:#F7EDED;
}

body.whatwedo .spanish #header {
	background-image:none;
	background-color:#EAF0F4;
}

body.wherewework .spanish #header {
	background-image:none;
	background-color:#E0EBDD;
}

body.warandlaw .spanish #header {
	background-image:none;
	background-color:#ECECEC;
}

body.resources .spanish #header {
	background-image:none;
	background-color:#F0EBEF;
}
/* End spanish Header*/

/* Start Portuguese Header*/
body .portuguese #header #icrclogo {
    text-indent: -5000px;
	background:url(../display_images/headers/logo_cicv.png) left top no-repeat;
}

body.campaign .portuguese #header #icrclogo {
background-image:none !important;
}

body.home .portuguese #header  , body.whatsnew .portuguese #header,body.donations .portuguese #header{
	background-image:none;
	background-color:#F3F0E7;
}
body.whoweare .portuguese #header {
	background-image:none;
	background-color:#F7EDED;
}

body.whatwedo .portuguese #header {
	background-image:none;
	background-color:#EAF0F4;
}

body.wherewework .portuguese #header {
	background-image:none;
	background-color:#E0EBDD;
}

body.warandlaw .portuguese #header {
	background-image:none;
	background-color:#ECECEC;
}

body.resources .portuguese #header {
	background-image:none;
	background-color:#F0EBEF;
}
/* End portuguese Header*/

/* Start french Header*/
body .french #header #icrclogo {
    text-indent: -5000px;
	background:url(../display_images/headers/logo_cicr.png) left top no-repeat;
}

body.campaign .french #header #icrclogo {
background-image:none !important;
}

body.home .french #header , body.whatsnew .french #header,body.donations .french #header{
	background-image:none;
	background-color:#F3F0E7;
}
body.whoweare .french #header {
	background-image:none;
	background-color:#F7EDED;
}

body.whatwedo .french #header {
	background-image:none;
	background-color:#EAF0F4;
}

body.wherewework .french #header {
	background-image:none;
	background-color:#E0EBDD;
}

body.warandlaw .french #header {
	background-image:none;
	background-color:#ECECEC;
}

body.resources .french #header {
	background-image:none;
	background-color:#F0EBEF;
}
/* End french Header*/


/* Start russian Header*/
body .russian #header #icrclogo {
    text-indent: -5000px;
	background:url(../display_images/headers/logo_mkkk.png) left top no-repeat;
	left:18px;
	width:100px;
}

body.campaign .russian #header #icrclogo {
background-image:none !important;
}

body.home .russian #header {
	background-image:none;
	background-color:#F3F0E7;
}
body.whoweare .russian #header,body.whatsnew .russian #header,body.donations .russian #header {
	background-image:none;
	background-color:#F7EDED;
}

body.whatwedo .russian #header {
	background-image:none;
	background-color:#EAF0F4;
}

body.wherewework .russian #header {
	background-image:none;
	background-color:#E0EBDD;
}

body.warandlaw .russian #header {
	background-image:none;
	background-color:#ECECEC;
}

body.resources .russian #header {
	background-image:none;
	background-color:#F0EBEF;
}
/* End russian Header*/

/* Start chinese Header*/
body .chinese #header #icrclogo {
    text-indent: -5000px;
	background:url(../display_images/headers/logo_icrc.png) left top no-repeat;
}

body.campaign .chinese #header #icrclogo {
background-image:none !important;
}

body.home .chinese #header, body.whatsnew .chinese #header,body.donations .chinese #header{
	background-image:none;
	background-color:#F3F0E7;
}
body.whoweare .chinese #header {
	background-image:none;
	background-color:#F7EDED;
}

body.whatwedo .chinese #header {
	background-image:none;
	background-color:#EAF0F4;
}

body.wherewework .chinese #header {
	background-image:none;
	background-color:#E0EBDD;
}

body.warandlaw .chinese #header {
	background-image:none;
	background-color:#ECECEC;
}

body.resources .chinese #header {
	background-image:none;
	background-color:#F0EBEF;
}
/* End chinese Header*/
/* to be used for screen only css that doesnt affect print */

#wrapper {
    width:995px;
    overflow: hidden;
    position: relative;
}
#content{
    width:979px; /* if set to 100% the margin of 30px pushes it under the pagebody by 30px on the right*/
    overflow:hidden;
}
#content.threecol #primary-content .contentBlock {
	/* applied indevidually to the content blocks*/
	width:546px;
	overflow:hidden;
}
.wide-content{
	width:979px;
	overflow:hidden;
}
#maincol{ /* contains primary and tertiary content */
    width: 780px;
    float: left;
    overflow:visible;
}
    #primary-content{
        float:left;
        width:780px;
    }
    #primary-content .contentBlock {
        width:750px;
        overflow:hidden;
        margin: 0 15px 30px 15px;
    }
    #tertiary-content{
        width: 160px; /* this will always be the same width but might not always be there */
        float:left;
        margin-right:15px;
        font-size:0.95em;
		overflow:hidden;
    } 
        #content.threecol #maincol{
            border:0;
            width: 768px;
        }
           	 #content.threecol #primary-content{
                width: 577px;
            }
	
    #content.threecolleft #maincol { /* doc1 page where content is aligned left*/
        background:url(../display_images/columnbg.gif) 25px 0 repeat-y !important;
        width:780px;
        border:1px solid #eaebeb;
        border-width:0 1px 0 0;
    }
        #content.threecolleft #primary-content{
            width:542px;
            margin-right:20px;
        }
            #content.threecolleft #primary-content .contentBlock{
                width:525px;
                margin:0 0 0 15px;
            }#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	width:500px;
}
	#lightboxTitle{
		color:#361735;
		width:500px;
		font-size:1.6em;
		font-weight:bold;
		text-align:left;
		margin-bottom:10px;
		line-height:1.2em;
		letter-spacing:-1px;
	}
	#lightboxImageFrame{
		position: relative;
		/*width: 500px;*/
		/*height: 500px;*/
		background-color:#eee;
		cursor:pointer;
	}
	#lightboxDetails{
		text-align:left;
		overflow:hidden;
		width:100%;
		margin:10px 0;
		position:relative;
	}
		#lightboxClickarea{
			
		}
		#lightboxCaption{
			margin:0;
			padding:0;
			overflow:hidden;
			float:left;
			/*width:330px;*/
		}
		#lightboxCopyright{
			color:#828282;
			font-size:0.95em;
			float:left;
		}
		#lightboxDownload{
			text-align:left;
			width: 50%;
			float:left;
			clear:left;
		}
		#keyboardMsg{
			position:absolute;
			bottom:0px;
			right:0px;
			float:right; 
			text-transform:uppercase; 
		}
		#lightbox_gallery_pager{
			float:right;
			width:140px;
		}

#lightbox img{border:none; clear:both;overflow:hidden;margin-bottom:10px;max-width:500px;max-height:500px;} 
#overlay img{border:none;}
#overlay{
	background-image: url(overlay.png);
}
#overlay.gallery_overlay{
	background-image: url(overlay-slideshow.png);
}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../display_images/blank.gif);
	/* the image src here must be relative to the page, not this css file.*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}.map {
    position: relative;
    width: 361px;
    height: 183px;
    margin: 0;
    padding: 0;
	behavior:url("csshover.htc");
	overflow:hidden;
}

.map li {
    position: absolute;
    background-image: none !important;
    padding: 0;
    margin: 0;
    z-index: 0;
}
.map li:hover, map li.hovered {
    z-index: 5;
    zoom:1; /* make IE7 behave 	*/
    cursor: pointer;
}
    .map li a:link,
    .map li a:visited,
    .map li a:hover,
    .map li a:active {
        display: block;
        background-position: top left;
        background-repeat: no-repeat;
        text-indent: -5000px;
        z-index: 0;
    }
        .map li a:hover,
        .map li a:active {
        z-index: 5;
    }
        /*positioning*/

            .map li.americas{
                 top: 1px;
				left: 1px;
            } 
            .map li.europe {
               left: 143px;
                top: 6px;
            } 
            .map li.middle{
               left: 189px;
                top: 72px;
				z-index:3;
            } 
            .map li.africa{
               left: 150px;
				top: 75px;
				z-index:2;
            } 
            .map li.asia{
              left: 227px;
                top: 55px;
				z-index:4;
            }

/* set the widths out ok */
.map li.americas,
.map li.americas a:link,
.map li.americas a:visited,
.map li.americas a:hover,
.map li.americas a:active{
   width: 155px;
    height: 176px;
} 
.map li.europe,
.map li.europe a:link,
.map li.europe a:visited,
.map li.europe a:hover,
.map li.europe a:active {
    width: 213px;
    height: 74px;
} 
.map li.middle,
.map li.middle a:link,
.map li.middle a:visited,
.map li.middle a:hover,
.map li.middle a:active {
     width: 43px;
    height: 31px;  
} 
.map li.africa,
.map li.africa a:link,
.map li.africa a:visited,
.map li.africa a:hover,
.map li.africa a:active {
    width: 69px;
    height: 76px;
} 
.map li.asia,
.map li.asia a:link,
.map li.asia a:visited,
.map li.asia a:hover,
.map li.asia a:active{
    width: 117px;
    height: 111px;
} 

/* now for the background images */
.map li.americas a:link,
.map li.americas a:visited {
    background-image: url(../display_images/map/america.gif);
}
.map li.americas a:hover,
.map li.americas a:active{
	background-image: url(../display_images/map/america_selected.gif);
} 
.map li.europe a:link,
.map li.europe a:visited{
	background-image: url(../display_images/map/europe.gif);
}
.map li.europe a:hover,
.map li.europe a:active {
	background-image: url(../display_images/map/europe_selected.gif);
} 
.map li.middle a:link,
.map li.middle a:visited{
	background-image: url(../display_images/map/mideast.gif);
}
.map li.middle a:hover,
.map li.middle a:active {
	background-image: url(../display_images/map/mideast_selected.gif);
} 
.map li.africa a:link,
.map li.africa a:visited{
	background-image: url(../display_images/map/africa.gif);
}
.map li.africa a:hover,
.map li.africa a:active {
	background-image: url(../display_images/map/africa_selected.gif);
} 
.map li.asia a:link,
.map li.asia a:visited {
	background-image: url(../display_images/map/asia.gif);
}
.map li.asia a:hover,
.map li.asia a:active{
	background-image: url(../display_images/map/asia_selected.gif);
} /*-------------forms------------------*/
form .mandatory, form .required, form .required_message{color:#ee2d24;}
form .required{margin-top:10px;margin-bottom:10px;}
#map_search{}
#map_search fieldset{float:left;margin-left:3px;}
.home #headerband #rightcol #map_search #golabel, #map_search #go{margin:0;}
#map_search #go{padding:0;}
.mapcontainer .column{margin-right: 3%;}
#review_f{width:190px;}
#secondary-content #publications_films_f{width:190px;}
#content.document #publications_films_f{width:170px;}
#review_f fieldset, #publications_films_f fieldset{margin:0;padding:2px 0;}
#publications_films_f input.radio{width:auto;margin:0;}
#review_f fieldset label, #publications_films_f fieldset label{text-transform:none;font-weight:normal;margin:0;padding:0;}
#review_f label, #review_f fieldset label, label, #photos_f fieldset.last_line label, #publications_films_f fieldset.last_line label{display:inline;}
#photos_f fieldset.last_line label, #contacts_f label, #headersearch label.hidden, #publications_films_f fieldset.last_line label.hidden{display:none;}
#review_f input#keywords_text,
#contacts_f fieldset.last_line input#keywords_text,
#photos_f fieldset.last_line input#keywords_text,
#publications_films_f fieldset.last_line label input#keywords_text{width:158px;}
#secondary-content #publications_films_f fieldset.last_line input#keywords_text{width:137px;}
#review_f input.submit,
#contacts_f fieldset.last_line input.submit,
#photos_f fieldset.last_line input.submit,
#publications_films_f fieldset.last_line input.submit{letter-spacing: -5000px;background: url(../../display_images/arrow_search.gif) no-repeat center center;width: 23px;height: 22px;margin-top: 0px;border: 1px solid #d0cdc6;background-color: #485458;color: white;font-weight: bold;}
/*word delegations: who we are - contacts*/
body.whoweare #media_contact_f, body.whoweare #icrc_delegations_f, body.whoweare #icrc_offices_f{margin:0;padding:0;}
body.whoweare #icrc_delegations_f fieldset, body.whoweare #icrc_offices_f fieldset{margin:0;padding:0;float:none;clear:both;display:block;}
body.whoweare #media_contact_f fieldset{margin-bottom:10px;}
body.whoweare #media_contact_f label, body.whoweare #icrc_delegations_f label, body.whoweare #icrc_offices_f label{float:none;clear:both;display:block;}
body.whoweare #icrc_offices_f label{background:url(../../display_images/bullets/bullet.gif) no-repeat 0 0.5em;text-transform:none;}
body.whoweare #icrc_offices_f label span{padding-left:9px;}
body.whoweare #media_contact_f label{text-transform:none;}
body.whoweare #media_contact_f select, body.whoweare #icrc_delegations_f select, body.whoweare #icrc_offices_f select{width:200px;float:none;clear:both;display:block;}
body.whoweare #general_contact_f label{text-transform:none;}
body.whoweare #general_contact_f select, body.whoweare #general_contact_f input, body.whoweare #general_contact_f textarea{display:block;}
body.whoweare #general_contact_f select{width:95%;}
body.whoweare #general_contact_f input{width:93%;}
body.whoweare #general_contact_f textarea{width:93%;}
body.whoweare #general_contact_f input.button{width:auto;cursor:pointer;}
form label.hidden{display:none;}
/*resources search*/
#resourcesearch #resourcesearch_sort_relevance, #resourcesearch #resourcesearch_sort_date, #resourcesearch #resourcesearch_search_results, #resourcesearch #resourcesearch_search_new{width:2em;}
#resourcesearch .radio{}
/*submit*/
fieldset.submit input{background:url(../../display_images/backgrounds/submit_next.gif) no-repeat 2px center;border:1px solid #D7E3E3;cursor:pointer;font-weight:bold;padding:2px 2px 2px 20px;color:#666666;text-transform:uppercase;font-size:1em;font-line:1.5em;}
fieldset.submit button{background:url(../../display_images/backgrounds/submit_next.gif) no-repeat 2px center;border:1px solid #D7E3E3;cursor:pointer;font-weight:bold;padding:2px 2px 2px 20px;color:#666666;text-transform:uppercase;font-size:1em;font-line:1.5em;}
.rtl fieldset.submit button{background:url(../../display_images/backgrounds/submit_next_mirror.gif) no-repeat 100% center;padding:2px 20px 2px 2px;}/***
**** Structure
****/
body{text-align:left !Important;background-color:#ffffff !Important;}
.filedownload thead{display:none;}
FONT 
	{ 
	font-family: Arial, sans-serif; 
	font-size: 1em; 
	}

.content {
	overflow: hidden;
  /*  width: 979px;*/
    margin: 10px 0 0 15px;
    background: url("/attributes/display_images/backgrounds/threecol.gif") repeat-y scroll 175px 0 transparent !important;
}

.contentTest {
	width:800px;
    margin: 20px 0 0 35px;
}	
.contentheader {
	margin-bottom: 10px;
    overflow: hidden;
    width: 750px;
    width: 775px\9;
}

.maincol {
	border: 0 none;
    float: left;
    overflow: visible;
    width: 768px;
}

.tertiary-content {
	float: left;
    font-size: 0.95em;
    margin-right: 15px;
    overflow: hidden;
    width: 160px;
}

.primary-content {
	width: 577px;
	float: left;
	font-family: Georgia,"Times New Roman",courier,serif;
}

.secondary-content {
	width: 194px;
	line-height: 1.5;
	float: right;
    font-size: 0.95em;
    padding: 0 15px 0 0;
}

.contentBlock {
	overflow: hidden;
    margin: 0 15px 20px;
    width: 546px;
}

.title	{
	color: #383838;
	font-family: Arial,Verdana,sans-serif;
    font-size: 1.9em;
    letter-spacing: -1px;
    line-height: 1.1em;
    margin: 0 15px 15px;
    text-align: left;
    font-weight:700;
    padding: 0;
}

.selectedTopics {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ECEEEE;
    border-style: solid;
    border-width: 0 0 1px;
	color: #1F3E4E;
	padding-top: 5px;
    font-family: Arial,Verdana,sans-serif;
    font-size: 0.95em;
    line-height: 1.2em;
    margin: 0 0 8px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold
}

.labelField	{
	color: #383838;
    font-family: Arial,Verdana,sans-serif;
    font-weight: bold;
    line-height: 1.2em;  
}

table {
	border-spacing: 0px 10px;	
}


/***
**** 
****/
.searchButton {
	position: relative;	
	z-index:99;
	background-clip: border-box;
    background-color: #485458 !important;
    background-image: url("/attributes/display_images/arrow_search.gif");
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #D0CDC6;
    color: transparent;
    height: 20px;
    vertical-align: middle;
    width: 23px;
    margin-left: 5px;
}

.searchInput {
	position: relative;	
	z-index:99;
	color: #999999;
    font-family: Arial,sans-serif;
    font-size: 1em;
	vertical-align: middle;
	width: 115px;
	height: 12px;
}
a.searchIhl{
	display:block;

	background-image:url('toolbar_find.png');
	background-repeat: no-repeat;
	background-color:#8d8070;
	background-size: 32px 32px;
	height: 32px;
	border-radius: 4px;
	padding:3px;
	padding-left:40px;
	padding-right:10px;
	color:#ffffff !important;
	margin-bottom:20px;
	font-size: 16px;
    font-weight: bold;
    line-height: 32px;
}

.searchPanel {
	position: relative;	
	z-index:99;
	margin-top: 82px;
}

/***
**** Right column
****/
.attributesTitlePanel {
	margin: 0 0 8px;
    padding: 0 0 6px;
    border-color: #ECEEEE;
    border-style: solid;
    border-width: 0 0 1px;
}

.attributesTitle {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    font-family: Arial,Verdana,sans-serif;
    color: #1F3E4E;
    font-size: 1em;
    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
}

.attributesField {
	background: url("/attributes/display_images/bullets/bullet.gif") no-repeat scroll 0 0.5em transparent;
    margin-bottom: 3px;
    padding-left: 9px;
 }

/***
**** File downloader
****/

.xspDataTableFileDownload{
	border-collapse:none;
}

.xspDataTableFileDownload TBODY TR TD{
	border:none;
	padding-right:0px;
}

.xspDataTableFileDownload THEAD{
	display:none;
}

.xspDataTable tbody tr td {
	vertical-align: middle;
	padding-right:0px;
}

.fdownload_typeClass{
	width:1px;
}

.fdownload_typeClass .xspTextComputedField{
	display:none;
	padding-right:0px;
}

.fdownload_fileClass{
}

.fdownload_sizeClass{
	color:#D3056E;
}

/***
**** CUSTOM XSP
****/

.xspForm {
	display: block;
}

.xspPanelViewColumnHeader:hover {
	background-color: transparent;	
}

/***
**** Starter / Footer for view table 
****/
.xspDataTableViewPanelHeaderStart, .xspDataTableViewPanelHeaderMiddle,
.xspDataTableViewPanelHeaderEnd,.xspDataTableViewPanelFooterStart,
.xspDataTableViewPanelFooterMiddle,.xspDataTableViewPanelFooterEnd {
	display: none;	
}
.bandeau-wrapper.theme-brown, .theme-brown .bandeau-wrapper {
    background-color: #a4998c;
    color: #fff;
    max-width: 100%;
}
.bandeau {
    background-color: #a4998c;
    color: #FFF;
    margin: 0;
    padding: 15px 12px;
    font-family: "Merriweather",Georgia,"Times New Roman",Times,serif;
    font-weight: 700;
    line-height: 1.5;
}
.ihl_title {
    font-size: 30px ;
    float:left;
    max-width:80%
}
#SearchLink{float:right;line-height:1.5}
#SearchLink a{margin-top:20px;}

.container, .content {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 995px;
}

@media (min-width: 1200px) {
  .container, .content {
    width: 995px;
  }
}/***
**** Structure
****/

.primary-content {
	line-height: 1.1em;
}

/***
**** XSP
****/
.xspPagerContainer {
	background-color: #FBFAF6;
	float: left;
	margin-bottom: 10px;
	}

.xspPagerRight {
	background-color: #FBFAF6;
	}
	
.xspGroup span span.xspCurrentItem {
    color: red;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
	}
	
.xspGroup span span {
	border: none;
	}
	
.xspGroup span span a, .xspGroup span span a:visited {
	font-weight: normal !important;
	}

.xspGroup span span a, .xspGroup span span a:visited {
    color: #4C7C8E;
    font-weight: normal;
	}

/***
**** Treaties
****/

.treatyTile, .treatyDate, .treatyReserve {
    font-family: Arial,Verdana,sans-serif;
    text-decoration: none;
    font-size: 1.1em;
    text-transform: none;
    line-height: 1.3em;
    list-style-type: none;
    text-align: left;
    padding-left: 9px;
}

.treatyTile {
	color: #4C7C8E;
	background:url("/attributes/display_images/bullets/bullet.gif") no-repeat scroll 0 0.5em transparent;
}

.treatyDate {
	color: #858585 !important;
}

.treatyReserve {
	color: #4C7C8E; 
	cursor: pointer;
	font-weight: normal;
}

/***
**** Countries
****/

.tableCountries, .tableTopics {
	border : 1px solid #4C7C8E;
	padding : 5px;
}

.tableCountries td, .tableTopics td {
	padding : 5px;
}

.labelCountry, .labelTopic {
	cursor: pointer;
	color: #4C7C8E;	
	font-family: Arial,Verdana,sans-serif;
    font-size: 0.9em;
}

/***
**** Topics
****/

.titleH2 {
	font-weight: bold;
    border-color: #ECEEEE;
    border-style: solid;
    border-width: 0 0 1px 0;
    font-family: Arial,Verdana,sans-serif;
    font-size: 0.95em;
    line-height: 1.2em;
    margin-bottom: 8px;
    padding-bottom: 6px;
    text-transform: uppercase;
    color: #1F3E4E;
}

.topicPanel {
	margin-bottom: 30px;
	display: block;	
}

.treatyPanel {
	margin-bottom: 10px;
	display: block;	
}

.treatyMapLink {
	cursor: pointer;
}

.info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.info h4 {
    margin: 0 0 5px;
    color: #777;
}

.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

.mapContainer {
	width: 100%;
	height: 100%;
}

.modalScreen {
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modalBox {
	position: fixed;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
}

.mapTitle {
	color: rgb(255,255,255);
	font-size: 3em;
	text-align: center;
	padding: 5px;
	background-color: rgb(80,80,80);
	line-height: 1em;
}

a.boxclose{
    position: absolute;
    top: 0;
    right: 0;
    margin-top:-8px;
    margin-right:-8px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;       
}

.boxclose:before {
    content: "×";

}

a.boxclose:hover{
	color: rgb(255,255,255);
	text-decoration: none;
}