@import url("boatuser.css");
@import url("boatuser-colors.css");

body,
input,
textarea,
select,
button{
	font-family: verdana, arial, tahoma, sans-serif;
}

input,
textarea,
select,
button{
	font-size: 1em;
}

body{
	font-size:.7em;
	line-height:1.3em;
	margin:0;
}

input,
textarea,
button{
	font-size: 100%;
}

input,
input.text,
textarea{
	background-image: url(../../binary?id=12034);
	padding: 1px 2px 2px 2px;
}

input.text,
textarea{
	border: 1px solid #36C;
}

input.button{
	background-color: #D7E4FF;
	background-image: url(../../binary?id=12035);
	border: 1px solid #36C;
	font-size: 90%;
	font-weight: bold;
	color: #039;
	padding: 0 3px 1px 3px;
	height: 18px;
}

/*input.button.wide{
	width: 100%;
}*/

input.error,
textarea.error{
	background-color: #F0F0F0;
}

#q-submit {
    background-color:#FFF;
    border:1px outset #000;
    color:#318283;
}

form{
	margin: 0;
	padding: 0;
}

fieldset.contact-info{
    clear:both;
    margin-bottom:.8em;
}

a {
	text-decoration: none;
	color: #039;
}

a:hover{
	text-decoration: underline;
}

.string-to-upper {
    text-transform:uppercase;
}

#article-tools {
	margin-top:9px;
	clear:both;
}

a.tool-button{
	float:left;
	display: block;
	color: #0054A7;
	border: 1px solid #ED1B24;
	padding: 5px;
	margin-right:9px;
}

hr {
}

hr.rescueboat {
	display:none;
}

.print{
	display: none;
}

.required{
	color: #F00;
	margin-left: .1em;
}

div.error{
	color: #F00;
	font-weight: bold;
}


div.feedback{
	color: #008000;
	font-weight: bold;
}

div.rescueboatheading {
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 16px;
}

h1,
.sys-Heading1 {
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 0;
}

h1 a{
	color:black;
}

h2,
.sys-Heading2{
	font-size: 1.2em;
}

h2 a{
	color:black;
}

h3,
.sys-Heading3{
	font-size: 1em;
	margin: 0;
}

h3 a{
	color:black;
}

h4 a{
	color:black;
}

a h1:hover, h2:hover, h3:hover{
	text-decoration:underline;
}

img{
	border: 0;
}

img.border{
	border: 1px solid black;
}

img.icon{
	width: 16px;
	height: 16px;
}

img.icon.text{
	vertical-align: middle;
	margin-right: .3em;
}

div.spacer{
	height: 8px;
	font-size:0;
    line-height:0;
    clear:both;
}

div.image-cropped{
	background-color: #F3F7FF;
	background-repeat: no-repeat;
   overflow: hidden;
}

/* framework styles */
div#validate {
	width: 956px;
	margin: auto;
	padding: 10px;
	border: 1px dotted #ccc;
}

div.framework{
	width: 956px;
	margin: 8px;
	background-color: #fff;
	color: #000;
}

div.framework.one-column{
	background-image: none;
}

div#left-column{
	float: left;
	width: 180px;
	padding: 0;
	margin-right: 8px;
	clear: both;
}

#rescueBoatImage {
	width:579px;
	margin-left:auto;
	margin-right:auto;
}

#rescueBoatBlock{
	/*display:block;*/
	/*float:left;*/
	clear:both;
	margin: 2px 20px 0px 20px;
	padding:0;
	border:0;
}

#rescueBoatElement {
	/*width:200px;*/
	/*float:left;*/
	font-weight: 600; !important
	font-weight: bold;
	margin:0;
	padding:0;
	border:0;
}

#rescueBoatData {
	display:block;
	text-align:left;
	text-indent:-3px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 20px;
	border: 0;
}

/*div#left-column div,
div#left-column p,
div#left-column input,
div#left-column textarea,
div#left-column select{
	font-size: 50%;
}*/

div.content{
	float: left;
	width: 580px;
	padding: 0;
	margin-right: 8px;
	min-height: 35em;
	overflow: hidden;
}

div.content h1{
    /*margin-bottom:1em;*/
}

div.content div#printer-version{
	cursor: pointer;
	float: right;
	color: #369;
}

div.content.one-column {
	width: 940px;
}

div.content.two-columns {
	width: 760px;
}

