@font-face{
	font-family: 'SansationBold';
	src: url('SansationBold/SansationBold.eot');
	src: local('SansationBold'), url('SansationBold/SansationBold.woff') format('woff'), url('SansationBold/SansationBold.ttf') format('truetype');
}

body{
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
}

.ui-widget{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.ui-button-text-only .ui-button-text{
    padding-left: 0.5em !important;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 50px 0 0 0;
	color: #000;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 18px;
	margin: 0 0 6px 0;
}

p{
	font-size: 13px;
	line-height: 18px;
	color: #666;
}

.content ul {
	margin: 0 0 15px 0;
	padding-left: 15px;
	list-style-type: square;
}
.content ul li {
	padding: 0;
	margin: 0;
	list-style-type: square;
	font-size: 13px;
	vertical-align: middle;
	min-height: 16px;
	color: #666;
}

a:link, a:visited{
	color: #6799CC;
	text-decoration: none;
}

a:hover{
	color: #92B0CE;
	text-decoration: none;
}

/*
to make buttons looks like a link
http://stackoverflow.com/questions/1367409/how-to-make-button-look-like-a-link
*/
.button-camouflage{
	background:none!important;
	border:none;
	padding:0!important;
	cursor: pointer;
}

#bg-note {
	min-height: 400px;
}

#bg-about {
	background: transparent url(../images/bg-about.png) no-repeat top right;
	min-height: 400px;
}

#bg-contact {
	background: transparent url(../images/bg-contact.png) no-repeat top right;
	min-height: 400px;
}

#bg-login {
	background: transparent url(../images/bkg_heart.jpg) no-repeat top right;
	min-height: 400px;
}

.bg-grainy{
	background: transparent url(../images/bkg_grain.jpg) repeat top left;
	width: 100%;
	height: 100%;
	float:left;
	border-radius: 6px;
}

#bg-my-account{
	min-height: 400px;
	border-radius:	8px;
}

#bg-my-account-edit{
	min-height: 400px;
	border-radius:	8px;
}

#bg-forgot{
	min-height: 400px;
}

#account-form{
	text-align:center;
	border-top: 1px solid #c0c0c0;
}

.account_content input {
}

.prem_form{
	position: relative;
    bottom: 5px;
    height: 255px;
}

.form-title{
	font-size:20px;
    line-height: 35px;
    text-align: center;
	color: #aeaeae;
}

.form_label{
	margin-left: 16px;
	text-align:left;
}

.form-new-account .form_label{
		margin-left: 10%;
}

#account-form input {
	width: 80%;
	margin-bottom: 12px;
}

#forgot-password input {
	width: 280px;
	margin-bottom: 12px;
}

#account-create{
	width:54%;
	float:left;
	border-right: 1px solid #c0c0c0;
	padding-bottom: 20px;
	min-height: 220px;
	background: transparent url(../images/bkg_gradient-behind-signup-form.png) repeat-x top left;
}
#account-login{
	width:40%;
	float:left;
}

#account-line{
	position:absolute;
	right:0px;
	margin:5px 18px;
	z-index:5;
}

#guest-line{
	position:absolute;
	right:0px;
	margin:5px 18px;
	z-index:5;
}

#account-name{
	position:relative;
	top:1px;
}

#account-links{
	position:relative;
	top:1px;
}

#account-links{
	position:relative;
	top:1px;
}

.acct_type_btn_lite{
	background: transparent url(../images/go-premium.png) no-repeat top left;
	border:none;
	width:79px;
	height:18px;
}

.acct_type_btn_premium{
	border:none;
	width:0px;
	height:0px;
}

.acct_type_btn_professional{
	border:none;
	width:0px;
	height:0px;
}

.account-type-button {
	-moz-box-shadow:inset 0px 1px 0px -3px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px -3px #ffffff;
	box-shadow:inset 0px 1px 0px -3px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9c9c9c), color-stop(1, #8f8d8f) );
	background:-moz-linear-gradient( center top, #9c9c9c 5%, #8f8d8f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c9c9c', endColorstr='#8f8d8f');
	background-color:#9c9c9c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:1px 5px;
	text-decoration:none;
}

.account-type-button:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f8d8f), color-stop(1, #9c9c9c) );
	background:-moz-linear-gradient( center top, #8f8d8f 5%, #9c9c9c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f8d8f', endColorstr='#9c9c9c');
	background-color:#8f8d8f;
}

.account-type-button:active{
	position:relative;
	top:1px;
}

.edit_acct_btn{
	background: transparent url(../images/btn_edit-account-info.png) no-repeat top left;
	width:169px;
	height: 54px;
	margin-top:30px;
	margin-left:-13px;
}

.login_button{
	background: transparent url(../images/btn_login.png) no-repeat top left;
	cursor: pointer;
	border:none;
	width:94px;
	height:54px;
}

.reset_pass_button{
	background: transparent url(../images/btn_reset-password.png) no-repeat top left;
	cursor: pointer;
	border:none;
	width:159px;
	height:54px;
	margin-left:-13px;
}

.create_prem_button{
	background: transparent url(../images/btn_go_premium.png) no-repeat top left;
	cursor: pointer;
	border:none;
	width:170px;
	height:54px;
 	float: left;
 	left: 10px;
    position: relative;
}

.premium_colum {
 	position: relative;
 	float: left;
 	width: 160px;
 	left: 16px;
 	text-align: left;
}

.premium_colums{
 	float: left;
 	width: 49%;
 	height: 200px;
 }

.line_separate{
 	float:left;
 	width: 2%;
 	height: 200px;
 	background-image: url("../images/line_separate.png");
 	background-repeat: no-repeat;
 	background-position: center center;
}

#premium_popup {
    width: 667px;
}
.premium_large{
	position: relative;
	padding-left: 16px;
	text-align: left;
	width: 100%;
}

