body {
margin: 0;
padding: 0;
font-size: 9pt;
font-family: Arial, sans-serif;
line-height: 1.6em;
text-align: center;
}
#editday, #editlog, #addevent {text-align: left;
margin: 0;
padding: 0;
}

a {color: #4a7ce1;
text-decoration: none;}
a:hover {background: #e4e9ff;}

img {border: none;}

.alt, #preload {display: none;
}

hr {display: block;
width: 100%;
height: 1px;
margin: 0;
padding: 0;
border: none;
border-top: 1px dashed #ccc;
clear: both;
}

ul {margin: 16px;
padding: 0;}
li {margin: 6px 0 0 0;
padding: 0;}

td {vertical-align: top;}


html #copycell ul {list-style-image: url(../images/bulletblue.gif); padding: 0 50px 12px 12px; font-weight: bold;}
#copycell li {list-style-image: url(../images/bulletblue.gif);}

select, input, textarea {font-size: 8pt; color: #4d505e;}

#wrapper {color: #4d505e;
margin: 0 auto;
padding: 0;
text-align: left;
}

.maintable {clear: both;
width: 100%;
padding: 12px;
margin: 0;}
#editday .maintable {padding: 0;}

.clear {clear: both;}

.maintable {padding: 0 0 12px 0;}

.columns td {padding: 0 12px; border: 1px solid #ccc;}

#diaries {margin: 0 12px 0 12px;}
#diaries td {padding: 4px;}

#diariescell {background-color: #fff;}

#masthead {margin: 12px 24px  4px 18px;
padding: 4px 0 4px 42px;
background: url(../images/logo.gif) no-repeat left;
}
#masthead select {float: right;}


#content {
background-color: #eee;
margin: 0 0 12px 0;
padding: 0 19px;
border: 1px solid #eee;
border-bottom: 1px solid #b0bbdb;
}

#topnav {
height: 35px;
text-align: center;
background: url(../images/navbg.gif) repeat-x #eee;
margin: 0;
padding: 0;
}
#menu {border: 1px solid #b0bbdb; background: #eee; padding: 0 6px; margin: 0;}

#topnav ul { width: 760px;
padding: 0;
margin: 0 auto;
list-style:none;
}
#topnav li {
float: left;
list-style:none;
padding:0;
margin:0;
}
#topnav a {
color: #fff;
float: left;
display: block;
background: url(../images/navbg.gif) #4d505e repeat-x;
padding: 4px 15px 8px 15px;
margin:0;
text-decoration:none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a {float: none;}
/* End IE5-Mac hack */

#topnav a:hover {
background: url(../images/navbghover.gif) repeat-x;
}

html #navnews {display: none;}

html #index #navhome {background: url(../images/navbgstick.gif) repeat-x;}
html #packages #navpackages {background: url(../images/navbgstick.gif) repeat-x;}
html #philosophy #navphilosophy {background: url(../images/navbgstick.gif) repeat-x;}
html #paul #navpaul {background: url(../images/navbgstick.gif) repeat-x;}
html #news #navnews {background: url(../images/navbgstick.gif) repeat-x;}
html #signup #navsignup {background: url(../images/navbgstick.gif) repeat-x;}
html #contact #navcontact {background: url("../images/navbgstick.gif") repeat-x;}
html #login #navlogin {background: url("../images/navbgstick.gif") repeat-x;}

html #home #navhome {background: url(../images/navbgstick.gif) repeat-x;}
html #log #navlog {background: url("../images/navbgstick.gif") repeat-x;}
html #calendar #navcal {background: url("../images/navbgstick.gif") repeat-x;}
html #message #navmessage {background: url("../images/navbgstick.gif") repeat-x;}
html #library #navlib {background: url("../images/navbgstick.gif") repeat-x;}
html #forum #navforum {background: url("../images/navbgstick.gif") repeat-x;}
html #equip #navequip {background: url("../images/navbgstick.gif") repeat-x;}
html #profile #navprofile {background: url("../images/navbgstick.gif") repeat-x;}

h1, th {clear: both;
color: #3a73e5;
font-size: 15px;
font-family: Arial, sans-serif;
font-weight: bold;
margin: 4px 0;
padding: 0;
}

.link a {padding: 2px 20px 2px 2px;
margin:  10px 0 10px 8px;
color: #3a73e5;
background: url(../images/buttonright.gif) right no-repeat;}
.link a:hover {background: url(../images/buttonrighthover.gif) #e4e9ff right no-repeat;}

#index #content {background: url(../images/indexpic.jpg) top left no-repeat; padding: 0; border-top: 1px solid #b0bbdb;}
#index #title {margin: 42px 0 0 103px;}
#index #positioning {margin: 27px 0 0 216px;}
#index #positioning ul {list-style-image: url(../images/bulletblue.gif);
margin: 0;
padding: 0;}
#index #positioning li {list-style-image: url(../images/bulletblue.gif);
margin: 6px 0 0 0;
padding: 0;}
#index #positioning p {margin: 6px 0 0 0;
padding: 0;}
#index .link {margin: 0;}
#index table {margin: 0; padding: 0; width: 100%;}
#index #emailpanel {margin: 32px 0 0 214px; padding: 0; background: url(../images/indexemailpanelbg.gif) top no-repeat #fef9d3; width: 280px;}
#index #rightcell {vertical-align: top; padding: 0; margin: 0;}
#index #loginpanel {background: url(../images/indexloginpanelbg.gif) bottom left no-repeat #b0c6f2; width: 241px; margin: 0 20px 0 0; padding: 0 0 4px 0;}
#index #loginpanel a {font-size: 7pt; margin-left: 70px;}
#index .panelhead  {margin: 8px 8px 2px 8px;}
#index .button {margin: 0 0 0 8px;}
html #index #email {background: url(../images/buttonright.gif) no-repeat; width: 15px;}
#index #email:hover {background: url(../images/buttonrighthover.gif) no-repeat;}
#index #emailpanel p, #index #loginpanel table {margin: 0 0 4px 8px; font-size: 8pt; line-height: 12px;}
#index #loginpanel input, #emailpanel input {margin: 0 8px 0 0; height: 12px; width: 100px; vertical-align: baseline;}
#index #loginpanel hr {border-top: 1px dashed #e0e8f8;}
html #index #login {background: url(../images/buttonlogin.gif) no-repeat; width: 47px; height: 13px;}
#index #login:hover {background: url(../images/buttonloginhover.gif) no-repeat;}

