@import url(doc.css);

html, body {
  margin:0;
  padding:0;
  height:100%;
  border:none
}

body {
  background-color: #999;
}

form {
  padding: 0;
  margin: 0;
}

a.changesort {

}

input,select,textarea {
  font: 11px verdana, sans-serif;
}

p.clear,div.clear {
  clear: both;
  width: 1px; height: 0px;
}

span.pagectl {
  background-color: #FFF;
  color: #000;
  font-size: 9px;
  padding-left: 1px;
  padding-right: 1px; 
  border: 1px solid #333;
}

div.pagectl {
  padding: 10px 0;
}

a.pagectl, a.pagectl:visited, a.pagectl:active, a.pagectl:hover {
   background-color: #000;
   color: #FFF;
   text-decoration: none;
   font-size: 9px;
   padding-left: 1px;
   padding-right: 1px; 
   border: 1px solid #333;
}

a.pagectl:hover { 
	background-color: #FFF;
	color: #000;
}

div.error, span.error {
    font-weight: bold;
    font-size: 120%;
    color: #fff;
    background-color: #f00; 
}

a.admin {
	background-color: #F00;
	color: #FFF;
	font-size: 9px;
	padding-left: 2px;
	padding-right: 2px; 
	margin-left: 2px; 
	margin-right: 2px; 
	text-decoration: none;
}

div.functionbox {
	width: 200px;
	border: 1px solid #333;
	background-color: #ccc;
	padding: 5px;
}

div.functionbox ul,
ul.functions,
ul.functionlist,
div.blogs-archivelist ul {
    margin-left: 0px;
    padding-left: 0px;
} 

div.functionbox ul li,
ul.functions li,
ul.functionlist li,
div.blogs-archivelist ul li {
   margin: 0;
   padding: 0;
   font-size: 11px;
   line-height: 14px;

   list-style: none;
   background: url(/menu/arrow.gif) 0px 5px no-repeat;
   padding-left: 10px;
}

div.infobox {
	width: 200px;
	border: 1px solid #333;
	background-color: #fff;
	padding: 5px;
}

#stage {
	width: 996px;
	margin: 0 auto;
    height: 100%;
}

#header {
	width: 996px;
	margin-top: 10px;

}

#xxheader * {
	margin: 0;
    padding: 0;
	text-decoration: none;
	color: #000;
}

#header #logopanel {
  background: url(images/sjokort_bg.jpg) no-repeat;
  width: 996px;
  height: 128px;
}

#header #logo {
  width: 180px;
  height: 128px;
  float: left;
}

#header #banner {
  width: 400px;
  height: 128px;
  float: left;
}

#header #userinfo {
  width: 200px;
  height: 94px;
  float: right;
  margin: 13px 5px 10px 0;
  padding-left: 5px;
  padding-top: 5px;
}

#header #userinfo a {
  text-decoration: none;
}

#header #userinfo a:hover {
  text-decoration: underline;
}

#navcontainer {
    clear: both;
    height: 25px;
}

/* Content */

table#layout {
  height: 100%;
  min-height: 600px;
  width: 996px;
}

table#layout td {
  vertical-align: top;
}

table#layout td#contentcell {
  vertical-align: top;
  background: #fff;
  border: 14px solid #ccc;
  min-height: 600px;
  height: 100%;
  width: 726px;
}


table#layout td#gutter {
  width: 14px;
}

table#layout td#adcell {
  vertical-align: top;
  border: 14px solid #ccc;
  background: #ccc;
}

#adcolumn {
  min-height: 648px; 
  width: 200px; 
}

#adcolumn #newscolumn {
  background: #fff;
  width: 190px;
  padding: 5px;
  overflow: hidden;
}

#adcolumn #photocolumn {
  background: #ccc;
}

#adcolumn #photocolumn a {
   color: #000;
   text-decoration: none;
}

#adcolumn #photocolumn h2 a {
   color: #4C4C4C;
}

#adcolumn h2 a {
   color: #4C4C4C;
}

#adcolumn h2 a:hover,
#adcolumn #photocolumn h2 a:hover {
   text-decoration: underline;
}

#contentcolumn {
   _height: 600px;
   height: 100%;
   padding-left: 5px;
}

div.onecolumn {
  padding: 5px 10px 5px 10px;
  width: 705px;
}

div.allcolumns {
  padding: 5px 10px 5px 10px;
  width: auto;
}

