/* 
===============================================================================
BASIC ELEMENTS
===============================================================================
 */

a:active, a:link
{
  color: rgb(46,84,138);
  text-decoration: none;
}

a:visited
{
  color: rgb(36,107,36);
  text-decoration: none;
}

a:hover
{
  color: rgb(46,84,138);
  text-decoration: underline
}

body
{
  margin: 0px;
  font: 9pt Verdana, Arial;
  line-height: 14pt;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px
}

h1
{
  font-weight: bold;
  font-size: 16pt;
  color: rgb(46,84,138);
  font-family: Verdana, Arial;
  line-height: 18pt;
}

h2
{
  font-weight: bold;
  font-size: 13pt;
  color: rgb(46,84,138);
  font-family: Verdana, Arial;
  line-height: 15pt;
}

h3
{
  font-weight: bold;
  font-size: 11pt;
  color: rgb(46,84,138);
  font-family: Verdana, Arial;
  line-height: 12pt;
}

h4
{
  font-weight: bold;
  font-size: 10pt;
  color: rgb(46,84,138);
  font-family: Verdana, Arial;
  line-height: 11pt;
}

h5
{
  font-weight: bold;
  font-size: 8pt;
  color: rgb(46,84,138);
  font-family: Verdana, Arial;
  font-style: italic;
  line-height: 9pt;
}

input
{
  font-size: 9pt;
  font-family: Verdana, Arial;
}

pre
{
  font-size: 1em
}

select
{
  font-size: 9pt;
  font-family: Verdana, Arial;
}

td
{
  font-size: 9pt;
  color: rgb(0,0,0);
  font-family: Verdana, Arial;
  line-height: 14pt;
}

textarea
{
  font-size: 9pt;
  font-family: Verdana, Arial;
}
/* 
===============================================================================
ELEMENTS FOR MASTER TABLE CONTENT
===============================================================================
 */
table.MainContent
/* Table embedded in Master page table for main content */
{
	table-layout: fixed; 
	width: 1000px;
	border: 0px none;
}
td.MainContentNarrow
/* Left or right cell in the Master Page MainContent table*/
{
  vertical-align: top; 
  padding: 5px; 
  width: 200px;
}
td.MainContentMiddle
/* Middle cell in the Master Page MainContent table*/
{
  vertical-align: top; 
  padding: 5px;
}

/* 
===============================================================================
ELEMENTS FOR ADS
===============================================================================
 */
a.adBorder
/* Hyperlinks with ad images */
{
    display: block;
    text-decoration: none;
    border: 1px solid rgb(163,189,224);
}

/* 
===============================================================================
ELEMENTS FOR DATA LIST
===============================================================================
Table layouts
-------------------------------------------------------------------------------
 */
table.NoBorder590      
/* Tables shown in body (page middle column), 590px wide */
{
    table-layout: fixed;
    width: 590px;
    padding: 0px;
    border: 0px none;
}

table.NoBorder790      
/* Tables shown in admin pages (page middle/right columns), 790px wide */
{
    table-layout: fixed;
    width: 790px;
    padding: 0px;
    border: 0px none;
    border-collapse: collapse;
}

/*
===============================================================================
ELEMENTS FOR DATA ENTRY PAGE
===============================================================================
Layout for cells in entry form
-------------------------------------------------------------------------------
*/
td.EntryFormDividerCell      
/* Used as section dividers in forms */
{
    color: rgb(255,255,255);
    font-weight: bold;
    background-color: rgb(102,145,204);
    background-image: url(lightbluePanel24.jpg);
    background-repeat: repeat-x;
    height: 24px;
    vertical-align: middle;
    padding: 2px;
}
td.EntryFormLeadCell
/* Left column containing lead text */
{
    font-weight:bold;
    vertical-align:top;
}
/*
-------------------------------------------------------------------------------
Data entry controls layouts
-------------------------------------------------------------------------------
*/
td .EntryCheckbox
/* Check input controls */
{
    border: 0px none;
    line-height: 12pt;
}
td .EntryTextHistory
/* Multiple line input controls, used for showing editing history */
{
    font-family: inherit;
    font-size: 8pt;
    border: 0px none;
    line-height: 8pt;
}
td .EntryListbox
    /* Listbox input controls */
{
    border: 1px solid rgb(163,189,224);
}
td .EntryTextReadOnly
/* Read only Textbox */
{
    border: 1px solid rgb(192,192,192);
}
td .EntryTextMultipleLine
/* Multiple line input controls */
{
    border: 1px solid rgb(163,189,224);
    line-height: 12pt;
}
td .EntryTextSingleLine
/* Single line input controls */
{
    border: 1px solid rgb(163,189,224);
    line-height: 12pt;
    height: 20px;
}
td .EntryTextSingleLineAlignRight
/* Single line input controls - with right alignment of contents */
{
    border: 1px solid rgb(163,189,224);
    line-height: 12pt;
    height: 20px;
    text-align: right;
}
td .EntryTextSingleLineAlignRightReadOnly
/* Single line input controls - with right alignment of contents - read only */
{
    border: 1px solid rgb(192,192,192);
    line-height: 12pt;
    height: 20px;
    text-align: right;
}

