html { width:100%; height:100%; }
body { 
        margin:0px;
        padding:0px;
        border:0px;
        width:100%;
        height:100%;
        background:#000;
        color:#fff;
        min-width:300px;
        font-size:90%;
        background-image:url('/img/bg.png');
	background-size: 64px 64px;
}
a {
        color:#fff;
}
a:hover {
        color:#fff;
}
h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
}
.layoutParent {
        display:table;
	table-layout: fixed;
        height:100%;
        width:100%;
}
.layoutRow {
        display:table-row;
	height:inherit;
}
.layoutSection{
        display:table-cell;
	height:inherit;
}
.layoutResizing{
}
.layoutFixed{
        height: 34px;
        overflow-x:auto;
        overflow-y:hidden;
	display:inline-block;
}
.widthScroll{
	overflow-x:auto;
}
.header{
        height:34px;
        min-height:34px; 
}

.mainImage {
        width:100%; 
}
.transDivStatic {
        display: block; 
}
.transDivForm {
        display: none;
}
.menueditstatic {
        display: block;
}
.menueditform {
        display: none;
}

.t00 {
        background:#000; 
}   
.t10 { 
        background:#002;
}
.t01 {
        background:#020;
}
.t11 {
        background:#022;
}
.userbanned {
        color:#f00;
}
.uservisitor {
        color:#ddd;
}
.useruser {
        color:#fff;
}
.userprevi {
	color:#0aa;
}
.userstudent {
	color:#fa0;
}
.usertrusted {
        color:#ff0;
}
.usercommittee {
        color:#0f0;
}
.useradmin {
        color:#f0f;
}
.arrowLeft {
        position:fixed;
        top:50%;
        left:0;
        background:#000;
        opacity:0.5;
}
.arrowRight {
        position:fixed;
        top:50%;
        right:0;
        background:#000;
        opacity:0.5;
}
#bigImage img {
        width:100%;
        height:100%;
}
.annoyingInnerTable{
/*	display:table;*/
	width:100%;
/*	table-layout:fixed;*/
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	height:34px;
}
.annoyingInnerRow{
/*	display:table-row;
	min-width:800px;*/
	height: 34px;
}
.mainMenu {
        list-style-type: none;
        height:34px;
        width:100%;
        border: 0px;
        padding: 0px;
        cursor: default;
        margin:0px;
}
.mainMenu li{
        list-style-type: none;
        float:left;
}
.mainMenuSection{
	display:inline-block;
        height:34px;
}
.mainMenuWhole {
	height:34px;
/*	width:100%;*/
	min-width:0px;
	text-align: left;
	overflow:hidden;
	display:inline-block;
}
.mainMenuWhole > .dropMenu {
        display:none;
}
.mainMenuWhole:hover > .dropMenu {
        display:block;
}
.mainMenu div.mainMenuSection a { color:#fff; display:block; width:100%; text-decoration: none; }
.dropMenu {
	position:absolute;
        top:34px;
        list-style-type: none;
        background: #000;
        padding: 5px 5px 5px 5px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        border-radius: 17px;
        border: #555555 solid 4px;
	margin:0px 0px 0px 0px;
}
.dropMenu li{
        float:none;
        list-style-type: none;
}
.copyrightMenu{
	position:fixed;
	top:34px;
	left:0px;
	right:100%;
	width:100%;
	margin:0px;
}
.copyrightMenu li{
	display:block;
	white-space: normal;
}
.mainMenuWhole:hover > .copyrightMenu {
        display:inline-block;
}
.leftimage{
        float:left;
        width:34px;
        height:34px;
        overflow:hidden;
}
.rightimage{
        float:right;
        width:34px;
        height:34px;
        overflow:hidden;
}
.toptext{
        width:150px;
        height:40px;
        overflow:hidden;
        font-size:small;
        text-align:center;
}
.identity{
        height:34px;
        overflow:hidden;
}
.creepdoodle {
        max-height:50%;
        max-width:50%;
        overflow:hidden;
        position:fixed;
        right:0px;
        bottom:0px;
}
.bubble
{
position: relative;
padding: 5px 5px 5px 5px;
background: #000000;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border: #555555 solid 4px;
}
.bubblex{
background:#ff0000;
float:right;
}
.buttonmain{
height:34px;
overflow:hidden;
}
.buttonleft{
background-image:url(/img/btn-left.png);
width:12px;
height:34px;
display:inline-block;
}
.buttonright{
background-image:url(/img/btn-right.png);
width:12px;
height:34px;
display:inline-block;
}
.buttonmiddle{
background-image:url(/img/btn-middle.png);
height:34px;
display:inline-block;
line-height:34px;
vertical-align:top;
}
#ChatWindowAll {
        position:fixed;
        top:0px;
        height:252px;
	overflow-y:auto;
}
.ChatTitle{
        background-color:#444444;
        border:1px solid white;
}
.ChatTitleAlter{
        background-color:#ff0000;
        border:1px solid white;
}
.ChatServerList{
        background-color:#000044;
        list-style-type: none;
        cursor: default;
        float:right;
        border: 1px solid white;
        width:150px;
        margin:0px;
        padding:0px;
}
.ChatServerList li{
        list-style-type: none;
        float:bottom;
}
.ChatUserList{
        float: none;
        list-style-type: none;
        margin:0px;
        padding:0px;
	width:230px;
}
.ChatUserList li {
        float: none;
        list-style-type: none;
        margin:0px;
        padding:0px;
}
.inputbox {
        min-height:10px;
        width:100%;
        background-color:#222222;
}
.inputbox2 {
	position:absolute;
	height:20px;
	bottom:0px;
	left:0px;
	right:0px;
}
.InputText{
        margin: 0px;
        padding: 0px;
        border: 0px;
        background-color:#222222;
        color:#ffffff;
	width:100%
}
.InputButton{
        margin: 0px;
        padding:0px;
        border: 0px;
        background-color:#333333;
        color:#ffffff;
        float:right;
}
.ChatServerList li > ul{
        display:none;
}
.ChatServerList li:hover > ul {
        display:block;
}

