html, body, div, ul, li, form, span, p, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td, textarea {margin:0em; padding:0em; border:none;}
body {background:#EEE; color:#000; font-family:Helvetica, arial, sans-serif; font-size:12px;/*line-height:1.5em*/}
li {list-style-type:none;}
a{text-decoration:none;}

body .hidden {overflow:hidden; height:0; width:0; display:block; margin:0px; padding:0px;}

/* to clear floated elements - all browsers - from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


#canvas{position:relative; background: #EEE ; padding-top:50px;}
	
#canvas .wrap{ margin:0 auto; width:600px; text-align:center;}
#canvas .wrap h2{ color: #00AEEF; /*background: url("/images/login/lock.png") 60px top no-repeat;*/ line-height: 40px; height: 40px; font-weight: 200; margin-bottom: 45px; /*padding-left: 20px;*/ font-size: 22px;}
	
#canvas .wrap #messageBox{display:block;text-align: left; border: 1px solid #CCC; padding: 5px 5px 5px 30px; margin: 0 auto 12px auto; border-radius: 3px; padding: 12px; font-size: 14px; font-weight: 200;}
#canvas .wrap #messageBox.good { border-color: #9c9; color: #060; background: url("/style/notifications/alertgood_icon.gif") #E2F9E3 6px no-repeat; padding-left: 41px;}
#canvas .wrap #messageBox.bad { background-color: #FF8B73; border-color: #FF6140; color: white;}
	
#canvas .wrap #loginBox{ background:#252525; /*width:350px; padding:32px 65px;*/ margin-bottom:0px;}
#canvas .wrap #loginBox h1{ margin-bottom: 22px;}
#canvas .wrap #loginBox input{outline: none; width: 230px; padding: 12px; margin: 0; font-size: 14px; border:1px solid #bfbfbf;border-radius:0;}
#canvas .wrap #loginBox input.first{border-bottom:none;}
	
#canvas .wrap #loginBox #btnContainer{ margin: 12px 0 30px 0;}
#canvas .wrap #loginBox #btnContainer #loginbutton{position: absolute; left: -9999px; width: 1px; height: 1px;}
#canvas .wrap #loginBox #btnContainer input{ background: #06ADEF; height: 40px;width:255px; font-size: 15px; font-weight: normal; color: #FFF; border-radius: 2px;border:none;cursor:pointer;text-transform:uppercase;}
	
#canvas .wrap #loginBox #optionsContainer a{color:#818181;}
#canvas .wrap #loginBox #optionsContainer a:hover{color:white;}
	
#canvas .wrap #lnkSignUp{color:#9c9c9c; font-size:14px;font-weight:200;}
#canvas .wrap #lnkSignUp:hover{ color:#666;}

#feedback{ position: fixed; width: 100%; text-align: center; z-index:99999; top: 20px;}
#feedback .message{ display: inline; font-size: 13px; padding: 7px 11px; color: #FFF; line-height:20px; -webkit-box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.2); padding: 9px 11px; z-index: 99999; font-weight: 300; text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);border-radius: 4px;}
#feedback .message.error{background:#DC354A;}


#canvas .wrap #loginBox #btnContainer input {
	background: #8dc63f;
}

#footer {margin: 0 auto;width:480px;text-align: center;margin-bottom: 50px;}
#footer a {color:#222;}
#footer a:hover {color:#222;text-decoration: underline;}