#current-events table tr td {
  white-space: no-wrap;
  padding: 5px;
  }
#create-event {
  margin-bottom: 1px;
  }
#create-event ul {
  list-style: none;
  padding: 5px;
  background: #000 url(../img/popup.gif) 50% 50% no-repeat;
  }
  #create-event form {
		display: block;
		margin: 0;
		padding: 0;
		}
  #create-event ul li {
    overflow: hidden;    
    padding: 5px;       
    }
    #create-event ul li label {
      float: left;
      width: 120px;
      color: #ccc;
      font-weight: bold;
      font-size: 10px;
      text-transform: uppercase;
      text-align: right;
      padding: 4px 10px 0 0;
      }
    #create-event ul li input,
    #create-event ul li select,
    #create-event ul li textarea,
    #create-event ul li span,
    #create-event ul li img {
      float: left;
      margin-right: 1px;
      }
    #create-event ul li span {
      padding: 3px;
      }
    #create-event ul li input,
    #create-event ul li select,
    #create-event ul li textarea {      
      background: #000;
      border: 1px solid #333;
      color: #eee;      
      }
    .title input { width: 350px; }
    .game select,
    .gametype select,
    .type select { width: 250px; }
    .server input,
    .server select,
    .password input { width: 170px }
    .notes textarea { width: 350px; height: 100px; }
    .date input { width: 160px } 
    .time select { width: 50px; }    
    .time span { color: #fff; font-weight: bold; }
    .submit { margin-left: 130px; text-align: left; }

#liandri-servers option {
  padding-left: 22px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  }  

#createbtn,
#nologin {
  overflow: hidden;
  margin-top: 5px;
  background: url(../img/base_round2.gif) 0 0 no-repeat;
  height: 30px; 
  }
  #createbtn a {
    float: right;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    }
    #createbtn a img {
      display: block;
      border: none;
      }
  #nologin p {
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 8px;
    font-weight: bold;
    }
    #nologin p a {
      color: #ffdd00;
      text-decoration: underline;
      }
      
#event-details {
  background: #333;
  }
  #event-details ul {
    list-style: none;
    overflow: hidden;
    }
    #event-details ul li {
      overflow: hidden;
      display: inline;
      float: left;
      border-bottom: 1px solid #000;
      }
      #event-details ul li label,
      #event-details ul li span {
        float: left;
        padding: 5px 10px;
        }
      #event-details ul li label {
        width: 80px;
        background: url(../img/h4c.gif) 0 0 repeat-x;
        color: #ccc;
        font-weight: bold;
        text-align: right
        }
      #event-details ul li span {
        width: 479px;
        background: url(../img/h4a.gif) 0 0 repeat-x;
        border-left: 1px solid #000;
        color: #eee;        
        }

.event-link {
  color: #fff;
  font-weight: bold;
  padding-left: 14px;
  background: url(../img/link.gif) 0 50% no-repeat;
  }  
.online { color: #82ff5c; }
.offline { color: #ff3000; }
.online,
.offline {
  float: right;
  text-align: center;
  padding: 5px 5px;
  margin: -5px -10px;
  border-left: 1px solid #111;
  background: url(../img/h4c.gif) 0 0 repeat-x;
  width: 60px;
  }
.player {  
  color: #fff;
  }
.starter {
  font-weight: bold;
  color: #fff;
  }
.blank {
  font-style: italic;
  color: #999;
  }
.void {
  color: #999;
  text-align: center;
  font-style: italic;
  font-size: 12px;  
  }
#notes {
  color: #fff;
  padding: 10px;
  background: #222;  
  border-bottom: 1px solid #000;
  font-size: 12px
  }

#user-status {
  overflow: hidden;
  padding: 5px;
  background: url(../img/h4c.gif) 0 0 repeat-x;
  border-bottom: 1px solid #000;
  }
  #user-status label {
    float: left;
    color: #ddd;
    font-style: italic;
    padding: 5px;
    font-size: 12px;
    }
  #user-status input {
    float: right;
    margin-left: 5px;
    }

#chat {  
  background: url(../img/chat.gif) 0 0 repeat-x;  
  border-bottom: 1px solid #000;
  }
  #chat .window {
    overflow: auto;
    height: 140px;
    }
  #chat #input {
    overflow: hidden;
    padding: 5px;
    background: #282828 url(../img/h1f.gif) 0 0 repeat-x;
    border-top: 1px solid #000;
    }
    #chat #input input {
      float: left;
      background: #111;
      border: 1px solid #111;
      color: #ddd;
      width: 477px;
      }
    #chat #input a {
      float: right;
      height: 13px;
      background: url(../img/h4c.gif) 0 -3px;
      border: 1px solid #111;      
      padding: 2px 40px 3px 40px;    
      }
      #chat #input a:hover {        
        background-image: url(../img/h4a.gif);
        color: #fff;
        }
#messages {  
  }
  #messages p {
    overflow: hidden;    
    padding: 3px;
    }
    #messages p:hover {
      background: #222;
      }
    #messages p label {
      overflow: hidden;
      clear: none;      
      white-space: nowrap;
      width: 230px;
      float: left;
      }
    #messages .time {
      color: #555;
      }
    #messages .username {
      font-weight: bold;
      color: #ddd;
      }
    #messages .message {
      float: left;
      width: 340px;
      color: #ccc;      
      }
      
.refresh {
  overflow: hidden;
  }
  .refresh label,
  .refresh input {
    float: left;
    }
  .refresh input {
    margin: 0 5px 0 0;
    }
  .refresh label {
    font-weight: normal;
    font-size: 11px;
    }    
.timeleft {
  color: #aaa;
  }