/******************************************************************************
 * Author: Jason David Cartwright                                             *
 * Copyright: 2004 (c) Jason Cartwright, www.worldwydeweb.com                 *
 * Contact: webmaster@worldwydeweb.com.com                                    *
 ******************************************************************************/

    a {
        text-decoration: none;
        color: #0000ff;
        font-weight: bolder;
    }


    body {
        font-family: Helvetica, Gill, Arial, sans-serif;
        color: black;
    }

    p {
        margin-top:0px;
        margin-bottom:10px;
        padding:0px 20px 0px 20px;
        }

    .spec-text
    {
        font-weight: bolder;
        font-size: smaller;
    }

    .foot-text { font-size: x-small; }

    #content {
        margin-right:6px;
        margin-left:6px;
        margin-top:10px;
        padding-bottom:10px;
        background:white;
        border:0px solid white;
        text-align:left;
        min-width:300px;
        }

    #menuheader {
        font-weight:bolder;
        background-color: red;
        color: white;
        margin-bottom:1px;
        }

    #menucontent {
        background-color: white;
        color: #0000ff;
        margin-bottom:6px;
        }

    .menus {
        border:1px solid white;
        padding:6px;
        font-size:smaller;
        text-align:left;
        }

    #menu {
        width:160px;
        padding:0px;
        margin-left:-3px;
        margin-right:10px;
        float:left;
        voice-family: "\"}\"";
        voice-family: inherit;
        }
    html>body #menu {
        margin-left:-6px;
        }


    #title    
    {
    	padding: 0px;
    	border: 0px solid #000;
    	margin-top: -6px;
    	margin-right: -6px;
    	margin-left: -6px;
    	margin-bottom: 10px;
    	width: 100%;
    	/* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
    	voice-family: "\"}\"";
    	voice-family: inherit;
    	width: auto;
    	padding-left: 5px;
    	padding-right: 5px;
    	padding-top: 0px;
    	padding-bottom: 5px;
    	background-repeat: no-repeat;
    	background-color: white;
    	background-position: left top;
    	height: 100px;
    	background-image: url(../image/logo.jpg);
    }
    html>body #title {
        width:100%;
        }

    #layouts {
        margin-left:10px;
        }

/******************************************************************************
 * Text                                                                       *
 ******************************************************************************/




p.notice
{
    color: red;
}


fieldset {
    color : #0000ff;
    font-family: Helvetica, Gill, Arial, sans-serif;
    background-color: white;
}

/******************************************************************************
 * Links                                                                       *
 ******************************************************************************/
a.print-friend
{
    font-size: smaller;
}

a:hover
{
    font-weight: bolder;
    color: red;
}

a:hover .imghover
{
    border-color: red;
}


/******************************************************************************
 * Image                                                                      *
 ******************************************************************************/

img
{
    display: block;
}

.inline
{
    display: inline;
}

.imghover
{
    border: 2px;
    border-color: white;
    border-style: solid;
    display: inline;
}

.right {
    float: right;
}
.left {
    float: left;
}

/******************************************************************************
 * Table                                                                      *
 ******************************************************************************/

.table-general
{
    color: inherit;
    background-color: black;
    border: 1px;
    border-spacing: 1px;
    width: 100%;
    font-size: smaller;
}

.table-xe
{
    color: inherit;
    background-color: white;
    border: 1px;
    border-spacing: 1px;
    width: 100%;
    font-size: smaller;
}

.table-offer
{
    color: inherit;
    background-color: white;
    border: 1px;
    border-spacing: 1px;
    font-size: smaller;
    text-align: center;
}

.row-header
{
    color: #0000ff;
    font-family: Helvetica, Gill, Arial, sans-serif;
    background-color: transparent;
    vertical-align: top;
}

.row-sub-header
{
    color: #0000ff;
    font-family: Helvetica, Gill, Arial, sans-serif;
    background-color: transparent;
    vertical-align: top;
}

.cell-header
{
    color: white;
    background-color: red;
    font-weight: bolder;
    padding: 2px 0 2px 4px;
}

.cell-sub-header
{
    color: #0000ff;
    background-color: white;
    padding: 0 0 0 4px;
}

.cell-sub-header-img
{
    color: #0000ff;
    background-color: white;
    padding: 0px 0px 0px 4px;
    width: 90px;
}

.cell-detail
{
    color: white;
    background-color: red;
    vertical-align: top;
    padding: 2px 2px 2px 10px;
    width: 150px;
}

.cell-info-detail
{
    color: #0000ff;
    font-family: Helvetica, Gill, Arial, sans-serif;
    background-color: white;
    padding: 2px 2px 2px 10px;
}

.cell-info-title
{
    color: inherit;
    background-color: #eeeeee;
    padding: 0 0 0 4px;
    width: 200px;
}

.cell-img
{
    color: #0000ff;
    background-color: white;
    vertical-align: top;
    padding: 4px;
    width: 90px;
}
.cell-img-tn
{
    background-color: white;
    vertical-align: top;
    padding: 4px;
}

.cell-spacer
{
    background-color: red;
    width: 4px;
}


/******************************************************************************
 * printable styles                                                           *
 ******************************************************************************/

.table-printheader
{
    color: inherit;
    background-color: white;
    border: 0px;
    border-spacing: 1px;
    width: 800px;
}

.print_head
{
    color: #000066;
    font-size: large;
    font-weight: bold;
}

.print-detail-left
{
    color: black;
    vertical-align: top;
    padding: 2px 2px 2px 10px;
    width: 150px;
}
.print-detail-right
{
    color: #000066;
    vertical-align: top;
}

/******************************************************************************
 * phpMyEdit styles                                                           *
 ******************************************************************************/

.pme-main
{
    color: black;
    background-color: gray;
    border: 1px;
    vertical-align: top;
}

.pme-sortinfo, .pme-queryinfo
{
    color: inherit;
    background-color: white;
    vertical-align: top;
}

.pme-filter
{
    color: inherit;
    background-color: white;
    vertical-align: top;
}

.pme-header
{
    color: inherit;
    background-color: #yellow;
    font-weight: bolder;
}

.pme-sortinfo
{
    color: black;
    background-color: white;
}

.pme-row-0, .pme-row-1
{
    color: inherit;
    background-color: white;
    font-family: courier, monospace;
    vertical-align: top;
}

.pme-navigation-1, .pme-navigation-0
{
    color: inherit;
    background-color: white;
}

.pme-cell-0, .pme-cell-1
{
    color: inherit;
    background-color: white;
    vertical-align: top;
}

.pme-hr
{
    width: 100%;
    height: 2pt;
    background-color: transparent;
    vertical-align: top;
}