@charset "utf-8";
/* -webkit-user-select:none; */
* html .clearfix { height:1%; overflow:visible; }
*+html .clearfix { min-height:1%; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0; }
@font-face { font-family: 'VAGRoundedBTRegular'; src: url('fonts/vag_rounded_bt-webfont.ttf') format('truetype'),  url('fonts/vag_rounded_bt-webfont.svg#VAGRoundedBTRegular') format('svg'); font-weight: normal; font-style: normal; }
* { -webkit-text-size-adjust:none; }
a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
body { font-family:Helvetica, Arial, sans-serif; color:#000000; font-size:12px; margin:0; padding:0; }
ul { list-style:none; margin:0; padding:0; }
h1, h2, h3, h4, p { font-weight:normal; margin:0; padding:0; }
form { display:inline; margin:0; padding:0; }
/* */
#header, .navbutton, .bigbutton, p.stats, .watch, p.text em, .bigtextlink, #footer .large, h1, h2, h3, h4, .submit, .form label { font-family:VAGRoundedBTRegular, Helvetica, Arial, sans-serif; }
#header { background:#6D20F0; padding:5px 0 10px; color:#EFEFEF; font-size:16px; text-align:center; line-height:13px; }
#header .logo { background:url(graphics/logo.png) no-repeat; width:300px; height:33px; margin:0 auto 2px; }
hr.line { clear:both; height:1px; border:0; color:#6D20F0; background-color:#6D20F0; margin:1px 0; padding:0; }
p.stats { padding:2px 0; text-align:center; font-size:14px; }
p.stats em { font-style:normal; color:#6D20F0; }
p.text { padding:0 10px 10px; color:#000000; font-size:14px; }
p.text em { font-style:normal; color:#6D20F0; font-size:20px; display:block; text-align:center; }
.bigtextlink { display:block; text-align:center; text-decoration:underline; font-size:20px; color:#6D20F0; margin:0 0 10px; }
.bigtextlink.tap { color:#EFEFEF; }
.navbuttons { clear:both; padding:10px 0; text-align:center; }
.navbutton { border:1px solid #6D20F0; background:#EFEFEF; color:#6D20F0; display:inline-block; padding:0 10px; height:36px; line-height:36px; text-align:center; text-decoration:none; font-size:18px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
.navbutton.tap { background:#6D20F0; color:#EFEFEF; }
.bigbutton { clear:both; border:1px solid #000000; background:#6D20F0; color:#EFEFEF; display:block; padding:5px; text-align:center; margin:5px; text-decoration:none; font-size:24px; line-height:24px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
.bigbutton.tap { background:#EFEFEF; color:#6D20F0; }
h1 { border:1px solid #000000; background:#6D20F0; color:#EFEFEF; display:block; padding:5px; text-align:center; margin:5px; text-decoration:none; height:36px; line-height:36px; font-size:16px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
h2 { color:#6D20F0; padding:0; text-align:center; font-size:16px; }
h3 { color:#000000; padding:0; text-align:center; font-size:12px; }
h4 { color:#6D20F0; padding:0; text-align:center; font-size:12px; }
.thumbs { text-align:center; }
.thumbs a { display:inline-block; position:relative; text-decoration:none; margin:2px; }
.thumbs a .watch { background:rgba(109, 32, 240, .6); position:absolute; bottom:0; left:0; width:100%; color:#EFEFEF; font-size:16px; padding:2px 0; }
.thumbs a img { border:1px solid #000000; width:146px; height:122px; }
.thumbs a.tap .watch { top:0; }
.player { width:300px; height:250px; border:1px solid #000000; margin:0 auto 10px; position:relative; }
.player img { position:absolute; top:0; left:0; width:300px; height:250px; }
.player .play { background:url(graphics/m_play.png) no-repeat center center; width:300px; height:250px; position:absolute; top:0; left:0; margin:0; opacity:0.5; }
.player.tap .play { background-color:rgba(13, 140, 37, 1); opacity:1; }
.message_hide, .message_show { background:url(graphics/m_message.png); position:absolute; top:0px; left:0px; right:0px; width:300px; height:250px; z-index:101; -webkit-box-sizing:border-box; }
.message_hide { -webkit-transform:scale(0); }
.message_show { -webkit-transition:-webkit-transform .2s ease-in-out; -webkit-transform:scale(1); -webkit-transform-origin:50% 50%; -webkit-animation-duration:350ms; }
.form { margin:10px auto; max-width:600px; padding:0 10px; }
.form label { display:block; color:#6D20F0; font-size:16px; }
.form input[type=text], .form select { display:block; width:100%; font-size:18px; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.form input[type=radio] { display:inline-block; margin-right:5px; }
p.options { display:block; text-align:center; padding:10px 5px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
p.options label { display:inline-block; font-size:14px; }
p.options.checked { background:#ffffa0; }
.submit { margin:10px 0; width:100%; display:block; border:1px solid #ab0505; color:#ab0505; display:inline-block; padding:0 20px; height:50px; text-align:center; text-decoration:none; font-size:18px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; background:#ffffa0; background: -moz-linear-gradient(top, #f3d827 0%, #ffffa0 20%, #ffffa0 80%, #f3d827 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3d827), color-stop(20%, #ffffa0), color-stop(80%, #ffffa0), color-stop(100%, #f3d827)); background: -webkit-linear-gradient(top, #f3d827 0%, #ffffa0 20%, #ffffa0 80%, #f3d827 100%); background: -o-linear-gradient(top, #f3d827 0%, #ffffa0 20%, #ffffa0 80%, #f3d827 100%); background: -ms-linear-gradient(top, #f3d827 0%, #ffffa0 20%, #ffffa0 80%, #f3d827 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d827', endColorstr='#f3d827', GradientType=0 );
background: linear-gradient(top, #f3d827 0%, #ffffa0 20%, #ffffa0 80%, #f3d827 100%); }
#footer { background:#6D20F0; padding:10px 5px; color:#EFEFEF; font-size:11 px; text-align:center; }
#footer .small { text-align:justify; font-size:10px; line-height:12px; }
#footer a { color:#EFEFEF; }
#footer a.tap { color:#ffffff; }
#footer .large { font-size:18px; }
/* */
/* iPhone/Android Portrait Specific Settings */
@media screen and (min-device-width:320px) and (orientation:portrait) {
}
/* */
/* iPhone/Android Lansdcape Specific Settings */
@media screen and (min-device-width:320px) and (orientation:landscape) {
.thumbs a img { width:230px; height:192px; }
}
/* */

@media only screen and (device-width:768px) {
.navbutton { height:50px; line-height:50px; font-size:24px; padding:0 20px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
}
/* iPad Portrait Specific Settings */
@media only screen and (device-width:768px) and (orientation:portrait) {
.thumbs a img { width:184px; height:153px; }
}
/* */
/* iPad Lansdcape Specific Settings */
@media only screen and (device-width:768px) and (orientation:landscape) {
.thumbs a img { width:248px; height:207px; }
}