/* v1.0  25/7/01 10:30am */

/* General tags: set font and size, optional bold; create margins; specific help link tag */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

body {
/*background-color: #036;*/
margin: 0px;
font-size: 0.8em;
}

td, form {
color: #FFF;
}

.indent {
margin-left: 10px;
}

.margin {
margin: 0px 0px 10px 20px;
}

.contentmargin {
width: 600px;
margin: 0px 20px;
}

.bold {
font-weight: bold;
}

.onecol {
width: 270px;
}

/* Page Head styles: state the purpose of the screen */

.pagehead {
height: 65px;
vertical-align: bottom;
background-color: #FFF;
}

.phtitle {
background-color: #FFF;
font-size: 2em;
font-weight: bold;
color: #036;
}

.phbold {
background-color: #FFF;
font-weight: bold;
color: #036;
font-size: 1.5em;
}

.phtext {
background-color: #FFF;
color: #036;
font-size: 1.2em;
}

/* Breadcrumb trail: provide feedback on tasks completed & tasks to complete */

.breadcrumb {
height: 20px;
background-color: #69C;
}

.bcactive {
background-color: #69C;
color: #FFF;
font-weight: bold;
padding-right: 5px;
vertical-align: middle;
}

.bcdone {
background-color: #69C;
color: #036;
margin-right: 5px;
vertical-align: middle;
}

.bctodo {
background-color: #69C;
margin-right: 5px;
color: #369;
vertical-align: middle;
}

/* Dots Separator: splits the information section from the task section */

.dots{
background-image: url(/admin/images/dots.gif);
height: 24px;
}

/* Task: the main purpose of the screen*/

.task {
background-color: #036;
color: #FFF;
}

.minitext {
font-size: 0.8em;
}


.minitask {
background-color: #13497F;
color: #C7D4E1;
width: 270px;
padding: 10px 25px;
font-weight: bold;
font-size: 0.85em;
}

table.minitask {
background-color: #13497F;
color: #C7D4E1;
width: 270px;
padding: 10px 25px;
font-weight: bold;
font-size: 11px;
}

.drawbox {
border: 1px solid #369;
color: #FFF;
}

/* Form Elements: */
input.textlong, textarea.textlong  {
margin: 3px 0px 10px 0px;
width: 250px;
color: #000;
}

input.textextralong, textarea.textextralong  {
margin: 3px 0px 10px 0px;
width: 394px;
color: #000;
}

input.textshort {
margin: 3px 0px 10px 0px;
width: 170px;
color: #000;
}

input.day {
margin: 3px 0px 10px 0px;
width: 20px;
color: #000;
}

input.year {
margin: 3px 0px 10px 0px;
width: 35px;
color: #000;
}

input.checkradio {
margin: 0px 5px 0px 0px;
padding-left: 0px;
color: #000;
}

select {
margin: 3px 0px 10px 0px;
width: 170px;
color: #000;
}

select.long
{
margin: 3px 0px 10px;
width: 250px;
color: #000;
}

select.extralong
{
margin: 3px 0px 10px;
width: 400px;
color: #000;
}

select.extraextralong
{
margin: 3px 0px 10px;
width: 600px;
color: #000;
}

select.short {
margin: 3px 0px 10px 0px;
width: 90px;
color: #000;
}

select.freesize {
margin: 3px 0px 10px 0px;
width: 80%;
}

.label {
color: #FFF;
font-weight: bold;
margin: 0px 0px 3px;
}

/* alternate result rows */

.odd {
background-color: #13497F;
color: #FFF;
vertical-align: top;
}

.even {
background-color: #036;
color: #FFF;
vertical-align: top;
}

/* buttons */

.activebtn {
border: #FFF 2px outset; 
background-color: #69C;
color: #FFF;
width: 80px;
margin: 0px 5px 0px 0px;
}

.activebtn_nowidth {
border: #FFF 2px outset; 
background-color: #69C;
color: #FFF;
margin: 0px 5px 0px 0px;
}

.activebtnhighlight {
border: #FFF 2px outset; 
background-color: #c66;
color: #FFF;
width: 90px;
margin: 0px 5px 0px 0px;
}


.inactivebtn {
border: #369 2px outset;
background-color: #369;
color: #036;
width: 80px;
margin: 0px 1px;
}

.activebtnlong {
border: #FFF 2px outset; 
background-color: #69C;
color: #FFF;
width: 165px;
margin: 0px 5px 0px 0px;
}

/* links */

a, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF
}

/* new design */
.user 
{ 
font-size: 10px; color: #000000
}

.smallTxt 
{ 
font-size: 10px; color: #ffffff
}

.small 
{ 
font-size: 10px; 
color: #BFE8FF; 
}

.footer
{ 
color: #000000
}

.smallfooter
{ 
font-size: 10px; 
font-weight: bold;
color: #000000
}

.subSection 
{ 
font-size: 16px; color: #99CCFF; font-weight: bold;
}

a.small:link { 
font-size: 10px; 
color: #BFE8FF; 
}

a.small:active { 
font-size: 10px; 
color: #BFE8FF; 
}

a.small:visited { 
font-size: 10px; 
color: #BFE8FF; 
}

a.dark:link { 
font-size: 12px; 
color: #003366; 
}

a.dark:active { 
font-size: 12px; 
color:  #003366; 
}

a.dark:visited { 
font-size: 12px; 
color:  #003366; 
}	

a.subSection:link {
font-size: 16px;
color: #99CCFF;
font-weight: bold;
text-decoration : none;
}

a.subSection:active {
font-size: 16px;
color: #99CCFF;
font-weight: bold;
text-decoration : none;
}

a.subSection:visited {
font-size: 16px;
color: #99CCFF;
font-weight: bold;
text-decoration : none;
}

a.noDecoration:link {
text-decoration : none;
}	

a.noDecoration:active {
text-decoration : none;
}	

a.noDecoration:visited {
text-decoration : none;
}	

.configinfo {
	font-size: 8pt;
	color: black;
}

.error {
color:red;
}

.warning {
color:yellow;
}

/* booking calendar */
/* 
Boots green: 339999
Wizard light blue: 277AB0
Wizard medium blue: 3B2182
Wizard dark blue: 341A5B
*/
.morningbooked {
background-color: #277AB0;
color: #FFF;
vertical-align: top;
}

.eveningbooked {
background-color: #339999;
color: #FFF;
vertical-align: top;
}

.notbooked {
background-color: #341A5B;
color: #FFF;
vertical-align: top;
}

.tentative {
background-color: #0000FF;
color: #FFF;
vertical-align: top;
font-size: 1px;
}

.open {
background-color: #00FF00;
color: #FFF;
vertical-align: top;
font-size: 1px;
}

.nothing {
background-color: #341A5B;
color: #FFF;
vertical-align: top;
font-size: 1px;
}

.bookingspacerrow {
font-size: 1px;
}

/* end booking calendar */

a.tableedit, a.tableedit:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #6FF;
text-decoration: none;
}

a.tableedit:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #6FF;
text-decoration: underline;
}