#index .infobox h3 a {
padding: 0 0 0 4px;
margin: 0 0 4px 0;
}

#index #newslist {display: none; width: 241px; margin: 20px 0 0 0; border: 1px solid #ccc;}
#index #newslist ul {list-style: none; padding: 0; margin: 0 4px 4px 4px;}
#index #newslist li {list-style: none; padding: 0 0 4px 0; margin: 0 0 8px 0; border-bottom: 1px dashed #ccc;}

#news #newslist {margin-bottom: 12px;}
#newslist .note {font-size: 7pt;}
#newslist p { margin: 0 4px 0 0; padding: 0; font-size: 8pt;}
#newslist a { margin: 0 4px 0 0; padding: 0;}
#newslist td {width: 33%;}

#news .newsitem, #library .newsitem, #library .lock {vertical-align: top; background: #fff; border: 1px solid #b0bbdb; margin: 0 12px 20px 0; padding: 8px;}
#news .newsitem {width: 180px;}
#library .lock {background: url(../images/iconlock.gif) no-repeat top right #f3f5ff;}

#normal .buttonimage {float: none;}

#packages #leftcell {background: url(../images/picmiami470-01.jpg) no-repeat center top #4a7ce1;}
#paul #leftcell {background: url(../images/picathens49er-01.jpg) no-repeat center top #4a7ce1;}
#paul #leftcell {background: url(../images/picathens49er-01.jpg) no-repeat center top #4a7ce1;}
#philosophy #rightcell {background: url(../images/picmiami49er-01.jpg) no-repeat center top #4a7ce1;}
.diagram td {text-align: center;}
.imageholder {float: left; border: 1px solid #b0bbdb; margin: 4px; padding: 6px;}
.imageholder img {padding: 0; margin: 0 -6px -6px -6px;}
.imagesequence hr {border: none; margin: 4px;}

.boxwide {background: #fffdec;
margin: 0 12px 12px 0;
padding: 12px;
border: 1px solid #6a7499;
}
#paul ul {list-style: none; padding: 0; margin: 0;}
#paul li {list-style: none;}

.caption {color: #fff; font-weight: bold; font-style: italic; font-size: 10pt; margin: 220px 8px 20px 8px;}


#contact #content p, #contact #content a {margin: 0 0 8px 40px;}
#contact h3, #terms h3, #privacy h3 {font-size: 9pt; margin: 12px 0 0 0;}

#editday th {border-bottom: 1px solid #b0bbdb;}
#editday td {border-bottom: 1px solid #b0bbdb;}

#cal {clear: both;
text-align: center;
}
#date, #bottombutton {text-align: center;
background: #b0bbdb;
margin: 0 0 12px 0;
padding: 2px;
height: 23px;
border-bottom: 1px solid #6a7499; 
/* Tantek box model hack */
voice-family: "\"}\""; 
voice-family:inherit;
height: 19px;
}
html>body .buttonimg {height: 19px;}

#editday #date {margin: 0;}

#date h2 { display: inline;
color: #fff;
font-size: 15px;
font-family: Arial, sans-serif;
font-weight: bold;
}
#date h2 .year { color: #d5dbee;}

#date .button, .smlbuttonimg, #pagecontrols a {border: 1px solid #96aad5;
font-size: 10px;
}
#date #previous, #pagecontrols #previous {background: #e4e9ff url("../images/buttonleft.gif") no-repeat left;
margin: 0 120px 0 0;
padding: 2px 2px 2px 20px;
}
#date #previous:hover, #pagecontrols #previous:hover {background: #d5dbee url("../images/buttonlefthover.gif") no-repeat left; border: 1px solid #6a7499;
}
#date #next, .smlbuttonimg, #pagecontrols #next {background: #e4e9ff url("../images/buttonright.gif") no-repeat right;
margin: 0 0 0 120px;
padding: 2px 20px 2px 2px;
}
#date #next{margin: 0 0 0 120px;}
#date #next:hover, .smlbuttonimg:hover, #pagecontrols #next:hover {background: #d5dbee url("../images/buttonrighthover.gif") no-repeat right; border: 1px solid #6a7499;
}

#cal table {margin: 0;
padding: 0;
}

.calweek {margin: 0;
padding: 0;
}

.calday, .caldayevent, #messages .infobox {text-align: left;
vertical-align: top;
margin: 0 12px 0 0;
padding: 0;
border: 1px solid #6a7499;
background-color: #fff;
font-size: 8pt;
}

