.noBorder{
	font: Icon;
	color:	WindowText;	
	padding: 0px 0px 0px 0px;
	border-spacing: 0px;
	margin: 0px;
	border:	0px Solid ThreeDShadow;
}

.control tr.padding td {
	padding: 10px 10px 10px 10px; 
}

.control {
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	#E7E7E7;
	border-spacing: 0px;
	border-collapse: separate;
	color:		WindowText;
}

.controlBorder {
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	#FFFFFF;
	border-spacing: 5px;
	border-collapse: separate;
	color:		WindowText;
}

.controlGreen {
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	#E7E7E7;
	color:		WindowText;
}

.controlMessage {
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	#657A74;
	color:		#FFFFFF;
}

.controlMessage thead {
	color: black;
}
/*
.controlMessage tr td input, .controlMessage tr td textarea {
	background: #F4FFFC;
}
*/

.control table{
	padding: 0px;
	border-spacing: 0px;
}


.control tr.highlight{
	background:	#B6D7FF;
	cursor: pointer;
	/* color:		HighlightText; */
}

.control tr.bright{
	background:	#F3F3F3;
	/* cursor: pointer; */
	/* color:		HighlightText; */
}

.control tr.highlightBorder{
	background:	#B6D7FF;
	/* color:		HighlightText; */
}

.control tr.highlightBorder td{
	background:	#B6D7FF;
	border-top: 1px solid;
	/* color:		HighlightText; */
}

.control tr.current{
	background: #FFE26E;
}

.control tr.divide {
}


.control tr.divide td{
	background:		#000000;
	padding:	0px 0px;	
}

.control tr.heading{
	/* cursor:		hand; */
	font-weight: bold;
}

.control tr.heading td{
	background:		#F2F1E6;
	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
}

.control tr.border td{
	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
}

.control td.heading{

	background:		#F2F1E6;
	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
}

.control tr.headingnobold{
	/* cursor:		hand; */
	/* font-weight: bold; */
}

.control tr.headingnobold td{
	background:		#F2F1E6;
	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
}

.control thead {
	font-weight: bold;
	background:	#F2F1E6;
}

.control td {
	padding:	2px 5px;
}

.control thead td {

	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	cursor:			default;
}

.control thead td:active {
	border-color:	ButtonShadow ButtonHighlight 
					ButtonHighlight ButtonShadow;
	padding:		3px 4px 1px 6px;
}

/* wonder why it doesn't cascade */
form.control{
	border: 0px;
	margin: 0px 0px 0px 0px;
	background: none;
}

.control input{
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	Window;
	color:		WindowText;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
}

.control input.button{
	background:   ThreeDFace;
}

.control input.radio{
	background: none;
	border: 0px;
}

.control input.checkbox{
	background: none;
	border: 0px;
}

.control input.submit{
	background: buttonface;
}

.control input.AlignedButton{
	width: 120px;
	text-align: left;
	border: 0px;
	background: none;
	margin-left: 8px;
	/* background: ThreeDFace; */
}
	
.control select{
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	Window;
	color:		WindowText;
	padding:	1px 1px;
}

.control textarea{
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	Window;
	color:		WindowText;
	padding:	1px 1px;
}

.control textarea.smallText{
	font-size: 10px;
}

.sort-arrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}
.control .disabled{
	background: lightgrey;
}

.sort-arrow.descending {
	background-image:		url("/gfx/sorttable/downsimple.png");
	
}

.sort-arrow.ascending {
	background-image:		url("/gfx/sorttable/upsimple.png");
}

/* Some test styles */
.controltr {
	background:	ButtonFace;
}

.nospace {
	font: Icon;
	color: WindowText;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	border: 0px;
}

.nospace td {
	padding: 0px;
}

/***********************
* drag pane CSS
************************/
.dragPaneMain {
	background-color:#FFFFFF; 
	left:400px; 
	top:150px; 
	z-index:1000; 
	position:absolute;
	/* transparency for Moz */
	opacity: .90;
	/* transparency for IE */
    filter: alpha(opacity=90);
}

.dragPaneHeader {
	background-color:#C9F15F;
	color: #000000;
	cursor: pointer;
}

.dragPaneHeaderLeft {
	background-color:#C9F15F;
	cursor: pointer;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
}

.dragPaneHeaderRight {
	background:#C9F15F;
	color: #FFFFFF;
	cursor: pointer;
	text-align: right;
}
.dragPaneBody {

}

.dragPaneLink {
	font-family: Verdana, Arial, Helvetica;
	background-color: #C9F15F;
	color: #000000;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}

.legendLinkView {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
}
/***********************
* End drag pane CSS
************************/