/* ================================
    Css for Document Exchange
   ================================
*/

.DMX_breadcrumbs
{
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 8pt;
}

a.DMX_NB_Button, a.DMX_NB_Button img
{
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 7pt;
 margin: 2px;
 vertical-align: middle;
}
a.DMX_NB_Button:link, a.DMX_NB_Button:visited
{
 text-decoration: none;
}
a.DMX_NB_Button:hover
{
 text-decoration: none;
 color: Black;
}

table.DMX_header 
{
 width: 100%;
 background-color: #eee;
 margin: 4px 0px 20px 0px;
}

.DMX_header td
{
 padding: 4px;
}

.DMX_categories
{
 font-family: Verdana, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 10pt;
}

td.emptycategorycolumn
{
 padding: 0px;
 width: 0px;
}

td.level1
{
 padding-top: 10px;
}

td.level1 span
{
 padding-left: 0px;
 font-weight:bold;
}

td.level2 span
{
 padding-left: 6px;
}

td.level3 span
{
 padding-left: 12px;
 font-style: italic;
}

td.level4 span
{
 padding-left: 18px;
 font-size: 8pt;
}

table.DMX_CategoryBox
{
 border: 1px solid #999;
}
.DMX_CategoryBox td
{
 font-family: Verdana, Arial, Sans-Serif;
 font-weight: bold;
 font-size: 10pt;
 padding: 4px;
}

.DMX_Status
{
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 8pt;
 color: #666;
}

.DMXToolbarButton
{
 text-align: center;
 vertical-align: top;
 padding-right: 10px;
}
.DMXToolbarButton input, .DMXToolbarButton a
{
 display: block;
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 9px;
}

.ConfirmTitle
{
 display: block;
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 18px;
 font-weight: bold;
 padding-bottom: 15px;
}
.ConfirmDescription
{
 display: block;
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 14px;
 padding-bottom: 15px;
}
.ConfirmButton
{
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 12px;
 padding: 10px 10px 10px 0px;
}

/* ================================
   Confirmation Dialog Classes
   ================================
*/

div.Confirm_Box
{
 width: 200px;
 text-align: center;
}
div.Confirm_Title
{
 font-family: Verdana, sans-serif; 
 font-size: 24px;
 color: #003366;
 font-weight: bold;
}
div.Confirm_Description
{
 font-family: Verdana, sans-serif; 
 font-size: 12px;
 margin: 10px;
}
div.Confirm_Buttons
{
 font-family: Verdana, sans-serif; 
 font-size: 12px;
 margin-top: 20px;
 height: 32px;
}
div.Confirm_Buttons a, div.Confirm_Buttons a:link, div.Confirm_Buttons a:visited
{
 padding: 6px;
 margin: 6px;
 background-color: #003366;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
}
div.Confirm_Buttons a:hover, div.Confirm_Buttons a:active
{
 background-color: #0066FF;
 text-decoration: none;
}

/* ================================
   FileGrid CSS Classes
   ================================
*/

.FileGrid_Container
{
 font-weight:  normal;
 font-size: 8pt;
 font-family: Verdana, Arial, Helvetica;
 border-collapse: collapse;
 margin-bottom: 30px;
}
.FileGrid_Container td
{
 padding: 6px 4px 2px 2px;
 height: 28px;
 color: #093890;
 vertical-align: top;
}

.FileGrid_Item
{
	background-color: #ffffff;
}
.FileGrid_Container a, .FileGrid_Container a:link, .FileGrid_Container a:visited
{
 color: #093890;
 text-decoration: none;
}
.FileGrid_Container a:hover, .FileGrid_Container a:active
{
 color: #5295FF;
 text-decoration: underline;
}
.FileGrid_AlternatingItem
{
	background-color: #efefef;
}
.FileGrid_HighlightedItem
{
	background-color: #FAFF9B;
}
.FileGrid_MouseOverRow
{
	background-color: #ddd;
}

