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

	Title: Pakistan Atomic Energy Commission (PAEC)
	Authors: 
		Salman Taj, SS (DMIS, PAEC)
		M. Zaigham Zaheer, JS (SIPR, PAEC)
	Date: 23rd July, 2014 (Deployed)

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

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;
}
a
{
	color: #396ccf;
	text-decoration: 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, #content_main: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.jpg') repeat-y center top;
	font: 65.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;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	line-height: 1.6667;
	margin: 0 0 1em 0px;
}
h1, h2, h3, h4
{
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	font-weight: bold;
	color: #a52a2a;
}
h3, h5, h6
{
	font-family: Tahoma /*Georgia, Times, sans-serif*/;
	font-weight: bold;
	color: #396CCF;
}
h1
{
	color: #396CCF;
}
h2
{
	font-size: 2.6em; /*line-height: 0.769231em;*/
	line-height: 1.153846em;
	color: #396CCF;
}
h3
{
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 4px 0px 2px 0px;
	width: auto;
}
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;
}

.heading
{
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
}

code
{
	font-size: 1.6em;
	line-height: 1.5;
}

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

/* Tables */

#main #content_data table
{
	border-collapse: collapse;
	font-size: 1.2em;
	margin-bottom: 20px;
}
#main #content_data table caption
{
	text-align: left;
	font: normal 1.6em/1 Georgia;
	margin: 20px 0 5px;
	background-color: #efefef;
}
#main #content_data table thead tr
{
	background-color: #396ccf;
	color: #fff;
	font-weight: bold;
}
#main #content_data table tfoot tr
{
	background-color: #e3e3e3;
	color: #0d0d0d;
	font: bold 1.4em/1 Georgia;
}
#main #content_data table tbody tr
{
	background-color: transparent;
	color: #0d0d0d;
	font: normal 0.85em/1 Tahoma;
}
#main #content_data table tbody tr td p
{
	margin: 1px 0px 1px 0px;
	text-align: justify;
}
#main #content_data table tr td
{
	padding: 5px 8px;
	vertical-align: top;
	border: 1px solid #e3e3e3;
}
#main #content_data table thead tr td
{
	padding: 5px 8px;
	vertical-align: top;
	border: 1px solid #e3e3e3;
	width: 106px;
}
#main #content_data table tr.even
{
	background-color: #f9f9f9;
}




#main #content table, #story table
{
	border-collapse: collapse;
	font-size: 1.2em;
	margin-bottom: 20px;
}
#main #content table caption, #story table caption
{
	text-align: left;
	font: normal 1.6em/1 Georgia;
	margin: 20px 0 5px;
}
#main #content table thead tr, #story table thead tr
{
	background-color: #396ccf;
	color: #fff;
}
#main #content table tr td, #story table tr td
{
	padding: 5px 8px;
	vertical-align: top;
	border: 1px solid #e3e3e3;
}
#main #content table tr.even, #story table tr.even
{
	background-color: #f9f9f9;
}



#main #content_main table, #story table
{
	border-collapse: collapse;
	font-size: 1.2em;
	margin-bottom: 20px;
}

#main #content_main table caption, #story table caption
{
	text-align: left;
	font: normal 1.6em/1 Georgia;
	margin: 20px 0 5px;
}

#main #content_main table thead tr, #story table thead tr
{
	background-color: #396ccf;
	color: #fff;
}

#main #content_main table tbody tr, #story table tbody tr
{
	background-color: transparent;
	color: #0d0d0d;
	font: normal 0.85em/1 Tahoma;
}

#main #content_main table tbody tr td p, #story table tbody tr td p
{
	margin: 1px 0px 1px 0px;
	text-align: justify;
}

#main #content_main table tr td, #story table tr td
{
	padding: 0px 0px;
	vertical-align: top;
	border: 0px solid #e3e3e3;
}

#main #content_main table thead tr td, #story table thead tr td
{
	padding: 5px 8px;
	vertical-align: top;
	border: 0px solid #e3e3e3;
}

#main #content_main table tr.even, #story 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, img.img-non-float, img.img-non-float-contact
{
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 5px;
}
img.img-float-left
{
	float: left;
	margin: 0 10px 0px 0;
}
img.img-float-right
{
	float: right;
	margin: 0 0 10px 20px;
}
img.img-non-float
{
	float: none;
	margin: 0px 0px 0px 0px;
	height: 86px;
	width: 76px;
}
img.img-non-float-contact
{
	float: none;
	margin: 0px 0px 0px 0px;
	height: 250px;
	width: 400px;
}
img.img-pdf-float
{
	background-color: transparent;
	padding: 5px;
	float: left;
	margin-top: 5px;
}