table.twocolumn {
   height: 100%;
}

td.twocolumn-left {
   background-color: #fff;
   width: 490px;
   padding: 5px 12px 5px 10px;
}

td.twocolumn-gutter {
   width: 0px;
   font-size: 0px;
} 

td.twocolumn-right {
   background-color: #ccc;
   width: 200px;
   padding: 0px 0px 0 14px;
   color: #fff;
}

td.twocolumn-right a {
   color: #fff;
}

/* Footer */

#footer {
	clear: both;
	width: 976px;
	color: #000;
	padding: 10px 10px;
}

#footer p {
	background: #ccc;
	margin-top: 20px;
	padding: 10px 0;
	text-align: center;
	font-size: x-small;
}

#footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#footer ul li {
  display: inline; 
  margin-right: 20px;
}

.calendar .evenline {
  background: #fff;

}

.calendar .oddline {
  background: #ddd;
}

.calendar a { text-decoration: none; }

thead {
  background: #ccc;
}

.touser {
  color: #CC0000;
}

#bookedkey,
.evenline.booked,
.oddline.booked,
.oddline.owner,
.evenline.owner  {
  color: #CC0000;
}

.evenline.booked a,
.oddline.booked a,
.oddline.owner a,
.evenline.owner a,
li.booked a,
a.booked {
  color: #CC0000;
}

a.slimbutton.book,
input.slimbutton.book
 {
  background-color: #CC0000;
  color: #fff;
}

input.slimbutton.cloned {
  background-color: #F00;
  color: #FFF;
  border: none;
}

.cancelled td
 {
 text-decoration: line-through;
 }


table.list { } 

table.calendar tbody tr:hover,
table.list tbody tr:hover {
  background: #FF7E00; 
}

th,td {
  vertical-align: top;
}

.milonictable td {
  vertical-align: middle;
}

#filterform {
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}

#filterform .filterset {
  padding-bottom: 5px;
}

#filterform #colorkey {
  position: absolute;
  padding: 0 20px 0 0;
  right: 0;
  bottom: 0;
}

#filterform #resetform {
}


fieldset {
  _height: 1%;
  overflow: hidden;
  padding-top: 0;
  padding-left: 5px;
  padding-bottom: 5px;
  border: 1px solid #999;
  }

fieldset legend {
  font-weight: bold;
  font-size: 110%;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 5px;
} 

table.bookings {
  width: 100%;
}

div.doctree {
  padding: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  background-color: #999;
}

ul.doctree, ul.doctree ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.doctree li {
  padding: 0;
  margin: 0;
  padding-left: 10px;
  list-style: none;
  background: url(/menu/arrow-white.gif) no-repeat 0 5px;
}

ul.doctree li.current {
  background: url(/menu/arrow-yellow.gif) no-repeat 0 5px;
}

ul.doctree ul li {
  padding-left: 10px;
  margin: 0 0 1px 0;
  list-style: none;
}

ul.doctree li a {
  text-decoration: none;
  font-weight: normal;
  font-family: arial,helvetica;
  font-size: 12px; 
  color: #fff;
}
ul.doctree li a:hover {
  color: #FF3;
}

ul.doctree li a.current {
  font-weight: normal;
  color: #FF3;
}

div.doctree-section a {
  display: block;
  background-color: #999;
  font-weight: normal;
  color: #FF3;
  padding-left: 2px;
  margin-bottom: -5px;
  text-decoration: none;
}



.crumbs {
  font-size: 10px;
  color: #999;
}

div.crumbs {
  margin-bottom: 10px;
}

span.crumbs {
  font-weight: bold;
}

p.separator, div.separator, div.hr
 {
 font-size: 0px;
 line-height: 0px;
 height: 15px;
 width: 100%;
 padding-top: 10px;
 padding-bottom: 10px;
  
 background-image:url(images/dottedline.gif);
 background-repeat: repeat-x;
 background-position: left center;
}

fieldset#bookingform,
fieldset#unbookingform
{
  margin: 10px 0 10px 0;
}


dl.typelist {
}


dl.typelist dt {
  font-weight: bold;
}

dl.typelist dd {
  min-height: 5px;
}

.thumbnails {
 _height: 1%;
 overflow: hidden;
}

.thumbnail {
 float: left;
 padding: 4px; 
 border: 1px solid #ccc;
 margin: 5px;
 width: 200px;
 min-height: 180px;
 text-align: center;
}

