/* Page Elements */

form			 	{position:relative;}

/* Form Elements */
label.wide			{position:relative; float:left; width:500px; border:1px solid #dedede; line-height:30px;}
label.nocontent 	{border:none; font-size:10px; line-height:12px; vertical-align:baseline;}
/* label.nocontent1 	{border:none; font-size:10px; line-height:20px;} */
label.nocontent img {border:none; padding:0px;}
label.active 		{background-color: #DBF9C7; border:1px solid green;}
label.error 		{background-color: #ecd0ce; border:1px solid red;}
label.required 		{font-size:1.2em; background-image:url(images/required.gif); background-repeat:no-repeat; background-position: center 15px; background-color:#FFF; margin-bottom:5px; padding:5px;}
label.notrequired 	{font-size:1.2em; background-repeat:	no-repeat; background-position:center left; background-color:#FFF; margin-bottom:5px; padding:			5px;}
label.isgood 		{background-image:url(images/tick.gif); background-repeat:no-repeat; background-position:center left;}
label input 		{width:200px; float:right; font-size:1.2em; border:2px solid #afafaf;}
label input.mth 	{width:90px; float:right; font-size:1.2em; margin-right:8px; }
label input.yr 		{width:90px; float:right; font-size:1.2em;}
label input.active 	{border:2px solid green;}
label input.error 	{border:2px solid red;}
#formsubmit 		{width:	150px;}

input.link {FONT-SIZE: 11px; COLOR: #67B2DD; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;border: 0px; background-color: white; cursor: pointer; text-decoration: underline; margin: 0px; margin-bottom: 5px; text-align: left;}

/* Info pop up classes */
.infopop 			{display:block; position:absolute; left:513px; top:-11px; background:transparent url(images/popBox.gif) no-repeat top left; line-height:40px; color:				white; font-size:1.2em; width:270px; height:62px; line-height:62px; text-indent:30px;}
.errorpop 			{background-image:url(images/popBoxWarning.gif);}


/* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */
.rounded
{
	-moz-border-radius: 5px;
	/* Firefox */
	-webkit-border-radius: 5px;
	/* Safari */
}

.roundedr
{
	-moz-border-radius: 5px;
	/* Firefox */
	-webkit-border-radius: 5px;
	/* Safari */
	float: right;
}

.frame
{
	background: url(images/descbg1.jpg) bottom repeat-x #fff;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	/* Firefox */
	-webkit-border-radius: 10px;
	/* Safari */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
	margin-right: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.formpick .paypalbut, .formpick_login .paypalbut, .paypalbut
{
	border: 0px;
	background: url(images/paypal_but.png) no-repeat;
	width: 100px;
	height: 45px;
	margin: 0 10px 10px 10px;
}

.formpick_login .paypalbut
{
	float: none;
	margin: 0px;
}

.formpick .greenbutton, .formpick_login .greenbutton, .greenbutton
{
	border: 0px;
	background: url(images/green_blank_button.png) no-repeat;
	width: 100px;
	height: 45px;
	margin: 0 10px 10px 10px;
	text-transform: uppercase;
}

.cancelbut
{
	color: #777777;
	font-size: 12px;
	font-weight: bold;
	border: 0px;
	background: url(images/cancel_but.png) no-repeat;
	width: 100px;
	height: 45px;
	margin: 0 10px 10px 10px;
}

.creditbut
{
	border: 0px;
	background: url(images/credit_but.png) no-repeat;
	width: 100px;
	height: 45px;
	margin: 0 10px 10px 10px;
}

.choosePayment {
	width: 30%;
	text-align: center;
}

/* Gener

/* Sign-up Bread Crumb -------- */
div.signup_breadcrumb
{
	overflow: hidden;
	height: 29x;
	width: 760px;
	color: white;
	font-size: 10px;
	margin-left: 20px;
}

div.signup_breadcrumb div
{
	float: left;
	padding-top: 7px;
	height: 22px;
	width: 122px;
	padding-left: 32px;
	margin-right: 10px;
	background-image: url(images/SignupBreadCrumb.png);
}

div.signup_breadcrumb div.breadcrumb_complete
{
	background-position: -153px -87px;
}

div.signup_breadcrumb div#signup_step2.breadcrumb_in_progress
{
	background-position: 0px -29px;
}

div.signup_breadcrumb div#signup_step2.breadcrumb_incomplete
{
	background-position: -153px 0px;
	color: #777777;
}

div.signup_breadcrumb div#signup_step3.breadcrumb_in_progress
{
	background-position: 0px -58px;
}

div.signup_breadcrumb div#signup_step3.breadcrumb_incomplete
{
	background-position: -153px -29px;
	color: #777777;
}

div.signup_breadcrumb div#signup_step4.breadcrumb_in_progress
{
	background-position: 0px -87px;
}

div.signup_breadcrumb div#signup_step4.breadcrumb_incomplete
{
	background-position: -153px -58px;
	color: #777777;
}

/* SEO */
#signup_step1 h1
{
	font-size:12px;
	color:white;
	margin:0;
}

#package_select_table th h2
{
	font-size:16px;
	color:white;
}

/* Sign-up Forms table --------- */
#package_select_table
{
	width: 760px;
	margin-bottom: 20px;
	margin-top: 0px;
	vertical-align: middle;
	color: #000;	
}

#package_select_table th
{
	font-size: 16px;
	text-align: center;
	color: #fff;
	height: 35px;
	border: 0px;
	vertical-align: middle;
}

#package_select_monthly_price_header
{
	background-color: #11A8DA;
	width: 200px;
}

#package_select_yearly_price_header
{
	background-color: #2288CC;
	width: 200px;
}

#package_select_table .description_cell
{
	vertical-align: middle;
	border-bottom: 1px #FFFFFF solid;
	padding-left: 15px;
	width: 400px;
	height: 55px;
	background-color: #333333;
	color: #FFF;
	padding-top:2px;
}

#package_select_table .description_cell.selected
{
	background-color: #555555;
}

#package_select_table .description_cell .description_text
{
	font-size: 16px;
	vertical-align: middle;
	padding-left: 15px;
	width: 300px;
}

#package_select_table #hot_pack_description_cell
{
	color: red;
}

#package_select_table #hot_pack_description_cell.disabled
{
	color: #666666;
}

#package_select_table .description_cell .description_text .features
{
	font-size: 12px; 
	font-style: italic;
}

#package_select_table .description_cell input
{
	vertical-align: middle;
	float: left;
	height: 40px;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
	background: none;
}

#package_select_table #monthly_radio_cell
{
	height: 30;
	border-left: 1px #B7DEFF solid;
}

#package_select_table #yearly_radio_cell
{
	height: 30;
	border-bottom: 1px #B7DEFF solid;
}

#package_select_table .monthly_price_cell
{
	font-size: 24px;
	height: 55px;
	vertical-align: middle;
	text-align: center;
	width: 200px;
	border-bottom: 1px #B7DEFF solid;
}

#package_select_table .yearly_price_cell
{
font-size: 24px;
	height: 55px;
	vertical-align: middle;
	background-color: #B7DEFF;
	text-align: center;
	width: 200px;
	border-bottom: 1px #FFFFFF solid;
}

#package_select_table .currency_note
{
	vertical-align: middle;
	text-align: center;
	border: none;
}

/* Genreal  Form --------- */
.formpick
{
	padding-bottom: 20px;
	margin-top: 0px;
}

.disabled
{
	color: #666666;
}

.formpick1
{
	width: 760px;
	padding-top: 0px;
}

.formpick ul { list-style-type: none; }

.formpick li
{
	list-style-type: none;
	margin: 5px 0px;
}

.formpick li.special { display: none; }

.formpick label
{
	float: left;
	line-height: 32px;
}

.formpick label input, .formpick1 label input
{
	border: 1px solid #ddd;
}

.formpick input, .formpick1 input
{
	background: url(images/whitedot.jpg) top repeat-x #eee;
	padding: 5px;
}

.formpick input.radio, .formpick input.checkbox, .formpick1 input.radio, .formpick1 input.checkbox, .formpick input.submit, .formpick1 input.submit
{
	background: none;
}

.formpick_login .login_label
{
	font-size:12px;
}

.login_label input
{
	border: 1px solid #ddd;
	background: url(images/whitedot.jpg) top repeat-x #eee;
	padding: 5px;
}

.formpick textarea
{
	width: 360px;
	border: 1px solid #ddd;
	background: url(images/whitedot.jpg) top repeat-x #eee;
	padding: 5px;
}

.formpick checkbox
{
	width: 16px;
	border: 1px solid #ddd;
	padding: 5px;
	margin-left: 5px;
}

.formpick radio
{
	width: 16px;
	border: 1px solid #ddd;
	background: url(images/whitedot.jpg) top repeat-x #eee;
	margin-left: 50px;
}

.formpick select
{
	width: 100px;
	border: 1px solid #ddd;
	background: url(images/whitedot.jpg) top repeat-x #eee;
	padding: 5px;
}

/* Containers --------- */
#container
{
	font-size: 14px;
	padding: 20px;
	background: #F8F8F8;
	width: 610px;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	/* Firefox */
	-webkit-border-radius: 10px;
	/* Safari */
}

#container_picktop
{
	color: #fff;
	margin-left: 20px;
	font-size: 12px;
	padding-top: 5px;
	background: url(images/thbg.jpg) bottom repeat-x;
	width: 652px;
	height: 30px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

#container_picktop h2
{
	margin-left: 10px;
	color: #FFF;
}

#container_pick
{
	margin-left: 20px;
	padding: 20px;
	background: url(images/descbg1.jpg) bottom repeat-x;
	width: 810px;
	height: 475px;
	font-size: 12px;
	border: 1px solid #CCC;
	-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
}

#container_signup
{
	margin-left: 20px;
	font-size: 12px;
	padding: 20px;
	background: url(images/descbg1.jpg) bottom repeat-x #fff;
	width: 530px;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	/* Firefox */
	-webkit-border-radius: 10px;
	/* Safari */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
}

#container_order
{
	margin-left: 20px;
	font-size: 12px;
	padding: 20px;
	background: url(images/descbg1.jpg) bottom repeat-x #fff;
	width: 610px;
	height: 850px;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	/* Firefox */
	-webkit-border-radius: 10px;
	/* Safari */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
}

#word_or
{
	font-size: 20px;
	font-weight:bold;	
	margin-top:100px;
	width:115px;
	text-align:center;
}

#container_sidebar
{
	font-size: .8em;
	line-height: 2em;
	padding: 20px 20px 40px;
	margin-right: 10px;
	background: url(images/descbg1.jpg) bottom repeat-x #fff;
	width: 175px;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	/* Firefox */
	-webkit-border-radius: 10px;
	/* Safari */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
}

#container_sidebar li { margin-top: 5px; }
#container_sidebar h3 { color: #000; }

#container_sidebarord
{
	color: #000;
	font-size: 13px;
	line-height: 16px;
	padding: 15px 15px 20px;
	margin-right: 10px;
	background: url(images/descbgord.jpg) top repeat-x #D0FFCE;
	width: 185px;
	border: 1px solid #009933;
	-moz-border-radius: 10px;
	/* Firefox */
	-webkit-border-radius: 10px;
	/* Safari */
	-moz-box-shadow: 3px 3px 10px #009933;
	-webkit-box-shadow: 3px 3px 10px #009933;
	-khtml-box-shadow: 3px 3px 10px #009933;
	box-shadow: 3px 3px 10px #009933;
}

#container_sidebarord h2 { color: #000; }
#container_sidebarord li { margin-top: 5px; }
#container_sidebarord h3 { color: #000; }

#container_paypal_success
{
	float: left;
	margin-left: 20px;
	font-size: 12px;
	padding: 20px;
	background: url(images/descbg1.jpg) bottom repeat-x #fff;
	width: 600px;
	height: 170px;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	
	/* Firefox */
	-webkit-border-radius: 10px;
	
	/* Safari */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
}

#container_lost_password 
{ 
	margin-left:20px; 
	font-size:12px; 
	padding:20px; 
	background:url(images/descbg1.jpg) bottom repeat-x #fff; 
	width:610px; 
	height:150px; 
	border:1px solid #CCC; 
	-moz-border-radius: 10px; /* Firefox */ 
	-webkit-border-radius: 10px; /* Safari */  
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666; 
}

#container_success 
{ 
	margin-left:20px; 
	margin-right:20px; 
	font-size:12px; 
	padding:20px; 
	background:url(images/descbg1.jpg) bottom repeat-x #fff; 
	border:1px solid #CCC; 
	-moz-border-radius: 10px; /* Firefox */ 
	-webkit-border-radius: 10px; /* Safari */  
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666; 
}

#container_free_signup
{
	margin-left:20px;
	margin-right:20px;
	font-size:12px;
	padding:20px;
	background:url(images/descbg1.jpg) bottom repeat-x #fff;
	border:1px solid #CCC;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
}

#container_decline 
{ 
	margin-left:20px; 
	margin-right:20px; 
	font-size:12px; 
	padding:20px; 
	background:url(images/descbg1.jpg) bottom repeat-x #fff; 
	border:1px solid #CCC; 
	-moz-border-radius: 10px; /* Firefox */ 
	-webkit-border-radius: 10px; /* Safari */  
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666; 
}

#container_coupon_entry
{
	margin-left:20px;
	margin-right:20px;
	font-size:12px;
	padding:20px;
	background:url(images/descbg1.jpg) bottom repeat-x #fff;
	border:1px solid #CCC;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
}

#container_signup_cancelled
{
	margin-left:20px;
	margin-right:20px;
	font-size:12px;
	padding:20px;
	background:url(images/descbg1.jpg) bottom repeat-x #fff;
	border:1px solid #CCC;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari */
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	-khtml-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;
}

span.error
{
	color: red;
	font-size: 0.8em;
	display: inline-block;
}

div.trust_logo
{
	float: left;
	margin: 20px;
}

.normal_line_height
{
	line-height: normal;
}