body { font: normal 70%/1.6em Tahoma, sans-serif; background: #313131; color: #333;}

body, h1,h2,h3,h4,h5,h6,p,ul,ol,form,fieldset,legend,img { margin: 0; padding: 0; border: 0; }
a { color: #fb9800; }
a:hover { text-decoration: none; color: #fb9800;}

ul, ol { margin: 0 0 8px 16px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
h1, p { margin: 0 0 8px 0; }
h2, h3 { margin-bottom: 0px; }
form { margin: 0 0 8px 0; }

h1 { font: normal 2.4em/1.6em Tahoma, Verdana, sans-serif; }
h2 { font: bold 1.3em/1.2em Tahoma, Verdana, sans-serif; }

form { margin: 20px 0; }
fieldset { padding-bottom: 20px; }
legend{ font: bold 1em/1.2em Tahoma, Verdana, sans-serif; }
label { display: block; }
label input { width: auto; }
label span { font-weight: normal; position: relative; top: -1px; }
input, textarea { padding: 3px;  }
input, textarea, select, button { font: 1em Tahoma, Verdana, sans-serif; }
input[type=hidden] { display: none !important; }
input { width: 230px; }
input.error { padding: 4px; border: 1px solid #f00;}
button { display: block; background: #ffae23 url(/inc/images/bg_button.gif) top left repeat-x; border: 1px solid #ff6f00; font-weight: bold; color: #fff; padding: 3px 10px; text-shadow: #6374AB 20px -12px 2px;}
.buttons { display: block; clear: both; }
.buttons input { height: auto; width: auto; margin: 0; padding: 0; }

td.up span { display: block; background: url(/inc/images/icon_arrow_up.gif) right center no-repeat; color: #080; padding-right: 15px;}
td.down span { display: block; background: url(/inc/images/icon_arrow_down.gif) right center no-repeat; color: #800; padding-right: 15px;}

.left { float: left; }
.right { float: right; }
img.left { display: block; margin: 3px 10px 5px 0; }
img.right { display: block; margin: 3px 0 5px 10px; }
div.img p { margin: 0; padding: 0; color: #666;}
div.img.left { display: block; margin: 3px 10px 5px 0; }
div.img.right { display: block; margin: 3px 0 5px 10px; }
.accessibility-element { position: absolute; left: -9999px; }
p.error { background: #eee; border: 1px solid #f4a100; padding: 10px 20px; }
p.msg { background: #eee; border: 1px solid #f4a100; padding: 10px 20px; }

#frontpage-image a { behavior: url(/inc/css/iepngfix.htc); cursor: pointer;}
#frontpage-image li { behavior: url(/inc/css/iepngfix.htc);}

#document { width: 1011px; margin: 0 auto; background: url(/inc/images/bg_document.gif) repeat-y; padding: 0; }

#accessibility-shortcuts { background: #313131; height: 1%; padding: 5px 38px 0 0; }
	#accessibility-shortcuts:after { content: "."; position: relative; display: block; clear: both; visibility: hidden; height: 0; }
	#accessibility-shortcuts a:hover { color: #c68b00;}
	#accessibility-shortcuts ul { margin: 0; padding: 0; float: right; }
	#accessibility-shortcuts ul li { list-style: none; }
	#accessibility-shortcuts ul li a { color: #444; }

#head { background: url(/inc/images/bg_head.gif) top left no-repeat; padding: 10px 10px 0 10px;}

#logo { float: left; padding: 22px 0 0 45px; height: 0;}

#login { background: url(/inc/images/bg_login.gif) bottom left no-repeat; width: 512px; float: right; padding: 0; margin: 0 26px 0 0;}
	#login form { margin: 17px 17px 5px 17px; border: 0; background: none;}
	#login fieldset { margin: 0; padding: 0; }
	#login legend { display: none; }
	#login label { float: left; font-weight: bold; padding: 5px;}
	#login input { display: block; float: left; padding: 5px; margin: 0 15px 0 0; width: auto;}
	#login input.image { padding: 0; margin: 0; float: right;}
	
	#login p { clear: both; float: right; white-space: nowrap; margin: 0; padding: 1px 0 0 0;}
	#login p a { color: #666; }
	
#navigation { background: url(/inc/images/bg_navigation.gif) bottom left no-repeat; height: 1%; padding: 45px 21px 0 0;clear: right;}
	#navigation:after { content: "."; position: relative; display: block; clear: both; visibility: hidden; height: 0; }
	#navigation ul { margin: 0; padding: 0; float: right;}
	#navigation ul li { margin: 0; padding: 0; list-style: none; display: block; float: left;}
	#navigation ul li a { font-family: "Trebuchet MS"; font-weight: bold; font-size: 1.1em; text-transform:uppercase; display: block; float: left; background: url(/inc/images/bg_navigation_tab_tr.gif) top right no-repeat; color: #333; text-decoration: none;}
	#navigation ul li a:hover { color: #fb9800; }
	#navigation ul li a span { display: block; background: url(/inc/images/bg_navigation_tab_br.gif) bottom right no-repeat;}
	#navigation ul li a span span { display: block; background: url(/inc/images/bg_navigation_tab_tl.gif) top left no-repeat;}
	#navigation ul li a span span span { display: block; background: url(/inc/images/bg_navigation_tab_bl.gif) bottom left no-repeat; padding: 10px 15px 5px 15px;}
	#navigation ul li a.active-parent,#navigation ul li a.active { color: #fb9800; }
	#navigation ul li a.active-parent span,#navigation ul li a.active span { background-image: url(/inc/images/bg_navigation_activetab_br.gif); }
	#navigation ul li a.active-parent span span,#navigation ul li a.active span span { background-image: url(/inc/images/bg_navigation_tab_tl.gif); }
	#navigation ul li a.active-parent span span span,#navigation ul li a.active span span span { background-image: url(/inc/images/bg_navigation_activetab_bl.gif); }
	
#main { padding: 35px 10px 10px 10px; clear: both; height: 1%; }
	#main:after { content: "."; position: relative; display: block; clear: both; visibility: hidden; height: 0; }
	#scene { float: left; width: 617px; padding: 0 0 0 28px; }
		
		#scene .column { width: 260px; }
		#scene form { background: #fff6e5 url(/inc/images/bg_box.gif) bottom repeat-x; border: 3px solid #f4a100; padding: 10px 20px; }
		
		#scene #testform td input { width: 40px; }
		#scene #testform th { text-align: center; }
		#scene #testform tbody th { text-align: left; padding-right: 20px;}
		#scene #testform tbody td { padding: 0 20px;}
		#scene #testform td { text-align: center; }
		
		#program-select {}
			#program-select .step { background: #ebe9e9 url(/inc/images/bg_step_inactive.gif) top left repeat-x; color: #bbb;}
			
			#program-select.step0 #program-step-1.step { background-image: url(/inc/images/bg_step_active.gif); background-position: top right; background-repeat: no-repeat; }
			#program-select.step1 #program-step-2.step { background-image: url(/inc/images/bg_step_active.gif); background-position: top right; background-repeat: no-repeat; }
			
			#program-select.step0 #program-step-0 { background-color: #ffb263; color: #333;}
			#program-select.step0 #program-step-0 a { color: #333;}
			#program-select.step1 #program-step-1 { background-color: #ffb263; color: #333;}
			#program-select.step1 #program-step-1 a { color: #333;}
			#program-select.step2 #program-step-2 { background-color: #ffb263; color: #333;}
			#program-select.step2 #program-step-2 a { color: #333;}
			
			.step-content { padding: 20px 10px 10px 60px; }
			
			#program-step-0 .step-content { background: url(/inc/images/bg_step_1.png) 10px 15px no-repeat; }
			#program-step-1 .step-content { background: url(/inc/images/bg_step_2.png) 10px 15px no-repeat; }
			#program-step-2 .step-content { background: url(/inc/images/bg_step_3.png) 10px 15px no-repeat; }
		
		form#pay-form { margin: 0; padding: 0; border: 0; background: none;}
			form#pay-form fieldset { margin: 0; padding: 0; border: 0; background: none;}
		
		form#code-form { margin: 0; padding: 0; border: 0; background: none;}
			form#code-form fieldset { margin: 0; padding: 0; border: 0; background: none;}
		    form#code-form .buttons { clear:none; }
		
			
		#frontpage-image { color: #000; position: relative;}
			#frontpage-image div { width: 300px; padding: 20px; font-size: 1.5em;}
			#frontpage-image h1 { font-weight: bold; font-family: Tahoma,Verdana, Sans-Serif; font-size: 2em;}
			#frontpage-image p { font-size: 0.9em; font-family: Verdana, Sans-Serif; }
			#frontpage-image ul { margin-left: 0;font-style:italic;font-family: Verdana, Sans-Serif; }
			#frontpage-image li { line-height: 1.5em; list-style: none; background: url(/inc/images/misc_checklist_icon.png) left .5em no-repeat; padding-left: 20px;}
			#frontpage-image a.join { display: block; width: 140px; height: 143px; background: url(/inc/images/misc_join.png) no-repeat; position: absolute;}
			#frontpage-image a.join span { display: none; }
		
		#teaser-list { height: 1%; padding: 40px 0 0 1px;}
			#teaser-list:after { content: "."; position: relative; display: block; clear: both; visibility: hidden; height: 0; }
			#teaser-list .teaser { padding: 10px; margin-right: 12px; width: 125px; height: 192px; background: url(/inc/images/bg_puff_thinner_small.png) no-repeat; float: left; color: #fff;}
			#teaser-list .teaser.stronger { background-image: url(/inc/images/bg_puff_stronger_small.png);  }
			#teaser-list .teaser.bigger { background-image: url(/inc/images/bg_puff_bigger_small.png);  }
			#teaser-list .teaser.intense { background-image: url(/inc/images/bg_puff_intense_small.png);  margin: 0px;}
			#teaser-list .teaser h2 { font-size: 2.1em; line-height: 1.4em;}
			#teaser-list .teaser p { line-height: 1.2em; }
			#teaser-list .teaser a { display: block; color: #fff; text-decoration: none; height: 170px;}
		
	#user-info { background: #fff6e5 url(/inc/images/bg_box.gif) bottom repeat-x; border: 3px solid #f4a100; padding: 10px 20px 30px 20px; }
		#user-info .wrapper { background: url(/inc/images/icon_user.png) 15px 15px no-repeat; padding: 20px 0 0 130px; }
		#user-info h2 { font-size: 2.3em; font-weight: normal; padding-bottom: 10px;}
		#user-info table { width: 420px;  }
		#user-info table th { background: #fffaf1; text-align: left; padding: 5px 10px; vertical-align: top;}
		#user-info table td { background: #fffaf1; padding: 5px 10px; vertical-align: top; }
		
	#statistics { background: #ffe3be url(/inc/images/bg_box.gif) top repeat-x; border: 3px solid #f4a100; padding: 10px 20px 30px 20px; }
		#statistics .wrapper { background: url(/inc/images/icon_user.png) 15px 15px no-repeat; padding: 20px 0 0 130px; }
		#statistics h2 { font-size: 2.3em; font-weight: normal; padding-bottom: 10px;}
		#statistics table { width: 420px;  }
		#statistics table th { background: #fffaf1; text-align: left; padding: 5px 10px; vertical-align: top; }
		#statistics table tbody th { font-weight: normal; }
		#statistics table td { background: #fffaf1; padding: 5px 10px; vertical-align: top; white-space: nowrap;}
		#statistics table tr.week th { text-align: center; }
		
#secondary-content { float: right; padding: 0 18px 0 0; width: 300px;}

	#sub-navigation { background: url(/inc/images/bg_subnavigation_bottom.gif) left bottom no-repeat; margin-bottom: 10px;}
		#sub-navigation ul { background: url(/inc/images/bg_subnavigation_top.gif) left top no-repeat; margin: 0; padding: 12px 30px 17px; position: relative;}
		#sub-navigation ul ul { background: none; padding: 5px 0 0 20px}
		#sub-navigation ul ul ul { padding-top: 0; }
		#sub-navigation ul ul li { background: none; }
		#sub-navigation ul li.first { background: none; }
		#sub-navigation ul ul li a { padding: 5px 0 15px 20px; background-position: left .3em;}
		#sub-navigation li { list-style: none; margin: 0; padding: 0; line-height: 1em; padding: 0; background: url(/inc/images/bg_subnavigation_separator.gif) left top no-repeat;}
		#sub-navigation a { text-decoration: none; color: #303030; text-transform: uppercase; padding: 17px 0 7px 20px; display: block; background: url(/inc/images/icon_subnavigation.gif) left 1.4em no-repeat;}
		#sub-navigation a.active { color: #fb9800; background-image: url(/inc/images/icon_subnavigation_active.gif); }
		#sub-navigation a.active-parent { background-image: url(/inc/images/icon_subnavigation_active.gif); }
		#sub-navigation a:hover { background-image: url(/inc/images/icon_subnavigation_active.gif); }
	
	#news-list { width: 280px; padding: 0 10px 0 10px;  }
		#news-list .news-item { border-bottom: 5px solid #f4a100; height: 1%; padding: 10px 0 10px 0;}
		#news-list .news-item:after { content: "."; position: relative; display: block; clear: both; visibility: hidden; height: 0; }
		#news-list .news-item a { color: #333; text-decoration: none; }
		#news-list .news-item a:hover { text-decoration: underline; }
		#news-list .news-item p { margin-bottom: 0; }
		#news-list .news-item img { margin-bottom: 0; }	
	
#foot { background: #313131 url(/inc/images/bg_foot.gif) top left no-repeat; color: #706c6c; border-bottom: 40px solid #313131;}
	#foot a:hover { color: #c68b00;}
	#foot { padding: 20px 28px; }
	#foot p { float: left; }
	#foot p a { color: #706c6c; }
	#foot ul { margin: 0; padding: 0; float: right; }
	#foot ul li { list-style: none; float: left; }
	#foot ul li a { display: block; float: left; padding-left: 1em; color: #5d5a5a;}