/* 
*	
*	CSSG Collections: Forms
*	designed and coded by Alen Grakalic (http://cssglobe.com)
*	brought to you by Templatica (http://templatica.com)
*
*/

body{ 
	background: url(../gfx/bg_1.gif) repeat;
	font:13px Trebuchet MS, Arial, Helvetica, Sans-Serif;
	color:#333;
	line-height:160%;
	padding:0;
	text-align:center;
	width:860px;
	margin: 0 auto;
	padding-right:25px;
	padding-bottom:30px;
	}

.popup {
	position:absolute;
	visibility:hidden;
	background-color:#CBFFC0;
	width:260px;
	text-align:left;
	border:4px solid #76B43E;
	padding:8px;
	padding-top:2px;
	z-index:10;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	font-size: 14px;
}

.tandcList {
	text-align: left;
}
.header{
	height:170px;
}
#logo {
	width:480px;
	height:320px;
	background: url(../gfx/decal.png) no-repeat -512px 0px;
	margin-top:-100px;
	margin-left:-60px;
}
#logo h1 {
	display: none;
}

#apply {
	width:255px;
	height:72px;
	background: url(../gfx/decal.png) no-repeat 0px -727px;
	margin-top:27px;
}
#apply h1 {
	display: none;
}

#apply_1_pic {
	width:314px;
	height:290px;
	background: url(../gfx/decal.png) no-repeat -512px -371px;
	margin-top:30px;
	margin-left:10px;
	clear:left;
}
#apply_1_pic h1 {
	display: none;
}
#apply_2_pic {
	width:314px;
	height:290px;
	background: url(../gfx/decal.png) no-repeat -517px -658px;
	margin-top:30px;
	margin-left:10px;
	clear:left;
}
#apply_2_pic h1 {
	display: none;
}
#apply_3_pic {
	width:314px;
	height:290px;
	background: url(../gfx/decal.png) no-repeat 16px -974px;
	margin-top:30px;
	margin-left:10px;
	clear:left;
}
#apply_3_pic h1 {
	display: none;
}
#apply_4_pic {
	width:314px;
	height:290px;
	background: url(../gfx/decal.png) no-repeat -288px -982px;
	margin-top:30px;
	margin-left:10px;
	clear:left;
}
#apply_4_pic h1 {
	display: none;
}
#apply_5_pic {
	width:314px;
	height:290px;
	background: url(../gfx/decal.png) no-repeat -607px -987px;
	margin-top:30px;
	margin-left:10px;
	clear:left;
}
#apply_5_pic h1 {
	display: none;
}
#apply_6_pic_no {
	width:314px;
	height:290px;
	background: url(../gfx/decal.png) no-repeat -953px -987px;
	margin-top:30px;
	margin-left:10px;
	clear:left;
}
#apply_6_pic_no h1 {
	display: none;
}
#apply_6_pic_yes {
	width:314px;
	height:290px;
	background: url(../gfx/decal.png) no-repeat -946px -666px;
	margin-top:30px;
	margin-left:10px;
	clear:left;
}
#apply_6_pic_yes h1 {
	display: none;
}
#apply_6_pic_thanks{
	width:314px;
	height:290px;
	background: url(../gfx/decal.png) no-repeat -946px -666px;
	margin-top:30px;
	margin-left:10px;
	clear:left;
}
#apply_6_pic_thanks h1 {
	display: none;
}

#apply_ideas_tap {
	width:214px;
	height:284px;
	background: url(../gfx/decal.png) no-repeat -830px -376px;
	margin-top:30px;
	margin-left:40px;
	clear:left;
}
#apply_ideas_tap h1 {
	display: none;
}
#re-start {
	width:175px;
	height:57px;
	background: url(../gfx/decal.png) no-repeat 0px -883px;
	margin-left:80px;
	position:absolute;
	float:left;
	top:540px;
}
#re-start a {
	width:174px;
	height:35px;
	display:block;
	text-decoration: none;
	padding-top:20px;
	color:#333;
}
#re-start a:hover {
	text-decoration: none;
	color:#f33;
}

