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

	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 Floating 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(../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; }

/* 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: 1.6667em 0;text-align:justify;}
h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, sans-serif; font-weight: normal; color:#a52a2a;font-size: 14pt; }
h1 { color: #396CCF;padding-bottom:5px;margin-bottom:10px;border-bottom: dotted 2px #e1e1e1 }
h2 { /*font-size: 2.6em; line-height: 0.769231em;*/ line-height: 1.153846em;margin:20px 0 20px 0;}
h3 { /*font-size: 1.8em;*/font-size:12pt;font-weight:bold;color:#575757;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; }

	
/* Tables */
#main #content table { border-collapse:collapse; font-size: 1.2em; margin-bottom:20px; }
#main #content table caption { text-align:left; font:normal 1.6em/1 Georgia; margin:20px 0 5px; }
#main #content table thead tr {	background-color:#396ccf; color:#fff; }
#main #content table tr td { /*padding:5px 8px;*/ vertical-align:top;} /*border:0px solid #e3e3e3; } */
#main #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; }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#wrapper { width:1004px; margin:0 auto; background:url(../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(../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(../images/bg_featured.gif) top left no-repeat; }
#top-sidebar { width:220px; float:right; }
#bottom-section { padding:0 30px 25px; }
#main { padding:5px 0px; }
#content {width:700px; float:left;border-top:5px;border-style: solid;border-color:#E1E1E1}
#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; }
#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; 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(../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:25px; 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:-.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;margin-left:30px;margin-top: 15px;margin-right:30px}
#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(../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 #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(../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:#575757;
}

