html, body
{
	background: white;
	color: #336633;
	font-family: "Trebuchet MS", trebuchet, sans-serif;
	font-size: 12px;
	border: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	cursor: default;
}
body
{
	overflow: hidden;
}

img
{
	border: none;
}
form
{
	margin: 0;
	padding: 0;
	border: 0;
}

div#flower1
{
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 239px;
	background: white url(../images/bg-tl.png) top left no-repeat;
}

div#flower2
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 183px;
	height: 296px;
	background: white url(../images/bg-br.png) bottom right no-repeat;
}

div#html
{
	position: absolute;
	height: 505px;
	width: 904px;
	left: 50%;
	top: 50%;
	margin: -252px -452px;
	background: transparent url(../images/bg.png) center center no-repeat;
}

div#click_home
{
	position: absolute;
	left: 13px;
	top: 13px;
}

div#footer_left
{
	position: absolute;
	bottom: 0px;
	left: 15px;
	font-size: 9px;
}
div#footer_right
{
	position: absolute;
	bottom: 0px;
	right: 15px;
	font-size: 9px;
}

body.purchase div#html
{
	background-image: url(../images/bg-purchase.png);
}

body.gift_purchase div#html
{
	background-image: url(../images/bg-gift-purchase.png);
}

body.login div#html
{
	background-image: url(../images/bg-login.png);
}

body.signup div#html
{
	background-image: url(../images/bg-signup.png);
}

body.music div#html
{
	background-image: url(../images/bg-music.png);
}

body.html div#padded_content
{
	padding: 1px 100px;
}

body.vheight div#padded_content
{
	padding: 1px 80px 60px 80px;
}

/* status box */

body.greybox div#html
{
	background-image: url(../images/bg-greybox.png);
}

body.greybox div#html h2
{
	font-size: larger;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
}

body.greybox div#container
{
	height:252px;
	left:82px;
	top:159px;
	width:746px;
}
body.greybox div#container div#content
{
	padding: 50px 100px 0 100px;
	font-size: 15px;
}
body.greybox div#container div#content p
{
	margin: 0;
	padding: 0 0 10px 0;
}

div#greybox_upper_left
{
	 position: absolute;
	 left: 100px;
	 top: 105px;
}
div#greybox_upper_right
{
	 position: absolute;
	 left: 465px;
	 top: 105px;
}

div#greybox_button_left
{
	 position: absolute;
	 left: 104px;
	 top: 175px;
}
div#greybox_button_right
{
	 position: absolute;
	 right: 100px;
	 top: 175px;
}

/* login */

div#login_message
{
	position:absolute;
	left: 470px;
	top: 60px;
	font-size: 18px;
	width: 300px;
}

div#login_return
{
	position: absolute;
	left: 78px;
	top: 242px;
}

div#login_forgot
{
	position: absolute;
	left: 348px;
	top: 242px;
}

div#login_form
{
	position:absolute;
	left: 650px;
	top: 200px;
	color: white;
}

input.login
{
	width: 250px;
	font-size: 16px;
	padding: 3px;
	margin: 0;
	border: 1px solid black;
}
div#login_form td.smalllinks
{
	font-size: 12px;
}

div.vheight_part div#login_return
{
	top: auto;
}

div.vheight_part div#login_forgot
{
	top: auto;
}

div.vheight_part div#login_form
{
	top: auto;
	color: black;
	left:auto;
}

div.vheight_part div#login_message
{
	position: static;
	padding: 0 0 50px 0;
	width: auto;
}

div#container
{
	position: absolute;
	top: 141px;
	left: 13px;
	height: 351px;
	width: 878px;
	overflow: auto;
}
div#container div#content
{
	padding: 20px;
}

div#signup_detail
{
	position: absolute;
	left: 496px;
	top: 16px;
	width: 220px;
}
div#signup_detail div.signup_title
{
	font-size: 16px;
	line-height: 18px;
	color: #4f3316;
	padding: 0 0 3px 0;
	border-bottom: 1px solid;
	margin-bottom: 5px;
}

div#signup_detail input.text
{
	padding: 1px;
	border: 1px solid black;
	margin: 0;
	width: 216px;
	height: 14px;
	font-size: 11px;
	color: black;
	background: white;
}

div#signup_detail select
{
	padding: 0;
	border: 1px solid black;
	margin: 0;
	width: 220px;
	font-size: 11px;
	color: black;
	background: white;
}

div#signup_detail div
{
	padding: 3px 0 0 0;
	font-size: 11px;
	line-height: 12px;
}

div#signup_detail div#agree_container
{
	margin: 0;
}

div#signup_detail div#agree_container input
{

}

div#signup_detail div#agree_container a
{
	color: #336633;
	text-decoration: underline;
	font-weight: bold;
}

div#signup_error_problem
{
	border: 1px solid red;
	padding: 20px;
	margin: 15px 0;
	background: #ffeeee;
}
div#signup_error_problem ul
{
	margin: 0;
	border: 0;
	padding: 0 0 0 25px;
}

div#signup_menu
{
	position: absolute;
	left: 460px;
	top: 28px;
/*	font-size: 14px;*/
}

