.dxm-popup
{
   border-style: none none none none;
    background-color: black;
}
.dx dxm-noImages
{
   border-style: none none none none;
    background-color: black;
}
.dxm-main
{
    background-image: url('gradient_00.gif');
    background-repeat: repeat-x;
    background-position: left top;
    padding-top:1px!important;
    padding-bottom:1px!important;
}
.dxm-content
{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-top:0px!important;
    padding-bottom:0px!important;
}
.dxm-submenu-rfmss
{
    color:Black;
    font-size:small;
    font-family:Verdana;
    background-color: #D6DCE2;
    border-style: none none none none;
    height:20px;
}
.daveStyle:hover
{
    background-color: #9DB5C6;
}
.LoadingDivClassHidden
{
   display: none;
}
.LoadingDivClassDisplayed
{
   border-color: Gray;
   border-width: 1px;
   border-style: solid;
   position: absolute;
   background-color: #CCFFFF; 
   padding: 6px;
   position: fixed; 
   height: 35px;
   z-index: 10; 
   top: 50%;
   left: 50%;
}
.BlockingDivDisplayed
{
   position:fixed;
   padding:0;
   margin:0;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-color:transparent;
}
.BlockingDivHidden
{
   display: none;
}
.TimeoutDivClassDisplayed
{
   border-color: Red;
   border-width: 1px;
   border-style: solid;
   position: absolute;
   background-color: #CCFFFF; 
   padding: 6px;
   position: absolute; 
   height: 35px;
   z-index: 10; 
   top: 50%;
   left: 50%;
   font-weight:bold;
   color:Red;
}
.btnNormal
{
   background-color: #001E3C;
   background-image: url('../../Images/gradient_00.gif');
   color: White;
   border: solid 0px;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
}
.btnOver
{
   background-color: #001E3C;
   background-image: url('../../Images/gradient_00.gif');
   color: Gray;
   border: solid 0px;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
}
.EODButton
{
   background-color: #001E3C;
   background-image: url('../../Images/gradient_00.gif');
   color: Black;
   border: solid 0px;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
}
.LoginButton
{
   background-color: #E4E8EC;
   background-image: url('../../Images/gradient_00.gif');
   color: #E4E8EC;
   border: solid 0px;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
}
.ShowHideButton
{
   background-color: White;
   background-image: url('../../Images/000arrow.gif');
   color: White;
   border: solid 0px;
   margin: 0px 0px 0px 0px;
}

.ace li
{
   border-bottom: 1px solid #D8D8D8;
}
/*
.ace_extra li:first-child 
{
}
*/
.ace_extra li
{
   border-bottom: 1px solid #D8D8D8;
   font-family:courier, "courier new", monospace;
   font-size:8pt;
}

.ace_cle 
{ 
   margin : 0px!important;
   background-color : window;
   color : black;
   border : buttonshadow;
   border-width : 1px;
   border-style : solid;
   cursor : pointer;
   overflow : auto;
   text-align : left; 
   list-style-type : none;
   width:700px!important;
   min-width:700px;
   left:auto;
   padding:0px;
}

.ajax__calendar_container { z-index : 1000 ; }

.narrow #mytag {width: 600px; height: 100%;}
.medium #mytag {width: 100%; height: 100%;}
.wide #mytag {width: 900px; height: 100%;}

.thin #mytag {height: 200px;}
.med #mytag {height: 100%;}
.thick #mytag {height: 1200px;}

body
{
   margin-top: 5px;
   margin-left: 5px;
   margin-right: 5px;
   height: 100%;
   min-height: 100%;
}

.headerback
{
   background-image: url('thin_header.jpg');
   background-repeat: repeat-x;
   background-position: left top;
}

