/* The specific style rules used to suggest rendering */
/* for the CSS table design example, starts here */
/* Colorset #4F87B7 #3F6B91 #2E4F6B #B8A34F  */
/*          #91733F (#6B552E) #474747 #B8B8B8 #000000 */


DIV.base-layer {
  background: #4F87B7;
  border: none;
  color: #808080;
  margin: .5em auto;
  padding: .1em;
  text-align: left;
  width: 96%;
}

DIV.table-row {
  font-size: .8em;
  background: none #B8B8B8;
  border: solid #3F6B91 1px;
  color: #2E4F6B;
  margin: .1em auto;
  padding: 0;
  text-align: left;
  width: 96%;
}

/* Style rules for the 3 x 2 table example */

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 50%;
}

/* Rules for 3 cols (above used as well)  */

DIV.left-container13 {
  border: none; vertical-align: top; float: left; margin: 0; padding: 0; width: 15%;
}

DIV.left-container23 {
  border: none; vertical-align: top; float: left; margin: 0; padding: 0; width: 25%;
}

DIV.right-container13 {
  text-align: left; vertical-align: top; border: none; float: right; margin: 0; padding: 0; width: 60%;
}

/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. I still use some of the generic rules as found   */
/* above and below, but still..                                            */

DIV.left-layer11 {
  border: none; float: left; margin: 0; padding: 0; width: 9%;
}

DIV.right-layer11 {
  border: none; float: right; margin: 0; padding: 0; width: 10%;
}

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

DIV.top-drop {
    clear: both; margin: 0, 0, 0, 6em; padding: 0; width: auto;
}



/* Some rules for captions, headers and running text */

H4.table-caption {
  background: transparent; color: #2E4F6B;
  border: thin solid #2E4F6B;
  font-family: sans-serif; font-size: 1.25em; font-style: italic; font-weight: bold;
  margin: 0; padding: 0; text-align: left; width: auto;
}

H4.title {
  background: transparent; color: #2E4F6B;
  border: none;
  font-family: sans-serif; font-size: 1.25em; font-style: normal; font-weight: bold;
  margin: 0; padding: 0; text-align: left; width: auto;
}

H5.colhdr {
  background: none #808080; border: solid #2E4F6B 1px; color: #B8B8B8;
  font-family: sans-serif; font-size: 1em; font-style: italic;
  font-weight: bold; margin: 0; padding: 0.1em 0.1em 0 0.1em;
  text-align: left; width: auto;
}

P.text {
  border: solid #2E4F6B 1px; margin: 0; padding: 0.1em 0.1em 0 0.1em;
  font-style: normal; font-size: 1em; text-align: left; text-indent: 0;
  width: auto;
}

/* End of layer specific style rule set */

    div.container {
      border: 2px dashed #333;
      background-color: #ffe;
	}
    .listings {
      border: thin solid navy;
      background-color: #ffe;
	}
    div.spacer {
      clear: both;
        }
   .box {
        font-family: verdana, sans-serif;
        font-size: 12px;
        padding: 5px;
        margin: 5px;
        width: 96%;
        border: thin  dotted black;
    }

    .ackBox {
        font-family: verdana, sans-serif;
        font-size: 12px;
        padding: 5px;
        margin: 5px;
        width: 15em;
        background-color: #707070;
    }
    td, option, input {
        font-size: 12px;
        font-family: verdana, sans-serif;
    }
    h3 {
    	text-align: center
        font-size: 14px;
        font-family: verdana, sans-serif;
    }
    h4 {
    	text-align: left
        font-size: 16px;
        font-family: verdana, sans-serif;
    }
    p {
        font-size: 12px;
        font-family: verdana, sans-serif;
    }