.FileGrid_Header
{
	background-color:#CFE0FC;
	color: #093890;
}
.FileGrid_Header a:link, .FileGrid_Header a:visited
{
	color: #093890;
	text-decoration: none;
}
.FileGrid_Header a:hover, .FileGrid_Header a:active
{
	color: #fff;
	text-decoration: none;
}
.FileGrid_Header td
{
 padding: 8px 4px 4px 2px;
 font-weight: bold;
}

.FileGrid_Pager
{
 font-weight:  bold;
 font-size: 9pt;
 font-family: Verdana, Arial, Helvetica;
 line-height: 3em;
}
tr.FileGrid_Pager td span, tr.FileGrid_Pager td a
{
 border: solid 1px #666;
 padding: 2px 6px 2px 6px;
}

tr.FileGrid_Pager td a:hover
{
 background-color: #999;
 color: white;
}

/* ================================
   DetailsGrid CSS Classes
   ================================
*/

.DetailsGrid_Container
{
 font-weight:  normal;
 font-size: 8pt;
 font-family: Verdana, Arial, Helvetica;
 border-collapse: collapse;
 margin-bottom: 30px;
}

.DetailsGrid_Container td
{
 padding: 6px 4px 6px 2px;
 color: #093890;
 vertical-align: top;
}

.DetailsGrid_Item
{
	background-color: #ffffff;
}

.DetailsGrid_Container a, .DetailsGrid_Container a:link, .DetailsGrid_Container a:visited
{
 color: #093890;
 text-decoration: none;
}

.DetailsGrid_Container a:hover, .DetailsGrid_Container a:active
{
 color: #5295FF;
 text-decoration: underline;
}

.DetailsGrid_AlternatingItem
{
	background-color: #efefef;
}

.DetailsGrid_Header
{
	background-color:#CFE0FC;
	color: #093890;
}
.DetailsGrid_Header a:link, .DetailsGrid_Header a:visited
{
	color: #093890;
	text-decoration: none;
}
.DetailsGrid_Header a:hover, .DetailsGrid_Header a:active
{
	color: #fff;
	text-decoration: none;
}
.DetailsGrid_Header td
{
 padding: 8px 4px 4px 2px;
 font-weight: bold;
}

.DetailsGrid_Pager
{
 font-weight:  bold;
 font-size: 8pt;
 font-family: Verdana, Arial, Helvetica;
 line-height: 2em;
}
tr.DetailsGrid_Pager td span, tr.DetailsGrid_Pager td a
{
 border: solid 1px #5295FF;
 padding: 1px 4px 1px 4px;
}

tr.DetailsGrid_Pager td a:hover
{
 background-color: #5295FF;
 color: white;
}


/* ================================
   AjaxTreeview CSS Classes
   ================================
*/

.DMXTreeView 
{ 
  font-family: Verdana, Arial, Sans-Serif;
  padding: 10px; 
  cursor:default; 
}