#bg-login-p {
    height: 503px;
    position: relative;
}

.premium_large input {
	width: 87% !important;
}

.create_acct_button{
	background: transparent url(../images/btn_create-my-account_new.png) no-repeat top left;
	cursor: pointer;
	border:none;
	width:170px;
	height:54px;
	float: left;
	left: 30px;
    position: relative;
}

.go_prem_button{
	background: transparent url(../images/btn_go_premium.png) no-repeat top left;
	cursor: pointer;
	border:none;
	width:170px;
	height:54px;
	float: left;
	left: 10px;
    position: relative;
}

.create_prem_button {
	background: transparent url(../images/continue.png) no-repeat top left;
}

.cancel_prem_button{
	background: transparent url(../images/cancel.png) no-repeat top left;
}

.cancel_prem_button, .create_prem_button {
	cursor: pointer;
	border:none;
	width:140px;
	height:35px;
	float: right;
    position: relative;
}

.click_to_login_button
{
	background: transparent url(../images/btn_click-to-login.jpg) no-repeat top left;
	cursor: pointer;
	border:none;
	width:184px;
	height:54px;
	margin-left:-13px;
}

.save_account_button
{
	background: transparent url(../images/btn_save-account-info.png) no-repeat top left;
	cursor: pointer;
	border:none;
	width:174px;
	height:54px;
	margin-left:-13px;
}
.save_account_button_billing
{
	background: transparent url(../images/btn_save-account-info.png) no-repeat top left;
	cursor: pointer;
	border:none;
	width:174px;
	height:54px;
}

#account-name, #account-type{
	color:#707070;
	float:right;
	margin-right:12px;
}

#account-links{
	float:right;
}

/*
form labels
*/
.account_form dt{
	float:left;
	padding-bottom:10px;
	font-weight:bold;
	clear:left;
	font-size:	17px;
	color: #aeaeae;
	width: 100%
}
.account_form dd {
	padding-bottom:10px;
	margin-left: 0;
}

.account_form input {
	width: 190px;
}
#account-form .premium_colums {
	text-align: left;
}
#account-form .premium_colums dt{
	width: 80%;
}
#error_msg {
    background-color: #FF0000;
    color: #FFFFFF;
    font-size: 12px;
    left: 10px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 10px #000000;
    top: 218px;
    width: 646px;
}

.reset-msg{
	margin-bottom:7px;
	color: red;
}

.pop-margin {
	margin: 20px 20px 20px 30px;
}

.account_content{
	text-align: left !important;
	padding-left: 16px;
}

.account_content input{
	width: 92% !important;
}

#bg-my-account-edit dt {
	font-family: sansationregular;
	padding-bottom: 0px;
}

#bg-my-account-edit .tab {
	font-family: sansationbold;
}

#bg-my-account-edit dd input {
	width: 100%;
}

#facebox #bg-my-account-edit .tabs-content .premium_colums dl {
    width: 300px !important;
    margin: 0px !important
}

#bg-my-account-edit .form-title {
	color: #8b8b8b;
	font-size: 20px;
	margin-bottom: 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	font-family: sansationbold;
	text-align: left;
}

#facebox #bg-my-account-edit .tabs-content .tab-content {
	border: 0px !important;
    border-top: 2px solid #e8e8e8 !important;
}


#facebox #bg-my-account-edit .tabs {
	margin-top: 0px !important;
}

.bg-initial{
	width: 100%;
	height: 100%;
	float:left;
	border-radius: 6px;
}

#bg-login-initial {
	min-height: 400px;
}

#account-create-initial{
	width:665px;
	height: 526px;
	float:left;
	border-right: 1px solid #c0c0c0;
	padding-bottom: 20px;
}

.create_acct_button-initial{
	margin: 10px 10px 10px 0;
    text-decoration: none;
    font-family: 'SansationBold' !important;
    display: inline-block;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    cursor: pointer;

	float: left;
    position: relative;
}

.create_acct_button-initial, .create_acct_button-initial span{
	-moz-border-radius: .3em;
    border-radius: .3em;
}

.create_acct_button-initial span{

    display: table-cell;
    padding: 0.5em 2.5em;
    /* The background pattern */
    background: #5e9dcc;
	color: #fff;
	font-size : 20px;
    /* Pattern settings */
    background-size: 3px 3px;
    width: 144px;
	height:22px;
	vertical-align:middle;
}

.imgZygote{
	padding-top: 70px;
}

.subtitulo{
	font-size : 17px;
	color: #8b8b8b;
 	font-family: Helvetica, Arial, sans-serif;
}
.textbox, .zygote-form-input{
	-moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-border-radius: .3em;
    border: 2px solid #c5c5c5;
	font-size : 17px;
 	color: #8b8b8b;
 	font-family: Helvetica, Arial, sans-serif;
}

.zygote-form-input{
	color: #cbcbcb;
    height: 32px;
    text-indent: 17px;
    width: 202px;
}

.btnStyle{
    margin: 0px 10px 10px 0;
    text-decoration: none;
    font-family: 'SansationBold' !important;
    display: inline-block;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    cursor: pointer;

	float: left;
    position: relative;
	border: 0px;
	-moz-border-radius: .3em;
    border-radius: .3em;

      display: table-cell;
    padding: 0.5em 2.5em;
    /* The background pattern */
    background: #5e9dcc;
	color: #fff;
	font-size : 20px;
    /* Pattern settings */
    background-size: 3px 3px;
    width: 117px;
	height:44px;
	vertical-align:middle;
}