body

{

	background: #232D35 url('https://www.roguedynasty.net/forums/rpg/tren_z/misc/t_back.gif');

	color: #CCCCCC;

	font: 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

	MARGIN-TOP: 0px;

	MARGIN-BOTTOM: 0px;

	MARGIN-LEFT: 0px;

	MARGIN-RIGHT: 0px;	

	

	

}

a:link

{

	color: #CCCCCC;

}

a:visited

{

	color: #CCCCCC;

}

a:hover, a:active

{

	color: #F3F3F3;

}

.page

{

	background-color: #232D35;

	color: #CCCCCC;

}

td, th, p, li

{

	font: 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.log

{


	font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.tborder

{

	background-color: #131619;

	color: #CCCCCC;

}

.tcat

{

	background: #192126 url('https://www.roguedynasty.net/forums/rpg/tren_z/misc/cat_back.gif') repeat-x top left;

	color: #E3E3E3;

	font: bold 14pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.tcat a:link

{

	color: #E3E3E3;

	text-decoration: none;

}

.tcat a:visited

{

	color: #E3E3E3;

	text-decoration: none;

}

.tcat a:hover, .tcat a:active

{

	color: #E3E3E3;

	text-decoration: underline;

}

.thead

{

	background: #131619 url('https://www.roguedynasty.net/forums/rpg/tren_z/misc/tren_z_front_table_back.gif') repeat-x top left;

	color: #CCCCCC;

	font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.thead a:link

{

	color: #CCCCCC;
	font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.thead a:visited

{

	color: #CCCCCC;
	font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.thead a:hover, .thead a:active

{

	color: #CCCCCC;
	font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.tfoot

{

	background-color: #232D35;

	color: #CCCCCC;

}

.tfoot a:link

{

	color: #CCCCCC;

}

.tfoot a:visited

{

	color: #CCCCCC;

}

.tfoot a:hover, .tfoot a:active

{

	color: #CCCCCC;

}

.alt1, .alt1Active

{

	background-color: #27323B;

	color: #CCCCCC;

}

.alt2, .alt2Active

{

	background-color: #242F37;

	color: #CCCCCC;

}

.wysiwyg

{

	background-color: #232D35;

	color: #CCCCCC;

	font: 14pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

	border: 1px solid #131619;

}

textarea, .bginput

{

	background-color: #232D35;

	color: #CCCCCC;

    border: 1px solid;

    border-color: #131619;

	font: 14pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.button

{

	background-color: #232D35;

	color: #FFFFFF;

	font: 16px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

	border-top: 1px solid #181B16;

	border-right: 3px solid #181B16;

	border-left: 1px solid #181B16;

	border-bottom: 3px solid #181B16;

}

.midbutton{
	background-color: #232D35;
	padding: 0;
	display: inline-block;
	width: 10%;
        height: 25px;
	text-align: center;
	border: 5px slategray; 
	border-style: none ridge ridge;
	border-top-right-radius: 100px;
	border-top-left-radius: 100px;
	white-space: nowrap;
        line-height: 2em;
	text-decoration: none;
	margin: -2px;
}	

.midbutton:hover{
	background-color: white;
	color: #181B16;
}

.leftbutton{
	padding: 0;
	display: inline-block;
	width: 100%;
        height: 25px;
	text-align: center;
	border: 5px slategray; 
	border-style: none ridge ridge none;
	border-top-right-radius: 100px;
	white-space: nowrap;
        line-height: 2em;
}	

.leftbutton:hover{
	background-color: white;
	color: #181B16;
}

.rightbutton{
	padding: 0;
	display: inline-block;
	width: 100%;
        height: 25px;
	text-align: center;
	border: 5px slategray; 
	border-style: none none ridge ridge;
	border-top-left-radius: 100px;
	white-space: nowrap;
        line-height: 2em;
}	

.rightbutton:hover{
	background-color: white;
	color: #181B16;
}

.cmdbutton{
	padding: 0;
	display: inline-block;
	width: 100%;
        height: 30px;
	text-align: center;
	border: 5px slategray; 
	border-style: none none ridge ridge;
	border-top-left-radius: 100px;
	white-space: nowrap;
        line-height: 2em;
        background: rgb(50, 50, 50, 0.5); 
}	

.cmdbutton:hover{
	background-color: white;
	color: #181B16;
}

.skillbutton{
	padding: 0;
        display: inline-block;
        position: relative;
	width: 100%;
        height: 30px;
	text-align: left;
        vertical-align: bottom;
	border: 5px slategray; 
	border-style: none none none ridge;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	white-space: nowrap;
        background: rgb(50, 50, 50, 0.5);
	font: 14px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}	

.skillbutton:hover{
	background-color: white;
	color: #181B16;
}

.cmdhead{
	background-color: #232D35;
	padding: 0;
	display: inline-block;
	width: 90%;
        height: 20px;
	text-align: center;
	border: 5px slategray; 
	border-style: none none ridge ridge;
	border-top-left-radius: 100px;
	white-space: nowrap
}

.cancelbutton{
	background-color: #232D35;
	padding: 0;
	display: inline-block;
	width: 90%;
        height: 20px;
	text-align: center;
	border: 5px slategray; 
	border-style: ridge none none ridge;
	border-bottom-left-radius: 100px;
	white-space: nowrap
}	

.cancelbutton:hover{
	background-color: white;
	color: #181B16;
}

.itembutton{
	background-color: #232D35;
        position: relative;
	padding: 0;
	display: inline-block;
        height: 50px;
	width: 50px;
	text-align: center;
	border: 5px slategray; 
	border-style: none ridge none ridge;
	border-radius: 100px;
	white-space: nowrap
}	

.itembutton:hover{
	background-color: white;
}

.confirmbutton{
	padding: 0;
        display: inline-block;
        position: relative;
	width: 100%;
        height: 50px;
	text-align: center;
        vertical-align: bottom;
	border: 5px slategray; 
	border-style: none ridge none ridge;
	border-radius: 100px;
	white-space: nowrap;
	background-color: #232D35;
	font: 16px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}	

.confirmbutton:hover{
	background-color: white;
	color: #181B16;
}

select

{

	background-color: #232D35;

	color: #CCCCCC;

	font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

select

{

	background-color: #232D35;

    border: 1px solid;

    border-color: #131619;

	color: #CCCCCC;

	font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

option, optgroup

{

	font-size: 12px;

	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.smallfont

{

	color: #CCCCCC;

	font: 14px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.time

{

	color: #FFFFFF;

}

.navbar

{

	color: #CCCCCC;

	font: 14px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.highlight

{

	color: #CCFF00;

	font-weight: bold;

}

.fjsel

{

	background-color: #192228;

	color: #CCCCCC;

}

.fjdpth0

{

	background-color: #192228;

	color: #CCCCCC;

}

.panel

{

	background-color: #232D35;

	color: #CCCCCC;

	padding: 10px;

	border: 2px solid #131619;

}

.panelsurround

{

	background-color: #232D35;

	color: #CCCCCC;

	border: 1px solid #131619;

}

legend

{

	color: #FFFFFF;

	font: 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.vbmenu_control

{

	background-color: #192228;

	color: #CCCCCC;

	font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

	padding: 3px 6px 3px 6px;

	white-space: nowrap;

}

.vbmenu_control a:link

{

	color: #CCCCCC;

	text-decoration: none;

}

.vbmenu_control a:visited

{

	color: #CCCCCC;

	text-decoration: none;

}

.vbmenu_control a:hover, .vbmenu_control a:active

{

	color: #CCCCCC;

	text-decoration: underline;

}

.vbmenu_popup

{

	background-color: #192228;

	color: #CCCCCC;

	border: 1px solid #131619;

	text-align: left;

}

.vbmenu_option

{

	background-color: #34424C;

	color: #F1F1F1;

	font: 14px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

	white-space: nowrap;

	cursor: pointer;

	border: 1px solid #131619;

}

.vbmenu_option a:link

{

	color: #F1F1F1;

	text-decoration: none;

}

.vbmenu_option a:visited

{

	color: #F1F1F1;

	text-decoration: none;

}

.vbmenu_option a:hover, .vbmenu_option a:active

{

	color: #FFFFFF;

	text-decoration: none;

}

.vbmenu_hilite

{

	background-color: #768F9F;

	color: #101A21;

	font: 14px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

	white-space: nowrap;

	cursor: pointer;

	border: 1px solid #131619;

}

.vbmenu_hilite a:link

{

	color: #101A21;

	text-decoration: none;

}

.vbmenu_hilite a:visited

{

	color: #101A21;

	text-decoration: none;

}

.vbmenu_hilite a:hover, .vbmenu_hilite a:active

{

	color: #101A21;

	text-decoration: none;

}

/* ***** styling for 'big' usernames on postbit etc. ***** */

.bigusername { font-size: 11pt; }



/* ***** small padding on 'thead' elements ***** */

td.thead, div.thead { padding: 4px; }



/* ***** basic styles for multi-page nav elements */

.pagenav a { text-decoration: none; }

.pagenav td { padding: 2px 4px 2px 4px; }



/* ***** define margin and font-size for elements inside panels ***** */

.fieldset { 

margin-bottom: 6px; 

border: 2px solid #131619;

}

.fieldset, .fieldset td, .fieldset p, .fieldset li {font-size: 11px;}



/* ***** don't change the following ***** */

form { display: inline; }

label { cursor: default; }

.normal { font-weight: normal; }

.inlineimg { vertical-align: middle; }



Table.border {

border-left: 1px #131619 solid;

border-right: 1px #131619 solid;

border-bottom: 1px #131619 solid;

border-top: 1px #131619 solid;

}



.info {

padding-left: 3px;

padding-right: 0px;

padding-top: 3px;

padding-bottom: 3px;

background-color: #192126;

border-top: 1px solid #181B16;

border-right: 2px solid #181B16;

border-left: 1px solid #181B16;

border-bottom: 2px solid #181B16;

margin-bottom: 3px;

}

.style1 {

	text-decoration: none;

}