/* 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(images/bg_body.gif) repeat-y center top;
}
#container
{
	width: 1000px;
	text-align: left;
	margin: 0 auto;
}

/* Two wrappers needed to fix the 1px browser jog issue */
#header
{
	height: 130px;
	background: url('images/bg_header.jpg') top left no-repeat;
	margin-bottom: 0px;
	position: relative;
}
#site-title
{
	margin: 0 3.4%;
	font-family: "Oswald" , sans-serif, "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	font-size: 32px;
	letter-spacing: 1px;
}

#site-title img
{
	margin: 0px 0;
	vertical-align: middle;
	float: right;
}

#site-description
{
	margin-left: 20px;
	font-size: 12px;
	font-weight: normal;
}
#header_bottom
{
	top: 120px;
	height: 20px;
	background: url('images/bg_header_top.jpg') no-repeat left top;
	margin-bottom: 0px;
	position: absolute;
}
#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') no-repeat left top;
}
#top-sidebar
{
	width: 220px;
	float: right;
}
#bottom-section
{
	width: 940px;
	padding: 0px 10px 0px 25px;
	float: left;
}
#bottom-section-enhanced
{
	width: 975px;
	padding: 0px 5px 0px 5px;
	float: left;
}
#main
{
	padding: 5px 30px;
	position: relative;
	clear: both;
}
#content
{
	width: 700px;
	float: left;
	padding-left: 40px;
}
#content_right
{
	width: 700px;
	float: right;
}
#primary-content-right
{
	width: 700px;
	float: left;
}

#content_main
{
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	min-height: 419px;
}
#content_data
{
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}

#content_none
{
	width: 100%;
	float: left;
}

#primary-content
{
	width: 660px;
	float: left;
}
#secondary-content
{
	width: 221px;
	float: left;
}
#bottom-sidebar
{
	width: 220px;
	float: right;
}
#sitemap
{
	background: #f4f4f4 url(images/bg_sitemap.gif) repeat-x left top;
	clear: both;
	margin-top: 30px;
	position: relative;
}
#sitemap-i
{
	background: #f4f4f4 url(images/bg_sitemap.gif) repeat-x left top;
	clear: both;
	margin-top: 30px;
	position: relative;
	top: -30px;
	left: 0px;
	height: 82px;
}
#sitemap-container
{
	padding: 20px 0 30px 30px;
}
#footer
{
	background: url(images/bg_footer.gif) top left repeat-y;
}

/* 404 page layout */
/* Main navigation */
#header ul.navigation
{
	position: absolute;
	top: 66px;
	left: 650px;
}
#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;
	margin-top: 5px;
}

#header ul.navigation li a strong
{
	color: #294e95;
	font-size: 1.1em;
	display: block;
	letter-spacing: -.5px;
	padding-bottom: 1px;
}
#header ul.navigation li a em
{
	color: #8A8A8A;
	font-size: .9em;
	font-style: normal;
	letter-spacing: -.05px;
}
#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;
}

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

/* Site logo */
#header div.logo
{
	padding: 0 0;
}
#header h1, #header div.logo a
{
	display: block;
	position: relative;
	overflow: hidden;
	width: 310px;
	height: 0px;
}
#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') no-repeat right 50%;
}
#header ul.toplinks li.last a
{
	padding-right: 0;
	background: none;
}
#header ul.toplinks li a:hover
{
	color: #ebebeb;
}

/* Search forum */

#header div.search-form
{
	position: absolute;
	top: 30px;
	left: 18px;
}
#header div.search-form input#search-input
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	float: right;
	background: url('images/searching.jpg') no-repeat left top;
	width: 250px;
	height: 25px;
	padding: 1px 0 2px 5px;
	vertical-align: middle;
}

/* TO DO: IE Box hack */
#header div.search-form input#search-submit
{
	float: left;
	position: absolute;
	top: 0px;
	left: 225px;
}

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; /*border-top:1px solid #e1e1e1; background:#f4f4f4;*/
	padding-right: 10px;
}
#sub-nav h1
{
	float: left;
	color: #396ccf;
	font-size: 1.8em;
	font-weight: normal;
	font-family: Tahoma;
	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: 15px;
}
#sub-nav ul li a:hover
{
	color: #a52a2a;
	background: none;
	text-decoration: none;
}
#sub-nav ul li.selected a
{
	font-weight: bold;
	background: url('/New/paec/images/ico_subnav.gif') no-repeat center bottom;
}

/* 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: 1em;
	font-family: Verdana;
	line-height: 1em;
	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;
}
#content .article ol.ab li
{
	list-style: lower-alpha;
}
#content .article ol.roman li
{
	list-style: lower-roman;
}

/* Lists */

#content_main .article ul, #content .article ol
{
}

#content_main .article ul li, #content_main .article ol li, #content_main .article ul li ul li, #content_main .article ol li ol li
{
	font-size: 1.2em;
	font-family: Verdana;
	line-height: 1em;
	margin: 0.6667em 0 0.6667em 2em;
}


