﻿
/* A link style (to replace above) */
.alnk { font-size: 8pt;color: #21459c;font-family: Arial,sans-serif;text-decoration: underline; font-weight:normal; }
.alnk:hover { font-size: 8pt;color: #ff0033;font-family: Arial,sans-serif;text-decoration: none; font-weight:normal; }

.alnkDisabled { font-size: 8pt;font-family: Arial,sans-serif;text-decoration: underline; font-weight:normal;color: #A0A0A0;text-shadow: 0px 1px 0px #FFFFFF; }
.alnkDisabled:hover { font-size: 8pt;font-family: Arial,sans-serif;text-decoration: underline; font-weight:normal;color: #A0A0A0;text-shadow: 0px 1px 0px #FFFFFF; }

.captureEnter { position: absolute; background-color: White; color: White; border: 0; width: 1px; top: -1000px; }

/* grid link button style */
.lnkBtn {font-family: Arial;border-style: none;font-weight: bold;font-size: 8pt;text-decoration: none;color: #21459c; outline-style:none;}
.lnkBtn:hover {font-family: Arial;border-style: none;font-weight: bold;font-size: 8pt;text-decoration: none;color: #FF0000; outline-style:none;}
.lnkBtn:focus {font-family: Arial;border-style: none;font-weight: bold;font-size: 8pt;text-decoration: none;color: #FF0000; outline-style:none;}

.lnkBtnDisabled {font-family: Arial;border-style: none;font-weight: bold;font-size: 8pt;text-decoration: none;color: #A0A0A0;text-shadow: 0px 1px 0px #FFFFFF; }
.lnkBtnDisabled:hover {font-family: Arial;border-style: none;font-weight: bold;font-size: 8pt;text-decoration: none;color: #A0A0A0;text-shadow: 0px 1px 0px #FFFFFF; }
.lnkBtnDisabled:focus {font-family: Arial;border-style: none;font-weight: bold;font-size: 8pt;text-decoration: none;color: #A0A0A0;text-shadow: 0px 1px 0px #FFFFFF; }

/*Text Box*/
.textField {background-color: #FFFFFF;border-style: solid;border-width: 1px;border-color: #888888;font-family: Arial;font-size: 9pt;
             font-weight: normal;margin:0px; padding:1px; vertical-align:top; 
             box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 20px; }
             
/*Read Only Text Box*/             
.textDataField {background-color: rgb(240,236,224);border-style: solid;border-width: 1px;border-color: #888888;font-family: Arial;font-size: 9pt;
            font-weight: normal;margin:0px;padding:1px;vertical-align:top;
            box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 20px; }
            
.textMultiLine {background-color: #FFFFFF;border-style: solid;border-width: 1px;border-color: #888888;font-family: Arial;font-size: 9pt;
             font-weight: normal;margin:0px; padding:1px; vertical-align:top; 
             box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/*Read Only Multi-Line Box*/
.textDataMultiLine {background-color: rgb(240,236,224);border-style: solid;border-width: 1px;border-color: #888888;font-family: Arial;font-size: 9pt;
            font-weight: normal;margin:0px;padding:1px;vertical-align:top;
            box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.dropdownField {background-color: #FFFFFF;border-style: solid;border-width: 1px;border-color: #888888;font-family: Arial;font-size: 9pt;
             font-weight: normal;margin:0px; height:20px; padding:0px;}

/*Erroring Text Box*/
.errorField {background-color: #ffD7D6;border-style: solid;border-width: 1px;border-color: #888888;font-family: Arial;font-size: 9pt; 
             font-weight: normal;margin:0px; padding:1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 20px; }

.popupImage img {margin-left: 1px; margin-top:2px; cursor: pointer! important;}

.pageLoadImage { pointer-events:none; position:absolute; top:0px; left:0px; width:100%; height:100px; background-image: url(/images/ajax-loader.gif); background-repeat: no-repeat; background-position: center; background-size: auto 100px; }
.pageLoadGradientBackground { pointer-events:none; overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%; height:0px; background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(244,247,254,1) 100%); }

.inputImage	{vertical-align:top; margin-left: 1px; margin-top:2px;}

.majorHeading {background-color: #21459C;font-family: Arial;font-weight: bold;font-size: 13pt;color: #FFFFFF; text-align:center;}

.divisionBody {font-family: Arial;font-weight: normal;font-size: 8pt;color: #000000;}

.altBackground {background-color: rgb(228,235,252);/*#e0dede;*/ }

.inputLabel {font-family: Arial;font-size: 8pt;font-weight: bold;}
.inputLabelNoBold {font-family: Arial;font-size: 8pt;font-weight: normal;}
.inputLabelDisabled {font-family: Arial;font-size: 8pt;font-weight: bold;color: #A0A0A0;text-shadow: 0px 1px 0px #FFFFFF;}

.headerLabel {font-family: Arial;font-size: 9pt;font-weight: bold;}
.headerLabelNoBold {font-family: Arial;font-size: 9pt;font-weight: normal;}

.groupHeading{border-bottom: 1px solid #21459C;font-family: Arial;font-size: 9pt;font-weight: bold;}
.groupFooter{border-top: 1px solid #21459C;font-family: Arial;font-size: 9pt;font-weight: bold;}

.groupSeparator{display:inline-block;border-top-color: #21459c; border-top-style: solid;border-top-width: 1px; cursor: default; padding-bottom: 4px; }

.groupTableLinkButtonHide{color: #21459c;font-family: Arial;font-size: 9pt;font-weight: bold;text-decoration: none;}
.groupTableLinkButtonHide:hover{color: #ff0033;font-family: Arial;font-size: 9pt;font-weight: bold;text-decoration: none;}

.infoPopup img {vertical-align: top; margin:0px;}

.inputButton {color: #21459C;font-family: Arial !important;font-size: 9pt !important;font-weight: bold; text-align:center; padding:1px 2px 1px 2px; cursor:pointer;}
.inputButtonDisabled {color: #A0A0A0;font-family: Arial !important;font-size: 9pt !important;font-weight: bold; text-align:center; padding:1px 2px 1px 2px; cursor:default;}

.note {border: #DDDDF0 1px solid;padding: 2px;font-weight: bold;font-size: 10px;color: #25383C;font-family: Verdana;background-color: #e7e7f9;
	   text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	   
.noteLeft {border: #DDDDF0 1px solid;padding: 2px;font-weight: bold;font-size: 10px;color: #25383C;font-family: Verdana;background-color: #e7e7f9;
	   text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	   
.noteCenter {border: #DDDDF0 1px solid;padding: 2px;font-weight: bold;font-size: 10px;color: #25383C;font-family: Verdana;background-color: #e7e7f9;
	   text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	   
.noteRight {border: #DDDDF0 1px solid;padding: 2px;font-weight: bold;font-size: 10px;color: #25383C;font-family: Verdana;background-color: #e7e7f9;
	   text-align: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	   
.datagrid {border-color: #888888;border-width: 1px;border-style: Solid;
           font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 9pt;font-weight: normal;}
           
.datagridItem {background-color: #F9F9F9;}

.datagridAlternatingItem{background-color: #EEEEEE;}

.datagridHeading {background-color: #D1CFCF;font-family: Arial;font-weight: bold;font-size: 8pt;color: #000000;height:16px;}

.datagridPager{color: #21459C;font-family: Arial, Helv;font-size: 12pt;font-weight: bold;background-color: #CCCCCC;}

.datagridPager A, .datagridPager A:hover{color: #21459C;font-family: Arial, Helv;font-size: 12pt;font-weight: bold;background-color: #CCCCCC; text-decoration:underline;}

.datagridNewItem {background-color: #C9FFCE;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 9pt;font-weight: normal;}

.datagridNewAlternatingItem {background-color: #89FF95;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 9pt;font-weight: normal;}

.datagridDeletedItem {background-color: #FFD7D6;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 9pt;font-weight: normal;}

.datagridDeletedAlternatingItem{background-color: #FF8585;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 9pt;font-weight: normal;}

.datagridUpdatedItem{font-weight: normal;font-size: 9pt;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;background-color: #ffffcc;}

.datagridUpdatedAlternatingItem{font-weight: normal;font-size: 9pt;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;background-color: #ffff99;}

.datagridSelectedItem{background-color: #C0C0FF;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 9pt;font-weight: normal;}


/* These are the old gridview styles.

.gridView { border-color: #DDDDF0; border-width: 1px; border-style: Solid; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; border-collapse: separate; margin: 0 auto; }
        
.gridViewItem { background-color: #F0F0FA; border-bottom: 1px solid #DDDDF0; }
        
.gridViewAlternatingItem { background-color: #F0F0FA; border-bottom: 1px solid #DDDDF0; }
        
.gridViewNewItem { background-color: #C9FFCE; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; border-bottom: 1px solid #DDDDF0; }
        
.gridViewNewAlternatingItem { background-color: #C9FFCE; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; border-bottom: 1px solid #DDDDF0; }
        
.gridViewDeletedItem { background-color: #FFD7D6; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; border-bottom: 1px solid #DDDDF0; }
        
.gridViewDeletedAlternatingItem { background-color: #FFD7D6; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; border-bottom: 1px solid #DDDDF0; }
        
.gridViewUpdatedItem { font-weight: normal; font-size: 9pt; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; background-color: #ffffcc; border-bottom: 1px solid #DDDDF0; }
        
.gridViewUpdatedAlternatingItem { font-weight: normal; font-size: 9pt; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; background-color: #ffffcc; border-bottom: 1px solid #DDDDF0; }
        
.gridViewSelectedItem { background-color: #C0C0FF; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; border-bottom: 1px solid #DDDDF0; }
        
.gridViewHeading { background-color: #e7e7f9; font-family: Arial; font-weight: bold; font-size: 8pt; color: #000000; height: 16px; border-bottom: 1px solid #DDDDF0; }
        
.gridViewFooter { font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; background-color: #e7e7f9; }
        
.gridViewPager { color: #21459C; font-family: Arial, Helv; font-size: 12pt; font-weight: bold; background-color: #e7e7f9; }
        
.gridViewPager A, .gridViewPager A:hover { color: #21459C; font-family: Arial, Helv; font-size: 12pt; font-weight: bold; background-color: #e7e7f9; text-decoration: underline; } */


.gridview { border: 1px solid #DDDDF0; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; border-collapse: collapse; margin: 0 auto; }

.gridviewHeaderRow { background-color: #e7e7f9; height: 16px; border-bottom: 1px solid #DDDDF0; }

.gridviewHeaderCell { font-family: Arial; font-weight: bold; font-size: 8pt; color: #000000; padding-top: 4px; padding-bottom: 4px; }

.gridviewRow, .gridviewRowNoHighlight, .gridviewRowDeleted, .gridviewSelectedRow, .gridviewSelectedRowHighlighted {  border-bottom: 1px solid #DDDDF0;  }

.gridviewRow { background-color: #F0F0FA; }

.gridviewSelectedRow { background-color: #C0C0FF; }

.gridviewSelectedRowHighlighted>td { background-color:#D2D3FE; }

.gridviewRowNoHighlight>td { background-color: #F0F0FA; }

.gridviewRowDeleted { background-color: #FFD7D6; }

.gridviewCell { padding-top: 4px; padding-bottom: 4px; }

.gridviewRowHighlighted>td { background-color:#F4F7FE; }

.gridviewLinkHighlighted { color: #FF0000; }

.gridviewClickCell { } /* Place this on cells that should have the pointer assigned dynamicly */

.gridviewCellPointer { cursor: pointer; }

.gridviewFooterRow { background-color: #e7e7f9; }
        
.gridviewPager { color: #21459C; font-family: Arial, Helv; font-size: 12pt; font-weight: bold; background-color: #e7e7f9; }
        
.gridviewPager A, .gridviewPager A:hover { color: #21459C; font-family: Arial, Helv; font-size: 12pt; font-weight: bold; text-decoration: underline; }

.tablePadding0 { border-collapse: collapse; border-spacing: 0; }
.tablePadding0 > tbody > tr > th { padding: 0px; }
.tablePadding0 > tbody > tr > td { padding: 0px; }

.tablePadding1 { border-collapse: collapse; border-spacing: 0; }
.tablePadding1 > tbody > tr > th { padding: 1px; }
.tablePadding1 > tbody > tr > td { padding: 1px; }

.tablePadding2 { border-collapse: collapse; border-spacing: 0; }
.tablePadding2 > tbody > tr > th { padding: 2px; }
.tablePadding2 > tbody > tr > td { padding: 2px; }

.tableSpacing > tbody > tr > td { height: 21px; vertical-align: middle; }

.truncateEllipsis {text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}

.modalOverlay{background-color: Gray;filter: alpha(opacity=25);opacity: 0.25;}

.modalPopup{background-color: #F4F7FE; padding: 3px; border-radius: 6px;}

.modalIframe{}

.modalTitle{font-family: Arial;font-size: 9pt;font-weight: bold;text-align:left; vertical-align:middle; cursor:default! important;}

.modalDialogText{font-family: Arial;font-size: 9pt;font-weight: bold;text-align:left; vertical-align:middle;}

.plainTextSmall{font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 8pt;font-weight: normal;}

.plainText{font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 9pt;font-weight: normal;}
.plainTextDisabled{font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 9pt;font-weight: normal;color: #A0A0A0;text-shadow: 0px 1px 0px #FFFFFF;}

.redFlagFatal{font-family: Arial;font-size: 9pt;font-weight: normal;color:Red;}
.redFlagFatal span{font-weight:bold;}

.redFlagProblem{font-family: Arial;font-size: 9pt;font-weight: normal;color:Black;}
.redFlagProblem span{font-weight:bold;}

.redFlagWarning{font-family: Arial;font-size: 9pt;font-weight: normal;color:Black;}

.cursorDefault{cursor:default;}
.cursorPointer{cursor:pointer;}

.collapse-icon { width: 13px; height: 13px; background-image: url(/images/icons/collapseIcon.jpg); background-repeat: no-repeat; display: inline-block; cursor: pointer; }
.expand-icon { width: 13px; height: 13px; background-image: url(/images/icons/expandIcon.jpg); background-repeat: no-repeat; display: inline-block; cursor: pointer; }
.edit-icon { width: 16px; height: 16px; background-image: url(/images/icons/docImaging/edit.png); background-repeat: no-repeat; display: inline-block; cursor: pointer; }