div#signup_menu table td
{
	padding: 5px 5px 0 0;
	margin: 0;
	vertical-align: baseline;
}

div#signup_menu span.csymbol
{
/*	font-size: 17px;*/
/*	font-weight: bold;*/
}
div#signup_menu span.cprice
{
/*	font-size: 25px;*/
}
div#signup_menu span.ccents
{
/*	font-size: 14px;*/
	vertical-align: top;
}
div#signup_menu td.cur_AUD, div#signup_menu td.cur_USD, div#signup_menu td.cur_GBP, div#signup_menu td.cur_EUR
{
/*	text-align: center;*/
}
div#signup_promo
{
	position: absolute;
	left: 105px;
	top: 229px;
}
div#signup_promo table
{
	margin: 0;
	border: 0;
	padding: 0;
	border-collapse: collapse;
}
div#signup_promo table td
{
	border: 0;
}
div#signup_promo p
{
	margin: 0;
	padding: 0;
}
body.signup div#signup_continue
{
	position: absolute;
	top: 263px;
	left: 478px;
}
body.gift_purchase div#signup_continue, body.purchase div#signup_continue
{
	position: absolute;
	top: 200px;
	right: 128px;
}
body.gift_purchase div#signup_cancel, body.purchase div#signup_cancel
{
	position: absolute;
	top: 260px;
	left: 125px;
}
body.gift_purchase div#container div#content
{
	padding: 60px 130px;
}
body.gift_purchase select, body.gift_purchase table.thesignup input
{
	width: 154px;
}
div#signup_info
{
	position: absolute;
	left: 105px;
	top: 65px;
	width: 280px;
}
div#signup_info p
{
	margin: 0;
	padding: 15px 0 0 0;
}
div#signup_info p.continue
{
	margin: 0;
	padding: 30px 0 0 0;
	text-align: right;
}
div#signup_info ul
{
	margin: 0;
	padding: 3px 0 0 70px;
}
div#signup_info select
{
	width: 200px;
}
div#signup_pleasewait
{
	position: absolute;
	left: 460px;
	top: 28px;
	background: url(../images/signup_pleasewait_bg.png);
}
div#signup_pleasewait_internal
{
	width: 250px;
	height: 200px;
	background: url(../images/signup_pleasewait.gif) no-repeat center center;
	color: white;
}
div#signup_back
{
	position: absolute;
	left: 455px;
	top: 293px;
}

div#signup_already
{
	position: absolute;
	left: 5px;
	top: 155px;
}

input.promocode
{
	font-family: monospace;
}
input.date
{
	font-family: monospace;
}



/* admin section */
body.adminlogin div#html
{
	background: url(../images/bg-admin-login.png) top center no-repeat;
}

body.adminlogin div#html div#container
{
	height:224px;
	left:112px;
	position:absolute;
	top:179px;
	width:678px;
	color: black;
	overflow: visible;
}
body.adminlogin div#html h1
{
	position: absolute;
	top: -34px;
	font-size: 16px;
	padding: 0;
	margin: 0;
	border: 0;
	width: 638px;
	text-align: center;
}


div#html_contact_content
{
	position: absolute;
	left: 420px;
	top: 10px;
}

div#html_contact_form td.label
{
	text-align: right;
}


table.bordered
{
	border-collapse: collapse;
	border: 1px solid #A4A4A4;
	border-top: none;
}

table.bordered td
{
	border: 1px solid #A4A4A4;
	padding: 3px;
}

table.bordered th
{
	border: 1px solid #A4A4A4;
	border-top: none;
	padding: 4px;
	background: #A4A4A4 url(../images/partner/h2-gradient-bg.png) top repeat-x;
}

body.signedup div#container
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

div#signedup_content div.signedup_tabcontent
{
	display: none;
	height: 288px;
	overflow: auto;
}


div#html_contact_form h1
{
	font-size: 18px;
	padding: 0 3px;
	margin: 0;
}


div#partner_left
{
	width: 334px;
	height: 363px;
	background: url(../images/partner/guy2.jpg) no-repeat top left;
	float: left;
	position: absolute;
	left: 0px;
}

div#partner_left ul
{
	margin: 0 0 0 135px;
	padding: 0;
	list-style: none
}
div#partner_left ul li
{
	margin: 0;
	padding: 0;
}
div#partner_left td.c, div#partner_content td.c
{
	width: 135px;
	white-space: nowrap;
}

div#partner_content
{
	position: relative;
	margin: 0 0 0 245px;
	font-size: 15px;
	color: black;
}

