/* default.css */

@charset "UTF-8";
@media screen, projection
{
  html * { font-size: 100.01%; }
  body {
    background  : #444;
    color       : #ccc;
    font-family : Verdana, Helvetica, Arial, sans-serif;
    font-size   : 75.00%;
    border      : 0px;
    margin      : 0px;
    padding     : 0px;
  }
  
  form {
    margin:0px;
    padding:0px;
  }
      
  ul.form {
    list-style: none;
    margin: 0 0 0 25px;
    padding: 0 0 0 0;
    width:300px;
  }
  
  ul.form li {
    margin: 0 0 0 0;
    padding: 0 0 5px 0;    
  }
  
  ul.form li label.caption {
    display:block;
    width:100px;
    float:left;
    padding:4px;
  }
    
  #formbg {
    background: url(/images/site/form_back.jpg) no-repeat 0 0;    
    width:460px;
    height:260px;
    margin:30px auto;
    padding:91px 0 0 95px;
  }
  
  #formhead {
    font-size:1.2em;
    padding:25px 0 15px 25px;
    margin:0 0 0 0;
    color:white;
  }
  
  input#realm,
  input#char,
  select#style {
    width:170px;
    padding:2px;
    font-weight:bold;
    border:2px solid #00A2FF;
    background-color:#eee;
  }
  
  select#style {
    padding:0px;
    width:178px;
  }
  
  input#realm.found,
  input#char.found,
  select#style.found{
    background: #eee url(/images/site/tick.png) no-repeat center right !important;
  }
  
  input#realm.error,
  input#char.error,
  select#style.error{
    background: #eee url(/images/site/exclamation.png) no-repeat center right !important;
  }   
  
  .loadingfield {
    background: #eee url(/images/site/loading_bright.gif) no-repeat 50% 50%; 
  }
  
  ul#ulresult {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width:100%;
  }
  
  ul#ulresult li {
    color:#fff;
    width:100%;    
  }
  
  ul#ulresult li span{
    display:inline;
  }  
  
  div#realmresult {
    padding:5px;
    border:0px solid #000;
    background: #000;
    position:absolute;
    top:22px;
    left:108px;
    display:none;
    font-size:0.9em;
    font-weight:bold;
    width:170px;
  }
  
  .searchhighlight {
    color:#00A2FF;
  }
   
  #go {
    margin-top:5px;
    margin-left:108px;
  }
  
  .bb {
    height:30px;
  }
  
  div.small {
    font-size  : 0.8em;
    margin     : 25px auto;
    padding    : 0px;
    color      : #111;    
    width      : 800px;
    text-align : center;
  }
  
  div.small a { color: #111; background:transparent; font-weight: bold; text-decoration:none;}
  div.small a:focus,
  div.small a:hover,
  div.small a:active { color: #fff; background-color: transparent; text-decoration:underline; }    
  }
  
  p.error {
    margin:8px 0px;
    padding:0px;
    border:0px solid #000;
    color:#f00;
    display:block;
    width:340px;
    text-align:center;
    font-size:0.9em;
    font-weight:bold;
  }
  
  .left {
    float:left;
  }
  
  .right {
    float:right;
  }
  
  #menubar {
    margin:0px auto;
    width:960px;
    height:20px;
    background: url(/images/site/op.png) no-repeat left bottom;
    padding:5px 0px 0px 0px;
  }
  
  #menubar a { color: #fff; background:transparent; font-weight: bold; text-decoration:none; font-size:0.85em; padding:0 10px 0 10px;}
  #menubar a:focus,
  #menubar a:hover,
  #menubar a:active { color: #00A2FF; background-color: transparent; text-decoration:underline;}
}