#page_numbers {
	float:right;
	margin-top:-90px;
	text-align: right;
}

ul#stages {
	margin-top:44px;
	float:right;
}
ul#stages li {
	display: inline;	
}
ul#stages li a {
	width:28px;
	height:28px;
	display:block;
	float:left;
	margin-right:4px;
}

ul#stages li a.number_1 { background: url(../gfx/decal.png) no-repeat -262px -730px; }
ul#stages li a.number_2 { background: url(../gfx/decal.png) no-repeat -299px -730px; }
ul#stages li a.number_3 { background: url(../gfx/decal.png) no-repeat -337px -730px; }
ul#stages li a.number_4 { background: url(../gfx/decal.png) no-repeat -375px -730px; }
ul#stages li a.number_5 { background: url(../gfx/decal.png) no-repeat -413px -730px; }
ul#stages li a.number_6 { background: url(../gfx/decal.png) no-repeat -451px -730px; }

ul#stages li a.number_1:hover { background: url(../gfx/decal.png) no-repeat -262px -760px; }
ul#stages li a.number_2:hover { background: url(../gfx/decal.png) no-repeat -299px -760px; }
ul#stages li a.number_3:hover { background: url(../gfx/decal.png) no-repeat -337px -760px; }
ul#stages li a.number_4:hover { background: url(../gfx/decal.png) no-repeat -375px -760px; }
ul#stages li a.number_5:hover { background: url(../gfx/decal.png) no-repeat -413px -760px; }
ul#stages li a.number_6:hover { background: url(../gfx/decal.png) no-repeat -451px -760px; }

ul#stages.stage_1 li a.number_1 { background: url(../gfx/decal.png) no-repeat -262px -790px; height:53px; }
ul#stages.stage_2 li a.number_2 { background: url(../gfx/decal.png) no-repeat -299px -790px; height:53px; }
ul#stages.stage_3 li a.number_3 { background: url(../gfx/decal.png) no-repeat -337px -790px; height:53px; }
ul#stages.stage_4 li a.number_4 { background: url(../gfx/decal.png) no-repeat -375px -790px; height:53px; }
ul#stages.stage_5 li a.number_5 { background: url(../gfx/decal.png) no-repeat -413px -790px; height:53px; }
ul#stages.stage_6 li a.number_6 { background: url(../gfx/decal.png) no-repeat -451px -790px; height:53px; }


ul#stages li a h1 {
	display:none;	
}

#indicator {
	
}
.fl_left {
	float:left;
	}
.fl_right {
	float:right;
	}
	
h1{
	font-size:200%;
	font-weight:normal;
	}		
h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:1em 0;
	}	
h2{            
	font-size:160%;
	}	
h3{          
	font-size:140%;
	}
h4{          
	font-size:120%;
	}				

a{
	text-decoration:none;
	color:#f30;
	}
a:hover{
	color:#999;
	}			
table, input, textarea, select, li{
	font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	line-height:160%;
	color:#333;
	}				
p, blockquote, ul, ol, form{
	margin:1em 0;
	}
blockquote{
	}
img{
	border:none;
	}			
hr{
	display:none;
	}	
table{
	margin:1em 0;
	width:100%;
	border-collapse:collapse;
	}
th, td{	
	padding:2px 5px;
	}	
th{	
	text-align:left;
	}
li{
	display:list-item;
	}	

	
#app_form {
	padding-right:-20px;
	width:512px;
	margin-top:30px;
}
#form1{
	margin:0;
	padding-top:0;
	text-align: left;
	}
#form1 h1 {
	color:#333;
	margin:20px;
	font-size:18px;
	font-weight: 800;
	}
#form1 p {
	padding:20px;
	}
#form1 fieldset{
	margin:0;
	padding:0;
	border:none;	
	float:left;
	display:inline;
	width:512px;
	background:url(../gfx/decal.png) no-repeat 0 0;
	margin-bottom:-10px;
	padding-top:10px;
	}

#form1 fieldset a{
	display:block;
	}

#form1 fieldset a:hover {
	text-decoration: none;
	}


