/* Get things a little saner */
* { margin: 0; padding: 0; border: 0; }

/* Full screen window ------------------------------------------------------- */
html,body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: black;
    font-family: Arial, Sans-Serif;    
}

/* Connect form ------------------------------------------------------------- */
.connectform {
    width: 400px;
    margin: auto;
    margin-top: 16px;
    text-align: center;
}

.optform {
    display:none;
    border-bottom: 1px solid #aaa;
}

.optlink0 {
    font-size: 11px;
    color: green;
	text-decoration: underline;
	cursor: pointer;
}

.optlink1 {
    font-size: 11px;
    color: red;    
	text-decoration: underline;
	cursor: pointer;
}

/* Header ------------------------------------------------------------------- */
#header {
    padding-bottom: 6px;
    text-align: left;
    background: url(/gfx/top-bg.png) repeat-x;
    height: 77px;
}

#header table {
    width: 100%;
    height: 77px;
}

#findchannels {
    color: #222;
    font-size: 11px;
    font-family: Arial, sans-serif;
    padding: 4px;
}

#findchannels form {
    display: inline;
}

#findchannels .egeg {
    font-size: 9px;
    color: #262;
}

#findchannels .egegt {
    color: #282;
}

#serverstatus {
    font-size: 13px;
    color: red;
}

#laginfo {
    font-size: 13px;
    color: #ccc;
	cursor: pointer;
}

#clientstatus {
    font-size: 13px;
    color: #cc0;
	margin-left: 12px;
}

#loginstatus {
    font-size: 13px;
    color: #ccc;
    margin-left: 12px;
}

#nickcheckresult {
    color: red;
}

/* Login stuff for now */
.usermenu {
    display: inline;
    list-style-type: none;
    font-family: sans-serif;
    font-size: 11px;
    color: #9f9;
}

.usermenu li {
    display: inline;
    padding-right: 2px;
    padding-left: 2px;
}

#footertop {
    color: #cec;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    font-family: sans-serif;
    padding-right: 4px;
}

#mibver {
    color: #ccf;
    margin-right: 10px;
}


#usermain {
}

#usermain table {
    height: 30px;
}

.uformdiv {
    display: none;
}

.uformdiv form {
    font-family: sans-serif;
    font-size: 11px;
    color: #cad69f;
    display: inline;
}

.uformdiv input {
    border: 1px solid #51661c;
    background: #eee;
    font-size: 11px;
    padding: 1px;
}

#googa {
    margin-right: 1px;
    margin-top: 1px;
}

/* Footer ------------------------------------------------------------------- */
#footer {
    background: url(/gfx/bottom-bg.png) repeat-x;
    font-size: 11px;
    font-family: Arial, sans-serif;
    text-align: left;
    color: #eee;
    height: 20px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 100;
}

#footerinner {
    padding: 2px;
}

#footer .sep {
    color: #888;
}

#footer .footercopy {
    margin-right: 10px;
    color: #aaa;
    font-size: 13px;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

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

#tabs {
    text-align: left;
    padding-top: 6px;
    height: 20px;
    overflow: hidden;
}

#chats {
    clear: both;
    z-index: 100;
}

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

.atable {
    border-collapse: collapse;
    margin: 5px;
}

.atbody {
    border: 1px solid #aaa;
    background: white;
    font-size: 11px;
    padding: 2px;
    text-align: right;
}

.atbodyv {
    border: 1px solid #aaa;
    background: white;
    font-size: 11px;
    padding: 2px;
    text-align: left;
}

.athead {
    border: 1px solid #aaa;
    font-size: 11px;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    color: #ccf;
    background: #228;
}

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

.grouphead {
    text-align: center;
    background: #ccc;
    padding: 4px;
    font-size: 15px;
    color: #51661c;
    font-weight: bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.formhelper {
    font-size: 11px;
    color: #888;
}

.abutton {
    border: 1px solid #484;
    background: #ded;
    padding: 2px;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 13px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.aselect {
    border: 1px solid #484;
    background: white;
    font-family: sans-serif;
    font-size: 13px;
    color: #222;
}

.ainput {
    background: #fff;
    padding: 2px;
    font-family: Sans-Serif;
    font-size: 13px;
    color: #222;
    border: 1px solid #484;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.features {
    list-style-position: inside;
}

.features li {
    font-size: 11px;
    color: #446;
}

.features li b {
    color: #448;
}

/* IE fixes */

.menuspacer {
    padding-bottom: 2px;
}

/* IE Sucks so bad it hurts my brain */
.iescrollfix {
    padding-right: expression("15px");
}

.iescrollfix2 {
    margin-right: expression("15px");
}

/* index.html stuff */
#nojsmsg {
    padding: 2px;
    text-align:center;
    color:red;
    font-weight:bold;
    font-size:15px;
}