/* Screen styles for Geocaching Volunteers page
Last updated 14 Sept 2012 by JS
*/

hr{
margin:3em auto;
background:transparent;
height:5px;
background-image:-webkit-linear-gradient(left, #fff 0%, #e9e9e9 50%, #fff 100%); 
background-image:-moz-linear-gradient(left, #fff 0%, #e9e9e9 50%, #fff 100%); 
background-image:-ms-linear-gradient(left, #fff 0%, #e9e9e9 50%, #fff 100%); 
background-image:-o-linear-gradient(left, #fff 0%, #e9e9e9 50%, #fff 100%);
/* IE9 */
box-shadow:inset 0 12px 12px -12px #e9e9e9\9;
}
h2 + .Banner{
margin-top:1.5em;
}
.Banner{
background:#eeebda;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:1.5em 2em;
font-size:1.1em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.Banner > div:first-child{
margin:2% 0;
}
.Banner p:last-child{
margin-bottom:0;
}
.Banner hr{
background:#594a42;
background:rgba(89, 74, 66, 0.506);
height:1px;
margin:0 0 1.5em;
}
.HowToVolunteer .Banner{
background:#eeebda url('/images/volunteers/geocachers.jpg') no-repeat 50% 20px;
padding-top:220px;
margin-bottom:1.5em;
}
.HowToVolunteer .Banner img{
position:relative;
left:-40px;
margin:25% 0;
}
.Video{
float:right;
height:191px;
width:340px;
background:url('/images/volunteers/volunteers_video.jpg') no-repeat 0 0;
border:1px solid #594a42;
border:1px solid rgba(89, 74, 66, 0.506);
}
.VideoWidget{
height:191px;
width:340px;
}
.VideoWidget:hover{
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
}
.play-control{
position:relative;
top:60px;
}
.play-control a{
display:block;
}
section h3{
margin-bottom:1.5em;
}
.VolunteerTypes > div{
padding:0 32px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.VolunteerTypes img{
margin-bottom:1.5em;
}
.Map img{
border:10px solid #f3f4f4 !important;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin-bottom:1.5em;
}