/* Begin: inpage gallery item styles */

.gallery_float_left
{
  margin-right:20px;
  margin-bottom: 10px;  
}
.gallery_float_right
{
   margin-left:20px;  
   margin-bottom: 10px;
}

/* Hide download icon styles injected by /script/linkdecorate.js */ 
.hl_content .gallery_float_left  .pdf_download { padding:0px; background: none; }
.hl_content .gallery_float_left  .doc_download { padding:0px; background: none; }
.hl_content .gallery_float_left  .xls_download { padding:0px; background: none; }
.hl_content .gallery_float_left  .img_download { padding:0px; background: none; }
.hl_content .gallery_float_left  .eml_link { padding:0px; background: none; }
.hl_content .gallery_float_left  .ext_link { padding:0px; background: none; }
.hl_content .gallery_float_left  .web_link { padding:0px; background: none; }

.hl_content .gallery_float_right .pdf_download { padding:0px; background: none; }
.hl_content .gallery_float_right .doc_download { padding:0px; background: none; }
.hl_content .gallery_float_right .xls_download { padding:0px; background: none; }
.hl_content .gallery_float_right .img_download { padding:0px; background: none; }
.hl_content .gallery_float_right .eml_link { padding:0px; background: none; }
.hl_content .gallery_float_right .ext_link { padding:0px; background: none; }
.hl_content .gallery_float_right .web_link { padding:0px; background: none; }

.content_right .gallery_float_left, .content_right .gallery_float_right {margin-top: 20px; }

/* Remove margins as 1_2, 1_3 do the margins */ 
.content_container_1_1 .gallery_float_left { margin-right:0px; }
.content_container_1_2 .gallery_float_left { margin-right:0px; }
.content_container_1_3 .gallery_float_left { margin-right:0px; }
.content_container_2_3 .gallery_float_left { margin-right:0px; }
.content_container_1_4 .gallery_float_left { margin-right:0px; }

.content_container_1_1 .gallery_float_right { margin-left:0px; }
.content_container_1_2 .gallery_float_right { margin-left:0px; }
.content_container_1_3 .gallery_float_right { margin-left:0px; }
.content_container_2_3 .gallery_float_right { margin-left:0px; }
.content_container_1_4 .gallery_float_right { margin-left:0px; }


.gallery_box .video p {display: none} /* hide annoying invisible line */

.gallery_box
{
    float:left;
	background-color: #F3F0EA;
}


