/*
@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);
}