/* ====================================================================================
 HTML Overrides
===================================================================================== */
html, body { height: 100%; min-width: 1014px; min-height: 650px; }
body { position: relative; overflow: auto; }
body, table { font-family:Arial, sans-serif; font-size: 14px;  color:#000000;  line-height:125%; cursor:default;  }
table { font-size: 100%; color: #666666; }
button { letter-spacing:0; line-height:100%; }
body { background-color:#CCCCCC; margin:0; }
br { font-size:10px; line-height:100%; }
tr { vertical-align:top; }
hr { height:1px; border-top:1px solid #CCCCCC; }
a {  color:#3366CC; text-decoration:none; }
a:hover { color:#FF9900 ; }
a img { border:0; }
p { padding:0; margin:0; }

a.jargonLink {color:#6699FF;}
a.jargonLink:hover {color:#FF9900;}
a.link3 { color:#FF9900; }
a.link3:hover { color:#FFFFFF; }

ol { margin:20px 0 0 5px; padding:0 0 0 30px; }
ol li { padding:0 0 4px 0; }
ul { margin:0px 0 0 5px; padding:0 0 0 15px; }
ul li { padding:0 0 4px 0; }
ul li { list-style-type: circle; }
ul li ul li { list-style-type:square; } 
textarea { font-size:100%; font-family:Arial; }

a:active, a:focus { outline: 0; }

/* -------------------------------- *
 * General page 
 * -------------------------------- */
#oContentFrame, #oPageContainer { position: absolute; width: 1014px; height: 650px; top: 50%; left: 50%; margin-top: -325px; margin-left: -507px; overflow: hidden; background-color: White; }

#oTemplate {position:absolute; top:61px; width: 1014px; height:589px; background-color:White; background-repeat:no-repeat; z-index:10;}
#oHeader { position:absolute; top:0px; left:0px; height:61px; width:1014px; z-index:11; background-image:url("../Images/Common/Header_IAEALogo.jpg"); background-position:0px -4px;}

#oPagePadding { width:100%; height:100%; }

#oHeaderCourseTitle {position:absolute; right:20px; top:11px; font-size:16px; line-height:110%; color:#003399;}
#oHeaderModuleTitle {position:absolute; right:20px; top:31px; font-size:20px; line-height:110%; color:#FF9900; font-weight:bold;}

#oBackButton{position:absolute; top:-47px; left:829px; z-index:3000002; }
#oNextButton{position:absolute; top:-47px; left:939px; z-index:3000002; }

#oNavBG{position:absolute; top:-47px; left:829px; z-index:3000001; width:158px; height:47px; background-color:#FFF; border:0px solid red;}
/*#oNavBG{position:absolute; top:-50px; left:826px; z-index:3000000; width:164px; height:50px; background-color:#FFF; border:0px solid red;}*/

#oProgressBarContainer{ width:156px; height:10px; position:absolute; bottom:0px; left:830px; z-index:3000002; } 
#oProgressBar{ width:0%; height:10px; background:url('../Images/Common/progressbar.jpg'); }
 
#oNavigationPager{position:absolute; top:-46px; left:883px; z-index:3000002; width:50px; height:41px;}
#oNavPagerInner{color:#000; text-align:center; margin-top:9px; font-size:10px; line-height:110%;}

#oExitBtn{position:absolute; top:-41px; left:23px;}
#oMenuBtn{position:absolute; top:-41px; left:77px;}
#oTopicMenuBtn{position:absolute; top:-41px; left:131px;}
#oHelpBtn{position:absolute; top:-41px; left:185px;}
#oGlossaryBtn { position:absolute; top:-41px; left:239px; }

#oNavigation{position:absolute; bottom:0px; left:0px; z-index:20;}

#oContentFrame{}

#oPageFlip{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:4000; display:none; }
#oOptionsButton{position:absolute; top:-41px; left:294px; z-index:4000000; cursor:pointer; }

#oOptionsPanel { position:absolute; }

#oOptions{position:absolute; /*top:-161px;*/ top:0px; left:0px; height:212px; width:1014px;  z-index:3000000;  background:url('../Images/Common/optionspanel_bg_v2.jpg'); }
#oOptionsTitle{display:none; position:absolute; top:2px; left:0px; width:100%; height:30px;}
#oOptionsFooter{position:absolute; top:142px; left:0px; width:100%; height:39px; }
#oOptionsPages{position:absolute; width:875px; height:133px; top:0px; left:70px; overflow:hidden; background-repeat:no-repeat; }
#oPagesInner{position:absolute; height:133px; top:0px; left:0px;}
.optionsPage{position:absolute; top:24px; width:106px; height:106px; background-position:0px 0px; }
.optionsPageOver{ background-position:0 105px; cursor:pointer;}
.optionsPage table{ color:#003399; font-size:12px; font-family:Arial; }

.optionsPageTitle{position:absolute; top:4px; text-align:center; font-size:11px; left:7px; width:90px; line-height:110%; height:70px;}
.optionsPageTitle table{height:100%; width:100%;}
.optionsPageTitle table tr {height:100%; vertical-align:middle; line-height:110%; cursor:pointer; font-size:11px;}
.optionsPage:hover .optionsPageTitle table tr{  }

.optionsPageNumber{ position:absolute; top:79px; left:35px; font-size:11px; font-family:Arial; color:#3366CC; }
.optionsPageCurrent .optionsPageNumber{ color:#003399; }
.optionsPage:hover .optionsPageNumber {  }

.optionsPanelDivider { position:absolute; top:10px; width:1px; height:24px; background:url('../Images/Common/optionspanel_divider.png'); }
#optionsPanelDivider1 { left:95px; }
#optionsPanelDivider2 { left:183px; }



.audioText, .menuText, .helpText{ display:block; font-size:15px; color:#002550; position:absolute; top:9px; left:27px;}





.optionsButtons{cursor:pointer; position:absolute; top:5px; font-weight:bold;}



/*#oExitButton{ position:absolute; left:23px; top:0px; width:48px; cursor:pointer; }
#oTopicsButton{ position:absolute; left:77px; top:0px; width:48px; cursor:pointer; }
#oHelpButton { position:absolute; top:0px; left:131px; width:48px; cursor:pointer; }
#oMenuButton { position:absolute; top:0px; left:185px; width:48px; cursor:pointer; }
#oAudioButton { position:absolute; top:0px; left:239px; width:48px; cursor:pointer; }
#oGlossaryButton { position:absolute; top:0px; left:293px; width:48px; cursor:pointer; }*/

#oMenuButton { position:absolute; top:0px; left:23px; width:48px; cursor:pointer; }
#oAudioButton { 
	position:absolute; top:0px; left:77px; width:48px; height:41px; cursor:pointer; 
	background-image:url("../Images/Common/en_audio.jpg"); background-position:left top; 
	
}
#oAudioButton:hover {  background-position:left bottom;  }
#oAudioButton.muted { background-position:right top; }
#oAudioButton.muted:hover { background-position:right bottom; }


#oSearchLayer{display:none; position:absolute; top:-551px; left:195px; width:622px; height:456px; background:#FFF url("../Images/Common/SearchBG.jpg"); }

#oSearchPanel{position:absolute; left:300px; width:250px; cursor:pointer; top:155px; height:25px;  background-image:url("../Images/Common/SearchBar.jpg"); background-repeat: no-repeat;}
#oSearchTitle{position:absolute; top:18px; left:25px; font-size:22px; line-height:120%; color:#FF9900;}

#oSearch {margin-left:20px; width:200px; height:18px; color:#333;  border:0; background-color:Transparent;  }
#oSearchButtonContainer { position:absolute; top:0px; left:160px; }
#oSearchButton { width:48px; height:20px; background:#3366CC; border:0; color:#FFF; font-size:10px; line-height:11px; }
#oSearchButton:hover { cursor:pointer; background:#FE9900; }

#oSearchLayerText{position:absolute; top:70px; left:40px; width:522px; height:346px; overflow:auto;}
#oSearchLayerClose{position:absolute; top:10px; right:10px;}

.searchResult{ border-bottom: 1px dotted #3366CC; }
.searchResultsTags{color:#999999; font-size:12px; font-style:italic; margin-bottom:10px;}
.searchResultsPageDesc{margin:2px 0px 10px 0px; color:#3366CC; font-size:14px;}

.searchResultsPageTitle{margin-top:20px; color:#3366CC; font-size:22px; line-height:110%;}

a:hover .searchResultsPageDesc{color:#ff9900;}
a:hover .searchResultsPageTitle{color:#ff9900;}
a:hover .searchResultsTags{color:#ff9900;}


#oCourseTitle { display:block; width:332px; height:30px; margin-top:10px; margin-left:73px; font-size:16px; color:#4D71A2; background:url('../Images/Common/nav_coursetitle_bg.png') no-repeat; }
.courseTitleText { width:332px; margin-left:10px; margin-right:auto; padding-top:5px; }
#oModuleTitle { display:block; margin-top:-23px; margin-left:417px; font-size:18px; color:#232D36; }

#oResourcesButton { display:block; margin-top:-25px; margin-left:870px; }
#oResourcesButton:hover { cursor:pointer; }


.articleButtons{cursor:pointer; font-weight:bold;}
#oOptionsModules{position:absolute; top:4px; width:460px;  left:55px; text-align:center;  font-weight:bold; }
#oLeftNavButton{position:absolute; top:54px; left:13px;}
#oRightNavButton{position:absolute; top:54px; right:13px;}

.pagePadding { width:100%; height:100%; background-repeat:no-repeat; position:relative;}


.title,.header { margin:0px; padding:0px; margin-bottom:10px; font-family: Arial, Verdana, Sans-Serif; font-size:36px; line-height:38px; color:#FF9900; }
.header { font-size:28px; line-height:30px; }
.leader {font-family: Arial, Verdana, Sans-Serif; font-size:23px; line-height:120%; color:#8681B8; margin-bottom:5px; margin-top:5px;}


.instructionText { height:25px; font-family:Arial; font-size:12px; line-height:14px; color:#1F2C33; background: url('../Images/Common/instruction.png') no-repeat left 0px; padding-left: 20px; }
.fixPng { behavior: url('../Scripts/iepngfix.htc'); }
.pie { behavior: url(../Scripts/PIE.htc); }
.panel { width: 93%; color: #39414A; padding: 10px; border: 2px solid #FFFFFF;  margin-top: 20px; margin-bottom: 20px; background:url("../Images/Common/panelBG.jpg") repeat;}
.expertSansRegular { font-family:"Expert Sans Regular", Arial, Verdana; }

.blockSpacer { }

/*Custom tag style listItem copied that BAR-2753 [DB]*/
.listItem { overflow: hidden; margin: 10px 0 10px 10px; }
.listItem .number { width: 33px; height: 32px; float: left; margin-top: 7px; margin-right: 10px; padding-left:13px; background: url('../Images/Common/listitem-dots.png'); color: White; line-height: 31px; text-align: center; font-family: Arial, Sans-Serif; font-size: 18px; font-weight: bold; }
.listItem .text {  }


.button{width:110px; height:43px; background-image:url("../Images/Common/button_a.jpg"); overflow:hidden; vertical-align:baseline; text-align:center; color:#FFF; font-family:Arial; font-size:15px; line-height:18px; border:0px;} /* font-size:15px; to align exit popup buttons correctly */
.buttonOver{background-image:url("../Images/Common/button_b.jpg"); cursor:pointer;}


.navigationPager { color:#000; line-height: 25px; margin-top:7px; font-size: 0.9em; width:100px }
#navButtons span, #navButtons a {float:left;}
@media print {
	#oHeader { display:none; }
	#oFooter { display:none; }
	#oContainer { height:678px; overflow:hidden; }

	#oHotspotDiv { display:none; }
 }
 
 

 
 
 #oMenuLayerBehind{display: none; width:1014px; height:650px; position:absolute; top:-650px; left:0px; background:url("../Images/Common/popup_bg.jpg") no-repeat; }
 
 #oMenuLayer{ width:353px; height:650px; position:absolute; top:-650px; left:-423px; background-color:#FFF; border:1px solid #FFF;}
 #oMenuLayerTitleContainer{position:relative; background:url('../Images/Common/menuLayerTitleContainer_bg.jpg') no-repeat; height:41px;}
 #oMenuLayerTitle{position:absolute; top:8px; left:41px; color:#FFFFFF; font-family: Arial; font-size:20px; line-height:110%;}
 #oMenuLayerClose{position:absolute; top:0px; right:0px;}
 
 #oMenuLayerModules{position:relative; width:371px; margin:20px;}
 
 .menuLayerTitle{width:319px; height:30px; overflow:hidden; background:url('../Images/Common/menulayer_title_bg.jpg'); }
 .menuLayerTitleText{position:relative; top:7px; left:20px; width:331px; color:#003399; font-size:16px; font-family: Arial;}
 .menuLayerTopics{margin:4px 20px 20px 5px; width:295px;}
 
 .menuLayerTopics ul{margin:0px; margin-bottom:4px;}
  .menuLayerTopics ul li{margin:0px; padding:0px; list-style:disc; margin-bottom:1px; }
 
 a.menuLayerTopic{color:#606467; font-size:15px; font-family:Trebuchet MS; line-height:17px; }
 a:hover.menuLayerTopic{color:#FF9900;}
 
.clearfix { clear:both; }
.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}