a { color: #0000ff; text-decoration: underline; }
/* a:visited { color: purple; } */
/* a:hover { color: #ff0000; } */

hr { border: gray thin solid; }

/* elements used across all classes */
.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }
.bold { font-weight: bold; }

/* page and page headers */
div.page4T { min-width: 600px; } /* min-height: 800px; } */
* html div.page4T { border: 1px solid gray; width: 980px; height: 800px; padding: 7px; background-color: white; } /* IE8.0 is ignoring min-height property so need this workaround */
div.page4Tnarrow { border: 1px solid gray; width: 724px; height: 675px; padding: 7px; background-color: white; } 
div.page4TfixedPage { width: 100%; height: auto; }

.innerPage4T { background-color: transparent; margin: 0 1% 0 1%; width: 98%; }


/* deprecated items */
/* ASP grid header style - keep until all older pages are converted to the new grid control */
.header { font-weight: bold; font-size: 1.125em; font-family: Verdana, Arial; background-color: silver; }


/* frame and panel elements */
/*
div.headerPanel { background-color: #8ad2ed; padding: 5px; border: 1px solid darkgray; background-image: url('../ig_res/LucidDream/images/igdm_RootHover.png'); background-position: top; background-repeat: repeat-x; }
div.verifyPanel { padding-bottom: 0.5em; padding-top: 0.5em; padding-left: 0.5em; border: 2px solid red; }
div.framePanel { margin: 0px; padding: 0px; }
*/
/* div.headerPanel { background-color: transparent; padding: 5px; border: 1px solid cornflowerblue; background-image: url(../images/ddformHeader.png); background-position: top; background-repeat: repeat-x; } */

/* control elements */
select { font-weight: normal; text-align: left; vertical-align: top; color: WindowText; }
select.list { }
select.dropdown { }

input.text { font-weight: normal; text-align: left; vertical-align: top; color: WindowText; width: 105px; }
input.numberText { text-align: right; }
input.lookupText { }
input.dateText { }

input.check { }
input.file { }
input[type="checkbox"] { margin-right: 5px; }

input.button { font-size: 1em; margin-right: 2px; font-family: Verdana, Arial; height: 25px; text-align: center; color: ButtonText; padding: 0px 8px 0px 8px; }
.ddform input.button { font-size: .9em; }

textarea { }


/* label types */
span.label, label.label { display: inline-block; }
.label { font-weight: normal; text-align: left; vertical-align:top;}
captionLabel { padding-top: 0.2em; padding-right: 0.3em; }

.bulletLabel { }

.titleLabel { font-size: 1.5em; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; text-align: left; vertical-align:middle;}
headerPanel_Plain .titleLabel { font-size: 1.5em; font-weight: bold; margin-top: 0; margin-bottom: 0; text-align: left; vertical-align: middle; }
.ccpform .titleLabel { font-size: 1.5em; margin-top: 0px; }
.ddform .titleLabel { }

.sectionLabel { font-size: 1.2em; letter-spacing: 0.1em; }
.dftitle .sectionLabel { border: gray 0px solid; border-bottom-width: 1px; padding-left: 0pt; text-align: left; }

.smallSectionLabel { font-size: 1em; letter-spacing: 0.1em; font-weight: normal; }
.dftitle .smallSectionLabel { border: gray 0px solid; border-bottom-width: 1px; padding-left: 0pt; text-align: left; }

.subGridTitle { font-size: 1.2em; letter-spacing: 0.1em; position: relative; top: 30px; left: 300px; z-index: 1; }

.requiredLabel { font-size: 1.2em; font-weight: bold; color: Red; float: right; }

