/* DEFAULTS */
BODY, TEXTAREA, H1, H2, H3, H4 {margin: 0; padding: 0; color: #585858}
 
BODY {	font: 85%/1.6 Corbel, Arial, Helvetica, sans-serif; background: #7daff5 url(pagebg.gif) repeat-x top left; line-height: 1.5}



.hide {display: none}

A {	COLOR: #005FF3; TEXT-DECORATION: none}
A:visited {	COLOR: #005FF3;}
A:hover {	COLOR: #FF9B0B; TEXT-DECORATION: underline}
A:active {	COLOR: #FF9B0B;}

H1, H2, H3, H4 {font-weight: normal; margin: 0; padding: 0; font-style: normal;}
H1 {font-size: 1.6em; letter-spacing: 2px; padding: 0 0 2px 0; margin: 0; color: #585858}
H2 {font-size: 1.4em; letter-spacing: 1px; padding: 0 0 2px 0; margin: 0; color: #585858}
H3 {font-size: 1.2em; letter-spacing: 1px; padding: 0 0 2px 0; margin: 0; color: #585858}






/*STRUCTURE */
#header {width: 980px; margin: 10px auto 0 auto; height: 142px; background: #ccc url(topImage1.jpg) no-repeat top left }
#menu{width: 980px; margin: 0px auto; height: 28px; background: #ddd url(menuBg.gif) repeat-x }
#logBar {width: 980px; margin: 0px auto; height: 28px; background: #fff;  line-height: 28px; font-size: 1.1em; position: relative; border-bottom: 1px solid #0078C6}

#container{
  background-color:#fff;
  overflow:hidden;
  width:980px;
  margin: 0 auto;
}
#content{
  background-color:#fff;
  width:800px;
  border-right:180px solid #eee;
  /* The width and color of the rail */
  margin-right:-180px; /* Hat tip to Ryan Brill */
  float:left;
}
#sideBarR{
  background-color:#eee;
  width:180px;
  float:left;
}

#sideBarR h1 {font-size: 1.2em; letter-spacing: 1px;}
#sideBarR .innerContent {line-height: 1.2}
#footer {width: 980px; margin: 0 auto 35px auto; background: #293340; border-top: 1px solid #b0b0b0; height: 28px; color: #fff; line-height: 28px;}

/*Design */
.innerContent {padding: 10px}

#footer .innerContent {padding: 0 10px 0 10px}

#menu ul {list-style-type: none; margin: 0; padding: 0; xborder-top: 1px solid #7DAFF5}
#menu ul li {margin: 0 1px 0 0px; padding: 0; float: left}
#menu ul li a {display: block; color: #fff; height: 28px; width: 97px; background: #bbb url(menuBg.gif) repeat-x; line-height: 28px; text-align: center}
#menu ul li a:hover {background: #ddd url(menuBgHover.gif) repeat-x}

#logBar #dateTime {position: absolute; left: 10px; width: 300px; }
#logBar #login {position: absolute; right: 10px; width: 400px; text-align: right; }
#logBar #messages {}



.calendarPicker {background: url(calendarIcons.gif);height: 21px; width: 19px; display: block; margin-left: 5px; text-indent: -9989px}
.calendarPicker:hover {background-position: -19px 0}
/*Booking View Selection Table */
#newBooking {margin-top: 15px}
#bookingSelector {width: 800px; margin-top: 0; padding-top: 0}
#bookingSelector td, #newBooking td, #acStatus td {padding: 2px 4px}
#bookingSelector p {margin: 15px 0 0px 0}
#bookingSelector select, #newBooking select {font-family: Corbel, Arial, Helvetica, sans-serif; font-size: 0.9em; margin-left: 10px }
#newBooking select {margin-left: 0}
.smallTextInput {width: 100px}
.largeTextInput {width: 250px}

#viewControl {margin: 0; padding: 0}

#bookingsView {}
#bookingsView tr.even, .even {background: #efefef}
#bookingsView tr.odd {background: #fff}

span.unread, span.read { background: url(readunread.png) no-repeat; width: 15px; height: 22px; display: block; margin-left: 3px; margin-right: 3px}
tr.even .unread {background-position: -15px 0;}
tr.even .read {background-position: 0 0}
tr.odd .unread {background-position: -15px -22px}
tr.odd .read {background-position: 0 -22px}

a.read {color: #999999}
a.read:hover {COLOR: #FF9B0B;}

#messages td {border-bottom: 1px solid #ccc; padding-top: 2px; padding-bottom: 1px}


#bookingsView tr td {padding-top: 5px; padding-left: 3px; padding-right: 3px}
#bookingsView tr.ruleoff td {border-bottom: 1px solid #ccc; font-size: 0.9em; padding-top: 0; padding-bottom: 5px;}
#bookingsView table {border-top: 1px solid #ccc; margin-top: 15px}
#bookingsView .indent {padding-left: 25px}
#bookingsView .myBooking {color: darkblue}
#bookingsView .comments {font-style: italic;line-height: 1.2; font-size: 0.8em}

.Servicable, .servicable {display: block; height: 22px; width: 24px; text-indent: -999px; overflow: hidden; background: url(acStatusStack.gif) no-repeat 0 0}
.Warning, .warning {display: block; height: 22px; width: 24px; text-indent: -999px; overflow: hidden; background: url(acStatusStack.gif) no-repeat -24px 0}
.Unservicable, .unservicable {display: block; height: 22px; width: 24px; text-indent: -999px; overflow: hidden; background: url(acStatusStack.gif) no-repeat -48px 0}


#notices h1 {text-align: center}
#notices dl {margin: 10px 0 0 0}
#notices dt {text-align: center}
.noticePriority5, .redText {color: #990000}
.noticePriority10 {color: #990000}
.noticePriority20 {color: #585858}
.noticePriority30 {color: #336633}
.noticePriority40 {color: #336633}
#notices dd {text-align: center; margin: 0;font-size: 0.9em;}

#loginform input {font-size: 0.9em}
#loginform #username {width: 152px}
#loginform #password {width: 120px}
#loginform .button {width: 60px; font-size: 1em; margin-top: 5px}

#memberform input {width: 350px}

h1 span {font-size: 0.8em; letter-spacing: normal}

.userPoke {background-color: #FFFFCC; padding: 2px 3px 2px 5px}
.highlight {background-color: #FFFFCC;}