#content_center {border-color: #333}

/********** Servers (Home Page) **********/

#servers {
    overflow: hidden;
    }
#servers .serverq {
    overflow: hidden;
    float: left;
    width: 600px;
    clear: both;
    list-style: none;
    padding: 0;    
    background: #333 url(../img/h4a.gif) 0 0 repeat-x;
    border-bottom: 1px solid #000;    
    }
    #servers .serverq:hover * {
			cursor: pointer;
		}
    #servers .serverq:hover {
        background: #444 url(../img/h4b.gif) 0 0 repeat-x;
        }
    #servers .selected,
    #servers .selected:hover {
        background: #444 url(../img/h1f.gif) 0 0 repeat-x;
        }
    #servers .selected * {
        color: #fff;
        }
#servers .serverq li {
    float: left;
    font-size: 11px;
    height: 23px;
    color: #fff;    
    white-space: nowrap;
    overflow: hidden;
    font-family: tahoma;
    }    
    #servers li span {
        display: block;
        text-align: center;
        padding: 5px 0;
        }
    #servers li.s-title {
        width: 240px;
        padding-left: 5px;
        border-right: 1px solid #000;                
        }
        #servers li.s-title span {
            display: block;
            padding-left: 20px;
            background-position: 0 50%;
            background-repeat: no-repeat;
            text-align: left;
            }
    #servers li.s-ip {
        width: 147px;
        text-align: center;
        border-right: 1px solid #000;               
        }
    #servers li.s-map {
        width: 155px;
        text-align: center;
        border-right: 1px solid #000;        
        }
    #servers li.s-players {        
        width: 50px;
        text-align: center;
        }

#info {
    overflow: hidden;
    border-bottom: 1px solid #000;
    padding: 5px;
    background: #404040 url(../img/h3c.gif) 0 0 repeat-x;
    }
    #info img {
        float: left;
        background: #000;
        border: 5px solid #111;
        margin-right: 5px;
        height: 120px;
        width: 160px;
        }
    #info ul {
        display: block;
        overflow: hidden;                
        list-style: none;        
        width: 405px;        
        min-height: 120px;
        padding: 5px;
        background: #111; 
        }
        #info ul li {
            display: inline;
            float: left;
            overflow: hidden;            
            margin-bottom: 1px;
            color: #ddd;
            }
            #info ul li label,
            #info ul li p {
                float: left;
                clear: none;
                height: 14px;
                padding: 5px 5px 4px 5px;                
                }
            #info ul li label {                                
                width: 110px;
                margin-right: 1px;
                font-weight: bold;
                color: #eee;
                background: #333;
                text-align: right;
                }
            #info ul li p {
                width: 274px;
                background: #262626;
                }
#details {
    background: #333;
    }
#details table {
    margin: 0;
    padding: 0;
    }        
#details table td {
    text-align: center;
    min-width: 60px;
    background: url(../img/h4a.gif) 0 0 repeat-x;
    border-bottom: 1px solid #111;
    }
#details table td:first-child  {
    text-align: left;    
    width: 100%;
    }
#details table tr.titlebar td {
    background: #161616 url(../img/td1.gif) 0 0 repeat-x;
    font-weight: bold;
    }

#details table tr.player:hover td {
    background: url(../img/h4b.gif) 0 0 repeat-x;
    color: #fff;
    }   

#urlgamestarter,
#urlgamestarter * {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    }

.loading {
    position: absolute;
    width: 600px;
    background: #000;
    text-align: center;
    color: #000;
    opacity: .5;
    }

.join {
    overflow: hidden;
    padding: 0;
    background: #333;
    border-bottom: 1px solid #000;
    }
    .join a {
        float: left;        
        background-image: url(../img/launchbtn.gif);
        margin: 0;
        height: 16px;       
        color: #ccc;        
	font-weight: bold;        
        }
    .join a.joinbtn {
        width: 91px;
        text-align: left;
        background-position: 0 0;
        padding: 5px 0 5px 22px;
        border-right: 1px solid #000;
        }
    .join a.joinhelp {
        width: 30px;
        text-align: center;
        background-position: 100% 0;
        padding: 5px 0;
        }
    .join a:hover {
        color: #fff;
        }
    .join a.joinbtn:hover {
        background-position: 0 100%;
        }
    .join a.joinhelp:hover {
        background-position: 50% 100%;
        }

div.sbase {
    overflow: hidden;
    height: 14px;
    background: url(../img/server-base.gif) 0 0 no-repeat;
    font-size: 0px;
    }
.bar {
    height: 14px;
    padding: 6px 0;
    margin: 5px 0;
    background: url(../img/base_round.gif);
    text-align: center;
    color: #ccc;
    }
    .bar a {
        color: #999;
        }
        .bar a:hover {
	    		color: #eee
				}