div#partner_content h1
{
	font-size: 17px;
}
div#partner_content h2
{
	font-size: 16px;
}
div#partner_content input, div#partner_content textarea, div#partner_content select
{
	font-family: "Trebuchet MS",trebuchet,sans-serif;
	font-size: 14px;
	border: 1px solid #aaaaaa;
	padding: 1px;
	margin: 0;
	width: 250px;
	color: black;
	background: #fefefe;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

span.reqstar
{
	color: red;
}




div#dsftm_subdomain p
{
	font-size: 13px;
}
div#dsftm_subdomain h1
{
	font-size: 15px;
}

div#dsftm_subdomain
{
	position: absolute;
	width: 878px;
	height: 479px;
	top: 13px;
	left: 13px;
	color: #534C3C;
}

div#dsftm_subdomain_title
{
	position: absolute;
	top: 500px;
	left: 0px;
}
div#dsftm_subdomain_blurb
{
	left: 61px;
	position: absolute;
	top: 111px;
	width: 392px;
	color: #534C3C;
}
div#dsftm_subdomain_free
{
	position: absolute;
	top: 440px;
	left: 50px;
	z-index: 22;
}
div#dsftm_subdomain_become
{
	position: absolute;
	top: 440px;
	left: 345px;
	z-index: 22;
}
div#dsftm_subdomain_learn
{
	position: absolute;
	top: 440px;
	left: 650px;
	z-index: 22;
}
div#dsftm_subdomain_links
{
	bottom: auto;
	top: 478px;
	border: 1px solid #A2CAD4;
}
table#partners_info
{
	width:100%;
	table-layout:fixed;
}
table#partners_info td
{
	vertical-align: top;
	text-align: center;
}

p.equation
{
	background-color: #eeeeee;
	padding: 4px;
	border: 1px solid #dddddd;
}

div.example
{
	border: 1px solid #eeeeee;
}




body.vheight
{
	overflow-y: auto;
	color: #4A4A4A;
}
body.vheight div#flower1
{
	position: fixed;
}
body.vheight div#flower2
{
	position: fixed;
}
body.vheight div#html
{
	margin-top: 20px;
	margin-bottom: 20px;
	top: 0;
	height: auto;
	background: none;
	font-size: 14px;
}
body.vheight div#html div#htmlb
{
	height: 107px;
	background: url(../images/vheight/bg-htmlb.png) no-repeat top center;
}
body.vheight div#html div#htmlc
{
	background: url(../images/vheight/bg-htmlc.png) repeat-y top center;
}
body.vheight div#html div#htmld
{
	height: 22px;
	background: url(../images/vheight/bg-htmld.png) no-repeat top center;
}
body.vheight div#html div#container
{
	height: auto;
	position: static;
	padding: 0 13px;
	overflow: visible;
}
body.vheight div#html div#container div#content
{
	padding: 0;
}
body.vheight div#html div#container div#content div#signup_menu,
body.vheight div#html div#container div#content div#signup_promo,
body.vheight div#html div#container div#content div#signup_info
{
	position: static;
}




body.vheight div.vheight_logo_over_logo
{
	margin: 0 0 -94px 0;
	top: -94px;
	position: relative;
}

div.vheight_part
{
	padding: 27px 186px 0 256px;
	color: #4a4a4a;
	position: relative;
}

div.vheight_part_left
{
color:#4A4A4A;
float:left;
padding:27px 0 0 98px;
position:relative;
}

div.vheight_part_right
{
background:#EEEEEE;
color:#4A4A4A;
float:right;
margin:27px 80px 0 0;
padding:0 20px 10px;
position:relative;
width:300px;
}

div.vheight_part h2
{
	position: relative;
	margin: 0 0 15px -158px;
}

div.vheight_part p
{
	padding: 0;
	margin: 15px 0 0 0;
}
div.vheight_part ul, div.vheight_part ol
{
	margin: 0;
	padding: 0 0 0 25px;
}

div.vheight_part ul li
{
	padding: 3px;
	margin: 0;
}


p#promo_text
{
	padding: 0;
	margin: 0;
}

div.vheight_part td
{
	height: 20px;
}

body.vheight div.vheight_header
{
margin:-94px 0 0;
position:relative;
}
body.vheight div#signup_already
{
	position: static;
	padding:20px 0 20px 250px;
}
body.vheight div#signup_header
{
margin:-124px 0 0;
position:absolute;
}
body.vheight div#freeready_header
{
margin:-117px 0 0 -72px;
position:absolute;
text-align:right;
}
body.vheight div.vheight_header img
{
	display: block;
}
body.vheight div#signup_header_spacer
{
height:184px;
}
body.vheight div#freeready_header_spacer
{
height:213px;
}
body.vheight div#signup_decidelater
{
	width: 153px;
}
body.vheight div#register_continue
{
	float: right;
	padding: 20px 190px 20px 0;
}
body.vheight div#agree_container
{
	padding: 10px 0;
}

body.vheight div#do_free_start
{
	width: 200px;
	text-align: center;
}

body.vheight div#do_free_skip
{
	width: 200px;
	text-align: center;
	float: right;
}

body.vheight div#do_free_start td.c, body.vheight div#do_free_skip td.c
{
	width:108px;
}


form#signup input.text
{
	width: 220px;
	border: 1px solid #cdd7e4;
	padding: 1px;
	margin: 2px;
	color: #4a4a4a;
	background-color: #ffffff;
}

form#signup select
{
	width: 226px;
	border: 1px solid #cdd7e4;
	padding: 1px;
	margin: 2px;
	color: #4a4a4a;
	background-color: #ffffff;
}


table.vheight_benefits ul
{
	margin: 0;
}
