/*
File Name: Includes/style.cfm
	
	Copyright (C): 2010
	   by Linh Nguyen
	   Accela.com,
	   Div. of MicroPlan Devel., Inc.
	   South San Francisco, CA 94080
	   All Rights Reserved
	   Printed in U.S.A.
	
	Description: 
	
	Notes:  
	
	Revision History:
	9-14-00	Robert Sher: Added .FFTitle2
	9-7-01 Lydia Lim added styles for HTML reports (.RPT*)
	10-29-01 Lydia Lim: Color for all links (all states) is Blue.
	6-18-02 Tommy Tam: added ReportInfo, ReportInfoHeading for Ad Hoc Report
	08/06/03	Uping Li	Add portlets framework.
	10/15/05	Uping Li	Add a class named ParcelTitle
 */



BODY.Main
{
	background-color: white;
	background-repeat: no-repeat;
}

A 
{
	color : Blue;
}

.PageTitle
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.833em;
	color: #86688C;
}

font.PageTitle
{
	font-size: 1.25em;
}

span.PageTitle
{
	font-size: 1.25em;
}

p.PageTitle
{
	font-size: 1.25em;
}
.ParcelTitle
{
	font-weight: 700;
	font-family: verdana;
	font-size: 1.11em;
	color: #CC3333;
}


.PageSubTitle
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.75em;
	color: #86688C;
}

font.PageSubTitle
{
	font-size: 1.125em;
}

span.PageSubTitle
{
	font-size: 1.125em;
}

.readonlytxt
{
	background-color:#efefef; 
	border:1px solid #7F9DB9;
}
.ComponentTitle
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.667em;
	color:#000066;
}

font.ComponentTitle
{
	font-size: 1em;
}

a.link
{
	font-size: 1.5em;	
}

.FFTitle
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.75em;
	color:#000066;
	text-align: right;
}

font.FFTitle
{
	font-size: 1.1em;
}

span.FFTitle
{
	font-size: 1.125em;
}

.FFTitle2
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.75em;
	color:#000066;
}

font.FFTitle2
{
	font-size: 1.125em;
}
span.FFTitle2
{
	font-size: 1.125em;
}



.FFTitlePlain
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.75em;
	color:#000066;
	
}

.SpecialInfo
{
	font-family: arial;
	font-size: 0.667em;
	color: red;
}

span.SpecialInfo
{
	font-size: 1em;
}
font.SpecialInfo
{
	font-size: 1em;
}
a.SpecialInfo
{
	font-size: 1em;
}

.ClickDotButton
{
	font-weight: 350;
	font-family: arial;
	font-size: 0.667em;
	color:blue;
}

font.ClickDotButton
{
	font-size: 1em;
}

span.ClickDotButton
{
	font-size: 1em;
}

.Info
{
	font-family: verdana;
	color: blue;
}
span.Info
{
	font-size: 1em;
}

font.info
{
	font-size: 1em;
}

SELECT.info
{
	font-size: 1em;
}

th.info
{
	font-weight: normal;
	font-size: 0.667em;
}

.InfoGray
{
	font-family: verdana;
	font-size: 0.667em;
	color: #A8A8A8;
}

.RedInfo
{
	font-family: verdana;
	font-size: 1em;
	color: Red;
}

.BlackInfo
{
	font-family: verdana;
	font-size: 1em;
	color: Black;
}

.FFBottom
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.75em;
	color:#000066;
}

font.FFBottom
{
	font-size: 1em;
}

span.FFBottom
{
	font-size: 1.125em;
}

.ScreenID
{
	font-family: arial;
	font-size: 0.667em;
	color: #86688C;
}

.Button
{
	font-size: 0.9em;
}

font.Button
{
	font-family: arial;
	font-size: 1em;
	color: blue;
}

font.UserID
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.035em;
	font-weight: bold;
	color: #333333;
}

.NoRecord
{
	font-weight: 600;
	font-family: verdana;
	font-size: 0.917em;
	color: #000066;
}

.FFColumn
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.75em;
	color:#000066;
	text-align: Left;
}

.FFColumn2
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.667em;
	color:#000066;
	text-align: Left;
}

font.FFColumn
{
	font-size: 1.125em;
}

font.FFColumn1
{
	font-weight: 700;
	font-family: verdana;
	font-size: 1em;
	color:#000066;
	text-align: Left;
}

span.FFColumn
{
	font-size: 1.125em;
}

.InfoColumn
{
	font-family: verdana;
	font-size: 0.75em;
	color: blue;
}
.InfoColumn2
{
	font-family: verdana;
	font-size: 0.667em;
	color: blue;
}

font.InfoColumn
{
	font-size: 1.125em;
}

font.InfoColumn1
{
	font-weight: 700;
	font-family: verdana;
	font-size: 1em;
	color: blue;
}

.ErrorMessage
{
	font-weight: 700;
	font-family: verdana;
	font-size:0.917em;
	color: Red;
}

.InfoColumnError
{
	font-weight: 700;
	font-family: verdana;
	font-size:0.833em;
	color: Red;
}