#messages .infobox {margin-bottom: 10px;}
#messages #memberinfo {padding: 4px;}
#messages #memberinfo h1 {margin-bottom: 4px;}
#messages #memberinfo p {padding: 0; margin: 0; border-top: 1px dashed #ccc;}

.dayname {margin: 2px;
padding: 0;}

.caldayevent {background: #fae3e3;}

#caldayheader .calday {color: #fff;
background: url(../images/navbg.gif) #b0bbdb repeat-x;
}

.calday, .caldayevent {width: 13%;
line-height: 1.2em;}

.caldayhead, #key h3, #dailylog h3 {color: #666;
padding: 2px;
margin: 0;
vertical-align: middle;
}
.caldayhead, #key h3, #dailylog h3 { background: url(../images/caldayheadbg.gif) #b0bbdb repeat-x;}
#today .caldayhead {color: #fff; background: url(../images/caldaytodaybg.gif) #6a7499 repeat-x;}

.daycontrols {padding: 0 0 0 3px;}
.daycontrols a, .daycontrols p, .daycontrols div {display: inline; margin: 0; padding: 0; vertical-align: middle;}
.daycontrols a:hover {background: b0bad5;}
.daycontrols img { display: inline; height: 13px; width: 19px; margin: 2px 0; border: 0;}

.dayeditlog img {background: url(../images/dayeditlog.gif) no-repeat;}
.dayeditlogdim img {background: url(../images/dayeditlogdim.gif) no-repeat;}
.dayeditlog:hover img {background: url(../images/dayeditloghover.gif) no-repeat;}
.dayaddexercise img {background: url(../images/dayaddexercise.gif) no-repeat;}
.dayaddexercisedim img {background: url(../images/dayaddexercisedim.gif) no-repeat;}
.dayaddexercise:hover img {background: url(../images/dayaddexercisehover.gif) no-repeat;}
.dayaddevent img {background: url(../images/dayaddevent.gif) no-repeat; width: 24px;}
.dayaddeventdim img {background: url(../images/dayaddeventdim.gif) no-repeat; width: 24px;}
.dayaddevent:hover img {background: url(../images/dayaddeventhover.gif) no-repeat;}
.daysailingno img {background: url(../images/daysailingno.gif) no-repeat; margin-left: 2px;}
.daysailingnodim img {background: url(../images/daysailingnodim.gif) no-repeat; margin-left: 2px;}
.daysailingno:hover img {background: url(../images/daysailingnohover.gif) no-repeat; width: 15px;}
.daytrainingno img {background: url(../images/daytrainingno.gif) no-repeat; width: 15px;}
.daytrainingnodim img {background: url(../images/daytrainingnodim.gif) no-repeat; width: 15px;}
.daytrainingno:hover img {background: url(../images/daytrainingnohover.gif) no-repeat; width: 15px;}
.daysailingyes img {background: url(../images/daysailingyes.gif) no-repeat; width: 15px;}
.daysailingyesdim img {background: url(../images/daysailingyesdim.gif) no-repeat; width: 15px;}
.daysailingyes:hover img {background: url(../images/daysailingyeshover.gif) no-repeat; width: 15px;}
.daytrainingyes img {background: url(../images/daytrainingyes.gif) no-repeat; width: 15px;}
.daytrainingyesdim img {background: url(../images/daytrainingyesdim.gif) no-repeat; width: 15px;}
.daytrainingyes:hover img {background: url(../images/daytrainingyeshover.gif) no-repeat; width: 15px;}

#today .dayeditlog img {background: url(../images/todayeditlog.gif) no-repeat;}
#today .dayeditlog:hover img {background: url(../images/todayeditloghover.gif) no-repeat;}
#today .dayaddexercise img {background: url(../images/todayaddexercise.gif) no-repeat;}
#today .dayaddexercise:hover img {background: url(../images/todayaddexercisehover.gif) no-repeat;}
#today .dayaddevent img {background: url(../images/todayaddevent.gif) no-repeat; width: 24px;}
#today .dayaddevent:hover img {background: url(../images/todayaddeventhover.gif) no-repeat;}
#today .daysailingno img {background: url(../images/todaysailingno.gif) no-repeat; margin-left: 2px;}
#today .daysailingno:hover img {background: url(../images/todaysailingnohover.gif) no-repeat; width: 15px;}
#today .daytrainingno img {background: url(../images/todaytrainingno.gif) no-repeat; width: 15px;}
#today .daytrainingno:hover img {background: url(../images/todaytrainingnohover.gif) no-repeat; width: 15px;}
#today .daysailingyes img {background: url(../images/todaysailingyes.gif) no-repeat; width: 15px;}
#today .daysailingyes:hover img {background: url(../images/todaysailingyeshover.gif) no-repeat; width: 15px;}
#today .daytrainingyes img {background: url(../images/todaytrainingyes.gif) no-repeat; width: 15px;}
#today .daytrainingyes:hover img {background: url(../images/todaytrainingyeshover.gif) no-repeat; width: 15px;}


#dailylog a {
margin: 0;
padding: 0;
}

.menubar {background: url(../images/navbghover.gif);
height: 17px; padding: 2px;
}
.menubar a {margin: 2px;
padding: 0;
}

.edit {background: url(../images/buttonedit.gif) bottom no-repeat;}
.edit:hover {background: url(../images/buttonedithover.gif) bottom no-repeat;}
.edit img {height: 13px; width: 35px; border: none;}

