/* CSS */
body {
	background-color: #e8e8e8;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;    font-size: 11px;
    font-weight: 0;
    margin: 0;
    padding: 0;
    color: #222222; 
    text-align: center;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
.clear { clear: both; height: 0px; }
h1, h2, h3 { margin:0; padding:0;}

input[type='text'], input[type='password'], input[type='search'], textarea {
  border: 1px solid #ddd;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  font-size: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
textarea { font-size: 12px;   font-family: Courier, "Courier New", Monaco, fixed; }
#login input[type='text'], #login input[type='password'] { 
	font-size: 200%; letter-spacing: 1px;
}
.input { width: 500px; }

.textarea { width: 500px; height: 200px;}
.select { width: 400px; font-size: 150%; }

#login { 
	background-image: url(/images/login.png); background-repeat: no-repeat; width: 400px; height: 250px; padding-top: 40px; margin-top: 100px;
}

#login label { text-align: left; font-weight: bold; float: left; margin-left: 60px;   }
#login br { clear: both; }
a.login_button { background-image: url(/images/login_button.png); background-repeat: no-repeat; display: block; width: 175px; height: 60px; margin-top: 20px;}
a.login_button:hover { background-position: 0px -65px; }

#header { background-image: url(/images/headerbg.png); background-repeat: repeat-x; height: 33px; text-align: left; }

#headerlinks { vertical-align: top; }
#headerlinks a { font-size: 12px; color: #efefef;  padding-left: 10px; display: block; float: left; padding-right: 10px; margin-top: 10px !important;}
#headerlinks a:hover { color: #ffffff; text-decoration: none; }
#logout { position: absolute; right: 0; margin-right: 10px;}
#cbody { padding-top: 10px; }

#cbody td { vertical-align: center; }

#nav { text-align: left; vertical-align: top; font-family: arial, sans-serif; font-size: 12px;}
#nav h3 { margin: 0; padding: 0; text-transform: capitalize; color: #999999; font-size: 12px; padding-left: 11px; padding-bottom: 5px; font-weight: bold; }
#nav b { font-weight: normal; color: #444444; padding-left: 15px;}
#nav a b { font-weight: normal; color: #999999; padding-left: 0px;}
#nav a:hover b { font-weight: bold; }
#nav a { margin-left: 15px; display: block; color: #444444; width: 150px; padding-bottom: 4px; }
#nav a:hover { color: #111111; text-decoration: none; }

#appbody { vertical-align: top; text-align: left;}
#appbody h3 { margin: 0; padding: 0; text-transform: capitalize; color: #999999; font-size: 16px; font-weight: bold; }
#appbody input[type='text'], #appbody input[type='password'] { 
	font-size: 200%; letter-spacing: 1px; width: 300px;
}
#appbody select { font-size: 200%; letter-spacing: 1px; width: 300px;}
#forms { 
	 width: 400px; height: auto;
}
#forms label {float: left; margin-left: 50px;}
a.save_button { background-image: url(/images/save.png); background-repeat: no-repeat; display: block; width: 175px; height: 60px; margin-top: 20px;}
a.save_button:hover { background-position: 0px -65px; }
#msg { background-color: #333333; color: #efefef; visibility: hidden; display: none; padding-top: 12px; }

a.install_button { background-image: url(/images/install.png); background-repeat: no-repeat; display: block; width: 175px; height: 60px; margin-top: 20px;}
a.install_button:hover { background-position: 0px -65px; }
#short { padding-left: 20px; color: #858585; }

#manage {margin-top: 20px; }
#manage #head { background-image: url(/images/thead.png); background-repeat: repeat-x; height: 20px; font-size: 12px; }

#manage #head td { border-bottom: 1px solid #888888; text-align: center; }

#manage #list {  text-align: center; }
#manage #list td { border-bottom: 1px solid #cdcdcd; padding: 5px; }

.td1 { background-color: #f5f4f4; }
.td2 { background-color: #ffffff; }

#manage a img { position: absolute; margin-left: -18px;}
#manage a { margin-left: 20px; margin-right: 10px; color: #444444;  }
#manage a:hover { color: #111111; text-decoration: none; }
#manage b { color: #cdcdcd; }

#paginate a { padding-left: 10px; padding-right: 10px; color: #444444; }
#paginate a:hover { color: #999999;}

#serverManage { margin-top: 25px; margin-left: 100px; }
#serverManage a { background-image: url(/images/thead.png); display: block; float: left;  padding-left: 10px; margin-right: 10px; margin-left: 10px; padding-right: 10px; font-weight: bold; color: #111111; border: 1px solid #888888; height: 15px;  }

#serverManage a.tabSelect { border-bottom: 1px solid #ffffff; }

#serverArea { width: 75%;  border: 1px solid #888888; margin-top: -1px;}

#channels a { color: #443344; font-size: 14px; }
#tree { width: 13px; height: 10px; position: absolute; border-left: 1px dotted #999999; border-bottom: 1px dotted #999999;  }

#titleLogo { color: #ffffff; font-size: 18px; padding-left: 10px; padding-top: 5px;    }