#modalBackground { position: absolute; background-color: black; opacity: .25; filter:alpha(opacity=25); z-index: 9999999911; border-radius: 5px; display: none; }
.modal_overlay { position: fixed; width: 100%; height: 400%; top: 0; left: 0; z-index: 999999; background-color: black; opacity: .45; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";filter: alpha(opacity=45); display: none; }
#modalShell { width: 400px; min-height: 0px; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius: 10px; border:#999 thin solid; padding:20px 30px 10px 30px; -webkit-box-shadow:0 0 0 5px hsla(0, 0%, 0%, .1); -moz-box-shadow:0 0 0 5px hsla(0, 0%, 0%, .1); box-shadow:0 0 0 5px hsla(0, 0%, 0%, .1); position: fixed; z-index: 9999999912; top: 50%; left: 50%; }
#modalHeader { width: 23px; height: 27px; position: absolute; top: -6px; right: -6px; cursor: pointer; background: url('https://e56e1c9cfe905036b1bc-18ddab263895603932d74f683170c410.ssl.cf2.rackcdn.com/btn_modal_close.png') 0 0; }
#modalHeader:hover { background-position: 0 -27px; }
#modalHeader span { position: absolute; bottom: 2px; font-size: 24px; font-weight: bold; color: white; margin-left: 5px; }
#modalBody { width: 100%; padding: 0 0px 20px 0px; }
#modalFooter { /*Empty for the time being*/}

/************* Login Page ********************/
#modalShell #loginHeader { margin: 0 0 20px 0; }
.headerText span.or {line-height:27px;font-size:14px;margin-right:10px; display: block; float: left; margin-bottom: 10px; }
#modalShell h2 { display: block !important; width:210px; margin:0px; text-transform:none;float:left;font-size: 28px; font-family: 'ProximaNovaBold'; font-weight: normal; text-tranform:none; }
#modalShell .description { font: 14px/22px 'CaeciliaLight', Helvetica, Arial, sans-serif; margin: 16px 0; }
#modalShell form.accountForm input[type="text"], #modalShell form input[type="text"], #modalShell form input[type="password"]{ color: grey; font: 13px Helvetica, Arial, sans-serif; width: 365px; margin: 0; padding: 15px 10px; background: #F9F9F9; border: 1px solid #CCC; margin: 0; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#modalShell form textarea{ color: grey; font: 13px Helvetica, Arial, sans-serif; padding: 4px 10px 0; background: #F9F9F9; border: 1px solid #CCC; margin: 0; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#modalShell form input[type="image"] { height: auto; width: auto; padding: none; background: none; border: none; } 
#modalShell form.accountForm fieldset, #modalShell form fieldset { border: none; margin: 0; margin-bottom: 10px; padding: 0; position: relative; }
#modalShell .fieldDefaultValue { position: absolute; left: 12px; top: 11px; }
#modalShell .names { display: inline-block; width: 105px; }
#modalShell .names.lastName { margin-left: 60px; }
#modalShell span.focusedField { color: #b9b9b9; }
#modalShell form input.tempPassword { color: silver; }
#modalShell div.formFieldDescription.lastName { width: 200px }
#modalShell .getStarted { height: 50px; margin: 13px 0 8px;}
#modalShell #loginPage .forgotPassword { /*margin-top: -33px;float:right;*/ display: inline-block; margin-left: 5px; }
#modalShell #loginPage .signup {font-size: 13px; margin-top: 5px;}
#modalShell a.getStartedButton {margin-bottom: 10px;clear: both;float: left;text-transform: uppercase;font: 20px ProximaNovaBold;text-align:center; color:#fff; -webkit-font-smoothing: antialiased; text-decoration:none; padding:11px 40px; -moz-box-shadow:inset 0px -1px 1px 0px #72901a;-webkit-box-shadow:inset 0px -1px 1px 0px #72901a;box-shadow:inset 0px -1px 1px 0px #72901a;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b2d947), color-stop(1, #93bc23) );background:-moz-linear-gradient( center top, #b2d947 5%, #93bc23 100% );background-color:#b2d947;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-shadow:0 1px 0px #518105; position:relative;}
#modalShell a.getStartedButton:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #93bc23), color-stop(1, #b2d947) ); background:-moz-linear-gradient( center top, #93bc23 5%, #b2d947 100% ); background-color:#93bc23; cursor:pointer;}
#modalShell a.getStartedButton:active{ box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);}

#modalShell .forgotPassword a:hover { text-decoration: underline; }
#modalShell fieldset { position: relative; }
#modalShell fieldset.passwordFieldset{ display: inline-block; }
#modalShell .fieldDefaultValue { position: absolute; left: 12px; top: 16px; color: silver; font: 13px Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;}
#modalShell #loginForm .fieldDefaultValue, #modalShell #signupModal .fieldDefaultValue { }
#modalShell .names { display: inline-block; width: 105px; }
#modalShell .names.lastName { margin-left: 60px; }
#modalShell span.focusedField { color: #b9b9b9; }
#modalShell form input.tempPassword { color: silver; }
#modalShell div.formFieldDescription.lastName { width: 200px }