/*

	override-templates.css

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

	see ../README.txt for style specifications

*/

/* body classes, just a list */

body.indexpage#index-home { }

body.indexpage#index-regions { }
body.indexpage.index-region { }
body.indexpage.index-country { }

body.indexpage#index-themes { }
body.indexpage.index-theme { }
body.indexpage.index-project { }

body.indexpage#index-publications { }

body.indexpage#index-events { }


/* backdrop, page */
#backdrop			{
	padding:0; width:980px;
}
#backdrop-topshadow	{
	height:5px; background:transparent url(bg-backdrop-top.png) 0 0 repeat-x;
}
#backdrop-botshadow	{
	height:10px; background:transparent url(bg-backdrop-bot.png) 0 -5px repeat-x;
}
#page			{
	width:980px; padding:5px 10px; background:transparent url(bg-page.png) repeat-y;
}

/* page-header */

#page-header {
	position:relative; height:180px;
}
#header-banner {
	position:absolute;
	height:150px;
	width:960px;
}
#header-banner img {
	position:absolute;
}
#header-search {
	position:absolute;
	right:0; bottom:30px;
	padding:.5em 1em;
	background:#5e727d url("bg-header-search.png") 0 100% repeat-x;
}
#header-search input.small {
	width:160px;
}
#header-logo {
	position:relative;
	display:block;
	height:150px;
	width:480px;
}

#header-menu {
	height:30px;
	width:960px;
	background-color:#5e727d;
	color:white;
	margin:0;
}
#header-menu a { color:white; }
#header-menu dt {
	height:23px;
	font-weight:bold;
	display:block;
	float:left;
	border-right:1px solid #ADB8BD;
	padding:7px 1em 0;
}
#header-menu dt:hover {
	background-color:#feac2c;
}
#header-menu dt.selected {
	background-color:#feac2c;
}
#header-menu dt.floatright {
	float:right;
	border-right:0px solid;
	border-left:1px solid #ADB8BD;
}
#header-menu dd { display:none; }
#header-menupanel {
	display:none;
	position:relative;
	left:-10px;
	width:820px;
	z-index:99;
}

#menupanel-body {
	width:800px;
	padding:0 10px;
	background:transparent url('bg-menupanel.png') 0 0 repeat-y;
}

#menupanel-content {
	width:740px;
	padding:15px 30px 30px 30px;
	border:1px solid #afb8bd;
	border-width:1px 0px;
}

#menupanel-content .column {
	width:128px;
	margin-right:25px;
}
#menupanel-content .last {
	margin-right:0;
}
#menupanel-content  h5 {
	margin-bottom:0;
}
#menupanel-content  ul {
	list-style-type:none;
	padding-left:0; margin-right:0;
	font-weight:bold;
	font-size:.9em;
}
#menupanel-content  li {
	margin-bottom:0;
}
#menupanel-content h5 a		{ color:black; }
#menupanel-content h5 a:hover	{ color:#5e727d; }
#menupanel-content a		{ color:#5e727d; }
#menupanel-content a:hover 	{ color:black; }
#menupanel-footer {
	width:820px;
	height:15px;
	background:transparent url('bg-menupanel-footer.png') 0 0 no-repeat;
}

#header-menupanel.menupanel-span1 h5 {
	border-bottom:1px dotted #999999;
	padding-bottom:.25em;
}

