a
{
 text-decoration: none;
}
/**
  Elements.
*/
body
{
  font-family: Arial, sans-serif;
  font-size: small;
  background-color:#FFFFE5;
  color: #000000;
  margin: 0px;
  padding: 0px;
}
table
{
 font-size: small;
}
h1
{
  font-size: large;
}

h2
{
  font-size: medium;
}

h3
{
  font-size: small;
}

hr
{
  height: 2px;
  color: black;
  background-color: black;
  border-width:0px;
  border-style: none;
}
/**
  Inputs.
*/

input
{
  border-style: solid;
  border-width: 0px;
  margin: 1px;
  background-color: #ffffff;
  color: #000000;
}

.button
{
  height:	20px;
  min-width:	20px;
  font-size:	x-small;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  margin:	1px;
}
.conditionButton
{
  width: 40ex;
}
.input-checkbox
{
  background-color: transparent;
  margin:0px;
  border-width: 1px;
}
.input-radio
{
  background-color: transparent;
  color: #000000;
}
.input-short-text
{
  height: 21px;
  min-width: 100px;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}
.input-textarea
{
  width:	80%;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}
.input-text
{
  width:	80%;
  height:	21px;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}
.input-select
{
  height:	21px;
  border: solid black 1px;
}
.input-image
{
  border-style: solid;
  border-color: black;
  border-width: 0px;
}
.input-file
{
  width:	100%;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.sheet
{
  width: 100%;
  border-style: solid;
  border-width: 0;
  padding: 0px;
  margin: 0px;
}
.sheet-head
{
  width: 100%;
  min-height: 25px;
  background: #F4E799;
  color: black;
  border-color: black;
  vertical-align: middle;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}
.sheet-head-title
{
  border-style: solid;
  border-color: black;
  border-width: 0px;
}
.sheet-head-controls
{
  border-style: solid;
  border-color: black;
  border-width: 0px;
}

.sheet-body
{
  width: 100%;
  border-color: black;
  vertical-align: middle;
  border-style: solid;
  padding: 2px;
  border-width: 0px 1px 1px 1px;
}
.sheet-simpleElements
{
  width: 100%;
  padding: 4px;
  border-width: 0px;
  border-style: solid;  
}

.sheet-simpleElement
{
  width: 100%;
  padding: 3px;
  border-width: 0px;
  border-style: solid;  
}
.sheet-simpleElement-label
{
  vertical-align: top;
  width: 39%;
  border-width: 0px;
  border-style: solid;  
}
.sheet-simpleElement-editor
{
  width: 59%;
  border-width: 0px;
  border-style: solid;  
}

.sheet-complexElements
{
  padding: 0px;
  border-width: 0px;
  border-style: solid;
}

.button-spacer
{
  width: 3px;
}
.sheet-complexElement
{
  width: 98%;
  padding: 2px;
  margin: 5px 0px 5px 0px;
  border-width: 2px;
  border-style: none;
}

.sheet-complexElement-head
{
  width: 100%;
  border-color: black;
  color: black;
  background-color: #add8e6;
  padding: 0px;
  border-style: solid;
  border-width: 1px;
}

.sheet-complexElement-body
{
  width: 100%;
  padding: 2px;
  border-color: black;
  vertical-align: middle;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
}

.sheet-complexElement-head-title
{
  border-style: solid;
  border-color: black;
  padding: 2px;
  border-width: 0px;
}
.sheet-complexElement-head-controls
{
  border-style: solid;
  padding: 2px;
  border-color: black;
  border-width: 0px;
}
.condition-title
{
  border:1px solid black;
  padding: 4px;
  margin: 1px;
  background-color: lightblue
}

body
	{
	margin: 0;
	padding: 0;
	}
	
#menu
{
	background-color: #1B019F;
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	right: 0;
	width: expression(document.body.clientWidth + "px");
}

#content
{
	border: 1px solid gray;
	position: absolute;
	top: 44px;
	bottom: 4px;
	left: 4px;
	right: 4px;
	overflow: auto;
	padding: 4px;
	height: expression((document.body.clientHeight - 48) + "px");
	width: expression((document.body.clientWidth - 8)+ "px");
}

#editorSidebar
{
	padding: 4px;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 250px;
	height: expression((document.body.clientHeight - 50)+ "px");
	overflow: auto;
}
#editorMain
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 258px;
	right: 0px;
	overflow: auto;
	padding: 4px;
	height: expression((document.body.clientHeight - 50) + "px");
	width: expression((document.body.clientWidth - 268)+ "px");
}
#query-definition
{
  height: 400px;
  overflow: auto;
  border: 1px solid gray;
}
.conditions
{
  width:100%;
}
.conditions-row
{
}
.conditions-button
{
  vertical-align:top;
}
.conditions-definition
{
  width:90%;
  padding:0px;
}
.condition
{
  border:1px solid gray;
  padding: 4px;
  margin: 1px;
  background-color: #eeeeff
}
.condition-table
{
  padding: 0px;
}
.condition-table td
{
  padding: 4px;
}
.login-notice th
{
  border: 1px solid black;
  padding: 2px;
  text-align: left;
}
.login-notice td
{
  border: 1px solid gray;
  padding: 2px;
}
.csw-condition
{
  border: 1px solid gray;
  padding: 4px;  
  width: 600px;
  margin: 0px 0px 4px;
}
.csw-title
{
  margin: 0px 0px 4px 0px;
}
input.csw-AnyText
{
}