/*

	override-site.css

	this file  defines exceptions and specific
	details belonging to one site only. it
	should be overridden in each design.

  	this is site-wide generic style definitions -
  	classes, elements and such. not specific funny
  	single template exceptions, they should be
  	in override-templates.css

	see ../README.txt for style specifications

*/

/* GENERAL STUFF */

body {
	font-size:12px;
	line-height:1.5em;
	font-family: arial, sans-serif;
	letter-spacing:-10;
	color:#2c2c2c;
}

a { text-decoration:none;  }
a, a:visited { color:#fd8f0e; }
a:hover, a.hover, a:active 	{ color:#ffac2c; }
a#header-logo:focus { outline-style:none; } /* firefox focus ring */

.big 	{ font-size:1.17em; line-height:1.14em;  }
small 	{ font-size:0.92em; line-height:1.45em; color:#797979; }
h1 		{ font-size:1.50em; line-height:1.11em; font-weight:bold; margin-bottom:1em; color:#4e616b; }
h2 		{ font-size:1.33em; line-height:normal; font-weight:bold; margin-bottom:.25em; color:black; }
h3 		{ font-size:1.08em; line-height:normal; font-weight:bold; margin-bottom:.25em; color:black; }
h4 		{ font-size:1.17em; line-height:1.14em; font-weight:bold; margin-bottom:.25em; color:#4e616b; }


h1#title 		{ color:black; font-size:1.33em; margin:.25em 0 1em; }
div#intro		{ margin-bottom:1em;  }

body.content h2#title		{ margin:-.25em 0 .5em; }
body.content big#subtitle 	{ font-weight:bold; }
body.content div#intro		{ margin:0; font-weight:bold; }

/*
	xmlblock fonts
*/
div#more h2 { color:#4E616B; }


/* warnings */
.warning { font-weight:bold; margin:.5em 0 .5em 0; }
.feedback { margin:.5em 0 0 0; }




/* decoration */

.colheader 		{ height:16px; margin:0 0 .5em; padding:0; border-bottom:1px dotted #999999; }
.colcontent 	{ display:block; margin-bottom:2em; }
.ta_center		{ text-align:center; }
hr.colstop 		{ margin-bottom:0; } /* strange line */

.tab 			{
	display:block; float:left; min-width:100px;
	-webkit-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px; border-top-left-radius: 2px;
	color:white;  background-color:#5e727d;
	height:15px; padding:1px 2em 0 .5em;
	white-space:nowrap; overflow:hidden;
}

/* color themes (mainly for tabs) */
.home	 			{ color:white; background-color:#5e727d; }
.features	 		{ color:white; background-color:#5e727d; }
.web20		 		{ color:white; background-color:#adb8bd; }
.contact			{ color:White; background-color:#dc3900; }

.publications 		{ color:white; background-color:#81823d; }
.links 				{ color:white; background-color:#26B0DD; }
.related, .events 	{ color:white; background-color:#315611; }

.banners, .blog 	{ color:white; background-color:#101964; }
.carousel			{ color:white; background-color:#000000;}
.tenders 			{ color:white; background-color:#f6c01d; }
.bulletins	 		{ color:white; background-color:#4d0d9d; }
.editorial, .region, .country, .theme, .projects	{
	color:white; background-color:#731110;
}

/* restore body colors just in case */
body.region, body.country, body.theme, body.projects, body.publication,
body.home, body.features, body.web20, body.links, body.related, body.tenders,
body.events, body.banners, body.blog, body.editorial, body.contact {
	background-color:white; color:#2c2c2c;
}
/* restore tab link colors */
.tab a, .tab a:visited { color:white; }


/* styled colors */

.bgwhitegrey	{ background-color: #f7f8f8; }
.bgbluemist		{ background-color: #edf0f1; }
.bgbluefog		{ background-color: #eff1f1; }
.bglitegrey 	{ background-color: #adb8bd; }

.bggrey			{ background-color: #5e727d; }
.bgorange		{ background-color: #ffac2c; }

.bdbluefog		{ border-color:#afb8bd; }
.bdgrey			{ border-color:#999999; }

.fgthingrey		{ color:#797979; }
.fglitegrey		{ color:#5e727d; }
.fggrey			{ color:#2c2c2c; }
.fgheadergrey	{ color:#4e616b; }
.fgorange		{ color:#fd8f0e; }
.fgnavygrey		{ color:#8592a3; }

/* ezpublish stuff */

div.object-left {
	float:left; margin-right:1em;
}
div.object-right {
	float:right; margin-left:1em;
}
div.break {
	clear:both;
}
div.buttonblock {
	margin:1em 0;
}
table.list td, table.list th {
	border-bottom:1px dotted #999999;
}
a .spamfilter {
	display:none;
}
div.attribute-image p { margin:0; }

/* lists */

ul.dotted, dl.dotted {
	border:none !important;
	padding:0;
	margin:0;
}
ul.dotted li 		{
	border-bottom:1px dotted #999999;
	margin-bottom:.5em; padding-bottom:.5em;
}
ul.dotted li.last 	{ border-bottom:0px solid; }

dl.dotted dd 		{
	border-bottom:1px dotted #999999;
	margin-bottom:.5em; padding-bottom:.5em;
}
dl.dotted dd.last 	{ border-bottom:0px solid; }

dl.nobullit, ul.nobullit {
	list-style-type:none;
	padding-left:0;
}

ul.space li {
	margin-bottom:1em;
}


/*
	.side column exceptions for lists, colors, links
	in .side cols,
		- links have plain color
		- dd has lighter font color
		- li has smaller lineheight
*/

.side a 	{ color:inherit; } /* which is blackish */
.side a:hover, .side a.hover { color:#5e727d; }

.side ul 	{ list-style-type:none; padding-left:0; margin-right:0; }
.side li 	{
	line-height:1.17em;
	padding-left:15px;
	background:url(bul-6x6g.png) 0 5px no-repeat;
}
.side li.nobullit {
	background-image:none;
}

.side dd	{
	color:#5e727d;
	line-height:1.33em;
	padding-left:15px; margin-left:0;
}
.side dt 	{
	color:black; padding-left:15px;
	background:url(bul-6x6g.png) 0 5px no-repeat;
}
.side dt a 	{ color:inherit; } /* which is blackish */
.side dt.selected a	{ color:#5e727d; }
.side dt a:hover, .side dt a.hover, .side h2 a:hover  { color:#5e727d !important; }
.side dt.nobullit {
	background-image:none;
}
.side dt.strapline  {
	color:#fd8f0e;
	font-weight:normal;
	background-image:none;
}

.side dt.strapline a {
	color:#fd8f0e;
}
.side .spacer {
	display:block;
	border-top:1px dotted #999999;
	padding-bottom:10px;
	margin-top:10px;
	padding-left:0px;
	background:none;
}
.side .spacer.num1 {
	display:block;
	border-top:none;
	padding:0;
	margin:0;
}
/* dl with arrows dt's */
.side dl.arrows dd, .side dl.arrows dt {
	margin-bottom:1em;
}
.side dl.arrows dt {
	background: url("arrright-8x8.png") no-repeat scroll 0 3px transparent
}
.side dl.arrows dt.down {
	background: url("arrdown-8x8.png") no-repeat scroll 0 5px transparent
}
.side dl.arrows dt.selected {
	background: url("arrright-8x8-sel.png") no-repeat scroll 0 3px transparent
}
.side dl.arrows dt.selected.down {
	background: url("arrdown-8x8-sel.png") no-repeat scroll 0 5px transparent
}


/*
	foldable dl 's on the side. there's
	javascript for them in override.js
*/

.side dl.foldable {}
.side dl.foldable dd, .side dl.foldable dt {
	margin-bottom:1em;
}
.side dl.foldable dt {
	display:block;
	position:relative;
	background:none transparent;
	/*background: url("../images/arrright-8x8.png") no-repeat scroll 0 3px transparent;*/
}
.side dl.foldable dt, .side dl.foldable dt a {
	font-weight:bold;
	color:black;
	text-decoration:none;
}

.side dl.foldable dt a:hover {
	color:#2c2c2c;
}
.side dl.foldable dt span.foldicon {
	display:block;
	position:absolute;
	cursor:pointer;
	left:0;
	height:1em;
	width:1em;
	background: url("arrright-8x8.png") no-repeat scroll 0 3px transparent;
}
.side dl.foldable dt.open span {
	background: url("arrdown-8x8.png") no-repeat scroll 0 5px transparent;
}
.side dl.foldable dt.open:hover {
	color:black;
}



/*
	pager
*/

ul.pager 			{
	margin:0; float:right;
	list-style-type:none;
	padding:0 0 1em;
}
ul.pager-one		{ display:none; }
form ul.pager 		{ margin-top:.5em; }

ul.pager a			{ text-decoration:none; color:black; }
ul.pager li {
	margin:1px;  display:block; float:left;
	padding:0;  text-align:center;
	width:1.5em;
}
ul.pager li.pager-prev				{ width:100px; }
ul.pager li.pager-next				{ width:100px; }
ul.pager li.pager-current 			{ border:1px solid #999999; }

ul.pager li.pager-index {}
ul.pager li.pager-first {}
ul.pager li.pager-pre 	{}
ul.pager li.pager-ellips {}
ul.pager li.pager-post 	{}
ul.pager li.pager-last 	{}

ul.pager.narrow li					{ width:.69em; }


/* images */

img.colthumb			{ width:80px; margin:.25em 2em 1em 0; }
img.rowthumb			{ height:70px; }
div.subcolbanner img	{ max-width:230px; }
div.twocolbanner img	{ max-width:350px; }
div.threecolbanner img	{ max-width:230px; }
img.portrait			{ width:70px; margin-bottom:1em; }
img.illustration		{ width:230px; }

/* generic form elements */

fieldset 		{ border-color:#81b23d; }
input.blur 		{ color:#999999; }
input.fancybutton {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background:#5e727d url("bg-fancybutton.png") 0 0 repeat-x;
	color:white; border-width: 0px; cursor:pointer;
}
input.half		{ width:50%; }
input.full		{ width:100%; }
textarea.full	{ width:98%; }

form.filter select {
	font-size:1.1em;
}

/* utility classes */


.insertright	{ background-color:#F7F8F8; float:right; margin-left:1em; margin-bottom:2em; }
.insertleft		{ background-color:#F7F8F8; float:left; margin-right:1em; margin-bottom:2em; }

.topdotted		{ border-top:1px dotted #999999; padding-top:.25em; }
.botdotted		{ border-bottom:1px dotted #999999; padding-bottom:.25em; }
.topdotted		{ border-top:1px dotted #999999; padding-top:.25em; }
.dottedbox 		{ background-color:#f7f8f8; padding:1em; border:1px dotted #999999; margin-bottom:1em; }
.dotruler  	{ border-bottom:1px dotted #999999; display:block; clear:both; float:none; height:0.1em; margin:0 0 1.45em; width:100%; }
.dotted		{ border-bottom:1px dotted #999999; padding-bottom:.25em; border-top:1px dotted #999999; padding-top:.25em; }

a.more			{ }
a.readmore		{ padding-left:8px; background:url("icn-readmore.png") 0 50% no-repeat; }
a.seeall		{ font-weight:bold; padding-left:8px; background:url("icn-seeall.png") 0 50% no-repeat; }
a.author		{ color:#4E616B; }
a.author:hover	{ color:#000000; }
a.nolink		{ color:inherit; }
button.link 	{ font-size: 1em; text-align: left; background: none; margin: 0; padding: 0; border: none; cursor: pointer; -moz-user-select: text; }
a.canvas		{ background-color:#cccccc; display:block; }

/* the oneclick functionality has been canceled 20101214
	.oneclick		{ cursor:pointer; }
*/
.nouline 		{ text-decoration:none; }
.notbold		{ font-weight:normal; }
.floatleft 		{ float:left; margin-right:1em; }
.floatright 	{ float:right; }
.alignright 	{ text-align:right; }
.padleft		{ padding-left:1em; }
.padright		{ padding-right:1em;}
.fillwhite		{ background-color:white; }
.text-only 		{ display:none; }
.clear			{ clear:both; }

span.nobr { white-space:nowrap; }

div.padtop 		{ padding-top:.5em; }

.padleft .insertright { margin-left:0; }
.padright .insertleft { margin-right:0; }

/* iconed links */
a.file			{
	display:block; min-height:32px; padding:16px 0 0 40px;
	background:url("icn-file32.png") 0% 50% no-repeat;
}
a.audio			{ background-image:url("icn-audio32.png") }
/* a.pdf			{ background-image:url("../images/icn-pdf32.png") } */
a.text			{ background-image:url("icn-text32.png") }
a.video			{ background-image:url("icn-video32.png") }

a.file.floatright			{
	padding:16px 40px 0 0; margin-right:8px; background-position:100% 50%;
}


/* print layout */

@media print {

	#backdrop		{ width:740px; }
	#page			{ width:740px; }
	#page-header	{ height:100px; }
	#header-slideshow, #header-slideshow img {width:700px; }
	#header-search 	{ display:none; }
	#header-menu 	{ display:none; }
	#page-body		{width:720px; }
	#body-maincol	{ margin-top:1em; }
	.toolbar		{ display:none; }
	#body-sidecol	{ display:none; }
	#page-footer 	{ display:none; }

	/* override blueprint */

	a:link:after, a:visited:after {content:none;}

}

/* SITEMAP */

#sitemap {
	width:100%;
}
#sitemap .colums {
	float:left;
	width:50%;
}
#sitemap .colums a{
	color:#000;
}
#sitemap .colums a:hover{
	color:#5E727D;
}

/* TITLE */

h2 a{
	color:#000 !important;
}
h2 a:hover {
	color:#FFAC2C !important;
}
a.orange {
	color:#FFAC2C !important;
}