/* RESETS */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe,img { border: 0; }
caption,th { text-align: left; }
table { border-spacing: 0px; }


.content { background-color: #fff; #border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
.content:nth-child(1n) { border: 0; } /* reset border for smart browsers */

.content,
.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.roundedtop { -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.roundedbottom { -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.roundedright { -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.roundedleft { -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.roundedtopleft { -webkit-border-top-left-radius:5px; -moz-border-radius:5px 0 0; -o-border-radius:5px 0 0; -khtml-border-radius:5px 0 0; border-radius:5px 0 0; }
.roundedtopright { -webkit-border-top-right-radius:5px; -moz-border-radius:0 5px 0 0; -o-border-radius:0 5px 0 0; -khtml-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
.roundedbottomleft { -webkit-border-bottom-left-radius:5px; -moz-border-radius: 0 0 0 5px; -o-border-radius: 0 0 0 5px; -khtml-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }
.roundedbottomright { -webkit-border-bottom-right-radius:5px; -moz-border-radius: 0 0 5px 0; -o-border-radius: 0 0 5px 0; -khtml-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }

ul { list-style: none; }
body { background-color: #fff; }
body,button { font-family: helvetica, arial, sans-serif; }
a { text-decoration: none; }
a:hover,
a:focus { text-decoration: underline; }
hr { border: none; border-top: 1px solid #CCC; box-shadow: 0 1px 0 #FFF; margin: 10px 0; }

/* PIPED LINKS */
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

html,body { background: #fff /*url("../images/bg-linen-light.png") repeat;*/ }

/* BUTTON */
.button { background: #00845f; border: 1px solid; color: #fff; cursor: pointer; display: inline-block; font-family: Helvetica, Verdana; font-size: 16px; line-height: 16px; margin-top: 5px; padding: 8px 20px;}
	/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#aae39f), to(#86d777)); background: -moz-linear-gradient(top, #aae39f, #86d777); }*/
.button:hover { background: #00845f; text-decoration: none;}
	/* -webkit-box-shadow: inset 0 1px 0 rgba(250,250,250,0.5); -moz-box-shadow: inset 0 1px 0 rgba(250,250,250,0.5); box-shadow: inset 0 1px 0 rgba(250,250,250,0.5);}*/
	/* background: -webkit-gradient(linear, 0 0, 0 100%, from(#bbf2af), to(#9fec8d)); background: -moz-linear-gradient(top, #bbf2af, #9fec8d); }*/
.button:active { background: #00845f;}
	/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#86d777), to(#aae39f)); background: -moz-linear-gradient(top, #86d777, #aae39f); }*/
	
/* LOGIN */

.gate { background: #fff /* url("../images/bg-linen-light.png") repeat*/; margin: 0px auto; opacity: 100; margin-top: 100px; text-align: center; width: 350px; }
.gate.gate-password { background: #fff /* url("../images/bg-linen-light.png") repeat*/; opacity: 1.0; margin: 0px auto; margin-top: 8%; text-align: center; width: 350px; }
.gate h1, .gate-success h1, .gate-password h1  { color: #444; font-size: 32px; font-weight: 100; letter-spacing: -1px; margin-bottom: 15px; position: relative; text-align: left; text-shadow: 0 1px 0 #FFF; }
.gate h1 img, .gate-password h1 img { position: relative; top: 16px; margin-bottom: 10px; }

.gate .input-wrap { cursor: text; display: inline-block; margin: 5px 0; position: relative; width: 350px; }
.gate .input-wrap label { color: #979b9f; cursor: text; font-size: 18px; line-height: 25px; padding: 0px; position: absolute; top: .6em; left: 13px; text-shadow: 0 1px 0 rgba(250,250,250,0.5); z-index: 999; }
.gate .input-wrap .input { background: #fff /* url("../images/bg-linen.png") repeat */; border: 1px solid #c8cfd5; color: #888c8e; cursor: pointer; font-size: 18px; outline: 0; padding: 10px; width: 94%; text-shadow: 0 1px 0 #FFF;
	-webkit-box-shadow: 0 1px 0 #FFF; -moz-box-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 0 #FFF; }
.gate .input-wrap .select { background: #fff /* url("../images/bg-linen.png") repeat*/; border: 1px solid #c8cfd5; color: #888c8e; cursor: pointer; font-size: 18px; outline: 0; padding: 10px; width: 100%; height: 45px; text-shadow: 0 1px 0 #FFF;
    -webkit-box-shadow: 0 1px 0 #FFF; -moz-box-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 0 #FFF;}
.gate .input-wrap .disabled { background: transparent; color: #333; cursor: default; }
.gate .input-wrap .input:focus { background: #f7fafb; cursor: text;
	-webkit-box-shadow: 0 0 10px #d3e2ea; -moz-box-shadow: 0 0 10px #d3e2ea; box-shadow: 0 0 10px #d3e2ea; }
.gate .input-wrap.half { position: relative; left: -13px; width: 160px; }
.gate .input-wrap.half.right { position: relative; left: 2px; width: 160px; }

.gate ul { float: right; margin-top: 15px; }
.gate li { display: inline-block; margin-left: 20px; }
.gate ul li a { color: #333; opacity: 0.5;
	-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; }
.gate ul li a:hover { opacity: 1.0; text-decoration: none; }

.gate p a { color: #888c8e; font-size: 16px; text-shadow: 0 1px 0 #FFF; }

.gate-password .input-wrap p { font-size: 18px; line-height: 26px; padding-left: 10px; text-align: left; }

.gate-success { background: #fff /*url("../images/bg-linen-light.png") repeat*/; margin: 0px auto;  margin-top: 10%; width: 450px; }
.gate-success h1 img { position: relative; top: 10px; right: 5px }
.gate-password .create-account { display: block; }
	
.success { color: #434a50; display: block; font-size: 22px; padding: 20px 0; text-align: left; text-shadow: 0 1px 0 #FFF; }
#login .success a { color: #1d7fda; text-decoration: none; }
#login .success a:hover { border-bottom: 1px solid; padding-bottom: 1px; text-decoration: none; }

#signupSuccess { display: none; }

/* WARNING */
ul.warning { background: #fff3c5; color: #565346; font-size: 12px; font-weight: normal; list-style: none; margin: 0 0 5px 0; padding: 5px 10px; width: 95%; }
ul.warning li { display: list-item; margin: 0; padding: 5px; text-align: left; }
ul.warning a { color: #367ec2 !important; opacity: 1.0 !important; text-decoration: underline; }
ul.warning a:hover { text-decoration: none; }
ul.warning em { color: #7a7667; font-size: 11px; }

/* ERROR */
ul.error { background: #DD1E4B; color: #FFF; display: none; float: left; font-size: 12px; font-weight: normal; list-style: circle; margin: 0 0 5px 0; padding: 5px 10px; width: 95%; }
ul.error li { display: list-item; margin-left: 15px; padding: 5px 0; text-align: left; }
ul.error li a { color: #FFF; text-decoration: underline; }
ul.error li a:hover { text-decoration: none; }

/* SUCCESS */
ul.success { background: #84c079; color: #FFF; display: none; float: left; font-size: 13px; font-weight: bold; list-style: none; margin-bottom: 10px; padding: 5px 15px; text-shadow: none; width: 92%; }
ul.success li { display: list-item; margin-left: 0px; padding: 5px 0; text-align: left; }

/* FEEDBACK */
.feedback {  display: inline-block; float: right; font-size: 12px; font-weight: bold; padding: 10px; position: absolute; bottom: 10px; right: 20px; text-align: right; text-shadow: 0 1px 0 #FFF; width: 275px;
	-webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; }
.feedback a:nth-child(2) { border-left: 1px solid #333; padding-left: 10px; }
.feedback a { color: #333; opacity: 0.5; margin-left: 10px; }
.feedback a:hover { opacity: 1; text-decoration: none; }
.feedback:active { opacity: 0.7; }
.feedback img { position: relative; top: 4px; right: 4px; }

/* TERMS */
.terms, .terms a { color: #333 !important; font-size: 12px !important; margin-top: 15px; text-align: right; text-shadow: 0 1px 0 #FFF; }
.terms a { border-bottom: 1px solid; font-weight: bold; padding-bottom: 1px; }
.terms a:hover { border-bottom: 0; text-decoration: none; }

/* MISC */
.required { text-align: right; }
.requiredIndicator {color : red}
.clear { clear: both; }
.captcha { vertical-align: middle; }
.privlink { float: right ; padding-top: 15px;}