/* CSS Document */
html {
height: 100%;
}
body {
height: 100%;
margin-bottom: 1px;
text-align:center;
}
tr,td,p,div
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
}
.clr
{
clear:both;
}
/**********************************************************/
/* layout style */
/**********************************************************/
.body_style
{
text-align:center;
}
#wrapper
{
margin:0 auto;
text-align:left;
width:836px;
}
#top_r
{
background:transparent url(../images/top_r.png) 0% 0% repeat-x;
}
#bottom_r
{
background:transparent url(../images/bottom_r.png) 0% 100% repeat-x;
}
#left_r
{
background:transparent url(../images/left_r.png) 0% 0% repeat-y;
}
#right_r
{
background:transparent url(../images/right_r.png) 100% 0% repeat-y;
}
#top_l_c
{
background:transparent url(../images/top_l_c.png) 0% 0% no-repeat;
}
#top_r_c
{
background:transparent url(../images/top_r_c.png) 100% 0% no-repeat;
}
#bottom_l_c
{
background:transparent url(../images/bottom_l_c.png) 0% 100% no-repeat;
}
#bottom_r_c
{
background:transparent url(../images/bottom_r_c.png) 100% 100% no-repeat;
}
#main_container
{
padding:23px 23px 23px 23px;
}
#logo
{
float:left;
background-color:#000000;
}
#header
{
float:left;
width:790px;
height:160px;
/*background:transparent url(../images/header_images.jpg) 0% 0% repeat-x;*/
}
#header_images
{
/*background:url(../images/yachtcharter.jpg) 0% 0% no-repeat;*/
width:790px;
height:160px;
}
#header_corner
{
/*background:transparent url(../images/header_corner.png) 100% 0% no-repeat;*/
width:800px;
height:160px;
}
#language
{
margin-top:4px;
margin-bottom:1px;
float:right;
padding:1px 1px 0px 1px;
}
/* Joom!Fish CSS definition used by the module or component. You might overwrite it in your
* template and remove this. Within your module configuration you can switch off the loading of the css*/
#top_menu_outline
{
width: 790px;
height:26px!important;
height:28px;
margin-bottom: 4px;
margin-right: 0px;
float: left;
padding-bottom: 1px;
padding-top: 0px;
border-bottom: 1px solid #F1F1F1;
background-color: #8abd16;
}
#top_menu
{
width: 600px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom: 1px;
font-size:12px;
font-weight:normal;
border-top: 1px solid #98d318;
border-left: 0px solid #0066CC;
border-bottom: 1px solid #98d318;
border-right: 0px solid #cccccc;
height: 24px;
float: left;
}
#search_outer {
padding: 0px;
float: left;
width: 140px;
margin: 0px;
}
#search_inner {
border: 0px solid #cccccc;
padding: 0px;
height: 26px !important;
height: 28px;
width: 190px;
margin: 0px;
float: left;
}
#top_modules_outline
{
background:#28B7F9 url(../images/top_modules_blue_repeat.png) 0% 0% repeat-x;
}
#bottom_modules_outline
{
width:790px;
margin-top:5px;
margin-bottom:5px;
background-color:#F2F9DD;
border:1px solid #D2E987;
}
.user
{
vertical-align:top;
}
#pathway_outline
{
width:460px;
padding:2px 0px 4px 0px;
}
#pathway_outline_wide_left
{
width:625px;
padding:2px 0px 4px 0px;
}
#pathway
{
background-color:#FAFAFA;
border-top:1px solid #F1F1F1;
border-left:1px solid #F1F1F1;
border-right:1px solid #F1F1F1;
border-bottom:1px solid #F1F1F1;
padding:5px 0px 4px 7px;
}
#pads
{
padding:4px 0px 0px 0px;
}
#left_outline
{
float:left;
width:160px;
}
#middle_outline
{
float:left;
width:460px;
padding:0px 5px 0px 5px;
}
/*********when some of the modules on left or right are missing*/
#middle_outline_wide_right
{
float:left;
width:625px;
padding:0px 0px 0px 5px;
}
#middle_outline_wide_left
{
float:left;
width:625px;
padding:0px 5px 0px 0px;
}
#middle_outline_wide_left_right
{
float:left;
width:790px;
padding:0px 0px 0px 0px;
}
/****************************************************************/
#right_outline
{
float:left;
width:160px;
}
#right_outline_wide_left
{
float:left;
width:160px;
}
#content_wide_left
{
padding:5px;
padding-right:0px;
border:1px solid #F1F1F1;
}
#content_front
{
width:612px;
background-color:#FBFBFB;
border:1px solid #F1F1F1;
padding:5px;
padding-right:6px;
}
#content
{
width:460;
border: 1px solid #F1F1F1;
padding: 5px;
}
/**********only on front page*****************/
#right_outline_front
{
float:left;
width:160px;
margin-top:8px;
}
#content_top_modules_outline
{
background-color:#FFF4E6;
border:1px solid #FFDBA4;
margin:0px 0px 4px 0px;
}
.skretnica {
background: url(../images/contenthead1.gif) repeat-x;
color: #FF6600;
text-align: left;
padding-top: 3px;
padding-bottom: 12px;
height: 21px;
font-weight: bold;
font-size: 160%;
text-transform: none;
}
#content_bottom_modules_outline
/*background-color:#FFF4E6;*/
/*border:1px solid #FFDBA4;*/
padding:0px;
margin:4px 0px 4px 0px;
}
.user7,.user8
{
vertical-align:top;
padding:4px;
}
.user7
{
background-color:#F2F9DD;
border:1px solid #D2E987;
}
.user8
{
background-color:#FFF4E6;
border:1px solid #FFDBA4;
}
#footer_outline
{
/*background:transparent url(../images/footer_r.png) 0% 0% repeat-x;*/
height:50px;
background-color:#FBFBFB;
border:1px solid #F1F1F1;
}
/* Za sad izbaceno !!!!
#footer_l_c
{
background:transparent url(../images/footer_l_c.png) 0% 0% no-repeat;
height:50px;
}
#footer_r_c
{
background:transparent url(../images/footer_r_c.png) 100% 0% no-repeat;
height:50px;
}
Za sad izbaceno !!!! */
#footer_text
{
padding:5px 0px 0px 0px;
text-align:center;
color:#669900;
}
/**********************************************************/
/* module styles */
/**********************************************************/
/*top modules*/
#top_modules_outline table.moduletable
{
width:100%;
margin:0px 0px 4px 0px;
padding:0;
}
#top_modules_outline table.moduletable th
{
color:#FFFFFF;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 15px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/arrow_blue_down.png) 0px 4px no-repeat;
}
#top_modules_outline table.moduletable td
{
color:#FFFFFF;
padding:0px 0px 0px 5px;
}
#top_modules_outline a:link,#top_modules_outline a:visited
{
color:#FFFFFF;
text-decoration:none;
}
#top_modules_outline a:hover
{
text-decoration:underline;
}
#top_modules_outline ul
{
margin:0;
padding:0;
list-style:none;
}
#top_modules_outline ul li
{
background:transparent url(../images/arrow_white.png) 0px 5px no-repeat;
padding:0px 0px 0px 6px;
}
/*left modules*/
#left table.moduletable
{
width:100%;
margin:0px 0px 10px 0px;
padding:0;
}
#left table.moduletable th
{
color:#669900;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_green.png) 0px 0px no-repeat;
}
#left table.moduletable td
{
color:#333333;
padding:0px 3px 0px 3px;
}
#left a:link,#left a:visited
{
color:#669900;
text-decoration:none;
}
#left a:hover
{
text-decoration:underline;
}
#left a.mainlevel:link,#left a.mainlevel:visited
{
background:transparent url(../images/mainlevel_green.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#left a.mainlevel:hover
{
text-decoration:underline;
}
#left a.mainlevel#active_menu {
text-decoration:none;
}
#left ul
{
margin:2;
padding:0;
list-style:none;
}
#left ul li
{
background:transparent url(../images/arrow_green.png) 0px 2px no-repeat;
margin:5px 0px 0px 5px;
padding:5px 0px 0px 9px;
}
#left a.sublevel:link, #left a.sublevel:visited {
background:transparent url(../images/arrow_green.png) 4px 2px no-repeat;
margin:5px 0px 0px 10px;
padding-left: 15px;
vertical-align: middle;
padding-bottom: 5px;
text-align: left;
}
#left a.sublevel:hover {
text-decoration: underline;
}
#left a.sublevel#active_menu {
color: #333;
}
/*right modules*/
#right table.moduletable
{
width:100%;
margin:0px 0px 10px 0px;
padding: 0;
}
#right table.moduletable th
{
color:#0099FF;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_blue.png) 0px 0px no-repeat;
}
#right table.moduletable td
{
color:#333333;
padding:0px 3px 0px 4px;
}
#right a:link,#right a:visited
{
color:#1A93CF;
text-decoration:none;
}
#right a:link,#right a:visited
{
color:#1A93CF;
text-decoration:none;
}
#right a:hover
{
text-decoration:underline;
}
#right a.mainlevel:link,#right a.mainlevel:visited
{
background:transparent url(../images/mainlevel_blue.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel:hover,#right a.mainlevel#active_menu
{
text-decoration:underline;
}
#right ul
{
margin:0;
padding:0;
list-style:none;
}
#right ul li
{
background:transparent url(../images/arrow_blue1.png) 0px 2px no-repeat;
padding:0px 0px 0px 9px;
}
#right table.moduletable-weath
{
width:100%;
margin:0px 0px 10px 0px;
padding: 0;
}
#right table.moduletable-weath th
{
color:#0099FF;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_blue.png) 0px 0px no-repeat;
}
#right table.moduletable-weath td
{
color:#666666;
padding:0px 3px 0px 0px;
}
#right table.moduletable-weath a:link,#right table.moduletable-weath a:visited
{
color:#1A93CF;
text-decoration:underline;
}
#right table.moduletable-weath a:hover
{
text-decoration:none;
}
#right a:link,#right a:visited
{
color:#1A93CF;
text-decoration:none;
}
#right a:hover
{
text-decoration:underline;
}
/* right - accommodation blue module */
#right table.moduletable-accomm
{
width:100%;
margin:0px 0px 10px 0px;
padding: 0;
}
#right table.moduletable-accomm th
{
color:#0099FF;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_blue.png) 0px 0px no-repeat;
}
#right table.moduletable-accomm td
{
color:#333333;
padding:2px 3px 0px 14px;
}
#right-accomm a:link,#right-accomm a:visited
{
color:#1A93CF;
text-decoration:none;
}
#right-accomm a:hover
{
text-decoration:underline;
}
#right a.mainlevel-accomm:link,#right a.mainlevel-accomm:visited
{
background:transparent url(../images/mainlevel_blue.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel-accomm:hover,#right a.mainlevel-accomm#active_menu
{
text-decoration:underline;
}
#right table.moduletable-accomm ul
{
margin:0;
padding:0;
list-style:none;
}
#right table.moduletable-accomm ul li
{
background:transparent url(../images/mainlevel_blue.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
}
/* right - weather blue module */
#right table.moduletable-weather
{
width:100%;
margin:0px 0px 10px 0px;
padding: 0;
}
#right table.moduletable-weather th
{
color:#0099FF;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_blue.png) 0px 0px no-repeat;
}
#right table.moduletable-weather td
{
border: 0px solid #0099FF;
color:#0099FF;
padding:0px 0px 0px 1px;
}
#right table.moduletable-weather a:link,#right table.moduletable-weather a:visited
{
font-size:11px;
font-weight: normal;
color:#FF6600;
text-decoration:none;
}
#right table.moduletable-weather a:hover
{
text-decoration:underline;
}
#right a.mainlevel-weather:link,#right a.mainlevel-weather:visited
{
background:transparent url(../images/mainlevel_blue.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel-weather:hover,#right a.mainlevel-weather#active_menu
{
text-decoration:underline;
}
#right table.moduletable-weather ul
{
margin:0;
padding:0;
list-style:none;
}
#right table.moduletable-weather ul li
{
background:transparent url(../images/mainlevel_blue.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
}
/* right - cards green module */
#right table.moduletable-cards
{
background-color:#Fbfbfb;
/*border:1px solid #F1f1f1;*/
width:100%;
margin:0px 0px 12px 0px;
padding: 0;
}
#right table.moduletable-cards th
{
color:#669900;
text-align:left;
font-size:11px;
font-weight:bold;
padding:6px 0px 6px 23px;
/*text-transform:uppercase;*/
background:transparent url(../images/tick.png) 6px 6px no-repeat;
}
#right table.moduletable-cards td
{
color:#333333;
padding:0px 3px 4px 4px;
}
#right table.moduletable-cards a:link,#right table.moduletable-cards a:visited
{
font-size:11px;
font-weight: normal;
color:#FF6600;
text-decoration:none;
}
#right table.moduletable-cards a:hover
{
text-decoration:underline;
}
#right-cards a:link,#right-cards a:visited
{
color:#FF6600;
text-decoration:none;
}
#right-cards a:hover
{
text-decoration:underline;
}
/* content_top_modules_outline */
#content_top_modules_outline table.moduletable
{
width:100%;
margin:0;
padding:0;
}
#content_top_modules_outline table.moduletable th
{
color:#FF9900;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0;
text-transform:uppercase;
}
#content_top_modules_outline table.moduletable td
{
color:#333333;
padding:0px 0px 0px 0px;
}
#content_top_modules_outline a:link,#content_top_modules_outline a:visited
{
color:#FF9900;
text-decoration:none;
}
#content_top_modules_outline a:hover
{
text-decoration:underline;
}
/* content_bottom_modules_outline */
#content_bottom_modules_outline
{
margin-left:4px;
}
#content_bottom_modules_outline table.moduletable
{
width:100%;
margin-left:0px;
padding-left:6px;
}
#content_bottom_modules_outline table.moduletable th
{
text-align:left;
font-weight:bold;
padding:0px 0px 0px 0px;
margin-left: 0px;
text-transform:uppercase;
}
/*user7*/
#content_bottom_modules_outline .user7 table.moduletable th
{
color:#669900;
}
#content_bottom_modules_outline .user8 table.moduletable th
{
color:#FF9900;
}
#content_bottom_modules_outline table.moduletable td
{
color:#333333;
padding:0px 0px 0px 0px;
}
#content_bottom_modules_outline a:link,#content_bottom_modules_outline a:visited
{
text-decoration:none;
}
/*user7*/
#content_bottom_modules_outline .user7 a:link,#content_bottom_modules_outline .user7 a:visited
{
color:#669900;
}
/*user8*/
#content_bottom_modules_outline .user8 a:link,#content_bottom_modules_outline .user8 a:visited
{
color:#FF9900;
}
#content_bottom_modules_outline a:hover
{
text-decoration:underline;
}
/*bottom modules*/
#bottom_modules_outline table.moduletable
{
width:100%;
margin:0px 0px 4px 0px;
padding:0;
}
#bottom_modules_outline table.moduletable th
{
color:#669900;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 15px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/arrow_green_down.png) 0px 4px no-repeat;
}
#bottom_modules_outline table.moduletable td
{
color:#669900;
padding:0px 0px 0px 5px;
}
#bottom_modules_outline a:link,#bottom_modules_outline a:visited
{
color:#669900;
text-decoration:none;
}
#bottom_modules_outline a:hover
{
text-decoration:underline;
}
#bottom_modules_outline ul
{
margin:0;
padding:0;
list-style:none;
}
#bottom_modules_outline ul li
{
background:transparent url(../images/arrow_white.png) 0px 5px no-repeat;
padding:0px 0px 0px 6px;
}
/**********************************************************/
/* custom joomla stuff */
/**********************************************************/
span.pathway a:link,span.pathway a:visited
{
color:#999999;
text-decoration:none;
}
#left span.mainlevel
{
color:#669900;
font-weight:bold;
text-decoration:none;
}
#right span.mainlevel
{
color:#0099ff;
font-weight:bold;
text-decoration:none;
}
div#pathway
{
color:#666666;
}
span.pathway img {
margin: 0px 3px;
}
div#pathway td
{
}
span.pathway a {
}
ul
{
margin-top:1;
padding:0;
list-style:none;
}
ul li
{
padding:0px 0px 0px 6px;
margin-top:1;
background:url(../images/arrow_red.png) 0px 4px no-repeat;
}
a:link,a:visited
{
color:#FF6600;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
.contentheading
{
background: url(../images/contenthead.png) repeat-x;
font-size:160%;
color:#669900;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
font-weight:bold;
}
.componentheading {
background: url(../images/contenthead1.gif) repeat-x;
color: #FF6600;
text-align: left;
padding-top: 3px;
padding-bottom: 12px;
height: 21px;
font-weight: bold;
font-size: 160%;
text-transform: none;
}
.small,.createdate,.modifydate
{
color:#999999;
font-size:90%;
}
.contentdescription
{
font-size:90%;
color:#999999;
}
.contentdescription img {
border: 1px solid #ccc;
padding: 4px 4px 4px 4px;
margin-left: 8px;
margin-right: 0px;
}
.sectiontableheader
{
background-color:#FFF4E6;
font-weight: bold;
padding:5px;
color:#FF6600;
}
.sectiontableentry1
{
padding:2px 0px 2px 8px;
background:url(../images/arrow_orng.png) 0px 6px no-repeat;
background-color:#FAFAFA;
font-weight: bold;
display:block;
margin-bottom: 2px;
}
.sectiontableentry2
{
padding:2px 0px 2px 8px;
background:url(../images/arrow_orng.png) 0px 6px no-repeat;
font-weight: bold;
display:block;
}
.sectiontableentry1 a:link, .sectiontableentry1 a:visited
{
color:#FF6600;
font-weight: bold;
text-decoration:none;
}
.sectiontableentry1 a:hover
{
text-decoration:underline;
}
.sectiontableentry2 a:link, .sectiontableentry2 a:visited
{
color:#FF6600;
font-weight: bold;
text-decoration:none;
}
.sectiontableentry2 a:hover
{
text-decoration:underline;
}
.button
{
color: #ff6600;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #FFDBA4;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 5px;
line-height: 16px !important;
line-height: 14px;
height: 24px !important;
height: 22px;
margin: 1px;
}
.mosimage
{
border: 1px solid #cccccc;
margin: 5px
}
.mosimage_caption
{
margin-top: 2px;
padding: 1px 2px;
color: #666;
font-size: 10px;
border-top: 1px solid #cccccc;
}
.inputbox
{
border: 1px solid #BBBBBB;
}
.searchbox
{
font-size: 10px;
border: 1px solid #BBBBBB;
}
.blog_more
{
font-size:90%;
}
h1
{
font-size:19px;
color: #FF6600;
text-align: left;
margin-top: 0px;
margin-bottom: 5px;
}
h2
{
background: url(../images/kockica.gif) 0px 3px no-repeat;
font-size:13px;
margin-top: 0px;
padding-left: 14px;
margin-bottom: 3px;
color: #595959;
}
h3
{
background: url(../images/kockica.gif) 0px 3px no-repeat;
font-size:13px;
margin-top: 0px;
padding-left: 14px;
margin-bottom: 3px;
color: #595959;
}
h4
{
font-size:13px;
color: #595959;
}
B
{
color: #595959;
}
hr
{
font-size:12px;
}
/**********************************************************/
/* magazine style */
/**********************************************************/
/***************************************************************/
/* EXTRA MODULES STYLES */
/***************************************************************/
/*orange*/
#left table.moduletable-orange,
#right table.moduletable-orange
{
width:100%;
margin:0px 0px 10px 0px;
padding:0;
}
#left table.moduletable-orange th,
#right table.moduletable-orange th
{
color:#FF6600;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_orange.png) 0px 0px no-repeat;
}
#left table.moduletable-orange td,
#right table.moduletable-orange td
{
color:#333333;
font-weight:bold;
padding:0px 3px 0px 4px;
}
#left table.moduletable-orange a:link,#left table.moduletable-orange a:visited,
#right table.moduletable-orange a:link,#right table.moduletable-orange a:visited
{
color:#FF6600;
text-decoration:none;
}
#left table.moduletable-orange a:hover,
#right table.moduletable-orange a:hover
{
text-decoration:underline;
}
#left a.mainlevel-orange:link,#left a.mainlevel-orange:visited,
#right a.mainlevel-orange:link,#right a.mainlevel-orange:visited
{
background:transparent url(../images/mainlevel_orange.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#left a.mainlevel-orange:hover,#left a.mainlevel#active_menu,
#right a.mainlevel-orange:hover,#right a.mainlevel#active_menu
{
font-weight: bold;
}
#left table.moduletable-orange ul,
#right table.moduletable-orange ul
{
margin:0;
padding:0;
list-style:none;
}
#left table.moduletable-orange ul li,
#right table.moduletable-orange ul li
{
background:transparent url(../images/arrow_orange.png) 0px 2px no-repeat;
padding:0px 0px 0px 9px;
}
#left a.sublevel-orange:link, #left a.sublevel-orange:visited,
#right a.sublevel-orange:link, #left a.sublevel-orange:visited
{
background:transparent url(../images/arrow_red.png) 3px 4px no-repeat;
margin:5px 0px 0px 10px;
padding-left: 12px;
vertical-align: middle;
padding-bottom: 5px;
text-align: left;
}
#left a.sublevel-orange:hover,
#right a.sublevel-orange:hover {
text-decoration: underline;
}
#left a.sublevel-orange#active_menu,
#right a.sublevel-orange#active_menu{
color: #333;
}
/*Tabs & Slides style-only to be used on modules published in 'right' module position*/
#right table.moduletable-tabs
{
width:100%;
border:1px solid #f1f1f1;
margin:1px 0px 10px 0px;
padding:3px;
padding-bottom:3px;
}
#right table.moduletable-tabs th
{
color:#666666;
border:1px solid #f1f1f1;
border-bottom:3px solid #ffffff;
text-align:left;
font-weight:bold;
padding:8px 0px 4px 9px;
margin-bottom:3px;
text-transform:uppercase;
background-color:#F0F386;
}
#right table.moduletable-tabs td
{
background-color:#F2F9DD;
color:#333333;
padding:2px 0px 0px 0px;
margin-bottom:0px;
}
#right table.moduletable-tabs a:link,#right table.moduletable-tabs a:visited
{
color:#669900;
text-decoration:underline;
}
#right table.moduletable-tabs a:hover
{
text-decoration:none;
}
#right a.mainlevel-tabs:link,#right a.mainlevel-tabs:visited
{
background:transparent url(../images/mainlevel_green.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel-tabs:hover,#right a.mainlevel#active_menu
{
text-decoration:underline;
}
#right table.moduletable-tabs ul
{
margin:0;
padding:0;
list-style:none;
}
#right table.moduletable-tabs ul li
{
background:transparent url(../images/arrow_green.png) 0px 2px no-repeat;
padding:0px 0px 0px 0px;
}
/*search by date style-only to be used on modules published in 'right' module position*/
#right table.moduletable-date
{
background-color:#F2F9DD;
border-top:1px solid #F2F9DD;
width:100%;
margin:3px 1px 0px 1px;
padding:0;
}
#right table.moduletable-date th
{
color:#669900;
text-align:left;
font-weight:bold;
padding:8px 0px 4px 9px;
margin-bottom:2px;
text-transform:uppercase;
background:transparent url(../images/th_green.png) 0px 0px no-repeat;
}
#right table.moduletable-date td
{
border-top:1px solid #F2F9DD;
color:#669900;
padding:0px 0px 0px 0px;
}
#right table.moduletable-date a:link,#right table.moduletable-date a:visited
{
color:#669900;
text-decoration:underline;
}
#right table.moduletable-date a:hover
{
text-decoration:none;
}
#right a.mainlevel-date:link,#right a.mainlevel-date:visited
{
background:transparent url(../images/mainlevel_green.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel-date:hover,#right a.mainlevel#active_menu
{
text-decoration:underline;
}
#right table.moduletable-date ul
{
margin:0;
padding:0;
list-style:none;
}
/*search by place style-only to be used on modules published in 'right' module position*/
#right table.moduletable-place
{
background-color:#F2F9DD;
border:0px solid #D2E987;
width:100%;
margin:3px 0px 0px 1px;
padding:0;
}
#right table.moduletable-place th
{
color:#669900;
text-align:left;
font-weight:bold;
padding:8px 0px 4px 9px;
margin-bottom:2px;
text-transform:uppercase;
background:transparent url(../images/th_green.png) 0px 0px no-repeat;
}
#right table.moduletable-place td
{
color:#669900;
padding:0px 0px 0px 0px;
}
#right table.moduletable-place a:link,#right table.moduletable-place a:visited
{
color:#669900;
text-decoration:none;
}
#right table.moduletable-place a:hover
{
text-decoration:none;
}
#right a.mainlevel-place:link,#right a.mainlevel-place:visited
{
background:transparent url(../images/mainlevel_green.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel-place:hover,#right a.mainlevel#active_menu
{
text-decoration:underline;
}
#right table.moduletable-place ul
{
margin:0;
padding:0;
list-style:none;
}
#right table.moduletable-place ul li
{
background:transparent url(../images/mainlevel_green.png) 0px 4px no-repeat;
padding:0px 0px 0px 9px;
}
/*green style-only to be used on modules published in 'right' module position*/
#right table.moduletable-green
{
width:100%;
margin:0px 0px 10px 0px;
padding:0;
}
#right table.moduletable-green th
{
color:#669900;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_green.png) 0px 0px no-repeat;
}
#right table.moduletable-green td
{
color:#333333;
padding:0px 3px 0px 4px;
}
#right table.moduletable-green a:link,#right table.moduletable-green a:visited
{
color:#669900;
text-decoration:none;
}
#right table.moduletable-green a:hover
{
text-decoration:underline;
}
#right a.mainlevel-green:link,#right a.mainlevel-green:visited
{
background:transparent url(../images/mainlevel_green.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel-green:hover,#right a.mainlevel#active_menu
{
text-decoration:underline;
}
#right table.moduletable-green ul
{
margin:0;
padding:0;
list-style:none;
}
#right table.moduletable-green ul li
{
background:transparent url(../images/arrow_green.png) 0px 2px no-repeat;
padding:0px 0px 0px 9px;
}
/*yachts style-only to be used on modules published in 'right' module position*/
#right table.moduletable-yachts
{
width:100%;
margin:0px 0px 10px 0px;
padding:0;
}
#right table.moduletable-yachts th
{
color:#669900;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 8px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_green.png) 0px 0px no-repeat;
}
#right table.moduletable-yachts td
{
color:#333333;
padding:0px 3px 0px 11px;
}
#right table.moduletable-yachts a:link,#right table.moduletable-yachts a:visited
{
color:#669900;
text-decoration:none;
}
#right table.moduletable-yachts a:hover
{
text-decoration:underline;
}
#right a.mainlevel-yachts:link,#right a.mainlevel-yachts:visited
{
background:transparent url(../images/mainlevel_green.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel-yachts:hover,#right a.mainlevel#active_menu
{
text-decoration:underline;
}
#right table.moduletable-yachts ul
{
margin:0;
padding:0;
list-style:none;
}
#right table.moduletable-yachts ul li
{
background:transparent url(../images/arrow_green.png) 0px 2px no-repeat;
padding:0px 0px 0px 9px;
}
/*search green-only to be used on modules published in 'right' module position*/
#right table.moduletable-search
{
background-color:#F2F9DD;
border:1px solid #D2E987;
width:100%;
margin:1px 0px 10px 0px;
padding:0;
}
#right table.moduletable-search th
{
color:#669900;
text-align:left;
font-weight:bold;
padding:8px 0px 4px 9px;
margin-bottom:2px;
text-transform:uppercase;
background:transparent url(../images/th_green.png) 0px 0px no-repeat;
}
#right table.moduletable-search td
{
color:#669900;
padding:1px 0px 0px 0px;
}
#right table.moduletable-search a:link,#right table.moduletable-search a:visited
{
color:#669900;
text-decoration:underline;
}
#right table.moduletable-search a:hover
{
text-decoration:none;
}
#right a.mainlevel-search:link,#right a.mainlevel-search:visited
{
background:transparent url(../images/mainlevel_green.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel-search:hover,#right a.mainlevel#active_menu
{
text-decoration:underline;
}
#right table.moduletable-search ul
{
margin:0;
padding:0;
list-style:none;
}
#right table.moduletable-search ul li
{
background:transparent url(../images/arrow_green.png) 0px 2px no-repeat;
padding:0px 0px 0px 9px;
}
/*blue modules - only to be used for modules in 'left' module position*/
#left table.moduletable-blue
{
width:100%;
margin:0px 0px 10px 0px;
padding:0;
}
#left table.moduletable-blue th
{
color:#0099FF;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_blue.png) 0px 0px no-repeat;
}
#left table.moduletable-blue td
{
color:#333333;
padding:0px 3px 0px 3px;
}
#left table.moduletable-blue a:link,#left table.moduletable-blue a:visited
{
color:#1A93CF;
text-decoration:none;
}
#left table.moduletable-blue a:hover
{
text-decoration:underline;
}
#left a.mainlevel-blue:link,#left a.mainlevel-blue:visited
{
background:transparent url(../images/mainlevel_blue.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#left a.mainlevel-blue:hover,#left a.mainlevel#active_menu
{
text-decoration:underline;
}
#left table.moduletable-blue ul
{
margin:0;
padding:0;
list-style:none;
}
#left table.moduletable-blue ul li
{
background:transparent url(../images/arrow_blue1.png) 0px 2px no-repeat;
padding:0px 0px 0px 9px;
}
/**********************************************************/
/* suckerfish style */
/**********************************************************/
#nav {
float: left;
margin: 0px;
padding: 0px;
width: auto;
}
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-fish, a.mainlevel_active-fish, a.mainlevel_current-fish,
a.mainlevel-fish:link, a.mainlevel_active-fish:link, a.mainlevel_current-fish:link,
a.mainlevel-fish:visited, a.mainlevel_active-fish:visited, a.mainlevel_current-fish:visited {
background-color: #8abd16;
color: white;
}
a.mainlevel-fish {
background: url(../images/top_spacer2.png) 100% 0 no-repeat;
}
a.mainlevel-fish:hover {
background-color: #83b114;
color: #white;
}
a.mainlevel_active-fish:hover, a.mainlevel_current-fish:hover {
background-color: #0066CC;
color: #3399CC;
}
a.sublevel-fish, a.sublevel_active-fish, a.sublevel_current-fish,
a.sublevel-fish:link, a.sublevel_active-fish:link, a.sublevel_current-fish:link,
a.sublevel-fish:visited, a.sublevel_active-fish:visited, a.sublevel_current-fish:visited {
background-color: #8abd16;
color: white;
}
a.sublevel-fish:hover, a.sublevel_active-fish:hover, a.sublevel_current-fish:hover {
background-color: #83b114;
color: white;
}
ul.mainlevel-fish ul ul a.sublevel-fish, ul.mainlevel-fish ul ul a.sublevel_active-fish, ul.mainlevel-fish ul ul a.sublevel_current-fish,
ul.mainlevel-fish ul ul a.sublevel-fish:link, ul.mainlevel-fish ul ul a.sublevel_active-fish:link, ul.mainlevel-fish ul ul a.sublevel_current-fish:link,
ul.mainlevel-fish ul ul a.sublevel-fish:visited, ul.mainlevel-fish ul ul a.sublevel_active-fish:visited, ul.mainlevel-fish ul ul a.sublevel_current-fish:visited {
background-color: 8abd16;
color: white;
}
ul.mainlevel-fish ul ul a.sublevel-fish:hover, ul.mainlevel-fish ul ul a.sublevel_active-fish:hover, ul.mainlevel-fish ul ul a.sublevel_current-fish:hover {
background-color: #83b114;
color: white;
}
ul.mainlevel-fish ul .expanded {
display: block;
background-image: url("../images/arrow_right.gif");
background-position: right center;
background-repeat: no-repeat;
padding-right: 10px;
}
/** customize style / layout here */
a.mainlevel-fish, a.mainlevel_active-fish, a.mainlevel_current-fish, span.mainlevel-fish,
a.mainlevel-fish:link, a.mainlevel_active-fish:link, a.mainlevel_current-fish:link,
a.mainlevel-fish:visited, a.mainlevel_active-fish:visited, a.mainlevel_current-fish:visited,
a.mainlevel-fish:hover, a.mainlevel_active-fish:hover, a.mainlevel_current-fish:hover {
font-weight: bold;
font-size: 100%;
text-align: left;
text-transform: uppercase;
text-decoration: none;
display: block;
padding: 0.4em 0.9em 0.2em 0.9em;
}
a.sublevel-fish, a.sublevel_active-fish, a.sublevel_current-fish, span.sublevel-fish,
a.sublevel-fish:link, a.sublevel_active-fish:link, a.sublevel_current-fish:link,
a.sublevel-fish:visited, a.sublevel_active-fish:visited, a.sublevel_current-fish:visited,
a.sublevel-fish:hover, a.sublevel_active-fish:hover, a.sublevel_current-fish:hover {
font-weight: bold;
font-size: 100%;
text-transform: uppercase; !promjena
text-align: left;
text-decoration: none;
display: block;
border-left: 0px solid #a7d324;
border-right: 1px solid #a7d324;
border-top: 1px solid #a7d324;
padding: 0.3em 0.9em 0.3em 0.9em; !promjena
}
a.sublevel-fish, a.sublevel_active-fish, a.sublevel_current-fish, span.sublevel-fish {
font-size: 100%; !promjena
border-top: none;
height: 1%; /* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}
#active_menu-fish,
a.mainlevel_active-fish, a.mainlevel_current-fish,
a.mainlevel_active-fish:link, a.mainlevel_current-fish:link,
a.mainlevel_active-fish:visited, a.mainlevel_current-fish:visited,
a.mainlevel_active-fish:hover, a.mainlevel_current-fish:hover,
a.sublevel_active-fish, a.sublevel_current-fish,
a.sublevel_active-fish:link, a.sublevel_current-fish:link,
a.sublevel_active-fish:visited, a.sublevel_current-fish:visited,
a.sublevel_active-fish:hover, a.sublevel_current-fish:hover {
font-weight: bold;
}
ul.mainlevel-fish, .mainlevel-fish ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1.6; !promjena
z-index: 100;
}
ul.mainlevel-fish li {
padding: 0;
margin: 0;
background: none;
float: left;
}
ul.mainlevel-fish li li {
position: relative;
display: block;
width: 15em; !promjena
}
ul.mainlevel-fish ul {
display: block;
position: absolute;
left: -999em;
margin: 0.0em 0 0 0em;
width: auto;
height: auto;
z-index: 101;
}
ul.mainlevel-fish li li ul {
line-height: 1.6;
margin: -2.5em 0 0 15em; !promjena
z-index: 102;
}
ul.mainlevel-fish li:hover ul,
ul.mainlevel-fish li.hover ul {
left: auto;
}
ul.mainlevel-fish li:hover ul ul,
ul.mainlevel-fish li.hover ul ul {
left: -999em;
}
ul.mainlevel-fish li:hover ul li:hover ul,
ul.mainlevel-fish li.hover ul li.hover ul {
left: auto;
}
ul.mainlevel-fish, ul.mainlevel-fish li li {
clear: left;
}
/** separator */
span.mainlevel-fish, span.sublevel-fish {
display: block;
width: 1em;
border-width: 0px;
margin-left: 1em;
padding: 0;
padding-top: 1px;
}
/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-fish > ul.mainlevel-fish {
position: absolute;
top: 5em; /* change the absolute position for IE5.0 here */
}
ul.mainlevel-fish > ul.mainlevel-fish li.hover ul {
margin: 0.1em 0 0 0em; /* top, right, bottom, left */
}
ul.mainlevel-fish > ul.mainlevel-fish li.hover ul ul {
margin: -1.6em 0 0 10em; /* top, right, bottom, left */
}