#photocolumn .thumbnails.compact .thumbnail {
 float: none;
 border: none; 
 padding: 0;
 padding-top: 5px; 
 padding-bottom: 5px; 
 margin: 0px;
 width: 200px;
 text-align: center;
}

.thumbnails.compact .thumbnail {
  height: auto;
}

.calendar .monthname {
}

a.morebutton {
  border: 1px solid #333;
  background-color: #ccc;
  padding: 3px 2px 3px 3px;
  display: block;
}

a.morebutton:hover {
  background: #FFFF99;
}


.cancelled td.morebutton,
.cancelled td a.morebutton {
  text-decoration: none;
}

a.infobutton {
  border: 1px solid #333;
  background-color: #ccc;
  padding: 0px 1px 3px 3px;
  display: block;
  height: 10px;
  font-weight: bold;
  font-family: times new roman,arial,sans-serif;
  font-size: 14px;	
  }

a.infobutton:hover {
  background: #FFFF99;
}


.cancelled td.infobutton,
.cancelled td a.infobutton {
  text-decoration: none;
}

.memberprofile .set  {
  margin-bottom: 10px;
}
.memberprofile .set label {
  clear: both;
  font-weight: bold;
  min-width: 100px;
  display: block;
}

.memberprofile .set label:after {
   content: ":";
}

.adminbox {
  padding-bottom: 10px;
}

div#shoppingcart-summary {
  float: right;
  border: 1px solid red;
  margin: 5px;
  padding: 10px;  
  background: #fff;
  color: #000;
}

div#shoppingcart-summary a {
  color: #000;
}

td.aoform {
  padding-bottom: 8px;
}

#shop-checkout h2 {
  padding-top: 8px;
}

ul.linklist {
  margin-left: 0px;
  padding-left: 0px;
}

.linklist li {
   margin: 0;
   padding: 0;
   font-size: 11px;
   line-height: 14px;

   list-style: none;
   background: url(/menu/arrow.gif) 0px 5px no-repeat;
   padding-left: 10px;
}

ul.linklist a,
ul.linklist a:link,
ul.linklist a:visited,
ul.linklist a:active {
  text-decoration: none;
}

ul.linklist a:hover {
  text-decoration: underline;
}


ul.compact {
  margin: 3px 0 3px 5px;
  padding: 0 0 0 10px;
}

ul.compact li {
   margin: 0;
   font-size: 11px;
   line-height: 14px;
   padding-left: 0px;
}

#adcolumn h2 {
   background: url(/menu/arrow.gif) 0px 5px no-repeat;
   padding-left: 10px;
}

#adcolumn h2.nolink {
   background: none;
   padding-left: 0;
}

#adcolumn ul {
  padding: 0;
  margin: 0;
}

div.receipt {
  width: 600px;
}

.receipt #receipt-header {
  _height: 1%;
  overflow: auto;
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.receipt #seller {
  float: left; 
}

.receipt #orderinfo {
  float: right; 
  min-width: 300px;
}

.receipt #buyer {
  clear: both;
  float: right; 
  min-width: 300px;
}

.receipt #col1 {
   width: 300px;
}
.receipt #col2 {
   width: 50px;
}
.receipt #col3 {
   width: 50px;
}
.receipt #col4 {
   width: 100px;
}

.receipt #lines {
  margin-top: 20px;
  clear: both;
  width: auto;
}

div.sidebar-part {
  margin-bottom: 10px;
}

div.instruction {
  width: 400px;				
  margin-bottom: 10px;
}
div.instruction.important {
  padding: 10px;
  border: 1px solid red;
}

a.tinybutton {
  background-color: #CCC;
  color: #000;
  font-size: 9px;
  padding-left: 2px;
  padding-right: 2px; 
  margin-left: 2px; 
  margin-right: 2px; 
  text-decoration: none;
  text-transform: uppercase;
}

a.tinybutton.disabled {
  background-color: #eee;
  color: #aaa;
}

.tripreport-body  {
  width: 490px;
}

.tripreport-map  {
  margin-bottom: 10px;
}

.tripreport-body img {
  max-width: 490px;
}

div.indexparts {
 width: 490px;
 overflow: hidden;
}

div.indexpart {
  padding-bottom: 14px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 14px;
  clear: both;
  min-height: 10px;
  overflow: hidden;
}

div.indexpart img {
   max-width: 490px;
}

