/*
*****************************************************************************
 * Author: Jason David Cartwright                                             *
 * Copyright: 2004 (c) Jason Cartwright, www.worldwydeweb.com                 *
 * Contact: webmaster@worldwydeweb.com.com                                    *
 ******************************************************************************/

.adminmenuheader
{
    font-size:10pt;
    background-color:#336699;

    font-weight:bold;
   
}

.adminmenu {
    font-size:10pt;
    background-color:#FFFFCC;
    
}

.submenuheader
{
    font-size:10pt;
    background-color:#336699;
    font-weight:bold;
    color: white;
    padding: 2px 2px 2px 4px;
}

.submenu {
    font-size:10pt;
    background-color:#FFFFCC;
    font-style: verdana;
    padding: 2px 2px 2px 4px;
}

a {
    text-decoration: none;
    color: #0e0f0e;
}

a:hover
{
    CURSOR: pointer;
    color: #990000;
}

a.print-friend
{
    font-size: smaller;
}

.menued {
    font-style: verdana;
    color: #0e0f0e;
}

.menueh {
    color: white;
}

a:hover .menued
{
    color: #990000;
    border-bottom-color: #990000;
    border-bottom-style:dashed;
    border-bottom-width:1px;

}

a:hover .menueh
{
    color:#FFFFCC;
    border-bottom-color:#FFFFCC;
    border-bottom-style:dashed;
    border-bottom-width:1px;

}

a:hover .imghover
{
    border-color: #990000;
}

a:hover .imghover-inline
{
    border-color: #990000;
}

a:hover .currency
{
	color: yellow;
	background-color: white;
}

    body
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background-image: url(../image/bg.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .plain-body
    {
        background-image: url(../image/spacer.gif);
    }

    p {
        margin-top:0px;
        margin-bottom:10px;
        padding:0px 20px 0px 20px;
        font-size: smaller;
        }

    .currency
    {
        color: white;
    }

    .spec-text
    {
        font-weight: bolder;
        font-size: smaller;
    }

    .foot-text { font-size: x-small; }

    .error-text { color: red; }

    #content
    {
    	margin-right: 6px;
    	margin-left: 6px;
    	margin-top: 10px;
    	padding-bottom: 10px;
    	background: transparent;
    	text-align: left;
    	min-width: 400px;
    	max-width: 1000px;
    	border-color: transparent;
    	border-style: none;
    }

    #menuheader {
        font-weight:bolder;
        background-color: #336699;
        color: white;
        margin-bottom:1px;
        }

    #menucontent {
        background-color: white;
        color: black;
        margin-bottom:6px;
        text-align:left;
        }

    .menus {
        border:1px solid black;
        padding:6px;
        text-align:left;
        }

    #menu {
        width:160px;
        padding:0px;
        font-size: smaller;
        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 transparent;
        margin-top: -10px;
        margin-right: -6px;
        margin-left: -14px;
        margin-bottom: 10px;
        text-align: right;
        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-position: left top;
        background-image: url(../image/bgtop.jpg);
}


/******************************************************************************
 * Text                                                                       *
 ******************************************************************************/


fieldset {
    color : black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: white;
}

.pagetext-header {
    color:#336699;
    font-weight:bold;
    font-size:smaller;
}

/******************************************************************************
 * Image                                                                      *
 ******************************************************************************/

img
{
    display: block;
}

.inline
{
    display: inline;
}

.imghover
{
    border: 2px;
    border-color: white;
    border-style: solid;
    display: block;
}

.imghover-inline
{
    border: 2px;
    border-color: white;
    border-style: solid;
    display: inline;
}

.right {
    float: right;
}
.left {
    float: left;
}

/******************************************************************************
 * Table                                                                      *
 ******************************************************************************/


.table-listing
{
    color: inherit;
    background-color: #336699;
    border: 1px #336699;
    font-size: smaller;
}

.table-general
{
    color: inherit;
    background-color: black;
    border: 1px;
    font-size: smaller;
    border-spacing: 1px;
    width: 100%;
}

.table-title
{
    color: inherit;
    background-color: transparent;
    border: 0px;
    border-spacing: 1px;
}

.table-wrapper
{
    color: inherit;
    background-color: transparent;
    border: 0px;
    vertical-align: top;
}

.table-xe
{
    color: inherit;
    background-color: white;
    border: 1px;
    border-spacing: 1px;
    width: 100%;
    font-size: smaller;
}

.table-pagetext
{
    color: inherit;
    background-color: transparent;
    border: 1px;
    border-spacing: 1px;
    width: 600px;
    font-size: smaller;
}

