html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: "Lucida Grande", Tahoma, sans-serif; vertical-align: baseline; } body { line-height: 1; color: #333; background: #fff; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; }  blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }   #messages{ padding: 10px; margin: 10px 0 10px 0; font-weight: bold; white-space: nowrap; border: 2px solid #ddd; } #messages ul { margin: 10px 0 0 3px; } #messages div { width: 600px; } .message { color: #a96; margin-bottom: 3px; } .warning { color: #f90; margin-bottom: 3px; } .success { color: #090; margin-bottom: 3px; } .error { color: #d00; } span.error { color: #d00; margin-bottom: 3px; }  html { font-size: 0.8em; } body { background: #fff url(/images/bg.jpg) repeat-x top left fixed; text-align: center; } label { padding: 0; display: block; margin: 0 0 5px 0; } input, select, textarea { margin: 0; font: inherit; font-weight: normal; display: block; } .fullwidth { width: 100%; } p { margin: 0 0 10px 0; text-align: justify; } li { margin: 0 0 5px 20px; } strong { font-weight: bold; } em { font-style: italic; } .intro { font-size: 1.2em; font-weight: bold; margin: 20px 0 20px 0; } .container { width: 730px; margin: 0 auto; text-align: left; } #header .container { width: 765px; } #body .container { border: 1px solid #999; background: #fff; line-height: 1.5em; padding: 0px 20px 30px 20px; } #header { margin: 10px 0 5px 0; color: #666; text-shadow: rgb(200, 200, 200) 1px 1px 0px; } #header a, #header a:link, #header a:visited { text-shadow: none; color: #333; } #header a:hover { color: #406699; } #nav { float:right; padding: 5px 0 0 0; text-align: right; } .right { float: right; } h1 { font-weight: bold; font-size: 16px; margin: 20px 0 10px 0; color: #214062; } h2 { font-weight: bold; font-size: 16px; margin: 20px 0 10px 0; color: #214062; } h2 a { font-size: 0.7em; margin: 0 0 0 10px; } a, a:visited { color: #406699; text-decoration: none; } a:hover { color: #39c; text-decoration: underline; } .note { font-size: 0.9em; color: #666; } li.removed a.edit, li.removed a.remove { display: none; } li.active a.edit_disabled, li.active a.unremove { display: none; } li.removed span { text-decoration: line-through; } table.list { width: 100%; margin: 0; } table.list tr.head td { background: url(/images/headerbg.gif) repeat-x top left; color: #fff; font-weight: bold; } table.list th { padding: 0 0 10px 5px; font-weight: bold; border-bottom: 1px solid #e3e3e3; vertical-align: bottom; } table.list tr.noborder th, table.list tr.noborder td { border-bottom: 0px; } table.list td { border-bottom: 1px solid #e3e3e3; padding: 5px; vertical-align: top; } table.list td.no { border-bottom: 0px solid #e3e3e3; padding: 5px; } table.list tr.row:hover td { background: #d9e8fb; } table.list tr.highlighted td { background: #d9e8fb; } table.list tr.odd td { background: #f8f8f8; } #progressMenu { margin: 5px 0 0 0; width: 100%; border-bottom: 1px solid #ccc; padding: 0 5px 5px 0; } ul.list { margin: 0 0 20px 0; list-style: none; } ul.list li { margin: 0; padding: 0 0 10px 0; } ul.list li ul { margin: 0 0 0 0; list-style: none; } ul.list li ul li { margin: 0; padding: 0 0 10px 10px; } .bottomBuffer { margin-bottom: 5px; } .inline { display: inline; } .noBuffer { margin-top: 0; } .negativeBuffer { margin-top: -10px; } td, th { vertical-align: top; } .smaller { font-size: 0.8em; } .hidden { display: none; } .date_input { margin: 2px 0 0 5px; cursor: pointer; } .clear { clear: both; } .center { text-align: center; } #visa, #mastercard, #amex, #discover { margin: 0 3px 10px 0; } #addressform { margin: -20px 0 10px 20px; } #clubform { margin: 0 0 0 22px; } #footer { padding: 15px 0 15px 0; line-height: 1.7em; color: #444; } #footer .container { text-align: center; }  .tick { background: url(/images/icons/tick.png) top left no-repeat; padding-left: 20px; } .print { background: url(/images/icons/print.png) top left no-repeat; padding-left: 20px; } .hourglass { background: url(/images/icons/hourglass.png) top left no-repeat; padding-left: 20px; } .cross { background: url(/images/icons/cross.png) top left no-repeat; padding-left: 20px; } .exclamation { background: url(/images/icons/exclamation.png) top left no-repeat; padding-left: 20px; } .help { background: url(/images/icons/help.png) top left no-repeat; padding-left: 20px; } .add { background: url(/images/icons/add.png) top left no-repeat; padding-left: 20px; } .import { background: url(/images/icons/page_white_get.png) top left no-repeat; padding-left: 20px; } .delete { background: url(/images/icons/delete.png) top left no-repeat; padding-left: 20px; } .more { background: url(/images/icons/information.png) top left no-repeat; padding-left: 20px; } .rename { background: url(/images/icons/textfield_rename.png) top left no-repeat; padding-left: 20px; }  #facebox .b { background:url(/images/facebox/b.png); } #facebox .tl { background:url(/images/facebox/tl.png); } #facebox .tr { background:url(/images/facebox/tr.png); } #facebox .bl { background:url(/images/facebox/bl.png); } #facebox .br { background:url(/images/facebox/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 600px; line-height: 1.5em; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay {  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }  .tip { width: 350px; border: 1px solid #cdcdcd; padding: 5px; background: #fdffc1; color: #000; line-height: 1.2em; }  div.datepicker { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 196px; height: 147px; position: absolute; cursor: default; top: 0; left: 0; display: none; } .datepickerContainer { background: #121212; position: absolute; top: 10px; left: 10px; } .datepickerBorderT { position: absolute; left: 10px; top: 0; right: 10px; height: 10px; background: url(/images/datepicker/datepicker_t.png); } .datepickerBorderB { position: absolute; left: 10px; bottom: 0; right: 10px; height: 10px; background: url(/images/datepicker/datepicker_b.png); } .datepickerBorderL { position: absolute; left: 0; bottom: 10px; top: 10px; width: 10px; background: url(/images/datepicker/datepicker_l.png); } .datepickerBorderR { position: absolute; right: 0; bottom: 10px; top: 10px; width: 10px; background: url(/images/datepicker/datepicker_r.png); } .datepickerBorderTL { position: absolute; top: 0; left: 0; width: 10px; height: 10px; background: url(/images/datepicker/datepicker_tl.png); } .datepickerBorderTR { position: absolute; top: 0; right: 0; width: 10px; height: 10px; background: url(/images/datepicker/datepicker_tr.png); } .datepickerBorderBL { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; background: url(/images/datepicker/datepicker_bl.png); } .datepickerBorderBR { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; background: url(/images/datepicker/datepicker_br.png); } .datepickerHidden { display: none; } div.datepicker table { border-collapse:collapse; } div.datepicker a { color: #eee; text-decoration: none; cursor: default; outline: none; } div.datepicker table td { text-align: right; padding: 0; margin: 0; } div.datepicker th { text-align: center; color: #999; font-weight: normal; } div.datepicker tbody th { text-align: left; } div.datepicker tbody a { display: block; } .datepickerDays a { width: 20px; line-height: 16px; height: 16px; padding-right: 2px; } .datepickerYears a, .datepickerMonths a{ width: 44px; line-height: 36px; height: 36px; text-align: center; } td.datepickerNotInMonth a { color: #666; } tbody.datepickerDays td.datepickerSelected{ background: #136A9F; } tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected { background: #17384d; } tbody.datepickerYears td.datepickerSelected, tbody.datepickerMonths td.datepickerSelected{ background: #17384d; } div.datepicker a:hover, div.datepicker a:hover { color: #88c5eb; } div.datepicker td.datepickerNotInMonth a:hover { color: #999; } div.datepicker tbody th { text-align: left; } .datepickerSpace div { width: 20px; } .datepickerGoNext a, .datepickerGoPrev a, .datepickerMonth a { text-align: center; height: 20px; line-height: 20px; } .datepickerGoNext a { float: right; width: 20px; font-weight: bold; font-size: 1.1em; } .datepickerGoPrev a { float: left; width: 20px; font-weight: bold; font-size: 1.1em; } .datepickerDoW th { padding-top: 3px; padding-bottom: 5px; } table.datepickerViewDays tbody.datepickerMonths, table.datepickerViewDays tbody.datepickerYears { display: none; } table.datepickerViewMonths tbody.datepickerDays, table.datepickerViewMonths tbody.datepickerYears, table.datepickerViewMonths tr.datepickerDoW { display: none; } table.datepickerViewYears tbody.datepickerDays, table.datepickerViewYears tbody.datepickerMonths, table.datepickerViewYears tr.datepickerDoW { display: none; } td.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a{ color: #333; } td.datepickerDisabled a:hover { color: #333; } td.datepickerSpecial a { background: #700; } td.datepickerSpecial.datepickerSelected a { background: #a00; }  div.inputWrapper { margin-bottom: -5px; } form.small fieldset div.inputWrapper, form.small fieldset div.inputGroup { margin-left: 120px; } form fieldset div.inputWrapper, form fieldset div.inputGroup { margin-left: 180px; } form.large fieldset div.inputWrapper, form.large fieldset div.inputGroup { margin-left: 230px; } form.small fieldset label { width: 110px; } form fieldset label { width: 170px; } form.large fieldset label { width: 220px; } form fieldset div.inputWrapper label, form fieldset div.inputGroup label { width: auto; } fieldset { margin: 0 0 20px 0; } fieldset legend { font-weight: bold; font-size: 16px; padding: 0 0 10px 0; color: #214062; } fieldset ol { list-style:none; } fieldset ol li { float:left; width:100%; padding-bottom:7px; padding-left: 0; margin-left: 0; } fieldset ol li input, fieldset ol li select, fieldset ol li textarea { margin-bottom: 5px; } fieldset label { float: left; margin-right:10px; vertical-align: top; } fieldset div.inputGroup label { float: none; } div.inputWrapper span.description, div.inputWrapper label { margin-top: -5px; font-size: 0.8em; display: block; margin-bottom: 0; color: #666; } label input { margin-right: 10px; display: inline; } #pricing { width: 100%; border-collapse: collapse; margin-bottom: 1em; } #pricing th { width: 22%; background: url(/images/ad_background.jpg) no-repeat top left; color: #fff; border: 1px solid #357099; font-weight: bold; text-align: center; font-size: 1.1em; padding: .3em; } #pricing td { text-align: center; border-right: 1px solid #357099; border-left: 1px solid #357099; padding: 0.4em; background-color: #f1f2f6; } #pricing tr.odd td { background-color: #e4e4e9; } #pricing td.divider { font-size: 0.2em; background-color: #fff; } #pricing td.description { text-align: right; border-left: 0; border-right: 0; padding-right: 1em; background-color: #fff; } #pricing tr.odd td.description { background-color: #eee; } #pricing tr.last td { border-bottom: 1px solid #357099; } #pricing tr.last td.description, #pricing tr.last td.divider { border-bottom: 0; } #pricing strong { font-size: 1.5em; display: block; margin-bottom: .6em; margin-top: .5em; } blockquote { font-size: 2em; margin: 1.5em 0; line-height: 1.2em; text-align: center; } blockquote div.cite { margin-top: .2em; color: #666; text-align: right; font-size: .7em; } .features-intro { font-size: 1.3em; color: #777; margin: 1.5em 0 .4em; line-height: 1.5em; } img.screenshot { float: right; margin-left: 1.5em; margin-top: 1em; } #featured_meet { background: #e5eef3; border-bottom: 1px solid #ccc; margin: 0 -20px 0 -20px; padding: 1px 20px 20px 20px; } #aside { margin-top: 45px; float: right; width: 140px; text-align: center; } #meets td { padding: 3px 0; } a.register { background: url(/images/register_small.png) center left no-repeat; padding: 5px 0 5px 85px; } #featured_meet h2 { font-size: 1.5em; } #main_ad { background: url(/images/ad_background.jpg) no-repeat top left; margin: 0 -20px; color: #fff; padding: 15px 20px 15px 20px; } #main_ad h2 { margin-top: 0px; color: #fff; font-size: 1.8em; } #main_ad p { width: 460px; line-height: 1.9em; margin: 5px 0 5px 0; } #main_ad div { margin: 25px 0 0 0; width: 300px; } #main_ad div div { float: right; width: 130px; margin-top: -1px; padding-top: 5px; font-size: 1.1em; } #main_ad div div a, #main_ad div div a:link, #main_ad div div a:hover, #main_ad div div a:visited { margin-left: 15px; text-decoration: underline; color: #fff; } #main_ad div div a:hover { color: #ccc; } img.feature_icon { float: left; margin-right: 10px; margin-top: -7px; } div.feature { clear: both; padding-top: 10px; }