/*//////////// WEBRES START /////////////////*/

BODY {
	margin: 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica;
	background-color: #10283C;
}
table {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-size: 11px;
border-collapse: collapse;
}

td.resourceName {
    font-family: Arial, sans-serif;
    border: 1px solid white;
    background-color: #081B7A;
	font-size: xx-small;
    color: white;

}
td.resourceAvail {
    font-family: Arial, sans-serif;
    border: 1px solid white ;
    background-color: #E1BEBE ;
    color: white;
    font-size: xx-small;
}
td.resourceUnavail {
    font-family: Arial, sans-serif;
    border: 1px solid white;
    background-color: #6984AC;
	font-size: xx-small
}
th.resource {
    font-family: sans-serif;
    text-align: left;
    background-color: #10283C;
    color: white;
    font-size: xx-small;
	font-weight: normal;
}
th.navbar {
    color: white;
    background-color: #10283C;
    text-align: left;
    font-size: xx-small;
	font-weight: normal}
th.navbar a:link {color: #ffffff}
th.navbar a:active {color: #ffffff}
th.navbar a:visited {color: #ffffff}
table.list {border-collapse: collapse}

.required {color: red; font-size: xx-small; font-weight:bold}
.inLineVal {color: red; font-size: xx-small;}

FORM INPUT,
FORM TEXTAREA,
FORM SELECT,
FORM BUTTON {Font-size:9px}

.caption { 
    color: gray;
    font-size:10px;
    text-align: right;
}

.submit
{ 
    color: gray;
    font-size:9px;
    text-align: right;
}

td.component
{
    color: black;
    font-size:9px;
    text-align: left;
    border: 1px solid gray;
}
td.booking
{
    color: gray;
    font-size:9px;
    text-align: left;
/*    border: 1px solid gray;*/
}
td.componentTotal
{
    color: black;
    font-size:10px;
    text-align: right;
    border: 1px solid gray;
    font-weight: bold;
}
th.component,
th.booking,
td.day{
    color: white;
    background-color: #10283C;
    font-size: 9px;
    border: 1px solid gray;
    text-align:left;
}

td.month,
td.day{
    color: white;
    background-color: #10283C;
    font-size: 9px;
    border: 1px solid gray;
}

.available
{
    background-color:lightblue;
    border: 1px solid gray;
    text-align: center;
}
.unavailable
{
    background-color: white;
    border: 1px solid gray;
    text-align: center;
}
.wideform {
    width: 35ex;
}
.xwideform {
    width: 50ex;
}
.narrowform {
    width: 10ex;
}
.value {
    color:black;
    text-align: left;
    font-size: 9px;
}
.packageBorder {
	background-color: #FFFFFF;
	border: 1px solid #930e11;
	background-position: center center;
}