dl.form_divider {
	padding-top:20px;
	border-top:1px #999 dotted;
}
label.opt {font-weight:normal;}
dl {clear:both;padding-bottom:2px;display:block;}

dt {float:left; text-align:right; width:160px; line-height:20px; margin:0 20px 10px 0;}
dt.short {float:left; text-align:right; width:80px; line-height:25px; margin:0 20px 10px 0;}
dt.long {width:280px;}

dd {float:left; width:280px; line-height:20px; margin:0 0 10px 0; display:inline;}
dd.full {float:left; width:500px; line-height:25px; margin:0 0 10px 0; display:inline;}
dd.short {float:left; width:100px; line-height:25px; margin:0 0 10px 0; display:inline;}
dd.helpText {float:left;font-size: 10px; width:30px;height:30px;display:block;vertical-align: middle;}
dd.tiny {width:30px;}

#form1 legend{display:none;}	
#form1 p{margin:.5em 0;}	
#form1 label{display:block;}	
#form1 input, #form1 textarea{		
	width:270px;
	border:1px solid #999;
	background:#fff url(../gfx/decal.png) no-repeat 0px -844px;
	padding:3px;
	}	

#form1 input.short {		
	width:100px;
	padding:3px;
}

#form1 input.withHelp {		
	width:250px;
	padding:3px;
}

#form1 input.mand {		
	border-color: #c99;
}
					
#form1 input.radioInput{		
	width:20px;
	border:none;
	background: none;
}
#form1 input.checkboxInput {		
	border:none;
	background: none;
}
#form1 p.submit {
	clear:both;
	height:91px;
	background:url(../gfx/decal.png) no-repeat 0 -636px;
	margin-bottom:-10px;
	display:block;
	padding:0;
	}	
#form1 p.close {
	clear:both;
	height:20px;
	background:url(../gfx/decal.png) no-repeat 0 -707px;
	margin-bottom:10px;
	display:block;
	width:512px;
	padding:0;
	}	
#form1 button.next {
	float:right;
	width:70px;
	height:20px;
	line-height:20px;		
	border:none;
	background:url(../gfx/decal.png) no-repeat -73px -799px;
	cursor:pointer;
	margin-right:30px;
	margin-top:30px;
	display:block;
	}	
	
#form1 button.next:hover {
	width:70px;
	height:20px;
	line-height:20px;
	background:url(../gfx/decal.png) no-repeat -73px -819px;
	}
#form1 button.inactive {
	width:70px;
	height:20px;
	line-height:20px;
	background:url(../gfx/decal.png) no-repeat -143px -799px;
	}	
#form1 button.inactive:hover {
	width:70px;
	height:20px;
	line-height:20px;
	background:url(../gfx/decal.png) no-repeat -143px -799px;
	}
#form1 button.prev{
	float:left;
	width:72px;
	height:20px;
	line-height:20px;		
	border:none;
	background:url(../gfx/decal.png) no-repeat 0px -799px;
	cursor:pointer;
	margin-left:30px;
	margin-top:30px;
	}	
	
#form1 button.prev:hover {
	width:72px;
	height:20px;
	line-height:20px;
	background:url(../gfx/decal.png) no-repeat 0px -819px;
	}	
#form1 div.hoverHelp {
	width:32px;
	height:32px;
	background: url(../gfx/decal.png) no-repeat -481px -727px;
	margin-top:0px;
	margin-left:0px;
	display:block;
	float:left;
}	

#form1 div.hoverHelp:hover {
	width:32px;
	height:32px;
	background: url(../gfx/decal.png) no-repeat -481px -757px;
	margin-top:0px;
	margin-left:0px;
}

#form1 dd.tick {
	width:32px;
	height:32px;
	background: url(../gfx/decal.png) no-repeat -481px -829px;
	margin-top:0px;
	margin-left:0px;
	display:block;
}			
	
#form1 dd.cross {
	width:32px;
	height:32px;
	background: url(../gfx/decal.png) no-repeat -481px -796px;
	margin-top:0px;
	margin-left:0px;
	display:block;
}