.about .gallery_box {background-color: #F2E8F0 !important}
.support .gallery_box {background-color: #FAE5E5 !important}
.country .gallery_box {background-color: #EFF7EA !important}
.funding .gallery_box {background-color: #E5EDF4 !important}
.results .gallery_box {background-color: #F8EDE6 !important}
.library .gallery_box {background-color: #E5EFEF !important}

/* hardin */
.content_right .gallery_box {
    float: none;
}
#content_container .content_right .highlight .gallery_box div.theText p {
    margin: 0px 0;
}
.content_right .highlight .hl_content .gallery_box div.theText p {
	padding-left: 0px;
}



div.gallerylink 
{

}

div.gallerylink div.theText p
{
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    font-family:Arial, Verdana, Sans-Serif;
}
div.gallerylink a
{    
    color:#FFFFFF;
    text-decoration:none;
    display: block;
    padding-top:10px;
    height:30px;
}


div.gallery_box div.caption
{
    height:auto !important;
    color:#FFFFFF;
    float:left;    
}
/* hardin */
.content_right div.gallery_box div.caption {
    float: none;
}


div.gallery_box div.caption p
{
    display: block;
    margin: 10px;
    font-size:12px !important;
    /*color:#fff;*/
    
}
div.gallery_box p
{
	margin-bottom:0px;
}



/*********************   begin: 100 ************/

.gallery_box_100 .video iframe {height: 56px !important}

.gallery_box_100, .gallery .left_100 .news_thumb {
    height:auto !important;
    margin-bottom:0px;
    min-height:66px;
    padding:0px;
    position:relative;
    width:100px;        
}

div.gallery_box_100  div.caption  p
{
    line-height:1.4em;
    margin-bottom:0px;
     
}

div.gallery_box_100 div.gallerylink
{
    display:none;
}

div.gallery_box_100 div.galleryicon, div.left_100 div.galleryicon 
{
    left:15px;
    top:15px;   
    margin:0px 0 0;
    min-height:30px;
    padding-left:20px;
    padding-top:10px;
    position:absolute;
    width:50px;
}


p.gallery_p_100
{
    width:90px; 
}
/*********************   end: 100 ************/
/*********************   begin: 160 ************/

.gallery_box_160 .video iframe {height: 90px !important}

.gallery_box_160, .gallery .left_160 .news_thumb {
    height:auto !important;
    margin-bottom:0px;
    min-height:106px;
    padding:0px;
    position:relative;
    width:160px;        
}


div.gallery_box_160  div.caption p
{
    line-height:1.4em;
    margin-bottom:0px;  
}

div.gallery_box_160 div.gallerylink
{
    display:none;
}

div.gallery_box_160 div.galleryicon, div.left_160 div.galleryicon 
{
    left:45px;
    top:40px;
    margin:0px 0 0;
    min-height:30px;
    padding-left:20px;
    padding-top:10px;
    position:absolute;
    width:50px;
}

div.gallery_box_160 div.caption
{
    width:160px; 
}
p.gallery_p_160
{
    width:150px; 
}
/*********************   end: 160 ************/
/*********************   begin: 220 ************/

/* .gallery_box_220 .video iframe {height: 124px !important} */

.gallery_box_220, .gallery .left_220 .news_thumb {
    height:auto !important;
    margin-bottom:0px;
    min-height:146px;
    padding:0px;
    position:relative;
    width:220px;        
}

/*.content_right .gallery_box_220 {margin-left: -10px}*/
#content_container .content_right .highlight .gallery_box_220 .caption p {margin: 0; padding: 10px; color: #4c4c4c}

.content_right .video iframe {margin-left: 0}

div.gallery_box_220  div.caption  p
{
    line-height:1.4em;
    margin-bottom:0px;
}

div.gallery_box_220 div.gallerylink, div.left_220 div.gallerylink 
{
    left:90px;
    top:95px;    
    margin:0px 0 0;    
    padding-left:10px;
    position:absolute;
    width:118px;

}

div.gallery_box_220 div.galleryicon, div.left_220 div.galleryicon 
{
    left:10px;
    top:95px;   
    margin:0px 0 0;
    min-height:30px;
    padding-left:20px;
    padding-top:10px;
    position:absolute;
    width:50px;

}

p.gallery_p_220 { width:200px; padding: 10px 0}

div.gallery_box_220 div.caption
{
    width:220px; 
}
/*********************   end: 220 ************/
/*********************   begin: 340 ************/

.gallery_box_340 .video iframe {height: 191px !important}

.gallery_box_340, .gallery .left_340 .news_thumb {
    height:auto !important;
    margin-bottom:0px;
    min-height:226px;
    padding:0px;
    position:relative;
    width:340px;	
}


div.gallery_box_340  p
{
    line-height:1.4em;
    margin-bottom:0px;
}

div.gallery_box_340 div.gallerylink, div.left_340 div.gallerylink 
{
    left:90px !important;
    top:175px !important;    
    margin:0px 0 0;   
    padding-left:10px;
    position:absolute !important;
    width:222px;
}

div.gallery_box_340 div.galleryicon, div.left_340 div.galleryicon 
{
    left:10px;
    top:175px;   
    margin:0px 0 0;
    min-height:30px;
    padding-left:20px;
    padding-top:10px;
    position:absolute;
    width:50px;
}

p.gallery_p_340
{
    width:320px; 
}
/*********************   end: 340 ************/
/*********************   begin: 460 ************/

.gallery_box_460 .video iframe {height: 259px !important}

.gallery_box_460, .gallery .left_460 .news_thumb {
    height:auto !important;
    margin-bottom:0px;
    padding:0px;
    position:relative;
    width:460px;        
}

div.gallery_box_460  p
{
    line-height:1.4em;
    margin-bottom:0px;
}

div.gallery_box_460 div.gallerylink, div.left_460 div.gallerylink 
{
    left:90px;
    top:250px;    
    margin:0px 0 0;    
    padding-left:10px;
    position:absolute;
    width:222px;
}

div.gallery_box_460 div.galleryicon, div.left_460 div.galleryicon 
{
    left:10px;
    top:250px;    
    margin:0px 0 0;
    min-height:30px;
    padding-left:20px;
    padding-top:10px;
    position:absolute;
    width:50px;
}
p.gallery_p_460
{
    width:450px; 
}
div.gallery_box_460 div.caption
{
    width:460px; 
}
/*********************   end: 460 ************/
/*********************   begin: 700 ************/

.gallery_box_700 .video iframe {height: 394px !important}

.gallery_box_700, .gallery .left_700 .news_thumb {
    height:auto !important;
    margin-bottom:0px;
    min-height:466px;
    padding:0px;
    position:relative;
    width:700px;        
}

div.gallery_box_700 p
{
    line-height:1.4em;
    margin-bottom:0px;
}

div.gallery_box_700 div.gallerylink, div.left_700 div.gallerylink 
{
    left:100px;
    top:410px;    
    margin:0px 0 0;    
    padding-left:10px;
    position:absolute;
    width:222px;

}

div.gallery_box_700 div.galleryicon, div.left_700 div.galleryicon 
{
    left:20px;
    top:410px;    
    margin:0px 0 0;
    min-height:30px;
    padding-left:20px;
    padding-top:10px;
    position:absolute;
    width:50px;
	
}
p.gallery_p_700
{
    width:690px; 
}

div.gallery_box_700 div.caption
{
    width:700px; 
}
/*********************   end: 700 ************/



div.gallery_box div.galleryicon:hover, div.gallery_box div.gallerylink:hover
{
	border:solid 1px #5D5D5D;
}

.gallery_image_100
{
	max-width:100px;
	font-size:9px;
	background-color:#F6F3ED;
	padding-bottom:5px;
}
.gallery_image_160
{
	max-width:160px;  
	font-size:9px;
	background-color:#F6F3ED;
	padding-bottom:5px;
}
.gallery_image_220
{
	max-width:220px;  
	font-size:10px;
	background-color:#F6F3ED;
	padding-bottom:5px;
}
.gallery_image_340
{
	font-size:11px;
	background-color:#F6F3ED;
	max-width:340px;  
	padding-bottom:5px;
}
.gallery_image_460
{
	font-size:11px;
	background-color:#F6F3ED;
	max-width:460px;  
	padding-bottom:5px;
}
.gallery_image_700
{
	font-size:12px;
	background-color:#F6F3ED;
	max-width:700px;  
	padding-bottom:5px;
}
.gallery_image
{	
	margin:auto;
	float:left; 
	padding-bottom:5px;
}
.source p
{
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:10px;
	padding-right:5px;
	padding-top:10px;
	margin-left:10px;    
	margin-bottom:0px;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Verdana, Sans-Serif;
	color:#666666;
}

.gallery_audio
{
    /*background-image:url("../images/mediabox/audio_fade.gif");  to use this, need one for every size*/
	background-position:left 0px;
	background-repeat: no-repeat;
    background-color:#F6F3EE;
    float:left;
      
    
}

.gallery_audio p /*, .news_thumb .audio*/
{
    background-image:url("../images/mediabox/audio.gif");
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:30px;
    padding-right:5px;
    padding-top:10px;
    margin-left:10px;    
    font-size:14px;
    font-weight:bold;
    font-family:Arial, Verdana, Sans-Serif;
    color:#4D4D4D;
}
/*
.news_thumb .audio {
    padding: 0px;
    margin: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}
*/

/* [hardin] I've reaplce .content_item .ext_link with.gallery_box .ext_link as this is stopping icons site wide */
.gallery_audio .hl_content .ext_link, .gallery_box .ext_link
{
    background:none;
    padding:0px;
}

.gallery_html
{
    /*background-image:url("../images/mediabox/audio_fade.gif") repeat scroll 0 0 transparent;*/
	background-position:left 0px;
	background-repeat: no-repeat;
    background-color:#F6F3EE;
    float:left;
    
}
.gallery_html_100
{
	width:100px;
}

.gallery_html_160
{
	width:160px;
}

.gallery_html_220
{
	width:220px;
}

.gallery_html_340
{
	width:340px;
}

.gallery_html_460
{
	width:460px;
}
.gallery_html_700
{
	width:700px;
}

.gallery_html p
{
    
    background-position:left center;
	background-repeat: no-repeat;
	padding-left:30px;
    padding-right:5px;
    padding-top:10px;
    margin-left:10px;    
    font-size:14px;
    font-weight:bold;
    font-family:Arial, Verdana, Sans-Serif;
    color:#4C4C4C;
}
.gallery_html .source
{
	border-top:solid 1px #CAC7C3;
}
.gallery_html .source p
{
    
    background-position:left center;
	background-repeat: no-repeat;
	padding-left:30px;
    padding-right:5px;
    padding-top:10px;
	padding-bottom:10px;
    margin-left:10px;    
    font-size:12px;
    font-weight:normal;
    font-family:Arial, Verdana, Sans-Serif;
    color:#4C4C4C;
}

/* [hardin] I've removed .content_item .ext_link as this is stopping icons site wide */
.gallery_html .hl_content .ext_link
{
    background:none;
    padding:0px;
}

div.galleryicon, div.gallerylink
{
    border:solid 1px #1C1C1C;
	background-color:#1D1D1D; 
	opacity:0.75;	   
    -moz-opacity: 0.75;     
	-moz-border-radius-topleft: 5px;	/*firefox*/
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;   /*Safari & chrome*/
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;	
	-khtml-border-radius:5px; 		/*Linux browsers*/	
}


/* End: inpage gallery item styles */