/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
* { outline:none;}

.fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fix { display:inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }
.clear { clear:both; }

/* Font
-------------------------------------------------------------- *

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  line-height: 1.5;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.required   {  }/* for Form Labels */

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }




/* Text elements
-------------------------------------------------------------- */

p           { }
strong      { font-weight: bold; }
em	        { font-style: italic; }
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}


/* Form settings
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input[type="text"], input[type="password"], textarea, select { border-color:#ABADB3 #DBDFE6 #E3E9EF #E2E3EA; border-style:solid; border-width:1px; }

select, input, textarea { font-family:Arial, sans-serif; font-size:12px;}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover { border-color:#5794BF #B7D5EA #C7E2F1 #C5DAED; border-style:solid; border-width:1px; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-color: #FFF8D5; border: solid 1px #6B91BF; outline: solid 1px #0087F4; color: #000000; }

select:hover { cursor: pointer; }

#login_screen { width:494px; margin:0 auto; position:relative; top:100px;}
.company-logo { float:left; width:82px; height:67px; overflow:hidden;}
.company-name { float:left;  width:394px;  white-space:nowrap;}
.company-info { overflow:hidden;margin:10px 0 0 0;}
.company-info h2 {color:#0087F4; margin:10px 0 0 20px; font-weight:bold;}
.form-container { clear:both; margin:10px 0 0 0;}
.login, .lost-pw, .pw { 
-moz-border-radius:11px;
border-radius: 11px;
-webkit-border-radius:11px;
-moz-box-shadow:0 4px 18px #C8C8C8;
box-shadow:0 4px 18px #C8C8C8;
-webkit-box-shadow:0 4px 18px #C8C8C8;
border:1px solid #E5E5E5;}

form { margin:20px;}
.form-container label { width:120px;  float:left; text-align:left; font-size:15px; color:#777777; margin:3px 20px 0 0; font-weight:bold; display:inline;}
.form-container .field { margin-bottom:20px; }

.form-container .field input { padding:5px; width:300px; font-size:16px; font-weight:bold;}
*html .login .field input { width:295px;}
#submit { margin-left:353px;cursor:pointer;  background:url(/images/button_login.png) no-repeat top; width:99px; height:36px; border:none; font-size:14px; font-weight:bold; color:#FFF;}
#submit:active { background-position:bottom;}
.links { margin-top:10px; color:#AFAFAF;}
.links a {float:left;text-decoration:none; color:#0087F4; font-size:13px; font-weight:bold;}
.links a:hover { text-decoration:underline;}
.links .back {float:right; display:none;}
.links .l1 { background:url(/images/sep_login.png) right center no-repeat; padding-right:6px;}
.links .l2 { margin-left:4px;}
.login {}
.lost-pw { display:none;}
.pw {display:none; }

.errorbox  {}
.finfo, .fnotice, .fwarning, .ferror, .fvalidation {background-position:8px 50%;background-repeat:no-repeat;font-size:12px;padding:10px 6px 10px 50px; margin:10px 0 0 0;}
.ferror {background-color:#FFA29C;background-image:url("/images/ferror_login.png");border:1px solid #DB1608;color:#000000;}