div#tip {
	margin-top: 2em;
	border-top: 1px dotted #ddd;
	padding: 1em 0 1em 0;
}

div#tip input.text{
	margin-right: 2em;
	width: 20%;
}

div#tip span{
	font-weight: bold;
	margin-right: 2em;
}

div#user-info{
	display:none;
	color: white;
	float: right;
}

div#user-info span.username{
	font-weight: bold;
}

div#user-info button{
	display:none;
	color: white;
	padding: 0;
	border: 0;
	cursor: pointer;
}

div#print-page,
div#close-window{
	display: none;
}

div#right-column{
	float: left;
	width: 180px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

img#logo-screen{
	width: 180px;
	height: 184px;
	float: left;
	margin-right: 8px;
}

img#logo-print{
	width: 180px;
	height: 187px;
}

div#banner-top {
	width: 768px;
	height: 150px;
	float:left;
	margin-bottom: 8px;
}

div#footer{
	text-align:center;
	font-size:.8em;
	clear: both;
	margin: 0;
	padding: .5em;
	background-color: #FFF;
	height: 1em;
}

div#left-column p, div#right-column p{
	margin: 0 0 1em 0;
}

.text-sm {
    font-size:.9em;
}

/* end framework styles */

/* frame styles */
div.frame{
	overflow: hidden;
}
div.frame h4{
	background-color: #D7E4FF;
	margin: 0;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: normal;
	height: 17px;
	padding: 0 5px 0 16px;
	background-image: url(../../shared/images/shim.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	color: #039;
}
div.frame-content.border{
	border: 1px solid #D7E4FF;
	border-top: 0;
}
div.frame-content.padding{
	padding: 8px;
}
/* end frame styles */

/* errorhandler styles */
div#errorhandler h2{
	margin: 0;
	color: #F00;
}
/* end errorhandler styles */

#content {
	float:left;
	margin-left:1em;
	color: #ccc;
	width:420px;
}

div.content-end {
	border-top:1px solid #D7E4FF;
  margin:8px 0;
}

div#menu-top {
    background-color: #039;
		width:768px;
    height:18px;
    float:left;
    /*margin-right: 8px;*/
}

div#menu-top a {
    text-align:center;
    float:left;
    display:block;
    color:#FFF;
    font-weight:bold;
    padding-top:1px;
}

div#menu-top a:hover {
    text-decoration:underline;
}

div#menu-top-right {
	width: 180px;
	height:18px;
	float:left;
	margin-top: -1px;
}

div#menu-top-right input.text {
	margin-right: 5px;
	height: 13px;
	width: 130px;
}

div#menu-top-right input.button{
	width: 39px;
}

/* menu styles */
ul.menu a,
ul.menu div{
	text-decoration: none;
	font-weight: bold;
}

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

ul.menu.vertical li { /* all list items */
	position: relative;
	float: left;
	line-height: 1.25em;
	width: 178px;
	border: 1px solid #36C;
	border-bottom: 0;
}

ul.menu.vertical li.last {
	border: 1px solid #36C;
}

ul.menu.vertical li ul.subs { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left: 178px;
	margin-top: -2.22em;
	z-index:100;
}

ul.menu.vertical li ul.subs ul { /* third-and-above-level lists */
	left: -999em;
	margin-left: 178px;
	margin-top: -2.20em;
	z-index:100;
}

ul.menu.vertical li ul.subs ul ul { /* fourth-and-above-level lists */
	left: -999em;
	margin-left: 178px;
	margin-top: -2.20em;
	z-index:100;
}
ul.menu.vertical li ul.subs ul ul ul { /* fifth-and-above-level lists */
	left: -999em;
	margin-left: 178px;
	margin-top: -2.20em;
	z-index:100;
}

ul.menu.vertical li ul.normal li { /* second-level lists normal */
	/*background-color: #FFF;*/
	border-width: 1px 0 0 0;
	z-index:100;
}

ul.menu.vertical li ul.subs li a{ /* second-level anchor */
	font-weight: normal;
	border: 0;
	padding-left: 7px;
	padding-top: 4px;
	width: 164px;z-index:100;
}

ul.menu.vertical li ul.subs li { /* second-level lists flyouts */
	background-color: #F3F7FF;
	z-index:100;
}
ul.menu.vertical li a {
    color: #039;
    display: block;
    padding: 3px 7px 6px 6px;
    width: 164px;
	 /*height: 14px;*/
    text-decoration: none;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
	/* overflow: hidden;*/z-index:100;
}

