/* */
/* dtax_x6.css v.24aug11 bpk */
/* new .hide-structure */
/* HIDE borders and class lnkTxt. */
/* links in d_mtn/{ *.htm, x6-css.htm, */
/*    d_annual-09/*.htm } */
/* Some carry-over to ploneCustom.css. */
/* */

body { background-color: #CED39C;
       font-family: sans-serif;
       margin: 0;
       padding: 0.2em 0; }

h1, h2, h3, h4, h5 { font-size: 1.0em; }
h1 { font-size: 1.6em; }
h2 { font-weight: bold; font-size: 1.4em;
     margin-bottom: 0;
     padding-bottom: 0; }
     /* See h2#pageTitle1, h3#pageTitle2 */
h3 { background-color: #CED39C;
     font-weight: bold;
     margin: 0;
     padding: 0.3em 0;
     text-align: center; }
/* h3 text-align: center ... in ploneCustom.css. */ 
h4 { font-weight: bold;
     margin: 0.2em 0; }
/* h5 in dtax_x6_yrtbls.css ... in ploneCustom.css */
h5 { margin: 0.2em 0;
     text-align: center; }

p,
ul, ol, dl,
li, dt, dd { margin-top: 0.5em; margin-bottom: 0.5em; }

img { border: 0; margin: 0; padding: 0; }

   /* See dtax_x6_yrtbls.css */

table { background-color: #A5A2A5; font-size: 1.0em;
        width: 100%; }
tr    { vertical-align: top; text-align: left; } 
td    { background-color: #F7FBDE; padding: 5px; }
th    { background-color: #CED39C; padding: 5px; 
        vertical-align: top; text-align: left; 
        font-weight: bold; } 

a,
a:link    { color: #AD3C4A; text-decoration: underline; }
a:visited { color: #738221; text-decoration: underline; }
a:hover,
a:active  { background-color: #AD3C42; 
            color: white; text-decoration: none; }

/* .hide-structure { display: none; }   08nov10 thru 24aug11 */
/* 24aug11 Change based on -
http://www.456bereastreet.com/archive/201108/do_not_use_displaynone_to_visually_hide_content_intended_for_screen_readers/
Checked hawaii.gov/tax/dags class "hiddenStructure' in
http://hawaii.gov/dags/portal_css/SOHDeptStyle/ploneStyles0592.css */
/* ----- sohdeptstyle.css ----- */
/* */ 
.hide-structure {    /* 24aug11 */ 
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  }
/* */ 

/* */

#containAll {
   background-color: white;
   border: 1px solid #CED39C;
   margin: 0 auto 0 auto;   /* Centers the container */
   width: 750px;
   }

/* */

/* */
/* IDs */
/* [BAND_1] ... [BAND_4] four bands every page */
/* */

   /* [BAND_1] #topRow (#quickSearch, #quickLinks) */
   /* #quickSearch, #quickLinks - are constant */
   /* See x0-quickSearch and x0-quickLinks.txt */
#topRow {
   background-color: transparent; font-size: 0.7em;
   margin-bottom: -1.0em;                 /* (a1) */
   border: 1px none purple; }            /* none < solid */
#quickSearch { float: left;
   margin: 0 0 0 0.3em ; padding: 0;
   border: 1px none green; }             /* none < solid */
#quickLinks { float: right;
   margin: 0 0.3em 0 0; padding: 0;
   border: 1px none green; }             /* none < solid */

   /* [BAND_2] #navBar (#breadCrumbs, #lastUpdate) */
#navBar {
   font-size: 0.7em;
   margin-bottom: -1.0em;                 /* (b1) */
   padding: 0.2em 0.05em;
   border: 1px none purple; }            /* none < solid */
#breadCrumbs { float:left; clear: left;   /* (a2) */
   text-align: left; margin: 0 0 0 0.3em ;
   border: 1px none green; }             /* none < solid */
#lastUpdate { float:right;
   text-align: right; margin: 0 0.3em 0 0 ;
   border: 1px none green; }             /* none < solid */

   /* [BAND_3] #middleRow */
#middleRow {
   width: 100%;
   background-color: white; 
   padding-top: 0.2em;
   border: 1px none blue; }               /* none < solid */

   /* #middleRow (#midCol1 (#sideBar) ) */
   /* #sidebar - constant on all pages */
   /* See x0-sideBar.txt */
   /* See dtax_x6_COR.css */

#midCol1 { float: left; clear: left;      /* (b2) */
   margin-left: 0.2em;
   background-color: white;
   font-size: 0.7em;
   padding: 0 0.2em;
   border: 1px solid #AD3C4A;             /* =solid */
   width: 20%; }                          /* 29%=21sep04 20% */

