/*
<!-- *** START OF FILE HEADER COMMENTS ***

Filename:  OpenWeb.css
Author  :  Anthony Azua
Date    :  Jan 2002
Purpose :  Style Sheet for OpenWeb Info Mapper
Notes   :  
Diary (including date, developer, comments):
03/19/02 - cjw - Chg location of file to top level application dir ... InetPub\OpenWeb\CSS
05/21/02 - aaz - Added more style and some class styles 
03/03/03 - aaz - Added boxes and a few margin styles
10/22/03 - aaz - added link styles
10/23/03 - aaz - added button styles

*** END OF FILE HEADER COMMENTS *** --> 
*/

/*
=============================================================
Colors used:
#fdf5e6 - ivory
#660000 & #663300 - Choc Brown (text &  borders)
#ffebcd - beige (background)
#00007f - dark Blue (link)
#df7d4d - light brown (visited link)
#deb887 - tan (link hover)
#CC9966 - light tan (title bgcolor)
#d2b480 & #d2b48c & #FFFAF0 & #FFFAFa - creams (option bgcolor)
#D2B48C - Drk Tan (Border)
================================================================
*/

body          { background-color: #ffebcd; 
                font-family: verdana, Arial, Helvetica, sans-serif; 
                color: #660000; margin-top: 0; margin-bottom: 0; font-size: 10pt;
		  }

/* =====  Paragraph styles  ======================================= */
p             { font-size: 9pt;}
p.bigTitle    { font-weight: bold; font-size: 18pt; text-align: center; }
p.title       { font-weight: bold; font-size: 16pt; text-align: center; }
p.subtitle    { font-weight: bold; font-size: 12pt; }
p.subCenter   { font-weight: bold; font-size: 12pt; text-align: center; }
p.left        { font-weight: bold; font-size: 9pt; text-align: left;
                margin-left: 5mm; margin-right: 5mm }
