@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;
}

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

input.text,
textarea{
	border: 1px solid #CCC;
	padding: .1em;
}

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

/*
#q {
    background-color:#F3F9FA;
}
*/

/*
#q-submit {
    background-color:#FFF;
    border:1px groove #296EAF;
}
*/

form{
	margin: 0;
	padding: 0;
}

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

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

a:hover{
	text-decoration: underline;
}

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

#article-tools {
	display:none;
}

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

hr {
}

hr.rescueboat {
	clear:both;
	color: #00f;
	background-color: #00f;
	height: 5px;
	width:100%;
}

.print{
}


.screen{
	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.2em;
	font-weight: bold;
	text-align: right;
	/*float:right;*/
	margin-top: 20px;
	margin-bottom: 15px;
}

/*
button{
	border: 1px solid #369;
	background-color: transparent;
	font-weight: bold;
	color: #369;
}
*/

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

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

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: 9px;
	font-size:1px;
    line-height:0;
}

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

div.framework{
	/*width: 957px;*/
	padding:7px;
/*	margin: auto;*/
	background-color: #fff;
/*	background-image: url(../../images/background_3col.gif);*/
	color: #000;
}

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

div.framework.two-columns-left{
/*	background-image: url(../../images/background_2col_left.gif);*/
}

div.framework.two-columns-right{
/*	background-image: url(../../images/background_2col_right.gif);*/
}

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

#rescueBoatColumnLeft{
	display:block;
	float:left;
	width:40%;
	/*margin-left:10px;*/
	padding-bottom:10px;
}

#rescueBoatColumnRight{
	display:block;
	float:right;
	width:60%;
	/*margin-right:10px;*/
	padding-bottom:10px;
}

#rescueBoatImage {
	width:100%;
	margin-top:10px;
	margin-bottom:4px;
	margin-left:auto;
	margin-right:auto;
}

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

#rescueBoatElement {
	/*width:200px;*/
	page-break-before:auto;
	page-break-after:avoid;
	/*display:list-item;*/
	font-weight: 600; !important
	font-weight: bold;
	margin:0;
	padding:0;
	border:0;
}

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

div.content{
                     overflow: visible;
                     position: relative;
                     height: 500px;
}

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: 767px;
}

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{
	color: white;
	float: right;
}

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

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

div#print-page,
div#close-window{
    float:right;
	cursor: pointer;
	margin-bottom:9px;
}

div#close-window{
	margin-left: 10px;
}

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

div#header{
    display:none;
    /*
	height: 187px;
	background-image: url(../../images/banner_top.jpg);
	background-repeat: no-repeat;
	background-position: 191px 0;
    */
}

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

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

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

div#footer{
	display:none;
	text-align:left;
	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 h4{
	/*background-color: #ED1A23;*/
	font-weight: bold;
	padding: .2em;
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 1px;
}

div.frame div{
	/*background-color: #F7F7F7;*/
	padding: 0;
	overflow: hidden;
}
/* 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 #BCD8E3;
    margin:9px 0;
    clear:both;
}

div#menu-top {
    background-color: #F3F7FF;
	background-image: url(../../images/top_menu_background.gif);
	background-repeat:repeat-y;
	width:579px;
    height:18px;
    float:left;
    margin-right: 9px;
    display:none;
}

div#menu-top a {
    text-align:center;
    float:left;
    display:block;
    color:#EC292F;
    font-weight:bold;
    padding-top:1px;
    filter:glow(color=#FFFFFF, strength=4);
}

div#menu-top a:hover {
    color:#FFFFFF;
    filter:glow(color=#EC292F, strength=2);
}

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

div#menu-top-right {
	width: 180px;
	height:18px;
	float:left;
	background-color:#F3F7FF;
}

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


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

/*ul.menu {
	background-image: url(../../binary?id=102);
	background-repeat: no-repeat;
	background-position:top;
}
*/

ul.menu,
ul.menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	
/*
ul.menu.horizontal{
	border: 1px solid #99B3CC;
	width: 957px;
	height: 1.6em;
}

ul.menu.horizontal li{
	display: inline;
}

ul.menu.horizontal a,
ul.menu.horizontal div{
	color: #FFF;
	padding: .25em 1em .25em 1em;
	border-right: 1px solid #99B3CC;
	float: left;
}

ul.menu.horizontal a:hover,
ul.menu.horizontal li.path a,
ul.menu.horizontal li.path div{
	color: #369;
	background-color: #FFF;
	text-decoration: none;
}
*/

/*
ul.menu.vertical li{
	padding: 0;
}
*/

ul.menu.vertical li { /* all list items */
	position:relative;
	float:left;
	line-height:1.25em;
	width:11em;
	/*background-color:#DFEEF5;*/
}