.record {background: url(../images/buttonrecord.gif) bottom no-repeat;}
.record:hover {background: url(../images/buttonrecordhover.gif) bottom no-repeat;}
.record img {height: 13px; width: 49px; border: none;}
#addevent .record img {margin: 0 0 6px 420px;}

.deleteevent {background: url(../images/buttondeleteevent.gif) bottom no-repeat;}
body .deleteevent:hover {background: url(../images/buttondeleteeventhover.gif) bottom no-repeat;}
.deleteevent img {height: 13px; width: 72px; border: none;}

.addevent {background: url(../images/buttonaddevent.gif) no-repeat;}
.addevent:hover {background: url(../images/buttonaddeventhover.gif) no-repeat;}
#diariescell .addevent {height: 13px; width: 62px; float: right; position: relative; top: -22px; margin: 4px;}

#memberinfo {
border-top: 1px solid #6a7499;
margin: 0;
padding: 4px 12px 4px 12px;
}
#memberinfo h1 {
color: #6a7499;
margin: 0;
padding: 0;}

.recordbar {
border: 1px solid #6a7499;
padding: 2px;
margin: 0 0 12px 0;
}
.recordbar .recordshortcuts {margin-bottom: 6px;}
table .recordshortcuts {width: 100%; padding: 0; margin: 0;}
td .recordshortcuts {padding: 0; margin: 0;}
.recordbar h3 {font-size: 9px;
font-weight: normal;
margin:0;
padding: 0;
background: url(../images/boxbgpale.gif) #ededed repeat-x;
}
#editday .recordbar h3  {display: block;
font-size: 12px;
background: url(../images/navbghover.gif) #ededed repeat-x;
margin: 0 0 10px 0;
padding: 1px 5px;
height: 20px;
}
#editday .recordbar .actual h3  {
background: url(../images/boxbgpale.gif) #ededed repeat-x;
}
#editday .recordbar .exercisetitle, .popup  {padding: 0 20px;
background: url(../images/buttoninfodk.gif) 1px no-repeat;
}
#editday .recordbar .exercisetitle:hover, .popup:hover  {
background: url(../images/buttoninfohover.gif) no-repeat 1px #e4e9ff;
}
#todayexercise .recordbar h3 a {
margin:0;
padding: 0 1px 0 20px;
}
.recordbar .recordcontrols {
color: #6a7499;
float: right;
margin: 0;
padding: 0;
height: 13px;
}
#editday .recordbar .recordcontrols {
float: none;
display: block;
}
.recordbar .recordcontrols a {
float: left;
display: block;
margin: 2px;
padding: 0;
height: 13px;
width: 13px;
}
#editday .recordbar .recordcontrols a {
float: right;
}
.recordbar .recordcontrols .recordtick {
background: url(../images/buttontick.gif) no-repeat;
}
.recordbar .recordcontrols .recordtick:hover {
background: url(../images/buttontickhover.gif) no-repeat;
}
.recordbar .recordcontrols .recordcross {
background: url(../images/buttoncross.gif) no-repeat;
}
.recordbar .recordcontrols .recordcross:hover {
background: url(../images/buttoncrosshover.gif) no-repeat;
}
.recordbar .recordcontrols .recordupload {width: 106px;
background: url(../images/buttonuploadheart.gif) no-repeat;
}
.recordbar .recordcontrols .recordfile {width: 85px; background: url(../images/buttonviewheart.gif) no-repeat;
}
.recordbar .recordcontrols .recordfile:hover {background: url(../images/buttonviewhearthover.gif) no-repeat;
}
.recordbar .recordcontrols .deletefile {width: 23px; background: url(../images/buttondeleteheart.gif) no-repeat;
}
.recordbar .recordcontrols .deletefile:hover {background: url(../images/buttondeletehearthover.gif) no-repeat;
}
.recordbar .recordcontrols .recordupload:hover {
background: url(../images/buttonuploadhearthover.gif) no-repeat;
}
.recordbar .recordcontrols .recorddelete{width: 51px;
background: url(../images/buttondelete.gif) no-repeat;
}
.recordbar .recordcontrols .recorddelete:hover {
background: url(../images/buttondeletehover.gif) no-repeat;
}

