@charset "utf-8";
/* CSS Document */

html, body { height: 100%; background: #000000; }

.page { height: 100%; margin: auto; }
.page td { vertical-align: middle; }
.page .wrapper { position: relative; }

.nav_bar { position: absolute; height: 65px; background: url(../images/navbar_bg.png) repeat-x #000000; top: 562px; }
.nav_bar p { clear: both; color: #999999; font-size: 11px; line-height: 15px; height: 1%; }
.nav_bar p a { color: #999999; }
.nav_bar p.right { float: right; }
.nav_bar p.right img { vertical-align: middle; }
.taller .nav_bar { top: 1055px; position: fixed; top: auto; bottom: 0px; width: 1024px; }
.nav_main { width: 1024px; margin: auto; padding-left: 0px; }
/*.nav_main { width: 966px; margin: auto; padding-left: 80px; }*/
.nav_main li { display: inline; float: left; }
.nav_main li a { background: url(../images/navbar4.jpg) top left no-repeat; display: block; height: 45px; text-indent: -9999px; }
.nav_main li.nav0 { width: 170px; background-position: 0px 0; }
.nav_main li.nav1 a{ width: 60px; background-position: -170px 0; }
.nav_main li.nav3 a { width: 230px; background-position: -255px 0; }
.nav_main li.nav4 a { width: 80px; background-position: -500px 0; }
.nav_main li.nav5 a { width: 105px; background-position: -605px 0; }
.nav_main li.nav8 a { width: 100px; background-position: -740px 0; }
.nav_main li.nav1 a:hover { background-position: -170px -45px; }
.nav_main li.nav3 a:hover { background-position: -255px -45px; }
.nav_main li.nav4 a:hover { background-position: -500px -45px; }
.nav_main li.nav5 a:hover { background-position: -605px -45px; }
.nav_main li.nav8 a:hover { background-position: -740px -45px; }
.nav_main li.nav1 a.on { background-position: -170px -90px; }
.nav_main li.nav3 a.on { background-position: -255px -90px; }
.nav_main li.nav4 a.on { background-position: -500px -90px; }
.nav_main li.nav5 a.on { background-position: -605px -90px; }
.nav_main li.nav8 a.on { background-position: -740px -90px; }
.nav_main li.nav1 a.on:hover { background-position: -170px -90px; }
.nav_main li.nav3 a.on:hover { background-position: -255px -90px; }
.nav_main li.nav4 a.on:hover { background-position: -500px -90px; }
.nav_main li.nav5 a.on:hover { background-position: -605px -90px; }
.nav_main li.nav8 a.on:hover { background-position: -740px -90px; }

.imagetext { display: block; text-indent: -9999px; background-repeat: no-repeat; }
.errorinput { border: 2px solid #ff0000; }

a.logo { display: block; position: absolute; left: 20px; top: 10px; width: 170px; height: 50px; text-indent: -9999px; }

.home { width: 1024px; height: 562px; overflow: hidden; }

.activity { position: relative; width: 1024px; height: 2550px; background: url(../images/activity_bg4.jpg) no-repeat; }
.activity3 { position: relative; width: 1024px; height: 2550px; background: url(../images/activity_bg4.jpg) no-repeat; }
.laws { position: relative; width: 1024px; height: 1596px; background: url(../images/law_bg.jpg) no-repeat; }

.contest { position: relative; width: 1024px; height: 1850px; background: url(../images/contest_bg.jpg) no-repeat; }
.contest .contest_info { position: absolute; left: 123px; top: 144px; width: 807px; height: 1324px; text-indent: -9999px; background: url(../images/contest.gif) no-repeat; }
.contest .contest_info a.btn1 { position: absolute; left: 105px; top: 265px; display: block; width: 90px; height: 50px; text-indent: -9999px; background: url(../images/contest.gif) no-repeat -105px -265px; }
.contest .contest_info a.btn2 { position: absolute; left: 380px; top: 265px; display: block; width: 90px; height: 50px; text-indent: -9999px; background: url(../images/contest.gif) no-repeat -380px -265px; }
.contest .winners li a { display: block; width: 350px; height: 60px; margin-bottom: 10px; }
.contest .win1 { position: absolute; left: 30px; top: 120px; }
.contest .win2 { position: absolute; left: 420px; top: 120px; }
.contest .win3 { position: absolute; left: 30px; top: 580px; }
.contest .win4 { position: absolute; left: 420px; top: 580px; }
.contest .win5 { position: absolute; left: 30px; top: 1080px; }
.contest .win6 { position: absolute; left: 420px; top: 1080px; }

.contest .contest_form { position: absolute; left: 123px; top: 160px; width: 807px; height: 334px; text-indent: -9999px; background: url(../images/contest_form.gif) no-repeat; }

.contest .contest_form ul li input,
.contest .contest_form ul li textarea { position: absolute; }
.contest .contest_form .p_info .i1 input,
.contest .contest_form .p_info .i2 input,
.contest .contest_form .p_info .i3 input,
.contest .contest_form .p_info .i4 input,
.contest .contest_form .s_info .i1 input { left: 133px; width: 290px; }
.contest .contest_form .p_info .i1 input { top: 50px;}
.contest .contest_form .p_info .i2 input { top: 75px;}
.contest .contest_form .p_info .i3 input { top: 100px;}
.contest .contest_form .p_info .i4 input { top: 125px;}
.contest .contest_form .s_info .i1 input { top: 150px;}
.contest .i2note { position: absolute; top: 240px; right: 480px; font-size: 12px; font-weight: bold; }
.contest .terms a { position: absolute; top: 462px; right: 480px; display: block; width: 100px; height: 20px; text-indent: -9999px; }
.contest .contest_form .s_info .i2 textarea { left: 445px; top: 75px; width: 342px; height: 99px; }
.contest .contest_form .s_info .i3 { position: absolute; left: 134px; top: 179px; width: 160px; height: 1em; }
.contest .contest_form .s_info .i4 { position: absolute; left: 305px; top: 179px; width: 120px; height: 1em; }
.contest .contest_form .s_info .i5 { position: absolute; left: 134px; top: 203px; width: 70px; height: 1em; }
.contest .contest_form .s_info .i6 { position: absolute; left: 225px; top: 203px; width: 70px; height: 1em; }
.contest .contest_form .s_info .i7 input { left: 383px; top: 201px; width: 404px;}
.contest .contest_form .s_info .i8 { position: absolute; left: 134px; top: 227px; width: 60px; height: 1em; }
.contest .contest_form .s_info .i9 { position: absolute; left: 225px; top: 227px; width: 53px; height: 1em; }
.contest .contest_form .s_info .i3 input,
.contest .contest_form .s_info .i4 input,
.contest .contest_form .s_info .i5 input,
.contest .contest_form .s_info .i6 input,
.contest .contest_form .s_info .i8 input,
.contest .contest_form .s_info .i9 input { left: 0px; top: 0px; }
.contest .contest_form .s_info .i10 input { left: 383px; top: 225px; width: 404px; }
.contest .contest_form .f_info .i1 input { left: 137px; top: 254px;}
.contest .contest_form .f_info .i2 { position: absolute; left: 137px; top: 304px; width: 290px; height: 1em; }
.contest .contest_form .f_info .i2 input { left: 0px; top: 0px;}
.contest .contest_form .f_info .i3 input { left: 661px; top: 264px;}

.contest .submitted { position: absolute; left: 123px; top: 160px; width: 807px; height: 334px; text-indent: -9999px; background: url(../images/contest_submitted.jpg) no-repeat; }
.contest .submitted a.btn1 { position: absolute; left: 346px; top: 148px; display: block; width: 119px; height: 153px; text-indent: -9999px; background: url(../images/contest_submitted.jpg) no-repeat -346px -148px; }
.contest .submitted a.btn2 { position: absolute; left: 31px; top: 169px; display: block; width: 301px; height: 112px; text-indent: -9999px; background: url(../images/contest_submitted.jpg) no-repeat -31px -169px; }
.contest .submitted a.btn3 { position: absolute; left: 480px; top: 169px; display: block; width: 298px; height: 112px; text-indent: -9999px; background: url(../images/contest_submitted.jpg) no-repeat -480px -169px; }

.contest .textpane { position: absolute; left: 123px; top: 144px; width: 777px; height: 329px; background: #ffffff; padding: 15px; }

.gallery { position: relative; width: 1024px; height: 1100px; background: url(../images/gallery_bg.jpg) no-repeat; }
.gallery .gallery_pane { position: absolute; left: 123px; top: 160px; width: 807px; }
.gallery .gallery_list { position: absolute; top: 20px; display: block; }
.gallery .gallery_list li { position: relative; display: inline; float: left; width: 170px; height: 150px; margin-left: 26px; margin-top: 15px; }
.gallery .gallery_list li img.thumbnail { display: block; margin: auto; }
.gallery .gallery_list li .overlay { position: absolute; right: 0px; top: 0px; width: 48px; height: 29px; background: url(../images/vote_overlay.png) no-repeat; }
.gallery .gallery_list li .info { position: absolute; padding: 5px; font-size: 12px; font-weight: bold; height: 3em; }
.gallery .gallery_list li .info p { line-height: 13px; }
.gallery .paginate_top { position: absolute; top: 0px; right: 15px; }
.gallery .paginate_bottom { position: absolute; top: 525px; right: 15px; }
.gallery .paginate li { display: inline; float: left; color: #ff0000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-left: 1px solid #000000; padding-left: 5px; padding-right: 5px; }
.gallery .paginate li.firstChild { border-left: none; }
.gallery .paginate li a { color: #000000; text-decoration: none; }
.gallery .paginate li a:hover { text-decoration: underline; }
.gallery .comingsoon { position: absolute; left: 250px; top: 100px; }

.details { position: relative; width: 1024px; height: 600px; background: url(../images/details_bg.jpg) no-repeat; }
.details .details_pane { position: absolute; left: 123px; top: 146px; width: 807px; height: 344px; }
.details .title { position: absolute; left: 18px; top: 17px; font-size: 16px; font-weight: bold; }
.details .viewcount { position: absolute; left: 380px; top: 20px; font-size: 16px; font-weight: bold; }
.details .info { position: absolute; left: 508px; top: 44px; width: 275px; height: 165px; overflow: auto; font-size: 14px; font-weight: bold; }
.details .info p { line-height: 20px; } 
.details #videoPlayer { position: absolute; left: 18px; top: 46px; background: #000000; }
.details #posterHolder { position: absolute; left: 18px; top: 46px; width: 460px; height: 260px; }
.details #posterHolder img { display: block; margin: auto; }
.details .index { position: absolute; left: 150px; top: 315px; display: block; height: 1.2em; }
.details .index li { display: inline; float: left; color: #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-left: 1px solid #000000; padding-left: 5px; padding-right: 5px; }
.details .index li.firstChild { border-left: none; }
.details .index li a { color: #000000; text-decoration: none; }
.details .index li a:hover { text-decoration: underline; }
.details .vote_buttons { display: block; position: absolute; left: 508px; top: 215px; width: 280px; height: 120px; }
.details .vote_buttons li {display: inline; float: left; }
.details .fb_share { position: absolute; left: 726px; top: 17px; }
.details .fb_share a { display: block; width: 61px; height: 22px; text-indent: -9999px; background: url(../images/fb_share_btn.jpg) no-repeat; }

.vote_form { background: #ffffff; }
#vote_form h4 { font-size: 14px; font-weight: bold; margin-bottom: 1em; line-height: 1.5em; }
#vote_form label { display: block; width: 6em; float: left; margin-top: 5px; }
#vote_form input { float: left; }
#vote_form input.submit { float: right; clear: both; }
#vote_form p { margin-bottom: 0.5em; overflow: auto; }

.videos .heading { position: absolute; left: 130px; top: 87px; width: 500px; height: 56px; background-image: url(../images/gallery_videos.gif); }
.videos .gallery_list li a.thumbnail { display: block; width: 170px; height: 100px; background: #000000; }
.videos .vote_buttons .btn a { display: block; width: 93px; height: 120px; text-indent: -9999px; background-image: url(../images/vote_videos.jpg); }
.videos .vote_buttons .btn1 a { background-position: 0px 0px; }
.videos .vote_buttons .btn2 a { background-position: -93px 0px; }
.videos .vote_buttons .btn3 a { background-position: -186px 0px; }
.videos .vote_buttons .dimmed1 a { background-position: 0px -120px; }
.videos .vote_buttons .dimmed2 a { background-position: -93px -120px; }
.videos .vote_buttons .dimmed3 a { background-position: -186px -120px; }
.posters .heading { position: absolute; left: 130px; top: 87px; width: 500px; height: 56px; background-image: url(../images/gallery_posters.gif); }
.posters .gallery_list li a.thumbnail { display: block; width: 170px; height: 100px; }
.posters .vote_buttons .btn a { display: block; width: 93px; height: 120px; text-indent: -9999px; background-image: url(../images/vote_posters.jpg); }
.posters .vote_buttons .btn1 a { background-position: 0px 0px; margin-left: 40px; }
.posters .vote_buttons .btn2 a { background-position: -93px 0px; }
.posters .vote_buttons .dimmed1 a { background-position: 0px -120px; }
.posters .vote_buttons .dimmed2 a { background-position: -93px -120px; }

#fancybox-inner { font-size: 12px; line-height: 1.2em; }
#fancybox-inner h2 { margin-bottom: 1em; }
#fancybox-inner ol { list-style: decimal outside; margin-bottom: 2em; }
#fancybox-inner ol li { margin-left: 2.5em; }

.prize { position: relative; width: 1024px; height: 1325px; background: url(../images/prize_bg.jpg) no-repeat; }
.prize .prize_info { position: absolute; left: 123px; top: 144px; width: 807px; height: 774px; text-indent: -9999px; background: url(../images/prize.jpg) no-repeat; }
