
#fade, #fade2 {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}
#hideshow, #hideshow2{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #fff;
	padding:20px;
	float: left;
	width: 480px;
	position: fixed;
	top: 100px;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}
.popup_block .popup {
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 10px 0;
}
*html #fade {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	: document.body.scrollTop);
}
*
*html #fade2 {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	: document.body.scrollTop);
}
html .popup_block {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}

.popup{
	font-size:18px;
}
.popup img.cntrl {
	position: absolute;
	right: -10px;
	top: -10px;
}
.popupContents{
	padding:25px;
	font-size:17px;
	font-weight:bold;
}
.popupContentsText{
	font-size:13px;
	font-weight:normal;
}

.noticeHeader{
	font-size:14px;
	font-weight:bold;
	padding:15px;
	margin-bottom:5px;
	margin-top:5px;
	color: red;
	width: 75%;
	background: #EEEEEE;
	border:1px solid #c4ed82;
}

.orderContainer{
	padding:30px 30px 20px 30px;
}

.orderHeaderList{
	font-size:16px;
	font-weight:bold;
	padding:5px;
	width:88%;
	margin-left: 10px;
	margin-bottom: 5px;
	border: 1px solid #666666;
}
.orderHeaderList a:link, .orderHeaderList a:active, .orderHeaderList a:visited, .orderHeaderList a:hover{
	text-decoration:none;
	color:black;
}

.planContainer{
	padding:30px 30px 10px 30px;
	font-size:14px;
	background-image: url("http://claim.io/code/images/backgrounds/biggreen.png");
	background-repeat: no-repeat;
}
.planTitleTop{
	font-size:27px;
	margin-bottom:3px;
	font-weight:bold;
}
.planPriceTop{
	margin-bottom:20px;
	font-size:18px;
}
.planContentText{
	width:600px;
	padding:20px 0px 40px 0px;
}

.choosePlan{
	background-image: url("http://dev.claim.io/code/images/new/order/choose_plan.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 110px;
	font-size:21px;
	font-weight:bold;
	float:left;
}

.learnMore{
	font-size:12px;
	font-weight:bold;
	margin-top: 10px;
	margin-left: 10px;
	padding-top:4px;
	line-height: 18px;
}

.learnMore b{
	color: #2A3977;
}

.learnMore a, .learnMore a:active, .learnMore a:visited, .learnMore a:hover{
	text-decoration:none;
	font-size:12px;
	color:green;
}
.planOff{
	text-align:center;
	width:200px;
	background-color:#e3f6c5;
	border:4px solid #f4f5f2;
	margin:20px 10px 10px 10px;
	padding:10px;
	float:left;
}
.planOn{
	text-align:center;
	width:200px;
	background-color:#e3f6c5;
	border:4px solid #6daa0c;
	margin:10px;
	padding:28px 10px 18px 10px;
	float:left;
}

.planTitle{
	margin-top: 6px;
	margin-left: 7px;
	font-size:16px;
	font-weight:bold;
}

.planTitle input{
	margin-right: 10px;
}



.planDescr{
	padding:8px 0px 8px 0px;
}
.chooseMe{
	font-size:13px;
	font-weight:bold;
}

textarea {
	width: 58%;
	height: 100px;
}

.shortBio{
	width: 58%;
}

.websiteURL
{
	width: 38%
}

.labelSubText{
	font-size: 10px;
	color: #333333;
}

.TOS_textarea{
	width: 88%;
	height: 90px;
}

.requiredNotation, .requiredNotationAge {
	width: 400px;
	font-size: 12px;
	color: #019ADA;
	text-align: right;
}

.requiredNotation a, .requiredNotationAge a {
	font-size: 11px;
	color: #019ADA;
	text-transform: lowercase;
	text-decoration: none;
}

.requiredNotationAge
{
	margin-left: 137px;
	font-size: 11px;
}

.requiredNotationContainer {
	text-align: left;
}

.usernameContainer, .usernameContainerGender {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 60px;
	clear:both;
}

.usernameContainer input{
	background-image: url(http://dev.claim.io/code/images/new/support/text_field.png);
	background-repeat: no-repeat;
	display: inline;
	border: 0px;
	padding: 10px;
	width: 333px;
}

.usernameContainer textarea{
	background-image: url(http://dev.claim.io/code/images/new/support/text_area.png);
	background-repeat: no-repeat;
	border: 0px;
	padding: 10px;
	width: 333px;
	height: 137px;
}

.usernameContainer .username, .usernameContainerGender .username{
	float: left;
	width: 120px;
	display: inline;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 15px;
	text-align: right;
}

.orderSubContainer{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 60px;
	width: 100%;
}

.usernameExplain{
	line-height: 1.4em;
	font-size: 12px;

}

.inputMod{
	margin-top: 5px;
	margin-bottom: 5px;
}