#todayexercise .info, #todayexercise .exercise .tick, #todayexercise .exercise .cross, #todayexercise .minus, #todayexercise .plus, #boatjobs .plus {margin: 0 0 4px 0;
padding: 2px 2px 2px 20px;
border-bottom: 1px dashed #ccc;
}
#todayexercise .info {background: url(../images/buttoninfo.gif) 2px no-repeat;}
#todayexercise .info:hover {background: url(../images/buttoninfohover.gif) 2px no-repeat #e4e9ff;}
#todayexercise .tick {background: url(../images/buttontick.gif) 2px no-repeat;}
#todayexercise .tick:hover {background: url(../images/buttontickhover.gif) 2px no-repeat #e4e9ff;}
#todayexercise .recordedit {background: url(../images/buttoneditsml.gif) 2px no-repeat;}
#todayexercise .recordedit:hover {background: url(../images/buttoneditsmlhover.gif) 2px no-repeat #e4e9ff;}
#todayexercise .recordrecord{font-weight: bold; font-size: 9pt;
background: url(../images/buttonrecordsml.gif) 2px no-repeat;}
#todayexercise .recordrecord:hover {
background: url(../images/buttonrecordsmlhover.gif) 2px no-repeat #e4e9ff;}
#todayexercise .minus {background: url(../images/buttonminus.gif) 2px no-repeat;}
#todayexercise .minus:hover {background: url(../images/buttonminushover.gif) 2px no-repeat #e4e9ff;}
.plus {background: url(../images/buttonplus.gif) 2px no-repeat;}
.plus:hover {background: url(../images/buttonplushover.gif) 2px no-repeat #e4e9ff;}
#todayexercise .cross {background: url(../images/buttoncross.gif) 2px no-repeat;}
#todayexercise .cross:hover {background: url(../images/buttoncrosshover.gif) 2px no-repeat #e4e9ff;}
 
#todayexercise .add:hover {background: #e4e9ff;}

#todayexercise p {margin: 0 6px;}

.exercise a {display: block;}

#eventdetails, #races {
border: 1px solid #6a7499;
padding: 6px;
margin: 0 12px 12px 0;
}
#eventdetails p {margin: 0; padding: 0;}
#home #eventdetails a {display: inline;}
#home #tip {margin: 12px 0 0 0;}
#tipbox {background: url(../images/iconinfobox.gif) left top no-repeat #fffdec;
border: 1px solid #6a7499;
margin: 0;
padding: 6px 6px 6px 28px;}
#home #tipbox p, #home #tipbox h3, #home #tipbox li {margin: 0 0 4px 0; list-style-image: url(../images/bulletblue.gif);}
#home #tipbox ul {margin: 0 0 0 15px; padding: 0; list-style-image: url(../images/bulletblue.gif);}

#races .edit a:hover {background: #e4e9ff;}

.deletesml, .exercise .edit { float: right; position: relative; top: -28px; margin: 4px;}

.deletesml {background: url(../images/buttondeletesml.gif);
height: 13px; width: 18px;}
.deletesml:hover {background: url(../images/buttondeletesmlhover.gif);}

table #event {width: 100%; margin: 0 13px 0 0;}
#races .plus {background: url(../images/buttonplus.gif) 2px no-repeat #eee; color: #ccc;}
#races .plus:hover {background: url(../images/buttonplushover.gif) 2px no-repeat #e4e9ff; color: #6a7499;}
#event td {width: 50%;}
#event hr {margin: 6px 0;}

#racereport #weather {
padding: 6px;
border: 1px solid #6a7499;
background: #fff;
margin: 0 12px 20px 0;
}
#report textarea {width: 100%; height: 100px;}
#report table {border: 1px solid #6a7499; padding: 4px; background: #fff; width: 100%; margin: 0 0 20px 0;}
#report input {width: 40px;}
#racereport .recordbar {background: #fff; margin: 0 0 20px 0;}
#racereport .recordbar p {padding: 4px 6px 0 6px; margin: 0; border-bottom: 1px solid #eee;}
#racereport .recordbar p:hover {background: #e4e9ff;}
#racereport .recordbar p input {float: right; margin: 0; padding: 0;}
#racereport .recordbar h1 {margin: 14px 6px 0 6px; font-size: 13px; border-bottom: 1px solid #eee;}

#home .actual {margin: 0;
padding: 0;
color: #d0696a;
font-size: 8pt;}

.exercises {list-style-position: inside;
margin: 2px;
padding: 0;}
.exercises .add {list-style: none;
margin: 2px;
padding: 0;}

#calendar.exercises {clear: both;}

.exercises li {margin-top: 4px;}

#messages a, #races a {display: block;}

.exercises a:hover, #messages a:hover, #recordbar a:hover { background-color: #e4e9ff;}

.exercises .tick {list-style-image: url(../images/buttontick.gif);}
.exercises a:hover .tick {list-style-image: url(../images/buttontickhover.gif);}

.exercises .info {list-style-image: url(../images/buttoninfo.gif);}
.exercises a:hover .info {list-style-image: url(../images/buttoninfohover.gif);}

.exercises .plus {list-style-image: url(../images/buttonplus.gif); background: none;}
.exercises a:hover .plus {list-style-image: url(../images/buttonplushover.gif); background: none;}

.exercises .minus {list-style-image: url(../images/buttonminus.gif);}
.exercises a:hover .minus {list-style-image: url(../images/buttonminushover.gif);}

.exercises .cross {list-style-image: url(../images/buttoncross.gif);}
.exercises a:hover .cross {list-style-image: url(../images/buttoncrosshover.gif);}