/* different sizes */
#header-menupanel.menupanel-span1 { width:180px;  }
#header-menupanel.menupanel-span2 { width:340px;   }
#header-menupanel.menupanel-span3 { width:500px;   }
#header-menupanel.menupanel-span4 { width:660px;   }
#header-menupanel.menupanel-span1 #menupanel-body { width:160px; background:transparent url('bg-menupanel-span1.png') 0 0 repeat-y; }
#header-menupanel.menupanel-span2 #menupanel-body { width:320px; background:transparent url('bg-menupanel-span2.png') 0 0 repeat-y; }
#header-menupanel.menupanel-span3 #menupanel-body { width:480px; background:transparent url('bg-menupanel-span3.png') 0 0 repeat-y; }
#header-menupanel.menupanel-span4 #menupanel-body { width:640px; background:transparent url('bg-menupanel-span4.png') 0 0 repeat-y; }
#header-menupanel.menupanel-span1 #menupanel-content { width:120px; padding:15px 20px 30px 20px; }
#header-menupanel.menupanel-span2 #menupanel-content { width:300px; border:0; }
#header-menupanel.menupanel-span3 #menupanel-content { width:460px; border:0;}
#header-menupanel.menupanel-span4 #menupanel-content { width:620px; border:0;}
#header-menupanel.menupanel-span1 #menupanel-footer { width:180px; background:transparent url('bg-menupanel-footer-span1.png') 0 0 no-repeat; }
#header-menupanel.menupanel-span2 #menupanel-footer { width:340px; background:transparent url('bg-menupanel-footer-span2.png') 0 0 no-repeat; }
#header-menupanel.menupanel-span3 #menupanel-footer { width:500px; background:transparent url('bg-menupanel-footer-span3.png') 0 0 no-repeat; }
#header-menupanel.menupanel-span4 #menupanel-footer { width:660px; background:transparent url('bg-menupanel-footer-span4.png') 0 0 no-repeat; }


/* special menupanels for special nodes */

#header-menupanel.menupanel-164647 {
	position:absolute;
	right:-27px;
	left:auto;
}
#header-menupanel.menupanel-publications {
	position:absolute;
	left:190px;
}

/* page-body */

#body-header 	{ height:15px; padding:5px 0; }
#header-path	{ }
#header-path a 	{ color:inherit; }

#carousel { width:710px;  }
#carousel-slides {
	float:left;
	width:480px;
	background-color:#edf0f1;
}
#carousel-slides div.missing-image {
	margin-right:10px;
	width:230px;
	height:200px;
	background-color:#5e727d;
	float:left;
}
#carousel-slides div.txtright {
	float:left;
	width:220px;
	height:190px;
	overflow:hidden;
}
#carousel .slide {
	width:465px;
	padding-right:15px;
	position:relative;
	height:200px;
	overflow:hidden;
}
#carousel .slide h1 {
	font-size:1.4em;
	margin:.5em 0 .5em 0;
}

/* oneclick hovers */
#carousel .slide.oneclick.hover  { color:#8592a3; }
#carousel .slide.oneclick.hover a { color:#8592a3; }

#carousel .slide img { max-height:200px; }
#carousel .slide a { color:#4E616B; } /* which is blue */
/*
	#carousel .slide a:hover, #carousel .slide a.hover { color:black; }
*/
#carousel-slide0  { background:url("bg-carousel-slider.png") 100% 0 no-repeat; }
#carousel-slide1  { background:url("bg-carousel-slider.png") 100% 50px no-repeat; }
#carousel-slide2  { background:url("bg-carousel-slider.png") 100% 100px no-repeat; }
#carousel-slide3  { background:url("bg-carousel-slider.png") 100% 150px no-repeat; }

#carousel-pagers {
	float:left; width:230px; color:#4E616B;
}
#carousel-pagers .current {
	color:black;
}
#carousel .pager {
	background-color:white;
	border-color:#edf0f1;
	border-width:1px 0px;
	border-style:solid;
	height:40px; padding:8px 1em 0;
	font-weight:bold;
	cursor:pointer;
	overflow:hidden;
}
#carousel .pager:hover {
	color:black;
}
#carousel-pagers .first {
	border-width:0 0 1px;
}


/* page-body : body-maincol */

/*
	by default,  all pages  have subcol


*/
body.hassubcol #maincol-subcol { display:block; width:230px; }
body.hassubcol #maincol-content { width:470px; padding-left:0px; }



/* some pages the padding lines up with the menu left bound

	body.article #maincol-content,
	body.folder #maincol-content,
	body.user_group #maincol-content { width:708px; padding-left:2px; }

*/