TD.HomeHeader
{
	font-weight: 700;
	font-family: verdana;
	font-size: 1.5em;
	color: #BFD5D5;
	background-color: #D9ECEC;
}

TD.WelcomeHeader
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.833em;
	color: #000066;
}

TD.HomeTitle
{
	font-weight: 700;
	font-family: verdana;
	font-size: 1.166em;
	color: #6B9D9D;
}

TD.HomeVersion
{
	font-family: arial;
	font-size: 0.667em;
	color: #6B9D9D;
}

FONT.HomeSubTitle
{
	font-weight: 700;
	font-family: verdana;
	font-size: 1.25em;
	color: #000066;
}

FONT.HomeColumn
{
	font-family: arial;
	font-size: 1.125em;
	color: #000066;
}

.OperationAdmin
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.667em;
	color: #CCFFFF;
}

.LeftColumnHeading
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.75em;
	color: #CCFFFF;
}

.LeftColumnBlue
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.833em;
	color: #D9ECEC;
}

.RightColumnHeading
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.75em;
	color: #E0FFFF;
}

.RightColumnLink
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.667em;
	color: #FAFAD2;
}

.RightColumnBlue
{
	font-weight: 700;
	font-family: verdana;
	font-size: 0.667em;
	color: #FFFFFF;
}

.PermitHeading1
{
	font-weight: 700;
	font-family: Arial;
	font-size: 0.667em;
	color: Black;
	text-align: center;
}

.PermitHeading2
{
	font-weight: 300;
	font-family: Arial;
	font-size: 0.667em;
	color: Black;
	text-align: center;
}

.PermitCenterLarge
{
	font-weight: 700;
	font-family: Arial;
	font-size: 0.833em;
	color: Black;
	text-align: center;
	text-decoration : underline;
}

.PermitCenterLarge2
{
	font-weight: 700;
	font-family: Arial;
	font-size: 1.083em;
	color: Black;
	text-align: center;
	text-decoration : underline;
}

.PermitCenter
{
	font-weight: 700;
	font-family: Arial;
	font-size: 0.833em;
	color: Black;
	text-align: center;
	text-decoration : underline;
}

.PermitNumber
{
	font-weight: 700;
	font-family: Arial;
	font-size: 0.833em;
	color: Black;
	text-align: center;
}

.PermitInfoHeading
{
	font-weight:700;
	font-family: Arial;
	font-size: 0.667em;
	color: Black;
	vertical-align : middle;
}

.PermitInfo
{
	font-weight: 300;
	font-family: Arial;
	font-size: 0.667em;
	color: Black;
	vertical-align : middle;
}

.PermitInfoHeadingCenter
{
	font-weight: 700;
	font-family: Arial;
	font-size: 0.667em;
	color: Black;
	text-align: center;
}

.PermitInfoBlue
{
	font-weight: 300;
	font-family:  arial;
	font-size: 0.667em;
	color: Blue;
}

.PermitInfoHeadingBig
{
	font-weight:700;
	font-family: Arial;
	font-size: 0.833em;
	color: Black;
	vertical-align : middle;
}

.PermitInfoBig
{
	font-weight: 300;
	font-family: Arial;
	font-size: 0.833em;
	color: Black;
	vertical-align : middle;
}
.PermitLegal
{
	font-weight : normal;
	font-family : "Times New Roman", Times, serif;
	font-size : 0.625em;	
	color : Black;
}

.RPTHeading1
{
	font-weight : normal;
	font-family : "Times New Roman", Times, serif;
	font-size: 0.833em;
	color:Black;
}

.RPTHeading1Bold
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size : 1.166em;
	color: Black;
}

.RPTHeading2
{
	font-weight : normal;
	font-family : "Times New Roman", Times, serif;
	font-size: 1em;
	color:Black;
}

.RPTHeading2Bold
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size : 1em;
	color: Black;
}

.RPTHeading2BoldUnd
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size : 1em;
	color: Black;
	text-decoration : underline;
}

.RPTHeading2PerNum
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size : 1.166em;
	color: Black;
	text-decoration : underline;
}

.RPTTitle1
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size: 1.50em;
	color: Black;
	text-align : center;
}

.RPTTitle2
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size: 1em;
	color: Black;
	text-align : center;
}

.RPTInfo
{
	font-weight : normal;
	font-family : "Times New Roman", Times, serif;
	font-size: 0.833em;
	color: Black;
}

.RPTInfoUnd
{
	font-weight : normal;
	font-family : "Times New Roman", Times, serif;
	font-size: 0.833em;
	color: Black;
	text-decoration : underline;
}

.RPTInfoBold
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size: 0.833em;
	color: Black;
}

.RPTInfoBoldUnd
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size: 0.833em;
	text-decoration : underline;
	color: Black;
}

.RPTFee
{
	font-weight : normal;
	font-family : "Times New Roman", Times, serif;
	font-size: 0.667em;
	color : Black;
}

.RPTFeeBold
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size: 0.667em;
	color : Black;
}

.RPTFeeBoldUnd
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size: 0.667em;
	color : Black;
	text-decoration : underline;
}


