html, body
{
	background-color: #191919;
	color: #33aec6;
	margin:  0px;
	padding: 0px;
	font-family: "Trebuchet MS1", "Trebuchet MS", sans-serif;
    font-size: 12pt;
    background-image: url("images/bg.png");
}

div.topbar
{
	width: 100%;
	height: 30px;
	margin: 0px auto;

	line-height: 30px;
	background-color: #202020;
	border: 1px solid #333333;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	padding-left: 6px;
	padding-right: 6px;

	vertical-align: middle;
	background: url(images/b20.png);
}

a:link {color:#33aec6; text-decoration: none;}
a:visited {color:#33aec6;}
a:hover {color:#19df6b;}
a:active {color:#19df6b;}

form.loginbar
{
    display: inline;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 8pt;
}

.inputtext, .inputbtn, .inputbtn-nomargin, .inputtextsearch
{
    background-color : #001122;
    border: 1px solid #000515;
    width: 80px;
    color: #33aec6;
    height: 20px;
    padding: 4px;
    font-size: 8pt;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 10px;
    outline: none;
}

.inputbtn, .inputbtn-nomargin
{
	width: 48px;
    line-height: 10px;
}

.inputbtn-nomargin
{
    margin: 0px;
}

.inputtextsearch
{
    height: 25px;
    width: 200px;
    font-size: 10pt;
    font-weight: bold;
}

.inputbtnfree
{
    background-color : #001122;
    border: 1px solid #888888;
    color: #33aec6;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 20px;
    padding: 4px;
    font-size: 10pt;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 10pt;
    display: inline-block;
    line-height: 1px;
}

.textsmall
{
	font-size: 8pt;
	clear: both;
	display: inline;
}

.textbold
{
	font-weight: bold;
	clear: both;
	display: inline;
}

.alignright
{
	float: right;
	clear: both;
	display: inline;
}

div.menuoption
{
	background-color : #001100;
    border: 1px solid #888888;
    color: #33aec6;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    display: table-cell;
}

div.filemanagebuttoncontainer
{
    background-image: url("images/b20.png");
    border: 1px solid #000000;
    color: #33aec6;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    display: table-cell;
}

#gridcontainer
{
    background-image: url("images/b20.png");
    border: 1px solid #132435;
    color: #33aec6;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    display: table-cell;
}

div.griditem, div.griditemselected
{
    background: url('images/b80.png');
    border: 1px solid #132435;
    width: 80px;
    height: 80px;
    color: #33aec6;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    clear: both;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
}

div.griditemselected
{
    border: 2px solid #FF9933;
}

div.pad
{
	text-align: center;
    vertical-align: middle;
    position: relative;
    display : table-cell;
    padding: 10px;
    clear: both;
    margin: 0px;
}

.gridimage
{
	vertical-align: middle;
}

div.smallbreak
{
	padding: 0px;
    margin: 0px;
}

div.pagenum
{
	margin: 10px;
	display: table-cell;
}

div.baroption
{
    margin: 0px;
    padding: 0px;
    display: inline;
    margin-left: 5px;
    border-left: 1px solid #333333;
    padding-left: 9px;
}

div.mainmessage, div.optionbox, div.alertmessage, div.updatedmessage, div.listuser
{
    background-image: url("images/b20.png");
    /*border: 1px solid #090909;*/
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: table-cell;
    padding: 12px;
    box-shadow: 0px 0px 2px #000000 inset;
}

div.alertmessage, div.updatedmessage
{
    color: #FF6633;
    font-size: 8pt;
    padding: 6px;
}

div.updatedmessage
{
    color: #66FF66;
}

div.hidden
{
    visibility: hidden;
    height: 0px;
    display: block;
    padding: 0px;
    margin: 0px;
}

div.shown
{
    visibility: visible;
    display: table-cell;
}

div.optionbox, div.listuser
{
    padding: 4px;
    margin-top: 8px;
    display: block;
    /*width: 85px;*/
}

div.listuser
{

}

.fontred
{
    color: #FF0000;
}

.fontgrey
{
    color: #999999;
}

.fontsmall
{
    font-size: 10pt;
    display: inline;
}

.fontlarge
{
    font-size: 14pt;
    display: inline;
}

.fontorange
{
    color: #FF6633;
}

.fontgreen
{
    color: #66FF66;
}

}
.fname
{
    width: 80px;
    font-size: 8pt;
    display: inline-block;
}

.inline
{
    display: inline;
}

.previewcontent
{
    display: inline-block;
    /*width: 72px;
    height: 72px;*/
    vertical-align: middle;
    text-align: center;
    /*background-color: #00ff00;*/
}

div.patchnotetitletext
{
    font-size: 12pt;
    text-align: center;
}

div.patchnotebodytext
{
    text-align: left;
    font-size: 10pt;
    width: 512px;
}

div.patchnotesubtext
{
    font-size: 7pt;
    text-align: center;
}

hr {
    border: 0;
    width: 100%;
    height: 1px;
    background-color: #111111;
    box-shadow: 0px 0px 4px #111111;
}

.invis
{
    display: inline-block;
}

a.clickable
{
    cursor: pointer;
}