@charset "utf-8";

html, body, input, select, textarea
{
   font: 14px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;
   color: #393939;
}

html
{
   font-size: 100%;
   -webkit-text-size-adjust: 100%;
}

a img
{
   border: none;
}



body
{
   margin: 0;
   position: relative;
   z-index: 0;
   background: #f0f0f0;
   overflow-y: auto;
}

h2
{
   font-size: 18px;
   line-height: 1.2em;
   margin: 0 0 9px;
}

label
{
   display: block;
   font-weight: bold;
   margin-bottom: 4px;
}

div::selection
{
   background: transparent;
}

input[type="text"], input[type="password"], input[type="email"]
{
   transition: background 85ms ease-in 0s, border-color 85ms ease-in 0s;
   width: 222px;
}

textarea, input
{
   -moz-box-sizing: border-box;
   background-color: #E9E9E9;
   border: 1px solid #BFBFBF;
   border-radius: 3px 3px 3px 3px;
   display: block;
   margin-bottom: 12px;
   min-height: 30px;
   padding: 8px;
}

a
{
   color: #444;
}

   a:hover
   {
      color: #111;
   }

.ipad, .ipod, .iphone, .android
{
   -webkit-text-size-adjust: none;
}

.login-page
{
   background-color: #e6e6e6;
}

   .login-page #login-container
   {
      max-width: 540px;
      margin: 0 auto;
      position: relative;
      padding: 10px 10px 50px;
   }

   .login-page.mobile-app .login-header
   {
      display: none;
   }

   .login-page .login-header
   {
      height: 76px;
      margin-bottom: 30px;
      text-align: center;
   }

   .login-page .login-footer
   {
      text-align: center;
   }

   .login-page .login-header img
   {
      height: 75px;
   }

   .login-page .login-content
   {
      background-color: #fff;
      border: solid #efeceb;
      border-width: 7px 0 7px 0;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
   }

.login-content h2
{
   color: #565756;
   font-size: 26px;
   margin-bottom: 22px;
}

.login-content label
{
   color: #4f565c;
   font-size: 12px;
   font-weight: normal;
}

.oa-panel label
{
   color: #565656;
   font-size: 16px;
   font-weight: bold;
}

.login-page input[type="submit"], .login-page a.button
{
   padding-top: 9px;
   padding-bottom: 9px;
}

.quiet.right.forgetPass
{
   color: #4f565c;
   font-size: 12px;
   text-decoration: none;
   margin: 20px 20px 0 0;
}

   .quiet.right.forgetPass:hover, .quiet.right.forgetPass:active, .quiet.right.forgetPass:focus
   {
      color: #000;
   }

.login-page .primary-col
{
   display: block;
   float: left;
   margin-right: 40px;
   width: 250px;
   margin-bottom: 30px;
}



.login-page .secondary-col
{
   display: block;
   float: left;
   width: 200px;
   margin-top: -7px;
   white-space: nowrap;
   overflow: hidden;
}

   .login-page .secondary-col input
   {
      width: 100%;
      margin: 0 0 5px;
   }

.ios-authenticating p
{
   color: #939393;
   margin: 100px auto 0;
   font-size: 20px;
   line-height: 24px;
   font-weight: bold;
   text-align: center;
   width: 100%;
}

.login-form
{
   margin-left: 40px;
}

   .login-form .field
   {
      padding-bottom: 15px;
   }

   .login-form .error
   {
      display: none;
      margin: 0;
   }

   .login-form .confirmation
   {
      color: #3DA440;
      margin: 0;
      display: none;
   }

   .login-form input[type="text"]
   {
      margin-bottom: 5px;
   }

   .login-form .helper
   {
      display: inline-block;
      width: auto;
   }

.clear
{
   clear: both;
}

.list-clear
{
   margin: 10px 0;
}

.clearfix
{
   zoom: 1;
}

   .clearfix:after
   {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
      visibility: hidden;
   }

.hide
{
   display: none;
}

.show
{
   display: block;
}

.right
{
   float: right;
}

.quiet
{
   color: #939393;
}