/* 
===============================================================================
MINI MENU (appearing in top right hand corner of each page)
===============================================================================
*/
a.minimenu
{
    color: rgb(46,84,138);
    font-family: Verdana, Arial;
    font-weight: normal;
    font-size: 8pt;
    line-height: 8pt;
    text-decoration: none;
}
a.minimenu :hover
{
    color: rgb(46,84,138);
    text-decoration: underline
}
a.minimenu :active, a.minimenu :link, a.minimenu :visited
{
    color: rgb(46,84,138);
    text-decoration: none;
}

/* 
===============================================================================
BOOKING TABLE, including special descendant elements
Note: The table.Booking and table.Booking td.BookingCell are in sksAdmin.css and sksNormal.css
===============================================================================
 */

table.Booking td.BookingCell a.BookFree
    /* Link box containing a FREE timeslot */
{
    display: block;
    font-size: 8pt;
    line-height:8pt;
    color: rgb(0,0,0);
    background-color: rgb(255,255,255); 
    background-image: url(BookFree.jpg);
    border: 2px solid rgb(192,192,192);
    padding: 2px;
    overflow:hidden;
    white-space: nowrap;
    height: 100%;
    width: 100%;
}

table.Booking td.BookingCell a.BookMember
    /* Link box containing booking for either FIXED SAILING or CLIP SAILING timeslot */
{
    display: block;
    font-size: 8pt;
    line-height:8pt;
    color: rgb(0,0,0);
    background-color: rgb(196,120,195);
    background-image: url(BookMember.jpg);
    border: 2px solid rgb(127,0,127);
    padding: 2px;
    overflow:hidden;
    white-space: nowrap;
    height: 100%;
    width: 100%;
}

table.Booking td.BookingCell a.BookRace
    /* Link box containing booking for RACE timeslot */
{
    display: block;
    font-size: 8pt;
    line-height:8pt;
    color: rgb(255,255,255);
    background-color: rgb(243,244,106);
    background-image: url(BookRace.jpg);
    border: 2px solid rgb(230,230,0);
    padding: 2px;
    overflow:hidden;
    white-space: nowrap;
    height: 100%;
    width: 100%;
}

table.Booking td.BookingCell a.BookEvent
    /* Link box containing booking for EVENT timeslot */
{
    display: block;
    font-size: 8pt;
    line-height:8pt;
    color: rgb(255,255,255);
    background-color: rgb(111,187,113);
    background-image: url(BookEvent.jpg);
    border: 2px solid rgb(0,127,170);
    padding: 2px;
    overflow:hidden;
    white-space: nowrap;
    height: 100%;
    width: 100%;
}

table.Booking td.BookingCell a.BookMaintTrsp
    /* Link box containing booking for MAINTENANCE or TRANSPORT timeslot */
{
    display: block;
    font-size: 8pt;
    line-height:8pt;
    color: rgb(255,255,255);
    background-color: rgb(191,100,100);
    background-image: url(BookMaintTrsp.jpg);
    border: 2px solid rgb(127,0,0);
    padding: 2px;
    overflow:hidden;
    white-space: nowrap;
    height: 100%;
    width: 100%;
}

table.Booking td.BookingCell a.BookMeeting
    /* Link box containing booking for MEETING timeslot */
{
    display: block;
    font-size: 8pt;
    line-height:8pt;
    color: rgb(255,255,255);
    background-color: rgb(115,115,192);
    background-image: url(BookMeeting.jpg);
    border: 2px solid rgb(0,0,127);
    padding: 2px;
    overflow:hidden;
    white-space: nowrap;
    height: 100%;
    width: 100%;
}

