/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
.resetDimensions
{
	width: auto !important;
	height: auto !important;
}
.red
{
	color: Red;
}
.yellow
{
	color: #FFF200 !important;
}
.note
{
	font-size: 12px;
	margin-top: -10px;
	line-height: 15px;
}
.hidden
{
	visibility:hidden;
}
.margin-top-15
{
	margin-top: 15px;
}
.displayNone
{
	display:none;
}
/**************************************/
/*              HEADER                */
/**************************************/
#header
{
	height: 75px;
}
#werribee #header
{
	height: auto;
	margin-bottom: 15px;
}
#loginMsg
{
	margin-top:30px;
	height:35px;
	background:transparent;
}
#loginMsg div
{
	height:35px;
	text-indent:-9999px;
}

#werribee #logo div
{
	/*padding-left:0 !important;*/
}
#login
{
	font-size: 12px;
}
#login input
{
	width: 103px;
	height:19px;
}
#loginText
{
	width:180px;
	height:20px;
	margin-bottom:3px;
	background:url(/images/colescard/login_details_white.gif) no-repeat;
}
#login .login-error
{
	color: Red;
	font-size:11px;
	margin-top:-2px;
}
#login .signout
{
	font-size: 14px;
	margin-top:-2px;
}
.userGreeting
{
	color:#333;
	margin-bottom:3px;
}
.updateButton 
{
	margin-bottom:3px;
}