/*
	and some pages have no subcol.
	class .nosubcol is
	set in includes/body-attributes
*/

body.nosubcol #maincol-subcol { display:none; }
body.nosubcol #maincol-content { width:710px; }


/*
	there may be innercols in the maincol, like this:
	#page-body > #body-maincol > .column.innercol.twocol
	see override-site.css
*/


/*
	body.flipmaincol

	if flipmaincol is set on the body,
	only the maincolums subcolumns are flipped.

*/

body.flipmaincol #maincol-subcol,
	body.flipmaincol #maincol-content  { float:right; margin-right:0; margin-left:10px; }
body.flipmaincol #maincol-subcol.last,
	body.flipmaincol #maincol-content.last  { margin-left:0; }

body.flipmaincol .flipped #maincol-subcol,
	body.flipmaincol .flipped #maincol-content  { float:left; margin-right:10px; margin-left:0; }
body.flipmaincol .flipped #maincol-subcol.last,
	body.flipmaincol .flipped #maincol-content.last  { margin-right:0; }

/*
	if the subcol is on the right and the contentcol on the lieft,
	draw a backdrop under the subcol, but make it stop before the colfooter,
  	as per sketches.

  	also, the flipped subcol (when on the right) has additional
  	margins because of the backdrop, - except the  first colheader.

  	and, the maincol-footer can overlap the background pattern, so
  	it looks a if it is a backdrop for the maincol-subcol only.

*/

body.flipmaincol #body-maincol {
	background:url("bg-maincol-subcol.png") no-repeat 480px 20px;
	margin-bottom:60px;
}
body.flipmaincol #maincol-footer {
	background-color:white;
	padding-top:1em;
}
body.flipmaincol #body-maincol .colfooter {
	margin:0 0 -25px; padding:10px 0; position:relative; top:10px;
}
body.flipmaincol #body-maincol #maincol-subcol {
	width:215px; padding:0 10px 0 5px;
}
body.flipmaincol #body-maincol #maincol-subcol .colheader:first-child {
	margin-right:-10px;
}

/*
	undo all of the above when "double flipped"
	by setting .flipped on the maincol element
	(this would have to happen in he pagelayout)
*/
body.flipmaincol #body-maincol.flipped {
	background-image:none;
}
body.flipmaincol #body-maincol.flipped .colfooter 		{
	margin:0; padding:10px 0; top:0;
}
body.flipmaincol #body-maincol.flipped #maincol-subcol {
	width:230px; padding:0;
}
body.flipmaincol #body-maincol.flipped #maincol-subcol .colheader:first-child {
	margin-right:-10px;
}


/* maincol listing. used on homepage and indexpages */

#maincol-content dt 					{
	font-size:1.33em; line-height:normal;
	font-weight:bold;  color:black;
	margin:.75em 0;
}
#maincol-content dt a { color:inherit; }
#maincol-content dt a:hover, #maincol-content dt a.hover { color:#8592a3; }
#maincol-content dd  {
	padding-left:0; margin-left:0; margin-bottom:.75em;
}

#maincol-content dd small {
	color:#2c2c2c;
	font-size:.95em;
}


#maincol-content  dt .event-line {
	display:block;  color:#4E616B; border-bottom:1px dotted #999999; padding:.25em 0;
}
#maincol-content  dt .event-title {
	padding-bottom:1em; color:black;
}
#maincol-content  dt form.event-register {
	font-size:.8em; font-weight:normal; padding:1em 0 .5em;
}
#maincol-content  dt form.event-register input {
	padding:.5em 2em; margin-top:-.5em;
}
#maincol-content  dt .event-details {
	font-weight:normal; font-size:.9em;
}

/* oneclick block hovers
	#maincol-content div.oneclick.hover dd  { color:#8592a3; }
	#maincol-content div.oneclick.hover dd small { color:#8592a3; }
*/

/* innercol listings. used on subindexpages */

.innercol dt 					{
	font-size:1.33em; line-height:normal;
	font-weight:bold;  color:black;
	margin:.75em 0;
}
.innercol dt a { color:inherit; }
.innercol dt a:hover, .innercol dt a.hover { color:#2c2c2c; }
.innercol dd  {
	padding-left:0; margin-left:0; margin-bottom:.75em;
}
.innercol dd small {
	color:#2c2c2c;
	font-size:.95em;
}


/* maincol tools. used in full view */

/* filter form (year,region,theme) */
form.filter { margin-bottom:.5em; }
form.filter select { width:20%; margin-right:10px; }
form.filter select.last { margin-right:0px; }

/* toolbar */
#maincol-content div.toolbar 	{ font-size:12px; line-height:16px; } /* fixed: dont zoom the toolbar */
#maincol-content a.tool 		{ padding-right:18px; margin-left:1em; color:inherit; }
#maincol-content a#tool-zoomout	{ font-variant:small-caps; padding-right:0; margin-right:0;}
#maincol-content a#tool-zoomin	{ text-transform:uppercase; padding-right:0; margin-left:0; }
#maincol-content a#tool-share	{ background:url("icn-share.png") 100% 50% no-repeat; }
#maincol-content a#tool-email	{ background:url("icn-email.png") 100% 50% no-repeat; }
#maincol-content a#tool-print	{ background:url("icn-print.png") 100% 50% no-repeat; }


/* toolbox */
#maincol-content div.toolbox {
	background-color:#f7f8f8;
	border:1px dotted #999999; margin-bottom:1em;
}

/* filebox */
#maincol-content div.filebox {
	padding:16px 0 0 40px; border:1px dotted #999999; margin-bottom:1em;
	background:url("icn-file32.png") 0% 50% no-repeat #f7f8f8;
	background-color:#f7f8f8;
	padding-bottom:1em;
}
#maincol-content div.filebox.audio			{
	background-image:url("icn-audio32.png");
}
#maincol-content div.filebox.pdf			{
	background-image:url("icn-pdf32.png");
	background-position:3px 50%;
}
#maincol-content div.filebox.text			{
	background-image:url("icn-text32.png");
}
#maincol-content div.filebox.video			{
	background-image:url("icn-video32.png");
}

/* Sharing box */
#share-box { position:relative; }
#share-box-popup { position:absolute; bottom:-65px; left:-43px; width:160px; height:68px; background:url(sharebox.gif) no-repeat left top; }
#share-box-popup a { display:block; position:absolute; top:18px; width:42px; height:42px; background-repeat:no-repeat; background-position:left top; }
#share-box-popup a b { display:none; }
#share-box-popup a.twitter { left:9px; background-image:url(twitter.png); }
#share-box-popup a.facebook { left:59px; background-image:url(facebook.png); }
#share-box-popup a.hyves { left:108px; background-image:url(hyves.png); }
#share-box-popup a.linkedin { left:108px; background-image:url(linkedin.png); }

/* alphalayer */
#alphalayer { display:block; z-index:999; position:absolute; top:0; left:0; width:100%; height:100%; background-color:black; opacity:0.4;filter:alpha(opacity=40); }
#alphalayer_content { display:block; z-index:1050; position:absolute; top:50%; left:50%; width:400px; height:165px; padding:20px; margin:-120px 0 0 -220px;  background-image:url(ajax-loader.gif); background-repeat: no-repeat; background-position:center; background-color:#fff; border:2px solid black; }
#alphalayer_close { display:block; z-index:1075; position:absolute; top:50%; left:50%; width:200px; height:25px; margin:46px 0 0 -197px; }
/* page-body : body-maincol : maincol-subcol */

div.subcolbanner { padding:1em 0; }
div.twocolbanner { padding:0 0 1em; }
div.threecolbanner { padding:0 0 1em; }

div.threecol img.colthumb {
	margin:0.25em 1em 0.5em 0;
	width:80px;
}

/* page-body : body-maincol : maincol-content */

/* illustration subscripts */
.sub-illustration					{ margin-right: 10px; max-width:230px; text-align:right; }
.file.sub-illustration 				{ max-width:180px; }
.insertright .file.sub-illustration { max-width:180px; text-align:right;}


/* filters */
body.noref-publications form.filter,
body.noref-events form.filter {
	margin-bottom:1em;
}

/* noref-events page */
body#noref-events #maincol-content .event-line {
	display:block;  color:#4E616B; border-bottom:1px dotted #999999; padding:.25em 0;
}
body#noref-events #maincol-content form.event-register {
	font-size:.8em; font-weight:normal; padding:1em 0 .5em;
	line-height:1em;
}
body#noref-events #maincol-content form.event-register input {
	padding:.5em 2em; margin-top:-.5em;
}
body#noref-events  #maincol-content .event-details {
	font-weight:normal; font-size:.9em;
}

/* author page */
body.author span.areas { display:block; margin-bottom:1em; }

/* event page */
body.event.content h2#title { margin-top:0; }
body.event.content #intro {
	font-weight:normal; margin:.5em 0 0;
}
body.event #maincol-content .event-line {
	display:block;  color:#4E616B; border-bottom:1px dotted #999999; padding:.25em 0;
}
body.event #maincol-content .event-title {
	color:black; margin-bottom:0;
}
body.event #maincol-content form.event-register {
	font-size:.8em; font-weight:normal; padding:1em 0 .5em;
	line-height:1em;
}
body.event #maincol-content form.event-register input {
	padding:.5em 2em; margin-top:-.5em;
}
body.event  #maincol-content .event-details {
	font-weight:normal; font-size:.9em;
}

/* publication page */
body.publication.content h2#title { margin-top:0; }
body.publication.content #intro {
	font-weight:normal; margin:.5em 0 0;
}
body.publication #maincol-content form.bulletin-subscribe {
	font-weight:normal; padding:1em 0 .5em;
	line-height:1em;
}
body.publication #maincol-content form.bulletin-subscribe input {
	padding:.5em 2em; margin-top:-.5em;
}

/* publications filter. efforts to make stuff tite */
body.noref-publications dl#intro {
	margin-bottom:1em;
}
body.noref-publications dl#intro  dd,
body.noref-publications dl#intro  dd  img {
	margin-bottom:0px;
}


/* project page */
body.project.content h2#title { margin-top:0; }
body.project.content #intro {
	margin:.5em 0 0;
}

/* search
.searchresults ul {
	margin:10px 0 0 0;
	padding:0;
}
.searchresults ul li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/bul-6x6g.png) no-repeat scroll 0 5px;
	line-height:1.17em;
	padding-left:15px;
	list-style-type:none;
}
*/

/* advsearch */

body#content-advancedsearch div.element {
	float:left; margin:0 1em 0 0;
}
body#content-advancedsearch div.feedback {
	padding:1em 0;
	border:1px dotted #999999;
}


/* page-body : body-maincol : maincol-footer */

body.project #maincol-footer {
	padding-top:1em;
}

@media print {
	#maincol-footer #more { display:block; }
}

/* page-body : body-sidecol */

#sidecol-header 	{ height:20px; }

#subscribe p 		{ margin:1em 0; }
#subscribe form input.small	{
	width:100%;
	border-bottom-color:#eeeeee;
	border-left-color:#eeeeee;
}


/* page-footer */

#page-footer h3.colheader { margin-bottom:1em; }
#page-footer a.canvas { width:105px; height:70px; overflow:hidden; background-color:#fff; border:1px solid #CCCCCC; }
#page-footer a.canvas img { min-width:105px; min-height:70px; }
#page-footer a 	{ color:inherit; } /* which is grey */
#page-footer a:hover, #page-footer a.hover 	{ color:black; }
#page-footer b	{ color:black; }
#page-footer div.column {
	width:140px;
	margin-left:10px;
}
#page-footer div.last {
	margin-right:0;
}
#footer-menu {
	clear:both;
	padding:1em 0;
	text-align:center;
	font-size:.99em;
}
#footer-menu a {
	color:#797979;
}