.DMXTreeNode 
{ 
  font-size: 11px;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.DMXRootTreeNode
{
  font-size: 11px;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.DMXHoverTreeNode 
{ 
  font-size: 11px;
  color: blue;
  font-weight: bold;
  text-decoration: underline;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.DMXSelectedTreeNode 
{ 
  font-size: 11px; 
  background-color: gray; 
  color: white; 
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.DMXNodeEdit 
{
  border: 1px gray solid;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
}

/* ================================
   Calendar CSS Classes
   ================================
*/

.DMX_calendar td
{
  font-size:11px;
}

.DMX_cal_title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.DMX_cal_day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.DMX_cal_dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.DMX_cal_dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.DMX_cal_othermonthday
{
  color:#999999;
}

.DMX_cal_outofrangeday
{
  visibility:hidden;
}

.DMX_cal_selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.DMX_calendar
{
  font-family: Verdana, Arial, Sans-Serif;
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.DMX_cal_month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.DMX_cal_nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.DMX_cal_selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}

/* ================================
   Tab Page CSS Classes
   ================================
*/

.DMX_TopGroup
{
  z-index: 99;
  border-bottom: solid 1px gray;
}

.DMX_DefaultTab 
{
  font-family: Verdana, Arial, Sans-Serif;
  color: blue;
  font-weight: bold; 
  font-size: 12px; 
  cursor: hand;
  border-color: gray;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
}

.DMX_DefaultTabHover 
{
  font-family: Verdana, Arial, Sans-Serif;
  color: red;
  text-decoration: underline;
  font-weight: bold; 
  font-size: 12px; 
  cursor: hand;
  border-color: gray;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  background-color: #eee;
}

.DMX_SelectedTab 
{
  font-family: Verdana, Arial, Sans-Serif;
  color: blue;
  font-weight: bold; 
  font-size: 12px; 
  cursor: hand;
  border-color: gray;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  background-color: #fff;
}

.DMX_DisabledTab
{
  font-family: Verdana, Arial, Sans-Serif;
  color: #333;
  font-weight: normal; 
  font-size: 12px; 
  cursor: default;
  border-color: gray;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  background-color: grey;
}

.DMX_MultiPage
{
  padding:10px;
  top:-3px;
  left:1px;
  z-index:98;
  height: 200px;
}

.DMX_PageContent
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size:10px; 
}

/* ================================
   Details Page CSS Classes
   ================================
*/
div.EntryDetails
{
 background-color: #E5F7FE;
 margin: 4px;
 border: dotted 1px #9ADFFE;
 position:relative;
 z-index:0;
 padding-top:6px;
}
div.EntryDetails table
{
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 11px;
}
div.EntryDetails table tr
{
}
div.EntryDetails table tr td
{
 padding: 2px 4px 2px 4px;
}
p.DetailsHeading
{
 font-size:24px;
 color:#9ADFFE;
 margin:0px 0px -16px 10px;
 position:relative;
 z-index:99;
}
table.DetailsTable td
{
 vertical-align: top;
}
table.DetailsTable tr.Selected td
{
 color: Red;
}
.DetailsPane div
{
 position: relative;
 overflow: auto;
}

/* ================================
   Wizard CSS Classes
   ================================
*/

table.DMX_Wizard
{
 width: 100%;
}
td.DMX_Wizard_Step
{
 width: 300px;
 padding: 20px;
 color: #5D7B9D;
}

td.DMX_Wizard_SideBar
{
 width: 150px;
 background-color:#555;
 border-width: 0px;
 vertical-align: top;
}

td.DMX_Wizard_SideBar table tr td
{
 padding: 10px 6px 10px 6px;
}

a.DMX_Wizard_SideButton, a.DMX_Wizard_SideButton:link, a.DMX_Wizard_SideButton:visited
{
 font-size: 12px;
 border-width: 0px;
 color: #ddd;
 text-decoration: none;
}
a.DMX_Wizard_SideButton:hover, a.DMX_Wizard_SideButton:active
{
 text-decoration: none;
 color: White;
}
.DMX_Wizard_NavBar
{
 line-height: 40px;
 padding: 4px;
}
a.DMX_Wizard_NavButton, a.DMX_Wizard_NavButton:link, a.DMX_Wizard_NavButton:visited, a.DMX_Wizard_NavButton:active, a.DMX_Wizard_NavButton:hover
{
 padding: 8px;
 background-color: #FFFBFF;
 border: solid 1px #ccc;
 font-size: 8pt; 
 font-weight: bold; 
 color: #284775;
 text-decoration: none;
}
a.DMX_Wizard_NavButton:active, a.DMX_Wizard_NavButton:hover
{
 background-color: #ccc;
 border: solid 1px #fff;
}
.DMX_Wizard_Header
{
 background-color: #FFFBFF;
 border: solid 0px #ccc;
 font-weight: bold;
 text-align: left;
 font-size: 12px;
}
td.DMX_EditTitle
{
 white-space: nowrap;
 padding-right: 20px;
}