/**
** Fiks for normal, nivå 2 og 3
*/
ul.menu.vertical li.path ul li ul li ul li ul li ul {
	border-right: 1px solid #36C;
	border-bottom: 1px solid #36C;
	border-left: 1px solid #36C;
}

ul.menu.vertical li.path ul.subs  {
	border-right: 1px solid #36C;
	border-bottom: 1px solid #36C;
	border-left: 1px solid #36C;
}

ul.menu.vertical li a:hover {
	text-decoration: none;
    background-color: #B1CAFF;z-index:100;
}
ul.menu.vertical ul.subs li a:hover, ul.menu.vertical li ul ul.subs li a:hover {
	background-color: #FFF;z-index:100;
}

ul.menu.vertical a.active{
	color: #000;z-index:100;
}

/**
* 1 2 3 og 4 nivå
*/
ul.menu.vertical li:hover ul,
ul.menu.vertical li:hover ul ul,
ul.menu.vertical li:hover ul ul ul,
ul.menu.vertical li:hover ul ul ul ul,

/**
* .sfhover er kun for IE (se også js i menuMain.xsl)
*/
ul.menu.vertical li.sfhover ul,
ul.menu.vertical li.sfhover ul ul,
ul.menu.vertical li.sfhover ul ul ul,
ul.menu.vertical li.sfhover ul ul ul ul {
	left: -999em;
}

ul.menu.vertical li ul li.sfhover ul,
ul.menu.vertical li ul li.sfhover ul ul,
ul.menu.vertical li ul li.sfhover ul ul ul,
ul.menu.vertical li ul li.sfhover ul ul ul ul

ul.menu.vertical li ul li ul li.sfhover ul,
ul.menu.vertical li ul li ul li.sfhover ul ul,
ul.menu.vertical li ul li ul li.sfhover ul ul ul,
ul.menu.vertical li ul li ul li.sfhover ul ul ul ul {
	left: -999em;
}

ul.menu.vertical li:hover ul,
ul.menu.vertical li li:hover ul,
ul.menu.vertical li li li:hover ul,
ul.menu.vertical li li li li:hover ul,

ul.menu.vertical li.sfhover ul,
ul.menu.vertical li li.sfhover ul,
ul.menu.vertical li li li.sfhover ul,
ul.menu.vertical li li li li.sfhover ul {
	left: auto;
}

ul.menu.vertical li ul li.sfhover ul,
ul.menu.vertical li ul li li.sfhover ul,
ul.menu.vertical li ul li li li.sfhover ul,
ul.menu.vertical li ul li li li li.sfhover ul

ul.menu.vertical li ul li ul li.sfhover ul,
ul.menu.vertical li ul li ul li li.sfhover ul,
ul.menu.vertical li ul li ul li li li.sfhover ul,
ul.menu.vertical li ul li ul li li li li.sfhover ul {
	left: auto;
}
ul.menu.vertical li.path li a{
	font-weight: normal;
	padding-left: 15px;
	padding-top: 4px;
	width: 156px;
	border: 0;
}

ul.menu.vertical li.path li a:hover{
	background-color: #F3F7FF;
}

ul.menu.vertical li.path li.path li a{
	padding-left: 31px;
	width: 140px;
}

ul.menu.vertical li.path li.path li.path li a{
	padding-left: 47px;
	width: 124px;
}

ul.menu.vertical li.path li a.active{
	font-weight: bold;
}

ul.menu a div.menu-bullet{
	float: right;
	font-weight: normal;
}
ul.menu a span.menu-bullet{
	float: right;
	font-weight: normal;
}
/* end menu styles */

/* boxes on frontpage - middle 49%-boxes */
div.image img, div.item.topright div.image img {
 margin: 0 0 0 0;
 border: none;
}

div.item.bottom a h2 {
font-weight: normal;
}

div.item.top{
	margin: 0 0 1em 0;
}

div.item-middle{
	clear: none;
	float: left;
	width: 286px;
	margin: 1em .3em 1em 0;
}

div.item-middle img{
	float: right;
	margin-right: 5px;
}

div.item-middle a h2 {
margin: 0;
padding: 0;
}

div.item-middle p, div#right-column div.frame div.item.topright p {
margin: 3px 0;
padding: 0;
}

/* Newsboxes*/

