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

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


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/
body { background: url(/images/ui/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%; }
sub { vertical-align: -0.5em; }
sup { vertical-align: 0.5em; }
.clear { clear:  both; }

/* 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; 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,
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/ui/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/ui/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; }
	#top-sidebar { width: 220px; float: right; }
	#bottom-section { padding: 0 30px 25px 30px; }
	#main { padding: 0 30px; }
	#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(/images/ui/bg_sitemap.gif) top left repeat-x; clear: both; margin-top: 30px; }
	#sitemap-container { padding: 20px 0 30px 30px; }
	#footer { background: url(/images/ui/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/ui/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/ui/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: 734px; }
	#header form#search-form input#search-input { float: left; background: url(/images/ui/bg_search.gif) top left no-repeat; width: 190px; 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/ui/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; }
	
	#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; }
	#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/ui/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; }
		#primary-content h2 { display: block; padding: 7px 0; font-size: 1.8em; font-weight: normal; border-top: 5px solid #ffffff; 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  */
#sitemap ul.breadcrumbs {
	background:url(/images/ui/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(/images/ui/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/ui/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/ui/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/ui/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/ui/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 News Ticker */
	.sidebar .sidebar-newsticker { height: 260px; }
	ul#listticker { height: 200px; overflow:hidden; }

	/* Sidebar banner */
	.sidebar .sidebar-banner { border: 0; background: #fff; padding: 0; }
	
	#amanobanner { width: 220px; height: 70px; display: block; text-indent: -9999em; }
	#amanobanner:hover { background-position: left bottom; }

	/* 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/ui/ico_arrows.png) 0 0 no-repeat; }
	.sidebar .sidebar-calendar a.next span { display: block; width: 7px; height: 12px; background: url(/images/ui/ico_arrows.png) -7px 0 no-repeat; }
	.sidebar .sidebar-calendar a.previous:hover span { display: block; width: 7px; height: 12px; background: url(/images/ui/ico_arrows.png) 0 -12px no-repeat; }
	.sidebar .sidebar-calendar a.next:hover span { display: block; width: 7px; height: 12px; background: url(/images/ui/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/ui/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/ui/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/ui/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/ui/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/ui/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: 0; }

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