#sideBar {
   margin: 0.3em 0.2em;                   /* [x] */
   padding-bottom: 0.2em;                 /* [x] */
   border: 1px none #00f; }              /* [x] */
                                          /* none < solid */
   /* [x] - shared w/ #sideBar, #left, #right, #center */

   /* #middleRow ( #midCol2 (#left, #right) ) */
   /* or */
   /* #middleRow ( #midCol2 (#center) ) */

#midCol2 { float: right;
   margin-right: 0.2em;
   background-color: white;
   font-size: 0.7em;
   border: 1px none #AD3C4A;             /* none < solid */
   width: 78%; }                          /* 69%=21sep04 78% */

#left { float: left;
   margin: 0.3em 0.2em;                   /* [x] */
   padding-left: 0.0em;
   padding-bottom: 0.2em;                 /* [x] */
   border: 1px none #00f;                /* [x] */
   width: 56%; }          /* none < solid 48%=21sep04 56% */
   /* [x] - shared w/ #sideBar, #left, #right, #center */

#right { float: right;
   margin: 0.3em 0.2em;                   /* [x] */
   padding-left: 0.0em; padding-right: 0.2em;
   padding-bottom: 0.2em;                 /* [x] */
   border: 1px none #00f;                /* [x] */
   width: 40%; }           /* none < solid 48%=21sep04 40% */
   /* [x] - shared w/ #sideBar, #left, #right, #center */

#center { /* float: left; 23aug10 */
   margin: 0.3em 0.2em;                   /* [x] */
   padding-left: 0.0em;                   /* #left */
   padding-right: 0.2em;                  /* #right */
   padding-bottom: 0.2em;                 /* [x] */
   border: 1px none #00f;                /* [x] */
   width: 98%; }                          /* none < solid */
   /* [x] - shared w/ #sideBar, #left, #right, #center */

   /* index.htm only */

h3#spotlightTitle { font-size: 1.2em; }

   /* every page except index.htm */
	
h2#pageTitle1 { color: #AD3C4A; margin-top: 0.1em; }
      /* align baseline to #midCol1 #sideBar h3 */
h3#pageTitle2 { color: #AD3C4A;
   background-color: white;
   font-weight: normal; font-size: 1.2em;
   margin-bottom: 1.0em;
   padding: 0;
   text-align: left; }

   /* [BAND_4] #bottomRow */
   /* See x0-bottomRow.txt */

#bottomRow {
   float: right;
   width: 750px;
   background-color: #ccc;
   padding: 0.3em 0;
   font-size: 0.6em; }

/* */
/* Classes */
/* */

   /* Used for browsers that are not CSS-compliant */
.ahem { display: none; }

.clearFloats { clear: both; width: 100%; }

   /* Accessibility rules require non-space between  */
   /* adjacent <a>. However, it clutters the screen  */
   /* so make it invisible                           */
/* .letterspacer in ploneCustom.css. */ 
.letterSpacer       { border: 0; margin: 0; padding: 0;
   color: white; display: inline; }
.letterSpacerFooter { border: 0; margin: 0; padding: 0;
   color: #DCDCDC; }

.new04 { background-color: white;
   font-weight: bold; color: #ff0080; }

.attn { background-color: white;
   font-weight: bold; color: #AD3C4A; }

.attn2 { background-color: white;
   font-weight: bold; color: #f00; }

div.news,
div.content    { margin-bottom: 0; padding-bottom: 0.3em; }
   /* See above - p, ul, ol, ... margin-top: 0.5em */
   /* See index.htm, div.news h4 "Spotlights". */
   /* See a7_faq.htm, div.content - "Q. ...", "A. ..." */
div.news h4    { margin-top: 0.7em;
   font-weight: bold; font-size: 1.2em; } 
div.content h4 { margin-top: 0.7em; margin-bottom: 0.2em; }
div.content p  { margin-top: 0.2em; }

   /* See above - p, ul, ol, ... margin-top: 0.5em */
   /* See a7_faq.htm for p.note. */
p.note {
   background-color: #CED39C;
   font-size: 1.0em; font-weight: bold;
   margin: 0.0em 10.0em; padding: 0.3em 0.7em;
   text-align: center; }

.newsMore { margin-bottom: 10px; margin-top: 10px; }

p.footerRow { text-align: center; }

.lnkTxt { font-size: 1.0em; color: #00c;
   display: none; }               /* none < inline */

   /* Accessibility - separate adjacent links with */
   /* more than whitespace */
/* ul.related and ul.seealso in ploneCustom.css. */ 
ul.relatedinfo,
ul.seealso { margin: 0; padding: 0; list-style-type: none; }

/* dtax_x6.css v.08nov10 bpk */
/* dtax_x6.css v.24aug11 bpk */