/* -------------------------------------------------------------- Reset.css Meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ 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, input { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; font-family: Arial, Helvetica, sans-serif; color: #333; background: url(/sitefiles/60/design/2/bg.png) repeat-x; } p { font-size: 12px; } p a { font-weight: bold; text-decoration: none; color: #223d43; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /* Remove possible quote marks */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ----------------------------------------------------------------- Layout ----------------------------------------------------------------- */ div.clearAll { clear: both; } .wrap { width: 900px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; background:#fff url(/sitefiles/60/design/2/wrapper_bg.png) repeat-y; } .top h1 { display: none; } .content{ width: 900px; height: 365px; margin: 0 0 0 0; background: #f10 url(/sitefiles/60/design/2/front-bg.png) repeat-x; } /* ----------------------------------------------------------------- Menu ----------------------------------------------------------------- */ #nav { clear: both; height: 46px; width: 900px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: block; background: #e9f4f6 url(/sitefiles/60/design/2/menu_bg.png) repeat-x; } #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; } #nav a { display: block; width: 10em; font-family: Times New Roman, serif; font-size: 14px; font-weight: bold; border-left: 1px solid #fff; padding: 16px 0 16px 0; color: #2a3031; text-align: center; text-decoration: none; text-transform: uppercase; } #nav a:hover { background: #e1f1f4; } #nav ul { } #nav ul li { list-style-type: disc; } #nav ul li a { padding: 6px 0 6px 0; border: 0; font-size: 12px; text-align: left; } #nav ul li a:hover { text-decoration: underline; } #nav li { /* all list items */ float: left; width: 9em; /* width needed or else Opera goes nuts */ } #nav li ul { /* second-level lists */ position: absolute; background: #d7f2f8; margin:0 0 0 0; padding: 5px 0 5px 30px; width: 11em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; background: #e1f1f4; border: 1px solid #fff; } /* ----------------------------------------------------------------- Boxes ----------------------------------------------------------------- */ .boxContainer { width: 900px; height: 356px; } .box { height: 314px; text-align: center; width: 280px; margin: 23px 0 0 15px; float: left; padding: 14px 0 0 0; background: url(/sitefiles/60/design/2/box_bg.png) no-repeat; } .box span { background: url(/sitefiles/60/design/2/h2-bg.png) repeat-x; display: inline; padding: 17px 10px 0 10px; } .box h2 { font-family: Times New Roman, serif; font-size: 24px; display: inline; } .box h2 a { text-decoration: none; color: #132529; } .box p { line-height: 18px; text-align: left; margin: 11px 21px 0 21px; } .box img { border: 5px solid #daefed; margin:10px 10px 0 10px; } /* ----------------------------------------------------------------- News ----------------------------------------------------------------- */ .news { background:#c6e4ec url(/sitefiles/60/design/2/news_bg.png) repeat-x; width: 900px; height: 210px; clear: both; } .newsbox { height: 165px; padding: 21px 0 0 15px; float: left; width: 435px; } .even { width: 434px; border-left: 1px solid #c2d7dd; } .newsbox a img { border-bottom: 6px solid #b8dae2; float: left; } .newsbox h2 { font-size: 22px; margin: 0 0 5px 160px; font-family: Times New Roman, serif; } .newsbox p { line-height: 18px; margin: 0 20px 7px 160px; } .contentWrap { float: left; width: 880px!important; background:#aadbd4 url(/sitefiles/60/design/2/contentWrap_bg.png) no-repeat; padding: 0 0 50px 0px; margin: 0px 0 10px 10px!important; margin: 0px 0 10px 5px; } .primaryContent, .secondaryContent { padding: 10px 0 0 0; } .primaryContent { float: left; width:508px; } .secondaryContent { float: left; width: 372px; } .primaryContent img, .secondaryContent img { border: 5px solid #d6dedf; margin: 4px } .primaryContent h2 { font-family: Times New Roman, serif; font-size:38px; margin: 0 0 7px 10px; font-weight: normal; } .primaryContent h3 { font-size: 13px; text-transform: uppercase; margin: 8px 0 7px 10px; } .primaryContent p { line-height: 18px; margin: 0 40px 10px 10px; } .secondaryContent h2 { font-family: Times New Roman, serif; font-size:28px; margin: 12px 0 0 10px; } .secondaryContent p { font-size: 12px; } .secondaryContent ul li { font-size: 12px; } /* ----------------------------------------------------------------- Modeller ----------------------------------------------------------------- */ .models { margin: 10px 0 0 0; border-top: 1px solid #a7cfcb; } .model { padding: 20px 10px 20px 10px; margin: 0 0 0 0; border-bottom: 1px solid #a7cfcb; } .model a { color: #000; text-decoration: none; } .model:hover { background: #f4fafb; } .model h3 { margin: 0 0 8px 0; font-weight:normal; } .model h3 a{ color: #000; text-decoration: none; font-size: 18px; font-family: Times New Roman, serif; } form#form-6107 { font-size: 12px; padding: 20px; } form#form-6107 li.heading { font-size: 18px; } form#form-6107 li.error { font-size: 11px; color: red; } form#form-6107 select#field-1, form#form-6107 input#field-4, form#form-6107 input#field-5, form#form-6107 input#field-6, form#form-6107 input#field-7 { width: 280px; } div.eventContainer { padding: 10px; } div.eventContainer form ul { list-style: none; padding: 0; margin: 0; } div.eventContainer form ul li { padding: 5px 0; } div.eventContainer form ul li label { width: 90px; display: block; float: left; font-size: 12px; line-height: 20px; } div.eventContainer form ul li select { cursor: pointer; } div.eventContainer form ul li select#event_status { width: 120px; } div.eventContainer form ul li input#event_title { width: 250px; } div.eventListItem { width: 190px; height: 20px; position: relative; color: #333333; padding: 5px; /*border-bottom: 1px solid #ffffff;*/ } div.eventListItem.free { background: #AADBD4; } div.eventListItem.almost { background: #efff98; border: none; } div.eventListItem.busy { background: #ff9898; border: none; } /* CALENDER CSS */ div#calender .month{ width:180px; float:left; border:1px solid #ccc; margin:8px; border-collapse:collapse; } div#calender td { border:1px solid #ddd; color:#333333; padding:3px; text-align:center; } div#calender th { padding:5px; background: #333333; color:#fff; text-align: center; } div#calender .actday { background: #333333; color:#fff; font-weight:bold; } div#calender .actday.busy, div#calender .busy, span#showBusy { background: #fff100; } div#calender .actday.full, div#calender .full, span#showFull { background: #ff0000; } span#showBusy, span#showFull { clear: both; display: block; height: 25px; line-height: 25px; margin: 12px; text-align: center; width: 110px; } div#calender .actday a { color: #ffffff; } div#calender .days{ background-color:#f1f1f1; } div#calender a { text-decoration: none; color: #838383; } div#calender a:hover { color: #ff9900; } div.boatEventList { float: left; margin-right: 5px; border: 1px solid #305660; } a.remEvent { position: absolute; right: 5px; top: 5px; text-decoration: none; color: red; }