p.marg5       { margin-left: 5mm; margin-right: 5mm; }
p.faq         { margin-left: 10mm; margin-right: 10mm; font-size: 8pt; } 
p.faq5        { margin-left: 5mm; margin-right: 5mm; font-size: 8pt; } 
p.marg10      { margin-left: 10mm; margin-right: 10mm; } 
p.marg20      { margin-left: 20mm; margin-right: 20mm; }
p.marg15      { margin-left: 12mm; margin-right: 15mm; }
p.marg30      { margin-left: 30mm; margin-right: 30mm; }
p.marg50      { margin-left: 50mm; margin-right: 50mm; }
p.cent        { text-align: center; }
p.bold        { font-weight: bold; }
p.bold_ul     { font-weight: bold; text-decoration: underline; }
p.bold11      { font-size: 11pt; font-weight: bold;text-align: center; }
p.bord        { border: thin dashed #996666; padding: 5mm; margin: 20mm; } 
p.warn        { color: red; font-weight: bold; margin-left: 10mm; margin-right: 10mm; }

/* =====  Misc styles  ========================== */
li            { margin-right: 5mm }
li.faq        { margin-left: 0mm; margin-right: 2mm; margin-top:1mm; font-size: 8pt; }
ul.faq        { font-size: 10pt; }

h1            { margin-left: 5mm; margin-right: 5mm; font-size: 18pt; }
h2            { margin-left: 5mm; margin-right: 5mm; font-size: 16pt; }
h3            { margin-left: 5mm; margin-right: 5mm; font-size: 13pt; }
h5.marg15     { margin-left: 15mm; margin-right: 15mm; }
h4.test	  { color: orange;}
hr            { color: #660000;}
hr.command    { color: #660000; text-align:center; width:75%; height:2px; }
.warning      { color: red; font-weight: bold; margin-left: 10mm; margin-right: 10mm; }
.spanWarn	  { background-color:#ffffcc; color:red; font-weight:bold; text-align:center; padding-left:1mm; padding-right:1mm; }
.warnMsg      { font-size: 9pt; color: red; font-weight: bold; 
		    background-color:#ffffcc; 
		    padding-left:1mm; padding-bottom:1mm; padding-top:1mm; 
		    margin-left: 35mm; margin-right: 35mm; 
		  }

.marg20       { margin-left: 20mm; margin-right: 20mm; }
.marg15       { margin-left: 15mm; margin-right: 15mm; }
.marg10       { margin-left: 10mm; margin-right: 10mm; }
.faq          { margin-left: 10mm; margin-right: 10mm; 
		    font-size: 8pt; font-family: verdana, aerial, Arial 
		  }
 
.sel          { color: #660000; background-color: #fdf5e6; font-size: 3mm; font-weight: bold; }

.bigTitle	  { text-align: center; font-weight: bold; font-size: 18pt; padding-bottom:1mm; }

.text16 	{ font-size: 16pt;font-weight: bold; }
.text12 	{ font-size: 12pt; }

/* =====  Link Styles  ================================*/
a:link      { background: transparent; color: #00007f; text-decoration: underline; } 
a:visited   { background: transparent; color: #df7d4d; text-decoration: underline; }
a:hover     { background-color: #deb887; color: white; text-decoration: none; }
a.sizeEight { font-size: 8pt; }
a.size7     { font-size: 7pt; }
a.poi       { font-size: 9pt; font-weight: bold; padding:3px 2px; }

/* =====  Table and table element styles  ================================== */
table.border  	{ border-color: #660000; border-width: 3px;  border-style: solid; background-color: #FFE4C4; }
table.poi		{ border-color: #660000; border-width: 4px;  border-style: double; 
            	  background: #FFE4C4; }
table.poi2		{ border-color: #660000; border-width: 2px;  border-style: double; 
            	  background:  #fdf5e6; }

th.title      { font-size:10pt; font-weight: bold; font-style: italic; 
                text-align: center; background-color: #CDC0B0;
                border-width: 1px; border-color: #660000;}

th.titleLt    { font-size:10pt; font-weight: bold; font-style: italic; 
                text-align: center; background-color: #deb887;
                border-width: 1px; border-color: #660000; }
th.titlePoi   { font-size:10pt; font-family:verdana; font-weight: bold; font-style: italic; 
                text-align: center; background-color: #CDC0B0; 
                border-width: 1px; border-color: #660000; padding-top:5px; padding-bottom:3px; }

td             { font-size: 8pt; font-family: verdana; }
td.size7       { font-weight: bold; font-size: 7pt; }
td.fnt7        { font-size: 7pt; }
td.bord        { border-width: 1px; border-color: #660000; }
td.cent        { border-width: 1px; border-color: #660000; text-align: center; }
td.boldTxt     { font-weight: bold; font-size: 7pt; }
td.selectTitle { font-weight: bold; font-size: 7pt;  background-color: #f9f0d3; }
td.boldTxt6    { font-weight: bold; font-size: 6pt; }
td.centerTxt   { text-align: center; }
td.normTxt     { font-size: 9pt; }
td.Ten         { font-size: 13pt; font-weight: bold; }

td.tdLink	   { padding-top: 1mm; padding-bottom: 1mm; background-color:#ffffcc; font-size:13pt; font-weight:bold; }
td.tdTitle     { font-size:10pt; font-weight: bold; font-style: italic; 
                 text-align: center; background-color: #CC9966; }
td.tdTitleLt   { font-size:10pt; font-weight: bold; font-style: italic; 
                 text-align: center; background-color: #deb887; }
td.subTitle    { font-weight: bold; text-align: center; }
td.subTitleRight { font-weight: bold; text-align: right; padding-right:1.5mm; font-family: Helvetica; }
td.subTitleLeft { font-weight: bold; text-align: left; padding-right:1.5mm; font-family: Helvetica; }

td.treasWarn  { color: red; text-align: center; font-weight: bold; }
td.sub        { font-size: 9pt; color: red; }
td.sub2       { font-size: 9pt; color: #660000; }

td.test       { color: green; font-size: 12pt; border-width: 5px; border-color: blue; }
td.poi        { padding-left:5px; }

/* =====  Input Styles  ======================================= */
input.ow        	{ color: #660000; width: 145px; height: 25px;}
input.owsm      	{ color: #663300; font-size: 7pt;}
input.owBig     	{ color: #663300; font-size: 9pt; color: #660000;}

input.commSm    	{ color: #FFFAFa; width: 75%; font-size: 7pt; font-weight: bold; font-family: verdana;
			  background-color: #CDAA7D; 
			  border-right-color : #660000;  border-bottom-color : #660000;
			  border-top-color : #FFEBCD;  border-left-color : #FFEBCD;
                    border-style: outset; border-width: 3px; padding-bottom: 1px;
			}
input.commMed   	{ color: #FFFAFa; width: 80%; font-size: 7pt; font-weight: bold; font-family: verdana;
			  background-color: #CDAA7D; 
			  border-right-color : #660000;  border-bottom-color : #660000;
			  border-top-color : #FFEBCD;  border-left-color : #FFEBCD;
                    border-style: outset; border-width: 3px; padding-bottom: 1px;
			}
input.commWide  	{ color: #FFFAF0; width: 95%; font-size: 7pt; font-weight: bold; font-family: verdana;
			  background-color: #CDAA7D; 
			  border-right-color : #660000;  border-bottom-color : #660000;
			  border-top-color : #FFEBCD;  border-left-color : #FFEBCD;
                    border-style: outset; border-width: 3px; padding-bottom: 1px;
			}
input.commPOI   	{ color: #FFFAF0; width: 80%; font-size: 9pt; font-weight: bold;
			  background-color: #CDAA7D; 
			  border-right-color : #660000;  border-bottom-color : #660000;
			  border-top-color : #FFEBCD;  border-left-color : #FFEBCD;
                    border-style: outset; border-width: 3px; padding-bottom: 1px;
			}

input.parcel      { color: #660000; width: 100px; font-size: 9pt;font-weight: bold; padding:1px;
                    border-style: solid; border-color : #D2B48C; border-width: 2px; background: #fdf5e6;} 


input.owbutton    { color: #FFFAF0; width: 140px; height: 25px; font-weight: bold; font-size: 9pt; background-color: #CDAA7D; 
			  border-right-color : #660000;  border-bottom-color : #660000;
			  border-top-color : #FFEBCD;  border-left-color : #FFEBCD;
                    border-style: outset; border-width: 3px; padding-bottom: 1px;
			}

input.owIntButton { color: #FFFAF0; width: 300px; height: 25px; font-size: 7pt; font-weight: bold; 
			  background-color: #CDAA7D; 
			  border-right-color : #660000;  border-bottom-color : #660000;
			  border-top-color : #FFEBCD;  border-left-color : #FFEBCD;
                    border-style: outset; border-width: 3px; padding-bottom: 1px;
			}

input.owComButton { color: #FFFAF0; width: 140px; height: 28px; font-weight: bold; font-size: 9pt; font-family: verdana;
			  background-color: #CDAA7D; 
			  border-right-color : #660000;  border-bottom-color : #660000;
			  border-top-color : #eecbad;  border-left-color : #eecbad;
                    border-style: outset;
			  padding-bottom: 1px;
			  border-top-width: 4px; border-left-width: 4px; border-right-width: 3px; border-bottom-width: 3px;
			}

.cmd			{ color: #FBF3E3; font-size: 9pt; font-weight: bold; background-color:#deb887; 
		       font-family:Verdana; border-color:#660000; border-style:solid; border-width:2px; }	

select          { cursor: pointer;}
select.color    { color: #663300; background-color: #faf0e6; }
select.view     { color: #660000; font-size: 3mm; border-style:none; background: #fdf5e6; font-weight: bold; }
select.select   { color: #660000; font-size: 3mm; border-style:none; background: #fdf5e6; }
select.alt      { color: white; background-color: #d2b480; font-family: times; cursor: pointer; }
option          { cursor: pointer;}
option.alt      { color: white; background-color: #d2b480; font-family: times; cursor: pointer; }
optgroup.alt    { color: white; background-color: #d2b480; font-family: times; cursor: pointer; }

optgroup.alt2   { color: white; background-color: #d2b48c; }

/* =====  DIV BOXES  ========================================== */
.boxMailLink {     /* MailTo link box - light shaded background */
  background:   #fdf5e6; 
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  padding : 5px;
  margin-top: 4px; margin-bottom: 4px; margin-left: 80px; margin-right: 80px;
  border-color : #D2B48C; border-style: dashed; border-width : 2px;}

.boxPageMap {     /* Transparent box used for the Assessors Page Map link */
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  padding : 5px;
  margin-top: 4px; margin-bottom: 4px; margin-left: 80px; margin-right: 80px;}

.boxContent {     /* box to use for text content - it will stand out in the center */
  background:   #fdf5e6; 
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  padding : 5px; left: 250px; right: 200px; 
  margin-left: 175px; margin-right: 175px;
  border-color : #D2B48C; border-width : 2px;}

.boxContentFAQ {     /* box to use for text content - it will stand out in the center */
  background:   #fdf5e6; 
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 9px;
  left: 10px; right: 10px;
  margin-left: 25px; margin-right: 25px; margin-bottom: 25px;
  padding-bottom: 5px; padding-top:1px; 
  border-color : #D2B48C; border-width : 2px;}

.boxContentFAQ2 {     /* box to use for text content - it will stand out in the center */
  background:   #fdf5e6; 
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 10px;
  left: 10px; right: 10px;
  margin-left: 25px; margin-right: 25px; margin-bottom: 25px;
  padding-bottom: 5px;  
  border-color : #D2B48C; border-width : 2px;}

.boxStats {     /* box to display stats and variable during testing - Data.asp*/
  color : #000099;
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  padding : 10px; 
  margin-left: 80px; margin-right: 80px;
  border-color : #660000; border-style : dashed; border-width : 2px;}

.boxNote {     /* box to display stats and variable during testing - Data.asp*/
  color : #000099;
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  padding : 4px;
  margin-left: 50px; margin-right: 50px;
  border-color : #660000; border-style : hidden; border-width : 2px;}


.boxNotice {     /* box to display any messages to users - light yellow background and red letters */
  color : #FF0000;
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 12px; font-weight: bold;
  padding : 10px; 
  margin-left: 80px; margin-right: 80px;
  border-color : #660000; border-style : dashed; border-width : 2px;
  background: #FFFFCC;
  }

.box2 {     /*this is a box */
  background:   #fdf5e6; 
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  padding : 3px;
  margin-top: 4px; margin-bottom: 4px; margin-left: 175px; margin-right: 175px;
  border-color : #D2B48C; border-width : 2px;}

.box3 {     /*this is a box */
  background:   #fdf5e6; 
  font-family: verdana, aerial, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  padding-top:20px; padding-bottom:20px;
  margin-top: 5px; margin-bottom: 20px; margin-left: 190px; margin-right:190px;
  border-color : #D2B48C; border-width : 2px;}

.padBottom { padding-bottom: 1px; }

/*  background: #f5deb3;  */ /* #FFFFFF; */
/*  border-color : #D2B48C; */ /* #660000; */