.ChatWindow{
        height:250px;
        width:250px;
        border:1px solid white;
        background-color:#000000;
        overflow:hidden;
	top:0px;
        position:fixed;
}
.ChatMain {
        background-color:#000000;
        width:100%;
        height:100%;
        min-height:70px;
        overflow:hidden;
}
.ChatMain2 {
	position:absolute;
	top:20px;
	bottom:20px;
	left:0px;
	right:0px;
	background-color:#000;
}
.ChatBox {
        width:100%;
	height:100%;
        overflow-y:scroll;
}
.ChatBox2 {
	width:100%;
        height:100%;
        max-height:100%;
	overflow-y:scroll;
}
.ChatTab{
	display:inline-block;
}
.ChatTabAlter{
	display:inline-block;
	background-color:#c00;
}
.ChatTabChosen{
	display:inline-block;
	background-color:#00c;
}
.ChatIcon {
	width:16px;
	height:16px;
	background-color:#fff;
}
.ChatNoIcon {
	width:0px;
	height:0px;
}
.ChatTime{
	display:inline-block;
	font-size:xx-small;
	width:65px;
}
.ChatNoTime{
	display:none;
}
.loginScreen{
	display:inline-block;
	position:fixed;
	left:0px;
	top:34px;
	width:100%;
	height:100%;
	text-align: center;
}
.loginPanel{
	display:inline-block;
        background-image:url('/img/bg2.png');
        background-size: 64px 64px;
        padding: 5px 5px 5px 5px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        border-radius: 17px;
        border: #555555 solid 4px;
}
.loginSection{
	height:70px;
}
.ServerTable{
	border:0px;
	padding: 0px;
	border-collapse:collapse;
	border-spacing:0px;
}
.ServerTable tr td{
	border: 2px solid #333333;
	padding: 4px;
}
.code {
width: auto;
border: #800 solid 1px;
background: #400;
}
.newsPiece {
padding-bottom:15px;
}
.newsHeader {
font-weight:bold;
display:inline-block;
height:64px;
width:100%;
background-color:rgba(0,0,0,0.7);
border-bottom:1px solid #222;
margin-bottom:15px;
}
.newsIcon {
display:inline-block;
}
.newsTime {
display:inline-block;
}
.newsFeed{
margin:20px 20px 20px 20px;
}
.newsName{
display:inline-block;
}
.newsInner{
display:inline-block;
}
.newsTitle{
display:inline-block;
font-size:1.5em;
}
.newsOlder{
float:right;
}
.newsNewer{
clear:both;
float:left;
}
.errorBox{
border:1px solid #ff0000;
background:#440000;
}
.newsImage{
max-height:300px;
max-width:300px;
}
.newsCommentID{
float:left;
background:#222;
text-align:center;
border-left:5px solid #222;
border-right:5px solid #222;
border-bottom:1px solid #222;
}
.newsComment{
background-color:rgba(0,0,0,0.1);
border-top:1px solid #222;
margin-left:30px;
}
.newsButtons{
text-align:right;
width:100%;
clear:both;
}
.userimageitem{
display:inline-block;
}
.accountTable td{
padding-left:4px;
border-left:solid 1px #222;
}
.galleryImageImg{
max-width:400px;
max-height:300px;
}
.galleryTagList{
float:right;
display:inline-block;
padding: 10px 10px 10px 10px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border: #006 solid 4px;
background: #004;
}
.galleryTag{
display:inline-block;
padding: 5px 5px 5px 5px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border: #006 solid 4px;
background: #004;
}
.galleryToggleFeature{
display:inline-block;
padding: 5px 5px 5px 5px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border: #600 solid 4px;
background: #400;
}
.galleryTag a{
text-decoration: none;
}
.img-profile-feature{
max-width:200px;
max-height:200px;
}
.wysiwygfield{
background:#000;
color:#fff;
width:100%;
height:50%;
min-height:100px;
}
.imagepicker{
border: 1px #333 solid;
}
.imagepickertn{
max-width:100px;
max-height:100px;
}
.UserPicker{
display:inline-block;
position:fixed;
top:0px;
left:0px;
margin:auto auto auto auto;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
text-align:center;
}
.UserPickerInner{
display:inline-block;
padding:auto auto auto auto;
width:310px;
height:210px;
background:#111;
}
.UserPickerUser{
width:300px;
height:50px;
}