#login .password
{
	background: url("/images/password_bg.gif") no-repeat;
	border:1px solid #CCCCCC;
	background-color: #fff;
}
#login .username
{
	background: url("/images/login_bg.gif");
	border:1px solid #CCCCCC;
}
#login .clearbg
{
	background:none;
	background-color:#fff;
	border:1px solid #CCCCCC;
}
/*#login input:focus
{
	background:none;
	background-color:#fff;
}*/
#login .login-button
{
	height: 19px;
	width:28px;
	vertical-align: bottom;
	float:left;
	margin-top:2px;
}
#forgotText a
{
	color:#707070;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/



/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#main-content
{
	
}


/**************************************/
/*               FOOTER               */
/**************************************/
#terms p
{
	font-size:10px;
	color:#666;
	padding: 5px 25px;
	line-height: 1.2em;
	margin-top: 10px;
	position:relative;
}
#footer
{
	border-top: 1px solid #999;
	margin: 0;
	text-align: center;
}
#footer p
{
	font-size:11px;
	padding: 10px 0;
}

/**************************************/
/*               FORMS
/**************************************/
#registration input
{
	width: 300px;
	height:19px;
}
#registration textarea
{
	width: 300px;
	height:40px;
}

#registration select
{
	width: 304px;
}
#registration .left-column
{
	width:180px;
	text-align: right;
	padding-right: 15px;
}
#registration .radio input, #registration .checkbox input, #survey input
{
	width:auto;
	height:auto;
}
#registration td
{
	padding-bottom:3px;
}
#registration table
{
	margin-bottom:0;
}
#registerSubmit
{
	margin:0 0 15px 160px;
}
#survey tr.odd
{
	background-color: #eee;
}
#survey table.holder
{
	border-collapse: collapse;
}
input.submitButtonOff
{
	background: url("/images/btn_submit.gif") top left no-repeat;
	height: 40px !important;
	width: 215px !important;
	outline: none;
	border: none;
}
input.submitButtonOn
{
	background: url("/images/btn_submit.gif") bottom left no-repeat;
	height: 40px !important;
	width: 215px !important;
	outline: none;
	border: none;	
}
input.submitButtonOff:hover
{
	background: url("/images/btn_submit.gif") bottom left no-repeat;
}

a.tooltip
{
    position:relative;
    z-index:24;
    text-decoration:none !important;
    padding: 0 !important;
    height:14px;
    width: 14px;
	margin-right: 3px;
}
a.tooltip:hover
{
	z-index:25;
	background-color:#fff;
}
a.tooltip span
{
	display: none;
}
a.tooltip img
{
	vertical-align: top;
	margin-top:5px;
}
a.tooltip:hover span, a.tooltip span.show
{
    display:block;
    position:absolute;
    left:2em;
    top:0;
    border:1px solid #666;
    background-color:#fff;
    text-align: center;
    padding: 0.1em;
    width:15em;
}
fieldset p
{
	margin:0 !important;
	height:40px;
}
fieldset span.fielderror
{
	font-size:10px;
	margin-left: 144px;
}
fieldset label
{
	width:140px;
	display:inline-block;
}

#coupon
{
	background: url("/images/hp/background.gif") no-repeat left top;
	padding:0;
	color: #231F20;
	font-size: 18px;
	line-height:22px;
}


#coupon-bottom
{
	background: url("/images/hp/background_base.gif") no-repeat left top;
}
#coupon a.register .replacement
{
	background: url("/images/hp/btn_register.gif") no-repeat left top;
	width: 582px;
	height: 48px;
	display: block;
}
#coupon a.register:hover .replacement
{
	background-position: left bottom;
	cursor: pointer;
}
#registerWrap
{
	height:48px;
	width:582px;
	overflow:hidden;
}

.headline
{
	background: url("/images/headers/background.gif") no-repeat;
	padding-left:24px;
	margin-bottom: 5px;
}
.headline-red
{
	background: url("/images/headers/background_red.gif") no-repeat;
	padding-left:24px;
	margin-bottom: 5px;
}
/**************************************/
/*               SURVEY
/**************************************/
#survey .questions td, #survey .answer td
{
	width: 100px;
	padding:0 5px ! important;
	text-align:center;
}
#survey .questions td
{
	font-weight: bold;
}
#survey .answer label
{
	display:none;
}
#survey, #survey table, #survey td
{
	margin-bottom: 0 !important;
	padding: 1px 0 1px 3px ! important;
}
#survey , #survey table
{
	/*border: 1px solid #eee;*/
}
#surveySubmit
{
	padding:15px 75px 15px 0;
	text-align: right;
	vertical-align: middle;
	height:40px;
}
#surveySubmit input
{
	vertical-align:middle;
}
.surveyError
{
	color: Red;
	padding-right:20px;
}
#nsw-coupon
{
	background: url("/images/hp/background_small.gif") no-repeat left top;
	padding:0 0 0 0;
	color: #231F20;
	font-size: 22px;
	line-height:22px;
}
#nsw-coupon-base
{
	background: url("/images/hp/background_base_small.gif") no-repeat left top;
}
#werribee-coupon
{
	background: url("/images/hp/background_red_small.gif") no-repeat left top;
	padding:0 0 0 0;
	color: #fff;
	font-size: 22px;
	line-height:22px;
}
#werribee-coupon-base
{
	background: url("/images/hp/background_red_base_small.gif") no-repeat left top;
}

#coupon-bottom
{
	background: url("/images/hp/background_base.gif") no-repeat left top;
}
#werribee-coupon a.register .replacement
{
	background: url("/images/hp/btn_register_small.gif") no-repeat left top;
	width: 390px;
	height: 49px;
	display: block;
}
#werribee-coupon a.register:hover .replacement
{
	background-position: left bottom;
	cursor: pointer;
}
#werribee-coupon .register
{
	height:49px;
	width:390px;
	overflow:hidden;
}
.bordr
{
	border:1px solid green;
}
.bgrnd1
{
	background-color:#0F0;
}
.bgrnd2
{
	background-color:#06F;
}
#registration h1
{
	font-size: 28px;
	padding-left:198px;
}


#userAdmin
{
	margin: 20px 0;
}
#userAdmin h1
{
	margin-top: 0px;
}

#userToolbox
{
	/*padding:20px;
	border: 1px #ddd solid*/
}
#userToolbox a
{
	background-color:#eee; 
	text-align:center; 
	display: block; 
	padding: 5px 0; 
	border: 1px solid #aaa; 
	width: 150px;
	text-decoration: none;
}
#userToolbox a:hover, #userToolbox a.active
{
	color: #fff;
	border: 1px solid #eee;
	background-color: #aaa;
}
#userToolbox .popup
{
	width: 330px;
}
#userToolbox .popup .inner
{
	 background-color:#fff; 
	 padding:25px;  
	 border: 1px #ccc solid;
	 font-size:14px;
	 color: #666;
}
#userToolbox .popup .drag
{
	cursor:move;
	width:100%; 
	height:25px; 
	background-color:#aaa;
}
#userToolbox .popup input
{
	background: none;
	border: 2px solid #aaa;
	padding: 2px;
	
}
.modalBackground
{
	background-color:#233333;
	filter:alpha(opacity=70); 
	opacity:0.7;
}

a.linkOnRed:link              { color:#FFF; text-decoration:underline; }
a.linkOnRed:active            { color:#FFF; text-decoration:underline; }
a.linkOnRed:visited           { color:#FFF; text-decoration:underline; }
a.linkOnRed:hover             { text-decoration:none; }