.RPTFootnote1
{
	font-weight : normal;
	font-family : "Times New Roman", Times, serif;
	font-size : 0.833em;
	color : Black;
}

.RPTFootnote1Bold
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size : 0.833em;
	color : Black;
}

.RPTFootnote1Title
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size : 1em;
	color : Black;
}

.RPTFootnote2
{
	font-weight : normal;
	font-family : "Times New Roman", Times, serif;
	font-size : 0.75em;
	color : Black;
}

.RPTFootnote2Bold
{
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
	font-size : 0.75em;
	color : Black;
}

.ReportInfoHeading
{
	font-weight: bold;
	font-family: Arial;
	font-size: 0.667em;
	color: Black;
	vertical-align : top;
}

.ReportInfo
{
	font-weight: normal;
	font-family: Arial;
	font-size: 0.667em;
	color: Black;
	vertical-align : top;
}

/*cathy added*/
/*
a:link {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
*/
a.adropdown:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.adropdown:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.adropdown:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: blue;
	text-decoration: underline;
	font-style: normal;
}
a.H 
{
	font-size: 1.031em;
}
a.SysMenu
{
	font-size: 1.031em;
}
a.H:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.H:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.H:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: blue;
	text-decoration: underline;
	font-style: normal;
}

a.SysMenu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

a.SysMenu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
a.SysMenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: underline;
}


.bld {
	background-color: #83BFDD; 
}

.bldmove {
	background-color: #ADEAFF; 
}

.bsl {
	background-color: #C1B792; 
}

.bslmove {
	background-color: #E9DFBA; 
}

.cde {
	background-color: #D19A67; 
}

.cdemove {
	background-color: #F9C28F; 
}

.fir {
	background-color: #AED35F; 
}

.firmove {
	background-color: #D6FB87; 
}

.pln {
	background-color: #ADA5B8; 
}

.plnmove {
	background-color: #D5CDE0; 
}

.pwk {
	background-color: #94A98F; 
}

.pwkmove {
	background-color: #BCD1B7; 
}

.SelectModuleCSS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
.adminnavbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #add35a;
	text-align: center;
}
.menunavBuilding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #84BEDE;
	text-align: center;
}
.menunavEnforcement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #D19A67;
	text-align: center;
}
.menunavFire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #add35a;
	text-align: center;
}
.menunavLicenses {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #c6b694;
	text-align: center;
}
.menunavPlanning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #ADA5B8;
	text-align: center;
}
.menunavPublic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #334455;
	background-color: #94A98F; 
	text-align: center;
}
.menunavDefault {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #84BEDE;
	text-align: center;
}

.TitleBuilding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.TitleEnforcement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.TitleFire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.TitleLicenses {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.TitlePlanning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.TitlePublic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #334455;
	text-align: center;
}
.TitleDefault {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: center;
}

.OverBuilding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #ADEAFF;
	text-align: center;
}
.OverEnforcement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: center;
	background-color: #F9C28F; 
}
.OverFire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #D6FB87; 
	text-align: center;
}
.OverLicenses {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #E9DFBA; 
	text-align: center;
}
.OverPlanning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #D5CDE0; 
	text-align: center;
}
.OverPublic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #334455;
	background-color: #BCD1B7;
	text-align: center;
}
.OverDefault {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #ADEAFF;
	text-align: center;
}


.groovedborders {
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #FFFFFF;
}
.logintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-style: normal;
	font-weight: normal;
	color: #333333;	
	text-align: center;
}

font.logintext
{
	font-size: 0.92em;
}

.logintext1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	font-style: normal;
	font-weight: bold;
	text-align: left;	
}

span.logintext1
{
	font-size: 1em;
}

.loginButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.125em;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	border: 0;
	background-color: #3398CC;
	width: 70px;
	height: 20px;
}

.loginerrmsg1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #003366;
}

.loginerrmsg2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	color: #333333;
	font-weight: regular;
	text-align: left;	
}

.ChangeMode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.57em;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: center;	
}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	color: #333333;
}

H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	font-weight: bold;
	color: #333333;
}

.label
{
	font-size: 1.5em
}

.select
{
	font-family: verdana;
	font-size: 0.667em;
	color: blue;
}
.TitleFont
{
	font-weight: 700;
	font-family: verdana;
	font-size: 1.25em;
	color:#000066;
	text-align: right;
}

.page
{
	font-size: 1em
}

.pages
{
	font-family: verdana;
	color: blue;
	font-size: 0.667em;
}


body{ font-size : 0.667em}
body table tr td { font-size: 0.667em }
table tr td { font-size: 0.667em }
body table tr th { font-size: 0.667em }
table tr th { font-size: 0.667em }
body table tr td select,input,cfinput,textarea { font-size: 1.25em }
body table tr td select:disabled
{
	background-color: #eeeeee;  
	color:#a8a8a8;
    	-webkit-text-fill-color:#a8a8a8;
}


.RedStar
{
	color: red;
}


th
{
  text-align:left;
}

.family_ASIT
{
	font-family: arial; 
	font-size: 1.25em
}