/*
  For SubSKins - Dette er medialog looken.

  <dtml-with base_properties> (do not remove this)
  <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either)
*/

#portal-header {
	background: white;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	}

#portal-logo {
	clear: both;
	background: white url(http://web.ctwn.org/FadetaTheme/Fadeta_files/banner.jpg) no-repeat;
	align: center;
	height: 121px;
	overflow: visible;
	padding: 20px 0 0 0;
	}

#logoimg {
	display: block;
	width: 250px;
	height: 100px;
	position: relative;
	margin: 0 0 0 550px;
	padding: 0 0 0 0;
	color: #CC5300;
}

#logoimg img {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#logoimg .logotext {
	float: left;
	font-size: 150%;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

#logoimg .logoabn {
	float: left;
	font-size: 85%;
	padding: 0;
	margin: 0;
}

#logoimg .logoabn {
	font-size: 85%;
}

.section-welcome #portal-logo {
clear: both;
	background: #abc8e2 url(http://web.ctwn.org/FadetaTheme/Fadeta_files/banner-welcome.jpg) no-repeat;
	height: 136px;
	margin-bottom: 5px;
	overflow: visible;
	}

h1#portal-logo {
	border-left-style: none;
	margin-left: 0;
        border-left: none;
	}

#portal-searchbox {
	padding: 0 0 0 4px;
	margin: 0;
	float: left;
	}

#portal-languageselector {
	float: right;
	margin: 0;
	padding: 0;
}

.documentActions ul{
	display: inline;
	float: right;
	margin: 1px;
	}

.documentActions ul li a img {
	vertical-align: middle;
	}

.documentActions img.currentItem {
	opacity: 1;
	}

#portal-siteactions{
  float: right;
  height: 20px;
  margin: 0;
  margin-left: 12px;
  padding: 0;
  }

#portal-siteactions li{
  display: inline;
  padding: 0;
  padding-right: 12px;
  line-height: 10px;
  font-size: 0.875em;
  }

#portal-siteactions li a{
  color: #999;
  border: 0;
  }

#portal-siteactions li a:hover{
  color: #333;
}

#portal-personaltools {
float: right;
margin: 0.5em 0;
padding: 0;
}

#portal-personaltools li {
display: inline;
list-style: none;
list-style-image: none;
}

#portal-personaltools li a {
text-decoration: none;
margin-right: 1em;
}

#portal-breadcrumbs {
	background-color: #B2D9B2;
}

#breadcrumbs-you-are-here {
	display: none;
}

/* </dtml-with> */
/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */

h1 {
	font-family: verdana, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	}

h2 {
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	margin-top: 17px;
	}

h5 {
	margin-bottom: 10px;
	}

p.documentDescription,
.documentDescription {
	background-image: none;
	background:none;
	padding:  4px 0px 0px 0px;
	font: bold 11px verdana, helvetica, sans-serif;
	color: #666666;
	}

a {
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}

a:hover {
	color: #000000;
	}

p {
	font-family: verdana, helvetica, sans-serif;
	font-size:	12px;
	line-height: 16px;
	padding: 0px 2px 5px 2px;
	}

p a:link {
	color: #000000;
	}

img {
	border: none;
	}

input {
    border: 1px solid #2f4355;
    margin: 5px 0;
    }
    
ul{
	margin: 0.5em 0 0.75em 2em;
	list-style-type: disc;
}

ol{
	margin: 0.5em 0 0.75em 2em;
	}

li{
	margin: 0.5em 0;
}
dl{
	margin: 0.5em 1em 0.75em;
	}

dt{
	margin: 0.75em 0;
	font-weight: bold;
	}

dd{
	margin: 0.5em 0;
	}

a.tile {
	color: black;
	}

fieldset{
	padding: 1em;
	border: 1px solid #ccc;
	}

legend{
	font-weight: bold;
	}

form{
	border: 0;
	}

label {
	font: 10px verdana, helvetica, sans-serif;
	font-weight: bold;
	display: inline;
	}

