/* Date created: <2007-12-21 rmm> */
/* Time-stamp: <2008-03-26 08:23 rmm> */

/********************************************************************/
/* General
/********************************************************************/

body {
    margin: 8px;
    color: #000;
    background-color: #FFF;
    /* font: 0.8em/1.7em Tahoma, Arial, sans-serif; */
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    /* line-height: 1.3em; */
    font-family: normal;
}

hr {
    margin-top: 0;
    background: #000;
    height: 0;
}

h1#title {
    margin-top: 28px;
}


div.link {
    font-weight: bold;
}

div.announce {
    font-style: italic;
}

p {
    line-height: 1.1em;
    /* margin-top: 0.75em; */
    /* margin-bottom: 0em; */
}

div#note {
    margin-top: 28px;
}

span.warning {
    font-weight: bold;
    color: #F00;
}


/********************************************************************/
/* Banners, Headers, and Footers
/********************************************************************/

div#banner {
    font: bold 10pt sans-serif;
}

div#footer {
    margin-top: 18px;
    border: none;
    padding: 0.3em;
    width: 100%;
    background: #000099;
    color: #FF0;
    font: 8pt sans-serif;
}


/********************************************************************/
/* Tables
/********************************************************************/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    vertical-align: top;
}

td#title {
    font: bold 18pt sans-serif;
    padding-left: 10px;
    vertical-align: middle;
}


/*********************************/
/* That bright yellow table at the main page
/*********************************/

div#table table {
    border: 0;
    background-color: #FF0;
}

div#table table tr td table tr td {
    border: 0;
    background-color: #FF00;
    padding: 10px;
    line-height: 1.2em;
}

div#table table tr td.spacer {
    width: 3px;
    background: #000;
}


/*********************************/
/* General
/*********************************/

/* div.table table { */
/*     padding: 5px; */
/*     border: 1px solid #000; */
/* } */

div.table table td {
    padding: 5px;
    border: 1px solid #000;
}


/*********************************/
/* Interrupts
/*********************************/

/* div.tablei table { */
/*     border: 1px solid #000; */
/*     margin-top: 20px; */
/* /\*     margin-bottom: 20px; *\/ */
/* } */

div.tablei td {
    border: 1px solid #000;
    height: 20px;
    padding: 8px;
    vertical-align: top;
    white-space: nowrap;
}

div.tablei td.wrap {
    white-space: normal;
}

div.tablei tr.header {
    background-color: #CCF;
    font-weight: bold;
}

div.tablei td.duration {
    text-align: right;
}

div#links-bottom {
    padding-top: 20px;
    font-weight: bold;
}


/********************************************************************/
/* Misc
/********************************************************************/

/* *[accesskey]:after {content:' [' attr(accesskey) ']'} */
/* *[accesskey]:before {content:' [' attr(accesskey) '] '} */

div.tablei div.areas td {
    border: 0px dashed #000;
}

div.tablei div.areas td.wrap {
    white-space: normal;
    padding: 0;
}

div.tablei div.areas td.city {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0.2em;
    white-space: nowrap;
}

div.tablei div.areas td.barangays {
    padding-top: 0;
    padding-bottom: 0;
    white-space: normal;
    padding-left: 0;
}