/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, xxxpre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
                      { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; text-decoration: none; }

:focus                 { outline: 0; }

html                    { height: 100%; }

body                   { height: 100%; }
ol, ul                   { list-style: none; }

form                    { margin: 0; padding: 0; }
i, em                    { font-style: italic; }

table                    { border-collapse: separate; border-spacing: 0; }

caption, th, td             { font-weight: normal; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after                 { content: ""; }
blockquote, q             { quotes: "" ""; }

textarea                {  font: normal 11px Helvetica, Arial, sans; height: auto!important; }

/**
 **
 **         =========      base styles
 **
 ***/

body                  { background: url(/images/hub/bg.gif) 0 0 repeat fixed; color: #4b4b4b; font: normal 11px Helvetica, Arial, sans; }

a                      { color: #0988e0; }

h1                    { margin: 20px 0 60px; }
h1 a                    { color: #33383b; font: 800 normal 14px "Open Sans", sans-serif; }
h2                    { font: 300 normal 36px "Open Sans", sans-serif; letter-spacing: 0.0075em; margin-bottom: 30px; text-shadow: 0 1px 0 rgba(255, 255, 255, .75); }
h2 a                    { color: #33383b; font: 700 normal 13px "Open Sans", sans-serif; letter-spacing: 0; padding: 0 8px 0 4px; position: relative; text-decoration: none; }
h2 a:before            { content: "|"; left: 0; margin: -11px 0 0 -5px; position: absolute; top: 50%; }

h3                    { font: 800 normal 14px "Open Sans", sans-serif; letter-spacing: -0.025em; }

/*  */

::-webkit-input-placeholder,
:-moz-placeholder       { font-style: italic !important; }


input[type="text"],
input[type="password"], 
textarea, 
select                   { 
      -moz-border-radius:     2px; 
      -webkit-border-radius:   2px; 
      border-radius:           2px;
      -moz-box-shadow:       0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 2px rgba(0, 0, 0, .15) inset;
      -webkit-box-shadow:   0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 2px rgba(0, 0, 0, .15) inset;
      box-shadow:           0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 2px rgba(0, 0, 0, .15) inset;
      background: #f1f4f5; border: 1px solid #cfd4d5; font: normal 12px/14px arial, helvetica, sans; padding: 8px 8px; }
      
input[type="submit"],
input[type="button"],
.button                  { 
      -moz-border-radius:     2px; 
      -webkit-border-radius:   2px; 
      border-radius:           2px;
      -moz-box-shadow:       0 -1px 0 rgba(0, 0, 0, .1) inset, 0 1px 0 rgba(255, 255, 255, .15) inset, 0 1px 3px rgba(0, 0, 0, .3);
      -webkit-box-shadow:   0 -1px 0 rgba(0, 0, 0, .1) inset, 0 1px 0 rgba(255, 255, 255, .15) inset, 0 1px 3px rgba(0, 0, 0, .3);
      box-shadow:           0 -1px 0 rgba(0, 0, 0, .1) inset, 0 1px 0 rgba(255, 255, 255, .15) inset, 0 1px 3px rgba(0, 0, 0, .3);
      background: #f1f4f5; 
      background: #2a8be2;
      background: -moz-linear-gradient(50% 0, #2a8be2, #0f5798);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#2a8be2), to(#0f5798));
      border: none; color: #fff; cursor: pointer;
      font: 800 normal 13px/14px "Open Sans", sans-serif; 
      margin: -2px 0 0; padding: 8px 20px; position: relative; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); }

input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover            {  
      background: #2a8be2;
      background: -moz-linear-gradient(50% 0, #0f5798, #2a8be2);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#0f5798), to(#2a8be2)); }
      
/**
 **
 **         =========      layout
 **
 ***/
 
#content                { margin: 0 auto; width: 520px; }

.bd_box                { 
      -moz-border-radius:     2px;
      -webkit-border-radius:   2px;
      border-radius:           2px;
      -moz-box-shadow:       0 1px 1px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .1);
      -webkit-box-shadow:   0 1px 1px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .1);
      box-shadow:           0 1px 1px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .1);
      background: #fff; }
      
.bd_box                { 
      -moz-border-radius:     1px;
      -webkit-border-radius:   1px;
      border-radius:           1px;
      -moz-box-shadow:       0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(0, 0, 0, .1);
      -webkit-box-shadow:   0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(0, 0, 0, .1);
      box-shadow:           0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(0, 0, 0, .1);
      background: #fff; border: none; overflow: hidden; margin-bottom: 40px; padding: 0; }

.bd_box .box_head,
.bd_box > form > h3,
.bd_box > h3            { 
      -moz-box-shadow:       0 1px 0 rgba(255, 255, 255, .1) inset, 0 3px 0 #2c8ee6 inset, 0 4px 0 #fff inset, 0 -1px 0 rgba(0, 0, 0, .07) inset;
      -webkit-box-shadow:   0 1px 0 rgba(255, 255, 255, .1) inset, 0 3px 0 #2c8ee6 inset, 0 4px 0 #fff inset, 0 -1px 0 rgba(0, 0, 0, .07) inset;
      box-shadow:           0 1px 0 rgba(255, 255, 255, .1) inset, 0 3px 0 #2c8ee6 inset, 0 4px 0 #fff inset, 0 -1px 0 rgba(0, 0, 0, .07) inset;
      background: -moz-linear-gradient(50% 0, #f9f9fa, #f0f1f2);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#f9f9fa), to(#f0f1f2)); 
      margin: 0; padding-top: 3px; }

.bd_box > h3,
.bd_box > form > h3,
.bd_box .box_head h3    { display: block; line-height: 24px; padding: 6px 10px 7px; text-shadow: 0 1px 0 #fff; }

.bd_box .box_head h3    { float: left; }

/**
 **
 **         =========      layout
 **
 ***/

.form                  { padding: 10px 20px 15px; }
.form:after              { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .form              { height: 1px; }
* + html .form            { min-height: 1px; }

.form.alt                { padding-top: 0; }
.form li                  { float: left; margin-right: 7px; }
.form li label              { display: block; font: bold 12px arial, helvetica, sans-serif; line-height: 16px; margin-bottom: 10px; padding: 3px 0; }

.remember              { clear: left; display: block; }
.check                  { height: 1px; line-height: 1px; position: relative; width: 1px; }
.check input              { left: 0; margin: -18px 0 0 6px; position: absolute; top: 50%; }

#tm_footnotes_debug      { display: none; }

#footer                  {  }
#footer .logos            { height: 30px; margin-bottom: 20px; position: relative; }
#footer .logos li          { text-indent: -9999px; }
#footer .logos li a          { background: url(/images/hub/logo_login.png) 0 0 no-repeat; display: block; height: 30px; position: absolute; top: 0; width: 130px; }