div.indexpart p {
  margin: 0; padding: 0;
}


div.indexpart .teaser {
  float: left;
  margin-right: 20px;
}

div.pushpanels {

}

div.pushpanel a {
  color: #fff;
  text-decoration: none;
}

div.pushpanel h3 {
  color: #000;
  text-transform: uppercase;
  background: url(/menu/arrow.gif) no-repeat 0 5px;
  padding-left: 10px;
  font-size: 10px;
}

div.pushpanel {
  float: left;
  margin-right: 8px;
  padding: 10px;
  color: #fff;
  background: url(/styles/std/images/gradient100.png) repeat-x;
  min-width: 134px;
}

div.pushpanel ul {
   margin: 10px 0 10px 20px;
   padding: 0;
}

div.pushpanel ul li {
   margin: 0;
   padding: 0;
   font-size: 10px;
}

div.social-bookmarks,
div.event-navbar {
   clear: both;				  
   margin-top: 20px;
   padding: 3px;
   border: 1px solid #cccccc;
} 

.event-navbar {
  border: 1px solid #FF7E00;
}

.event-navbar-top {
  margin-bottom: 10px;
}

.event-navbar-bottom {
  margin-top: 10px;
}

.social-bookmarks #facebook-like,
.event-navbar #facebook-like
 {
  float: left;
} 

.social-bookmarks #share-buttons,
.event-navbar #share-buttons {
  padding-top: 2px;
  float: left;
} 

.addthis_toolbox span.label {
  float: left;
  padding-right: 5px;
}

fieldset.social-bookmarks,
fieldset.event-navbar {
   clear: both;				  
   padding: 3px;
}

#albums-listpic .tinybutton,
.social-bookmarks .tinybutton,
.event-navbar .tinybutton {
  text-transform: uppercase;
}

fieldset.social-bookmarks .separator,
fieldset.event-navbar .separator
 {
 height: 5px;
 width: 100%;
 padding-top: 5px;
 padding-bottom: 5px;
  
 background-image:url(images/dottedline.gif);
 background-repeat: repeat-x;
 background-position: left center;
}

div.rating {
  max-width: 680px;
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 20px;
}

div.rating.wobject {
  
 background-image:url(images/dottedline.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
}

div.rating-object {
  float: left;
  width: 200px;
  min-height: 35px;
  margin-right: 10px;
}

div.rating-heading {
}

div.rating-comment {
  margin-left: 20px;
  overflow: hidden;
}

div.rating.wobject div.rating-comment {
  margin-left: 0;
}


div.tp-tabbedmenu {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #BBB;
  overflow:hidden;
}

ul.tp-tabs {
  padding: 0;
  margin: 0;
}

ul.tp-tabs li {
  float: left;
  display: block;
  padding: 0;
  margin: 0 0.5em 0 0;
}

a.tp-tab, a.tp-selectedtab {
  display: block;
  margin: 0;
  padding: 0em 0.5em;	
  border: solid 1px #BBB;
  color: #000;
  text-decoration: none;
}

a.tp-tab {
  background-color: #BBB;
  border-bottom: solid 1px #BBB;
} 

a.tp-selectedtab {
  background-color: #EEE;
  border-bottom: solid 1px #EEE;
}

.topmenuitem-selected {
  margin-left: 5px;
  font-weight: normal;
  background: url(/menu/arrowdown-yellow.gif) no-repeat left center;
  text-decoration: none;
}

.topmenuitem-on {
  margin-left: 5px;
  background: url(/menu/arrowdown-yellow.gif) no-repeat left center;
  text-decoration: none;
}
.topmenuitem-off {
  margin-left: 5px;
  background: none;
  text-decoration: none;
}

.menuitem-selected {
  font-weight: normal;
  text-decoration: none;
}

.menuitem-on {
  text-decoration: none;
}
.menuitem-off {
  font-weight: normal;
  text-decoration: none;
}

a.clickblock {
   text-decoration: none;
   outline: none;
} 

a.clickcell {
  display: block;
  width: 100%;
}

.tinymap {
  margin-bottom: 2px;
}

.tinymap-wrapper {
  text-align: left;
}

.carousel-wrapper {
    width: 200px;
    height: 150px;
    overflow: hidden;
}
.carousel-content {
    width: 2500px;
}
.carousel-content .slide {
    float: left;
    width: 200px;
    height: 150px;
}

.document-sidebar.sadm .doctree {
   background: red; 
}