/* our work slider */
#library-top, #aboutus-top { position: relative;margin-bottom: 20px; }
#library-slider { width: 700px; height:250px; overflow: hidden; }
#library-intro { width: 220px; height: 280px; position: absolute; top: 0; right: 0; }

#library-slider .top-news-item { float:left; position:relative; cursor: pointer; }
body.work #main img, body.about #main img, body.publications #main img { margin-top: 0; padding: 0; border: none; }
#library-slider .top-news-item .top-news-overlay { position:absolute;bottom:3px;left:0; }
#library-slider .top-news-item .top-news-overlay .top-news-date { margin-bottom: 12px; }
#library-slider .top-news-item .top-news-overlay .top-news-head { margin-bottom: 9px; }

.top-news-thumb-outer { position: relative; } 

.top-news-date span { background-color:#000; opacity:.7; color:#fff; padding: 5px 10px; }
span.top-news-label-video { background-color:#A52A2A; opacity:1; color:#fff; padding: 5px 10px; margin-left: 1px; text-transform: uppercase }
span.top-news-label-photo { background-color:#92a628; opacity:1; color:#fff; padding: 5px 10px; margin-left: 1px; text-transform: uppercase }
span.top-news-label-audio { background-color:#555555; opacity:1; color:#fff; padding: 5px 10px; margin-left: 1px; text-transform: uppercase }
span.top-news-label-link { background-color:#8a8a8a; opacity:1; color:#fff; padding: 5px 10px; margin-left: 1px; text-transform: uppercase }
span.top-news-label-story { background-color:#4283d6; opacity:1; color:#fff; padding: 5px 10px; margin-left: 1px; text-transform: uppercase }
span.top-news-label-blog { background-color:#ff9900; opacity:1; color:#fff; padding: 5px 10px; margin-left: 1px; text-transform: uppercase }
span.top-news-label-quiz { background-color:#ff00d8; opacity:1; color:#fff; padding: 5px 10px; margin-left: 1px; text-transform: uppercase }
#library-top .standalone { margin: 2px 0; padding: 2px 10px; clear:both; position: absolute; bottom: 6px; left: 5px; }

#library-slider .top-news-item .top-news-overlay h3 { background-color:#000; opacity:.7; color:#fff; font-family:georgia; font-size:22px; padding: 5px 10px; display: inline; }
#library-slider .top-news-item .top-news-overlay p { background-color:#000; opacity:.7; color:#fff; font-size:11px; padding: 5px 10px; margin:0; display: inline; }
#library-top #top-news-nav { width: 700px; height:30px; background: #f3f3f3; border-bottom:1px solid #E1E1E1; text-align: center; position: relative; }
#library-top div.scrollable div.items { clear:both; margin:0; padding:0; position:absolute; width:20000em; }
#library-top .navi { float:left; margin-top: 8px; margin-left: 45% }
#library-top .navi a { background:transparent url(/ui/2009/images/scrollable/navigator-gray.png) no-repeat scroll 0 0; display:block; float:left; font-size:1px; height:12px; margin:3px; width:13px; }
#library-top .navi a.active { background-position:0 -24px; }

#library-top h4 { font: bold 1.2em/1.6667 "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Helvetica, Arial,sans-serif }
p { margin-top: 0 }

/* intro box */ 
#library-intro div { width: 188px; height: 275px; background: #F3F3F3; border-top: 5px solid #E1E1E1; border-bottom:1px solid #E1E1E1; padding: 0 16px; }
#library-intro div h3 { padding: 10px 0; color: #232323; background: transparent url( /ui/2009/images/bg_gray-box-hr.gif) repeat-x scroll left bottom; font-family: Arial,Helvetica,sans-serif; font-size: 1.8em; }
#library-intro div p { padding-top: 10px; }


/* bottom section */
.department { width: 172px; float: left; margin-right: 20px }
#library-bottom .last { margin-right: 0 }
#library-bottom h2 { margin-bottom: 13px; }
#library-bottom h3 { margin-bottom: 10px; font-size: 1.7em }
#library-bottom .gray-box h3 { margin-bottom: 0; font: normal 1.8em Arial,Helvetica,sans-serif; }
body.work #main #library-bottom img, body.about #main #library-bottom img, body.publications #main #library-bottom img { padding: 4px; border: 1px solid #ddd;  }
body.work #main #library-bottom a img:hover, body.about #main #library-bottom a img:hover, body.publications #main #library-bottom a img:hover { border-color: #f90; }

/* programme */
.programme { width: 340px; float: left; margin-right: 20px }
.resources { width: 220px; float: left; margin-right: 0 }

body.work #main #library-bottom .programme img, body.about #main #library-bottom .programme img, body.publications #main #library-bottom .programme img  { padding: 0; border: none }

ul.programme-list li a { width: 312px; margin-bottom: 10px; font-size: 1.4em; padding: 7px 14px; background: #f3f3f3; float:right; font-size:1.4em; font-weight:normal; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
ul.programme-list li a:hover { background-color: #396ccf; color: #fff; text-decoration: none; } 

/* fadehover */
div.fadehover { position: relative; width: 340px; height: 120px; margin-bottom: 20px; }

/* fancyzoom */

div.bigphoto
{
	visibility:collapse; 
	z-index:2;
	position:absolute;
}
 
div.photo
{
	position:relative;
	width:80px;
	padding-right: 20px;
	float:left;
}
div.photo div.zoom-icon{
  position:absolute; 
  left:68px; 
  top:0px; 
  width:28px;
  height:29px;
  z-index:1;
  background:url(http://wcm1.iaea.org/OurWork_Edit/NE/Library-INLN/img/zoom.gif) no-repeat;
  
  
} 
div.photo div.zoom-icon:hover{
	cursor:pointer;
}
#zoom_content{z-index:2; position:relative;}