.newmenuback
{
   background-image: url('gradient_00.gif');
   background-repeat: repeat-x;
   background-position: left top;
   white-space: nowrap;
}
.oldmenuback
{
   background-image: url('gradient_00.gif');
   background-repeat: repeat-x;
   background-position: left top;
   width: 480px;
}
.folderText1
{
   font-family: Verdana;
   font-size:small;
   color: Gray;
}
.folderText2
{
   font-family: Verdana;
   font-size:large;
   color:black;
   background-color: White;
}
.filterIsApplied
{
   font-family: Verdana;
   font-size:large;
   color:red;
   font-size:small;
}.staticMenu
{
   background-image: url('gradient_00.gif');
   color: Black;
}
.staticMenuItem
{
   color: White;
   padding: 3px 3px 3px 3px;
   border-right: solid 1px #CCCCCC;
   font-size: small;
}
.staticMenuHover
{
   background-color: #D6DCE2;
   color: Black;
}
.dynamicMenu
{
   background-image: url('menuback2.gif');
   color: Black;
   border-right: solid 1px #000000;
   border-bottom: solid 1px #000000;
   border-left: solid 1px #000000;
   border-top: solid 1px #000000;
}
.dynamicMenuItem
{
   color: Black;
   padding: 2px 18px 2px 14px;
   font-size: small;
}
.dynamicMenuHover
{
   color: Black;
   background-color: #9DB5C6;
   padding: 2px 18px 2px 14px;
}
.buttonCell {
   padding-top: 15px;
}    
.caption {
   padding-right: 5px; 
   padding-top: 4px; 
   vertical-align: top;
}    
.content {
   padding-bottom: 20px;
}
.imagePreviewCell {
   border: solid 2px gray;        
   width: 110px;
   height: 115px;
   text-align: center;
}
.note {
   text-align: left;
   padding-top: 1px;
}


#title
{
   padding: 4px 4px 4px 0px;
   white-space: nowrap;
}
.titleTable
{
   width: 100%;
   vertical-align: middle;
}
.zoneCell
{
   color: #003366;
   text-align: right;
   vertical-align: middle;
}
#default
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
}
.default
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
}
.dashboard
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
   color: Black;
}
.control
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
   border: solid 1px gray;
}
.controlReadOnly
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
   border: solid 1px gray;
   background-color: #D0D0D0;
}
.heading
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
   font-weight: bold;
   text-decoration: underline;
}
#login
{
   position: absolute;
   top: 5px;
   right: 0px;
   padding: 2px 10px 2px 2px;    
   font-size: x-small;
   text-align: right; 
   /*width: 120px;*/
   /*background-color: window;*/
}
.login
{
   width: 200px;
   padding: 2px 10px 2px 2px;    
   font-size: x-small;
   border: dashed 1px #FAF9F1;
   background-color: #FAF9F1;
}

#menu 
{
   position: relative;
   z-index: 1;
   background-image: url('gradient_00.gif');
   background-color:#003366; 
   width: 600px;
} 

#breadcrumbs
{
   position: relative;
   width: 100%;
   z-index: 0;
   padding-top: 3px;
   padding-bottom: 3px;
}