textarea{
	border: 1px solid #ccc;
	margin: 5px 0;
	}

select{
	border: 1px solid #ccc;
	}

.field{
	font: 10px verdana, helvetica, sans-serif;
	margin-top: 0.75em;
	}
.formControls input, .searchButton{
	padding: 2px ;
	padding-left: 20px;
	}

table{
	border-collapse: collapse;
	font-size: 1em;
	}
	
tbody{}

tr{}

th{}

td{}

em{
	font-style: normal;
	font-weight: bold;
	}
	
strong{
	font-weight: bold;
	}

cite, q{}

blockquote{
	margin: 0.7em 0;
	padding: 0.5em 10px;
	border: 1px solid #ccc;
	color: #666666;
	}

code, kbd{
	background: #333;
	color: #ccc;
	font-family: "Lucida console", Lucida, Monaco, "Courier New", Courier, monospace;
}

pre{
	margin: 0.5em 2em 0.75em 2em;
	padding: 0.5em;
	background: #333;
	color: #666666;
	font-family: "Lucida console", Lucida, Monaco, "Courier New", Courier, monospace;
	}

ins{}

del{
	color: #999;
	text-decoration: overline;
	}

.portalMessage{
	padding: 0.375em 1em;
	background: silver;
	border: 1px solid #dda;
	}
	
.documentActions ul{
	margin: 0;
	text-align: right;
	}

.documentActions ul li{
	display: inline;
	padding-right: 0.5em;
}

.documentActions ul li a{
	border: 0;
}

.documentFirstHeading{
	color: 09a;
}

.documentDescription{
	padding: 0.5em;
	background: #f3f3f3;
	margin-bottom: 1.5em;
}

.documentContent{
	background: #B2D9B2;
}

.comment{
	border: 1px solid #ccc;
	background: #f3f3f3;
	}

/* </dtml-with> */	
/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */
/* @group Portlets */

.portlet{
	padding-top: 36px;
	margin: 0px 0 0 0;
	}

.portlet a{
}

.portlet ul{
	list-style-type: none;
	}
.portlet ul, .portlet dl, .portlet li, .portlet dt, .portlet dd{
	margin: 0;
	}
.portletHeader{
	display:none;
	}

.portletItem{
	padding: 0.375em 0 0 10px;
	background-color: transparent;
	color: black;
	}

span.portletItemDetails{
	display: block;
	color: #999;
	}

.configlets li{
	padding: 0.5em 0;
	}

.portletFooter{
	}

/* @end */
/* </dtml-with> */	/*
  For SubSkins
   <dtml-with base_properties> (do not remove this)
  <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either)
*/

#nav .portletItem{
	padding: 0px 2px 0px 0px;
	background-image: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	}

#nav .portletNavigationTree{
	list-style-type: none;
	}

#nav .portletNavigationTree ul{
	list-style-type: none;
	}

#nav .portletNavigationTree li{
	border-top: 1px solid #003366;
	}

#nav .portletNavigationTree li a{
	display: block;
	width: auto;
	padding: 6px; /* Padding rundt tekst */
	color: #000;
	text-decoration: none;
	}

#nav .portletNavigationTree li a:hover,
.portletNavigationTree li.navTreeItem a.navTreeCurrentItem{
	background: #336699;
	color: white !important;
}

#nav .portletNavigationTree li a:hover {
	color: #fff !important;
	background: #4C99E6;
	}

#nav .navTreeLevel0 {
	padding: 0;
}

#nav .portletNavigationTree .navTreeLevel1 li a{
	font-weight: normal;
	padding-left: 1.25em;
	}

#nav .portletNavigationTree .navTreeLevel2 li a{
	font-weight: normal;
	padding-left: 2em;
	}

#nav .portletNavigationTree .navTreeLevel3 li a{
	font-weight: normal;
	padding-left: 3em;
	}

/* </dtml-with> */
/*
  This file is based on the andreas theme
  <dtml-with base_properties> (do not remove this)
  <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either)
*/


/* </dtml-with> */
/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */

#portal-colophon{
	font-size: 0.875em;
	margin: 0px auto;
	text-align: center;
	padding-top: 15px;
	color: #333;
	}

#portal-colophon a{
  color: #ccc;
  }

#portal-colophon p{
  display: inline;
  margin: 0;
  padding-left: 0.5em;
  }

#portal-colophon ul{
  list-style-type: none;
  display: inline;
  margin: 0;
  }

#portal-colophon ul li{
  display: inline;
  padding-left: 0.5em;
  }

.colophonWrapper{
	display: inline;
	}

/* </dtml-with> */	/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */

body{
  position: relative;
  background-color: #6699cc;
  /*background-color: #b2d9b2; */
  width: 840px;
  margin: 6px auto;
  font-family: verdana, helvetica, sans-serif;
  font-size: 10px;
  }

/* @group Base Structure */

/* base structures

---------------------------------------------------------------------- */

#visual-portal-wrapper{
        position: relative;
        background: #fff;
        text-align: left;
        position: relative;
        width: 100%;
        }

#portal-columns{
}

#portal-column-one{
  width:  170px;
  padding: 0 20px 0 20px;
  color: #ccc;
  background: white;
  border-right: 1px solid #ccc;
 }

#portal-column-one *{
  margin: 0;
  }


#portal-column-two{
  width:  170px;
  padding: 0 20px 0 20px;
  color: #ccc;
  background: white;
  }

#portal-column-two *{
  margin: 0;
}

#portal-column-content{
  padding: 0px;
  background-color: #b2d9b2;
}

/* @end */

/* </dtml-with> */	
/*
  This file is based on the ploneCustom.css.dtml shipped with Plone.

  <dtml-with base_properties> (do not remove this)
  <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either)
*/

/* YOUR CSS RULES START HERE */

/* Styles for kupu */

em {
	font-style: italic;
	font-weight: normal;
}

.image-left {
   float: left;
   margin: 0;
   padding: 0 2px 5px 0;
   border: none;
}

.image-inline {
   float: none;
   padding: 5px 2px 5px 0;
}

.image-right {
   float: right;
   margin: 0 0 0 3px;
   border: none;
   padding: 0 2px 5px 0;
}

.image-caption {
	color: red;
	font-style: italic;
}

.documentDescription {
	color: #030303 !important;
	font-family: Helvetica,sans-serif !important;
}



.highlight-title {
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
	display: block;
	background-color: #0066FF;
	color: #FFFF00;
	width: 300px;
	font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
	font-size: 130%;
	font-style: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	position: center;
}

/* Fish Species Styles */
#fish-species {
	display: block;
	background-color: #FEFEFE;
	padding-top: 10px;
	height: 250px;
}
#fish-species-2 {
	display: block;
	background-color: #FEFEFE;
	padding-bottom: 10px;
	height: 250px;
}
#fish-species-2 img {
	margin-bottom: 5px;
}

.section-fishing .row, .section-fishing-pl .row, .section-fishing-cs .row {
	display: block;
	width: 370px;
	float: left;
}

/* Fish sites styles */
.section-fishing .block, .section-fishing-pl .block, .section-fishing-cs .block {
	display: block;
	width: 290px;
	float: left;
	height: 200px;
}

