/* Screen Optimizer does not work in Safari, have to move all the font-sizes to Regular.css */

/* For IE - Public Forms which are HTML4 Doc type - we can't use the tr>td type of stuff */

body 
{
	background-color:#6F6F6F;
	font-family:tahoma, sans-serif;	
	margin:0 0 0 0;	
	text-align:center; /* for IE */
	color:#1F1F1F;	/* default color (necessary, especially for public forms) */
}

h1 { margin:4px; }

table { border-collapse: collapse; }

td, th { padding: 0 }

a
{
	text-decoration:none;
	font-size:15px;	
	color:#0002AF;	
}
a:hover
{
	font-size:15px;	
	color:#0F7F14;	
	text-decoration:underline;
}

img {border-width:0;vertical-align:middle;}

input 
{ 
	font-size:17px;
	border:solid 1px #8F8F8F;
	padding-left:2px;
}
select
{ 
	font-size:17px;
	border:solid 1px #8F8F8F;
	padding-left:2px;
}
textarea
{
	font-size:16px;
	border:solid 1px #8F8F8F;
	padding-left:2px;
}

/* Main Containers (Divs) */
.dvCntr, .dvCntrHdr /* div that holds all the contents, here to keep bg white and to center all */
{
	margin-left:auto;
	margin-right:auto;	
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	background-color:#ffffff;			
	width:96%;	
	border-left:solid 2px #ffffff;		
	border-right:solid 2px #ffffff;						
}
.dvCntrPub { width:100%; }
.dvCntr { border-bottom:solid 2px #ffffff; }

/* Main Containers (Divs) End */

table.mainTbl, div.mainDiv
{
	width:100%;		
	margin-bottom:14px;		
	text-align:left;
}
.MBMainTbl { margin-bottom:14px !important; }
/*margin-top:10px !important;	 */

.mainTbl td { vertical-align:top; }

.frmTbl {padding-top:10px; }

.ftrTbl
{
	
}
/* header row */

/*.hdrTbl td
{
	border:solid 1px #ffffff;
}*/

table.hdrTbl
{
	width:100%;	
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;			
	margin-bottom:0;
}

td.hdrTpTr
{	
	border:solid 1px #ffffff;	
	border-bottom-width:0;			
}

.hdrTpTr>td
{
	height:7px;	 	
	border-top:solid 2px #ffffff;		
}

.hdrTr>td
{
	font-size:15px;
	height:26px;
	text-align:center;	
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	border-bottom:solid 2px #ffffff;
	border-top:solid 8px #ffffff;
	padding-bottom:3px;
	font-weight:bold;	
	/*width:13%;	*/
	vertical-align:top;
}

.tabCornerLeft
{		
	float:left;
	vertical-align:top !important;	
	margin:0 0 0 0;
}
.tabCornerRight
{		
	float:right;
	vertical-align:top;
	margin:0 0 0 0;
}
td.hdrAct .tabCornerRight { margin-bottom:2px; }
td.hdrAct .tabCornerLeft { margin-bottom:2px; }

.hdrTr a {display:block; margin-top:3px; }

/* header row end */

/* Title */

div.ttl
{
	width:100%;
	height:25px;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
	font-weight:bold;	
	padding-top:4px;
	overflow:hidden;
}

/* Title End */

/* Input Styles */
table.dtbl, table.hdtbl, table.dtblCntr  /* dtblCntr for wrapper when vertical frm rptr */
{	
	margin-left:auto;
	margin-right:auto;		
	background-color:#EFEFEF;	
}
.dtblWidth { width:97%; }
table.dtblMarginTop, div.dtblMarginTop { margin-top:10px !important; }
table.dtblMarginB { margin-bottom:10px !important; }
table.dtbl, table.dtblCntr 
{
	margin-top:10px;		
	width:97%;
	border:solid 1px #FFE79E;
}
table.hdtbl
{
	width:97.5%;
	border:solid 1px #FFE79E;
	margin-top:0;
	margin-bottom:0;
}
table.homeTbl { width:95%; }/* applies for any table shown on the home page so that they look the same even if one is htbl and one is */

table.tophdtbl
{
	margin-top:12px !important;
}
table.hdtblLbl /* table which only contains the label row because the other rows are added dynamically */
{
	margin-top:0 !important;
	margin-bottom:0 !important;
	border-bottom-width:0 !important;
}
table.hdtblData /* table which only contains the label row because the other rows are added dynamically */
{
	margin-top:0 !important;
	margin-bottom:0 !important;
	border-top-width:0 !important;		
}
table.hdtblData>tbody>tr>td
{
	vertical-align:middle !important;
	padding-bottom:0 !important;	
}

table.solo /* table which is the only one shown on the form */
{
	margin-top:15px !important;
	min-width:500px;
	width:60%;
}
table.soloSml /* table which is the only one shown on the form */
{
	margin-top:15px !important;
	width:50%;
}
table.soloLg /* table which is the only one shown on the form */
{
	margin-top:15px !important;
	width:70%;
}
table.soloXLg /* table which is the only one shown on the form */
{
	margin-top:15px !important;
	width:90%;
}
table.tblWhite, tr.trWhite>td { background-color:#fff; border-color:#fff; }
div.partOfPrntCntr { width:96%; border:solid 1px #FFE79E !important; margin-left:auto; margin-right:auto; margin-bottom:10px; }
div.partOfPrntCntr table.hdtbl { width:100%; }
div.partOfPrntCntrInner { border:solid 3px #fff; background-color:#fff; margin-left:auto; margin-right:auto; } /* do not put w100 */

table.hdtblRptr { margin-top:3px !important; }

/*table.ltbl{	margin-left:2.5%;}
table.rtbl{	margin-right:2.5% !important;}*/

table.dtbl>tbody>tr>td
{
	/*height:30px;*/
	padding-top:3px;	
	padding-bottom:3px;
	vertical-align:middle;				
	padding-right:4px; /* so that wont bunch against border */
}
tr.dtblTop>td { padding-top:6px; }
tr.dtblBtm>td { padding-bottom:6px; }

.dtblTopBrdr>td, .dtblTopBrdr {border-top:solid 1px #FFE79E;}
.dtblBtmBrdr>td, .dtblBtmBrdr {border-bottom:solid 1px #FFE79E;}

/* for places where there are just a few fields and they need to be more separated */
table.dtblLg>tbody>tr>td { padding-top:10px; padding-bottom:10px;   }

.sctRB { border-right:solid 1px #FFE79E; }
.sctLB { border-left:solid 1px #F0B400;	 }

.lblPad {padding-right:4px;} /* for lbl on span that are horizontal */
tr>td.lbl, td.lblThin, td.lblXThin, td.lblFat /* has to override all the other styles applied to the tr */
{	
	font-size:12px;
	color:#330D00;
	text-align:right;
	padding-right:8px;			
	width:33%;	
	padding-left:4px;	
	vertical-align:middle;
	font-weight:normal;
}
td.lblOneToMany { vertical-align:top; padding-top:14px !important; } 
td.lblXThin { width:15%; }
td.lblThin { width:20%; }
td.lblFat {  width:50%; }
td.lblRight, span.lblRight { font-size:12px; color:#330D00; text-align:right !important; padding-right:8px; padding-left:10px;	vertical-align:middle; }
td.lblRightWPad { padding-right:30px !important; }
span.lbl, a.lblLnk, span.lblChkLst, div.lbl, span.lblRdoLst
{	
	font-size:12px;
	color:#330D00 !important;
	font-weight:normal;
}
span.lblSml, td.lblSml, .lblSml, a.lnkSml { font-size:10px !important; font-weight:normal; }
span.lblChkLst { padding-left:5px; font-weight:bold; } 
span.lblRdoLst { vertical-align:middle; padding-left:3px; font-weight:bold; }

/* used on the frm edt page where there is no need for input or data's large width and the label is very important */
td.lblLg, span.lblLg, tr>td>span.lblLg
{
	font-size:15px;
	color:#330D00;
	text-align:right;
	padding-right:10px;			
	width:55%;
	font-weight:bold;
}
tr.lblSolo>td, td.lblSolo
{
	font-size:12px;
	color:#5F524D;
	text-align:right;		
	height:28px !important;
	width:55%;
}

td.lblLeft
{
	font-size:13px;
	color:#330D00;
	text-align:left;
	padding-left:6px;			
	width:50%;
	font-weight:bold;
}
td.lblLeftLg
{
	font-size:15px;
	color:#330D00;
	text-align:left;
	padding-left:10px;				
	font-weight:bold;
	width:85%;
}
td.lblLeftXLg
{
	font-size:16px;
	color:#330D00;
	text-align:left;
	padding-left:10px;			
	width:50%;
	font-weight:bold;
}

tr.hlblTr>td, tr.hlblTrNoData>td
{			
	font-size:12px;
	color:#3F3F3F;
	height:24px;
	vertical-align:bottom;
	text-align:left;
	padding-right:10px;
	padding-top:6px;
}
tr.hlblTrNoData>td { height:24px; padding-bottom:8px; }
.hlblTr>td>a.lnkDt, .hlblTrNoData>td>a.lnkDt { font-size:12px; color:#3F3F3F; }
.hlblTrLg>td
{			
	font-size:15px;
	color:#3F3F3F;
	height:28px;
	vertical-align:bottom;
}

.hdrow>td {	
	height:34px;	
	vertical-align:top; /*vertical-align:middle;*/
	padding-top:4px;		
	padding-bottom:8px;
	text-align:left;	
	font-size:15px;
	color:Black;
	font-weight:bold;	
	padding-right:8px;	
}
.hdrowSngl>td { padding-top:8px; padding-bottom:10px; }
.hdrowSnglTop>td { padding-top:8px; padding-bottom:6px; }
.hdrowSnglBtm>td { padding-top:4px; padding-bottom:12px; }
.hdrowMid>td { padding-top:6px; padding-bottom:6px; }

tr.hdtblBtmRow>td { height:44px;padding-bottom:14px; }

.lstRow>td { height:38px; padding-right:10px; padding-top:2px; padding-bottom:4px; } /* need the padding right so that will have buffer between cells */

.dt
{
	font-size:15px;
	color:Black;
	font-weight:bold;		
	text-align:left;
}

.dtLnk { overflow:hidden;max-width:200px; } /* Links in a dt cell needs to be clipped in order to keep from overrunning */

.dtDtl, td.dtDtl /* for showing details/breakdown */
{
	font-size:14px;
	color:#5F5F5F;
	font-weight:bold;		
	text-align:left;
	padding-left:10px;
}

.dtLg { font-size:16px; }

.dtSml, tr.dtSml td, .dtSml a
{
	font-size:13px;
	color:Black;
	font-weight:bold;	
	text-align:left;	
}

.memo, td.memo { font-size:13px; }

/* dont want to override it */
/*.hdrow a {  } /* needed this to override the hdrow large bold font */

/* where the controls are shown without any lables on top of them */
.searchRow>td
{
	height:60px;	
	vertical-align:middle;
	text-align:left;	
	white-space: nowrap;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:8px;
}

.searchRowShort>td { height:40px; }
.searchRowRealShort>td { height:20px; padding-bottom:4px; }


/* Input Styles End */
.sctBrdTop, tr.sctBrdTop>td { border-top:solid 1px #FFE79E; }
.sctBrdBtm, tr.sctBrdBtm>td { border-bottom:solid 1px #FFE79E; }
.sctBrdBtmMultiPart, tr.sctBrdBtmMultiPart>td { border-bottom:dashed 1px #FFE79E; }
tr.sctPadTop>td { padding-top:4px; }
tr.trSprtrBtm>td { border-bottom:solid 1px #CFCFCF; }




/* lnkTblLg is used where there are only a few links on the page */
table.lnkTblLg, table.lnkTbl>tbody>tr>td { background-color:#ffffff !important; } /* (had to make it important and on the td because the MyPopup.css) the link table will always be shown with a white bg even if the outer container is white */
.lnkTblLg a
{
	font-size:18px;	
	letter-spacing:1px;
	color:#0002AF;
}
.lnkTblLg a:hover
{
	font-size:18px;	
	color:#0F7F14;	
}
table.lnkTblLg>tbody>tr>td
{
	text-align:left;
	/*padding-left:20%; IE8 sucks*/
	padding-left:100px;
	vertical-align:middle;
	height:40px;	
	padding-right:3%;
}
tr.lnkTblLgTop>td
{		
	height:50px;
	padding-top:10px;
}
tr.lnkTblLgBtm>td
{		
	height:52px;
	padding-bottom:10px;
}
table.lnkTblCenter>tr>td { padding-left:25%; }

/* have to rap lnkTbl around with div to center it and setup margins so that background will be white (usually lightgray on view frm) */
div.lnkTblCntr
{
	margin:0 auto 0 auto;		
	padding-top:20px;
	padding-bottom:30px;
	background-color:#ffffff;	
}
/* lnkTbl */

/* Footer */
div.divFtr
{
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:16px;
	text-align:center;
	color:#CCCCCC;	
	font-size:12px;	
	vertical-align:middle;	
}
.divFtr a
{
	color:#CCCCCC;
	font-size:12px;			
}
.divFtr span {padding:0 12px 0 12px;}
.divFtr a:hover
{
	color:#ffffff;
}
.imgFtr 
{ 		
	float:right;	
	margin-right:4%;	
	margin-top:-10px;	
	width:140px;
	height:44px;
}
/*
.imgFtr 
{ 	
	position:fixed;	
	left:85%;	
	margin-top:-6px;
}*/
/* Footer End */


/*  for divs around tbls for IE */
.center { text-align: center;}
div.center { text-align: center;}
div.center table, div.center div {
    margin-left: auto;
    margin-right: auto;
    text-align: left;	
}
/* for integrated popup */
.dvCal
{
	position:fixed;
	top: 10%; 
	left: 20%;
	width:50%;	
	height:50%;	
	background-color:#ffffff;		
	border:solid 4px #7F7F7F;  
}
.divMediumIframe
{
	position:fixed;
	top: 10%; 
	left: 15%;
	width:70%;	
	height:60%;	
	background-color:#ffffff;		
	border:solid 4px #7F7F7F;  
}
.divColor
{
	position:fixed;
	top: 10%; 
	left: 20%;
	width:70%;	
	height:70%;	
	background-color:#ffffff;		
	border:solid 4px #7F7F7F;  
}
.divIframeCntr
{
	position:fixed;
	top: 10%; 
	left: 15%;
	width:70%;	
	height:70%;	
	background-color:#ffffff;		
	border:solid 4px #7F7F7F; 
}
.divEdtIframe
{
	position:fixed;
	top: 10%; 
	left: 15%;
	width:70%;	
	height:45%;	
	background-color:#ffffff;		
	border:solid 4px #7F7F7F; 
	z-index:1;
}
.divDelIframe
{
	position:fixed;
	top: 5%; 
	left: 15%;
	width:70%;	
	height:90%;	
	background-color:#ffffff;		
	border:solid 4px #7F7F7F; 
}
.divLgIframe
{
	position:fixed;
	top: 5%; 
	left: 5%;
	width:90%;	
	height:90%;	
	background-color:#ffffff;		
	border:solid 4px #7F7F7F; 
}
.divAddEntIframe
{
	position:fixed;
	top: 2%; 
	left: 2%;
	width:96%;	
	height:96%;	
	background-color:#ffffff;		
	border:solid 4px #7F7F7F; 
	z-index:2; /* for overlap of edtIframe */
}

.Iframe, .PageDiv
{	
	text-align:center;
}
.ImgClose
{
	float:right;
	padding: 8px 8px 4px 0;
	cursor:pointer;
}
.ImgLnk { cursor:pointer; }

/* havent used this yet 
.infoLg
{
	font-size:15px;
	color:#4F4F4F;
	font-weight:bold;
}
*/

table.lnkTblSml>tbody>tr>td { padding-left:17px; height:26px; }	
.lnkTblSml a { font-size:13px; }

table.lnkTbl>tbody>tr>td, .lnkTblDiv { padding-left:17px; height:34px;padding-top:8px; padding-bottom:14px; }	
.lnkTbl a { font-size:16px; }
tr.lnkTblTop>td { height:40px; padding-top:6px; }
tr.lnkTblBtm>td { height:40px; padding-bottom:6px; }

/* for popup where there are a few links vertically */
table.lnkSct { margin-bottom: 10px; }
table.lnkSct>tbody>tr>td { height:20px; }
.lnkSct a { font-size:13px; }
tr.lnkSctTop>td { height:24px; padding-top:4px; }
tr.lnkSctBtm>td { height:24px; padding-bottom:4px; }
.lnkSctHint { font-size:13px; color:#7F7F7F; font-weight:normal; }

.lnkTopLeftBackBtn { margin-left:2%; width:98%; margin-top:6px; text-align:left; }

/* crumbs form navigation */
table.frmNavCntr
{	
	margin-top:2px;
	margin-bottom:8px;		
	width:100%;		
}
.frmNav
{	
	font-size:11px;
	color:#999ADF;
	text-align:left;	
	padding-left:15px;
	vertical-align:middle;
}
.frmNav a {color:#7F80FF; font-size:11px; }
.frmNav a:hover { color:#0F7F14; }

/* used at the bottom of pages for additional navigation links */
/*div.extraLinks
{	
	width:95%;			
	text-align:right;
	margin: 6px auto 10px auto;
}*/
.extraLinks { text-align:left; padding-left:15px; padding-bottom:8px; }

/* for links which are shown next to some text and need to distinguished*/
a.textLnk { text-decoration:underline; font-weight:normal; font-size: 13px; }

/* for td which contain counts next to data */
.numCol
{
	font-size:12px;
	color:#330D00;
	text-align:center;
	padding-left:6%;
	width:8%;			
}
.numColSml { width:5%; padding-left:10px; }

.yrLst { width:100px; }

td.numSelCol
{		
	text-align:right;
	padding-left:10px;
	padding-right:15px;
	width:15%;			
}

/* row which is giving hint about the control which is a row above it*/
table>tbody>tr.ctrlHintTr>td, table>tbody>tr.ctrlHintWholeTr>td, table>tbody>tr.ctrlHintSctHdrTr>td, table>tbody>tr.ctrlHintTrTop>td, table>tbody>tr.ctrlHintSctHdrTrWPad>td
{
	font-size:11px;
	color:#7F7F7F;	
	height:16px;
	padding-top:2px !important;
	padding-bottom:10px;
	font-weight:normal;
	text-align:left;
	white-space:normal !important;	
}

tr.ctrlHintWholeTr>td { padding-top:0 !important; }

/* the same as the ctrlHintTr but is made to be used when the whole row is used instead of just one cell */
.ctrlHintWholeTr>td, table.dtbl>tbody>tr.ctrlHintSctHdrTr>td, tr.ctrlHintSctHdrTrWPad>td /* have to have the .dtbl because .hdtbl will already have the padding from the extra tds */
{
	padding-left:2%;
	padding-right:2%;
}
tr.ctrlHintTrTop>td { padding-bottom:2px; }

table>tbody>tr.ctrlHintSctHdrTr>td, table>tbody>tr.ctrlHintSctHdrTrWPad>td
{
	padding-top:6px !important; /* to override the "ctrlHintWholeTr" */
	padding-bottom:10px;
}
.ctrlHintTr a { font-size:11px; }

.hint, td.hint, div.divCtrlHint, div.fldHintH
{
	font-size:11px;
	color:#7F7F7F;		
	font-weight:normal;
	vertical-align:middle;
}
.hint a, td.hint a, div.divCtrlHint a { font-size:11px; }

div.fldHintH { padding-top:4px; }
div.divCtrlHint { padding-top:4px; padding-bottom:8px; }
div.divSmlCtrlHint { padding-top:3px; }
.smlHint, tr.smlHint>td, div.divSmlCtrlHint { font-size:9px; color:#7F7F7F !important; font-weight:normal; }
.ctrlHint
{
	font-size:10px;
	color:#7F7F7F;	
	padding-left:10px;	
	font-weight:normal;
}
a.lnkWYSIWYG { font-size:9px !important; font-weight:normal; color:#81819F; vertical-align:middle; cursor:pointer; line-height:12px; padding:0; }
a.lnkWYSIWYG:hover { color:#0F7F14; }

a.ctrlLnk, span.ctrlLnk, div.sdBarGroup a.ctrlLnk  /* for links that change the control's properties */
{
	text-decoration:underline;
	font-size:9px !important;
	line-height:9px !important;
	font-weight:normal;
	color:#9181CF !important;
	vertical-align:middle;
	cursor:pointer;		
}
a.ctrlLnk:hover, span.ctrlLnkHover,  div.sdBarGroup a.ctrlLnk:hover
{
	font-weight:normal;
	font-size:9px !important;
	text-decoration:underline;	
	color:#0F7F14 !important;
	vertical-align:middle;
	cursor:pointer;
}
.padCtrlLnk, tr>td.padCtrlLnk { padding-left:4px; vertical-align:middle;}
td.padCtrlLnk a {vertical-align:middle;}
td.tdPadCtrlLnk { padding-left:8px; vertical-align:middle;}
td.tdPadCtrlLnk a {vertical-align:middle;}
.padDupLnk { padding-left:8px; }
.ctrlLnkSep 
{ 
	padding-left:6px; 
	padding-right:6px; 
	font-size:11px;
	color:#7F7F7F;	
	font-weight:normal;
}
a.lnkSecShow { display:block; margin-top:10px; margin-bottom:10px; font-size:11px; margin-left:2%; }


.sdbrMisLnk { padding: 4px 0 4px 2px; }

/* for places where nothing is shown on the page except some text saying something like 'No Photos to View' */
.divSoloText
{
	height:100%;	
	vertical-align:middle;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:16px;	
	color:#333333;
	margin-top:25%;
	margin-right:auto;
	margin-left:auto;
}

div.divNav
{
	width:200px;	
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}
.nav
{
	font-size:14px;
	color:#3F3F3F;
	padding-left:8px;
	padding-right:8px;
}
.navData
{
	font-size: 15px;
	font-weight:bold;
	color:Black;
}

/* for places like the td cells in the sidebar */
.lnkImgPad { padding-right:7px; }

.noRec 
{
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	color:#3F3F3F !important;
	margin: 15px auto 20px auto;
	text-align:center !important;
}
.noRecImportant
{
	font-size:16px;
	line-height:26px;
	font-weight:bold;
	color:#CF1919;	
	text-align:center !important;
	margin: 30px auto 30px auto;	
	padding-bottom:30px;
}
.noRecUnimportant
{
	font-size:12px;
	font-weight:normal;
	line-height:22px;
	color:#3F3F3F !important;
	margin: 15px auto 20px auto;
	text-align:center !important;
}


td.popupMsgText, .popupMsgText
{
	color:#330D00;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;		
	padding-top:20px !important;
	padding-bottom:30px !important;	
	margin-left:auto;
	margin-right:auto;	
}

.divMsg
{
	width:99%;
	background-color:#8F7E50;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;		
	padding-top:6px;
	padding-bottom:8px;	
	margin-left:auto;
	margin-right:auto;	
	border-top:solid 4px #ffffff;	
}

/* 
 */


tr.trAlert>td, tr.trAlert a { color:#CF1919; } /* must not have 'important' attribute set because edit links will be shown in red */

.red { color:#CF1919; }

/* needs to be below alert to override it*/
.edtLnkPad { padding-left:4px; }

a.edtlnk { color:#CFCFCF !important; font-size:11px !important; font-weight:normal;	}
a.edtlnk:hover { color:#0F7F14  !important;	text-decoration:underline; }

.pointer { cursor:pointer;	 }
.edt { cursor:pointer; }
.mainBar
{
	width:84%;
	vertical-align:top;	
	/*padding-left:.5%;
	padding-right:.5%;*/
}
td.sdBr, div.divSdBr
{
	background-color:#ffffff;
	border-left:solid 1px #AFAFAF;
	text-align:left;
	padding-left:6px;
	vertical-align:top;
	padding-bottom:10px;
	padding-right:4px;		
}
.sdBrSctHdr { font-size:12px; font-weight:bold; color:#333333; margin-top:10px; }

.sdBrBorderAll, div.sdBrBorderAll { border:solid 1px #AFAFAF !important; }
/* for plain old links like the ones in the side bar (Needed because will have .dt props when shown in a td) */
a.lnk, a.lnkCs
{
	font-size:15px !important;	
	color:#0002AF !important;	
	font-weight:normal !important;
}
/* for plain old links like the ones in the side bar (Needed because will have .dt props when shown in a td) */
a.lnk:hover, a.lnkDt:hover, a.lnkHover:hover, a.lnkCs:hover { color:#0F7F14 !important;	}

a.lnkCs { font-size:13px !important; } /* for family case navigation */

a.lnkClr { color:#0002AF !important; }
a.lnkClr:hover { color:#0F7F14 !important; }
td.sdBr a, a.lnkBtn, a.lnkBtnImg, .lnkBtnNorm, a.lnkBtnImgSml, a.lnkBtnInln, div.divSdBr
{
	font-size:15px;	
	color:#0002AF;	
	border:solid 1px #ffffff;
	padding:2px 2px 2px 2px;
	display:block;
	height:100%;
	margin-top:5px;
	margin-bottom:5px;
	vertical-align:middle;
	font-weight:normal;
}
td.sdBr a:hover, a.lnkBtn:hover, a.lnkBtnImg:hover, .lnkBtnHover, a.lnkBtnImgSml:hover, a.lnkBtnInln:hover, 
.tblWhite a.lnkBtn:hover, .tblWhite a.lnkBtnImg:hover, .tblWhite .lnkBtnHover, .tblWhite a.lnkBtnImgSml:hover, .tblWhite a.lnkBtnInln:hover
{
	text-decoration:none;
	font-size:15px;	
	color:#0F7F14;	
	background-color: #e3ebf2 !important;
	border: 1px solid #a1c6eb !important;
}
div.lnkBtn, div.lnkBtn div, a.lnkBtn div { cursor:pointer !important; }

a.lnkBtn, div.divSdBr a { height:auto; width:auto; }

a.lnkBtnOnGrayBg {  border-color:#EFEFEF !important; }
a.lnkBtnInSctHdr {  border-color:#FFF1C7 !important; }
td a.lnkBtnSml, td a.lnkBtnSml:hover, a.lnkBtnSml, a.lnkBtnSml:hover,  div>a.lnkBtnSml, div>a.lnkBtnSml:hover, a.lnkBtnSml>div, a.lnkBtnSml:hover>div { font-size:12px !important; } 
/* a.lnkBtnXSml - moved down */



a.lnkBtn>span { display:table !important; vertical-align:middle; }
a.lnkBtn>span>span { display:table-cell !important; vertical-align:middle; }

/* for the image only links */
a.lnkBtnImg, a.lnkBtnImgSml
{
	height:22px;
	width:22px;
	margin-top:0;
	margin-bottom:0;
	display:inline;
}
a.lnkBtnImgSml { height:16px !important; width:16px !important; }

a.lnkBtnInln { display:inline; padding:4px; }

a.lnkDt { color:#000; } 

.sdBrBrdr { border-top:solid 1px #AFAFAF;border-bottom:solid 1px #AFAFAF; }

div.sdBrSeparator
{
	width:90%;
	/*padding-top:6px;	
	padding-top:6px !important;*/
	height:1px;	
	border-bottom:solid 1px #CFCFCF;
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}

td.rghtBtn, .rghtBtn
{
	text-align:right;
	padding-right:20px;
}

td.modHistory
{
	text-align:right;	
	width:15%;
	white-space:nowrap;
	padding-right:4%;
	padding-bottom:4px;	
}

/* Input sizes (Had to put these here because the inputs are used on pages like the Home Page */
.pas { width:60%; } /* has extra area behind for 'confirm' label */
.txt { width:80%; }
.txtLg { width:92%; }
textarea.txtarea { width:92%; }
textarea.txtareaLg { width:99%; }
.txtareaHtml { width:100%;font-size:9px;font-family:Tahoma; }
.txtAbr { width:40%; }
.txtFrmSec /* used when editing section names */
{
	width:80%;	
	text-align:center;
	font-size:18px;
}
.inptHint	
{
	color:#BFBFBF;
	font-style:italic;
}

.imgCal { padding-left:5px; cursor:pointer; }

.imgImpInput { padding-left:5px; }

.txtNum { width:50px; }

.txtInvld
{
	border-color:#FF3333;
	background-color:#FFEFEF;
}

.rdo { width:18px; height:18px; vertical-align:middle; border-width:0 !important; }
.divRdoPad { padding-right:20px; }
div.divRdo { display:inline; vertical-align:middle; padding-left:4px; font-size:14px; }

/* text next to the radio buttons */
.chkText { font-size:15px; vertical-align:middle !important; }
.rdoText { font-size:15px; }
.rdoTextSml { font-size:13px; }
.rdoText span { vertical-align:middle !important; }
.rdoPL { padding-left:22px; }
.rdoLstPad { padding-left:10px; }

.lstWithAddLnk { width:70%; min-width:100px; }
.lst { width:85%; min-width:100px; }
tr.searchRow select.lst { width:95%; min-width:100px; } /* search ctrl need to use space more efficientl */
.lstGnd { width:100px; }
select.bool { width:60px; }
td.bool { width:100px; }

.lstMonth { width:160px; }
.lstYear { width:80px; }
.lstNum, .lsNum { width:48px; }
.lstNumSml { width:38px; font-size:12px; }

.lstSec { width:200px; }
.lstNumLg { width:60px; }

.lstCnt { width:70%; min-width:100px; } /* min-width is req because of "tight" forms */
.ctrlRgn { width:70%; min-width:100px; } /* min-width is req because of "tight" forms */

.oneToManyCtrlCntr, .rdoVertCntr { padding-top:3px; padding-bottom:3px; }
span.oneToManyIdx { font-size:9px; color:#7F7F7F; font-weight:normal; padding-right:4px; }

.chk { width:18px; height:18px; vertical-align:middle;border-width:0 !important; }
.chkSml { width:14px; height:14px; }
.chkXSml { width:10px; height:10px; }

/*.cntrFile div { display:inline; white-space:nowrap; }*/
.file { font-size:14px; }

.err
{
	border-color:#FF3333 !important;
	background-color:#FFEFEF !important;
}

.req { color:#CF1919; padding-left:4px; font-size:16px; font-weight:normal; }
.reqSpcl { color:#5E7F0F; padding-left:4px; font-size:16px; font-weight:normal; }
/* Input sizes End */

/* for links that are not as important as regular links */
.lnkSmall { font-size:11px !important; } 

/* used to override the hdrow bold font */
a.lnkNormal { font-weight:normal; font-size:15px; }

a.lnkLg
{
	font-size:18px !important;	
	letter-spacing:1px;
	color:#0002AF;
}
a.lnkLg:hover
{
	font-size:18px !important;	
	color:#0F7F14;	
}

/* used for showing entities names on the view forms, dont want it to draw attention but want it to look different from the rest of the text */
.lnkEnt { color:#00017F !important; }

a.lnkEml { color:#00017F !important; font-size:10px !important; }
a.lnkEml:hover { color:#0F7F14 !important;	}

/* used in the alert div */
a.lnkAlert { color:#ffffff; font-size:12px !important; text-decoration:underline; }
a.lnkAlert:hover { color:#5FFF66; }


/* for centering without the extra padding in the middle, for tables in the main td cells  */
.tdMainL { padding-left:.5%; width:50%; vertical-align:top; }
.tdMainR { padding-right:.5%; width:50%; }
.tdMainSngl { vertical-align:top; } /* when single column layout */

.divLnkRightSide
{
	width:8px;	
	position:relative;			
	margin-right:4px;
	display:inline;	
	float:right;
	
}
.spanDel { display:none; }

div.dvErr
{
	border:solid 2px #FF3333;		
	text-align:left;
	width:80%;
	margin-left:15%;		
	padding:5px;
	color:#4F0000;
	font-size:15px;
	margin-bottom:5px;
	background-color:#FFEFEF !important;
}

/* for the err div shown at the top of a page as a warning */
div.divErrTopWarning
{
	margin-top:10px;
	margin-left:auto; margin-right:auto;
}

.errHdr
{
	padding-left:20px;
	font-size:16px;
	font-weight:bold;
	color:#CF1919;
	vertical-align:middle;
}
div.dvErr li, .errMsg
{
	padding-bottom:4px;
}

.errMsg { text-align:left; margin:20px 20px 20px 20px; }

table.svTbl { margin-top:10px; }

td.errCell
{
	text-align:left;padding-bottom:10px;
}

.tdRightLnk
{
	text-align:right !important;
	padding-right:10px;
}

.tblChk .hdrow>td, .tblChk .hdrow a { font-size:13px;}
.tblChk tr.hlblTr>td { font-size:12px;}
tr>td.chkItemTtl { font-size:14px !important; }

a.lnkBtnCtrlLnk { width:12px !important; display:inline; }

ul.contextMenu 
{	
	font-size: 10px;	
}

/* make sure to update the width in the js function when changing here becasue the width is hard coded in the js for performance and simplicity, get it by checking the offsetwidth */
ul.contextMenu a 
{
	font-size:10px;	
	width: 140px;
	padding: 8px 10px 8px 10px;	
}

table>tbody>tr.frmSecHint>td, table>tbody>tr.frmHint>td, div.frmSecHint, div.frmSecHintSml, div.frmSecHintSep, tr.frmHintLite>td
{ 
	padding:4px 2% 8px 2%;	
	font-size:12px;
	color:#5F524D;
	text-align:left; 
}
div.frmSecHint { padding-top:10px; }
div.frmSecHintSml { padding-top:6px; }
tr.frmHintLite>td { color:#7F7F7F; font-size:11px; } /* For the hints that are not that important */
tr.frmHintSml>td, div.frmSecHintSml { color:#7F7F7F; font-size:9px; text-align:left; } /* For the hints that are not that important */
a.lnkFrmHint { color:#5F524D; font-size:12px; }
div.frmSecHintSep {border-bottom:solid 1px #AFAFAF; width:96%; }

tr.frmHint>td { padding-top:6px; } /* for the horizontal tables */

.sdBarGroup
{
	background-color:#EFEFEF;
	border:solid 1px gray;
	padding-left:6px;
	padding-top:6px;
	padding-bottom:8px;
	padding-right:2px;
}

div.sdBarGroup a
{
	font-size:12px !important;
	border:solid 1px #EFEFEF;	
}

.sdBarSubGroup
{	
	border-top:solid 1px gray;
}

.imgBlock
{
	display: table-cell; 	
	padding-top:0 !important;
	padding-bottom:0;	
	vertical-align:middle;
}

.inlineBlock 
{
	display: table-cell; 
	vertical-align:middle;
	padding-top:0 !important;
	padding-bottom:0;		
}

table.statTbl
{
    width:100%;
    }

table.statTbl>tbody>tr>td 
{
    text-align:center;
    padding:2px 4px 4px 4px;
    font-weight:bold;
    font-size:14px;
}
table.statTbl>tbody>tr>td.lbl, table.statTbl>tbody>tr>td.lblY
{
    font-weight:normal;
    font-size:12px;
}

table.statTbl>tbody>tr>td.lblY
{
    text-align:right;        
}

table.statTbl>tbody>tr>td.statZero
{
    font-size:10px;
    color:Gray;
    font-weight:normal;
}
table.statTbl>tbody>tr.statDRow>td { text-align:right; }


table.topFltrTbl { width:100%; margin-top:10px; margin-bottom:10px; border-bottom:solid 1px #AFAFAF; }
table.topFltrTbl>tbody>tr>td { padding-bottom:10px; }

.divEvtMsg { font-size:12px; color:#330D00; text-align:left; }
.divEvtMsgInternal { padding-left:40px; }
.divEvtMsg a { font-size:12px; }
.divThankYou { font-size:14px; color:#330D00; }
.submitBtn { color:#0002AF; cursor:pointer; font-weight:bold; }


div.divDupAlert, div.divDupAlertSml
{			
	background-color:#CF1919;
	color:#ffffff;
	font-size:15px;
	vertical-align:middle;
	text-align:center;
	width: 100%;				
	padding-top:6px;
	padding-bottom:8px;
	border-top:solid 2px #EFEFEF;			
}
div.divDupAlertSml { font-size:13px; }

/* for the text that spells out 'Duplicat Alert!' */
div.dupAlertHdr, div.dupAlertHdrSml
{
	margin:0 auto 0 auto;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 1px;
	padding-bottom:6px;
}
div.dupAlertHdrSml { font-size:14px; }
.dupAlertLine
{
	margin:0 auto 0 auto;	
	padding-bottom:6px;
	padding-left:2%;
	padding-right:2%;
}
.dupAlertLine a{text-decoration:underline;color:#ffffff;font-size:15px;}
.dupAlertLine a:hover {color:#5FFF66; }
a.dupAlertDsbl {text-decoration:underline;color:#ffffff;font-size:11px !important;}
a.dupAlertDsbl:hover{color:#5FFF66;}
.alertDtl { font-size:9px; }
.alertEdtLnkCntr { float:right; margin-right:10px; vertical-align:middle; }

.monDayDDLPad { padding-left:6px; }

/* lnkBtmRight and lnk */
div.lnkTopRight, div.lnkTopRightMT { width:98%; text-align:right; padding-top:8px; padding-bottom:4px; }
div.lnkBtmRight, div.lnkBtmRightMT { width:98%; text-align:right; padding-bottom:8px; }
div.lnkBtmRightMT { padding-top:8px; }
div.hdtblSubLnk { width:97.5%; text-align:left; margin-left:auto; margin-right:auto; padding-bottom:12px; margin-top:-8px; }

div.lnkUnderSaveBtn { width:96%; text-align:right; padding-bottom:8px; padding-top:8px; }

.bgWhite, tr.bgWhite>td, table.bgWhite>tbody>tr>td { background-color:#ffffff !important; } /* has to be above the sctHdr and trAlt */

table>tbody>tr.trAlt>td, div.divAlt>table>tbody>tr>td { background-color:#FFFFEF !important; }
tr.trAltNo>td, div.divAltNo table td { background-color:#FFF; } /* for FrmPartOfPrnt/ for Vw frms */

/* needs to be past the other styles to override the tables */
table>tbody>tr.sctHdr>td, tr.sctHdrDisabled>td, div.divAlt>table>tbody>tr.sctHdr>td
{
	background-color:#FFF1C7 !important;
	color:#333333;
	font-size:13px;
	text-align:center !important;	
	font-weight:bold;
	height:24px !important;
	vertical-align:middle;
	border-width:0;	
	border-bottom:solid 1px #FFE79E;
	padding:2px 0 0 0 !important;	
}

div>a.lnkBtnXSml, div>a.lnkBtnXSmal:hover { font-size:10px !important; } 

td.sigDt { width:300px; }
td.sigDtSep { width:10%; } /* for special places that need much more pad */
.sigHR {}
.sigTbl>tbody>tr>td { padding-top:20px; text-align:left; }
td.sigSecTxt, div.sigSecTxt { text-align:left; padding-top:5px; padding-bottom:8px; font-size:11px; color:#000;}
.sigSecHdr 
{ 
    color:#333333;
	font-size:13px;
	text-align:center !important;	
	font-weight:bold; 
	padding-bottom:4px;
}
.sigSecCntr { padding-top:20px; }


/* Overriding Single Styles Bgn */

.f9 {font-size:9px !important; }
.f10, table.f10>tbody>tr>td {font-size:10px !important; }
.f11 {font-size:11px !important; }
/*.f12 {font-size:12px !important; }*/
.f13 {font-size:13px !important; }
.f14 {font-size:14px !important; }
.f15 {font-size:15px !important; }
/*.f16 {font-size:16px !important; }*/

.cntr, td.cntr {text-align:center !important;}
td.cntr { padding-left:0 !important; padding-right:0 !important; }
.cntrBlock { margin-left:auto; margin-right:auto; }
.noBorder, tr>td.noBorder {border-width:0 !important;}
.noBR {border-right-width:0 !important;}
.noBT, table.noBT>tbody>tr>td, tr.noBT>td {border-top-width:0 !important;}
.noBB, table.noBB, table>tbody>tr.noBB>td {border-bottom-width:0 !important;}
.noPB, tr.trNoPB>td { padding-bottom:0 !important;}
table.noMT { margin-top:0px !important; }
table.noMB { margin-bottom:0px !important; }
.noMT { margin-top:0px !important; }
.noMB { margin-bottom:0px !important; }
.BB2 { border-bottom:solid 2px #ffffff; }

.pad2 { padding:2px; }

.PT10, tr.PT10>td { padding-top:10px !important; }
.PB10, tr.PB10>td { padding-bottom:10px !important; }
.PT20, tr.PT20>td { padding-top:20px; }
.PT30, tr.PT30>td { padding-top:30px; }
.PB30, tr.PB30>td { padding-bottom:30px; }
.PB5, tr.PB5>td { padding-bottom:5px; }
.NoPL { padding-left:0 !important; }
.noPR { padding-right:0 !important; }

.PLR4, tr.PLR4>td {padding-left:4px;padding-right:4px;}
.PLR6, tr.PLR6>td {padding-left:6px;padding-right:6px;}
.PLR5, tr.PLR5>td {padding-left:5px;padding-right:5px;}
.PL10, tr.PL10>td {padding-left:10px;}
.PL15 {padding-left:15px;}
.PL20 {padding-left:20px;}
.PL10Prcnt {padding-left:10%;}
.PL20Prcnt {padding-left:20%;}
.PR0, tr.PR0>td {padding-right:0px !important;}
.PR10 {padding-right:10px;}
.PR10Prcnt {padding-right:10%;}
.PR20 {padding-right:20px;}
.PT20 { padding-top:20px !important; }

.MT0 {margin-top:0;}
.MT5, table.MT5 {margin-top:5px !important;}
.MT10 {margin-top:10px;}
.MT20, table.MT20 {margin-top:20px !important;}
.MB10 {margin-bottom:10px !important;}
.ML10 {margin-left:10px;}

.inln, div.inln {display:inline !important; }
.left, .left>p, .left>p>a  {text-align:left !important;}
.leftUnimportant {text-align:left;}
.right {text-align:right !important;}
.bottom { vertical-align:bottom !important; }
.vMdl { vertical-align:middle !important; }
.divMdl { margin-top:25%; }

.block { display:block; }
.nowrap, table.nowrap>tbody>tr>td { white-space:nowrap !important; }

.pntr { cursor:pointer; }

.b { font-weight:bold !important; }
.normal, .normal a, table.normal>tbody>tr>td { font-weight:normal !important; }


.floatRight { float:right; display:inline; margin:0 0 0 0; }
.borderTop { border-top-width:1px;  }
.autoWidth { width:auto; }
.floatL { float:left; }

.h100 { height:100%; }
.w100, table.w100 { width:100%; }
.w99 { width:99%; }
.w95 { width:95%; }
.w90 { width:90%; }
.w70 { width:70%; }
.w50, td.w50 { width:50%; }

.vTop { vertical-align:top; }

.whiteBorder { border:solid 1px white; }

.hidden {  visibility:hidden; }

/* Overriding Single Styles End */

.blockL
{	
	display:block;	
	float:left;		
}

td a.lnkSctHdrForFrmEdt { color:#333333; font-size:13px; text-align:center !important;	font-weight:bold; }
a.lnkSctHdr { border-color:#FFF1C7 !important; }

table>tbody>tr.subSctHdr>td, div>table.hdtbl>tbody>tr.subSctHdr>td 
{ 
	background-color:#FFF1C7 !important;
	color:#333333;
	font-size:12px;
	text-align:center !important;	
	font-weight:bold;
	height:20px !important;
	vertical-align:middle;
	border-width:0;	
	border-bottom:solid 1px #FFE79E;
	padding:2px 0 0 0 !important;
}

.tblColor { border:solid 2px #fff; }
table.tblColor>td { width:30px;height:30px; border:solid 2px #fff; cursor:pointer; } 
.tblColorMain { border:solid 3px #fff; }
table.tblColorMain>tbody>tr>td, div.divColorShow { width:35px;height:35px; border:solid 3px #fff; cursor:pointer; } 

.tmplSelectIframe { width:100%; height:300px;border:solid 1px gray; }
td.tmplSelectTd { padding:10px; }
tr>td.tmplSelectLbl { width:10%; }

td.tmplHtmlArea { background-color:#fff; border:solid 1px gray; padding:10px; font-weight:normal; }


tr>td>a.lnkBtnInSctHdr {  border-color:#FFF1C7 !important; vertical-align:middle !important; height:22px !important; width:22px !important; margin-top:0px !important; margin-bottom:0px !important; } 
tr>td>a.lnkBtnInSctHdr>img { margin-top:2px; margin-bottom:2px; }
td.sctHdrLnk, td.sctHdrLnk>a, td.sctHdrLnk>img { padding-top:0 !important; }

td.spc1 { width:1%; } /* for the begining and ending td of a hdtbl */
td.spc { width:2%; } /* for the begining and ending td of a hdtbl */
td.spcBtn { width:3%; vertical-align:bottom !important; padding-right:5px; } /* for the ending td of a hdtbl with a button */
td.spcBtns2 { width:7%; vertical-align:bottom !important; padding-right:5px; } /* for the ending td of a hdtbl with 2 buttons */
td.spcBtns3 { width:15%; vertical-align:bottom !important; padding-right:8px; } /* for the ending td of a hdtbl with 3 buttons */

div.entSelect { padding-top:4px; padding-bottom:6px; }


.expandNcolapsePad { padding-right:4px; }
.expandNcolapsePH { padding-right:19px; }

.noSpc, table.noSpc>tbody>tr>td { padding:0 !important; margin:0 !important; }
.noSpcTop, table.noSpcTop>tbody>tr>td { padding-top:0 !important; margin-top:0 !important; }

.frmHdrText, .frmText { color:#2F2F2F; text-align:left; }
.frmHdrText { font-size:16px; padding-top:5px; }
td.frmText { font-size:12px; padding-top:5px; padding-bottom:10px; }
.frmFtrText { margin: 20px auto 14px auto; padding-left:2%; padding-right:2%; }

.tblAnswer{ margin-bottom:10px; }
table.tblAnswer>tbody>tr>td { padding-left:20%; padding-right:20%;}
#cntrQuestion { padding:10px; }

.disabled { cursor:text !important; }

.frmEdtLstSec { max-width:280px; }

.evtLnkBlock { margin-top:20px; }
a.evtNm { font-size:16px; font-weight:bold;}

a.evtLnk { font-size:12px; }
.evtDt { font-weight:bold; }

.grayedOut, tr.grayedOut>td, .disabled, table.disable tr.sctHdr>td, tr.sctHdrDisabled>td { color:Gray !important; }
.grayedOut a, .disabled a { color:Gray !important; } 
.grayedOut a:hover, .disabled a:hover { color:#0F7F14 !important;	}
/*.grayedOutLnk a { color:Gray !important; }
.grayedOutLnk a:hover { color:#0F7F14;	}*/

tr.ctrlLnkTr>td { height:18px !important; padding-top:5px !important; padding-bottom:3px !important; }

.divSdBrAnchored { position:absolute; top:0; right:0; width:400px; height:400px; padding-left:10px !important; padding-right:6px !important; padding-top:10px !important; }

.barConfirm { border:solid 4px #D78F27; width:90%; margin:20px; padding:20px;  }
.barConfirmQ { font-size:15px; padding-bottom:20px; }
.barConfirmBtns a { margin-right:30px; }

.memoFldClipped { overflow:hidden; height:200px; font-size:9px; }

/*
.subFrmTr> {padding-bottom:10px;}
*/
/* subFrmTr is for when IsSngl or IsSnglWMemo and frmPartOfPrntCntrCell is for the rest */
tr.subFrmTr>td {border-bottom:solid 1px #FFE79E; padding-bottom:10px;} 
.frmPartOfPrntCntrCell { padding-top:10px; padding-bottom:8px; }

/* The container for the subFrms inside a Rptr */

div.sigCntr { display:none; }

.noMargin { margin:0 !important; }