/* 
    Document   : site
    Author     : andrew
    Description:
        General site styles
*/

/* Eric Myers CSS Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/*-------------------------------------*/
/* Global Styles */
body{background:#ffcc01 none;padding:0px;}

#page{background: transparent none;margin:0px auto;position:relative;width:801px;}
#page > div.container{margin-top:6px;margin-bottom:8px;}
#page > div.container > div.container-body,div.rounded-middle{
    background-color:#FFF;
}
#page div.container:first-child{margin-top:15px;}

#header{width:100%;}
#header #header-img{background:transparent url(/images/bg-header.png) no-repeat top left;width:100%;}
#header #logo{margin:10px; visibility:hidden;}
#header-cloud{background:transparent url(/images/bg-cloud.png) no-repeat top left;height:74px;margin-left:618px;
margin-top:-22px;position:absolute;width:144px;}

ul.nav{display:inline;float:left;width:801px;}
ul.nav li{display:inline;float:left;margin:0px;}
ul.nav li.Mein{display:inline;float:right;margin:0px;position:relative;z-index:4;}
ul.nav li a{display:block;padding:6px;}
ul.nav li.Mein a{font-size:10px;}
ul.nav li.Mein a.active,ul.nav li.Mein a:hover{text-decoration:underline;background-color:#CC0000;}

#main{margin:6px 5px 8px 6px;width:459px;}
#main.span2{margin:6px 5px 8px 6px;width:609px;}
#main.span3{margin:6px 5px 8px 6px;width:1000px;}
#main .rounded-middle{width:435px;}
#main.span2 .rounded-middle{width:585px;}
#main .container-body{padding:10px 12px 25px;}

#left{width:152px;}
#left .rounded-middle{width:128px;}
#left .container-body{padding:10px 12px 25px;}
#left #stars-left{background:transparent url(/images/bg-stars-left.png) no-repeat top left;height:283px;margin-left:-102px;margin-top:-224px;position:absolute;width:232px;z-index:2;}

#right{width:179px;}
#right .rounded-middle{width:155px;}
#right .container-body{padding:10px 8px 25px;}
#right #btn-days-left{line-height:14px;color: #FFFFFF; background:transparent url(/images/btn-days-left.png) no-repeat top left;margin-left:99px;margin-top:-34px;position:absolute;z-index:4;padding:25px 12px 0px 8px;width:62px;height:64px;text-align:center;}
#right #stars-right{background:transparent url(/images/bg-stars-right.png) no-repeat top left;display:block;height:286px;margin-left:91px;margin-top:-191px;position:absolute;width:151px;z-index:3;}
.sneakpeek .countryflag {margin:0px 2px 0px 2px;}

#footer{width:100%;height:50px;}

h1, h2, h3, h4, h5, h6{}
h1{margin-bottom:18px;}
h2{margin-bottom:5px;}
p{margin-bottom:20px;}
ul{}
ol{}
li{}

/*-------------------------------------*/
/* Helper Classes */
.grid{display:inline;float:left;}
.grid-clear-both{clear:both;height:1px;width:100%;}
.grid-clear-right{clear:right;height:1px;width:100%;}
.grid-clear-left{clear:left;height:1px;width:100%;}
.grid-margin-bottom{margin-bottom:10px;}
.width-full{width:95%;}
.width-half{width:45%;}
.text-align-right{text-align:right;}
.hideme {display:none;}

/*-------------------------------------*/
/* Rounded Corners */
.rounded-container{height:12px;width:100%;}
.rounded-corner{height:12px;width:12px;}
.rounded-middle{height:12px;}
.rounded-top-left{background:transparent url(/images/bg-rounded-top.png) no-repeat top left;}
.rounded-top-right{background:transparent url(/images/bg-rounded-top.png) no-repeat top right;}
.rounded-bottom-left{background:transparent url(/images/bg-rounded-bottom.png) no-repeat top left;}
.rounded-bottom-right{background:transparent url(/images/bg-rounded-bottom.png) no-repeat top right;}

/*-------------------------------------*/
/* Application Form styles */
.iform th {width:200px;text-align:left;font-weight:normal;}
.iform input, .iform textarea {width:95%;}
.iform .evenrow {background:#fde189;}
.iform .oddrow{background:#fef7e1;}
.missedit{background-color:#ec9fa6;}
.required th{background-image:url(/images/required.png);background-position:3px 7px;background-repeat:no-repeat;
				padding-left:17px;
			}
.application-form legend {font-size:100%;font-weight:bold;color: #CA071F;}
.application-form fieldset {margin-top:10px;}
.application-form th, .iform th {padding:5px 5px 5px 17px;vertical-align:top;}
.application-form td, .iform td {padding:5px;vertical-align:top;}



/*-------------------------------------*/
/* Video listing styles */
.listingbox {width:25%;float:left;height:160px;margin:5px 0px;}
.listingbox .country {margin-bottom:0px;}
.toolbar input,.toolbar select {margin:5px;}
.leftform {float:left;display:inline;}
.rightform {float:right;display:inline;}
.pagination {text-align:center;margin-top:10px;}
.pagination a {padding:3px;}
.pagination a.active {font-weight:bold;font-size:14px;}

/*-------------------------------------*/
/* Video detail page styles */
#voteContainer	{display:none;}
#voteContainer input, #voteContainer textarea{width: 300px;margin:5px;}
#voteContainer th{text-align:left;vertical-align:middle;}
.comments,#voteContainer {border: 1px solid #FDE189; padding:20px; -moz-border-radius:5px;margin-bottom:10px; }
.comments {max-height:300px; overflow:auto;}
.comments li{border-bottom: 1px solid #dedede; margin-top:10px;}
.comments li .signature{font-size:10px;}

/*-------------------------------------*/
/* Full Page Background Image */
img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px){
    img.bg {
        left: 50%;
        margin-left: -512px; }
}

/*-------------------------------------*/
/* Typography */
body{color:#525252;font-family:Arial,sans-serif;font-size:12px;line-height:18px;}

ul.nav{background:#cc0000 none;color:#FFF;font-family:arial;font-size:14px;}
ul.nav li a{color:#FFF;font-weight:bold;text-decoration:none;}
ul.nav li a.active,ul.nav li a:hover{background-color:#003366;}
.removelink {color:#FF0000;}

#footer{color:#666;font-size:10px;text-align:center;}
#footer a{color:#666;}

h1,h2,h3,h4,h5,h6{    
    color:#ca071f;
}
h1{font-size:1.8em;font-weight:normal;}
h1 a{color:inherit;text-decoration:none;}
h2{font-size:1.3em;font-weight:normal;}
h3{font-size:1.0em;}
h4{font-size:1.0em;}
a{color:#6699cc;text-decoration:none;}
ul.nav{font-size:1.1em;text-transform:uppercase;}
.usermessage {color: #0000FF; border: 3px dotted #f0b21d;padding: 3px;}

.prtable td {vertical-align:middle; padding: 18px;}

.contest_rules li {margin-bottom: 8px;}