.section-fishing .block h2, .section-fishing-pl .block h2, .section-fishig-cs .block h2 {
	font-size: 130%;
	color: red;
	font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

/* Welcome styles */

.welcome {
	display: block;
	background-image: url(http://web.ctwn.org/FadetaTheme/Fadeta_files/image070.jpg);
	background-repeat: no-repeat;
	width: 348px;
	height:260px;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	font-weight: bold;
	float: left;
}

.welcome p {
	color: #F0FFFF;
	font-size: 130%;
	padding: 180px 10px 10px 0;
}
.section-welcome .title {
	display: block;
	float: left;
	width: 200px;
	padding: 0 0 10px 0;
}
.section-welcome .title h2 {
	padding: 0;
	margin: 0;
}

.section-welcome .image-left {
	clear: none;
}
.section-welcome .image-right {
	clear: none;
	padding: 0;
	margin: 0;
}
.section-fishing dl {
	padding: 0;
}

.section-fishing .image-right {
	clear: none;
}
.section-fishing .image-left {
	clear: none;
}
.section-diving .image-right {
	clear: none;
}
.section-diving .image-left {
	clear: none;
}

.image-left {
	clear: none;
}
.image-right {
	clear: none;
}
.welimage {
	width: 216px;
	height: 170px;
	display: block;
	float: right;
	padding: 10 0 0 0;
	margin: 0;
}

.welimage .image-left {
	float: left;
	width: 106px;
	margin: 0;
	padding: 0;
	clear:none;
}
.welimage .image-right {
	float: right;
	width: 106px;
	height: 160px;
	margin: 0;
	padding: 0;
	clear:none;
}
.welimage2 {
	display: block;
	float: right;
	padding: 0;
}

.welimage2 img {
	width: 90px;
}

.welimage3 {
	display: block;
	float: left;
	height: 250px;
	width: 348px;
}

.weltext {
	float: right;
	display: block;
	width: 216px;
	padding-bottom: 10px;
}
.weltext p {
	text-align: justify;
}

.map {
	display: block;
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.map img {
	width: 157px;
}

/*Photo Album styles */
.photoAlbumEntry {
    float: left;
    height: 185px;
    width: 143px;
    margin: 0em;
    padding: 0px 6px 0px 9px;
    text-align: center;
}

.photoAlbumEntry img {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
}

.photoAlbumEntryWrapper {
    /*display: block;*/
    height: 130px;
    width: 128px;
    margin-bottom: 7px;
}

.photoAlbumEntry a {
    display: block;
    text-decoration: none;
    font-size: 10px;
    height: 169px;
    width: 130px;
    margin: 16px auto 0px;
}

.photoAlbumEntryTitle {
    color: black;
    display: block;
    overflow: hidden;
    width: 128px;
    height: 3.6em;
}

/* Section About */
.section-about .image-right {
	margin-left: 5px;
}

.section-about .pullquote, .section-o-nas-fadeta-klubu .pullquote, .section-o-nas-i-klubie-fadeta .pullquote {
	font-size: 110%;
	font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
	background-color: #BFEFFF;
	color: #FF4040;
	margin: 5px;
	font-weight: bold;
}

/* Diving conditions */
#condition-div .callout {
	color: black;
	float: left;
	width: 600px;
	border: 1px solid #000000;	 
	margin-bottom: 5px;
	display: block;
	background-color: #ccc;
  	text-decoration: none;
  	font-weight: normal;
}
#condition-div .callout p {
	font-size: 10px;
}


/* Accessibility and visual enhancement elements */

.hiddenStructure {
	display: block;
	background: transparent;
	background-image: none; /* safari bug */
	border: none;
	height: 1px;
	overflow: hidden;
	padding: 0;
	margin: -1px 0 0 -1px;
	width: 1px;
}

.contentViews .hiddenStructure,
.contentActions .hiddenStructure {
	position: absolute;
	top: -200px;
	left: -200px;
}

.hiddenLabel {
	display: block;
	background: transparent;
	background-image: none; /* safari bug */
	border: none;
	height: 1px;
	overflow: hidden;
	padding: 0;
	margin: -1px 0 0 -1px;
	width: 1px;
}

/* Syles copied from Subskins css */

/*Subskins.css */
/* reset all

---------------------------------------------------------------------- */


*{

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;
 
}

/* @group Base Classes */

/* base classes - structure

---------------------------------------------------------------------- */

.visualClear{

  display: block;

  clear: both;

}



.visualPadding{

  padding: 0;

}



.hiddenStructure, .netscape4{
  display: none;
}

.tile{
  display: block;
}

body.fullscreen #portal-column-one, 
body.fullscreen #portal-column-two{
  display: none;
}

body.fullscreen #portal-column-content{
  width: 100%;
  margin: 0;
  padding: 0;
}

