﻿.bookingform_label
{
	width: 150px;
	text-align: right;
}

.bookingform_label_top
{
	width: 150px;
	text-align: right;
	vertical-align: top;
}

.bookingform_label_required
{
	width: 150px;
	text-align: right;
	font-weight: bold;
}

.bookingform_control
{
	width: 300px;
}

.bookingform_textbox
{
	width: 170px;
}

.failuretext
{
	font-size: 0.9em;
	color: red;
}

.table_report_overview
{
	width: 350px;
	border-right: green thin solid;
	border-top: green thin solid;
	border-left: green thin solid;
	border-bottom: green thin solid;
	border-collapse: separate;
}


.divLogin {
 font-size: 1em;
 width: 173px;
 float: right;
}


.divRightColumn {
 float: right;
 width: 173px;
 padding: 0.5em 0.5em 0.5em 0.5em;
}

.divLoginPublic {
 background-color: #fffbd6;
 color: #000; 
 width: 173px;
 padding: 0.5em 0.5em 0.5em 0.5em;
}

.divLoginPublicWhite {
 float: right;
 background-color: #ffffff;
 color: #000; 
 width: 173px;
}

.divCalendar {
 width: 23em;
 padding: 0.5em 0.5em 0.5em 0.5em;
}

.divGrid {
 width: 24em;
}

.divIntroductionOperator {
 width: 398px;
 padding: 0.5em 0.5em 0.5em 0.5em;
}

.divIntroduction {
 width: 390px;
 padding: 0.5em 0.5em 0.5em 0.5em;
}

.divContent {
 width: 45em;
 padding: 1em 0.5em 0.5em 0.5em;
}

.calBooking {
 width: 23em;
 color: Gray;
 font-size: small;
}

.topbar {
 width: 100%;
 padding: 0 0 0 0;
 margin: 0.6em 0 0 0;
}

.topbar h3{
 width:9em;
 float: left;
}

.topbarPrint {
 width: 65%;
 padding: 0 0 0 0;
 margin: 0.6em 0 0 0;
}

.topbarPrint h2{
 width:9em;
 float: left;
}

.logintextrightaligned {
 float: right;
}

.errortext {
 color: Red;
 text-align: right;
}

/* CSS Tabs */
.navcontainer {
        margin: 10px 0 0 1em;
        height: 20px;
}

.navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

.navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

.navcontainer ul li a {
        background: #fff;
        width: 8em;
        height: 18px;
        border-top: 1px solid #f5d7b4;
        border-left: 1px solid #f5d7b4;
        border-bottom: 1px solid #f5d7b4;
        border-right: 1px solid #f5d7b4;
        padding: 0;
        margin: 0 0 0px 0;
        color: blue;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 14px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.navcontainer ul li a:hover {
        color: #930;
        background: #f5d7b4;

}

.navcontainer a:active {
        background: red;
        color: #fff;
}

.navcontainer li#active a {
        background: #c60;
        border: 1px solid #c60;
        color: #fff;
}

.LeftMarginRel {
        margin: 0px 0px 0px 1em;
        padding: 20px;
        height: 200px;
        font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
        background-color:#fffbd6;
        border-top: 1px solid #f5d7b4;
        border-left: 1px solid #f5d7b4;
        border-bottom: 1px solid #f5d7b4;
        border-right: 1px solid #f5d7b4;
        width: 800px;
}

.tReportDetail
{
	width: 960px;
	border-collapse: collapse;
 empty-cells: show;
}

.tReportDetail th
{
	border: 2px solid #000;
}

.tReportDetail td
{
	border: 1px solid #000;
}

.tReportDetail td.cellcenter
{
	text-align: center;
}

printreport_detail_title
{
	font-size: large;
	font-weight: bold;
	text-align: center;
	background-color: Lime;
}

link_amend
{
 font-size: x-small;
 text-decoration: none;
}