/*
name         : style.css
author       : http://www.eastcoastinteractive.co.uk
created      : 04/12/2008
last updated : 
purpose		 : stylesheet for east coast interactive christmas game 2008
*/

/*general styles*/
*
{
	padding:0;
	margin:0;
}

html{height:100%;}

body
{
	height:100%;
	background:#99dff5 url('../img/gradientBG.jpg') 0px 0px repeat-x fixed;
	text-align:center;
}

body,input
{
	font:62.5% Helvetica, Arial, Verdana, sans-serif;
	color:#000;
}

p, a{font-size:14px; line-height:18px; padding-bottom:12px;}

p.warning{font-size:24px; padding-left:24px; color:#fff; font-weight:bold; background:url('../img/exclamation.png') 0px 1px no-repeat;}

a, a:visited
{
	color:#333;
	text-decoration:none;
	font-weight:bold;
}

a:hover{color:#444; text-decoration:underline;}

h1, h2{font-weight:bold; color:#fff;}

h1{font-size:24px; border-top:1px dotted #eee; margin-top:9px; padding-top:9px;}

h1{display:block; height:67px; background:url('../img/super-sledge-challenge.png') 0px 9px no-repeat; text-indent:-9999px;}

h2{font-size:21px; border-top:1px dotted #eee; margin-top:9px; padding-top:9px; color:#02b0e5;}

/*layout of elements*/
#content
{
	position:relative;
	min-height:100%;
}
* html #content{height:100%;}

.snowOnTop
{
	margin-left:-370px;
	margin-top:-210px;
	width:740px;
	height:420px;
	background:url('../img/snow-top.gif') 0px 0px no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	z-index:980;
}

#christmas
{
	margin-left:-350px;
	margin-top:-200px;
	width:700px;
	height:400px;
	text-align:left;
	position:absolute;
	top:50%;
	left:50%;
	z-index:999;
	color:#444;
}

#extraOptions
{
	margin-left:-350px;
	margin-top:200px;
	width:700px;
	height:70px;
	background:transparent;
	position:absolute;
	top:50%;
	left:50%;
	z-index:990;
}

#scene
{
	position:relative;
	height:150px;
	margin:-150px auto 0 auto;
	background:url('../img/scenery.png') 0px 0px repeat-x;
	text-align:right;
	z-index:1;
}
* html #scene{margin-top:140px;}

#scene .eci-tag{position:relative; top:118px; right:9px;}


/* submit form for customised game */
.formHolder
{
	position:relative;
	margin:0;
}

.formHolder ol{list-style-type:none; margin-bottom:18px;}
.formHolder li{padding:5px 0; display:block;}

.formHolder fieldset{margin:18px; border-bottom:2px dotted #fff; position:relative;}
.formHolder fieldset.optional{background:#fff;}
.formHolder legend
{
	font-size:18px;
	background:#fff;
	color:#02B0E5;
	padding:4px 9px;
}
.formHolder legend.submitTitle{display:none;}
.formHolder label{font-size:13px; color:#333;}
.formHolder label.requestedInput{text-align:right; float:left; width:140px; padding-right:3px; line-height:24px;}
.formHolder input{font-size:18px; width:360px; margin:0 9px 0 18px;}
.formHolder select
{
	margin:0 8px 18px 18px;
	font-size:18px;
	width:360px;
	color:#02B0E5;
}

.formInstructions
{
	background:#02B0E5;
	display:block;
	padding:4px 9px;
	line-height:18px;
margin-bottom:12px;
	color:#fff;
}

div.formOption:hover{cursor:hand;}

.formButton
{
	display:block;
	position:relative;
	left:134px;
	border:2px solid #ccc;
	background:#333;
	color:#fff;
	padding:3px;
	text-align:center;
}

.formButton:hover{background:#111; color:#fff;}

.notification
{
	display:block;
	background:#fff;
	font-size:12px;
	margin:18px;
	padding:4px 9px 5px 9px;
	color:#333;
	text-align:center;
}

.userNote
{
	color:#f00;
	font-size:26px;
	position:relative;
	line-height:1px;
	padding:0;
	margin:0;
	top:8px;
}