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

	Title: 	NUCLEUS IAEA.ORG HEADER-FOOTER.CSS
	Author: Holger Schlaminger
	Date: 	March 2011

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

/* Global
-----------------------------------------------------------------------------------------------*/
#header:after, #sub-nav:after, #main:after, #toolbar:after, #sitemap-container:after, ul.breadcrumbs:after, .footer-container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
body { background:url(../images/bg_body.gif) top center repeat-y; text-align: center; }
#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; }

/* Header
-----------------------------------------------------------------------------------------------*/
#header { height:131px; background:url(../images/bg_header.jpg) top left no-repeat; margin-bottom:2px; position:relative; }

/* 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, #header ul.toplinks li { margin:0px; padding:0px; list-style:none; }
#header ul.toplinks { float:right; font-size:11px; padding:1px 41px 0 0; }
#header ul.toplinks li { float:left; }
#header ul.toplinks li a { display:block; color:#c6d0e3; padding:0 6px; background:url(../images/border_toplinks.gif) center right no-repeat; }
#header ul.toplinks li.last a { padding-right:0; background:none; }
#header ul.toplinks li a:hover { color:#ebebeb; }
	
/* Search forum */
#header form.search-form { position:absolute; top:49px; left:690px; }
#header form.search-form input#search-input { float:left; background:url(../images/bg_search.gif) top left no-repeat; width:235px; height:20px; border:0; padding:4px 0 1px 5px; }
#header form.search-form input#search-submit { float:left; }
#search-radio { position: absolute; left: -112px; top: 3px; font-size: 11px; }
#search-radio label {  color: #c6d0e3; }

/* Main navigation */
#header ul.navigation, #header ul.navigation li { margin:0px; padding:0px; list-style:none; }
#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:13px; display:block; letter-spacing:-.5px; margin-bottom: -1px; }
#header ul.navigation li a em { color:#8A8A8A; font-size:9px; 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; }
#header ul.navigation li.selected a { background-position:0 -34px; }

/* Main
-----------------------------------------------------------------------------------------------*/
#main { padding:5px 20px; min-height: 400px; }

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

/* Sitemap Toolbar and Star Rating
-----------------------------------------------------------------------------------------------*/		
#sitemap #toolbar { padding: 0 20px; color: #8A8A8A; font-size: 11px; margin-bottom: 15px; }
#sitemap #toolbar td { color: #8A8A8A; font-size: 11px; vertical-align: middle; }
#sitemap #toolbar a.button-follow { display: inline-block; *display: inline; zoom: 1; width: 16px; line-height: 16px; margin-left: 5px; background: url(../images/ico-button-follow.gif) no-repeat 0 0; }
#sitemap #toolbar a.button-follow.bf-youtube { background-position: 0 0; }
#sitemap #toolbar a.button-follow.bf-twitter { background-position: -16px 0; }
#sitemap #toolbar a.button-follow.bf-flickr { background-position: -32px 0; }
#sitemap #toolbar a.button-follow.bf-facebook { background-position: -48px 0; }
#sitemap #toolbar .addthis_button_compact { line-height: 1.65em; *zoom: 1; }
#sitemap #toolbar p#last-update { color:#8A8A8A; margin:0 30px 3px 0; padding:0; border:none; background:none; text-align:right; }

.star-rating, .star-rating a:hover, .star-rating a:active, 
.star-rating a:focus, .star-rating .current-rating { background: url(../images/star.gif) left -1000px repeat-x; }
.star-rating{ position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:-5px 0 0 0; padding:0; background-position: left top; }
.star-rating li{ display: inline; }
.star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{ background-position: left bottom; }
.star-rating a.one-star{ width:20%; z-index:6; }
.star-rating a.two-stars{ width:40%; z-index:5; }
.star-rating a.three-stars{ width:60%; z-index:4; }
.star-rating a.four-stars{ width:80%; z-index:3; }
.star-rating a.five-stars{ width:100%; z-index:2; }
.star-rating .current-rating{ z-index:1; background-position: left center; }	

/* for an inline rater */
.inline-rating{ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; }

/* Sitemap Breadcrumbs
-----------------------------------------------------------------------------------------------*/
#sitemap ul.breadcrumbs, #sitemap ul.breadcrumbs li { margin:0px; padding:0px; list-style:none; }
#sitemap ul.breadcrumbs { background: #ffffff url(../images/bg_breadcrumbs.gif) top left repeat-x; overflow:hidden; height:31px; width:100%; }
#sitemap ul.breadcrumbs li { float: left; display:inline; color:#575757; padding: 0; font-size: 11px; line-height: 14px; }
#sitemap ul.breadcrumbs li a, 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:30px; 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
-----------------------------------------------------------------------------------------------*/
#sitemap { background:#f4f4f4 url(../images/bg_sitemap.gif) top left repeat-x; clear:both; margin-top:30px; font-size: 11px; }
#sitemap-container { padding:20px 0; }
#sitemap h3 { color:#232323; margin-bottom:4px; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Helvetica, Arial,sans-serif; }
#sitemap-container ul, #sitemap-container ul li { margin:0px; padding:0px; list-style:none; }
#sitemap-container ul li { display:inline; }
#sitemap-container ul li a { font-size:11px; color:#8A8A8A; display:block; padding:2px 0; }
#sitemap-container ul li a:hover { color:#a52a2a; text-decoration:none; }
#sitemap-container p { color:#8A8A8A; }
	
/* Footer
-----------------------------------------------------------------------------------------------*/
#footer { background:url(../images/bg_footer.gif) top left repeat-y; font-size: 11px; line-height:16px; }
#footer .footer-container { background:url(../images/bg_footer_top.gif) top left no-repeat; padding:19px 0 25px; }
#footer a { 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; }
#footer .address .org { font-size:12px; 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; margin:0; }
#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 { color:#C6D0E3; margin:0; }