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

	Title: International Atomic Energy Agency (IAEA)
	Author: Kresimir Nikolic, XHTMLized (http://www.xhtmlized.com/)
	Date: June 2010

***********************************************************************************************

COLORS
Links			#396CCF
Hover links 	#A52A2A
Main text		#232323, #575757, #8A8A8A, #BDBDBD
H1				#396CCF
H2,H3,H4,H5,H6	#A52A2A (can be overwritten with #232323 for resources and navigation)


		
1. MASTER
	1.1 Reset
	1.2 Accessibility Navigation & Hide
	1.3 Clearfix
	1.4 Default Styles
		1.4.1. Heading, paragraph
		1.4.2. Tables
		1.4.3. Unordered Lists
		1.4.4. Unordered Lists
		1.4.5 
		ing Images

2. LAYOUT
	2.1 Header 
	2.2 Content
	2.3 Sidebar
	2.4 Footer		

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

	
/* 1. MASTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	
/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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,#theme-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,.mediabank #content ul.pagination:after,body.basket #content .media-listing:after,body.basket #content .media-listing ul li .actions:after,#fancy_content .modal_photo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* assign class group where clearfix is needed */
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/
body { background:url(/ui/2009/images/bg_body.gif) top center repeat-y; font: 62.5% "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Helvetica, Arial,sans-serif; text-align:center; color:#575757; }
hr { display:none; }
strong { font-weight:bold; }
em { font-style:italic; }
acronym,acronym { border-bottom:1px dotted #8A8A8A; cursor:help; }
input,textarea,select { font:1.2em 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%; }
sub { vertical-align:-.5em; }
sup { vertical-align:.5em; }
.clear { clear:both; }
.rounded-3 { border-radius: 3px 3px 3px 3px; }
.red { color: #a52a2a !important;}

/* selected text */
::-moz-selection { background:#396CCF; color:#fff; }
::selection { background:#396CCF; color:#fff; }

/* Heading, paragraph */
p { font-size: 1.2em; line-height: 1.6667; margin: 0 0 1.6667em;}
h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, sans-serif; font-weight: normal; color:#a52a2a }
h1 { color: #396CCF; }
h2 { font-size: 2.6em; /*line-height: 0.769231em;*/ line-height: 1.153846em; }
h3 { font-size: 1.8em; line-height: 1.111111em; }
h4 { font-size: 1.6em; line-height: 1.25em;}
h5 { font-size: 1.4em; line-height: 1.428571em;}
h6 { font-size: 1.2em; line-height: 1.666667em; }
code { font-size: 1.6em; line-height: 1.5 }

/* h2+h3 { margin: 20px 0 0 0 } */

/* Tables */
#main #content table, #story table, .overlay-content table { border-collapse:collapse; font-size: 1.2em; margin-bottom:20px; }
#main #content table caption, #story table caption, .overlay-content table caption { text-align:left; font:normal 1.6em/1 Georgia; margin:20px 0 5px; }
#main #content table thead tr, #story table thead tr, .overlay-content table thead tr {	background-color:#396ccf; color:#fff; }
#main #content table tr td, #story table tr td, .overlay-content table tr td { padding:5px 8px; vertical-align:top; border:1px solid #e3e3e3; } 
#main #content table tr.even, #story table tr.even, .overlay-content table tr.even { background-color:#f9f9f9; }
	
/* Unordered Lists */
/*li, li li, li li li, li li li li { font-size: 1.2em; } */
/*#main #content ul.list { padding-bottom: 5px; }*/
/*#main #content ul { list-style-type: none; padding-left: 25px; }*/
	
/* Ordered Lists
#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 Images */
img.img-float-left,img.img-float-right { border:1px solid #ddd; background-color:#eee; padding:5px; }
img.img-float-left { float:left; margin:0 20px 10px 0; }
img.img-float-right { float:right; margin:0 0 10px 20px; }

/* Tooltip */
.tooltip { display: none; position: absolute; background-color: #000; padding: 8px 16px; color: #fff; width: 220px; text-align: left; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

/* blockquote */
blockquote { float: left; margin-right: 20px; margin-bottom: 10px; padding: 20px; background: #F3F3F3; width: 340px; color: #232323; font: normal 1.5em/1.5 georgia, serif; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#wrapper { width:1004px; margin:0 auto; background:url(/ui/2009/images/bg_body.gif) top center repeat-y; }
#container { width:1000px; text-align:left; margin:0 auto; }

/* Two wrappers needed to fix the 1px browser jog issue */
#header { height:131px; background:url(/ui/2009/images/bg_header.jpg) top left no-repeat; margin-bottom:2px; 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(/ui/2009/images/bg_featured.gif) top left no-repeat; }
#top-sidebar { width:220px; float:right; }
#bottom-section { width: 940px; padding:0 30px 25px; float: left }
#main { padding:5px 30px; position: relative; clear:both; }
#content {width:700px; float:left; }
#primary-content { width:460px; float:right; }
#secondary-content { width:221px; float:left; }
#bottom-sidebar { width:220px; float:right; }
#sitemap { background:#f4f4f4 url(/ui/2009/images/bg_sitemap.gif) top left repeat-x; clear:both; margin-top:30px; position:relative }
#sitemap-container { padding:20px 0 30px 30px; }
#footer { background:url(/ui/2009/images/bg_footer.gif) top left repeat-y; }
	
/* 404 page layout */

	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/
	
/* Site logo */
#header div.logo { padding:21px 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(/ui/2009/images/logo.gif) no-repeat; text-indent: -9999em; }
	
/* 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(/ui/2009/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(/ui/2009/images/bg_search.gif) top left no-repeat; width:235px; height:20px; border:0; padding: 4px 0 2px 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(/ui/2009/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:-.5px; padding-bottom:1px; }
#header ul.navigation li a em { color:#8A8A8A; font-size:.9em; font-style:normal; letter-spacing:-.5px; }
#header ul.navigation li a:hover { background-position:0 -34px; }
#header ul.navigation li a:hover em { color:#575757; }
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.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; } 
#header ul.navigation li.active 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, sans-serif; line-height: 1; padding: 5px 0 0 0; }
#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; 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(/ui/2009/images/ico_subnav.gif)  bottom center no-repeat; }
	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/

/* Lists */

/* #content .article ul, #content .article ol { } */

#content .article ul li, 
#content .article ol li, 
#content .article ul li ul li,
#content .article ol li ol li { font-size: 12px; line-height: 1.6667; margin:1.6667em 0 1.6667em 2em; }

#content .article ul li span, #content .article ol li span { display: block; margin:1.6667em 0 }
#content .article ol li { list-style: decimal; background:none !important; margin: 20px 0 20px 24px !important; padding: 0 !important }
#content .article ol.ab li { list-style: lower-alpha; background:none !important; margin: 20px 0 20px 24px !important; padding: 0 !important }
#content .article ol.roman li { list-style: lower-roman; background:none !important; margin: 20px 0 20px 24px !important; padding: 0 !important }

	
/* 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 #575757;
	border-bottom:1px solid #575757;
}

.sidebar-tags p a:hover {
	background-color:#396CCF;
	color:#fff;
	text-decoration:none;
}


	
/* Common styling */
#primary-content .homepage-section {
	margin-bottom:30px;
	clear:both;
}

#primary-content h2 {
	display:block;
	padding: 7px 0;
	font:normal 1.8em/1.2 Arial, sans-serif;
	border-top:5px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:25px;
	color: #232323;
}


	
/* todo: box model hack */
#primary-content .section-content {
	width:340px;
	float:right;
}

#primary-content .section-content p {
	margin: 0;
}

#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(/ui/2009/images/bg_breadcrumbs.gif) top left repeat-x;
	overflow:hidden;
	height:31px;
	width:100%;
}

#sitemap ul.breadcrumbs li {
	float: left;
	display:inline;
	font-size:1.1em;
	color:#575757;
	padding: 0;
}

#sitemap ul.breadcrumbs li a,#sitemap ul.breadcrumbs li span {
	display:block;
	float:left;
	padding:10px 15px 9px 7px;
	background:url(/ui/2009/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(/ui/2009/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(/ui/2009/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:#8A8A8A;
	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:#232323;
	margin-bottom:4px;
	font: bold 1.1em "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Helvetica, Arial,sans-serif;
}

#sitemap-container ul {
	clear:both;
}

#sitemap-container ul li {
	display:inline;
}

#sitemap-container ul li a {
	font-size:1.1em;
	color:#8A8A8A;
	display:block;
	padding:4px 0;
}

#sitemap-container ul li a:hover {
	color:#232323;
	text-decoration:none;
}

#sitemap-container p {
	color:#8A8A8A;
	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;
}


/* 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; 
    margin:0; 
    padding:0; 
}


	
/* 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(/ui/2009/images/border_sidebar_section.gif) bottom left repeat-x;
	padding:0 15px;
	margin-bottom:20px;
}

.sidebar .sidebar-section h3 {
	display:block;
	padding:10px 0 4px;
	font:normal 1.8em/1.2 Helvetica, sans-serif;
	border-bottom:1px solid #e1e1e1;
	color: #232323;
}

.sidebar .sidebar-section ul,.sidebar .sidebar-section p {
	border-top:1px solid #fff;
	padding-top:4px;
}

.sidebar .sidebar-section ul li {
	background:url(/ui/2009/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;
	display:block;
}

.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 News Ticker */
.sidebar .sidebar-newsticker {
	height:260px;
}

ul#listticker {
	height:200px;
	overflow:hidden;
}


	
/* 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(/ui/2009/images/ico_arrows.png) 0 0 no-repeat;
}

.sidebar .sidebar-calendar a.next span {
	display:block;
	width:7px;
	height:12px;
	background:url(/ui/2009/images/ico_arrows.png) -7px 0 no-repeat;
}

.sidebar .sidebar-calendar a.previous:hover span {
	display:block;
	width:7px;
	height:12px;
	background:url(/ui/2009/images/ico_arrows.png) 0 -12px no-repeat;
}

.sidebar .sidebar-calendar a.next:hover span {
	display:block;
	width:7px;
	height:12px;
	background:url(/ui/2009/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:.9167em;
	background:url(/ui/2009/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;
	background:url(/ui/2009/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:#575757;
	text-align:left;
}

.sidebar .sidebar-calendar table tr td div.tooltip strong {
	color:#232323;
}

.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;
}

div.more-btn a {
	padding: 5px 14px;
	background: #f3f3f3;
	float:right;
	font-size:1.2em;
	font-weight:normal;
	text-align:right;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.more-btn a:hover {
	background-color: #396ccf;
	text-decoration: none;
	color: #fff;
}


.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(/ui/2009/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 #8A8A8A;
}

.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(/ui/2009/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(/ui/2009/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;
	margin:0;
}

#footer .footer-content p.sub-links {
	color:#c6d0e3;
	font-size:1.1em;
	line-height: 1;
	margin:0;
}

#footer .footer-content p.sub-links a {
	text-decoration:none;
}

#footer .footer-content p.validation {
	margin-bottom:7px;
	margin-top: 7px;
}
#footer .footer-content p.validation a:hover { text-decoration: none; border: none; background: none }

#footer .footer-content p.copyright {
	font-size:1.1em;
	color:#C6D0E3;
	margin:0;
	line-height: 1;
}

/* OVERLAY */
/* overlay content */
/* .expose { position: relative } */