.offwater {color: #4d505e;}
.offwater:hover {color: #000;}
.onwater {color: #3a73e5;}
.onwater:hover {color: #000;}
.exercisedetail, #key p {color: #8f9ec9; font-size: 8pt;}

#editday ul {list-style: none;
margin: 0; padding: 0 5px;}
#editday ul .title {font-size: 10pt;
color: #6a7499;}
#editday input {width: 50px; height: 12px; font-size: 8pt; margin: 0 4px 0 4px; }
#editday .scheduled {background: #eee;}
#editday li {color: #000;}

#key {width: 60%;
text-align: left;
clear: both;
font-size: 10px;
background-color: #fff;
margin: 4px 2px 20px 0;
padding: 0;
border: 1px solid #6a7499;}
#key h1 {font-family: Arial, sans-serif; font-weight: bold; font-size: 10pt; margin: 0 0 0 8px;}
#key img {margin: 0 5px 0 0;}
#key p {margin: 5px;}
#key td { width: 50%; vertical-align: top;}

#footer {clear: both;
text-align: center;
margin: 0 20px;
}

.infobox h3 {margin: 0;
padding: 0;}

.infobox h3 a {display: block;
background: url(../images/boxbluebg.gif) #6783c5 repeat-x right;
color: #fff;
font-size: 11px;
padding: 0 0 0 4px;
margin: 0 0 4px 0;
}
.infobox h3 a:hover {background: url(../images/boxbluebghover.gif) #3a73e5 repeat-x right;
}

.messageblock {margin: 4px;
padding: 0;
}

.messageinfo {font-size: 10px;}

.messageblock p {margin: 0;
padding: 0;
line-height: 14px;
}

.infobox ul {padding: 0;
margin: 0 4px 0 20px;
}

.infobox li {padding: 2px 0;
margin: 0;
list-style: outside url(../images/bullet.gif);
line-height: 14px;
}

#info {
margin-left: 12px;
}

#diaries {
background-color: #fff;
padding: 0;
}

#todayexercise {
margin-bottom: 10px;
}

#dailylog {margin: 0;}

#log {border: 1px solid #6a7499;}

#log table {width: 100%;}

td .outer {vertical-align: top;
width: 50%;}

#editlog, #addevent {background-color: #eee;}
#editlog #wrapper, #addevent #wrapper {padding: 0 20px;}
#editlog table, #addevent table {width: 100%; border: 1px solid #6a7499}
#editlog td, #addevent td {padding: 4px; background-color: #fff;}
#editlog input, #weather input {width: 40px; margin: 0 4px 0 0;}
#addevent input {width: 230px; margin: 0 4px 0 0;}
#editlog .freetext input {width: 160px;}
#addevent h2 {font-size: 12px; margin: 0; padding: 0;}
#addevent h3 {width: 100%; height: 18px; background: #b0bbdb; margin-top: 8px;}
#addevent p {margin: 0; padding: 0;}

#comments {text-align: left; margin: 4px; padding: 0 0 12px 0; border-bottom: 1px dashed #ccc;}
#comments p {margin: 0;}
#comments textarea {width: 100%; height: 100px;}

#weather td, #diary td {border-bottom: 1px dashed #ccc;
vertical-align: middle;}
#diaries .last td {border-bottom: none;}

#diaries hr {margin-right: 10px;}

.title {
color: #3a73e5;
font-size: 10px;
font-family: Arial, sans-serif;
line-height: 1.3;
}

.temperature {color: #3a73e5;
font-size: 18px;
}

#to { background: url(../images/boxbgpale.gif) #ededed repeat-x;
font-size: 9pt;
height: 16px;
}

#form {
margin: auto;
padding-bottom: 12px;
border: 1px solid #6a7499;
background: #fff;
margin-bottom: 20px
}

#login #form {width: 310px;
height: 210px;
margin-top: 40px;
margin-bottom: 70px;}
#login .link {margin: 0 0 0 10px;}

#form h3 {color: #fff;
background: url(../images/navbgstick.gif) #afbad6 repeat-x right bottom;
font-size: 9pt;
height: 24px;
padding: 2px 2px 2px 10px;
margin: 0 0 4px 0;
}

#form input {width: 200px;}

#login #form input {width: 150px;}

#form td {width: 50%;
padding: 8px;
border-bottom: 1px solid #ccc;
}

.buttonimg {display: inline;
font-weight: bold;
margin: 0;
padding: 3px 0 3px 10px;
height: 27px;
width:101px; 
/* Tantek box model hack */
voice-family: "\"}\""; 
voice-family:inherit;
height: 21px;
width:91px;}
html>body .buttonimg {width:91px;
height: 21px;}

#default .buttonimg {background: url(../images/buttonlgdefault.gif) no-repeat left top; margin: 10px; color: #7199eb; float: right;}
#default .buttonimg:hover {background: url(../images/buttonlgdefaulthover.gif) no-repeat left top; color: #3a73e5;}
#cancel .buttonimg {background: url(../images/buttonlgcancel.gif) no-repeat left top; margin: 10px 0 0 10px; color: #969db7; float: left;}
#cancel .buttonimg:hover {background: url(../images/buttonlgcancelhover.gif) no-repeat left top; color: #5b658b;}
#record .buttonimg {background: url(../images/buttonlgrecord.gif) no-repeat left top; margin: 10px 0 0 10px; color: #7199eb; float: right;}
#record .buttonimg:hover {background: url(../images/buttonlgrecordhover.gif) no-repeat left top; color: #3a73e5;}
#defaultoff .buttonimg {background: url(../images/buttonlgdefaultoff.gif) no-repeat left top; margin: 10px; color: #b7ccf4; float: right;}
#form #default .buttonimg {float: left; margin: 0;}
#normal .buttonimg {background: url(../images/buttonlgdefault.gif) no-repeat left top; margin: 10px; color: #7199eb; float: left;}
#normal .buttonimg:hover {background: url(../images/buttonlgdefaulthover.gif) no-repeat left top; color: #3a73e5;}

.addsession {margin: 4px;
padding: 0;}
.addsession h3 {color: #6a7499;
font-size: 10pt;
font-weight: normal;
margin: 0;
padding: 0;}
.addsession img {vertical-align: middle;
margin: 0;
padding: 4px;
}

