/* Disney competition site
*  global.css
*  Main site structure, used by all templates
*  Author: AvenueA | Razorfish UK
*  Date: 10-10-2007
*  v.1.0*/
@import "fonts.css";
@import "reset.css";

iframe {
	margin: 0!important;
	background: transparent;
}

.lang.sml { font-size: 70% !important; }

#content {
	margin: 0 !important;
}

ul.langs                {width: 700px ; margin:0 auto;}

ul.langs a img,
ul.langs a:hover img    {text-decoration:none;}
ul.langs li             {display:block; float:left; width:100px; height:105px; cursor:pointer;}
ul.langs li img         {width:38px; height:39px; margin: 0 auto; display:block;}
ul.langs li ul          {display:block; width:100px; padding:0; margin:5px 0 0 0;}
ul.langs li ul li       {cursor:default; width:95px; height:16px; padding:5px 0 5px 5px; margin:0 0 1px 0; background:url(../img/languages/lang-panel-sgl.png) no-repeat left top; font-size: 0.9em;}
ul.langs li ul li img   {margin:0 3px 0 0; width:14px; height:15px; float:left;}

#flashid { margin: 0 auto; display:block;}

body {font-family:Georgia, serif;background:#f9f9f2 url("../img/bgs/bg.jpg");}
br { clear:both; }

h1 {font-size:1.6em; font-weight:normal;}
h2{font-weight:bold; font-size:17px;}
p {margin-top:22px;}
a {color:#f7e6aa;text-decoration:none}
a:hover, a:active{text-decoration:underline;}

/*div { border: 1px solid #999; }*/

.centre {width:820px; margin:0 auto;}
.inset {float:right; clear:right;}



#header {width:820px; height:270px; font-weight:bold; text-align:center;}
#header a { position: relative; }


#de #header  { background: url(../img/local/de/de_header.png); }
#dk #header  { background: url(../img/local/dk/dk_header.png); }
#en #header  { background: url(../img/local/en/en_header.png); }
#es #header  { background: url(../img/local/es/es_header.png); }
#fi #header  { background: url(../img/local/fi/fi_header.png); }
#fr #header  { background: url(../img/local/fr/fr_header.png); }
#fl #header  { background: url(../img/local/fl/fl_header.png); }
#it #header  { background: url(../img/local/it/it_header.png); }
#nl #header  { background: url(../img/local/nl/nl_header.png); }
#nor #header { background: url(../img/local/no/no_header.png); }
#se #header  { background: url(../img/local/se/se_header.png); }

#header h2 { padding-top: 225px; }
#header h2 span { display:none; }
#header p a { display:block; }

#footer {color:#999; font-size:0.8em; font-family:Arial, serif; padding:27px; background:#f3f3e6; border-top:1px solid #d5c0b3; text-align: center;}
#footer a {color:#9e5530; padding: 5px; font-size: 130%;}


#scroll {width: 778px; padding-bottom:52px; color:#5d2b1c; margin: 0 auto;}
#scroll .top {height:135px; width:778px; background:url(../img/bgs/scroll_top.png) top no-repeat; padding-top: 75px;}
#scroll .top p.intro {font-size:153.9%; line-height: 115%; text-align:left; margin: 0 65px; position: relative;}
#scroll .top .inner {margin: 0 65px; }
#scroll .top p.intro:first-letter {font-size:290%; line-height: 70%; float: left; padding-right: 3px; }

#scroll .top p.intro sup {
	padding-bottom: 15px;
	line-height: 40%;
	font-size:60%;
}

#scroll .mdl {background: url(../img/bgs/scroll_mdl.png) repeat top left; margin-top:-20px; width:778px;}
#scroll .mdl .content {padding:0 32px 0 46px;}
#scroll .mdl .content p.intro:first-letter {line-height:0.8em; font-size:3em; vertical-align:subscript; }
#scroll .btm {height:139px; width:778px; background:url(../img/bgs/scroll_btm.png) bottom no-repeat;margin-top:-2px;}	
#scroll .btm .enter{margin:0px;text-align:center;}

#scroll .content.padtop1 {padding-top:40px;}

#scroll #wrapper .main #details {width: 600px;}

#scroll p.lang {text-align:center;color:#ecad54;margin:0 0 10px 0;font-size:123.1%;}





#scroll .panel1 {width:686px;margin:0 auto; background:url(../img/top_box1.gif) no-repeat top left;height:290px;padding-top:26px;}
.panel1Inner{background:url(../img/bg_mid.gif) repeat-y top left;}
.panel1Inner h2, p{margin:0px 0px 10px 20px;}
.box1 {width:194px; padding:0 3px; float:left;background:url(../img/bgs/box_bg.gif) no-repeat top left;height:300px;margin-left:20px;text-align:center; }
.box1 img {margin:5px 0px 0px 0px;}	






/*** GENERIC CLASSES & MISCELLANY ***/
/*clear fix taken and adapted from http://www.positioniseverything.net/easyclearing.html */
/* alternative version - try it out, if it doesn't work, revert back to the previous version */
.cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cf {height:1%;}       
.fl {float:left;}
.fr {float:right;}
.txt-alignr {text-align:right;}
.lbl-hidden {position:absolute;top:-1000px; left:-1000px; z-index:-1}/* takes it out of flow */
.lbl-invisible {visibility:hidden;} /*leaves in flow for spacing */
.b {font-weight:bold;}
.cl{clear:left !important}






/* begin: form data */
#wrapper {width:689px}
#wrapper h3{font-size:123.1%;font-weight:700;}
#wrapper .header{background:url(../img/bgs/bg_form-header.gif) top left no-repeat;width:689px;height:8px;font-size:1px}
#wrapper .main{background:url(../img/bgs/bg_form-repeat.gif) top left repeat-y;height:auto;width:674px;padding:0 0 0 15px;}
#wrapper .footer{background:url(../img/bgs/bg_form-footer.gif) top left no-repeat;width:689px;height:8px;line-height:8px;}

.question{text-align:center; padding-bottom: 20px;}
.question h2{font-size:153.9%;font-weight:700;margin-top:20px}
.question p{font-size:153.9%;text-align:left}
.question fieldset{padding:15px 0; width: 100px; margin: 0 auto;}
.question fieldset p{clear:left;}
.question fieldset label{width:auto;margin:0 18px 0 0;float:none;font-size:138.5%}
.question fieldset input{float:none}
.question fieldset div{clear:left}


fieldset{width:auto;text-align:left; padding: 5px 30px; }
/*fieldset label{float:left;width:193px;color:black;margin-left:50px;font-size:108%;margin-top:7px}*/
fieldset a{color:#d90e20;font-weight:700}
fieldset input, span{float:left;}
fieldset div{float:left;width:100%;margin-top:2px}
fieldset p{margin:0;}
fieldset p.first{padding:5px 0;font-size:108%;clear:both;}
fieldset .benefits{margin:5px 0 10px 0;}

#wrapper .main fieldset input	{float:none;}

fieldset .btn{ margin: 15px 5px;}
fieldset .btn input{display: block; margin: 0 auto;}

fieldset div.options{margin:4px 0 10px 0;}
fieldset div.options span{margin:-1px 12px 0 12px}
fieldset div.options span.error{margin:0}
fieldset div.options label.last{width:100px;margin:-1px 0 0 12px}

fieldset div#would-like{position:relative}

fieldset div label.would-like{width:auto;}
fieldset div.agree input{margin-left:52px;float:left;}
fieldset div.agree label{width:400px;margin:-2px 0 0 15px}

fieldset div label.gender{margin-top:0}

/*styles for login and reg pages*/
fieldset .login label{float:left;width:200px;color:#5d2b1c; font-size: 105%; margin: 5px 0;}
fieldset .login #male, #female, #yes, #no {margin:0 5px;}
fieldset .login #first-name, #last-name, #email01, #email02{width:180px; margin-bottom:6px;}
fieldset .login a{margin-top:12px;font-size:85%;text-decoration:underline}
fieldset .login #password {margin-bottom:0px;}
fieldset #day, #month { width:25px; }
fieldset #year { width:47px; }
fieldset p.first { width: 600px; }

fieldset .login #agreelbl{width:460px;color:#5d2b1c;}
fieldset .login #agree{margin-left:0px;}
fieldset .login .gender span {display: block; padding:4px 10px 4px 0;}  

fieldset .login #confirm label { float:none; width: auto; }

fieldset .login .priv{display:inline;}
fieldset.answers{text-align:center;width:100%;margin-left:40px}
fieldset.answers h2{font-size:153.9%;font-weight:700}
fieldset.answers label{width:189px;margin:0}
fieldset.answers div {float:left;}
fieldset.answers input{clear:left}

.enterComp{margin-right:230px;}



div.textfield01{ float:left;clear:none;
padding:0 4px;  margin: 5px 0;
background: transparent url("../img/txt_field189x24.gif") no-repeat;width:189px;height:24px}

div.textfield02{ float:left;clear:none;
padding:0 4px; margin: 5px 0; margin-right:7px;
background: transparent url("../img/txt_field33x24.gif") no-repeat;width:33px;height:24px}   

div.textfield03{ float:left;clear:none;
padding:0 4px;     margin: 5px 0;
background: transparent url("../img/txt_field55x24.gif") no-repeat;width:55px;height:24px}              

div.textfield01 input{float: left;
margin: 1px 0 0 0;border:0;
width: 180px;background: none;} 

div.textfield02 input{float: left;
margin: 1px 0 0 0;border:0;
background: none;}

div.textfield03 input{float: left;
margin: 1px 0 0 0;border:0;
background: none;}


/*prize page*/
.prizehead{margin:-52px 0px 0px 34px;}
.prizeheadT{font-size:10px; font-weight:normal;}
.left{float:left;margin-top:20px;width:330px; font-size:16px; line-height:22px;} 
.right{float:right;margin-top:20px;width:330px;font-size:16px; line-height:22px;}	
.right a, .left a, .redText {color:#d23c38 !important;display:inline;}
.right a, .left a, a.redText {font-weight:bold;text-decoration:underline;display:inline;}
.center{text-align:center;font-weight:bold; padding: 10px; clear:both;}	
.bottom{margin:-20px 0px -10px 0px}
.picOne	{margin:-10px 35px 0px 0px ;}

/* thank you page   */                       


#scroll .inset {width: 195px;}
/*#scroll .red {color:#fff; background:#8e1800; text-align:center; border:solid 1px #ceb69f; z-index:1000; position:relative;}*/
#scroll .red p {font-size:1em; font-weight:bold; padding:4px 0; margin:0;}
#scroll .red a {color:#fff; font-size:1em; position:relative; z-index: 10000;}

#scroll .red .inner-bdr { position:relative; text-align:center; margin-bottom:-12px; padding: 5px 0; background:#8e1800; width:184px; border:solid 5px #fff; border-top:0; border-bottom:0;}
#scroll .red .tops {position:relative; margin: -12px 0 0 -4px; width:205px; height:24px; background:url(../img/bgs/inset_top_red.png) no-repeat top;}
#scroll .red .btm {position:relative; height:8px; line-height: 8px; margin: 8px 0 0 0; width:194px; background:url(../img/bgs/inset_btm_red.png) no-repeat bottom;}

#scroll .col2 {width:333px;}
#scroll .col3 {width:229px;}

#scroll .panel2, #scroll .box {background:#fffcd8; border-left:solid 1px #ceb69f;border-right:solid 1px #ceb69f;border-bottom:solid 1px #ceb69f;}

#scroll .panel1 {width:686px;margin:0 auto; background:url(../img/top_box1.gif) no-repeat top left;padding-top:26px;}
.panel1Inner{background:url(../img/bg_mid.gif) repeat-y top left; height:500px;}
.panel1Inner h2, p{margin:0px 0px 0px 20px; padding-top:10px;}
.box1 {width:180px; float:left;background:url(../img/bgs/box_bg.gif) no-repeat top left;height:290px;text-align:center; padding:0 10px; margin:0 10px 0 14px;  }
.box1 img {margin:5px 0px 0px 0px;}	


/*#scroll .panel1 .box {margin:0 8px;}*/
#scroll .panel2 {position:relative; width:668px; padding:13px 10px; margin-top:140px; background:#fffcd8 url(../img/bgs/panel2.gif) repeat-x bottom; z-index:50; }
#scroll .panel2 h2{ padding:15px 0px 15px 0px }
#scroll .panel2 .btm {display:none; visibility:hidden;}
#scroll .panel2 .box { border:0;float:left; background:transparent; text-align:center; width: 200px;}
.thankText{display:block; font-size: 1.2em; z-index:1000; position:relative;  margin:0;}
.snow{position:relative; background:url(../img/top_box2.png) no-repeat top left; height:25px; z-index:60; top:154px; left: -5px; }






/* additional styling ST */
.question fieldset input		{margin:0 7px 0 0;}

/* IE FIX FOR 5.5 AND 6 SO ALL INLINE AND CSS BACKGROUND PNGS RENDER CORRECTLY */
img, div, a,  .top, .btm, .mdl{ 
behavior: url(../js/png/iepngfix.htc);
}


div.legal p, 
div.leagl h2 {margin:10px; display:block; float: none;}
.legal p { text-align: justify; line-height: 1.6em;}

html .panel2 h2.wimg {
	display: block;
	height: 40px;
	line-height: 40px !important;
	padding: 0;
}
h2.wimg img {
	display: inline;
	float: left;
	width:auto;
	height: auto;
	margin: -10px 0 0 0;
	padding: 10px 0 0 0;
} 
h2.wimg span {
	float: left;
}


.intro_copy {
	margin: 15px;
	height: 100px;
}

.stickit {
	position: static;
	width: 100%;
	padding: 10px 0 !important;
	margin: 0 !important;
	bottom: 0;
}
#footer.stickit {
	margin-top: 50px !important;
	background:none;
	border: none;
}

p.wallpaper_text {
	display:block;
	margin: 0 21px 0 15px;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	line-height: 130%;
	color:#8e1800;
}