/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}




			html,body {
				background:inherit;
				margin:0;
				padding:0;
				font-family: 'MuseoSans500', "Trebuchet MS", Trebuchet, arial, sans-serif;

				font-size: 14px;
			}

body { background-color: #333;}
			
			.clear{ clear:both;}
			.fl { float:left;}
			.fr { float:right;}
			
					
				
					#bg {
					        position:fixed;
					        top:-50%;
					        left:-50%;
					        width:200%;
					        height:200%;
					}
					#bg img {
					        position:absolute;
					        top:0;
					        left:0;
					        right:0;
					        bottom:0;
					        margin:auto;
					        min-width:50%;
					        min-height:50%;
					}
					
				
					
			div#contentwrapper {
				position: relative; 
			}

			
			
			
/* end fullscreen stuff */


h1 { font-size: 3em; }


.container { width: 960px; margin:auto;}

#header {
	background-image: url("/static/default/images/bg_darker.png");
	padding:10px;
	margin: 0 0 50px 0;
	border-bottom: 1px solid #000;
	box-shadow: 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 10px #000000;
	-moz-box-shadow: 0px 0px 10px #000000;
}

a { 	
	color: #CCccc9;
	text-decoration:none;	
}
a:hover { color: #FFF; }

a.underline { text-decoration: underline;}

#header a { font-size: 12px;}
#header  .fl a { 
	margin-right:25px;
}

#header  a:hover  { 
	color: #FFF;
}

#page_members #header  a#link_members,#page_join #header  a#link_join,#page_home #header  a#link_home,#page_contact #header  a#link_contact {
	color: #FFF;
}

.container.narrow { width: 800px;}
.container.narrow .box { }
.container.narrow .box .box { width: 40%;margin:10px;float:right;}
.container.narrow .box .choosebox { margin:10px; float:left; width: 45%;}
.container.narrow .box .choosebox h3 { font-size: 2em; }
.container.narrow .box h4 { font-size: 1.1em; font-weight: bolder; margin-bottom: 5px; }
.container.narrow .box .box ul { margin-left: 5px; padding-left: 13px;}
.container.narrow .box .box ul li { margin-bottom: 10px;margin-left:0; }