#signup table, #profile table {width: 100%;}
#signup #title {/*background: url(../images/signupflash.gif) right top no-repeat;*/
padding: 15px 0 5px 0;
}
#signup #title h1 {font-size: 18pt;}
#signup h4 {font-weight: bold; font-size: 12pt; margin: 0; padding: 0;}
#signup #title p, #profile #title h2 {font-size: 14pt;
font-weight: normal;
color: #9096a9;
width: 70%;}

#signup #form td, #profile #form td {padding: 4px; vertical-align: top;}
#signup #form input, #profile #form input {width: 300px;}
#signup #form .title, #profile #form .title {font-size: 10pt;
text-align: left;
padding: 6px 12px;
background: #f0f0f0;}

#signup #optout, #profile #optout  {background: #eee;}
#signup #optout input, #profile #optout input {float: right; width: 40px;}
#signup #optout .note, #profile #optout {margin: 0 8px;}
#signup #ccsecno input, #profile #ccsecno input, #profile #maxheartrate input {width:40px; margin-right: 6px;}
#signup #welcome {background: url(../images/picpaul.jpg) 24px left no-repeat; margin: 12px; padding: 12px 12px 12px 152px}
#signup #welcome p {clear: both;}
#signup #welcome .signature {padding-top: 20px;}
#signup .note {margin: 0; padding: 0; font-size: 8pt;
line-height: 1.3;}
#profile h3 {font-size: 10pt;
font-weight: bold;
color: #4a7ce1;
background: none;}
#profile textarea {width: 300px; height: 70px;}
#profile .divide td {border-bottom: 1px solid #999;}
#profile #title {margin: 12px 12px 0 12px; padding: 0;}
#profile .note {font-size: 9pt; color: #999;}
#profile #inputrow {text-align: left; color: #6a7499;}
#profile #inputrow p {display: inline-table; margin: 0 12px 0 0; padding: 0; width:100px; vertical-align: top;}
#profile #inputrow input {display: inline; margin: 0; padding: 0; width: 14px;}
#profile #trainingtype input {display: inline; margin: 0; padding: 0; width: 14px;}
#profile #trainingtype .other input {width: 160px; margin-left: 6px;}
#profile #iconkey p {margin: 0 0 3px 3px; padding: 0 0 3px 18px; border-bottom: 1px solid #ccc;}
#profile #iconkey .trainingday {background: url(../images/daytrainingyes.gif) no-repeat;}
#profile #iconkey .nontrainingday {background: url(../images/daytrainingno.gif) no-repeat;}
#profile #iconkey .sailingday {background: url(../images/daysailingyes.gif) no-repeat;}
#profile #iconkey .nonsailingday {background: url(../images/daysailingno.gif) no-repeat; border-bottom: none;}

#profile #nav {width: 350px; margin: 12px 0 20px 40px}

.error {color: ba030a;}

.standfirst {font-weight: bold;}

#progress ul {
color: #fff;
background: url(../images/navbgstick.gif) #afbad6 repeat-x right bottom;
font-size: 9pt;
height: 24px;
padding: 0;
margin: 0 0 4px 0;
}
#progress li {list-style: none;
display: block;
float: left;
background: url(../images/progresssignup.gif) no-repeat right bottom;
padding: 0 30px;
height: 24px;
margin: 0;
}
#progress a {color: #fff;}
#progress a:hover {color: #6a7499;}

html #yourdetails #progressyourdetails {background: url(../images/progresssignupstick.gif) no-repeat right bottom;}
html #payment #progresspayment {background: url(../images/progresssignupstick.gif) no-repeat right bottom;}
html #sailing #progresssailing {background: url(../images/progresssignupstick.gif) no-repeat right bottom;}
html #events #progressevents {background: url(../images/progresssignupstick.gif) no-repeat right bottom;}
html #lifestyle #progresslifestyle {background: url(../images/progresssignupstick.gif) no-repeat right bottom;}
html #fitness #progressfitness {background: url(../images/progresssignupstick.gif) no-repeat right bottom;}

.help {vertical-align: top;
width: 150px;}

.helpbox {float: left;
background: url(../images/iconinfobox.gif) left top no-repeat #fffdec;
border: 1px solid #6a7499;
margin: 0 10px;
padding: 6px 6px 6px 22px;
width: 150px;
font-size: 8pt;
line-height: 1.3;
/* Tantek box model hack */
voice-family: "\"}\""; 
voice-family:inherit;
width:180px;}
html>body .helpbox {width:180px;}

