.pageTitle {
   font-family: Verdana;
   font-size: x-large;
   font-weight: bold;
   color: #005FA9;
}
.tabOn {
   display: block;
   background-color: #E0F4F8;
}
.tabOff {
   display: none;
}
.tabOn2 {
   display: block;
   background-color: white;
}
.tabOff2 {
   display: none;
}
.detail {
   height: 200px;
}
.detailTable{
  top: 240px;
  right: 50px;
  width: 320px;
  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
.panel {
   background-color: red;
}
.panelTitle {
   font-family: Verdana; 
   font-size: 11px;
   font-weight: bold;

}
.label {
   font-family: Verdana; 
   font-size: 11px;
   text-align: right;
}


.displayText {
   font-family: Verdana; 
   font-size: 11px;
}

.displayDashboardText {
   font-family: Verdana; 
   font-size: x-small;
}

.displayTextCenter {
   font-family: Verdana; 
   font-size: 11px;
   text-align: center;
}
.displayNum {
   font-family: Verdana; 
   font-size: 11px;
   text-align: right;
}
.labelBold {
   font-weight: bold;
   font-family: Verdana; 
   font-size: 11px;
   text-align: right;
}

.mainMenu {
   font-family: Verdana;
   font-size: 11px;
   background-color: red;
   height: 20px;
   vertical-align: top;
}

.mainMenu ul {
   list-style: none;
   text-align: center;
}

.mainMenu li {
   float: left;
   width: 90px;
   color: white;
   background-color: red;
   
}

.mainMenu a {
   color: white;
}

.mainSubmenu {
   font-family: Verdana;
   font-size: x-small;
   font-weight: bold;
   background-color: black;
}

.mainSubmenu ul {
   list-style: none;
   text-align: center;
}

.mainSubmenu li {
   float: left;
   width: 120px;
   height: 15px;
   color: white;
   background-color: black;
}

.mainSubmenu a {
   color: white;
}

.panelMenu {
  background-color: #E0F4F8;
  font-family: Verdana;
  height: 100px;
  width: 225px;
  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}


.panelMenu a {
  font-size: small;
  color: #00A0C6;
  font-weight: bold;
}

.panelMenu div {
  font-size: small;
}

.panelMenu a:hover {
  color: black;
  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}


.panelMenu span {
  font-size: small;
}

.setupMenu {
  font-family: Verdana;
  width: 200px;
  vertical-align: top;
  float: left;
}

.setupMenu a {
  font-size: small;
  color: black;
  font-weight: bold;
}

.help {
  font-family: Verdana;
  font-size: x-small;
}

.help a {
  color: red;
  font-size: x-small;
}


.menu {
   font-family: Verdana; 
   font-size: x-small;
}

.subMenuPanel {
   text-decoration: none;
   vertical-align: top;
   background-color: #EAEAEA;
}
.submenu {
   font-family: Verdana; 
   font-size: x-small;
}

.menu:hover, .submenu:hover {
   font-weight: bold;
}


.logo {
  width: 120px;
  float: left;
  vertical-align: top;
}

.applicationTitle{
  font-family: Verdana;
  font-size: x-large;
  font-weight: bold;
  vertical-align: top;
  width: 420px;
  float: left;
}

.applicationHeader {
  height: 80px;
}


.sidebar {
  background-color: lightblue;
  width: 150px;
  vertical-align: top;
}

.sidebarMenu ul {
  list-style: none;
  font-family: Verdana;
  font-size: small;
}

.sidebarMenu li {
        width: 125px;
        text-decoration: none;
		background-color: expression('#E0F4F8',
        this.onmouseover = function() { this.runtimeStyle.color = '#00A0C6'; },
		this.onmouseout = function() { this.runtimeStyle.color = 'black';},
        this.onmouseclick = function() { this.runtimeStyle.color = '#FF7800 '; });
}

.body {
  width: 800px;
}

.footer{
  font-family: Verdana;
  font-size: xx-small;
}

.home {
  background-image: url('/groups/images/home-small.jpg');
  background-repeat: no-repeat;
  height: 300px;
}

.parties {
  background-image: url('/groups/images/parties-small.jpg');
  background-repeat: no-repeat;
  height: 300px;
}

.opportunities{
  background-image: url('/groups/images/sf1_promenadedeck_large.jpg');
  background-repeat: no-repeat;
  height: 300px;
}

.packages {
  background-image: url('/groups/images/img-sailaway.jpg');
  background-repeat: no-repeat;
  height: 300px;
}

.reservations {
  background-image: url('/groups/images/title_ticketdelivery_btmpic.gif');
  background-repeat: no-repeat;
  height: 300px;
}

.search1 {
  font-family: Verdana;
  font-size: xx-small;
  font-weight: bold;
  background-color: #E0F4F8;
  top: 222px;
  right: 50px;
  width: 320px;
  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
.search {
  font-family: Verdana;
  font-size: xx-small;
  font-weight: bold;
  background-color: #E0F4F8;
  }
  
  .searchText {
  font-family: Verdana;
  font-size: xx-small;
  }
.hitlist {
  font-family: Verdana;
  font-size: x-small;
  font-weight: bold;
  background-color: #E0F4F8;
  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
  top: 300px;
  right: 100px;
}

.hitlist .heading {
  color: white;
  background-color: #00A0C6;
}


.hitlist .item1 {
  background-color: #E0F4F8;
  font-weight: normal;
}

.hitlist .item2 {
  background-color: #CBE9F8;
  font-weight: normal;
}

.hitlist .item1 a, .hitlist .item2 a {
  color: #00A0C6;
}

.hitlist .item1 a:hover, .hitlist .item2 a:hover {
  color: black;
}

.hitlist .pagenav {
  background-color: #00A0C6;
  color: white;
  font-size: xx-small;
  font-weight: bold;
}

.hitlist .pagenav a {
  color: white;
}
.subMenuCyan{
   font-family: Verdana;
   font-size: x-small;
   font-weight: bold;
   background-color: #F0F0F0;
}
.subMenuCyan ul {
   list-style: none;
   text-align: center;
}

.subMenuCyan li {
   float: left;
   width: 120px;
   height: 15px;
   color: white;
   background-color: #F0F0F0;
}

.subMenuCyan a {
   color: white;
   
}
.tableFill {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #005FA9;
	color: white;
	text-align: center;
	font-weight: Bold;
}
.tableTextEntries {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

.tableTextEntriesCenter {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

.tableTextEntriesGrey {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	background-color: #F4F3EF;
}

.tableTextOver {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	background-color: #FF0000;
}

.tableTextBreak {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	background-color: #CCFF00;
}


.tableTextLunch {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	background-color: #00CCFF;
}


.tableTextOnCall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	background-color: #00FF00;
}

.tableLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.subTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	color: #FF1634;
}
.tableNumEntries {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}
.tableNumEntriesGrey {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	background-color: #F4F3EF
}

.floater {
	background-color: #33CCFF;
}

.user {
  font-size: xx-small;
  font-weight: normal;
}	

.likebody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.userRed {
  font-size: x-small;
  font-weight: bold;
  color: red;
}	
.userNavs {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  text-align: right;
}	

.userNavs2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  text-align: left;
}	

.yellow{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #FFF0C5;
  color: #FF0000;
}

.side {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #003333;
	color: #EAEAEA;
	text-align: center;
	font-weight: Bold;
}

.dashboardTableDate {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFF99;
	color: black;
	text-align: center;
	font-weight: Bold;
}
.dashboardTableHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #FFFF99;
	color: black;
	text-align: left;
	font-weight: Bold;
}