#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:#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;
}


	
/* 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; 
    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(../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(../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(../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:.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;
	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:#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(../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(../images/bg_footer_top.gif) top left no-repeat;
	padding:19px 0 25px;
	font-family: Verdana; 
}

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

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

/* OVERLAY */
/* overlay content */
.overlay-video { 
    /*background-image:url(../images/bgr-overlay-video.png); 	
    color:#efefef; 
    width:600px; 
    height:495px;
    display: none;
    padding: 50px 0;*/
    background-color:#fff;
    width:500px;
    display:none;
    text-align:left;
    padding: 25px
}
.overlay-video-wide { 
    /*background-image:url(../images/bgr-overlay-video-wide.png); 	
    color:#efefef; 
    width:612px; 
    height:412px;
    display: none;
    padding: 50px 0;*/
    background-color:#fff;
    width:512px;
    display:none;
    text-align:left;
    padding: 25px
}
.overlay-photoessay { 
    /*background-image:url(../images/bgr-overlay-photoessay.png); 	
    color:#efefef; 
    height:522px;
    width:850px; 
    display: none;
    padding: 50px;*/
    background-color:#fff;
    width:850px;
    display:none;
    text-align:left;
    padding: 25px
}
.overlay-flickr { 
    /*background-image:url(../images/bgr-overlay-flickr.png); 	
    color:#efefef; 
    height:450px;
    width:600px; 
    display: none;
    padding: 50px;*/
    background-color:#fff;
    width:600px;
    display:none;
    text-align:left;
    padding: 25px
}
.close {
	background-image:url(../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; }

.noborder
{
    background:none !important;
    border:0 !important;
}

/* 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; }

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

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

#content .essay-thumb { position: relative }
#content .essay-thumb span.tooltip { position: absolute; width: 210px; height: 140px; background: rgba(0, 0, 0, 0.8); top: 10px; left: 5px; color: #fff; cursor: pointer }
#content .essay-thumb span.tooltip p { margin: 0; padding: 10px; font-size: 1.1em; line-height: 1.4em }

/* OVERLAY */
/* overlay content */
.overlay-video, .overlay-video-wide, .overlay-photoessay, .overlay-flickr { background: #fff url(http://www.iaea.org/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(http://www.iaea.org/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("http://www.iaea.org/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(http://www.iaea.org/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(http://www.iaea.org/ui/2009/images/ajax-loader-2.gif) no-repeat 50%; text-indent: -9999em; }
.exposecaption { display: none }

.w-1130 { width: 1130px }
.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 }
/* ------------------ TC Specific -------------------------*/
#content #subtitle {font:14pt Georgia, Arial, Helvetica, sans-serif;color:#006666;margin-bottom:10px;margin-top:10px;}
/*.subHeading{font-family:Georgia, Arial, Helvetica, sans-serif; font-size: 130%; color:#C42100;font-weight:700}*/
.subHeading, .subheading{font:300 18px/20px Georgia,Times,sans-serif; color:#A52A2A;}
#main #content table tr td #tdwithborder { /*padding:5px 8px;*/ vertical-align:top; border:0px solid #e3e3e3; }
/*------------- Project Table -----------------*/
#content table tr .subtitle{padding:2px;font-weight:bold;text-align:center;font-size:1.1em;}
#content table th {text-align:center;padding:2px;font-size:1.1em;}
#content table tr .centre {text-align:center;}
/*-------------- lists -----------------------*/
#content #list{font-size:12pt;margin:10px;}
#content #list ul{margin:10px;}
#content #list ul li{padding:3px;font-size:13px;}
/*-------- 3rd Column ---------*/
#MenuRight{float:left;width:200px;font-size:10pt;margin-left:10px;}
#MenuRight .modules{border-top:solid 5px #e1e1e1;}
#MenuRight .modules .button{margin:0 5px;}
#MenuRight .modules ul{list-style:none;margin:0;padding:0;}
#MenuRight .modules li, #NewsAttachs li{border-bottom: solid 1px #e1e1e1;padding: 5px 10px;}
#MenuRight .modules ul .SubList{margin-left:10px;}
#MenuRight .modules ul .SubList a{font-size:1.2em;line-height:1.667;}
.links, .subLinks{display:block;border-right:solid 1px white;border-bottom:solid 1px white;text-decoration:none;font:13px/16px "Lucida Grande",Verdana,Arial,sans-serif;}
.links:hover, .subLinks:hover{background-color:#fcfcfc;border-top:solid 1px #fcfcfc;border-left:solid 1px #fcfcfc;border-bottom:0;border-right:0;text-decoration:underline;}
.subLinks{font-size:11px;margin:2px 0 2px 15px;}
#MenuRight .modules .links img{width:160px;height:120px;border:0;}
#SearchBar {border-bottom:solid 1px #e1e1e1;padding:8px 10px 8px 10px;}

#NewsAttachs
{
	margin:10px 0 20px 20px;
	border:0;
	padding:10px;
}
#content .doc{width:200px;padding:5px;border:solid 2px #c1c1c1;border-top:solid 4px #e1e1e1;margin-left:10px;}
#content .doc .doclist, #content .galleryblob ul{list-style:none;margin:0}
.imgbox{padding:5px;text-align:center;border:solid 2px #c1c1c1;border-top:solid 4px #e1e1e1;margin-left:10px;float:right;}
.imgbox div{width:200px;}
.docbox{float:right;padding:5px;font-size:12px;}
.docbox div{width:250px;word-break:break-all;word-wrap:break-word;overflow:hidden;}
.NewsContent{padding:20px 0;}
.NewsContent .imgnormal{float:left;margin:10px;margin-left:0;padding:0;width:120px;height:90px;}
.NewsContent .NewsText, .AnnounceText, .AnnounceText p{font-size:12px;text-align:justify;line-height:18px;}
.AnnounceText .doclist li{text-align:left;}
.NewsContent .NewsText .NewsTitle{font:13px/18px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Helvetica,Arial,sans-serif;color:#333333;}
.NewsContent .NewsText .NewsDate{margin:2px;color:Black;}
#AnnounceDoc{float:right}
#AnnounceContent{float:left;padding:20px 0;border-top:solid 5px #e1e1e1;width:490px;}
.ulHolder ul{margin:5px 0;line-height:18px;}
.inputDiv,.inputdiv{font:15px/18px Georgia,Times,sans-serif;padding:5px 10px 8px 10px;border-bottom:solid 1px #e1e1e1;color:#333333;}
.inputDiv input,.inputdiv input{font-size:12px;height:18px;}
#staffphotos div{float:left;text-align:center;width:160px;height:270px;margin:2px;background-color:#f1f1f1;}
.galleryblob img{width:150px;height:200px;margin:0 5px 0 5px;border-style:solid;}
.galleryblob p{margin:0;line-height:normal;text-align:center;}
.galleryblob ul{list-style-type:none;font-size:12px;}
.galleryblob .photoli{float:left;}
.galleryblob .photoli img{width:200px;height:150px;background:none;border:none;}
.galleryblob .photoli img:hover{background:none repeat scroll 0 0 #EEEEEE;border:1px solid #DDDDDD;}
.galleryblob .storytitle{font-size:12px;margin:4px 0 4px 0;}

/*--------- regional tabbar -----------*/
#tabbar {color:#333333;font-family:"Lucida Grande",Verdana,Arial,sans-serif;height:33px;border-bottom:1px solid #E1E1E1;margin-bottom:0;margin:0;padding:0;padding-left:40px;}
#tabbar li {background:none repeat scroll 0 0 transparent;display:inline;font-size:1em;line-height:2.2;}
#tabbar li a:hover, #tabbar li .active {background:url("../pic/tab2.gif") no-repeat scroll 0 -32px transparent;text-decoration:none;z-index:100;}
#tabbar li .active{border-bottom: solid 1px #ffffff;}
#tabbar li a { background:url("/technicalcooperation/resources/images/tab1.gif") repeat scroll left top transparent;border:1px solid #E1E1E1;color:#333333;display:block;float:left;font:15px/28px Georgia,Times,sans-serif;margin-left:1px;margin-top:4px;padding:0 20px;text-decoration:none;}
#TabContnet .HideDiv, .hidediv{display:none;}
#TabContnet .active{display:block;}

/*------------- Project Table -----------------*/
#content table tr .subtitle{padding:2px;font-weight:bold;text-align:center;font-size:1.1em;}
#content table th {text-align:center;padding:2px;font-size:1.1em;}
#content table tr .centre {text-align:center;}
/*-------------- lists -----------------------*/
#content #list{font-size:12pt;margin:10px;}
#content  ul, #content ol{margin:10px 10px 10px 20px;list-style-type:disc;}
#content  ul li, #content  ol li{padding:3px;font-size:12px;line-height:18px;}