ul.menu.vertical li ul.subs { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left: 11.10em;
	margin-top: -2.20em;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

ul.menu.vertical li ul.subs ul { /* third-and-above-level lists */
	left: -999em;
	margin-left: 11.00em;
	margin-top: -2.25em;
}

/*
ul.menu.vertical li ul.normal { 
	background-color : white;
}

ul.menu.vertical li ul.normal ul { 
	background-color : white;
}
*/
ul.menu.vertical li ul.normal li { /* second-level lists normal */
	background-color:#FFF;
}

ul.menu.vertical li ul.normal li a{ /* second-level normal anchor */
	font-weight:normal;
}

ul.menu.vertical li ul.subs li a{ /* second-level anchor */
	font-weight:normal;
}

ul.menu.vertical li ul.subs li { /* second-level lists flyouts */
	background-color:#BCD8E3;
}

ul.menu.vertical li a {
    color:#00488F;
    display:block;
    padding:5px 10px 4px 10px;
    w\idth:158px;
    text-decoration:none;
    border-top:1px solid #ECFAFD;
    border-right:1px solid #A7C9D2; /*94C0CC*/
    border-bottom:1px solid #A7C9D2;
    border-left:1px solid #ECFAFD;
}
	
ul.menu.vertical li a:hover {
	text-decoration:none;
    background-color: #C6E2EC;
}

ul.menu.vertical a.active{
	color: #000;
	/*background-color:#BAD8E2;*/
}


ul.menu.vertical li:hover ul ul, ul.menu.vertical li:hover ul ul ul, ul.menu.vertical li.sfhover ul ul, ul.menu.vertical li.sfhover 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.sfhover ul, ul.menu.vertical li li.sfhover ul, ul.menu.verticalli li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

ul.menu.vertical li.path li a{
	font-weight: normal;
	padding-left: 20px;
	width: 148px;
}

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

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

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

ul.menu a span.bullet{
	float: right;
	font-weight: normal;
}
/*
ul.menu.vertical a,
ul.menu.vertical div{
	color: #00488F;
	display: block;
	padding: 5px 10px 4px 10px;
	width: 180px;
	text-decoration: none;
	border-top:1px solid #EBF9FE;
	border-bottom:1px solid #94C0CC;
}


ul.menu.vertical li.path li{
	margin: 0;
}

ul.menu.vertical li.path a,
ul.menu.vertical li.path div{
	width: 160px;
}

ul.menu.vertical li.path li a,
ul.menu.vertical li.path li div{
	font-weight: normal;
	padding-left: 20px;
	width: 160px;
}

ul.menu.vertical li.path li.path li a,
ul.menu.vertical li.path li.path li div{
	padding-left: 30px;
	width: 150px;
}

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

ul.menu.vertical li.path li a.active.bullet,
ul.menu.vertical li.path li div.active.bullet,
ul.menu.vertical a.active.bullet.right,
ul.menu.vertical div.active.bullet.right{
	background-image: url(../../images/bullet.gif);
}

ul.menu.vertical a.active.bullet.right,
ul.menu.vertical div.active.bullet.right{
	background-position: 181px;
}

ul.menu.vertical li.path li a.active.bullet.left,
ul.menu.vertical li.path li div.active.bullet.left{
	background-position: 10px;
}

ul.menu.vertical li.path li.path li a.active.bullet.left,
ul.menu.vertical li.path li.path li div.active.bullet.left{
	background-position: 20px;
}

ul.menu.vertical li.path li.path li.path li a.active.bullet.left,
ul.menu.vertical li.path li.path li.path li div.active.bullet.left{
	background-position: 30px;
}

ul.menu.vertical a:hover{
	background-color: #BCD8E3;
	color: #000;
	text-decoration: none;
}

ul.menu.vertical a.active,
ul.menu.vertical div.active{
	color: #000;
	background-color:#BAD8E2;
}

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

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

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

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

div.item-middle.first{
	margin: 1em 8px 1em 0;
}

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

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;
}
/* boxes styles */


/* items styles */

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

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

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

div.item{
	padding: 0;
	clear: both;
	margin-bottom: 9px;
	/*height: 100%;*/
}

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

div.item img{
	/*float: right;*/
}

div#item div.related{
	width:216px;
	background-color:#F3F7FF;
	padding:.7em;
	font-size:.9em;
}

div.item.first{
	border: 0;
}

div.item img{
	/*margin: 0 10px 10px 0;*/
}

div.item h2{
	margin: 0;	
}

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

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

div.item p{
/*	margin: 1em 0 1em 0;*/
}

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

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

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

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

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

div#item div#preface{
	font-weight: bold;
	margin-top: 1em;
}

div#body {
    color:#000;
}

#article-left {
	/*float:left;
	width:100%;*/
/*	width:540px;*/
/*	margin-right: 9px;*/
}

#article-right {
	float:right;
/*	width:200px;*/
}

/* end items styles */

/* list styles */

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

table.list-general tr.head,
table.list th {
	background-color: #CBEFFB; /*#8FDBF8*/
	color: #000;
	font-weight: bold;
}

table.list-general tr.dark {
/*	background-color: #CBEFFB;*/
}

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

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: #CBEFFB;
    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%;
}

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


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

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 tr.dark td{
/*	background-color: #F0F0F0;*/
}



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

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 {
	display:none;
}
/* 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 */

/* boatuser specials */
#boatuser div.content div.content-end-toparticle {
clear: both;
margin: 8px 0 !important;
margin: 0 0;
height: 1px;
line-height: 1px;
border-top:1px solid #DDD3B2;
}
#boatuser div.content div.content-end {
clear: both;
border-top:1px solid #DDD3B2;
margin:8px 0;
height: 1px;
line-height: 1px;
}
#boatuser div.content div.content-end-last {
clear: both;
margin:8px 0;
height: 1px;
line-height: 1px;
}
#boatuser div.content div.item-right img {
margin-bottom: 10px;
margin-right: 10px;
}

/*end boatuser specielas*/

/* sorttable styles */

table.sortable {
		width:100%
}

table.sortable th {
	background-color: #D7E4FF;
	color:#039;
	font-weight:bold;
}

/* end sorttable styles */