#content
{
   position: relative;
}
#welcome
{
   text-align: right;
}
.loginLabels
{
   padding-right: 2px;
   text-align: right;
}
.button
{
   background-color: #001E3C;
   background-image: url('gradient_00.gif');
   color: White;
   border: solid 1px;
   margin: 3px 3px 3px 3px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
}
.buttonbar
{
   background-color: #001E3C;
   background-image: url('../../Images/gradient_00.gif');
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
}
.eodbuttonbar
{
   background-color: #001E3C;
   background-image: url('../../Images/gradient_00.gif');
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
}
.btnNormal
{
   background-color: #001E3C;
   background-image: url('../../Images/gradient_00.gif');
   color: white;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
}
.btnEOD
{
   background-color: #001E3C;
   background-image: url('../../Images/menuback.gif');
   color: white;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
}
.btnOver
{
   background-color: #001E3C;
   background-image: url('../../Images/gradient_00.gif');
   color: Gray;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
   cursor: pointer;
}
.btnOverEOD
{
   background-color: #001E3C;
   background-image: url('../../Images/gradient_00.gif');
   color: Gray;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
   cursor: pointer;
}
.loginButton
{
   background-color: #001E3C;
   background-image: url('../../Images/gradient_00.gif');
   color: #E4E8EC;
   border: solid 0px;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: small;
   cursor: pointer;
   height: 23px;
}
.sortButton
{
   background-color: transparent;
   background-image: url('../../Images/gradient_00_ll.jpg');
   color: #001E3C;
   border: solid 0px;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 100%;
   cursor: pointer;
   height: 18px;
}
.sortButtonRequired
{
   background-color: transparent;
   background-image: url('../../Images/gradient_00_ll.jpg');
   color: #CC0000;
   border: solid 0px;
   margin: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 100%;
   cursor: pointer;
   height: 18px;
}
.showhideButton
{
   background-color: White;
   background-image: url('../../Images/000arrow.gif');
   color: White;
   border: solid 0px;
   margin: 0px 0px 0px 0px;
}
.calendarText
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
   font-style: italic;
}
.JournalText
{
   color: White;
}
.validatorText
{
   padding-left: 2px;
   padding-right: 2px;
   font-weight: bold;
}
.formControlWhite
{
   padding: 2px 2px 2px 2px;
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
   width: 100%;
}
.formControl
{
   padding: 2px 2px 2px 2px;
   background-color: #E4E8EC;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
   width: 100%;
   border-collapse: separate !important;
}
.whitebg
{
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
   width: 100%;
   border-style: none; 
}
.defaultbg
{
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: x-small;
   width: 100%;
}
.errorMessage 
{
   border : 1px dashed #CC0000;
   color: #CC0000;
   background-color: #E4E8EC;
   padding: 25px 25px 25px 25px;
   font-weight: bold;
   font-size: x-small;
}
.warningMessage 
{
   border : 1px dashed #104E8B;
   color: #104E8B;
   background-color: #FAF9F1;
   margin: 0px 0px 0px 0px;
   padding: 15px 15px 15px 15px;
   font-weight: bold;
}
.warningMessageSmall 
{
   border : 1px dashed #104E8B;
   color: #104E8B;
   background-color: #FAF9F1;
   margin: 0px 0px 0px 0px;
   padding: 15px 15px 15px 15px;
   font-weight: bold;
   font-size: small;
}
.warnMessage 
{
   color: #CC0000;
   margin: 0px 0px 0px 0px;
   padding: 5px 15px 5px 15px;
   font-weight: bold;
}
.warnFiredesk 
{
   color: #E4E8EC;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
.warnSOFA
{
   color: #000000;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 10px;
   font-family: Verdana;
   font-size: small;
   font-weight: bold;
}
.notificationMessage 
{
   text-align: left;
   border : 1px dashed #CC0000;
   color: #CC0000;
   margin: 0px 0px 0px 0px;
   padding: 0px 15px 0px 0px;
   font-weight: bold;
}
.validationPanel
{
   border : 1px dashed #CC0000;
   color: #CC0000;
   background-color: #FAF9F1;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-weight: bold;
}
.validationMessage 
{
   border : 1px dashed #CC0000;
   color: #CC0000;
   background-color: #FAF9F1;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-weight: bold;
}
.notificationMessage
{
   text-align: left;
   border : 1px dashed black;
   color: black;
   margin: 0px 0px 0px 0px;
   padding: 5px 15px 5px 25px;
   font-weight: bold;
}
.confirmationMessage 
{
   border : 1px dashed green;
   color: green;
   background-color: #E4E8EC;
   margin: 50px 0px 0px 0px;
   padding: 10px 10px 10px 10px;
}
div.editor table td 
{ 
   padding: 0px 0px 0px 0px;
}
tr.spaceUnder > td
{
  padding-bottom: 2px;
}
.requiredLabel
{
   color: #CC0000;
}
.userFields
{
   font-weight:bold;
}
.userFieldsLine
{
   background-color:Black;
}
.thinPageTitle
{
   color: White;
   font-size:medium;
}
.thinZone
{
   color: White;
   font-size:x-small;
   text-align:right;
}
.thinHelp
{
   color: White;
   font-size:x-small;
   text-align:right;
}
.CUI
{
   color: Red;         
   font-size:x-small;
}
a.specialLink:link 
{
   color: White;
   text-decoration: underline;
}
a.specialLink:visited 
{ 
   color: White;
   text-decoration: underline;
}
a.specialLink:hover
{ 
   color: White;
   text-decoration: underline; 
}
a.helpLink:link 
{
   color: Blue;
   text-decoration: underline;
}
a.helpLink:visited 
{ 
   color: Blue;
   text-decoration: underline;
}
a.helpLink:hover
{ 
   color: Blue;
   text-decoration: underline; 
}
.gc
{
   white-space:nowrap;
   vertical-align:top;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
.ul
{
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
.li
{
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

/* -- ASPxPopupControl -- */
.dxpcControl
{
	font: 9pt Tahoma;
	color: black;
	background-color: white;
	border: solid 1px #002D96;
}
.dxpcControl a
{
	color: black;
}
.dxpcCloseButton
{
	font: 9pt Tahoma;
	color: black;
	padding: 1px 1px 1px 2px;	
}
.dxpcCloseButtonHover
{
}
.dxpcContent
{
	background: white;
	font: 9pt Tahoma;
	color: black;
	white-space: normal;
	padding: 9px 12px 30px 12px;
	border: 0px;
	vertical-align:top;
}
.dxpcFooter
{
	font: 9pt Tahoma;
	color: #597DB2;
	background-color: #CFE1F9;
	border-top: solid 1px #7BA4E0;
	font-weight: bold;
}
.dxpcFooter td.dxpc
{
	font: 9pt Tahoma;
	color: #597DB2;
	white-space: nowrap;
	padding: 6px 12px 8px 12px;
	font-weight: bold;
}
.dxpcHeader
{
	font: 9pt Tahoma;
	color: black;
	background: #D9E3EF;	
	border-bottom: solid 1px #002D96;
	padding: 6px 6px 6px 12px;
}
.dxpcHeader td.dxpc
{
	font: 9pt Tahoma;
	color: black;
	font-weight: bold;
	background: #D9E3EF;
	white-space: nowrap;
	padding-top: 4px;
	padding-bottom: 5px;
}
.dxpcModalBackground
{
	background-image: url('pcModalBack.gif');
    background-repeat: repeat;
}
/* Disabled */
.dxpcDisabled
{
	color: #808080;
	cursor: default;
}
.gridHeader
{
	cursor: pointer;
	padding: 4px 6px 5px 6px;
	background-image: url('gradient_00_ll.jpg');
}
.grid
{
  table-layout: fixed;
}
.fixedHeader
{
  overflow: auto;
  border-color: gray;
  border-style: solid;
  font-weight: normal;
}
.hidden
{
  display:none;
}
a.attach_link, a.attach_link:visited
{
  padding: 2px 2px;
  border-bottom : none;
  text-decoration: none;
  font-family: tahoma,verdana,helvetica;
  font-size: 11px;
  color:   black;
}
a.attach_link_bold, a.attach_link_bold:visited
{
  padding: 2px 2px;
  border-bottom : none;
  text-decoration: none;
  font-family: tahoma,verdana,helvetica;
  font-size: 11px;
  color:   black;
  font-weight:bold;
}
div.attach_child 
{ 
   border: 1px solid black; 
   background-color:white 
}
.headerCell
{      
   border-color: gray;
   width: 55px;
}
.headerInvisible
{
   font-family : Verdana, Arial, Sans-Serif;
   font-size: 2px;
   background-color: #E4E8EC;
   color: #E4E8EC;
   font-weight: normal;
   border-color: #E4E8EC;
}
.vAppTopLeft
{
   background-image: url('../../Images/vTopLeftCorner.gif');
   background-repeat: no-repeat;
   font-size: 0;
}
.vAppTopEdge
{
   background-image: url('../../Images/vTopEdge.gif');
   background-repeat: repeat-x;
   width: 100%;
}
.vAppTopRight
{
   background-image: url('../../Images/vTopRightCorner.gif');
   background-repeat: no-repeat;
   font-size: 0;
}
.vAppBottomLeft
{
   background-image: url('../../Images/vBottomLeftCorner.gif');
   background-position: left bottom;
   background-repeat: no-repeat;
   font-size: 0;
}
.vAppBottomRight
{
   background-image: url('../../Images/vBottomRightCorner.gif');
   background-position: right bottom;
   background-repeat: no-repeat;
   font-size: 0;
}