/* @end */
/* @group Kupu Edit */
/* base classes - kupu edit

---------------------------------------------------------------------- */

html.kupu-html body{

  background: #f3f3f3;

  text-align: left;

  font-size: 1em;

  width: 600px;

}



.discreet{

  font-color: #999;

}

.pullquote{
    padding: 0 1em 0 0;
    margin: 0 0 1em 0;
    font-style: italic;
    float: left;
    color: #0000FF;
    width: 85%;
}

.callout{

  color: #f00;

  text-decoration: underline;

  font-weight: bold;

}

/* @end */

/* fixes */

.visualClear {
display: block;
clear: both;
}

/* Hiding helper elements for old browsers */

.netscape4 {
display: none;
}

.subskin1 {
	background-color: #183152;
	width: 30px;
	height: 30px;
	float: right; 
    
}

.subskin2 {
	background-color: #375D81;
	width: 30px;
	height: 30px;
	float: right; 
   }
   
.subskin3 {
	background-color: #ABC8E2;
	width: 30px;
	height: 30px;
	float: right; 
}

.subskin4 {
	background-color: #D3E3F5;
	width: 30px;
	height: 30px;
	float: right; 
}


.subskin5 {
	background-color: #E5F1FA;
	width: 30px;
	height: 30px;
	float: right; 
}

.subskin6 {
	background-color: #EEF8FF;
	width: 30px;
	height: 30px; 
	float: right; 
}
* {
	
}

/* Welcome Pages */
/* Table styles */

table .plain td {
	padding: 0;
	margin: 0;
}

table .plain h2 {
	text-align: center;
	position: relative;
	top: 0px;
}

/* Diving pages */
.divimage img {
	height: 150px;
}

.leftImgBlock {
	display: block;
	float: left;
	clear: both;
	margin: 0 5px 3px 0;
}
.rightImgBlock {
	display: block;
	float: right;
	clear: both;
	margin: 0 0 3px 5px;
}

.specs {
	display: block;
	margin: 5px;
	text-align: center;
}

/* Portal tabs */
#portal-globalnav {
	list-style-type: none;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;
	display: block;
	height: 130px;
	margin: 0;
	background-color: #CC3300;
}
#portal-globalnav li {
	float: left;
	margin-bottom: 10px;
    	display: inline;
    	margin-right: 1.5em;
	width: 140px;
	height: 90px;
}
#portal-globalnav span {
	color: #FFFFFF;
	position: relative; top:85px; left:0px; width:95px; height:25px;
}
#portal-globalnav li .selected {
	border: 1px solid black;
}
#portal-globalnav li a.,
#portal-globalnav li a:hover,
#portal-globalnav li.selected a {
	text-decoration: none;
}
#portaltab-fishing{
	background-image: url(http://web.ctwn.org/FadetaTheme/Fadeta_files/fishing_promo.jpg) !important;
}
#portaltab-lochart{
	background-image: url(http://web.ctwn.org/FadetaTheme/Fadeta_files/turtle_promo.jpg) !important;
}
#portaltab-minke {
	background-image: url(http://web.ctwn.org/FadetaTheme/Fadeta_files/minke_promo.jpg) !important;
}
#portaltab-marlin {
	background-image: url(http://web.ctwn.org/FadetaTheme/Fadeta_files/marlin_promo.jpg) !important;
}
#portaltab-mantaray {
	background: #CC3300 url(http://web.ctwn.org/FadetaTheme/Fadeta_files/diving_promo.jpg) no-repeat;
}
#portal-globalnav li span {
	display: block;
	margin-top: 1em;
}
#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    display: block;
    background-color: transparent;
    color: #ffffff;
    height: 12px;
    width: 110px;
    margin-top: 100px;
    text-decoration: none;
    text-transform: &dtml-textTransform;;
    border: none;
}

/* YOUR CSS RULES STOP HERE */
/* </dtml-with> */
/* Latest version of the documentation on pre-defined properties from Plone 
   can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */