@charset "utf-8";
body{background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.wraper{background:#EFEFEF;margin:auto; width:1000px;}

#contentwrap{overflow:hidden; clear:both;}

.front-adv{margin:9px 0 7px 0; height:71px; overflow:hidden;}

.sf{ height:10px; border:1px solid #CFCFCF; font-size:9px;}

.fields{ border:1px solid #CFCFCF; font-size:12px;}
.ta{ width:260px; height:66px;}
.sbutton{ background:#F4F4F4; border:1px solid #B3B3B3; color:#555555; font-size:11px;}
.submitbl{ text-align:center; width:260px; padding-top:10px;}

a.blacklink{ color:#000000; }

.gallery-link{ padding:5px 0;}

.ipage ul.albums, .ipage ul.audio-db, .ipage .paginator ul, .ipage ul.people-simple{ list-style:none; margin:0;}
.ipage ul.albums li, .ipage ul.audio-db li, .ipage ul.album li{list-style:none; }

.lib-form li{ padding:4px 0;}

/*comments*/
h2.commentstitle{ padding:10px 0;}
dl.acomments{ padding-bottom:15px;}
dl.acomments dt{ font-weight:bold;}
dl.acomments dd{ padding:5px 0;}

/*front publ*/

.fpublications{ float:left;width:304px;margin-right:0; background:url(../i/lib-bg.gif) no-repeat; height:286px;}
	.fpublications img{float:left;margin: 0 10px 0 10px; width:50px; height:60px;}
	.fpublications a{color:#928989; font-weight:bold; text-decoration:none;}
	.fpublications .viewport{ width:283px; overflow:hidden;height:132px;}
	.gfsispubl{position:relative; height:130px;}
	.a-up, .a-down{position:absolute; right:4px; width:14px; height:14px; overflow:hidden; text-align:center; text-indent:-5000px; cursor:pointer;}
	.a-up{ top:0; background: url(../i/up.gif) no-repeat center; }
	.a-down{bottom:4px; background: url(../i/down.gif) no-repeat center;}
	.gfsispubl li, .gfsisopininon li{height:68px;}
	.gfsisopininon{position:relative; height:90px;}
	.gfsisopininon .viewport{width:283px; overflow:hidden;height:68px;}

/*gallery*/
.gallery-items{ width:600px; overflow:hidden; margin:auto;}
.album li{ width:540px; height:170px;}
.album li div{ float:left; margin:0 4px 8px 4px}
#prevBtn, #nextBtn{ position:absolute;}
#prevBtn{ top: 62px; left:0;}
#nextBtn{ top: 62px; right:0;}
        #prevBtn, #nextBtn{
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:30px;
		background: url(../i/gallery-back.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background: url(../i/gallery-next.gif) no-repeat 0 0;	
		}

/*top navigation*/
.header{height:21px; padding:0 7px;}
.top-navigation{height:21px; position:relative;background:url(../i/tbg.gif) bottom left repeat-x;}
.top-navigation ul{ position:absolute; right:8px; top:4px;}
.top-navigation li{ float:left; list-style:none; margin-left:10px; font-family:Verdana;font-size:10px;}
.top-navigation li.lang-ge{ margin:-2px 0 0 0;}
.top-navigation li.lang-en{margin:-2px 5px 0 18px;}
.top-navigation a{color:#757B83;text-decoration:none;}
.top-navigation a:hover{color:#C1C1C1}
/*******************/

/*header*/
.gfsis{background:url(../i/hbg.gif) repeat-x;height:87px; position:relative;}
.gfsis a{display:block;background:url(http://www.gfsis.org/i/gfsis-logo.gif) 12px 11px no-repeat; text-indent:-10000px; width:855px; height:87px; overflow:hidden;}
/*******************/

/*search*/
.gfsis form{position:absolute; top:63px; right:10px;}
.search-field{ border-bottom:1px solid #BABBBD; border-top:1px solid #C8C8CA; border-left:1px solid #BEBFC1; border-right:1px solid #BABBBD; font-size:10px; color:#939393; width:117px;}
.search-ico{position:absolute; margin-left:-16px; margin-top:1px;}
/*******************/

/*photos*/
#f-photo-desc{background:#666666; color:#FFFFFF; padding:4px; overflow:hidden; position:absolute; bottom:0; width:100%;filter:alpha(opacity=50);-moz-opacity:0.5;khtml-opacity: 0.5;opacity: 0.5;}

/*video*/
#player{display:block;width:420px;height:330px; float:left; margin-right:7px;}
#hplayer{display:block;width:300px;height:225px; margin:auto; }

/*interact*/
.gfsis-interact{width:180px; height:133px; background:url(http://www.gfsis.org/i/soc.gif) no-repeat; font-size:9px; float:left; margin-left:5px;}
	.gfsis-interact h4{text-align:right;line-height: 17px; color:#868585;}


/*navigation*/
#nav{ background:#7C8187; width:100%;}
#nav > li{ float:left; background:#7C8187;   width:19.8%; text-align:center;}
#nav a{display:block;font-family:Verdana; text-decoration:none; font-size:11px;}
#nav a.top-item{ border-right:2px solid #C6D2E3;color:#fff;padding: 3px 0;background:#7C8187 url(../i/top-link-bg.gif) left top repeat-x;}
#nav a.current{background:#C0C0C0 url(../i/acitve-b.gif) repeat-x;}
#nav a.current:hover{background:#C0C0C0 url(../i/acitve-b.gif) repeat-x;}
#nav a.current2{ font-weight:bold;}

	ul.dropdown ul {
	 width: 193px;
	 background:#FFFFFF url(../i/nav-b.png) bottom left repeat-x;
	 padding-top:2px;
	 /*margin-top: 1px;*/
	}

		ul.dropdown ul li {
		 margin:1px 0 1px 4px;
		 padding:0px;
		 text-align:left;
		}
		
		ul#nav ul li a{padding:1px 0;font-size:12px;color:#060101; font-family:Arial;}
		ul#nav ul li a:hover{color:#749FB7;}
		
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
/*******************/

/*Donors and Partners*/
.donors-and-partners td{ color:#757B83;}
.donors-and-partners a{ color:#5B6886;}
.donors-and-partners h4{font-size:11px; color:#5D5D5D; padding:15px 12px;}
/*******************/

/*Audio-podcasting*/
.audio-db li{ background: #fff url(../i/audio-ico.gif) 0 17px no-repeat; padding: 0 0 10px 32px; height:38px;}
.audio-db li.zebra{background:#F8F8F8 url(../i/audio-ico.gif) 0 17px no-repeat;}
.audio-db h3{ padding-bottom:5px;}
.audio-db  div{background:#3D3D3D url(../i/audio-bg.gif) repeat-x; width:400px;}

.front-news-item{ clear:both; padding-bottom:12px; overflow:hidden; position:relative;}
.image-wrap{background: #fff url(../i/news-bg.gif) no-repeat; width:121px; height:79px;float:left; margin-right:8px;}
.image-wrap img{padding:2px;width:117px; height:75px;}
.front-news-item p{ padding-top:6px; padding-right:45px; color:#000000;}
.front-news-item h3{font-weight:bold;color:#3A628A}
.front-news-item a{ text-decoration:none;}


.data{color:#575555;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2; overflow:hidden; height:258px;}
.data strong{color:#787676; }
.data a{color:#575555; text-decoration:none;}

.links-panel{border:1px solid #ccc;}
.links-panel li{ background: #A0A0A0 url(../i/link-bg.jpg) no-repeat; width:354px; height:31px; line-height:31px; padding-left:10px; overflow:hidden;}
.links-panel a{ color:#FFFFFF; text-decoration:none; display:block;}
#up1, #down1{ height:17px; overflow:hidden; cursor:pointer;}
#up1{ background:url(../i/link-up.gif) no-repeat;}
#down1{ background:url(../i/link-down.gif) no-repeat;}

.ipage{background: #fff url("../i/sbg.gif") repeat-x scroll left top;border:1px solid #E3E3E3; border-top:1px solid #D0D0D0; padding:8px; position:relative; min-height:613px;}

.ipagep{background: #fff url("../i/sbg.gif") repeat-x scroll left top;border:1px solid #E3E3E3; border-top:1px solid #D0D0D0; padding:8px; position:relative; min-height:515px;}


.project-spotlight{background: #fff url("../i/sbg.gif") repeat-x scroll left top;border-top:1px solid #D0D0D0;}
.project-spotlight h3{ color:#7C8087; font-weight:bold; padding:6px}

.project-meta{ margin:15px; background: url("../i/project-line.gif") bottom repeat-x ;}
.project-meta ul.ptitles{background: url("../i/project-line.gif") bottom repeat-x ; color:#4D4D4D; font-weight:bold; overflow:hidden;}
.project-meta ul.ptitles li{ padding-bottom:10px;}
.project-meta table{ width:100%; padding:12px 0}
.project-meta td{vertical-align:bottom; width:auto; white-space:nowrap;}
.project-meta td.partner-funder{ padding-left:15px; padding-right:25px;}
.project-meta td.spacer{ width:100%;}

/*project share*/
.pcl-1, .pcl-2, .pcl-3{ float:left; height:54px; font-size:9px; color:#556281}
.pcl-1{ width:85px; text-align:center;}
.pcl-2{ width:101px;}
.project-share .h{ padding-top:3px; text-align:left; padding-left:5px;}
.project-share h4{color:#868585; padding-right:3px; text-align:right;}

.ipage h2{ padding-bottom:12px;}

.ipage ul{ margin-left:25px; }
.ipage li{list-style:outside disc none;}
.ipage{ font-style:normal;}

li.project-item{ width:85px !important;}
li.project-item li img{height:77px;}

.ipage .lib-items ul, .ipage ul.lib-form{ margin:0;}
.lib-items li, .lib-form li{ list-style:none;}

/*people*/
.people-simple{}
.people-simple li{ padding:12px 8px  12px 14px; list-style:none;}
.people-simple a{ color:#000000; }
.people-simple div{ padding-top:8px;}

ul.people{ list-style:none;}
.people li{ clear:both; overflow:hidden;font-family:Verdana;margin-bottom:12px;  list-style:none;}
	.people div.imgbg{ background:url(../i/pbg.gif) no-repeat;float:left; margin-right:10px; width:88px; height:88px;}
	.people li img, .people div.imgbg img{ padding:4px; width:80px; height:80px;}
	.people li p{ padding:0; margin:0;}
	.people a{ color:#000000; text-decoration:none;}
.people-year{ text-align:right;}
.people-year li{ display:inline;}
/**/

.bl-h{ color:#7C8087; border-bottom:1px solid #EDECEC; overflow:hidden; clear:both; margin-bottom:8px;}
.bl-h li{ list-style:none; padding:5px 12px;}
li.title{ float:left; font-weight:bold;}
li.view-all{ float:right;}
.view-all a, a.glink{color:#7C8087; text-decoration:none; font-weight:normal; font-size:11px;}

#pphoto{ height:242px;}
#pphoto span{ padding:4px; border:1px solid #333333; background:#FFFFFF; font-family:Arial; font-size:10px; font-weight:bold; color:#000000; cursor:pointer;}

table.table-c th{ width:100px; text-align:center}
table.table-c td{ text-align:center;}

.hide{display:none;}

.gsc-control{ width:100% !important;}

.soc-net li{ border-bottom:1px solid #ddd; padding-bottom:3px;}
.soc-net li.last{ border:none;}
.soc-net img{ margin-top:3px;}

.interact_bl{overflow:hidden; padding-top:8px;}
.interact_bl .col{float:left;width:110px;text-align:center;}
.interact_bl .border{border-right:1px solid #ddd;border-left:1px solid #ddd; margin:0 4px;}

.no-norder{ border:none !important;}

.b-img, .activities .m img{border: 1px solid #ccc; padding: 2px; background: #fff;}

.b-line{ border-bottom:1px solid #ccc;}
.r{ text-align:right}

.paginator {padding: 0.2em 0.5em; margin-right: 0.1em; text-decoration: none; }
.paginator a, .pageList .this-page {text-decoration: underline;text-decoration: none; padding: 0.2em 0.5em;color:#333333}
.paginator .current { padding: 0.2em 0.5em; background: #E2E1E1;}

div.paginator ul{ list-style:none;}
div.paginator li{ display:inline; margin-right:4px;}

ul.albums{ list-style:none; padding-left:20px; float:left;}
ul.albums li{ float:left;}

.ver-f{ font-family:Verdana; font-size:12px;}

#ongoing_projects{height:163px;}
#ongoing_projects div{display:none; padding:5px;}

.project-img div{background:url(../i/project-bg.png) no-repeat; width:48px; height:63px;}

ul.years-menu{ position:absolute; top:26px; right:10px;}
ul.years-menu li{ display:inline;}
ul.years-menu li a{ margin:2px 6px; text-decoration:none; color:#333333; font-weight:bold;}

.nline{overflow:hidden; clear:both;background:url(../i/nline.gif) repeat-x;height:14px;font-size:1px;}
.nline2{overflow:hidden; clear:both;background:url(../i/d.png) no-repeat;height:9px;font-size:1px;margin-bottom:6px;}

table.publication-grid{ 
	width:100%;	
	border-spacing: 0px;
	border-collapse: collapse;
}

table.publication-grid th{ background:#ddd;}
table.publication-grid td, table.publication-grid th{
	border-spacing: 0px;
	border-collapse: collapse;
}
table.publication-grid .fbg{ background:#f2f2f2;}
table.publication-grid th{ text-align:center; line-height:28px;}
table.publication-grid tbody td{ padding: 8px 8px;}
	
.c{ text-align:center;}

/*.items div{ width:100px; height:60px;}*/

.page{background:#EFEFEF; padding:0 7px;}

/*footer*/
.footer{background: #8C99B1 url(../i/nf.gif) no-repeat; height:78px;padding-left:12px;font-size:10px;position:relative; color:#DEE2E8;}
.footer a{ color:#DEE2E8;}
.contact-address{ padding-top:10px;}
.copyrights{ padding-top:20px;}
.developed-by{ position:absolute; right:10px; top:54px;}
.developed-by a{ color:#C0545C; text-decoration:none;}
/***********************/

.main-content, .front-news{float:left; width:627px; margin-right:8px;}
.side-bar{float:left; width:350px;}

a.read-more{padding:2px 6px;/* border:1px solid #adadad; background:#e2e1e1;*/font-size:10px; color:#333; text-decoration:none;font-family:Verdana;}

.b{ font-weight:bold;}

a{color:#7799bb;}

.main-content p{ margin-bottom:12px;}

.utab li{float:left;list-style:none; text-align:center;}
.utab li a{ display:block; border:1px solid #dedddd;border-top:none; border-bottom:none;padding:0 12px;color:#060808; text-decoration:none; font-size:11px; font-weight:normal;}
.utab li a.last{border-right:none;}
.utab li a.selected{ font-weight:bold;}

#bred{ list-style:none;}
#bred li{ display:inline;}

.panel{ margin-bottom:8px}
.panel dt{background:url(../i/b1.png) no-repeat; height:42px; font-family: Verdana;}
.panel dt div{background:url(../i/b2.png) right top no-repeat; font-weight:bold; text-align:right; padding-right:8px; height:42px; line-height:42px;font-family:Verdana, Arial, Helvetica, sans-serif !important; text-transform:uppercase;}
.panel dd{ background:#F9F9F9;border-left:1px solid #c5c2c2; border-top:1px solid #d6d7d7; border-right:1px solid #c6c3c3; border-bottom:1px solid #c5c1c1;}

.panel-min{ margin-bottom:8px}
.panel-min dt{background:url(../i/c1.png) no-repeat; height:33px;}
.panel-min dt div{background:url(../i/c2.png) right top no-repeat; font-weight:bold; text-align:right; padding-right:8px; height:33px; line-height:33px;font-family:Verdana, Arial, Helvetica, sans-serif !important; text-transform:uppercase;}
.panel-min dd{ background:#F9F9F9;border-left:1px solid #c5c2c2; border-top:1px solid #d6d7d7; border-right:1px solid #c6c3c3; border-bottom:1px solid #c5c1c1;}

.fl{ float:left; margin-right:8px; width:280px;}
.fr{ float:right;}
.news-item{ overflow:hidden; clear:both;}

.news-item p{ color:#494747;}
.news-item h3, .idate{ color:#376088}

.project-tab-panel{ margin-top:8px;}

.project-tab{  background:url(../i/project-tab-panel.gif) no-repeat; overflow:hidden; height:23px;}
.project-tab li{ padding-left:8px; padding-right:8px;cursor:pointer; float:left; line-height:23px; color:#7C8087;}
.project-tab li.project-gal{ width:145px;}

.project-share{ float:left; width:268px; height:75px; background:url(../i/project-share.gif) no-repeat;}

.project-adv{float:left; width:353px; margin-right:6px;height:75px; overflow:hidden;}

dt div{font-size:13px;color:#111111;}
h2{font-size:12px;color:#7C7B7B; font-weight:bold;}

.text-field{ border:1px solid #7e9db9;line-height:22px;height:22px;}
.form-button{border:1px solid #003c74;background:#ffffff url(../i/bb.png) repeat-x;line-height:22px;height:22px;}

.white{ color:#fff;}

.gcalendar{ width:100%; border:0;}
.gcalendar td, .gcalendar th{font-family:Arial;font-size:9px;text-align:center;}
.gcalendar thead{background:#e2e1e1;}
.gcalendar thead td{color:#316583;font-weight:bold;}
.gcalendar tbody a{ display:block; background:#A7BBD3; color:#333333; text-decoration:none;}

/*scroll*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 270px;
	height:72px;

	/* custom decorations 
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable div {
	float:left;
	/*margin:5px 5px 5px 6px;*/
	margin-top:1px;
	padding:2px;
	cursor:pointer;	
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

/* active item */
.scrollable .active {
	/*border:2px solid #000;*/
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../i/ico-arr.gif) 3px 0 no-repeat ;
	display:block;
	width:14px;
	height:13px;
	float:left;
	margin-top:32px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: -14px 0; clear:right; margin-right: 0px;}
/*a.right:hover 		{ background-position:-30px -30px; }*/
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; background-position: 1px 0; } 
/*a.left:hover  		{ background-position:-30px 0; }*/
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.no-margin{ margin:0;}

a.red-link{color: #333333;font-weight:bold;text-decoration:none;}

.send_to_friend{ padding-top:3px;}
.send_to_friend div{ padding-top:4px;}
.send_to_friend label{ font-size:10px; padding-bottom:3px; color:#999999;}

a.rss{ font-size:11px; display:block; padding-left:23px; background:url(../i/z4.png) no-repeat; text-align:left; line-height:22px; margin:5px auto; width:60px;}

h2.top-news{background:url(../i/ico-news.png) 10px 0 no-repeat;height:46px;margin-top:-12px; padding-left:35px;position:absolute;z-index:500; line-height:64px;}

.top-events li{ padding-bottom:3px;}
.top-events a{ text-decoration:none;}
.top-events a:hover{ color:#333333;}

#pgg{ height:242px; display:none; position:relative; background:#fff; border:1px solid #E3E3E3; border-top:none;}
#gfsis_publications { height:210px; width:330px; overflow:hidden; position:absolute;top:10px;}
	#gfsis_publications li{ padding:0px 5px 10px 5px; overflow:hidden;clear:both;}
	#gfsis_publications img{float:left;margin: 0 10px 0 10px; width:50px; height:60px;}
	#gfsis_publications a{ color:#928989; text-decoration:none;}

.interact_bl .share{width:90px;}
.share img{ margin-right:4px; margin-bottom:6px;}

.accodeon dt{ cursor:pointer; background:none; height:auto; padding:5px 0; font-weight:bold;}
.accodeon dd{ border:none;}
.accodeon dt.current, ul.video-db a{ color:#110B9E;}

.title-style{ text-transform:uppercase; color:#7C8087; font-weight:bold;}
.photo-video li{ padding:5px 10px;float:left;}
.photo{ width:140px; cursor:pointer;}
.hand{ cursor:pointer;}

.rotate-feature .tools {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	z-index: 500;
}
* html .rotate-feature .tools { top: 1px; right: 1px; }

	.rotate-feature .tools li {
		float: left;
		width: auto;
	}

	* html .rotate-feature .tools li { display: inline; }
	
		.rotate-feature .tools li#pause {
			border-left: 1px solid #d1d1d1;
		}
		
		.rotate-feature .tools li a {
			background: url("../i/feature_dot.gif") no-repeat 0 8px;
			color: #666;
			display: block;
			font: 10px/1 arial,helvetica,sans-serif;
			height: 7px;
			padding: 7px 6px 6px;
			text-indent: -10000px;
			width: 7px;
		}
		
		.rotate-feature .tools li a:focus { outline: none; }
		
		.rotate-feature .tools li.on a,
		.rotate-feature .tools li a:hover { background-image: url("../i/feature_dot_on.gif"); }
		
		.rotate-feature .tools li a.prev,
		.rotate-feature .tools li a.next {
			height: 7px;
			width: 4px;
		}
			
		.rotate-feature .tools li a.prev { background: url("../i/feature_arrow_l.gif") no-repeat 0 8px; }
			.rotate-feature .tools li a.prev:hover { background-image: url("../i/feature_arrow_l_on.gif"); }
		
		.rotate-feature .tools li a.next { background: url("../i/feature_arrow_r.gif") no-repeat 0 8px; }
			.rotate-feature .tools li a.next:hover { background-image: url("../i/feature_arrow_r_on.gif"); }
		
		.rotate-feature .tools li#pause a { height: 8px; padding-top: 6px; width: 7px; }
		
		.rotate-feature .tools li#pause a { background: url("../i/feature_pause.gif") no-repeat 7px 8px; }
			.rotate-feature .tools li#pause a:hover { background-image: url("../i/feature_pause_on.gif"); }
		
		.rotate-feature .tools li#pause a.paused { background: url("../i/feature_arrow_r.gif") no-repeat 8px 8px; }
		.rotate-feature .tools li#pause a.paused:hover { background-image: url("../i/feature_arrow_r_on.gif"); }


/* C22: Rotating Feature */
.rotate-feature {
	/*border-bottom: 1px solid #d1d1d1;
	margin-bottom: 10px;*/
	height:282px;
	position: relative;
	background:#FFFFFF;
}

    .transition-rotate-feature {
        border-bottom: none;
        height: 232px;
        min-height: 0;
        margin-bottom: 0;
    }

        .transition-rotate-feature .story-body {
            overflow: auto;
            zoom: 1;
            position: absolute; 
	        bottom: 10px; left: 15px;
        }

	/*.rotate-feature .tools { display: none; }  turned back on by JavaScript CSS file */
	
	.rotate-feature .story { display: none; }
	
	    .rotate-feature .transition-story { display: none; position: relative;}
	
		.rotate-feature #story_0 { display: block; } /* turned back on by JavaScript CSS file */
		
		.rotate-feature h1 {
			background: url("../i/bg-feature_tile.gif") repeat-x bottom left;
			border: 1px solid #d1d1d1;
			border-bottom-color: #fff;
			color: #797F86;
			font-weight:bold;
			font-size: 10px;
			margin: 0;
			min-height: 10px;
			padding: 5px 135px 5px 10px;
			text-transform: uppercase;
		}

            .transition-rotate-feature h1 {
                font-weight: normal;
            }

		.rotate-feature h2 {
			color: #053769;
			font: normal 24px/27px georgia,"times new roman",serif;
			margin: 10px 10px 0 0;
		}
		
			.rotate-feature h2 a {
				color: #053769;
			}
		
		    .transition-rotate-feature h2 {
		      
		    }
		    
		        .transition-rotate-feature h2 a {
		            color: #fff;
		        }
		        
		             .transition-rotate-feature h2 a:hover {
        		            color: #fff;
        		        }
                    
		
		.rotate-feature p {
			font-size: 11px;
		}
		
			.rotate-feature p a.logo img {
				float: left;
				margin-right: 14px;
				margin-top: 2px;
				max-width: 121px;
			}
		
			.rotate-feature p.attribution {
				color: #818181;
				font-size: 10px;
				line-height: 13px;
				margin: 0.5em 10px 0.5em 0;
			}
			
				.rotate-feature p.attribution a {
					color: #818181;
				}
				
				.transition-rotate-feature p.attribution {
				    color: #fff;
				}
				
				    .transition-rotate-feature p.attribution a {
				        color: #fff;
				    }
			
			.rotate-feature p.tags {
				color: #818181;
				font-size: 10px;
				line-height: 13px;
			}
				
				.rotate-feature p.tags a,
				.rotate-feature p.tags a:hover {
					color: #818181;
				}
				
        .transition-rotate-feature .details {
            height: 20px;
            width: 380px;
        }
        
            .transition-rotate-feature .details ul {
                position: absolute;
                bottom: 1px; left: 0;
                margin: 0; padding: 0;
                width: 258px;
            }
            
                .transition-rotate-feature .details li {
                    float: left;
                    vertical-align: middle;
                    
                    color: #e5e5e5;
                    font-size: 11px;
                    line-height: 14px;
                }
                
                    .transition-rotate-feature .details li.first {
                        border-right: 1px solid #646464;
                        padding-right: 8px;
                        margin-right: 5px;
                    }
                
                    .transition-rotate-feature .details li a {
                        color: #fff;
                    }
            
            .transition-rotate-feature .details p {
                position: absolute;
                bottom: 0; right: 10px;
                font-size: 10px;
                line-height: 14px;
                margin: 0; padding: 0;
                text-align: right;
                vertical-align: middle;
                color: #727272;
                width: 120px;
            }