#content_main .article ul li span, #content_main .article ol li span
{
	display: block;
	margin: 1.6667em 0;
}
#content_main .article ol li
{
	list-style: decimal;
}
#content_main .article ol.ab li
{
	list-style: lower-alpha;
}
#content_main .article ol.roman li
{
	list-style: lower-roman;
}

/* 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: 0px;
	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
{
	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  */
.breadcrumbs
{
	background: url(images/breadcrumb/bg_breadcrumbs.gif) top left repeat-x;
	overflow: hidden;
	height: 31px;
	width: 100%;
}

#sitemap ul.breadcrumbs
{
	background: url(images/breadcrumb/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/breadcrumb/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/breadcrumb/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/breadcrumb/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: 10px;
	display: inline;
}

#sitemap h3
{
	display: block;
	color: #232323;
	margin-bottom: 4px;
	font: bold 1.1em Tahoma;
}

#sitemap-container ul
{
	clear: both;
}

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

#sitemap-container ul li a
{
	font: normal 1.05em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	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: 150px;
}

.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: 30000em;
	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: bold 1.4em/1.2 Arial; /*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
{
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	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;
}

#footer a
{
	/*padding:2px;*/
	color: #fff;
	text-decoration: none;
}

#footer a:hover
{
	color: #ffff22;
	/*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') repeat-y right top;
	color: #c6d0e3;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	font-size: 1.05em;
	line-height: 1.4;
}

#footer .address .org
{
	font-size: 1.0em;
	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-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Helvetica, Arial,sans-serif;
	font-size: 1.1em;
	color: #C6D0E3;
	margin: 0;
	line-height: 1;
}

/* OVERLAY */
/* overlay content */
.overlay-video, .overlay-video-wide, .overlay-photoessay, .overlay-flickr
{
	background: #fff url('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-flickr
{
	width: 600px;
}
.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;
}


.overlay-content
{
	background: #FFFFFF url('images/bgr-overlay-chernobyl.png') no-repeat 0 0;
	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('images/video-play.png') no-repeat 50% 50%;
	height: 124px;
	opacity: 0.35;
	transition: opacity 0.2s ease-in-out;
}
.video-play:hover, .video-play:focus
{
	opacity: 0.7;
}

.w-600
{
	width: 600px;
}
.w-520
{
	width: 520px;
}
.w-220
{
	width: 220px;
}
.w-180
{
	width: 180px;
}
.w-140
{
	width: 140px;
}
.h-35
{
	height: 35px;
}
.h-140
{
	height: 140px;
}
.border-12
{
	border-radius: 12px;
}
.b-20
{
	margin-bottom: 20px;
}

/* video player */
#video-header h2
{
	width: 115px;
	height: 20px;
	text-indent: -9999em;
	background: url('images/bg-iaea-video.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('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('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('images/vertical-rhythm.png') left 11px;
}


/* resources gray boxes */
.gray-box ul li
{
	font-size: 1.2em;
	line-height: 1.4;
	padding: 4px 0 10px 15px;
	background: url('images/bullet_grey.png') no-repeat 1px 0.75em;
}
.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('images/bg_gray-box-hr.gif') repeat-x left bottom;
	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('images/ico_pdf.gif') no-repeat 0 7px;
	padding-left: 15px;
}
.gray-box ul li.story
{
	background: url('images/ico_story.gif') no-repeat 0 10px;
	padding-left: 15px;
}
.gray-box ul li.video
{
	background: url('images/ico_video.gif') no-repeat 0 10px;
	padding-left: 15px;
}
.gray-box ul li.photo
{
	background: url('images/ico_photo.gif') no-repeat 0 10px;
	padding-left: 15px;
}
.gray-box ul li.audio
{
	background: url('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('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('images/bg_news_tabs.gif') no-repeat left top;
	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('images/ico-accordion-arrows.png') no-repeat 7px 13px;
	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;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
/* 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('images/video-play-q.png') no-repeat;
	height: 35px;
	width: 35px;
}
.photo-play-q
{
	position: absolute;
	text-indent: -9999em;
	background: url('images/photo-play-q.png') no-repeat;
	height: 27px;
	width: 27px;
}

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



/* TAB MENU   
----------------------------------------------------------*/
.header_menu
{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.hideSkiplink
{
	background-color: /*#3a4f63*#1577be*/ #465c71;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

div.menu
{
	padding: 0px 1px 2px 1px;
}

div.menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
	font-family: Tahoma;
	font-size: 8pt;
}

div.menu ul li a, div.menu ul li a:visited
{
	background-color: #465c71;
	border: 1px #4e667d solid;
	color: #dde4ec;
	display: block;
	line-height: 1.35em;
	padding: 4px 20px;
	text-decoration: none;
	white-space: nowrap;
}

div.menu ul li a:hover
{
	background-color: #bfcbd6;
	color: #465c71;
	text-decoration: none;
}

div.menu ul li a:active
{
	background-color: #465c71;
	color: #cfdbe6;
	text-decoration: none;
}

.inner_content
{
	padding: 10px;
}