/* items styles */
div.search-bar{
    background-color:#D7E4FF;
    padding:4px 8px 4px 8px;
    margin-bottom: 8px;
}

div.item-vertical{
    float:left;
    margin-bottom: 8px;
}

div.h-spacer{
    margin-right: 8px;
}

div.item-vertical p{
    background-color:#F3F7FF;
    margin-top: 8px;
    padding: 8px;
}

div.item{
	margin: 10px 0;
	padding: 0;
	clear: both;
	height: 100%;
}

div.item-left {
    width:100%;
    float:left;
}
div.item-right {
    float:right;
}

div.item img{
	float: right;
}

div#item div.related{
	/*clear: both;*/
	/*float:right;*/
	width:216px;
	background-color:#F3F7FF;
	padding:.7em;
	font-size:.9em;
}

div.item.first{
	border: 0;
}

div.item h2{
	margin: 0;
}

div#item h2{
	margin: 1em 0 0 0;
}

div.byline{
	font-size: .8em;
}

div.read-more{
	text-align: left;
}

div#item h1 {
	margin-bottom: 1em;
}

div#item div#images{
	clear:both;
	margin-top: 0;
}

div#item div#images div.image{
	margin: 0 0 8px 0;
}

div#item div#images div.image img{
	cursor: url(/binary/68926/file), pointer !important;
}

div#item div#images div.image div.text, div.text,
.sys-Imagetext{
	background-color:#F3F7FF;
	font-size: .8em;
	margin-top: 1em;
	padding:.7em;
}

div#item div#preface{
	font-weight: bold;
}

div#body {
    color:#000;
}

#article-left {
	/*float:left;
	width:100%;*/
}

#article-right {
	float:right;
	width:230px;
	margin-left:1em;
}

/* end items styles */

/* list styles */

table.list-general {
	width: 100%;
}

table.list-general tr.head,
table.list th {
	background-color: #D7E4FF;
	color: #000;
	font-weight: bold;
}

table.list-general td {
	padding: .3em;
	border-bottom:1px solid #D7E4FF;
}

div.thumbnail-container {
}

div.thumbnail {
    float:left;
    height:125px;
    text-align:center;
    margin:9px;
    padding:9px 0 9px 0;
    border:1px solid #EFEFEF;
}

div.thumbnail div {
    background-color: #F3F7FF;
    padding:5px;
    margin-top:6px;
}

div.thumbnail-divider {
    border-bottom:1px solid #EFEFEF;
}

table.list-border, table.list-no-border {
	width: 100%;
}

table.list-border td,
table.list-no-border td,
table.list-border th,
table.list td, table.list th {
	padding: .3em;
}

table.list-border th {
    text-align:left;
    font-weight:bold;
    color:#335EA8;
}

table.list th {
    text-align:left;
}

table.list-border td {
	border-bottom:1px solid #EFEFEF;
}

table.list{
	width: 100%;
}

table.list input.text,
table.list textarea{
	width: 90%;
	float:left;
}

table.list input.radio{
	vertical-align: middle;
}


table.list.form td{
	vertical-align: top;
	/*width:80%;*/
}

table.list.form.horizontal td{
	vertical-align: middle;
}

table.list.form.horizontal th{
	border-right: 1px solid #FFF;
}

table.list.form.horizontal th.lastcell{
	border: 0;
}

table.list.form.horizontal td{
	border: solid #E1E1E1;
	border-width: 0 0 1px 1px;
}

table.list.form.horizontal tr.selected-row td{
	background-color: #F9FCFF;
}

table.list.form.horizontal td.lastcell{
	border-right-width: 1px;
}

table.list.form button{
	margin-right: .3em;
}

table.list td.error{
	color: #F00;
	padding-bottom: 0;
}

table.list label.help{
	cursor: default;
	border-bottom: 1px dotted;
}

table.list tr.separator td{
	font-size: 50%;
}

table.list tr.form-separator div{
	padding-bottom: .2em;
	border-bottom: 1px solid #CCC;
	margin: .5em 0 .5em 0;
	font-weight: bold;
}

table.list th.nowrap,
table.list td.nowrap{
	white-space: nowrap;
}

table.list th.master,
table.list td.master{
	width: 100%;
}

table.list th.right,
table.list td.right{
	text-align: right;
}
/* end list styles */

/* navigation menu styles */
div#navigation-header{
	background-color: none;
	padding: 0;
	margin-bottom:1em;
}