.popupbox {display: none;}
a.popup:hover {
color: #000; cursor: default;}
a.popup:hover .popupbox, #exerciseinfo {display: block;
margin: 0;
padding: 8px;
border: 1px solid #6a7499;
background: url(../images/helpbg.png);
font-size: 8pt;}
a.popup:hover .popupbox {position: absolute;
left: 6px;
width: 420px;}
.popupbox h1 {background: url(../images/iconinfo.gif) no-repeat right top;
height: 32px;
margin: 0;
border-bottom: 1px dotted #6a7499;}
.popupbox p {
margin: 6px 0 0 0;}

#exerciseinfo {margin: 12px;}
#exerciseinfo .popupbox {text-align: left;}

.boxout, .box, .bigbox {background: #fffdec;
margin: 0 12px 12px 12px;
padding: 12px;
border: 1px solid #6a7499;
text-align: left;
}
.boxout, .box {margin: 0 12px 12px 12px;}
.bigbox {margin: 0 12px 12px 0; font-size: 10pt;}
.boxout, .box {float: right;}
#library .boxout, #packages .boxout, #paul .boxout, #news .boxout, #contact .boxout {width: 200px;}
#library .box {width: 310px;}
#copycell {background: #fff; padding: 12px;}
#library h1, #news h1 {margin: 0 0 18px 0;}
#library h2, #news h2 {font-size: 10pt; color: #3a73e5; margin: 0; padding: 0;}
#library h3, #news h3 {margin: 0; font-size: 9pt; color: #999; font-weight:normal;}
#library h4 {margin: 0; padding: 0;}
#library p, #news p {margin: 0 0 10px 0; padding: 0;}
#nav ul {background: #fff;
list-style: none;
margin: 0 20px 0 0;
padding: 0;
border-top: 1px solid #ccc;}
#nav li {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #ccc;
border-top: none;}
#nav a {display: block;
margin: 0;
padding: 5px 4px 5px 4px;
line-height: 14px;}
#nav a:hover {background: url(../images/boxbgpale.gif) repeat-x top;}
#library #nav #starting #navstarting, #library #nav #decision #navdecision, #library #nav #handling #navhandling, #library #nav #speed #navspeed, #library #nav #performing #navperforming, #library #nav #skills #navskills, #library #nav #fitness #navfitness {background: url(../images/boxbgvpale.gif) repeat-x top;}
#library #copycell ul {margin: 0; padding: 0 16px;}
#library #copycell li {margin: 0; padding: 0;}
#library #pagelist ul {display: inline; margin: 0; padding: 0; border-right: 1px solid #ccc;}
#library #pagelist {margin: 12px 0; padding: 0; float: left;}
#library #pagelist li {display: inline; margin: 0; padding: 0;}
#library #pagelist a {margin: 0; padding: 4px 8px; border: 1px solid #ccc; border-right: none; background: #fff;}
#library #pagelist a:hover {background: url(../images/boxbgpale.gif)}
#1 #page1, #2 #page2, #3 #page3, #4 #page4, #5 #page5, #6 #page6, #7 #page7, #8 #page8 {background: url(../images/boxbgvpale.gif);}

#library #pagecontrols a {display: inline; vertical-align: top;}
#library #pagecontrols #previous, #pagecontrols #next {float: left; margin: 12px; padding-top:0; padding-bottom: 0;}
#previous a .first {display: none;}
.super {vertical-align: super; font-size: 0.8em;}
#library .diagram {clear: both; border: 1px solid #eee; margin: 0 0 12px 0; padding: 12px;}
#library .diagram p, #library .diagram h2  {text-align: left; margin: 12px 12px 0 12px; padding: 0;}
#library .diagram table {margin: auto;}
#library .caption {color: #999; font-size: 9pt; margin: 12px 0 0 0; padding: 0;}
#library .exdiagram {float: left; padding: 6px; margin: 0 12px 12px 0; border: 1px solid #ccc;}
#library #related li, #library #newslist li  {list-style-image: url(../images/bulletarrow.gif); padding: 6px 0 0 0; line-height: 1.1;}
#library #related td {background: #fff; padding: 6px; border: 1px solid #ccc;}
#library #related {margin: 0 0 12px 0;}
#library #newslist {line-height: 1;}
#library #newslist ul {margin-top: 0; margin-bottom: 6px;}
#library .helpbox {float: right; text-align: left;}
#library .alternate { width: 28%; float: right; text-align: left; border: 1px solid #ccc; margin: 0 0 12px 12px; padding: 6px; background: #e4ecfb;}
#library .alternate h3 {color: #000;}
#library #exercises h2 {border-top: 1px dashed #ccc; padding: 6px 0 3px 0;  clear: both;}
.pullquote {border: 1px solid #ccc; background: #e4ecfb; font-size: 10pt; font-style: italic; float: right; margin: 0s 0 12px 12px; padding: 6px; width: 25%;}

#boatjobs #joblist {border: 1px solid #6a7499; margin-bottom: 20px;}
#boatjobs table, #boatjobedit table {background: #fff;}
#boatjobs td, #boatjobs th {border-bottom: 1px dashed #ccc; padding: 4px;}
#boatjobs th {border-bottom: 1px solid #6a7499; font-size: 9pt; text-align: left;}
#boatjobs .date {color: #999; text-align: right;}
#boatjobs .dateover {color: #f00; text-align: right;}
#boatjobs .recordedit {padding-left: 24px;}
#boatjobs .deletesml,#boatjobedit .deletesml {background: url(../images/buttondeletesml.gif);
height: 13px; width: 18px; margin: 4px; float: right;}
#boatjobs .deletesml:hover, #boatjobedit .deletesml:hover  {background: url(../images/buttondeletesmlhover.gif);}
#boatjobs .recordedit, .editsml {background: url(../images/buttoneditsml.gif) no-repeat;}
#boatjobs .recorddit:hover, editsml:hover {background: url(../images/buttoneditsmlhover.gif) no-repeat; border: 1px solid red;}
#boatjobs .joblistrow:hover {background: #e4e9ff;}
#boatjobs .plus {display: block;}

#boatjobedit td {padding: 4px;}
#boatjobedit .title {vertical-align: top;}
#boatjobedit input {width: 300px;}
#boatjobedit #other input {width: 100px;}
#boatjobedit textarea {width: 300px; height: 100px;}

#help .title {font-size: 9pt; font-weight: bold;}
#help h4 {margin: 0;}
#help h1 {margin-top: 0;}