/* 
  STYLE SHEET FOR SLIDESHOW ON NEWS PAGE AND PROGRAM PAGE
  CSS Code based off of
  America.gov CSS: Master
  United States Department of State, IIP/W
  
  modified: 6/19/09
  */
  

.slideShow .moreTopNews{/*top story-article list*/
	width: 230px;/*total width 238px (230+5+3) */
	float: right;
	padding: 5px 5px 5px 3px;
}

.slideShow {
	margin-bottom: 20px;
}

.box-body, .nav { 
	height: 1%;
}

.cycle .box-body { margin-top: -2px; 
}

.nav .numbers li a { padding-top: 0; 
}

.box.feature .box-body { 
	width: 230px;
	height:450px; /*added 7.01.09--controls the overall box height--to add to CMS 091509*/
	overflow: hidden; /*added 8.05.09--hides the overflow text when exceeds 500px--to add to CMS 091509 */
}
  
.slideShow .button {
    background-color: transparent;
    background-repeat: no-repeat;
    float: left;
    height: 26px;
    margin: 8px 0 12px 0;
    outline: none;
    text-indent: -9999em;
    vertical-align: middle;
	border: none;
 }
  
.slideShow .button:hover { 
	background-position: 0 -26px; 
}

.slideShow .button:active { 
	background-position: 0 -52px;  
}

.slideShow .button.disabled { 
	background-position: 0 -78px; 
}

.nav:after,
.box-body:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

.box-body {
     background-color: #E9F0F4;
	 padding: 5px;
	 margin-right: 0px;
	 border: 1px solid #ddd;
}

/*  JavaScript Elements / Interactions */

/* Navigation Elements for News Page */  

.slideShow .nav {
    border: 1px solid #ddd;
    border-top: 0;
    margin: 0;
    padding: 5px 11px 5px 11px;
}

.slideShow .nav .button {
    height: 20px;
    margin: 0;
    width: 25px;
}
  
.slideShow .nav .button:hover { 
	background-position: 0 -23px; 
}

.slideShow .nav .button:active { 
	background-position: 0 -46px; 
}

.slideShow .nav .button.disabled,
.slideShow .nav .button.disabled:hover,
.slideShow .nav .button.disabled:active {
      background-position: 0 -69px;
}
   
.slideShow .nav .previous { 
	background-image: url(btn_nav_previous.png); 
}

.slideShow .nav .next { 
	background-image: url(btn_nav_next.png); 
}

.slideShow .nav .pause { 
	background-image: url(btn_nav_pause.png); 
}

.slideShow .nav .play { 
	background-image: url(btn_nav_play.png); 
}

.slideShow .nav .numbers {
     float: right;
     height: 18px;
     margin-top: 0px;
     padding: 6px 0 0 0;
}
    
.slideShow .nav .numbers li { 
	display: inline ;
}
    
.slideShow .nav .numbers li a,
.slideShow .nav .numbers li a:visited {
      display: block;
      float: left;
      font-size: 10px;
      font-weight: bold;
      height: 20px;
      padding: 0px 8px 0 3px;
}
    
.slideShow .nav .numbers li a:hover { 
	text-decoration: none; 
}

.slideShow .nav .numbers li a:active,
.slideShow .nav .numbers li.active a {
      background: url(bg-button-circle.gif) 0 1px no-repeat;
      color: #fff;
}
	
.slideShow ul li {
      padding-left: 0;
}

.moreTopNews ul li {
	padding-left: 8px;
}

/* Cycle (Feature) on News Page */

.cycle { 
	background: none; 
}
    
.cycle .box-body { 
	margin-top: -0px; 
}
    
.cycle .nav { 
	width: 218px; 
}

/*---------------- Navigation Elements for Programs Page---------------- */  

.slideShow-programs {
	margin-bottom: 10px;
}

.box.feature .box-body-programs { 
        width: 480px; 
}
 
.box-body-programs {
     background-color: #E9F0F4;
	 padding: 3px 5px 0px 3px;
	 margin-right: 0px;
	 border: 1px solid #ddd;
}

.slideShow-programs .nav .numbers {
         position: absolute;
	 text-align: left;
         height: 18px;
         margin-left: 15px;
         padding: 6px 10px 0 10px;
	 top: 230px;
	 z-index:10000;
}
    
.slideShow-programs .nav .numbers li { 
	display: inline ;
}
    
.slideShow-programs .nav .numbers li a,
.slideShow-programs .nav .numbers li a:visited {
      display: block;
      float: left;
      font-size: 10px;
      font-weight: bold;
      height: 20px;
      padding: 0px 8px 0 3px;
      color: #fff;
}
    
.slideShow-programs .nav .numbers li a:hover { 
	text-decoration: none; 
        color: #fff;
	background: url(bg-button-circle-programs.gif) 0 1px no-repeat;
}

.slideShow-programs .nav .numbers li a:active,
.slideShow-programs .nav .numbers li.active a {
      background: url(bg-button-circle-programs.gif) 0 1px no-repeat;
      color: #fff;
}
	
.slideShow-programs ul li {
      padding-left: 0;
}


.slideShow-programs .nav .button {
	display: none;
}