ul#navigation-menu{
	border-top: 1px solid #eee;
	margin: 0;
	margin-top:1em;
	padding: 0;
	list-style-type: none;
	color: #999;
	clear: both;
}

ul#navigation-menu li{
	display: inline;
	padding: .2em .3em .2em .3em;
}

ul#navigation-menu li.numbers.active{
	font-weight: bold;
	color: #000;
}

div#navigation-path{
	margin-bottom: 8px;
	margin-top: -3px;
	font-size:1em;
	line-height:1.6em;
}

div#navigation-path span{
	font-weight: bold;
	color: #666;
}
/* end navigation menu styles */

/* filelist styles */
div#tree-menu{
	float: left;
	width: 29%;
	margin-right: 10px;
}

div#tree-menu a.active{
	background-color: #DDD;
	padding: 1px;
}

table.list.file-list{
	width: 69%;
}
/* end filelist styles */

/* Search styles */
div#search-navigation-header {
    background-color:#EEE;
	padding:.3em .3em;
}

ul#search-navigation-menu{
	margin: 0;
	padding: .4em 0 0 0;
	list-style-type: none;
	color: #999;
	clear: both;
}

ul#search-navigation-menu li{
	display: inline;
	padding: 0 .3em 0 .3em;
}

ul#search-navigation-menu li.numbers.active{
	font-weight: bold;
	color: #000;
}

div.search-item {
	border-top: 1px solid #CCC;
	padding: .8em 0 .8em 0;
	clear: both;
	margin: 0;
	height: 100%;
}

div.search-item.first{
	border: 0;
}

div.search-item h2 {
    font-size:1.2em;
    margin:0;
}

div.search-item span.highlight {
    font-weight:bold;
}

div.search-item .context {
    float:left;
    width:70%;
}

div.search-item .location {
    display:block;
    margin:0 0 1em 0;
    font-size:.8em;
}

div.search-item .relevance {
    font-size:9px;
}

div.search-item .relevance .bar {
    float:left;
    width:100px;
    border:1px solid #7694D2;
    font-size:1px;
    background-color:#B6CDFF;
}

div.search-item .relevance .bar .percent {
    height:11px;
    font-size:1px;
    background-color:#7694D2;
}

div.search-item .relevance .score {
    float:left;
    width:20px;
    margin-left:1em;
}
/* end search styles */

/* Newsfeeder styles */
#newsfeederlist { margin: 0px; }
.newsfeeder .hideNFelement { display:none; }
.newsfeeder .NFshowLatestLink { font-size: 80%; }
.newsfeeder .title a:link {color: #005baa}
.newsfeeder .title a:visited {color: #006c43}
.newsfeeder .title a:hover {color: gray}
.newsfeeder .date {font-size: 80%; font-weight:bold;}
.newsfeeder .title {font-size: 80%;}
.newsfeeder .ingress {font-size: 80%;}

div.item.newsfeeder {
/* border:0px solid #000; */
margin: 0;
padding: 0;
overflow: hidden;
}
ul#newsfeederlist {
/* border: 0px solid #fff; */
margin: 0;
padding: 0;
overflow: hidden;
margin-bottom: 10px;
}
ul#newsfeederlist span.date {
display:block;
margin: 12px 0 2px 0;
}
div#NFlatestLink {
margin-top: 12px;
}
/* end newsfeeder styles */

/* sorttable styles */

table.sortable {
	width: 100%;
}

tr.sortedheader {
	cursor:pointer;
	color:#039
}

tr.sortedheader th {
	background-color: #D7E4FF;
	margin: 0;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: normal;
	height: 15px;
	padding: 0 .3em 2px .3em;
}

tr.sortedrow {
	text-align:left;
}

tr.sortedrow td {
	text-align:right;
	padding: .3em;
	border-bottom:1px solid #D7E4FF;
}

/* end sorttable styles */

/*  faq styles */
#TJK_ToggleON,#TJK_ToggleOFF {border:1px solid #039;padding:0 .5em;margin-right:.5em}
/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {margin:0;padding:0}
/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0}
/* image and left padding for DDs */
#TJK_DL dd {padding-left:.5em}
/* styling all anchors in the DTs */
#TJK_DL dt a {background:0 50% no-repeat;padding-left:.2em;color:#039;text-decoration:none}
#TJK_DL dt a:visited {}
#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {font-weight:bold}
/* the + and - gif in the anchors */
/*#TJK_DL .DTplus a {background-image:url(toggleDLplus.gif)}*/
/*#TJK_DL .DTminus a {background-image:url(toggleDLminus.gif)}*/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer}
/* end faq styles */