table.Booking td.BookingCell a.BookSchool
    /* Link box containing booking for SCHOOL timeslot */
{
    display: block;
    font-size: 8pt;
    line-height:8pt;
    color: rgb(255,255,255);
    background-color: rgb(100,192,100);
    background-image: url(BookSchool.jpg);
    border: 2px solid rgb(0,127,0);
    padding: 2px;
    overflow:hidden;
    white-space: nowrap;
    height: 100%;
    width: 100%;
}

table.Booking td.BookingCell a:hover
{
    border: 2px solid black;
    text-decoration: none;
}


/* 
===============================================================================
CALENDAR TABLE, including special descendant elements
===============================================================================
 */

table.calendar                
{
    table-layout: fixed;
    padding: 0px;
   	border: 0 none;
	width: 790px;
	border-collapse: separate;
}

table.calendar td.Dayname    
    /* Day name header (weekday) in calendar */
{
    font-size: 8pt;
    font-weight: bold;
    line-height:8pt;
    color: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);
    height: 24px;
    background-image: url(bluePanel24.jpg);
    text-align: center;
}

table.calendar td.DaynameWeekend    
    /* Day name header (weekend) in calendar */
{
    font-size: 8pt;
    font-weight: bold;
    line-height:8pt;
    color: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);
    height: 24px;
    background-image: url(redPanel24.jpg);
    text-align: center;
}

table.calendar td.Day   
    /* Cells containing the event info (current month) */
{
    font-size: 8pt;
    line-height:8pt;
    border: 1px solid rgb(163,189,224);
    background-color: rgb(255,241,173);
    height: 100px;
    padding: 0px;
    vertical-align: top;
}

table.calendar td.DayOut   
    /* Cells containing the event info (not current month) */
{
    font-size: 8pt;
    line-height:8pt;
    border: 1px solid rgb(163,189,224);
    background-color: rgb(255,255,255);
    height: 100px;
    padding: 0px;
    vertical-align: top;
}

table.calendar td.Day span.Date  
    /* Date (current month) */
{
    display: block;
    width: 100%;
    height: 16px;
    font-size: 8pt;
    font-weight: bold;
    line-height:8pt;
    color: rgb(46,84,138);
    border-bottom: 1px solid rgb(46,84,138);
    background-color: rgb(224,233,245);
    text-align: center;
}

table.calendar td.DayOut span.DateOut  
    /* Date (not current month) */
{
    display: block;
    width: 100%;
    height: 16px;
    font-size: 8pt;
    font-weight: bold;
    line-height:8pt;
    color: rgb(154,154,152);
    border-bottom: 1px solid rgb(46,84,138);
    background-color: rgb(235,235,234);
    text-align: center;
}

table.calendar td.Day a.Event   
    /* Event (current month) */
{
    display: block;
    font-size: 8pt;
    line-height:8pt;
    border-bottom: 1px solid rgb(46,84,138);
    background-color: rgb(255,252,235);
    padding: 2px;
    overflow:hidden;
    white-space: nowrap;
    width: 100%;
}

table.calendar td.DayOut a.Event   
    /* Event (not current month) */
{
    display: block;
    font-size: 8pt;
    line-height:8pt;
    border-bottom: 1px solid rgb(46,84,138);
    background-color: rgb(255,255,255);
    padding: 2px;
    overflow:hidden;
    white-space: nowrap;
    width: 100%;
}

/*
===============================================================================
BUTTON SUBCLASSES
===============================================================================
Used for blue buttons, which are 90 x 90 pictures inside a hyperlink.
Note: It is the hyperlink itself that should have this class
-------------------------------------------------------------------------------
*/

a.BlueButton
{
    text-decoration: none;
    border: 1px solid white;
}

a.BlueButton img
{
    border: none;
}
/*
===============================================================================
DIV SUBCLASSES
===============================================================================

-------------------------------------------------------------------------------
Button Panel (Grey background picture to place controls etc. inside)
Used in both list forms and entry forms
-------------------------------------------------------------------------------
*/
div.ButtonPanel   
{
    position: relative;
    background-color: rgb(164,164,164);
    background-image: url(greyPanel30.jpg);
    background-repeat: repeat-x;
    height: 30px; 
}

div.ButtonPanel .PanelBlock 
    /* Elements inside a Button Panel
       It is positioned without any position attributes;
       position attributes are given in the elements "style"-attribute */
{
    position: absolute;
    display: block;
    font-weight: bold;
    font-size: 9pt;
    line-height: 9pt;
    color: rgb(255,255,255);
    text-decoration: none;
    border: 0px none;
}

