body{
	height: 100%;
	font-family: verdana;
	font-size: 11px;
	padding:0;
	margin:0;
}
table {
	font-family: verdana;
	font-size: 11px;
}
button {
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size: 100%;
	border: 1px solid;
	border-top-color:#dddddd;
	border-left-color:#dddddd;
	border-right-color:#888888;
	border-bottom-color:#888888;	
	margin:1px 2px 1px 2px;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#dddddddd');
}
textarea{
	font-family: verdana;
	font-size: 10px;
}
input {
	font-family: verdana;
	font-size: 10px;
}
select {
	font-family: verdana;
	font-size: 10px;
}

.datatable{
	border-collapse: collapse;
	font-family: verdana;
	font-size: 10px;	
	background: white;
}	
	
.datatable th {
	background: #cceeff;
	border: 1px outset #efefef;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ddffff',EndColorStr='#aaccdd');	
}
	
.datatable td{
	border: 1px solid #cccccc;
	padding-left: 5px;
	padding-right: 5px;
}

.pageTitle {
	font-size:24;
	border-bottom:2px solid black
	font-weight:bold;
	margin-bottom: 20px;
}

.buttonPanel {
	border: 1px outset grey;
	width:100%;
	padding:2px;
	text-align:center;	
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cccccc');
}

.smallNote{
	font-size:10px;
}


.instruction{
	color: #555555;
	text-align: right;
	font-size: 9px;
	padding: 1px;
}


.tabForm{
	border: 1px inset #cccccc;		
	width: 100%;
}
	
.tabFormPadding {
	padding:2px;
	background-color: darkgray;
	width: 100%;
}

.tabs{
	font-family: verdana;
	font-size: 10px;	
	width: 100%;
}

.tabFormBody{
	border-left: 1px outset #cccccc;
	border-right: 1px outset #cccccc;
	border-bottom: 1px outset #cccccc;
	padding: 5px;
	background: white;
	width: 100%;
}
	
	
.tabOn{
	padding: 2px 10px 2px 10px;
	font-weight: bold;
	border-top: 1px outset #cccccc;
	border-left: 1px outset #cccccc;	
	border-right: 1px outset #cccccc;						
	background-color: white;
	cursor: hand;		
	white-space: nowrap;
}
	
.tabOff{
	padding: 2px 10px 2px 10px;
	color: #777777;
	border-top: 1px outset #cccccc;
	border-bottom: 2px solid #cccccc;	
	border-left: 1px outset #cccccc;
	border-right: 1px outset #cccccc;	
	background-color: lightgrey;
	cursor: hand;
	white-space: nowrap;
}
	
.tabSpacer{
	padding-left: 3px;
	font-size: 1px;
	border-bottom: 1px inset #cccccc;	
}
	
.tabSpacerEnd{
	padding: 1px;
	border-bottom: 1px inset #cccccc;	
	width: 100%	
}	
	
.tabFormName{
	padding-right: 10px;
	font-weight: bold;
	width: 20%;
	vertical-align: top;
	white-space: nowrap;
}
	
.tabFormValue{
	padding-left: 10px;
	vertical-align: top;
	border: 1px solid #cccccc;
}

.box3D{
	padding: 8px;
	border: 1px outset #cccccc;	
	width: 100%;	
	background:white;
}

.tabFormGroup{
	padding: 10px;
	border: 2px inset #cccccc;	
	width: 98%;
}



.tabFormGroupHeader{
	padding: 0 5 0 5;
	margin-left: 5px;
	position: relative;
	top: 7px;
	background: white;
	color: #447AC2;
	font-weight: bold;
	font-size: 12px;
}

.tabFormGroupHeaderSmall{
	padding: 0 5 0 5;
	margin-left: 5px;
	position: relative;
	top: 7px;
	background: white;
	color: #447AC2;
	font-weight: bold;
	font-size: 11px;
}

.tabFormGroupHeaderMedium{
	padding: 0 5 0 5;
	margin-left: 5px;
	position: relative;
	top: 7px;
	background: white;
	color: #447AC2;
	font-weight: bold;
	font-size: 14px;
}

.tabFormGroupHeaderLarge{
	padding: 0 5 0 5;
	margin-left: 5px;
	position: relative;
	top: 7px;
	background: white;
	color: #447AC2;
	font-weight: bold;
	font-size: 18px;
}
	
.sectionHeaderAlt{
	padding: 0 5 0 5;
	margin-left: 5px;
	position: relative;
	top: -20;
	background: white;
	color: #555555;
}
	
	
.sectionHeader{
	padding: 0 5 0 5;
	margin-left: 5px;
	position: relative;
	top: 8px;
	background: white;
	color: #555555;
}	

.sectionBody{
	border: 1px solid #cccccc;
	padding: 10px;
	padding-top: 15px;
}
	
.titleBar {
	height:20px; 
	background: #5588cc;
	padding:4px;
	color:white;
	font-weight:bold;
	margin-bottom:2px;	
}
	
.fieldName {
	font-weight: bold;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 11px;
}
	
.stepHeader{
	height:19px;
	border: 2px solid #B3CAEC;
	font-weight:bold;
	color: #4F5C6C;
	font-size: 12px;
}

.stepHeader.text{
	font-weight:bold;
	color: #4F5C6C;
	font-size: 12px;
}

.step{
	height:21px;
	border: 1px outset #d5ecfd;
	padding: 5px;
	margin-bottom: 5px;
}	
	

#mainTable{
	border-collapse:collapse;
}

#menuBar{
	height: 21px;
	table-layout:fixed;
	border: 2px solid #B3CAEC;
}

#menuButton{
	height: 21px;
	padding: 2px;
	xwidth: 80px;
	cursor: hand;
}

#menuButton.active{
	background-color: #DED0A9;
	filter:alpha(opacity=80);
}

.menuSeparator{
	width: 8px;
	text-align: center;
}

.menuControl{
	font-size:10px;
	border: 1px solid blue;
}

#mainView{
	border:2px solid #34537A;
}

#sideBar{
	border:2px solid #34537A;
	height: 100%;
}

#sideBarTable{
	xxxtable-layout:fixed;
	height: 100%;
}

.sideBarTitle {
	height:18px;
	font-weight:bold;
	font-size: 12px;
	color: #34537A;
	border-bottom: 1px solid #34537A;
}

#Title{
	padding: 4px;
	border:1px solid #34537A;
	background: #CAD7EC;
	color: #4F5C6C;
}

.AppTitle{
	font-size: 18px;
	xtext-decoration:underline;
	border-bottom:1px solid white;
}

#SubTitle{
	font-size: 14px;
	font-family: arial;
	xfont-weight: bold;
	xfont-style: italic;
	padding-left: 5px;
}


#menuBarSection{
	border:1px solid #34537A;
}

#viewSizer{
	height:100%;
}

.frameWrapper {
	height:100%;
	border:1px inset white;
	background:#aaaaaa;
	padding:1px;
}

.dataField {
	width:100%;
	padding:0px;
	border:1px solid #dddddd;
	font-size:9px;
	color:darkblue;
}

.leftPadding{
	background:#cccccc;
	border-right: 1px solid black;
}

.pageHeading {
	xheight:20px; 
	background: #5588cc;
	padding:4px;
	color:white;
	font-weight:bold;
	margin-bottom:2px;
}

.formTable{
	background: white;
}














#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}