.container h1 { 	text-shadow: 1px 1px 0px #666;
text-align:center;margin-bottom: 10px; padding:0; font-size: 50px; }
.container h2 { margin:0; padding:0;text-shadow: 1px 1px 0px #666;text-align:center;margin-bottom: 30px; font-size: 30px;}


#footer  { color: #aaa; font-size: 10px;}
#footer a { font-size: 10px; margin-left: 20px;}
#footer .fl { color: #CCC;}

.box {
	background-image: url("/static/default/images/opacity-60-rep.png");
	padding: 10px;
	color: #FFF;
	background-repeat: repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000;

	box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	-moz-box-shadow: 0px 0px 5px #333333;
	margin: 0 auto 20px auto;
}
.container > .box { 	min-height: 300px; }

.button span { font-size: 10px;}
.button {
font-size: 12px;
	box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	-moz-box-shadow: 0px 0px 5px #333333;
display:block;
padding: 5px;
margin-bottom: 10px;
line-height: 24px;
position: relative;
text-align: center;
vertical-align: middle;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #4C5766;
border-color: #313841;
color: white;
text-shadow: 0 1px 0 black;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4c5766), to(#313841));
background-image: -webkit-linear-gradient(top, #4c5766, #313841);
background-image: -moz-linear-gradient(top, #4c5766, #313841);
background-image: -ms-linear-gradient(top, #4c5766, #313841);
background-image: -o-linear-gradient(top, #4c5766, #313841);
background-image: linear-gradient(top, #4c5766, #313841);
color: white;
border: 1px solid black;
text-shadow: 0 1px 0 black;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
transition: background 5000ms ease-in;
border-image: initial;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding-right: 5px;
padding-left: 5px;

}

.button.green {
background-color: #3D8336;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3d8336), to(#277423));
background-image: -webkit-linear-gradient(top, #3d8336, #277423);
background-image: -moz-linear-gradient(top, #3d8336, #277423);
background-image: -ms-linear-gradient(top, #3d8336, #277423);
background-image: -o-linear-gradient(top, #3d8336, #277423);
background-image: linear-gradient(top, #3d8336, #277423);
border: 1px solid #277423;
border-image: initial;
}


.joinwrapper {
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff;
	padding:10px;
}
.joinwrapper span { color: #666;	}
.joinwrapper  { 
background: white;
border: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 9px 11px;
font-size: 14px;
color: #666;
margin: 30px 10px 10px 10px;
border: 2px solid black;
border-image: initial;

}
.joinwrapper input { text-align: right; background: #eee; border:0; font-size: 20px;font-width:text-align: right; padding: 5px; width: 130px;color: #000; }

.joinbutton { display:block;float:right;margin-right: 13px;}

.box a.blackbutton {
	font-family: Arial, Helvetica, sans-serif;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	height: 26px;
	line-height: 1.5em;
	width: 93px;
	text-align: center;
	padding-top: 2px;
	padding-right: 25px;
	padding-bottom: 2px;
	padding-left: 25px;
	display: inline-block;
	color: white;
	font-size: 12px;
	background-color: #070707;
	text-shadow: 1px 1px 0px black;
	border: 1px solid black;
	-webkit-box-shadow: 0px 1px 0px #000;
	-moz-box-shadow: 0px 1px 0px #000;
	box-shadow: 0px 1px 0px #000;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	background-image: url(/static/default/images/up-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	
	margin-right: 24px;
	border-image: initial;
	white-space: normal;
	font-size: 1em;
}

#header a#link_members { font-weight: bolder;}


.termsbox h3 {margin:10px 0;}
.termsbox p { margin: 10px 0;}

.contactbox { }


/* form stuff */

form {
	margin-bottom: 0px !important;
}

fieldset {
	position: relative;
	clear: both;
	margin-bottom: 5px;
}

.block fieldset {
	margin: -1px 0;
}

fieldset > label {
	font-size: 13px;
	font-weight: bold;
	padding: 15px 20px 10px;
	margin-right: 10px;
	display: block;
}

fieldset > label span {
	display: inline;
	font-weight: normal;
	font-size: 11px;
	font-family: sans-serif;
	color: #999;
	margin-left: 5px;
}

fieldset > label span.click {
	cursor: pointer;
}

fieldset > div {
	width: auto;
	padding: 0px 20px 15px;
}

.error {
	font-weight: bold;
	color: #DA202C;
	color: #CCC;
}

.error strong { font-weight: bolder;}

input.text,.textarea,.ui-multiselect,table input.text {
	width: 100% !important;

	font-size: 16px;

	color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	border: 0;
	background: rgba(0, 0, 0, 0.5);

	-webkit-box-shadow: inset 0px 0px 2px 0px #ddd;
	-moz-box-shadow: inset 0px 0px 2px 0px #ddd;
	box-shadow: inset 0px 0px 2px 0px #ddd;
}


input.text {
	line-height: 32px;
	height: 32px;
	padding: 0px 0 0 5px;
}

input.text.width_50 {
	width: 50%;
}

input.text.width_25 {
	width: 25%;
}

input.text.width_75 {
	width: 25%;
}

.textarea { height: 150px; }

.textarea_holder,.textarea {
	padding: 5px 0 0 5px;
	min-height: 60px;
}

.textarea_holder > textarea {
	height: 100px;
	width: 100%;
	display: block;
}

input.text:hover,.textarea:hover {
	-webkit-box-shadow: inset 0px 0px 2px 0px #aaa;
	-moz-box-shadow: inset 0px 0px 2px 0px #aaa;
	box-shadow: inset 0px 0px 2px 0px #aaa;
}

input.text:focus,.textarea:focus {
	-webkit-box-shadow: inset 0px 0px 2px 0px #555;
	-moz-box-shadow: inset 0px 0px 2px 0px #555;
	box-shadow: inset 0px 0px 2px 0px #555;
}

fieldset > div > .required_tag {
	background: url(../images/input_required.png) top right;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}

fieldset.label_side{
}
fieldset.label_side > label {
	width: 100px;
	position: relative;
	float: left;
	left: 0;
	padding: 18px 20px 8px;
	border-right: 1px solid #eee;
	clear: left;
	line-height: normal;
}

fieldset.label_side > label > span {
	display: block;
	margin: 3px 0 -3px;
}

fieldset.label_side > label > span > a {
	color: #999;
}

fieldset.label_side > div {
	width: auto;
	margin-left: 140px;
	padding: 15px 20px;
	border-left: 1px solid #eee;
	clear: right;
}

fieldset.label_side > div > input.text {
	width: 100%;
}

fieldset.label_side.label_small > label {
	width: 70px;
}

fieldset.label_side.label_small > div {
	margin-left: 110px;
}

fieldset.no_label > div {
	padding: 15px 20px;
}

fieldset > div > label {
	display: block;
	line-height: 25px;
}

fieldset > div > label:first-child {
	margin-top: -3px;
}

fieldset > div.inline > label {
	display: inline-block;
	float: left;
	line-height: 26px;
	margin-right: 10px;
	margin-top: 0px;
}

fieldset > div > label input[type=radio],fieldset > div > label input[type=checkbox] {
	margin-right: 8px;
}


.error {
border: 1px solid #999;
padding: 5px;
padding-left: 5px;
margin-bottom: 10px;
color: #e5e5e5;
text-shadow: 0 1px 1px black;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #9E253B;
background-image: -webkit-gradient(linear, left top, left bottom, from(#9E253B), to(#7C1F30));
background-image: -webkit-linear-gradient(top, #9E253B, #7C1F30);
background-image: -moz-linear-gradient(top, #9E253B, #7C1F30);
background-image: -ms-linear-gradient(top, #9E253B, #7C1F30);
background-image: -o-linear-gradient(top, #9E253B, #7C1F30);
background-image: linear-gradient(top, #9E253B, #7C1F30);
border: 1px solid #7C1F30;
}
.error strong { font-weight: bolder; color: #FFF; font-size: 1.1em;}

.success {
border: 1px solid #999;
padding: 5px;
padding-left: 5px;
margin-bottom: 10px;
color: #e5e5e5;
text-shadow: 0 1px 1px black;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #3D8336;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3D8336), to(#277423));
background-image: -webkit-linear-gradient(top, #3D8336, #277423);
background-image: -moz-linear-gradient(top, #3D8336, #277423);
background-image: -ms-linear-gradient(top, #3D8336, #277423);
background-image: -o-linear-gradient(top, #3D8336, #277423);
background-image: linear-gradient(top, #3D8336, #277423);
border: 1px solid #277423;
}

.success strong { font-weight: bolder; color: #FFF; font-size: 1.1em;}

.success.big { font-size: 1.5em;}


.notice {
border: 1px solid #999;
padding: 5px;
padding-left: 5px;
margin-bottom: 10px;
color: #e5e5e5;
text-shadow: 0 1px 1px black;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #1C5EA0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792));
background-image: -webkit-linear-gradient(top, #1C5EA0, #064792);
background-image: -moz-linear-gradient(top, #1C5EA0, #064792);
background-image: -ms-linear-gradient(top, #1C5EA0, #064792);
background-image: -o-linear-gradient(top, #1C5EA0, #064792);
background-image: linear-gradient(top, #1C5EA0, #064792);
border: 1px solid #064792;
}

.notice strong { font-weight: bolder; color: #FFF; font-size: 1.1em;}

.pricinghalf {
	width:50%;
	font-size: 20px;
}
.pricinghalf div {
	text-align:center;
	background-image: url("/static/default/images/opacity-60-rep.png");
	padding: 10px;
	color: #FFF;
	background-repeat: repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000;

	box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	-moz-box-shadow: 0px 0px 5px #333333;
	margin: 10px 10px 20px 10px;;
}
.pricinghalf div span { display:block; text-align:center; font-size: 30px;margin:20px 0 0 0;}


.pricingbox {	
	background-image: url("/static/default/images/opacity-60-rep.png");
	padding: 10px;
	color: #FFF;
	background-repeat: repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000;

	box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	-moz-box-shadow: 0px 0px 5px #333333;
	margin: 0 auto 20px auto;
	font-size: 15px;
}


.pricingbox > div { 	

	background-image: url("/static/default/images/opacity-60-rep.png");
	padding: 10px;
	color: #FFF;
	background-repeat: repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000;
	margin-bottom: 5px;
}

.pricingbox > div.pricingheader2, .pricingbox > div.pricingrow.even { 
background-image: none; border: 1px solid transparent;
}

.pricingbox > div:last-child { margin-bottom: 0;}
.pricingbox > div.pricingheader  { background-image: url("/static/default/images/whitebg.png");
}

.pricingbox .pricingemail,.pricingbox .pricingmonthly,.pricingbox .pricingyearly,.pricingbox .pricinggetit { float:left; padding: 10px;width:25%;}


.pricingbox .pricingmonthly,.pricingbox .pricingyearly,.pricingbox .pricinggetit,.pricingbox .pricingheader > div { text-align:center; }

.pricingbox .pricinggetit { width: 10%;}
.pricingbox .pricingemail { width: 38%;}
.pricingbox .pricingmonthly { width: 20%;}
.pricingbox .pricingyearly { width: 20%;}

.pricingbox .pricingrow { font-size:20px;}
.pricingbox .pricinggetit a { margin-top: -3px;}
.pricingbox > div.pricingheader > div { padding-top: 0; padding-bottom: 0;}

.pricingbox .pricingemail a { color: #999; font-size: 15px;}
.pricingbox .pricingemail strong {font-weight: bolder; color: white;font-size:20px;}


.page_join_page .container.narrow .box .box { width: auto;float:none; margin: 10px 0;}
.page_join_page .joinbutton { width: 100px; }

.page_join_page div.selector { font-size: 16px;}

.page_join_page fieldset.label_side > div > input.text {width: auto !important;
font-size: 16px !important;}



.memberheader h2  { margin:0;padding:0;color:#000;}
.memberheader h2 a { color: #000;}
.memberheader .fr .button {float:left; margin-left: 10px; }


.memberbox .fl .innerbox { margin-bottom: 20px; 
	background-image: url("/static/default/images/opacity-60-rep.png");
	padding: 10px;
	color: #FFF;
	background-repeat: repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000;

	box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	-moz-box-shadow: 0px 0px 5px #333333;
	
width:200px;text-align:center;}
.memberbox .fl .button { width:140px;float: none;margin:auto;}


.memberbox .fl .innerbox h3 { text-align:left; border-bottom: 1px solid #666; font-size: 12px;color: #ccc;margin:5px 0;padding:0;}
.memberbox .fl .innerbox h4 { text-align:right; margin: 5px 0; padding:0; font-size: 16px;color:#eee;}

.memberbox .fl .innerbox > h3 { margin-top: 10px; }
.memberbox .fr .innerbox,.innerbox { 	background-image: url("/static/default/images/opacity-60-rep.png");
	padding: 10px;
	color: #FFF;
	background-repeat: repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000;

	box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	-moz-box-shadow: 0px 0px 5px #333333;width:520px;}
	
	
.memberbox .fl .uploader .action { background-color: #222;}
.success.firstlogin { text-align:center;}
.success.firstlogin h2 { font-size: 25px;margin:5px;padding:5px;color:#FFF;}


.memberbox .fr .innerbox h3 { font-size: 20px;}
.memberbox .fr .innerbox h3 strong { color: #FFF; font-size: 23px;}
.memberbox .fr .innerbox .button { float:right; }
.memberbox .fr .innerbox { margin-bottom: 20px;}

.memberbox .fr .box.full { float:none;width:auto;}
.memberbox .fr .box.full h3 { margin-bottom: 10px; }
.memberbox .fr .box.full p { margin-bottom: 10px;}
.setupitems { 
	list-style: none;
}
.setupitems li { 
	float:left;
	width: 50%;
	margin-bottom: 10px;
}

.lookupbox {
	background-image: url("/static/default/images/opacity-60-rep.png");
	padding: 10px;
	color: #FFF;
	background-repeat: repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000;

	box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	-moz-box-shadow: 0px 0px 5px #333333;
}