body
{
	height:100%;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 11px;	
}	

.MenuBar
{	
	width: 100%;
	height: 30px;
	background-color: #dddddd;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #bbbbbb;
}

#ToolBar
{	
	background: url(../images/logo.gif);
	background-color: #dddddd;
	background-repeat: no-repeat;
	border-bottom: 1px solid #bbbbbb;
	width: 100%;
	height: 30px;
	text-align: right;
}

#ToolBox
{	
	background-color: #dddddd;
	width: 300px;
	height: 100%;
	float: left;
}

#Canvas
{	
	height: 100%;
}

#ThreadPane
{
	background-color: #ffffff;
	border-bottom: 1px solid #bbbbbb;	
	overflow: auto;
}

#MessagePane
{
	background-color: #ffffff;
	border-top: 1px solid #bbbbbb;		
}

#MenuButtonLeft
{
	width: 130px;
	height: 30px;
	border-right: 1px solid #bbbbbb;	
}

#MenuButtonLeft a
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#MenuButtonLeft a:hover
{
	color: #ff0000;
}

#MenuButtonMiddle
{
	width: 130px;
	height: 30px;
	border-right: 1px solid #bbbbbb;	
	border-left: 1px solid #eeeeee;
}

#MenuButtonMiddle a
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#MenuButtonMiddle a:hover
{
	color: #ff0000;
}

#MenuButtonRight
{
	width: 130px;
	height: 30px;
	border-left: 1px solid #eeeeee;	
	border-right: 1px solid #bbbbbb;
}


#MenuButtonRight a
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#MenuButtonRight a:hover
{
	color: #ff0000;
}

#vote_cell
{
	width: 130px;
	height: 30px;
	border-left: 1px solid #eeeeee;	
	border-right: 1px solid #bbbbbb;
}


#vote_cell a
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#vote_cell a:hover
{
	color: #ff0000;
}

#ToolBoxToggle
{
	border-right:1px solid #bbbbbb;
	border-top:1px solid #eeeeee;
	background:#cccccc;
	width:5px;
	height:100%;
	background-image: url(../images/dots.gif);
	float: left;
}

#InputForm
{
	width: 95%;
	padding: 5px;
}

#MessageBody
{
	overflow: auto;
}

#MessageSubject
{
	height: 20px;
	background-color: #dddddd;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #bbbbbb;
	padding-left: 10px;
	line-height:180%;
}

#MessageControls
{
	height: 30px;
	background-color: #dddddd;
	border-top: 1px solid #bbbbbb;
}

td
{
	font-family: Verdana;
	font-size: 10px;
}

select
{
	font-family: Arial;
	font-size: 11px;
	height:19px;
}

.MenuText
{
	position: relative;	
}

.MenuText a
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #333399;	
}

.MenuText a:hover
{
	color: #ff0000;
}


.input_text
{
	font-size: 12px;
	font-family: Arial;
	border: 1px solid #bbbbbb;
	width: 450px;
	background-color: #fafafa;
}

.button
{
	font-size: 11px;
	font-family: Arial;
	font-weight: Bold;
	border: 1px solid #bbbbbb;
	background-color: #fafafa;
	padding: 0 5px 0 5px;
	
}

textarea
{
	font-size: 12px;
	font-family: Arial;
	border: 1px solid #bbbbbb;
	width: 450px;
	height: 120px;
	background-color: #fafafa;
}

div a
{
	font-family: Verdana;
	font-size: 11px;
	color: #333399;
}

div a:hover
{
	color: #ff0000;
}

div a:visited
{
	color: #aaaaaa;
}

#message_div
{
	font-family: Verdana;
	font-size: 11px;
}

#message_div a:hover
{
	font-family: Verdana;
	font-size: 11px;
	color: #ff0000;
}

#message_div a:visited
{
	font-family: Verdana;
	font-size: 11px;
	color: #aaaaaa;
}

#threads_container
{
	margin: 10px;
}

#stats_counter
{
	border: 1px solid #666666;
}

#stats_container
{
	float: right;
	overflow: hidden;
	height:30px;
}

.stats_content
{
	position: relative;
	top:8px;
	margin-right:5px;
}

.stats_content td
{
	font-size: 11px;
	font-family: Arial;
}

.button_back_all a
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 22px;
	background-position: left top;
	float:left;
}

.button_back_all a:hover
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 22px;
	background-position: left bottom;
	float:left;
}

.button_back_all
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 22px;
	background-position: left center;
	float:left;
}

.button_forward_all a
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 22px;
	float:left;
	background-position: right top;
}

.button_forward_all a:hover
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 22px;
	background-position: right bottom;
	float:left;
}

.button_forward_all
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 22px;
	background-position: right center;
	float:left;
}

.button_back a
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 21px;
	background-position: -22px top;
	float:left;
}

.button_back a:hover
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 21px;
	background-position: -22px bottom;
	float:left;
}

.button_back
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 21px;
	background-position: -22px center;
	float:left;
}

.button_forward a
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 21px;
	float:left;
	background-position: 43px top;
}

.button_forward a:hover
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 21px;
	background-position: 43px bottom;
	float:left;
}

.button_forward
{
	background: url(../images/buttons.png);
	height: 22px;
	width: 21px;
	background-position: 43px center;
	float:left;
}

.pages
{
	font-family: Arial;
	font-size: 11px;
}

.text
{
	font-family: Verdana;
	font-size: 11px;
}

.bgOrange
{
	background-color: #ffde8f;
}

.bgGrey
{
	background-color: #cccccc;
}

/* splitter */
html, body
{
	margin: 0;			/* Remove body margin/padding */
	padding: 0;
	overflow: hidden;	/* Remove scroll bars on browser window */
}
#header { padding: 1em; }

#MySplitter {
	border: 1px solid #dddddd;
	min-width: 500px;	/* Splitter can't be too thin ... */
	min-height: 300px;	/* ... or too flat */
	height: 100%;
}
#MySplitter .Pane {
	overflow: auto;
}



/* Splitbar styles; these are the default class names */

.vsplitbar {
	width: 0px;
	background: #dddddd;
}
.vsplitbar:hover, .vsplitbar.active {
	background: #c66;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
}
.hsplitbar {
	height: 2px;
	background: #dddddd;
}
.hsplitbar.active, .hsplitbar:hover {
	background: #c66;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
}