/* 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;    
}

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

#wcwp {
	font-size: 22px;
	font-family: sans-serif;
	font-weight: bold;
	padding: 2px;
	color: #eee;
}

#uloginform {

}

#uloginform form {
	display: inline;
}

#uloginform table {
	background:#ccc;
	font-size: 13px;
	font-family: sans-serif;
	border:2px solid #888;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 4px;
}

#uloginform a {
	font-size: 11px;
	color: #444;
}

#uloginform table td {
	padding:2px;
}

#ulogoutform {
	display: none;
	margin: 8px;
}

/* Welcome ------------------------------------------------------------------ */
#welcomeintro {
	margin: 16px;
}

#welcomeintro h1 {
	font-size: 28px;
	font-family: sans-serif;
	font-weight: bold;
	padding: 4px;
}

#welcomeintro h2 {
	font-size: 18px;
	font-family: sans-serif;
	font-weight: bold;
	padding: 4px;
}

#uregisterform {
	width: 100%;
}

#uregisterform table {
	width: 95%;
}

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

.abut {
	border: 2px solid #888;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 4px;
	font-weight: bold;
	font-size: 17px;
}

#uregisterform h3 {
	border-bottom: 1px solid #888;
	margin-top: 6px;
}

#uregisterform .info {
	color: #824;
}

#uregisterform a {
	color: #00f;
	font-weight: bold;
}

#widpreview {
	width: 100%;
	display: none;
}

#widpreview table {
	width: 95%;
}

#widpreview h3 {
	border-bottom: 1px solid #888;
	margin-top: 6px;
}

#widpreview .info {
	color: #824;
}

#widpreview a {
	color: #00f;
	font-weight: bold;
}

#planinfo {
	color: #444;
}

.infobox {
	display: none;
	border: 2px solid #ccc;
	background: #fff;
	margin-left: 16px;
	margin-right: 16px;
	padding: 8px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	font-size: 15px;
}

.infobox a {
	color: blue;
	font-weight: bold;
	font-size: 17px;
}

.infodesc {
	color: #444;
}

#selectplanform {
	border: 2px solid #ccc;
	background: #fff;
	margin-left: 16px;
	margin-right: 16px;
	padding: 8px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

#selectplanform a {
	color: #00f;
}	

.plandiv {
	background: #fff;
	padding: 8px;
	margin: 4px;
	border: 2px solid #fff;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.planselected {
	padding: 8px;
	border: 2px solid #824;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.plandiv:hover {
	border: 2px solid #824;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.plandiv .price {
	color: #444;
	font-weight: bold;
}

/* Connect form ------------------------------------------------------------- */
#chatserverform {
    width: 380px;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}

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

.optlink0 {
    font-size: 11px;
    color: green;
}

.optlink1 {
    font-size: 11px;
    color: red;    
}

/* Header ------------------------------------------------------------------- */

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

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

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

#nickcheckresult {
    color: red;
}

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

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

.usermenu li a {
    color: white;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    font-family: sans-serif;
}

#usermenu1 {
    display: none;
}

#usermenu2 {
    display: inline;
}

#usermain {
}

#usermain table {
    height: 30px;
}

.wform {
    font-family: sans-serif;
    font-size: 15px;
    color: #222;
    border: 2px solid #888;
    background: #ccc;
    padding: 4px;
}

.uformdiv {
    margin-top: 16px;
}

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

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


/* 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;
}

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

#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;
}

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

.generaltab {
    border: 0;
    background: #bbd18a;
    font-size: 13px;
    width: 100%;
    position: absolute;
    top: 109px;
    bottom: 20px;
    text-align: left;
    overflow: auto;
}

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

.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;
}

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

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

.abuttondis {
    border: 1px solid #888;
    background: #ccc;
    font-family: sans-serif;
    font-size: 13px;
    color: #ddd;
}

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

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

#channelsearch {
    background: white;
    font-family: sans-serif;
    padding: 1px;
    font-size: 13px;
    color: #262;
    border: 1px solid #448;
}

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

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

.features li b {
    color: #448;
}

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

.welcomeblurb {
    padding: 2px;
    color: #222;
    font-size: 11px;
}

.welcomeblurb a {
    color: red;
    font-weight: bold;
}

.welcomeblurb p {
    margin-top: 6px;
    margin-bottom: 6px;
}

.welcomeblurb ul {
    margin-left: 24px;
}

/* IE fixes */

.menuspacer {
    padding-bottom: 2px;
}

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

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