.table-offer
{
    color: inherit;
    background-color: black;
    border: 1px;
    border-spacing: 1px;
    font-size: smaller;
    text-align: center;
}

.row-header
{
    color: white;
    font-family: Times, Serif;
    background-color: transparent;
    vertical-align: top;
}

.row-sub-header
{
    color: #336699;
    font-family: Times, Serif;
    background-color: transparent;
    vertical-align: top;
}

.cell-header
{
    color: white;
    background-color: #336699;
    font-weight: bolder;
    padding: 2px 0 2px 4px;
}

.cell-header-price
{
	color: white;
	background-color: #336699;
	font-weight: bolder;
	padding: 2px 4px 2px 0px;
	text-align: right;
	min-width: 100px;
}

.cell-sub-header
{
    color: white;
    background-color: #990000;
    padding: 0 0 0 4px;
}

.cell-sub-header-img
{
    color: white;
    background-color: #990000;
    padding: 0px 0px 0px 4px;
    width: 90px;
}

.cell-detail
{
    color: white;
    background-color: #336699;
    vertical-align: top;
    padding: 2px 2px 2px 10px;
    width: 150px;
}

.cell-detail2
{
    color: #336699;
    background-color: #FFFFCC;
    vertical-align: top;
    padding: 2px 2px 2px 10px;
    width: 150px;
}

.cell-info-detail
{
    color: black;
    font-family: Times, Serif;
    background-color: white;
    padding: 2px 2px 2px 10px;
}

.cell-info-booked
{
    color: white;
    font-family: Times, Serif;
    background-color: red;
    padding: 2px 2px 2px 10px;
    text-align: right;
}

.cell-info-unbooked
{
    color: black;
    font-family: Times, Serif;
    background-color:#FFFFCC;
    padding: 2px 2px 2px 10px;
    text-align: right;
}

.cell-info-cal
{
    color: black;
    font-family: Times, Serif;
    background-color: white;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
}

.cell-form-detail
{
    color: black;
    background-color: white;
}

.cell-img
{
    color: #0066ff;
    background-color: white;
    vertical-align: top;
    padding: 2px;
    width: 360px;
}
.cell-img-tn
{
    background-color: white;
    vertical-align: top;
    width: 130px;
}

.cell-imgs
{
    background-color: white;
    vertical-align: top;
}

.cell-glyphs
{
    background-color: white;
    vertical-align: middle;
	text-align: center;
}

.cell-imgs-intro
{
    background-color: transparent;
    vertical-align: top;
    width: 160px;
}

.cell-spacer
{
    background-color: white;
    width: 4px;
}

.cell-banner
{
    color: black;
    background-color: white;
    padding: 2px 2px 2px 10px;
    text-align: center;
}

.listhead
{
    font-weight: bolder;
    font-size: smaller;
    color: #990000;
}

.listbody
{
    font-size: smaller;
}

.cell-status-sub
{
    color: #336699;
    background-color: white;
    text-align: left;
}

.cell-status-number
{
    color: black;
    font-family: Monospace, Courier;
    background-color: white;
    text-align: right;
    font-size: larger;
    width:  100px;
}

.cell-status-number-sum
{
    color: #990000;
    font-family: Monospace, Courier;
    background-color: white;
    text-align: right;
    font-size: larger;
    font-weight: bolder;
    width:  100px;
}

.cell-vertalign
{
    vertical-align: top;
}

/******************************************************************************
 * printable styles                                                           *
 ******************************************************************************/

.table-printheader
{
    color: inherit;
    background-color: white;
    border: 0px;
    border-spacing: 1px;
    width: 800px;
}

.print_head
{
    color: #336699;
    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: #336699;
    vertical-align: top;
}

/******************************************************************************
 * date picker styles styles                                                  *
 ******************************************************************************/

.dpDiv {
	}

.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: black;
	background-color: white;
	border: 1px solid #336699;
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}

.dpTodayButtonTR {
	}

.dpTD {
	cursor: pointer;
	}

.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #336699;
	cursor: pointer;
	}

.dpTitleTD {
	}

.dpButtonTD {
	}

.dpTodayButtonTD {
	}

.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #336699;
	color: white;
	}

.dpTitleText {
	font-size: 12px;
	color: #336699;
	font-weight: bold;
	}

.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}

.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699;
	background: #FFFFCC;
	font-weight: bold;
	padding: 0px;
	}

.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699;
	background: #FFFFCC;
	font-weight: bold;
	}