.noteLabel { text-align: left; width: 100%; font-size: 1.375em; color: Black; background: #FFFFCC; border: 1px solid peru; padding: 2px; }
.messageLabel { font-size: 1em; background: white; color: blue; text-align: left; margin-left: 3px; margin-right: 3px; }
.commentLabel { width: 98%; }

.alertLabel { background-color: #FFFFFF; color: #993030; font-family: Verdana, Arial; font-weight: normal; font-size: 1em; border: 1px solid #993030; padding-left: 4px; padding-right: 4px; line-height: 2em; }
.erroralertLabel { background-color: #ffd2a2; color: #FF3333; border-color: red; }
.alertCaption { font-weight: bold; font-size: 1.2em; color: red; border: none; width: 100%; }

.charcount { font-family: Verdana, Arial; font-size: 1em; font-weight: bold; color: black; }
div.charcount { width: 100%; text-align: right; }
.charcount .ok { color: blue; }
.charcount .max { color: green; }
.charcount .xs { color: red; }

/* custom styles for dictionary form labels */
.ddform .doclinkLabel { font-size: 1em; color: green; }
.ddform #lnkprintform { font-size: 1em; }

.ddform td.ddf_blank { font-size: 0.8em; background: #FFFFF; }

.dfTitleHeader { font-size: 1.2em; letter-spacing: 0.2em; font-weight: bold; width: 100%; padding-left: 5pt; text-align: left; margin-bottom: 0.5em; }
.dfTitleSubheader { font-family: Tahoma, Verdana, Arial; font-weight: normal; width: 100%; padding-left: 5pt; text-align: left; margin-bottom: 0.5em; }

.ajaxmodalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.ajaxmodalPopup { background-color: #ffffd4; border-width: 3px; border-style: solid; border-color: Gray; font-family: Verdana; font-size: 2em; }
.ajaxmodalPopup textarea { font-family: Arial; font-size: 1.25em; }
.ajaxmodalDragBar { background-color: #DDDDDD; border: solid 1px Gray; color: Black; }

.dfAjaxDate { background-color: Purple; }

.dfbutton .dbutton { font-size: 1em; }

.dfbomitem table { text-align: left; }
.dfbomitem .captionLabel { text-align: left; }
.dfbomitem .captionlabelrow { font-size: 1em; }
.dfbomitem .captionlabelconfig { font-weight: normal; font-size: 1.375em; }
.dfbomitem td.bomlinkdisabled { color: black; font-weight: normal; font-size: 1em; }

/* .dfDate .timecolon { font-weight: bold; } */

.dffile .dbutton { font-family: MS Sans Serif; font-size: 1em; }

.dfJournal #jnlProgress { border: 2px solid royalblue; background-color: lighsteelblue; color: royalblue; font-weight: bold; font-size: 1.375em; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
.dfjournal textarea, .dfjournal span, .dfjournal div, .dfjournal table, .dfjournal body { font-family: verdana; font-size: 1em; }
.dfjournal div.jnlHeader { background-color: lightsteelblue; }
.dfjournal span.jnlcaption { color: gray; }
.dfjournal span.jnlHdrDetail { font-weight: bold; color: gray; }
.dfjournal .jnlEntry { font-size: 1em; border: 1px solid steelblue; }
.dfjournal .jnlEntryAlt { background-color: lightblue; }
.dfjournal hr.jnlDivider { color: white; border: 0px solid red; }
.dfjournal div.jnlNew { background-color: steelblue; color: white; }
.dfjournal div.jnlList { border: 1px solid darkgray; background-color: transparent; }
.dfjournal div.jnlDetail { background-color: lightsteelblue; margin-bottom: 0.3em; vertical-align: top; }
.dfjournal div.jnlDetailArchived { background-color: silver; }
.dfjournal div.jnlDetailLocked { background-color: darkkhaki; }
.dfjournal div.jnlDetailNew { background-color: palegreen; }
.dfjournal div.jnlDetailEdit { background-color: khaki; }
.dfjournal .jnlArchived { color: darkgray; font-style: italic; }

.dfPegging table { border: black 1px solid; text-align: left; }
.dfpegging .captionLabel { letter-spacing: 0.2em; text-align: left; font-weight: bold; }
.dfpegging .captionlabelrow { font-size: 1em; }
.dfpegging .captionlabelconfig { font-weight: normal; font-size: 1.375em; }
.dfpegging td.peglinkdisabled { color: black; font-weight: normal; font-size: 1em; }

.dftreeview .tvmain { font-family: verdana; font-size: 1em; border: 1px solid #666666; }  /* border: 1px solid #666666; display: inline-block; */

/* custom styles for grid */
/* .gcell, .gcell input { font-family: Arial; font-size: .9em; vertical-align: top; } */ 

/* deprecated items */
/* styles for old ASP grids */
.ItemStyle { font-family: Arial; font-size: 1em; color: black; background-color: white; }
.AlternatingItemStyle { font-family: Arial; font-size: 1em; color: Black; background-color: aliceblue; }
.TableHeader { font-family: Arial; font-size: 1.125em; font-weight: Bold; color: black; background-color: #cccccc; }
/* end - deprecated items */

.hidden4T  { display: none ! important; }

/* Tweak for DevExpress HTML Editor Control */
.dxheControl_DevEx .dxheHtmlViewArea_DevEx.dxeMemo_DevEx .dxeMemoEditArea_DevEx, .dxheControl_DevEx .dxheHtmlViewArea_DevEx.dxeMemo_DevEx td { padding: 0px ! important; }

.fileContainer {
    padding-top: 5px;
    padding-left: 5px;
}
.cover {
    object-fit: cover;
    width: 300px;
    height: 300px;
}