input[type="submit"], input[type="button"], button, .button
{
   background: #cfcfcf;
   background: linear-gradient(to bottom, #CFCFCF 0%, #C2C2C2 100%) repeat scroll 0 0 transparent;
   border: medium none;
   cursor: pointer;
   display: inline-block;
   font-weight: 700;
   line-height: 20px;
   margin: 8px 4px 0 0;
   padding: 7px 20px;
   text-align: center;
}

   input.wide[type="submit"], input.wide[type="button"], button.wide, .button.wide
   {
      padding-left: 30px;
      padding-right: 30px;
   }


.button
{
   border-radius: 3px;
   position: relative;
   text-decoration: none;
}

   input.primary[type="submit"], input.primary[type="button"], button.primary, .button.primary, div.oa-panel a
   {
      background: linear-gradient(to bottom, #24A828 0%, #1B7E1E 100%) repeat scroll 0 0 transparent;
      color: #FFFFFF;
   }

      input.primary[type="submit"]:hover, input.primary[type="button"]:hover, button.primary:hover, .button.primary:hover,
      input.primary[type="submit"]:focus, input.primary[type="button"]:focus, button.primary:focus, div.oa-panel a:hover, div.oa-panel a:focus
      {
         background: linear-gradient(to bottom, #1F9323 0%, #166919 100%) repeat scroll 0 0 transparent;
      }

      input.primary[type="submit"]:active, input.primary[type="button"]:active, button.primary:active, .button.primary:active, div.oa-panel a:active
      {
         background: linear-gradient(to bottom, #1B7E1E 0%, #125414 100%) repeat scroll 0 0 transparent;
      }

   input.negate[type="submit"]:hover, input.negate[type="button"]:hover, button.negate:hover, .button.negate:hover, input.negate[type="submit"]:focus, input.negate[type="button"]:focus, button.negate:focus
   {
      background: linear-gradient(to bottom, #A82424 0%, #7E1B1B 100%) repeat scroll 0 0 transparent;
      color: #FFFFFF;
   }

   input.disabled[type="submit"], input.disabled[type="button"], button.disabled, .button.disabled, input.disabled[type="submit"]:hover, input.disabled[type="button"]:hover, button.disabled:hover, .button.disabled:hover, input.disabled[type="submit"]:active, input.disabled[type="button"]:active, button.disabled:active, .button.disabled:active
   {
      background: none repeat scroll 0 0 #CFCFCF;
      box-shadow: none;
      color: #A8A8A8;
      cursor: default;
   }

textarea
{
   height: 150px;
   -webkit-transition: background 85ms ease-in,border-color 85ms ease-in;
   transition: background 85ms ease-in,border-color 85ms ease-in;
   resize: vertical;
   width: 100%;
}

.login_messageBox
{
   width: 99%;
   float: left;
   margin: 10px 0;
   font-size: 12px;
}


input[type="submit"].wide, input[type="button"].wide, button.wide, .button.wide
{
   padding-left: 30px;
   padding-right: 30px;
}



input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:hover, input[type="submit"]:focus, input[type="button"]:focus, button:focus
{
   background: #c2c2c2;
   background: -webkit-linear-gradient(top, #c2c2c2 0%, #b5b5b5 100%);
   background: linear-gradient(to bottom, #c2c2c2 0%, #b5b5b5 100%);
}


input[type="submit"]:active, input[type="button"]:active, button:active, .button:active
{
   background: #b5b5b5;
   background: -webkit-linear-gradient(top, #b5b5b5 0%, #a8a8a8 100%);
   background: linear-gradient(to bottom, #b5b5b5 0%, #a8a8a8 100%);
   -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.15);
}

input[type="submit"].primary, input[type="button"].primary, button.primary, .button.primary, div.oa-panel a
{
   background: #24a828;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24a828), to(#1b7e1e)); /* Safari 4-5, Chrome 1-9 */
   background: -webkit-linear-gradient(top, #24a828, #1b7e1e); /* Safari 5.1, Chrome 10+ */
   background: -moz-linear-gradient(top, #24a828, #1b7e1e); /* Firefox 3.6+ */
   background: -ms-linear-gradient(top, #24a828, #1b7e1e); /* IE 10 */
   background: -o-linear-gradient(top, #24a828, #1b7e1e); /* Opera 11.10+ */
   background: linear-gradient(to bottom, #24a828 0%, #1b7e1e 100%);
   color: #fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

   input[type="submit"].primary:hover, input[type="button"].primary:hover, button.primary:hover, div.oa-panel a:hover, div.oa-panel a:focus, .button.primary:hover, input[type="submit"].primary:focus, input[type="button"].primary:focus, button.primary:focus
   {
      background: #1f9323;
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f9323), to(#166919)); /* Safari 4-5, Chrome 1-9 */
      background: -webkit-linear-gradient(top, #1f9323, #166919); /* Safari 5.1, Chrome 10+ */
      background: -moz-linear-gradient(top, #1f9323, #166919); /* Firefox 3.6+ */
      background: -ms-linear-gradient(top, #1f9323, #166919); /* IE 10 */
      background: -o-linear-gradient(top, #1f9323, #166919); /* Opera 11.10+ */
      background: linear-gradient(to bottom, #1f9323 0%, #166919 100%);
   }

   input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active, div.oa-panel a:active
   {
      background: #1b7e1e;
      background: -webkit-linear-gradient(top, #1b7e1e 0%, #125414 100%);
      background: linear-gradient(to bottom, #1b7e1e 0%, #125414 100%);
   }

input[type="submit"].negate:hover, input[type="button"].negate:hover, button.negate:hover, .button.negate:hover, input[type="submit"].negate:focus, input[type="button"].negate:focus, button.negate:focus
{
   background: #a82424;
   background: -webkit-linear-gradient(top, #a82424 0%, #7e1b1b 100%);
   background: linear-gradient(to bottom, #a82424 0%, #7e1b1b 100%);
   color: #fff;
}

input[type="submit"].negate:active, input[type="button"].negate:active, button.negate:active, .button.negate:active
{
   background: #931f1f;
   background: -webkit-linear-gradient(top, #931f1f 0%, #691616 100%);
   background: linear-gradient(to bottom, #931f1f 0%, #691616 100%);
   color: #fff;
}

input[type="submit"].disabled, input[type="button"].disabled, button.disabled, .button.disabled, input[type="submit"].disabled:hover, input[type="button"].disabled:hover, button.disabled:hover, .button.disabled:hover, input[type="submit"].disabled:active, input[type="button"].disabled:active, button.disabled:active, .button.disabled:active
{
   background: #cfcfcf;
   cursor: default;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #a8a8a8;
}

.button.vote-button
{
   display: block;
   margin: 0;
}

.button.with-icon
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #fff;
   padding: 6px 16px 6px 50px;
   text-align: left;
   width: 100%;
   background: url(/content/Images/Logon/socialButtons.png) no-repeat;
}

   .button.with-icon:hover, .button.with-icon:active, .button.with-icon:focus
   {
      background: url(/content/Images/Logon/socialButtons.png) no-repeat;
      opacity: 0.9;
   }

   .button.with-icon .icon-lg
   {
      left: 1px;
      position: absolute;
      top: 1px;
   }

   .button.with-icon.facebook
   {
      background-position: 0 0;
   }


   .button.with-icon.google
   {
      background-position: 0 -44px;
   }


   .button.with-icon.twitter
   {
   }



fieldset
{
   border: 1px solid #bfbfbf;
   padding: 15px;
   margin-bottom: 15px;
}

input[type="hidden"]
{
   display: none;
}

input[type="checkbox"], input[type="radio"]
{
   display: inline;
}

.login_registerlink
{
   background-color: #EEE;
   height: 40px;
   margin: -20px;
   padding: 20px 0 0 25px;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover
{
   border-color: #777777;
}

input.input-error[type="text"]:hover, input.input-error[type="password"]:hover, input.input-error[type="email"]:hover, textarea.input-error:hover
{
   border-color: #A82424;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus
{
   background: none repeat scroll 0 0 #FCFCFC;
   border-color: #2887BD;
   box-shadow: 0 0 2px #2887BD;
}

input.input-error[type="text"]:focus, input.input-error[type="password"]:focus, input.input-error[type="email"]:focus, textarea.input-error:focus
{
   background-color: #F8F7F7;
   border-color: #A82424;
   box-shadow: 0 0 2px #BD2828;
}

label.rememberMe input[type="checkbox"]
{
   border: none;
   background: none;
   padding: 0;
   margin: 0 0 0 3px;
   min-height: 0;
}

label.rememberMe span
{
   padding: 0;
   margin: 0;
}

div.oa-panel a
{
   display: block;
   font-weight: bold;
   padding: 10px 0;
   text-align: center;
   text-decoration: none;
   width: 200px;
}



div.xAuth span
{
   font-weight: bold;
}

#forgotBox .primary-col span
{
   margin-bottom: 18px;
   display: block;
}