.dashboardTableHeaderDisplay {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #EAEAEA;
	color: black;
	text-align: left;
	font-weight: Bold;
}

.dashboardTableSubHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: lightBlue;
	color: black;
	text-align: center;
	font-weight: Bold;
}

.dashboardTableSubHeaderLeft {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: lightBlue;
	color: black;
	text-align: left;
	font-weight: Bold;
}

.sidebarTable{
    text-align: center;
	width: 125px;
}

.tableBorder {
	border: 1px solid black;
    top:  225px;
    right: 818px;
}

.subHeader {
  background:#005FA9;
  color: white;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.dashboardBorder {
	border: 1px solid black;
	height: 10px;
	width:  265px;
}

.dashboardTablePosition {
	vertical-align: top;
}

.footerText{
	font-family: Verdana;
	font-size: xx-small;
    top:  600px;
    left: 30px;
}

#ContactInfoAddIFrame {
  position: absolute;
  top: 200px;
  left: 200px;
  height: 400px;
  width: 600px;
  z-index: 10;
}

#ContactInfoEditIFrame {
  position: absolute;
  top: 200px;
  left: 200px;
  height: 400px;
  width: 600px;
  z-index: 11;
}

#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #005FA9;
  border-right: 1px solid #005FA9;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #005FA9;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #005FA9;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #005FA9;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}


.underline {
  align: center;
  background-color: #FFFFFF;
  layer-background-color: #FFFFFF;
  border: 1px none #000000;
  border-bottom: 1px solid black;
}