/* Purpose:  PermitApplication.css defines the custom styles for the Plan Check Status pages,
   PermitApplicationSearch.aspx and PermitApplicationDetail.aspx.  We sometimes refer
   to these pages as the 'PlanCheckOnline' pages.

   Revision History:
   -----------------
   2009-Sep - New styles and massive cleanup for bringing both .aspx modules into compliance
   with XHTML / CSS standards being used on the rest of the web site.  This cleanup helps
   resolve non-IE browser issues we were having since Jan 2008 go-live.  (EYang)
   2008-Jan - Initial Release for BerkeleyExtranetSite project.  This version was a VERY
   quick 'n dirty copy over of styles from PlanCheckOnline.csproj, which used to be a stand-alone
   Web Application project in VS2003 and VS2005.  The archived source code for PlanCheckOnline.csproj
   is still available for reference, but it is now considered obsolete!  (EYang)

*/

/* BEGIN - GridView definitions shared by all Plan Check Status pages 
   - the origin of these definitions is the ASP.NET Starter Kits
   at http://www.asp.net (Time Tracker application)
   - the original definitions from the 2003 versions of the Starter Kits
   were a bit more verbose for demo purposes; we have since refined and
   simplified them a bit for COB purposes
   - at this time, no other implementations of GridView are in usage
   for BerkeleyExtranetSite project, and we are not sure when that would change;
   as such, it remains possible that we would someday move the most generic of these 
   definitions into a reusable module, such as 'SiteMasterLayoutGridView.css'
   (EYang, Sep 2009)
*/
.gridHeader
{
	background-color: #999f7f;/* #999f7f = olive to match background image at .Master level */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

/* these "a:" definitions affect the LinkButton controls that contain the grid header captions */
.gridHeader a:active
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.gridHeader a:link
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.gridHeader a:visited
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.gridHeader a:hover
{
	color: yellow; /* choice of yellow here is to indicate the availability of a re-sort command */
	text-decoration: none;
	font-weight: bold;
}

.gridItem /* 'gridItem' equates to 'column' in the DataGrid */
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin: 1px;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.gridRowAlternating /* alternating row colors aid readability */
{
  background-color: #ffffcc;
}

/* END - GridView definitions shared by all Plan Check Status pages */

/* BEGIN - styles for App# hyperlinks that show up in 1st column of GridView
   on PermitApplicationSearch.aspx 
*/
.applicationNumber a:link
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  text-decoration: underline; 
  color: navy; 
  font-weight: normal;
}

.applicationNumber a:visited
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  text-decoration: underline; 
  color: navy; 
  font-weight: normal;
}

.applicationNumber a:hover
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
  text-decoration: underline; 
  color:  navy; 
  font-weight: normal;
}

/* END - styles for App# hyperlinks */

/* BEGIN - PermitApplicationDetail.aspx definitions for top area of page displaying
   Permit Application metadata */
.permitApplicationDetailColumnSet
{
  position: relative; /* 'relative' setting on column set sets anchor for absolute positioning of 
                         columns within this container */
}

.permitApplicationDetailCol1OuterContainer
{
  position: relative; /* 'relative' maintains document flow such that height of this
                         container pushes next items in document flow down the page
                         as you would normally expect
                      */
  top: 0px;
  left: 0px;
  width: 375px; /* observe how this width relates to total width of page whitespace allocated 
                   in SiteMasterLayout.css */
}

.permitApplicationDetailCol1OuterContainer .floatClearer
{
  height: 20px; /* creates extra vertical space before next UI control appears */
}

.permitApplicationDetailCol2OuterContainer
{
  position: absolute; /* 'absolute' removes this container from document flow, allowing
                         it to be positioned to the right of the Col1 container; 
                         IMPORTANT! - depends on 'relative' setting in parent container!
                      */
  top: 0px;
  left: 375px;
  width: 375px; /* observe how this width relates to total width of page whitespace allocated 
                   in SiteMasterLayout.css */
}


/* div.dataRow, div.dataLabel, div.dataValue customizations:
   - normally, you would not pre-qualify with .dataTable; however, the 
   multi-column UI control layout we're using here is a more complex
   scenario than we encountered in LaganIntegration project
   - consider returning to this sometime to figure out if an optimization
   or standardization for multi-column UI layout is needed! (EYang, Sep 2009)
*/
.dataTable
{
  xxxwidth: 375px; /* width at .dataTable not required when width of each column container (above)
                      is properly set */
}
   
/* expand and customize base definition for div.dataRow in SiteMasterLayout.css */
.dataTable div.dataRow
{
  height: 25px;
}

/* expand and customize base definition for div.dataLabel in SiteMasterLayout.css */
.dataTable div.dataRow div.dataLabel
{
  width: 100px; /* control width of data LABEL area for this specific table */
	
	/* - copy of definitions from legacy uiControlLabel class (EYang, Sep 2009) */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: gray;  /* need hex version of 'gray' */
}

/* expand and customize base definition for div.dataValue in SiteMasterLayout.css */
.dataTable div.dataRow div.dataValue
{
  width: 275px; /* control width of data VALUE area for this specific table */
}

.uiControlLabel /* matches div.dataLabel, useful for stand-alone asp:Label controls outside of dataTable */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: gray;
}

.uiControlStandardText /* matches div.dataValue, useful for stand-alone UI controls outside of dataTable */
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;	
}

/* END - PermitApplicationDetail.aspx definitions







/* .tableRoot style is for the root <table> tag for any .aspx in this application */
xxxtable.tableRoot {
  width: 700px; /* ALERT!  For some reason after moving code to VS2005, the pages
                   would not size correctly to 700px until I added "px" (which
                   was missing anyway) (EYang, Apr 2007) */
  background-color: #ffffff;
  padding: 0;
  /* spacing: */
}


xxxtr.lastRowPageBreak
{
  height: 50px;
  page-break-after: always;
}

/* BEGIN - "divider" styles create vertical/horizontal lines */
td.dividerThin
{
  border-top: #660000 1px solid;
}

td.dividerThick
{
  border-top: #660000 3px solid;
}

td.dividerDashed
{
  border-top: #660000 1px dashed;
}

td.dividerThinVertical
{
  border-left: gray 1px solid;
}

td.dividerDashedVertical
{
  border-left: gray 1px dashed;
}
/* END - "divider" styles */

/* BEGIN - geneneric styles for application copy */
.pageCopySectionName
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.pageCopySectionSubheader
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
}

.pageCopySectionText
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

td.pageCopyTableHeader
{
	background-color: #999f7f; /* #999f7f = olive */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

td.pageCopyTableText
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

tr.pageCopyTableAlternatingRow
{
	background-color: #ffffcc;
}

/* END - geneneric styles for application copy */

/* BEGIN - styles for confirmation messages and errors */
.xxxstatusMessageNormal /* duplicate of SiteMasterFonts.css */
{
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	color:  Navy; /* REPLACE WITH HEX */
}	
.xxxstatusMessageError  /* duplicate of SiteMasterFonts.css */
{
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	color:  Red; /* REPLACE WITH HEX */
}
/* END - styles for confirmation messages and errors */