/** shared */
* { margin: 0; padding: 0; }
body { font: 12px "Trebuchet MS",Arial,Helvetica,Sans-Serif; color: #201200; background: #fff url(/images/bg-body.jpg) repeat-x 0 0; }
body img,body form,body fieldset { border: 0px; }

a { color: #6699cc; text-decoration: underline; }
a:hover { text-decoration: none; }

input { font: 12px Tahoma,Sans-Serif; }
input.text,select { font: 12px "Trebuchet MS",Arial,Helvetica,Sans-Serif; height: 18px; border: 1px solid #669999; color: #212121; padding: 1px 2px; margin: 1px 0px; }
input.text.active,textarea.active { border-color: #ff6666; background: #ffffcc; }
select { height: 21px; width: 356px; }
textarea { font: 12px "Trebuchet MS",Arial,Helvetica,Sans-Serif; border: 1px solid #669999;	color: #212121; padding: 1px 2px; margin: 1px 0px; width: 350px; height: 120px; }
input.checkbox { margin: 0px 3px 1px 0px; vertical-align: middle; }
ul { list-style-type: none; }

.clear { display: block; clear: both; height: 0em; margin: 0em; padding: 0em; overflow: hidden; }

/** top */
#top { margin: 0 auto; width: 960px; height: 120px; position: relative; }
#top a img { position: absolute; top: 24px; left: 0; }
#menu { position: absolute; height: 42px; right: 0; top: 60px; overflow: hidden; }
#menu li { display: inline; float: left; width: 123px; border-right: 1px solid #1a5b9b; text-align: center; height: 31px; background: url(/images/bg-menu.jpg) repeat-x 0 0; padding-top: 11px; }
#menu li.first { background: url(/images/bg-menu-first.jpg) no-repeat 0 0; }
#menu li.last { background: url(/images/bg-menu-last.jpg) no-repeat top right; width: 124px; border: 0; }
#menu li.active { background: url(/images/bg-menu-active.jpg) repeat-x 0 0; }
#menu li.first.active { background: url(/images/bg-menu-active-first.jpg) no-repeat 0 0; }
#menu li.last.active { background: url(/images/bg-menu-active-last.jpg) no-repeat top right; width: 124px; border: 0; }
#menu li a { color: #fff; font-size: 13px; text-decoration: none; }
#menu li a:hover { text-decoration: underline; }
#submenu { position: absolute; top: 30px; right: 10px; }
#submenu a { color: #155b97; }
#submenu li { display: inline; padding-left: 30px; }
#submenu li img { vertical-align: middle; }

/** page */
#wrap { width: 100%; background: url(/images/bg-wrap.jpg) repeat-x 0 0; padding-top: 5px; border-top: 2px solid #98daf0; margin-top: 10px; }
#page { width: 960px; margin: 0 auto; overflow: hidden; }
#page h1,#page h2 { color: #5a9426; font: 20px Tahoma,Sans-Sefif; font-weight: normal; padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: 2px solid #caebf2; }
#page h2 { font-size: 16px; }
#page h2 a { color: #5a9426; }
#page h3 { color: #5a9426; font-size: 13px; border-bottom: 1px solid #caebf2; }
#page h5 { color: #5a9426; margin: 15px 0 3px 0; font-size: 14px; }
#page div.center { text-align: center; }
#page div.center img.image { border: 1px solid #212121; padding: 2px; }
#page div.right { text-align: right; }
#page table { width: 100%; border-collapse: collapse; }
#page table td { vertical-align: top; padding: 3px; }
#page table th { text-align: left; padding: 3px; }
#page button { cursor: pointer; border: 0; background: url(/images/bg-button.jpg) repeat-x 0 1px; width: 70px; height: 20px; text-align: center; font: 11px Arial,Sans-Serif; font-weight: bold; color: #336699; }
#page button.small { background: url(/images/bg-button45.jpg) repeat-x 0 1px; width: 45px; }
#page a.btn { text-decoration: none; overflow: hidden; padding-top: 6px; display: block; width: 130px; height: 20px; text-align: center; color: #fff; font: 11px Tahoma,Sans-Serif; font-weight: bold; background: url(/images/bg-button.gif) no-repeat 0 0; }
#page a.btn:hover { background: url(/images/bg-button-hover.gif) no-repeat 0 0; }

/** main */
#main { width: 960px; height: 310px; background: url(/images/bg-main.jpg) no-repeat 0 0; margin: 10px auto 0 auto; position: relative; }
#main a.join { color: #fff; position: absolute; font-size: 24px; top: 170px; left: 80px; }
#main a.guide { color: #fff; position: absolute; font-size: 14px; right: 200px; bottom: 10px; }

/** sidebar */
#sidebar { width: 260px; float: left; display: inline; overflow: hidden; }
#sidebar div.box { width: 260px; margin-bottom: 15px; }
#sidebar div.box div.top { width: 260px; height: 10px; overflow: hidden; background: url(/images/bg-sidebar-top.gif) no-repeat 0 0; }
#sidebar div.box div.content { width: 210px; padding: 5px 15px; background: url(/images/bg-sidebar.gif) repeat-y 0 0; }
#sidebar div.box div.bottom { width: 260px; height: 10px; overflow: hidden; background: url(/images/bg-sidebar-bottom.gif) no-repeat 0 0; }
#sidebar form { font-size: 11px; text-align: right; padding-right: 20px; }
#sidebar form input.text { width: 140px; }
#sidebar ul { margin: 10px 0px; }
#sidebar li { padding: 0 0 3px 20px; background: url(/images/ico-apply.jpg) no-repeat 4px 4px; }
#sidebar li.sep { margin-top: 10px; }
#sidebar ul li ul { margin: 0px; }
#sidebar ul li ul li { padding: 0 0 2px 14px; background: url(/images/bg-square.jpg) no-repeat 4px 7px; }

/** content */
#content { width: 700px; float: right; display: inline; overflow: hidden; }
#content p.justify { text-align: justify; }
#content p img { padding: 1px; border: 1px solid #5a9426; float: left; margin: 2px 7px 5px 2px; }
#content a.more { padding-left: 20px; color: #000; font-style: italic; background: url(/images/ico-more.jpg) no-repeat left 4px; }
#content div.box { width: 700px; margin-bottom: 15px; }
#content div.box div.top { width: 700px; height: 10px; overflow: hidden; background: url(/images/bg-content-box-top.gif) no-repeat 0 0; }
#content div.box div.content { width: 670px; padding: 5px 15px; background: url(/images/bg-content-box.gif) repeat-y 0 0; }
#content div.box div.bottom { width: 700px; height: 10px; overflow: hidden; background: url(/images/bg-content-box-bottom.gif) no-repeat 0 0; }
#content div.news { text-align: right; padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #caebf2; }
#content div.news p { text-align: justify; margin: 0 5px; }
#content div.news h2 { text-align: left; color: #000; padding: 2px 0 2px 30px; background: url(/images/ico-news.jpg) no-repeat 3px 0; }
#content div.news h2 a { color: #000; }
#content div.news em { float: right; }
#content div.photo { text-align: center; display: inline; float: left; overflow: hidden; height: 142px; width: 132px; line-height: 120px; font-size: 95px; }
#content div.photo a img,#content a img.image,#content div.photo100 a img,#content div.photo100 a img.image { background: #fff; padding: 2px; border: 1px solid #212121; vertical-align: middle; }
#content div.photo a:hover img,#content a:hover img.image { border-color: #ff6666; background: #ffffcc; } 
#content div.photo em { display: block; text-align: center; line-height: 15px; font-size: 12px; }
#content p.gallery { margin: 10px; border: 1px solid #8BAFD0; background: #F1F7FC; padding: 5px 8px; text-align: justify; }

/** breadcrumb */
#breadcrumb { margin-bottom: 10px; font-size: 10px; overflow: hidden; }
#breadcrumb ul { margin-left: -7px; }
#breadcrumb ul li { display: inline; padding: 0 5px 0 9px; background: url(/images/ico-raquo.gif) no-repeat 0px 6px; }

/** tables */
#content table { font: 11px Arial,Sans-Serif; }
#content table .key { width: 150px; font-weight: bold; }
#content table .center { text-align: center; }
#content table .options { width: 50px; text-align: center; }
#content table .id { width: 30px; text-align: center; }
#content table .date { width: 90px; text-align: center; }
#content table td.f { border-left: 2px solid #fff; text-align: center; }
#content table th.f { text-align: center; }
#content table .w140 { width: 140px; }
#content table .w105 { width: 120px; }
#content table .w60 { width: 60px; }
#content table .message { width: 36px; background: #F1F7FC url(/images/ico-mail.gif) no-repeat 22px center; }
#content table .newmessage { width: 36px; background: #F1F7FC url(/images/ico-mail-new.gif) no-repeat 22px center; }
#content table .sendmessage { width: 36px; background: #F1F7FC url(/images/ico-mail-send.gif) no-repeat 22px center; }
#content table img { vertical-align: middle; }
#content table th { background: #E1DFD4; border-bottom: 1px solid #8BAFD0; }
#content table td { background: #F1F7FC; border-bottom: 2px solid #fff; vertical-align: middle; }
#content table tr.hover td { background-color: #f3ffcd; }
#content table a { color: #0073C2; }
#content table.book th { border: 1px solid #8BAFD0; text-align: center; }
#content table.book td { border: 1px solid #cccccc; }
#content table td.sum { text-align: right; font-weight: bold; background: #fff; border-left: 0; border-bottom: 0; }
#content table tr.hover td.sum { background: #fff; border-left: 0; border-bottom: 0; }
#content table.forum { margin-bottom: 7px; }
#content table.forum b { font-size: 12px; }
#content table.forum a { color: #212121; }
#content table.forum span.user a { color: #6699cc; }
#content table.forum .w105 { border-right: 1px solid #8BAFD0; vertical-align: top; text-align: center; }
#content table.forum .w105 img { padding: 1px; border: 1px solid #212121; }
#content table.forum .p { vertical-align: top; font-size: 12px; padding: 6px 10px; }

/** profile */
#content div.profile-gallery { width: 540px; padding: 3px 5px 5px 125px; position: relative; min-height: 117px; height: auto !important; height: 117px; margin-bottom: 5px; border-bottom: 1px solid #caebf2; }
#content div.profile-gallery img.last { position: absolute; top: 5px; left: 5px; padding: 2px; border: 1px solid #212121; }
#content div.profile-gallery b { text-decoration: underline; }
#content div.profile-gallery button.edit { position: absolute; top: 3px; right: 90px; }
#content div.profile-gallery button.delete { position: absolute; top: 3px; right: 10px; }
#content div.profile-gallery button.photos { position: absolute; top: 3px; right: 170px; }
#content div.friend { margin: 2px 2px 5px 2px; width: 120px; padding: 5px; position: relative; text-align: center; height: 155px; float: left; display: inline; }
#content div.friend div.thumb { position: absolute; top: 5px; left: 5px; width: 120px; height: 105px; line-height: 85px; font-size: 80px; overflow: hidden; }
#content div.friend div.thumb img { padding: 0; border: 1px solid #404040; margin: 0; }
#content div.friend img { vertical-align: middle; }
#content div.friend a.nick { position: absolute; top: 109px; left: 5px; width: 120px; padding: 2px; height: 23px; line-height: 12px; display: block; text-align: center; text-decoration: none; font-size: 10px; color: #212121; z-index: 100; overflow: hidden; }
#content div.friend a.nick b { font-size: 11px; font-weight: bold; color: #6699cc; }
#content div.friend a.nick:hover { overflow: visible; border: 1px solid #8BAFD0; background: #F1F7FC; height: auto; left: 4px; top: 108px; }
#content div.friend div.options { position: absolute; top: 138px; left: 0; z-index: 99; width: 130px; text-align: center; font-size: 10px; }
#content div.message { width: 670px; }
#content div.message div.friend { background: url(/images/bg-message.jpg) no-repeat 0 0; }
#content div.message div.message-content { width: 530px; float: right; font-size: 10px; }
#content div.message div.message-content b { font-size: 12px; }
#content div.message div.message-content p { min-height: 79px; height: auto !important; height: 79px; font-size: 12px; padding: 10px 0; margin: 5px 0; border-top: 1px solid #caebf2; }

/** definition list */
#content dl { font-size: 12px; }
#content dt { float: left; display: inline; width: 130px; clear: both; text-align: right; font-size: 11px; padding: 4px 10px 7px 0; }
#content dt label { padding-right: 7px; }
#content dt label.required { background: url(/images/ico-required.gif) no-repeat right 2px; }
#content dd { float: left; display: inline; width: 500px; text-align: justify; color: #8a8e91; }
#content dd ul.errors { margin-bottom: 10px; }
#content dd ul.errors li { color: #FF0000; }
#content dd input.text { width: 350px; }
#content dd .sep { margin-bottom: 20px; }
#content dd input.subtext { width: 200px; }

/** yachts */
#content div.yacht { padding: 0px 0px 10px 0px; margin-bottom: 10px; border-bottom: 1px solid #caebf2; }
#content div.yacht.details { border: 0; }
#content div.yacht div.thumb { display: inline; float: left; width: 104px; text-align: center; }
#content div.yacht div.thumb img { padding: 1px; border: 1px solid #404040; margin: 5px 0 3px 0; }
#content div.yacht div.description { width: 550px; float: right; display: inline; }
#content div.message div.description { width: 530px; float: right; display: inline; }
#content div.yacht div.description h2,#content div.message div.description h2 { padding: 0 0 3px 3px; }
#content div.yacht div.description table { width: 550px; }
#content div.message div.description table { width: 530px; }
#content div.yacht div.description table td { width: 130px; background: #fff; }
#content div.message div.description table td { width: 160px; background: #fff; }
#content div.message div.description table td.userkey { width: 100px; text-align: right; color: #999999; }
#content div.yacht div.description table td small { vertical-align: top; }
#content form.add { display: none; }
#content form.add fieldset { width: 400px; margin: 10px auto; border: 1px solid #8BAFD0; padding: 10px; background: #F1F7FC; }

/** cruise */
#content ul.submenu { text-align: center; margin: 15px -14px; border-bottom: 2px solid #caebf2; }
#content ul.submenu li { display: inline; }
#content ul.submenu li a { color: #155b97; padding: 3px 9px; font-size: 14px; font-weight: bold; text-decoration: none; }
#content ul.submenu li a.active { color: #212121; background: #F1F7FC; border: 2px solid #caebf2; border-bottom: 0; }
#content ul.submenu li a:hover { text-decoration: underline; }
#content div.gallery-author { text-align: right; padding: 2px 0 10px 0; font-size: 11px; font-style: italic; }
#content div.friend.gallery { height: 135px; }

/** comments */
#content div.comment,#content div.user { width: 670px; overflow: hidden; margin-top: 10px; padding-top: 10px; border-top: 1px solid #8BAFD0; position: relative; }
#content div.user { border: 0; border-bottom: 1px solid #8BAFD0; height: 125px; }
#content div.comment span { width: 10px; height: 33px; background: url(/images/bg-comment.gif) no-repeat 0 0; position: absolute; top: 33px; left: 125px; }
#content div.comment div { float: left; width: 120px; overflow: hidden; display: inline; text-align: center; }
#content div.comment div b { color: #6699cc; font-weight: bold; }
#content div.comment strong { float: right; }
#content div.comment button { margin-left: 14px; }
#content div.comment p { float: right; clear: right; width: 520px; border: 1px solid #8BAFD0; background: #F1F7FC; padding: 7px; margin-top: 4px; display: inline; }

/** footer */
#footer { width: 100%; padding: 15px 0px; background: #d0ebf4; text-align: center; border-top: 1px solid #c6e7ec; margin-top: 10px; }
#footer div.content { width: 960px; margin: 0 auto; }

/** messages */
#messages { margin: 10px auto; width: 600px; }
#messages h4 { padding: 0 0 4px 10px; background: #397aba; color: #fff; font-size: 13px; font-weight: bold; }
#messages b { border-color: #397aba; border-style: solid; border-width: 0 1px; display: block; height: 1px; overflow: hidden; }
#messages b.r1 { background: #397aba; margin:0 5px; }
#messages b.r2 { border-width: 0 2px; margin:0 3px; }
#messages b.r3 { margin: 0 2px; }
#messages b.r4 { height: 2px; margin:0 1px; }
#messages b.full { background: #397aba; }
#messages p { text-align: center; font-size: 12px; font-weight: bold; color: #FF4C4C; padding: 10px 15px 5px 15px; border-left: 1px solid #397aba; border-right: 1px solid #397aba; }

/** pager */
#page div.pager { font: 12px Arial,Sans-Serif; text-align: center; padding: 15px 0px; }
#page div.pager a { text-decoration: none; color: #212121; border: 1px solid #2E6AB1; padding: 2px 5px; font-weight: bold; background: #fff; }
#page div.pager a.active { background: #2E6AB1; color: #fff; border-color: #2E6AB1; }
#page div.pager a:hover { text-decoration: underline; background-color: #99ccff; color: #212121; }

/** maps */
#map,#map div { overflow: visible; }
#map { float: left; width: 520px; height: 400px; border: 1px solid #212121; }
#trasa { overflow: auto; background: #fff; float: left; width: 125px; margin-left: 10px; display: inline; height: 390px; padding: 5px; border: 1px solid #212121; font-size: 11px; }
#trasa a { display: block; width: 100px; padding: 2px; }
#trasa a:hover { padding: 1px; border: 1px solid #8BAFD0; background: #F1F7FC; }

/** search */
#page form.search { background: #F1F7FC; border-bottom: 2px solid #caebf2; border-left: 1px solid #caebf2; border-right: 1px solid #caebf2; margin: -15px -14px 0 -14px; padding: 10px 20px; } 
#page form.search p { margin-bottom: 10px; }
#page #loading { height: 20px; background: url(/images/loading.gif) no-repeat 200px 1px; text-align: center; font-weight: bold; }
#page #search-results { padding: 10px 0; }
#search-cruise,#search-yacht { display: none; }