/*****************************************************************/
/* File : com.css                                                */
/*                                                               */
/* This stylesheet is used by all user interface parts within    */
/* CROPcom														 */
/*************************************************************** */

.user {
  color: #ffffff;
  font-weight:bold;
}

.admin {
  color: #7755FF;
  font-weight:bolder;
}

.system {
  color: #FF005a;
  font-weight:bolder;
}

* html .autowidth {
  width:expression(document.body.clientWidth > 1000 ? '980px':document.body.clientWidth < 800 ? '800px':document.body.clientWidth - 20 + 'px');
}

.busySend {
  color: #3333ff;
  font-size: 14px;
  font-weight:bold;
}

.screen {
	background-color: #000025; 
	height: 305px; 
	overflow: auto;
}

.comText {
	font-size:12px; 
	font-weight:normal; 
	color:#eeeeee; 
	font-family:Arial,Helvetica,sans-serif;
}

.colorChooser {
	width: 13px;
	height: 11px;
	cursor:hand;
	cursor:pointer;
}

.slider { 
	width:100px; 
	margin:15px 0px; 
	background-color:#009;
	border-style:solid;
	border-width:1px;
	border-color:#00c; 
	height:2px; 
	position: relative; 
}

.h_slider { 
	width:2px; 
	margin:15px 0; 
	background-color:#009;
	border-style:solid;
	border-width:1px;
	border-color:#00c; 
	height:130px; 
	position: relative; 
}

.blue_handle { 
	width:6px; 
	height:7px; 
	background-color:#00f; 
	cursor:w-resize; 
	position: absolute; 
}

.green_handle { 
	width:6px; 
	height:7px; 
	background-color:#0f0; 
	cursor:w-resize; 
	position: absolute; 
}

.red_handle { 
	width:6px; 
	height:7px; 
	background-color:#f00; 
	cursor:w-resize; 
	position: absolute; 
}

.size_handle { 
	width:6px; 
	height:7px; 
	background-color:#bbb; 
	cursor:n-resize; 
	position: absolute; 
}

.comButtonOff {
  border:#0000AA solid 1px;
  color: #cc0000;
  background-color: #330033;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.comButtonOn {
  border:#0000AA solid 1px;
  color: #00cc00;
  background-color: #003333;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.comButtonWhite {
  border:#0000AA solid 1px;
  color: #000000;
  background-color: #777777;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.comButtonYellow {
  border:#0000AA solid 1px;
  color: #ffffbb;
  background-color: #555522;
  height:18px; 
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.comButtonOver {
  border:#0000AA solid 1px;
  height:18px; 
  background-color: #000033;
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.forumButtonActive {
  border:#0000AA solid 1px;
  color: #3399ff;
  height:18px; 
  background-color: #000033;
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.forumButtonOver {
  border:#0000AA solid 1px;
  color: #66ccff;
  height:18px; 
  background-color: #000088;
  vertical-align:middle;
  text-align:center; 
  font: bold 13px arial;
  cursor:hand;
  padding:0px 4px 0px 4px;
}

.lineOver {
	background-color: #000055;
}

.lineActive {
	background-color: #000099;
	border: 1px;
}

/* CSS hack for IE, screen is displaced by one line down otherwise... */
* html table.ie_maintable { 
  display:inline;
}

.user_panel { 
  top: 194px; 
}

.top_panel { 
  top: 194px; 
}

.busyicon {
	top: 224px;
}

* html div.user_panel { 
  top: 198px; 
}

* html div.top_panel { 
  top: 198px; 
}

* html img.busyicon {
	top: 226px; 
}