div.ButtonPanel .PanelBlock a.LinkImage 
    /* Links rendered as images inside a Panel Block in a Button Panel */
{
    text-decoration: none;
    border: 0px none;
}

div.ButtonPanel .PanelBlock .Button
    /* Buttons inside a Panel Block inside a Button Panel */
{
    font-size: 9pt;
    margin-top: 2px;
    height: 26px;
    width: 75px;
}

div.ButtonPanel .PanelBlock img.LinkImage
    /* Images inside a link inside a Panel Block in a Button Panel */
{
    border: 0px none;
}

/*
===============================================================================
STS SUBCLASSES
Used for specific sts items
===============================================================================
*/

table.ststable814
{
    table-layout: fixed;
    width: 814px;
    padding: 0px;
    border: 0px none;
    border-collapse: collapse;
}

.stsmenu
{
	width: 190px;
	line-height: 12pt;
}

.stsmenu td 
{
    border-top: none 0px;
    border-bottom: dashed 1px rgb(46,84,138);    
    
}

.stsmenu a
{
    text-decoration: none;
    display: block;
    padding-top: 3pt;
    padding-bottom: 3pt;
    color: rgb(46,84,138);
    background-color: White;
}

.stsmenu a:active, .stsmenu a:visited
{
    text-decoration: none;
    color: rgb(46,84,138);
    background-color: White;
}

.stsmenu a:hover
{
    text-decoration: none;
    color: white;
    background-color: rgb(39,117,183);
}

/*
===============================================================================
GENERIC SUBCLASSES
===============================================================================
*/

.small
    /* Small text */
{
    font-size: 8pt;
    line-height:8pt;
}


/* ----------------------------SECTION FRONT */
.secfrontText
{
    font-size: 9pt;
    line-height: 12pt;
    font-weight: bold;
    height: 200px; 
    width: 388px;
    padding: 5px;
    overflow: hidden;
}
.secfrontImage
{
    height: 200px; 
    width: 200px;
    overflow: hidden;
}


/* BOOKING */
.bookingFree
{
    background-color: #E5EFFF;
    border-style: none;
    font-family: 'Trebuchet MS Outlook', Verdana;
    font-size: 8pt;
    text-align: center;
    vertical-align: middle;
}
.bookingFree:active, .bookingFree:link, .bookingFree:visited
{
    color: #323264;
    text-decoration: none
}
.bookingFree:hover
{
    color: #323264;
    border: dotted 1px #323264;
    text-decoration: none
}
.bookingBooked
{
    background-color: #FFE4D5;
    border-style: none;
    font-family: 'Trebuchet MS Outlook', Verdana;
    font-size: 8pt;
    text-align: center;
    padding: 5px;
}
.bookingBooked:active, .bookingBooked:link, .bookingBooked:visited
{
    color: #323264;
    text-decoration: none
}
.bookingBooked:hover
{
    color: #323264;
    border: dotted 1px #323264;
    text-decoration: none
}

/* ---------- */
.panelLightblue3D
{
    text-decoration: none;
    color: White;
    background-image: url(panelLightblue3D.bmp);
    background-repeat: repeat-x;
}

/* Race Result listing */
.raceResultHeader
{
    background-color: #323264;
    font-family: 'Trebuchet MS', Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: White
}
.raceResultCell
{
    font-family: 'Trebuchet MS', Verdana;
    font-size: 8pt;
}
.raceResultRowEven
{
    background-color: White;
}
.raceResultRowOdd
{
    background-color: #e5efff;
}
.raceResultPanel
{
    background-color: #ebebeb;
    color: #323264;
    font-family: 'Trebuchet MS' , Arial;
    font-size: 8pt;
}

/*
===============================================================================
POPUP WINDOW
Used for formatting the popup windows
===============================================================================
*/
.popupBox
{
	font: 8pt Verdana, Arial;
	border: 3px solid rgb(46,84,138); 
	background-color:White;
}
.popupBoxTitle
{
	 background-color:rgb(46,84,138);
	 color:White; 
	 font-weight:bold;
}
.popup
{
	padding: 2px;
	font: 8pt Verdana, Arial;
}
.popupLead
{
	font: 8pt Verdana, Arial;
	font-weight:bold;
}
.popupButton
{
	font-size: 8pt;
	height: 22px;
	width: 60px;
}
.popupButtonPanel
{
	 background-color:rgb(164,164,162);
}

/*