.overlay-video, .overlay-video-wide, .overlay-photoessay, .overlay-flickr { background: #fff url(/ui/2009/images/bgr-overlay-chernobyl.png) no-repeat; display:none; text-align:left; padding: 25px }
.overlay-video { width:500px; height: 311px; }
.overlay-video-wide { width:512px; }
.overlay-photoessay { width:850px; }
.overlay-photoessay-galleria { width:1130px }
.overlay-flickr { width:600px; }
.close { background-image:url(/ui/2009/images/bgr-overlay-close.png); cursor:pointer; width:50px; height:50px; position:absolute; left: -25px; top:-25px; text-indent:-9999px; }
.overlay-video-wide h4, .overlay-video-wide p { text-align: left; }
.overlay-video-wide p { color: #333; }


.overlay-content { background: url("/ui/2009/images/bgr-overlay-chernobyl.png") no-repeat scroll 0 0 #FFFFFF; display: none; /* border: 10px solid #000; */ min-height: 200px; padding: 25px; text-align: left; z-index: 10000; }

.video-play { position: absolute; text-indent: -9999em; background: url(/ui/2009/images/video-play.png) no-repeat 50%; height: 124px; opacity: 0.35; transition: opacity 0.2s ease-in-out }
.video-play:hover, .video-play:focus { opacity: 0.7 }

.exposeloader { position: absolute; width: 16px; height: 16px; background: url(/ui/2009/images/ajax-loader-2.gif) no-repeat 50%; text-indent: -9999em; }
.exposecaption { display: none }
.exposethumb { position: relative; margin-bottom: 20px; }

.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; }
.b-20 { margin-bottom: 20px }

p.mediacaption { margin: 10px 0 0 0 }

/* video player */
#video-header h2 { width: 115px; height: 20px; text-indent: -9999em; background: url(/ui/2009/images/bg-iaea-video.png) no-repeat; margin-bottom: 10px; }
#video-header h2.audio { width: 125px; background: url(/ui/2009/images/bg-iaea-audio.png) no-repeat; margin-bottom: 10px }
#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 { float: right; font-size: 0.9em; color: #fff; background-color: #396CCF; padding: 0 5px;  }
.video-meta { margin-top: 10px; }

/* fadehover */
div.fadehover { position: relative; }
img.img-a { position: absolute; left: 0; top: 0; z-index: 10; }
img.img-b { position: absolute; left: 0; top: 0; }
#fade-pact { width: 190px; height: 97px; margin-top: 13px; }
#fade-bulletin { width: 142px; height: 156px; margin-top: 13px; }
#fade-amano { width: 220px; height: 70px; margin: 13px 0 20px; }
.fp220 { width: 220px; height: 70px; margin: 13px 0 20px; }

#iaea-facebook { background: #f3f3f3; margin-bottom: 30px; border-bottom:1px solid #E1E1E1; }
#iaea-facebook h3 { text-indent: -5555em; background: #3B5998 url(/ui/2009/images/fb_logo_small.png) no-repeat 5px 50%; padding: 5px; margin-bottom:15px;}

/* preloading content */
#preloader, .loading { width: 16px; height: 16px; background-image: url(/ui/2009/images/ajax-loader-2.gif); background-repeat: no-repeat; margin-top: 20px; margin-bottom: 20px }
#preloader-content { display: none }

/* footnotes */
.footnotes { border-top: 1px solid #BDBDBD; font-size: .95em; padding-top:20px; color: #8A8A8A; }
.footnotes h5 { color: #575757 }
#main .footnotes ul { margin-top:0 }

/* typo grid */
#main.guides, #bottom-section.guides { background:#FFFFFF url(/ui/2009/images/vertical-rhythm.png) repeat scroll left 11px; }


/* resources gray boxes */
.gray-box ul li { font-size: 1.2em; line-height: 1.4; padding: 4px 0 10px 15px; background: url(/ui/2009/images/bullet_grey.png) 1px 0.75em no-repeat; }
.gray-box { border-top: 5px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; background: #F3F3F3; padding: 0 16px 0 16px; margin-bottom: 29px;}
.gray-box h3 { font: bold 1.2em "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Helvetica, Arial,sans-serif; padding: 10px 0; background: url(/ui/2009/images/bg_gray-box-hr.gif) repeat-x bottom left; color: #232323; }
.gray-box ul li { background: transparent; /*padding:4px 0 10px 0*/ padding: 7px 0; border-bottom: 1px solid #E1E1E1 }
.gray-box ul li.pdf { background: url(/ui/2009/images/ico_pdf.gif) no-repeat 0 7px; padding-left: 15px; }
.gray-box ul li.story { background: url(/ui/2009/images/ico_story.gif) no-repeat 0 10px; padding-left: 15px; }
.gray-box ul li.video { background: url(/ui/2009/images/ico_video.gif) no-repeat 0 10px; padding-left: 15px; }
.gray-box ul li.photo { background: url(/ui/2009/images/ico_photo.gif) no-repeat 0 10px; padding-left: 15px;  }
.gray-box ul li.audio { background: url(/ui/2009/images/ico_audio.gif) no-repeat 0 10px; padding-left: 15px;  }
.gray-box ul li.last { border: 0; }
.gray-box .date { display: block; color: #aaa;}
.gray-box ul li:last-child { border-bottom: none; }


/* pagination */
.pagination { clear: both; padding-bottom: 15px; padding-top: 15px; text-align: center; color: #bdbdbd }
.pagination p { display: inline; padding: 0 }
.pagination a, .pagination .prev span, .pagination .next span, .pagination .active-page { border: 1px solid #E1E1E1; display: block; font-size: 11px; font-weight: bold; line-height: 18px; padding: 5px 9px; text-transform: uppercase; background-color: #FFFFFF; display: inline-block; margin-left: 2px; margin-right: 2px; border-radius: 3px 3px 3px 3px; }
.pagination a:hover { background-color: #f3f3f3; text-decoration: none; color: #A52A2A }
.pagination .active-page { border-color: #A52A2A; background-color: #A52A2A; color: #fff; font-weight: bold }
.pagination .prev span { background-position: 0 -71px; }
.pagination .prev a, .pagination .prev span { background-position: 0 9px; padding-left: 20px; }
.pagination .prev a, .pagination .prev span, .pagination .next a, .pagination .next span { background-image: url("/ui/2009/images/pagination-arrows-sprite.png"); background-repeat: no-repeat; }
.pagination .next a { background-position: 100% -111px; padding-right: 20px; }
.pagination .prev span.inactive { background-position: 0 -71px; }
.pagination .next span.inactive { background-position: 100% -191px; padding-right: 20px;}
.pagination .prev a:hover { background-position: 0 -31px; }
.pagination .next a:hover { background-position: 100% -151px; }

/* TABS */
#main .tabs-container { position:relative; }
#main .tabs-container ul#tabs-focus { position:absolute; top:12px; right:0 }
#main .tabs-container ul#tabs-focus li { display:inline; background:none; padding:0; font-size:1em }
#main .tabs-container ul#tabs-focus li a { display:block; float:left; background:url(/ui/2009/images/bg_news_tabs.gif) top left no-repeat; height: 30px; font-size:1.2em; font-weight:bold; color:#232323; padding:0 11px; margin-left:1px; border-right:1px solid #e1e1e1 }
#main .tabs-container ul#tabs-focus li a:hover, #main .tabs-container ul#tabs-focus li a.current { background:url(../images/bg_news_tabs.gif) 0 -30px no-repeat; text-decoration:none }
#main .tabs-container ul#tabs-focus li a span { display:block; padding-top:7px }
#main .tabs-container h2 { height: 22px !important; padding: 7px 0 !important; margin-bottom: 20px !important }

/* ACCORDION */
/* root element for accordion. decorated with rounded borders and gradient background image */
div.accordion { background:#F3F3F3; width: 220px; border:none; margin-bottom: 40px }

/* accordion header */
div.accordion h3 { background: #E1E1E1 url(/ui/2009/images/ico-accordion-arrows.png) no-repeat 7px 13px; margin:0; color: #232323; font: bold 1.2em "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Helvetica,Arial,sans-serif; padding: 10px 0 9px 22px; border-top:1px solid #fff; cursor:pointer; margin-top: 0 !important }
/* div.accordion p { font-size: 1.1em; line-height: 1.5; color: #575757; text-align: left }*/
/* currently active header */
div.accordion h3.current, div.accordion h3:hover, div.accordion h3.current:hover { cursor:default; background-color:#186bb7; color: #fff; background-position: 7px -87px; cursor:pointer }
div.accordion h3:hover { background-position: 7px -37px  }
div.accordion h3.current:hover { cursor: default }

/* accordion pane */
div.accordion .pane { display:none; height:auto; padding:15px }
div.accordion .pane span.more { display: block; text-align: right }
div.accordion .pane img { }

/* Three videos - thumbs */
div.video-player { margin-bottom: 20px }
div.three-items { overflow: hidden; margin-bottom: 20px }
div.three-items div { float: left; width: 140px; margin-right: 20px;  }
div.three-items img { /*border: none !important; padding: 0 !important; background: none !important;*/ width: 130px; background-color: #EEEEEE; border: 1px solid #DDDDDD; padding: 4px; margin-bottom: 0 !important }
div.three-items div.last { margin-right: 0 }
div.three-items a { display: block; position: relative }

.video-play-q { position: absolute; text-indent: -9999em; background: url(/ui/2009/images/video-play-q.png) no-repeat; height: 27px; width: 27px; z-index: 100 }
.photo-play-q { position: absolute; text-indent: -9999em; background: url(/ui/2009/images/photo-play-q.png) no-repeat; height: 27px; width: 27px; z-index: 100 }

a.more { display: block; text-align: right; }
img.noborder { border: none !important; padding: 0 !important; background: transparent !important;}
.center { text-align: center }