/*****************************************************
	Standard HTML Tags.
 *****************************************************/

body
{
	margin:0px;
} 

h1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2271A0;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
}

h2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

h3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2271A0;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
}

p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

/*****************************************************
	END: Standard HTML Tags.
 *****************************************************/

.auto-center {
    margin-left: auto; margin-right:auto
}

.text-center {
    text-align:center
}

.bordered-content-panel {
    border: solid 1px #8FC4F6;
    margin-top:15px;
    padding:15px
}

.field-label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2271A0;
    font-size: 11px;
    font-weight: bold;
    text-align:right
}

.field-value {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
    font-size: 10px;
    padding-left:1px;
    text-align:left
}

.status-panel {
    color:#2F6346;
    font-size: 0.75rem;
    font-weight: normal;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .25s ease;
    -moz-transition:max-height .25s ease;
    -ms-transition: max-height .25s ease;
    -o-transition: max-height .25s ease;
    transition: max-height .25s ease;
}

.status-panel.show {
    max-height:1rem; padding: 5px;
}

.status-message {
    font-size: 12px;
    font-weight: bold;
}

.status-message.success {
    color: #2F6346;
}

/*****************************************************
	Tags with unique IDs
******************************************************/
#content
{
	background-color: #60A5DE;
}

#contentTable
{
	width: 100%;
	border: 10px solid #60A5DE;
}
#headerTable {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0;
}

#footer
{
	background: url(./Images/basebg2.jpg);
	height: 44px;
}

/*****************************************************
	Custom HTML Tags.
 *****************************************************/

.updateprogress 
{
    margin-left: auto;
    margin-right: auto;
    width: 20px;
}

.updateprogress img
{
    margin-left: auto;
    margin-right: auto;
    width: 20px;
    height: 20px;
}

/* NOTE: 11/27/2012 - SPG - Used for newer modal popups in the site.
Event, Session, and Credit Report detail pages. as of 11/27/2012*/
.modalForground
{
	background-color: White;
	padding:40px; 
	border: 1px solid blue; 
	/*display:none; /*Modal popups are always hidden to begin with*/
}

 
/****** Editing Label Items ******/
 
/* NOTE: 10/24/2012 - RJH - Used in editing and display screens as field labels. */
.sidelinks
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2271A0;
    font-size: 11px;
    font-weight: bold; 
}

/* NOTE: 10/24/2012 - RJH - Used in login, change password and welcome message (upper right) as labels. */
.sidelinks2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

/* NOTE: 10/24/2012 - RJH - Used in case editing / viewing for inner tab title. */
.tabtitle
{
    padding: 10px 0px 10px 0px;
}

/* NOTE: 10/24/2012 - RJH - Class "baseline" used just a couple times in login and Site.Master for TD. */
.baseline
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

/* NOTE: 10/24/2012 - RJH - Class "tbTotal" used once in Budget.ascx for TD. */
#tbTotal
{
    border-color: #D4D0C8;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

/****** END: Editing Label Items ******/

/****** Editing Control Items ******/

/* NOTE: 10/24/2012 - RJH - Class "SiteBar" used in Site.Master for overall layout. */
.SiteBar
{
    background-color: #60A5DE;
}

/* NOTE: 10/24/2012 - RJH - Class "ErrorMessage" used in error Label controls throughout application. */
.ErrorMessage
{
    color: Red;
}

/* NOTE: 10/24/2012 - RJH - Class "Text" used to define text formatting for virtually all editing controls, 
	e.g. Textbox, DropDownList, etc. within application. */
.Text
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
    font-size: 10px;
    padding-left:1px;
}

.Text-Center {
    text-align:center
}

/* NOTE: 10/24/2012 - RJH - Class "MyButton" used to define display of virtually all buttons within application. */
.MyButton
{
    /*background-color: Orange;*/
    /*border-color: White;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*color: #2271A0;*/
    /*font-size: 10px;*/
    /*font-weight: bold;*/
    font-size: 11px;
    padding: 3px 5px 3px 5px;
    width: 75px;
}

.MyButtonWide
{
    /*background-color: Orange;*/
    /*border-color: White;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*color: #2271A0;*/
    /*font-size: 10px;*/
    /*font-weight: bold;*/
    font-size: 11px;
    padding: 3px 5px 3px 5px;
    width: 170px;
}

