/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplay-radiobox.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.radioBoxImages {padding-left:15px;}
.rBox img {border:0;}
input.pop {position:absolute; left:-9999px;}

.radioBox
{
   display:table;
   position:fixed;
   top:0px; left:-9999px;
   width:100%; height:100%;
   z-index:500000;
   background:rgba(0,0,0,0.5);
}
.radioBox .holder
{
   position:absolute;
   width:100%; height:100%;
   left:0; top:0;
   z-index:50;
   text-align:center;
   display:table-cell;
}

.radioBox .frame
{
   display:inline-block;
   margin:50px auto;
   padding:15px;
   background:#fff;
   position:relative;
   text-align:left;
   font-family:arial, sans-serif;
   border-radius:5px 5px 0 0;
   opacity:0;
   -webkit-transition: 0.75s;
   -moz-transition: 0.75s;
   -o-transition: 0.75s;
   transition: 0.75s;
}
/*.radioBox .frame .clickLeft {position:absolute; left:15px; top:15px; right:50%; bottom:15px; background:url(trans.gif); z-index:110;}*/
.radioBox .frame .clickLeft
{position:absolute; left:15px; top:15px; right:50%; bottom:15px; z-index:110;}
.radioBox .frame .clickLeft .previous
{opacity:0; position:absolute; width:100px; height:40px; top:120px; left:0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.radioBox .frame .clickLeft:hover .previous {opacity:1;}

/*.radioBox .frame .clickRight {position:absolute; right:15px; top:15px; left:50%; bottom:15px; background:url(trans.gif); z-index:110;}*/
.radioBox .frame .clickRight
{position:absolute; right:15px; top:15px; left:50%; bottom:15px; z-index:110;}
.radioBox .frame .clickRight .next
{opacity:0; position:absolute; width:100px; height:40px; top:120px; right:0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.radioBox .frame .clickRight:hover .next {opacity:1;}

.radioBox .frame .caption
{position:absolute; margin-top:10px; left:0; right:0; padding:5px 15px; background:#fff;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.8);
border-radius: 0 0 5px 5px;
}
.radioBox .frame .caption h4 {font-size:18px; margin:0; padding:3px 0; color:#333;}
.radioBox .frame .caption p {font-size:12px; color:#444; margin:0; padding:3px 0;}
.radioBox .frame .caption h4 span {float:right; font-size:14px;}
.radioBox .large {display:inline-block; position:relative; z-index:100; border:1px solid #888;}

.radioBox .frame .close {display:block; width:48px; height:48px; position:absolute; top:-24px; right:-24px; z-index:200;}

/*
#pop1:checked ~ .radioBox,
{left:0;}

#pop1:checked ~ .radioBox .h1, 
{z-index:100;}

#pop1:checked ~ .radioBox .h1 .frame, 
{opacity:1; z-index:100;}
*/

.radioBox .link {color:#c00;}