/**********************************************************************************************

	Title: International Atomic Energy Agency (IAEA)
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: June 2009

***********************************************************************************************
		
	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Default Styles
	
	2. LAYOUT
		2.1 Header 2.2
		Content
		2.3 Sidebar
		2.4 Footer		

***********************************************************************************************/

/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h8, p, blockquote, pre, a, acronym, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
address { font-style: normal; }

/* 1.2	Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/	

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3	Clearfix
-----------------------------------------------------------------------------------------------*/

.featured-tab:after,
ul.slide li:after,
#top-section:after,
#bottom-section:after,
#content:after,
.section-header:after,
.homepage-section:after,

ul.featured-news-items:after,
ul.featured-news-items li:after,
ul.news-photo-gallery:after,
.sidebar-image-bank ul:after,
#sitemap-container:after,
.footer-container:after,
#main:after,
#sub-nav:after,
#story-multimedia-tabs:after,
ul.scrollable-tabs:after,
.story-resources-bot ul:after,
.story-resources-share:after,
.audio-photo:after,
.watch-listen:after,
.article:after,
.sidebar-item li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/
body { background: url(../images/bg_body.gif) top center repeat-y; font: 62.5% "Lucida Grande", Verdana, Arial, sans-serif; text-align: center; color: #333; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
acronym, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }
a { color: #396ccf; text-decoration: none; }
a:hover { text-decoration: underline; }
.ir { display: block; position: relative; overflow: hidden; }
.ir span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Heading, paragraph */
/* h2 { font: normal 2.2em/1 Georgia; color:#a52a2a; padding-bottom:20px; }
h3 { font: normal 1.6em/1 "Lucida Grande", Lucida, Verdana, sans-serif; color: #000; padding-bottom:20px; }
h4 { font: bold 1.2em/1 "Lucida Grande", Lucida, Verdana, sans-serif; color: #396ccf; padding-bottom:10px; }
p { font: 1.2em/150% "Lucida Grande", Lucida, Verdana, sans-serif; padding-bottom: 20px;}*/

/* Table */
#main #content table { border-collapse: collapse; font: normal 1.2em/150% "Lucida Grande", Lucida, Verdana, sans-serif; margin-bottom: 20px;}
#main #content table caption { text-align: left; font: normal 1.6em/1 Georgia; margin: 20px 0 5px 0; }
#main #content table thead tr { background-color: #396ccf; color: #fff; }
#main #content table tr td { padding: 5px 8px; padding-right:2px; vertical-align: top; border: 1px solid #e3e3e3; }
#main #content table tr.even { background-color: #f9f9f9; }

/* Unordered List 
#main #content ul.list { padding-bottom: 25px; }
#main #content ul { list-style-type: disc; padding-left: 25px; font-size: 12px;}*/

/* Ordered List
#main #content ol.list { padding-bottom: 25px; }
#main #content ol { list-style-type: decimal; padding-left: 25px; font-size:  12px;}
#main #content ol li ol { list-style-type: upper-latin; }
#main #content ol li ol li ol { list-style-type: lower-latin; }
#main #content ol li ol li ol li ol { list-style-type: upper-roman; }*/

/* Floating Image */
img.img-float-left { border: 1px solid #ddd; background-color: #eee; padding: 4px; }
img.img-float-right { border: 1px solid #ddd; background-color: #eee; padding: 4px; }
img.img-float-left { float: left; margin: 0 8px 0 0; }
img.img-float-right { float: right; margin: 0 0 0 20px; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	#wrapper { width: 1004px; margin: 0 auto; background: url(../images/bg_body.gif) top center repeat-y; }
	#container { width: 1000px; position: relative; text-align: left; margin: 0 auto; }
	/* Two wrappers needed to fix the 1px browser jog issue */
	#header { height: 131px; background: url(../images/bg_header.jpg) top left no-repeat; margin-bottom: 10px; position: relative; }
	#header a:hover { text-decoration: none; }
	#top-section { padding: 20px 30px 0 29px; }
	#featured { width: 704px; height: 265px; float: left; position: relative; background: url(../images/bg_featured.gif) top left no-repeat; }
	#top-sidebar { width: 220px; float: right; }


	#bottom-section { padding: 0 30px 25px 90px; }

	#main { padding: 0 30px; }
	
	#content { width: 1000px; float: left; }
	
	#primary-content { width: 460px; float: right; }
	
	#secondary-content { width: 221px; float: left; }
	
	#bottom-sidebar { width: 220px; float: right; }
	#sitemap { background: #f4f4f4 url(../images/bg_sitemap.gif) top left repeat-x; clear: both; margin-top: 30px; }
	#sitemap-container { padding: 20px 0 30px 30px; }
	#footer { background: url(../images/bg_footer.gif) top left repeat-y; }
	
	/* 404 page layout */

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	/* Site logo */
	#header div.logo { padding: 21px 0 0 0; }
	#header h1,
	#header div.logo a { display: block; position: relative; overflow: hidden; width: 310px; height: 110px; }
	#header h1 span,
	#header div.logo a span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/logo.gif) no-repeat;  }
	
	/* Top links */
	#header ul.toplinks { float: right; font-size: 1.1em; padding: 3px 41px 0 0; }
	#header ul.toplinks li { float: left; }
	#header ul.toplinks li a { display: block; color: #c6d0e3; padding: 0 6px; background: url(../images/border_toplinks.gif) center right no-repeat; }
	#header ul.toplinks li.last a { padding-right: 0; background: none; }
	#header ul.toplinks li a:hover { color: #ebebeb; }
	
	/* Search forum */
	#header form.search-form { position: absolute; top: 49px; left: 690px; }
	#header form.search-form input#search-input { float: left; background: url(../images/bg_search.gif) top left no-repeat; width: 235px; height: 20px; border: 0; padding: 5px 0 0 5px; } /* TO DO: IE Box hack */
	#header form.search-form input#search-submit { float: left; }
	
	/* Main navigation */
	#header ul.navigation { position: absolute; top: 97px; left: 412px; }
	#header ul.navigation li { display: inline; }
	#header ul.navigation li a { display: block; float: left; background: url(../images/bg_menu_item.png) top left no-repeat; width: 110px; height: 35px; margin-right: 2px; text-align: center; }
	#header ul.navigation li a span { display: block; padding-top: 4px; line-height: 1; }
	#header ul.navigation li a strong { color: #294e95; font-size: 1.3em; display: block; letter-spacing: -0.5px; padding-bottom: 1px; }
	#header ul.navigation li a em { color: #999; font-size: 0.9em; font-style: normal; letter-spacing: -0.5px; }
	#header ul.navigation li a:hover { background-position: 0 -34px; }
	#header ul.navigation li a:hover em { color: #666; }
	body.about #header ul.navigation li.nav-about a { background-position: 0 -34px; }
	body.work #header ul.navigation li.nav-work a { background-position: 0 -34px; }
	body.news #header ul.navigation li.nav-news a { background-position: 0 -34px; }
	body.publications #header ul.navigation li.nav-publications a { background-position: 0 -34px; }
	body.earchives #header ul.navigation li.nav-earchives a { background-position: 0 -34px; }

	/* Sub navigation */
	#sub-nav { margin-bottom: 23px; border-bottom: 1px solid #e1e1e1; }
	#sub-nav h1 { float: left; color: #396ccf; font-size: 1.8em; font-weight: normal; font-family: arial; }
	#sub-nav ul { float: right; }
	#sub-nav ul li { display: inline; font-size: 1.1em; }
	#sub-nav ul li a { display: block; float: left; padding: 7px 0 5px 0; margin-left: 18px; }
	#sub-nav ul li a:hover { color: #a52a2a; background: none; text-decoration: none; }
	#sub-nav ul li.selected a { font-weight: bold; background: url(../images/ico_subnav.gif) bottom center no-repeat; }

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	
	/* Primary Content */
		
		.sidebar .sidebar-section ul li a.more { display: block; text-align: right; }
		
		.sidebar-tags p a { padding: 2px 6px; background-color: #dfdfdf; border-right: 1px solid #666; border-bottom: 1px solid #666; }
		.sidebar-tags p a:hover { background-color: #396CCF; color: #fff; text-decoration: none; }
	
		/* Common styling */
		#primary-content .homepage-section { margin-bottom: 30px; clear: both; }
			
/* add color: #ffffff, for h2 for NA frontpage, do later */
		#primary-content h2 { color: #ffffff; display: block; padding: 7px 0; font-size: 1.8em; font-weight: normal; border-top: 5px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-bottom: 25px; }  /* todo: box model hack */
		
		#primary-content .section-content { width: 340px; float: right; }
		#primary-content .section-content p { font-size: 1.2em; line-height: 1.6; margin-bottom: 20px; }
		#primary-content .section-content p a { font-weight: normal; }
		#primary-content .section-image { /*width: 175px;*/ float: left; display: inline; }
		#primary-content .section-image img { padding: 4px; border: 1px solid #ddd; background-color: #eee; }
		#primary-content a.more { display: block; font-size: 1.2em; font-weight: normal; text-align: right; float: right; }
		
	
	/* Sitemap  */
	
		#sitemap ul.breadcrumbs { background: url(../images/bg_breadcrumbs.gif) top left repeat-x; overflow: hidden; height: 31px; width: 100%; }
		#sitemap ul.breadcrumbs li { display: inline; font-size: 1.1em; color: #666; }
		#sitemap ul.breadcrumbs li a,
		#sitemap ul.breadcrumbs li span { display: block; float: left; padding: 10px 15px 9px 7px; background: url(../images/bg_breadcrumbs_item.gif) top right no-repeat; }
		#sitemap ul.breadcrumbs li span { background: none; }
		#sitemap ul.breadcrumbs li.breadcrumbs-intro span { padding-left: 23px; color: #ccc; background: url(../images/bg_breadcrumbs_item.gif) top right no-repeat; }
		#sitemap ul.breadcrumbs li.breadcrumbs-home a { position: relative; width: 34px; height: 31px; padding: 0; text-indent: -9999em; }
		#sitemap ul.breadcrumbs li.breadcrumbs-home a strong { position: absolute; top: 11px; left: 6px; background: url(../images/ico_home.gif) top left no-repeat; width: 12px; height: 11px; text-indent: -9999em; }
		#sitemap ul.breadcrumbs li a:hover { color: #a52a2a; text-decoration: none; }
		
		#sitemap p#last-update { color: #999; font-size: 1em; margin: 0 30px 3px 0; padding: 0; border: none; background: none; text-align: right;}
	
		#sitemap .sitemap-section { float: left; margin-right: 20px; display: inline; }
		#sitemap h3 { display: block; color: #333; margin-bottom: 4px; font-size: 1.1em; }
		#sitemap-container ul { clear: both; }
		#sitemap-container ul li { display: inline; }
		#sitemap-container ul li a { font-size: 1.1em; color: #999; display: block; padding: 4px 0; }
		#sitemap-container ul li a:hover { color: #333; text-decoration: none; }
		#sitemap-container p { color: #999; font-size: 1.1em; line-height: 1.8; }
		#sitemap-container img { border: 1px solid #dcdcdb; float: left; margin: 6px 12px 12px 0; }
		.cols-8 .sitemap-section { width: 100px; }
		.cols-6 .sitemap-section { width: 140px; }
		.cols-4 .sitemap-section { width: 220px; }
		.cols-2 .sitemap-section { width: 460px; }

	/* Tabs and Carousel Definitions */
	
		@media projection, screen { .tabs-hide { display: none; } }
		@media print { .tabs-nav { display: none; } }

		ul.scrollable-tabs li a,
		a.prev,
		a.next { cursor: pointer; }
		a.disabled { visibility: hidden !important; }
		div.tabPanes div { display: none; }
		div.tabPanes { border: solid 1px #e6e1f1; padding: 0 15px; }
		div.scrollable { position: relative; overflow: hidden; clear: both; }
		div.scrollable div.items { width: 20000em; position: absolute; clear: both; } 

/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	

	/* Note: .sidebar is a common class between the top sidebar (banner and calendar) and the bottom sidebar (jobs, tags, and etc.) */

	/* Common Styles */
	.sidebar .sidebar-section { border-top: 5px solid #e1e1e1; border-bottom: 1px solid #fefefe; background: #f3f3f3 url(../images/border_sidebar_section.gif) bottom left repeat-x; padding: 0 15px; margin-bottom: 20px; }
	.sidebar .sidebar-section h3 { display: block; padding: 8px 0; font-size: 1.8em; font-weight: normal; border-bottom: 1px solid #e1e1e1; }
	.sidebar .sidebar-section ul,
	.sidebar .sidebar-section p { border-top: 1px solid #fff; padding-top: 4px; }
	.sidebar .sidebar-section ul li { background: url(../images/bg_sidebar_item.gif) bottom left repeat-x; padding: 5px 0 9px; font-size: 1.2em; line-height: 1.6; }
	.sidebar .sidebar-section ul li a,
	.sidebar .sidebar-section p a { font-weight: normal; }
	.sidebar .sidebar-section p { padding-bottom: 10px; font-size: 1.2em; line-height: 1.8em; color: #ccc; }
	.sidebar .sidebar-tags p { font-size: 1.1em; line-height: 2em; }
	.sidebar .sidebar-section p span.separator { padding: 0 1px; }



	/* Sidebar banner */
	.sidebar .sidebar-banner { border: 0; background: #fff; padding: 0; }

	/* Sidebar calendar */
	.sidebar .sidebar-calendar { height: 147px; }
	.sidebar .sidebar-calendar h4 { display: block; padding: 6px 0 6px 25px; font-size: 1.2em; }
	.sidebar .sidebar-calendar ul li { display: none; font-size: 1em; background: none; padding: 0; line-height: 1; position: absolute; top: 42px; }
	/* Opera */
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body .sidebar .calendar-month {width: 92%; } }
	.sidebar .sidebar-calendar { position: relative; padding-bottom: 10px; }
	.sidebar .sidebar-calendar a.previous { display: block; position: absolute; top: 3px; left: -3px; padding: 3px 15px 3px 3px; text-indent: -9999em; z-index: 100; }
	.sidebar .sidebar-calendar a.next { display: block; position: absolute; top: 3px; right: 12px; padding: 3px 3px 3px 15px; text-indent: -9999em; z-index: 105; }
	.sidebar .sidebar-calendar a.previous span { display: block; width: 7px; height: 12px; background: url(../images/ico_arrows.png) 0 0 no-repeat; }
	.sidebar .sidebar-calendar a.next span { display: block; width: 7px; height: 12px; background: url(../images/ico_arrows.png) -7px 0 no-repeat; }
	.sidebar .sidebar-calendar a.previous:hover span { display: block; width: 7px; height: 12px; background: url(../images/ico_arrows.png) 0 -12px no-repeat; }
	.sidebar .sidebar-calendar a.next:hover span { display: block; width: 7px; height: 12px; background: url(../images/ico_arrows.png) -7px -12px no-repeat; }	
	.sidebar .sidebar-calendar table tr td { width: 36px; font-size: 1.2em; line-height: 1.3; text-align: center;}
	.sidebar .sidebar-calendar table tr td a { /*background-color: #e4e4e4;*/ background-color: #396ccf; color: #fff; font-weight: bold; display: block; width: 100%; height: 100%; }
	.sidebar .sidebar-calendar table tr td div.meeting { position: relative; }
	.sidebar .sidebar-calendar table tr td div.tooltip { position: absolute; top: 12px; left: -43px; width: 224px; font-size: 0.9167em; background: url(../images/bg_tooltip_top.png) top left no-repeat; padding-top: 17px; z-index: 999; }
	.sidebar .sidebar-calendar table tr td div.tooltip-bot { position: relative; padding: 0 12px 22px 12px; background: url(../images/bg_tooltip_bot.png) bottom left no-repeat; }
	.sidebar .sidebar-calendar table tr td div.tooltip p { font-size: 1em; line-height: 1.4; color: #666; text-align: left; }
	.sidebar .sidebar-calendar table tr td div.tooltip strong { color: #333; }
	.sidebar .sidebar-calendar table tr td div.tooltip a { color: #396ccf; font-weight: normal; display: inline; background: none; }
	.sidebar .sidebar-calendar table tr td div.tooltip a:hover { color: #a52a2a; }
	.sidebar .sidebar-calendar table tr td div.tooltip a.more { font-weight: bold; }
	.sidebar .sidebar-calendar table tr td div.tooltip a.close-meeting { position: absolute; width: 21px; height: 21px; padding: 3px; top: -4px; right: 6px; text-indent: -9999em; cursor: pointer; }
	.sidebar .sidebar-calendar table tr td div.tooltip a.close-meeting span { display: block; width: 21px; height: 21px; background: url(../images/btn_close.png) top left no-repeat; }
	.sidebar .sidebar-calendar table tr td div.tooltip a.close-meeting:hover span { display: block; background-position: 0 -21px; }
	
	/* Sidebar Jobs */
	.sidebar .sidebar-jobs ul li a { font-weight: normal; }
	
	/* Sidebar DG's corner */
	.sidebar .sidebar-dgs-corner { position: relative;; }	
	.sidebar .sidebar-dgs-corner img { position: absolute; top: -15px; right: 0; }
	
	/* Sidebar Image Bank */
	.sidebar .sidebar-image-bank ul { padding-top: 12px; }
	.sidebar .sidebar-image-bank ul li { width: 90px; float: left; clear: both; padding: 0 0 12px; background: none; line-height: 1; }
	.sidebar .sidebar-image-bank ul li a { background: none; }
	.sidebar .sidebar-image-bank ul li a:hover img { border: 1px solid #999; }
	.sidebar .sidebar-image-bank li.alt { float: right; text-align: right; clear: none; }
	.sidebar .sidebar-image-bank img { background: #fff; padding: 4px; border: 1px solid #d2d2d2; width: 78px; height: 78px; }
	

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/

	#footer .footer-container { background: url(../images/bg_footer_top.gif) top left no-repeat; padding: 19px 0 25px; }
	#footer a { padding: 2px; color: #fff; text-decoration: none; }
	#footer a:hover { color: #396ccf; background: #fff; text-decoration: none; }

	/* Footer - left column */
	#footer .address { width: 350px; float: left; display: inline; margin-left: 30px; background: url(../images/border_footer.gif) top right repeat-y; color: #c6d0e3; font-size: 1.1em; line-height: 1.4; }
	#footer .address .org { font-size: 1.0909em; font-weight: bold; color: #fff; }

	/* Footer - right column */
	#footer .footer-content { width: 525px; float: right; display: inline; margin-right: 30px; text-align: right; }
	#footer .footer-content p.main-links { color: #fff; font-size: 1.2em; /*margin-bottom: 2px;*/ }

	#footer .footer-content p.sub-links { color: #c6d0e3; font-size: 1.1em; margin-bottom: 7px;}
	#footer .footer-content p.sub-links a { text-decoration: none; }

	#footer .footer-content p.validation { margin-bottom: 7px; }
	#footer .footer-content p.copyright { font-size: 1.1em; color: #C6D0E3; }


	/*----------custom na-web css-----------*/
	/*--------------------------------------------------*/
	/*--------------------------------------------------*/

/*--------video play button on home page------------*/

	#news-video {
		color: #8A8A8A;
    	font-size: 1.1em;
    	line-height: 1.6667;
    	padding-left: 0px;
	}

	.tab-boxes {
		margin-bottom: 20px;
		overflow: hidden;
	}

	#video-box{
		margin-right: 20px;
		float: left;
		width: 210px;
	}
	.video-img {
		background-color: #EEEEEE;
    	border: 1px solid #DDDDDD;
    	margin-bottom: 5px;
    	padding: 4px;
    	width: 200px;
    	height: 134px;
    	position: relative;
	}

	.video-img-article {
		background-color: #EEEEEE;
    	border: 1px solid #DDDDDD;
    	margin-bottom: 5px;
    	padding: 4px;
    	width: 300px;
    	height: 200px;
    	position: relative;
    	float: left;
    	margin-right: 10px;
	}

	.video-text {

	}

	.video-play-q {
    	background: url("../images/video-play-q-big.png") no-repeat scroll 0 0 transparent;
    	background-position: center top;
    	height: 50px;
    	position: absolute;
    	text-indent: -9999em;
    	width: 50px;
    	left: 79px; 
    	top: 57px;
	}

	.video-play-q-article {
    	background: url("../images/video-play-q-big.png") no-repeat scroll 0 0 transparent;
	    height: 50px;
	    left: 125px;
	    position: absolute;
	    text-indent: -9999em;
	    top: 80px;
	    width: 50px;
	}



	a:hover .video-play-q,.video-play-q:hover {
		background-position: center bottom;
	}

	a:hover .video-play-q-article,.video-play-q-article:hover {
		background-position: center bottom;
	}

	.photo-play-q {
    background: url("../images/photo-play-q-big.png") no-repeat scroll center top transparent;
    height: 50px;
    left: 79px;
    position: absolute;
    text-indent: -9999em;
    top: 57px;
    width: 50px;
}

a:hover .photo-play-q,.photo-play-q:hover {
		background-position: center bottom;
	}

/*------END video play button on home page------------*/

/*------video play button on multimedia page------------*/
	#multi-video-box-left{
		margin-left: 0px;
		margin-right: 35px;
		float: left;
		width: 210px;
	}

	#mutli-video-box-center{
		margin-right: 35px;
		float: left;
		width: 210px;
	}

	#multi-video-box-right{
		margin-right: 0px;
		float: left;
		width: 210px;
	}

	.multi-video-img {
		background-color: none !important;
    	border: none !important;
    	float: left;
    	margin: 0 0 0 0 !important;
    	padding: 0px !important;

	}

	.multi-boxes {
		margin-bottom: 0px;
		overflow: hidden;
	}

	.multi-video-img .mutli-video-play-q {
    	background: url("../images/video-play-q-big.png") no-repeat scroll 0 0 transparent;
    	background-position: center top;
    	height: 50px;
    	position: absolute;
    	text-indent: -9999em;
    	width: 50px;
    	left: 100px; 
    	top: 127px;
	}

	a:hover .multi-video-play-q,.mutli-video-play-q:hover {
		background-position: center bottom;
	}

	#more-multi {
		font-size: 1.2em;
	}
/*------END video play button on multimedia page------------*/

/*------more button------------*/
	div.more-btn a {
	    background: none repeat scroll 0 0 #F3F3F3;
	    border-radius: 5px 5px 5px 5px;
		float: right;
		font-size: 1.2em;
		font-weight: normal;
		padding: 5px 14px !important;
		text-align: right;
	}
	div.more-btn a:hover {
	    background-color: #396CCF;
	    color: #FFFFFF;
	    text-decoration: none;
	}
body.standard #content a, body.standard #sidebar a {
    font-weight: normal;
    padding: 0;
}
div.more-btn a {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px 5px 5px 5px;
    float: right;
    font-size: 1.2em;
    font-weight: normal;
    padding: 5px 14px !important;
    text-align: right;
    line-height: 1.667em;
}
/*------END more button------------*/

/*----------DDG's Corner-----------*/ 

#ddg-corner-img {
	background: #EEEEEE !important;
    border: 1px solid #DDDDDD !important;
    padding: 4px !important;
}

.ddg-corner-statements {
	padding: 10px 15px 1px;
	background: url("../images/bg_story_resources_bot.gif") repeat-x scroll left bottom transparent;
}

.ddg-corner-sidebar {
	background: url("../images/bg_story_resources.gif") repeat-x scroll left top #F3F3F3;
    clear: left;
    margin-right: 20px;
    width: 220px;
}

.sagna-sidebar {
    clear: left;
    margin-right: 20px;
    width: 220px;
}

.ddg-corner-sidebar h4 {
    border-bottom: 1px solid #DDDDDD;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding-bottom: 12px;
}


.ddg-corner-sidebar ul li {
    font-size: 1.1em;
}

.ddg-corner-sidebar ul li a {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #F8F8F8;
    color: #333333;
    display: block;
    float: left;
    padding: 5px 0 9px;
    width: 100%;
}

#ddg-corver-side-nav {
	display: inline;
	float: left;
}

#ddg-statement-list {
	width: 950px;
}

#ddg-statement-list p {
    margin-bottom: 10px !important;
}

#ddg-statement-list h3 {
	margin-bottom: 10px !important;
}

#view-all-statements {
	float: right;
    font-size: 1.2em;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
}

#navigation {
	margin-bottom: 20px;
}

/*--------END DDG's Corner--------*/ 

/*--------fadehover--------*/ 

div.fadehover {
    position: relative;
}

img.img-a {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}
img.img-b {
    left: 0;
    position: absolute;
    top: 0;
}

.fp220 {
    height: 70px;
    margin: 13px 0 20px;
    width: 220px;
}

.fp220h55 {
    height: 55px;
    margin: 13px 0 20px;
    width: 220px;
}

/*--------END fadehover--------*/

/*-------video modal stuff-------*/

.overlay-video, .overlay-video-wide, .overlay-photoessay, .overlay-flickr {
	background: url("../images/bgr-overlay-chernobyl.png") no-repeat scroll 0 0 #FFFFFF;
	display: none;
	padding: 25px;
	text-align: left;
}
.overlay-video {
	height: 311px;
	width: 500px;
}
.overlay-video-wide {
	width: 512px;
}
.overlay-photoessay {
	width: 850px;
}
.overlay-photoessay-galleria {
	width: 1130px;
}
.overlay-flickr {
	width: 600px;
}
.close {
	background-image: url("../images/bgr-overlay-close.png");
	cursor: pointer;
	height: 50px;
	left: -25px;
	position: absolute;
	text-indent: -9999px;
	top: -25px;
	width: 50px;
}
.overlay-video-wide h4, .overlay-video-wide p {
	text-align: left;
}
.overlay-video-wide p {
	color: #333333;
}
.overlay-content {
	background: url("../images/bgr-overlay-chernobyl.png") no-repeat scroll 0 0 #FFFFFF;
	display: none;
	min-height: 200px;
	padding: 25px;
	text-align: left;
	z-index: 10000;
}
.video-play {
	background: url("../images/video-play.png") no-repeat scroll 50% center transparent;
	height: 124px;
	opacity: 0.35;
	position: absolute;
	text-indent: -9999em;
	transition: opacity 0.2s ease-in-out 0s;
}
.video-play:hover, .video-play:focus {
	opacity: 0.7;
}
.exposeloader {
	background: url("../images/ajax-loader-2.gif") no-repeat scroll 50% center transparent;
	height: 16px;
	position: absolute;
	text-indent: -9999em;
	width: 16px;
}
.exposecaption {
	display: none;
}
.exposethumb {
	margin-bottom: 20px;
	position: relative;
}
.w-1130 {
	width: 1130px;
}
.w-850 {
	width: 850px;
}
.w-800 {
	width: 800px;
}
.w-640 {
	width: 640px;
}
.w-600 {
	width: 600px;
}
.w-520 {
	width: 520px;
}
.w-220 {
	width: 220px;
}
.w-200 {
	width: 200px;
}
.w-180 {
	width: 180px;
}
.w-160 {
	width: 160px;
}
.w-140 {
	width: 140px;
}
.h-35 {
	height: 35px;
}
.h-140 {
	height: 140px;
}
.border-12 {
	border-radius: 12px 12px 12px 12px;
}
.b-20 {
	margin-bottom: 20px;
}
p.mediacaption {
	margin: 10px 0 0;
}
#video-header h2 {
	background: url("../images/bg-iaea-video.png") no-repeat scroll 0 0 transparent;
	height: 20px;
	margin-bottom: 10px;
	text-indent: -9999em;
	width: 115px;
}
#video-header h2.audio {
	background: url("../images/bg-iaea-audio.png") no-repeat scroll 0 0 transparent;
	margin-bottom: 10px;
	width: 125px;
}
#video-header h3 {
	color: #575757;
	margin-bottom: 10px;
}
.video-editor {
	color: #8A8A8A;
}
.video-editor-name {
	color: #575757;
}
.video-date {
	color: #A52A2A;
	margin-bottom: 0;
}
.video-duration {
	background-color: #396CCF;
	color: #FFFFFF;
	float: right;
	font-size: 0.9em;
	padding: 0 5px;
}
.video-meta {
	margin-top: 10px;
}

/*-------END video modal stuff-------*/