/* test styles */
div.alternative{
	cursor: pointer;
	background-image: url(../../binary?id=7097);
	background-repeat: no-repeat;
	height: 41px;
	margin-bottom: 5px;
	padding: 3px 0 0 45px;
}

div.alternative.active{
	color: #d71440;
	background-image: url(../../binary?id=7098);
}

/* end test styles */ 

	/***************************
FORMS AND FORMBUILDER
****************************/
input, textarea, select, option {
    color: #333;
    font-size: 90%;
}
input.text, textarea, select {
    border: 1px solid #ccc;
    padding: .1em;
    width: 83%;
}
input.error, textarea.error {
    background-color: #f0f0f0;
    border-color: #be0000;
}
input.button {
    white-space: nowrap;
}
input.button:hover {
    text-decoration: underline;
}
span.required {
    color: #be0000;
}
form#formBuilder {
    margin: 0;
    padding: 0;
}
form#formBuilder h5.formtitle {
    font-size:2em;
    line-height:150%;
    background-color:#039;
    color:white;
    margin: 0;
    padding: 0;
}
form#formBuilder h6.separator, form div.separator {
    clear: both;
    padding: .3em 0;
    margin: .3em 0;
}
form#formBuilder h6.separator {
    font-size:1em;
    border-bottom: 1px solid #ccc;
		background-color:#B6CDFF;
}
#formBuilder label.top {
    display: block;
}
#formBuilder label.leftCol {
    /*float: left;*/
    /*width: 100%;*/
    padding: 0;
    text-align: left;
}
#formBuilder div.rightCol {
    /*float: left;*/
}
#formBuilder div.clear {
    clear: both;
}
#formBuilder span.help {
    border-bottom:1px dotted;
}
.fallback {
    display: none;
}
.icon_required {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

/* End formbuilder styles */

/* calendar styles */
table.calendar,
div#calendar-info{
	width: 100%;
	font-size: 90%;
}

div#calendar-info div{
	clear: both;
	width: 14px;
	float: left;
	height: 14px;
	margin-top: 2px;
}

table.calendar td{
	overflow: hidden;
	text-align: center;
	height: 18px;
}

table.calendar td.day,
table.calendar td.week{
	width: 12.5%;
}

table.calendar td.week{
	background-color: #D7E4FF;
}

table.calendar tr.month td{
	background-color: #039;
}

table.calendar tr.month a{
	color: #FFF;
}

table.calendar tr.day-names td {
	background-color: #e1e1e1;
}

table.calendar td.weekend {
	background-color: #EEE;
}

table.calendar td.selected a{
	border: 1px dotted #F00;
}

table.calendar td.today a {
	border: 1px solid #F00;
}

table.calendar tr.month #year {
	color:white;
}

table.calendar tr.month #monthname {
	color:white;
}

table.calendar a{
	display: block;
	padding-bottom: 1px;
}

table.calendar a:hover{
	text-decoration: none;
	font-weight: bold;
}

table.calendar td.selected a:hover{
	font-weight: bold;
}

table.calendar td.today a:hover{
	font-weight: bold;
}

table.calendar tr.month a:hover{
	font-weight: bold;
	border: 1px dotted white;;
	cursor:pointer;
}

table.calendar tr.month a:active {
	color:#039;
	background-color:white;
	cursor:pointer;
}
/* end calendar styles */



/* Start på skygger */

div.shadow-container {
	visibility:hidden;
	float:left;
	position:absolute;
	left:100px;
	margin-right: 3px;
	margin-bottom: 3px;
	z-index:100;
}
 
div.shadow-container .shadow2,
div.shadow-container .shadow3,
div.shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
div.shadow-container .shadow1 {
	background: #F1F0F1;
}

div.shadow-container .shadow2 {
	background: #DBDADB;
}

div.shadow-container .shadow3 {
	background: #B8B6B8;
}

div.shadow-container .container {
	background: #ffffff;
	border: 1px solid #848284;
	padding: 10px;
}
/* Skygger slutt */

/* Lightbox start */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#prevLink img { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#nextLink img { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../shared/images/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../shared/images/nextlabel.png) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Lightbox slutt */