.MyButtonGrid
{
    /*background-color: Orange;*/
    /*border-color: White;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*color: #2271A0;*/
    /*font-size: 10px;*/
    /*font-weight: bold;*/
    font-size: 10px;
    padding: 2px 4px 2px 4px;
    width: 60px;
}

/* NOTE: 10/24/2012 - RJH - Class "Control" used only in SearchCases and CaseDetail <td> containing control. */
.Control
{
    text-align: left;
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
    font-size: 10px;
}

/* NOTE: 10/24/2012 - RJH - Class "ScrollTable" used in Panel controls throughout application to impart scrolling. */
.ScrollTable
{
    position: relative;
    height: 265px;
    overflow: auto;
}

/* NOTE: 11/27/2012 - SPG - Class 'MinHeight' used to enforce a minimum height of an empty scroll table.
/* Used in Accounting tab of Foreclosure Case details. */
.MinHeight
{
	height: 265px !important;
}

/* NOTE: 10/24/2012 - RJH - Class "NoUnderLine" used in some LinkButton controls throughout application. */
.NoUnderLine
{
    text-decoration: none;
}

/* NOTE: 10/24/2012 - RJH - Class "UnderLine" used in some LinkButton controls throughout application. */
.UnderLine
{
    text-decoration: underline;
}

/* NOTE: 10/24/2012 - RJH - Class "UnderLine: active" used in some LinkButton controls throughout application. */
.UnderLine:active
{
    color: orange;
    font-weight: bold;
}

/* NOTE: 10/24/2012 - RJH - Class "PageChoose" used on a couple LinkButton controls, to indicate disabled? */
.PageChoose
{
    color: orange;
    font-weight: bold;
    text-decoration: none;
}

/* NOTE: 10/24/2012 - RJH - Class "PopUpHeader" used in modal pop-up DIV throughout application. */
.PopUpHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #507CD1;
    color: White;
    font-weight: bold;
    padding:5px;
}

/* NOTE: 10/24/2012 - RJH - Class "PopUpBody" used in modal pop-up DIV. Not currently used but will reserve. */
.PopUpBody
{
	border: 1px solid black; 
	background-color: #60A5DE;
	padding: 1px;
    text-align: center; 
    display: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    
}	

/* NOTE: 10/24/2012 - RJH - Class "PopUpMessage" used in modal pop-up DIV throughout application. */
.PopUpMessage
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:White;
}

/* NOTE: 10/24/2012 - RJH - Class "SpellCheckTextBox" used only in spell check box in AgencyAudit.ascx. */
.SpellCheckTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
    font-size: 10px;
    border: 1px solid #7F9DB9;
    width:auto;
    overflow: auto;
}

/****** END: Editing Control Items ******/

/****** GridView Items ******/

/* NOTE: 10/24/2012 - RJH - Class "FixedHeader" used in GridView HeaderStyle throughout application. */
.FixedHeader
{
    position: relative;
    top: expression(offsetParent.scrollTop);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #507CD1;
    color: White;
    height: 20px;
    text-align: center;
    font-weight: bold;    
}

/* NOTE: 7/3/2014 - MJL - Class "FixedFooter" modeled after "FixedHeader" for use with GridViews throughout application. */
.FixedFooter
{
    position: relative;
    top: expression(offsetParent.scrollTop);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #d1ddf1;
    color: White;
    height: 20px;
    text-align: center;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* NOTE: 10/24/2012 - RJH - Class "ExtraHeaderBlank" used in GridView custom headers where an extra row is introduced 
	for space considerations. Used for unoccupied cells. */
.ExtraHeaderBlank
{
    background-color: #ffffff;
    border-bottom: solid 1px #000000;
    border-top: solid 1px #000000;
    border-left: none;
    border-right: none;
}

/* NOTE: 10/24/2012 - RJH - Class "ExtraHeader" used in GridView custom headers where an extra row is introduced 
	for space considerations. Used for occupied cells. */
.ExtraHeader
{
    border: solid 1px #ffffff;
    border-top: none;
}

/* NOTE: 10/24/2012 - RJH - Class "NormalHeader" used only a couple times in ManageUserUC.ascx and Budget.ascx. */
.NormalHeader
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #507CD1;
    color: White;
    font-weight: bold;
}

/* NOTE: 10/24/2012 - RJH - Class "GridViewStyle" used in GridView general styling throughout application. */
.GridViewStyle
{   
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
}

