.body.WindowBody 
{
  background-color: White;
}


div.DetailView 
{
  background-color: White;
}

div.DetailCommands
{
  background-color: #70b7db;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 20px;
}


div.DetailCommandsNav 
{
  background-color: #70b7db;
  vertical-align: middle;
  float:left;
  padding-left: 5px;
  font-family:Arial;
  font-size: 12px;
}

div.DetailCommandsCommands 
{
  background-color: #70b7db;
  vertical-align: middle;
  padding-right: 5px;
  text-align:right;
  font-family:Arial;
  font-size: 12px;
}

div.DetailCommandsCommands a
{
  padding-left: 4px;
  padding-right: 10px;
}


div.DetailActions
{
  background-color: #70b7db;
  vertical-align: middle;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 20px;
}

div.DetailActionsCommands 
{
  background-color: #70b7db;
  vertical-align: middle;
  padding-right: 5px;
  text-align:right;
  font-family:Arial;
  font-size: 12px;
}



.DetailContainerView table 
{
  width: 100%;
  margin-top:3px;
  margin-bottom:3px;
}

.DetailContainerEdit table 
{
  width: 100%;
  margin-top:3px;
  margin-bottom:3px;
}

.DetailContainerView th
{
  background-color: #add6ea;
  font-family:Arial;
  font-size: 12px;
}

.DetailContainerEdit th
{
  background-color: #add6ea;
  font-family:Arial;
  font-size: 12px;
}

.DetailContainerView tr.DetailRow 
{
	background: #ffffff; 
	border: solid 1px #ffffff;
	padding-left: 4px;
	color: #363636;
  height:20px;
}

.DetailContainerEdit tr.DetailRow 
{
	background: #ffffff; 
	border: solid 1px #ffffff;
	padding-left: 4px;
	color: #363636;
  height:20px;
}

.DetailContainerView tr.AltDetailRow
{
  background-color: #dbedf6;
	color: #363636;		
	padding-left: 4px;
  border: solid 1px #ffffff;		
  height:20px;
}


.DetailContainerEdit tr.AltDetailRow
{
  background-color: #ffffff;
	color: #363636;		
	padding-left: 4px;
  border: solid 1px #ffffff;		
  height:20px;
}

td.DetailLabelView 
{
  width: 200px; 
  text-align: right;
  padding-right: 4px;
	vertical-align: middle;
	font-size:11px;
}

td.DetailTextBoxView 
{
  padding-left: 4px;
	vertical-align: middle;
	font-size:11px;
}

td.DetailTextLabelView 
{
  padding-right: 4px;
	vertical-align: middle;
	font-size:11px;
}

td.DetailCheckBoxView 
{
  padding-left: 4px;
	vertical-align: middle;
	font-size:11px;
}

td.DetailDatePickerView 
{
  padding-left: 4px;
	vertical-align: middle;
	font-size:11px;
}

td.DetailDateInputView 
{
  padding-left: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
	vertical-align: middle;
	font-size:11px;
}

td.DetailMaskTextBoxView 
{
  padding-left: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
	vertical-align: middle;
	font-size:11px;
}

td.DetailDropDownListView 
{
  padding-left: 4px;
	vertical-align: middle;
	font-size:11px;
}

td.DetailCheckBoxListView 
{
  padding-left: 4px;
	vertical-align: middle;
	font-size:11px;
}

td.DetailListBoxView 
{
  padding-left: 4px;
	vertical-align: middle;
	font-size:11px;
}

span.DetailLabelView  
{
  padding-left: 4px;
	vertical-align: middle;
	font-size:11px;
}

div.DetailTextBoxView  
{
  padding-left: 4px;
	vertical-align: middle;
	font-size:11px;
}

div.DetailDateInputView    
{
  padding-left: 4px;
  padding-top: 2px;
	vertical-align: middle;
	font-size:11px;
}

div.DetailMaskTextBoxView 
{
  padding-left: 4px;
  padding-top: 2px;
	vertical-align: middle;
	font-size:11px;
}


input.DetailTextBoxEdit  
{
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
	vertical-align: middle;
	font-size:11px;
}

/* Telerik DateInput does not update hover class when change is clicked, 
   so define a View and Edit class with same properties
   This is no problem because viewstate "View" generates a div instead of an input */
input.DetailDateInputView  
{                          
	vertical-align: middle;
	font-size:11px;
}

input.DetailDateInputEdit
{
  padding-top: 1px;
  padding-bottom: 1px;
	vertical-align: middle;
	font-size:11px;
}

/* Telerik MakedTextInput does not update hover class when change is clicked, 
   so define a View and Edit class with same properties
   This is no problem because viewstate "View" generates a div instead of an input */
input.DetailMaskTextBoxView 
{
	vertical-align: middle;
	font-size:11px;
}

input.DetailMaskTextBoxEdit  
{
  padding-top: 1px;
  padding-bottom: 1px;
	vertical-align: middle;
	font-size:11px;
}


select.DetailDropDownListEdit
{
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom:0px;
  margin-top:0px;
	vertical-align: middle;
	font-size:11px;
}

div.CommandContainerView
{
  background-color: #add6ea;
  font-family:Arial;
  font-size: 11px;
}

div.CommandContainerEdit
{
  background-color: #add6ea;
  font-family:Arial;
  font-size: 11px;
}

.CommandContainerView table 
{
  width: 100%;
  margin-top:5px;
  margin-bottom:5px;
}

.CommandContainerEdit table 
{
  width: 100%;
  margin-top:5px;
  margin-bottom:5px;
}

td.CommandDetailsLabel
{
  width: 200px; 
  padding-left: 4px;
	vertical-align: middle;
	font-size:12px;
}

div.CommandDetailsLabel
{
  padding-right: 4px;
  text-align: right;
	vertical-align: middle;
	font-size:12px;
}

.CommandContainerView div.CommandDetailsData 
{
  float:left;
	vertical-align: middle;
	font-size:12px;
}

td.CommandDetailsData
{
  text-align: left;
  padding-left: 4px;
	vertical-align: middle;
	font-size:12px;
}

.CommandContainerEdit select.DetailDropDownListEdit
{
  float:left;
  padding-left: 4px;
	vertical-align: middle;
	font-size:12px;
}

div.CommandDetailsButton
{
  text-align: right;
  padding-right: 4px;
	vertical-align: middle;
	font-size:12px;
}

.CommandDetailsButton a
{
  padding-left: 4px;
	vertical-align: middle;
	font-size:12px;
}