/* NOTE: 10/24/2012 - RJH - Class "PagerStyle" used in GridView general styling throughout application. */
.PagerStyle
{   
    border: none;
}

.PagerStyle table tr td span {
    color: orange;
    font-weight: bold;
    text-decoration: none;
}

/* NOTE: 10/24/2012 - RJH - Class "SelectedRowStyle" used in GridView general styling throughout application. */
.SelectedRowStyle
{
    background-color: #D1DDF1;
    color: #333333;
}

/* NOTE: 10/24/2012 - RJH - Class "AlternatingRowStyle" used in GridView general styling throughout application. */
.AlternatingRowStyle
{
    background-color: white;
}

/* NOTE: 10/24/2012 - RJH - Class "RowStyle" used in GridView general styling throughout application. */
.RowStyle
{
    background-color: #EFF3FB;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* NOTE: 10/24/2012 - RJH - Class "CellBorderRight" used in GridView only in Budget.ascx. */
.CellBorderRight
{
    border-top: solid 1px #D4D0C8;
    border-bottom-style: none;
    border-left-style: none;
}

/* NOTE: 10/24/2012 - RJH - Class "CellBorderLeft" used in GridView only in Budget.ascx. */
.CellBorderLeft
{
    border-top: solid 1px #D4D0C8;
    border-bottom-style: none;
    border-right-style: none;
}

/* NOTE: 10/24/2012 - RJH - Class "TextBoldCell" used in GridView only in Budget.ascx. */
.TextBoldCell
{
    font-weight: bold;
}

/****** END: GridView Items ******/

/****** Potential Deprecations ******/

/* NOTE: 10/24/2012 - RJH - Class "Header" does not appear to be used. */
.Header
{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #8FC4F6;
}

/* NOTE: 10/24/2012 - RJH - Class "Text2" does not appear to be used. */
.Text2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
    font-size: 10px;
    padding-left: 10px;
}

/* NOTE: 10/24/2012 - RJH - Class "Title" does not appear to be used. */
.Title
{
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}

/* NOTE: 10/24/2012 - RJH - Class "producthdr : a : hover" does not appear to be used. */
.producthdr
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2271A0;
    font-weight: bold;
}

 /* NOTE: 10/24/2012 - RJH - Class "sidetable" does not appear to be used. */
.sidetable
{
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

 /* NOTE: 10/24/2012 - RJH - Class "sidetable2" does not appear to be used. */
.sidetable2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

/* NOTE: 10/24/2012 - RJH - Class "sidelinks2: a: hover" does not appear to be used. */
.sidelinks2: a: hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
}

/* NOTE: 10/24/2012 - RJH - Class "tbTotal td" does not appear to be used. */
#tbTotal td
{
    border-color: #D4D0C8;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}

/****** END: Potential Deprecations ******/

/*****************************************************
	Calendar Pop-up HTML Tags.
 *****************************************************/
.ajax__calendar_container
{
	z-index: 1000 !important;
} 
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(../Styles/Images/left.gif);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(../Styles/Images/right.gif);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/*****************************************************
	END: Calendar Pop-up HTML Tags.
 *****************************************************/
 
/****************************************
  HEALTH MONITORING STUFF
****************************************/
div.good
{
	background: url(../Styles/Images/good.jpg);
}

div.bad
{
	background: url(../Styles/Images/bad.jpg);
}

div.status
{
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #414141;
}

div.statusControl
{
	width: 400px;
	margin-bottom: 5px;
}

div.spacer
{
	height: 10px;
}

.statusControlTitle
{
	color: White;
	text-decoration: None;
	font-size: 1.1em;
}

.statusControlPanel
{
	padding-left: 5px;
	padding-right: 5px;
}

/****************************************
	END OF HEALTH MONITORING STUFF
****************************************/

/****************************************
 PAGE-SPECIFIC STYLING
****************************************/

.case-detail-page select:disabled,
.case-detail-page select[disabled],
.case-detail-page input[disabled],
.case-detail-page input:disabled,
.case-detail-page textarea[disabled],
.case-detail-page textarea:disabled  {
    background-color:#efefef; color:#999
}

.case-detail-page textarea  {
    resize:vertical
}
.case-detail-page textarea.hpf-readonly  {
    background-color:#efefef;; color:#444
}
/****************************************
 END OF PAGE-SPECIFIC STYLING
****************************************/