#panel {
	width: 100%;
	height: 93px;
	background-image: url(/static/images/merenkulkulaitos/panel/topbar_bg.gif);
	background-repeat: repeat-x;
	background-color: #fefefe;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2000
}

#panelWrapper {
	border:0 none;
	display:block;
	float:left;
	height:81px;
	width:938px;
	margin: 0px 0px 0px 40px;
}

#panel #logo {
	background-image: url(/static/images/merenkulkulaitos/index/veneretki_logo2.gif);
	background-repeat: no-repeat;
	width: 238px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: left;
	margin: 0 35px 0 0;
}

#panel #logo h1 {
	 height: 59px;
	 margin: 0px;
	 padding: 0px;
	 text-indent:-9999px;
	 overflow: hidden;
}

#panel #logo h1 a {
	display:block;
	height:59px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	width:185px;
}

#panel #panelTools {
	clear:both;
	float:left;
	height:33px;
	margin:0 0 0 0;
	width:900px;
}

#ajaxLoader {
	background-image:url(/static/images/merenkulkulaitos/panel/ajax-loader.gif);
	background-repeat:no-repeat;
	height:16px;
	/*left:920px;
	position:absolute;
	top:58px;*/
	width:16px;
	float: left;
	margin: 10px 0px 0px 10px;
	
}

#tabscontainer {
	float: left;
	display: block;
}

#panel #userTools {
	/*position:absolute;*/
	right:0px;
	top:0px;
	/*width:460px;*/
	display:none;
}

#panel #user {
	height:47px;
	/*left:289px;
	position:absolute;
	top:10px;*/
	width:630px;
	float:left;
}

#panel #login {
	width:700px;
	display:none;
	height: 45px;
	margin: 3px 0px 0px 0px;

}

#panel #login .loginUsername {
	float: left;
	width: 125px;
	/*height: 19px;*/
	border: 1px solid #517a9e;
	margin: 0px 4px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 2px 0px 3px;
}

#panel #login .loginPassword {
	float: left;
	width: 125px;
	/*height: 19px;*/
	border: 1px solid #517a9e;
	margin: 0px 4px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 2px 0px 3px;
}

#login a.loginLink, #userTools a.loginLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
	display: block;
	padding: 5px;
	float: left;
	cursor:pointer;
}

#panel #login a.loginLink, #panel #userTools a.loginLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff !important;
	text-decoration: underline;
	display: block;
	padding: 5px;
	float: left;
	cursor:pointer;
	
}


#login span.loginLinkBtn {	
	/*height: 17px;
	background-image: url(/static/images/merenkulkulaitos/panel/button_bg.gif);
	background-repeat: repeat-x;
	border-color: #FFFFFF #074275 #074275 #FFFFFF;
	border-style: solid;
	border-width: 1px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 2px 3px 0;
	display: block;*/
}	
.loginLinkBtn {	
	height: 19px;
	background-image: none;
	border: 0px !important;
	background-color: #003972;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
}

#panel #loginLinks {
	display: block;
	float: left;
	width: 268px;
	height: 22px;
}

#panel #loginLinks {
	display: block;
	float: left;
	width: 330px;
	height: 22px;
}

#loginLinks a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003d71;
	text-decoration: underline;
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}

#panel #loginLinks a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}

#panel #loginLinks a:hover {
	text-decoration: underline;
}

#userTools span.loginText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px;
	float: left;
	border-left: 0px;
}

#userTools #nickname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px 10px 0px 0px;
	float: left;
	border-left: 0px;
}

#login span.loginLink:hover, #userTools span.loginLink:hover {
	text-decoration: none;
}

.loginFieldWrapper {
	float: left;
	Display: block;
}



#panel #loginFields {
	border: 0px;
}

.userFieldTitle {
	display: block;
	width: 80px;
	float: left;
}

.loginForgot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 4px 0px 0px 82px;
	display: block; 
	text-decoration: underline;
	cursor: pointer;
}

/*#loginFields #password {
	width: 130px;
	margin-top: 3px;
*/
}

#loginFields #username {
	width: 130px;

}

#ohjeLink {
	display: block;
	float: left;
}

#panel #ohjeLink {
	display: block;
	float: left;
}

#ohjeLink a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003d71;
	text-decoration: underline;
	margin: 7px 0 0 10px;
	display: block;	
}

#panel #ohjeLink a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
	margin: 7px 0 0 10px;
	display: block;	
}


#slider {
	width: 100%;
	border-bottom: 1px solid #828282;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1999;
	background-color:#FFFFFF;
}


ul#tabNavi {
	background-image:url(/static/images/merenkulkulaitos/panel/navi_bg.gif);
	background-repeat:no-repeat;
	float:left;
	height:35px;
	margin:3px 0 0;
	padding:0;
	width:599px;
	
}

ul.off {
	
	background-position: top;
}
ul.on1 {
	background-position: left -35px;
}

ul.on2 {
	background-position: left -70px;
}

ul.on3 {
	background-position: left -105px;
}

ul.on4 {
	background-position: left -140px;
}

ul#tabNavi li {
	float: left;
	display:inline;
	cursor:pointer;
	height:35px;
}

span#navi_kohteet {
	display:block;
	height:35px;
	padding:6px 0 0 31px;
	width:91px;
	}

span#navi_palvelut {
	display:block;
	height:35px;
	padding:6px 0 0 28px;
	width:132px;
}

span#navi_viranomaist {
	display:block;
	height:35px;
	padding:6px 0 0 29px;
	width:155px;
	
}

span#navi_valokuvat {
	display:block;
	height:35px;
	padding:6px 0 0 28px;
	width:103px;
	
}

#tabNavi li span {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	
}

#tabNavi li span:hover {
	color: #ffffff;
}

#tabNavi.on1 #navi_kohteet, #tabNavi.on2 #navi_palvelut, #tabNavi.on3 #navi_viranomaist {
	color: #ff9600;
}

#search {
	background-image:url(/static/images/merenkulkulaitos/panel/search_bg.gif);
	background-repeat:no-repeat;
	display:inline;
	float:left;
	height:28px;
	margin:2px 0 0;
	padding:6px 0 0 6px;
	width:256px;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#searchField {
	width: 180px;
	height: 17px;
	border: 1px solid #89b4df;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	float: left;
	padding: 0px;
	
}

#searchBtn {
	height: 19px;
	background-image: none;
	border: 0px !important;
	background-color: #002449;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
}

#panel .loginLinkBtn {
	height: 19px;
	background-image: none;
	border: 0px !important;
	background-color: #003972;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
}

#search #searchResults {
	background-color:#FFFFFF;
	border:1px solid #89B4DF;
	display:none;
	left:621px;
	min-width:160px;
	padding:10px;
	position:absolute;
	top:73px;
}

.searchResultRow {
	width:100%;
	padding:5px;
	padding-bottom:3px;	
}

#searchResultsClose {
	padding:5px;
	padding-bottom:3px;
	padding-top:10px;	
}

#slider {
	position:absolute;
	top:-100px;
	display:none;	
}

.sliderBtn {
	background-image:url(/static/images/merenkulkulaitos/targetinfo/targetinfo_btn_bg.gif);
	background-repeat:repeat-x;
	border-color:#909090 #5E5E5E #5E5E5E #909090;
	border-style:solid;
	border-width:1px;
	color:#000000 !important;
	display:block;
	float:right;
	font-size:12px !important;
	font-weight:bold;
	padding:3px 5px;
	text-decoration:none !important;
	font-family: Arial, Helvetica, sans-serif;
	margin:3px 0 0;
}

#sliderHeader {
	width: 100%;
	height: 25px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#sliderContent {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;	
}

#sliderFooter {
	background-image:url(/static/images/merenkulkulaitos/panel/footer_bg.gif);
	background-repeat:repeat-x;
	float:left;
	height:46px;
	margin:10px 0 14px;
	padding:5px 0 0;
	width:100%;	
}

#sliderFooter #resultsCount {
	margin: 10px;
	float:left;	
}

#slider #closeSlider {
	background-image: url(/static/images/merenkulkulaitos/targetinfo/close.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 37px;
	height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #343434 !important;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	padding: 1px 16px 0px 0px;
	float: right;
}

#sliderContent ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	
}

#sliderContent label {
	white-space: no-wrap;	
	cursor: pointer;
}

#sliderContent ul li, #sc_services ul li {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0 10px 0;
	padding:0;
	
}

#sliderContent ul li li, #sc_services ul li li {
	color:#4D4D4D;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0px 20px 8px 0px;

}

#sliderContent ul li span {
	display:block;
	margin:0 0 10px;
}

ul.targetsCategory li {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:10px 10px 0;
	padding: 0px
}

#sc_services_properties, #sc_authorities_types, #sc_images_properties {
	padding: 10px;
	height: 110px;	
}


#sliderContent h2 {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:10px 10px 0;
	padding:0;
}

#sliderContent .selectionName {
	color:#4D4D4D;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0px 20px 8px 0px;

}


#sliderContent ul.targetsCategory {
	margin: 0px;
	height: auto;
}

#sliderContent ul li input {
	position: relative;
	top: 2px;
}

#valokuvaBtn {
	background-image: url(/static/images/merenkulkulaitos/panel/nappi_valokuvat.gif);
	background-repeat: no-repeat;
	width: 119px;
	height: 23px;
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #325c78;
	text-decoration: none;
	margin: 16px 0px 0px 10px;
	padding: 0 0 0 7px;
	cursor: pointer;
	text-transform: uppercase;
	
}

#valokuvaBtn #icon_valokuva {
	background-image: url(/static/images/merenkulkulaitos/panel/icon_valokuvat.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 22px;
	float: left;
	padding: 5px 0px 0px 22px;
}

#navi_valokuvat.valokuvaSelected {
	background-image: url(/static/images/merenkulkulaitos/panel/valokuva_bg_selected.gif);
	background-repeat: no-repeat;
}

#tabNavi #navi_kohteet #icon_kohde {
	background-image: url(/static/images/merenkulkulaitos/panel/icon_kohteet.gif);
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 22px;
	float: left;
	padding: 6px 0 0 21px;
}

#tabNavi.on1 #navi_kohteet, #tabNavi.on1 #navi_kohteet:hover {
	/*background-image: url(/static/images/merenkulkulaitos/panel/icon_kohteet_open.gif);
	background-repeat: no-repeat;*/
	color: #002e5b;
}

#tabNavi #navi_palvelut #icon_palvelut {
	/*background-image: url(/static/images/merenkulkulaitos/panel/icon_palvelut.gif);
	background-repeat: no-repeat;*/
	display: block;
	width: 80px;
	height: 22px;
	float: left;
	padding: 6px 15px 0 21px;
}

#tabNavi.on2 #navi_palvelut, #tabNavi.on2 #navi_palvelut {
	color: #002e5b;
}

#tabNavi.on3 #navi_viranomaist {
	color: #002e5b;
}

#tabNavi.on4 #navi_valokuvat {
	color: #002e5b;
}

#tabNavi.valokuvaSelected #icon_valokuva {
	background-image: url(/static/images/merenkulkulaitos/panel/icon_valokuvat_selected.gif);
	background-repeat: no-repeat;
}



/* Add Comment */



#placeInfoAddCommentBody {
	float: left;
	/*clear: both;*/	
	width: 438px;
	margin: 0px 0px 5px 0px;
}

#placeInfoAddCommentSubmit {
	/*background-image:url(/static/images/merenkulkulaitos/panel/button_bg.gif);
	background-repeat:repeat-x;
	border-color:#FFFFFF #074275 #074275 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF !important;
	display:block;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:17px;
	margin:0;
	padding:2px 3px 0;
	text-decoration: none !important;*/
}

/*#placeInfoAddComment label {
	display: block;
	float: left;
	
	margin: 3px 0px 0px 0px;
}*/

.sliderInstructionTitle {
	color:#9E9E9E;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 10px;
}

/* Kommentoi epaasiallisesta tiedosta */


#placeInfoLocation {
	display:block;
	float: left;
	margin:4px 0 0;
}

#close_container {
	background-image:url(/static/images/merenkulkulaitos/panel/close_container_bg.gif);
	background-repeat:repeat-x;
	display:block;
	height:32px;
	width:249px;
	margin:5px 0 0;
	float: right;
}

#container_left {
	background-image: url(/static/images/merenkulkulaitos/panel/close_container_left.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 4px;
	height: 32px;
}

#container_right {
	background-image: url(/static/images/merenkulkulaitos/panel/close_container_right.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	width: 4px;
	height: 32px;
}

#sliderFooterLinks {
	width: 455px;	
}

.selectAll, .unselectAll {
	color: #626262 !important;
	font-size: 14px;
}

#selectLinks {
	display:block;
	float:left;
	font-size: 18px;
	color: #626262;
	margin:7px 5px 0;
	
}

#serviceProviderLogos {
	bottom:15px;
	left:47%;
	margin:0 auto;
	position:absolute;
}

#serviceProviderLogos img {
	border: 0px;
	margin-left: 5px;
}

.iconInfo {
	display: block;
	float: right;
	width: 266px;
	margin: 0pc 20px 0px 0px;
}

.iconInfoHeader_target {
	background-image: url(/static/images/merenkulkulaitos/panel/panel_iconinfo_kohde.gif);
	background-repeat: no-repeat;
	display: block;
	width: 266px;
	height: 90px;
}

.iconInfoHeader_service {
	background-image: url(/static/images/merenkulkulaitos/panel/panel_iconinfo_palvelu.gif);
	background-repeat: no-repeat;
	display: block;
	width: 266px;
	height: 90px;
}

.iconInfoHeader_authorities {
	background-image: url(/static/images/merenkulkulaitos/panel/panel_iconinfo_viranomais.gif);
	background-repeat: no-repeat;
	display: block;
	width: 266px;
	height: 90px;
}

.iconInfoHeader_image {
	background-image: url(/static/images/merenkulkulaitos/panel/panel_iconinfo_valokuva.gif);
	background-repeat: no-repeat;
	display: block;
	width: 266px;
	height: 90px;
}



.iconInfo_text {
	background-image:url(/static/images/merenkulkulaitos/panel/panel_iconinfo_bg.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:5px 10px;
	width:246px;
}

.iconInfo_footer {
	background-image: url(/static/images/merenkulkulaitos/panel/panel_iconinfo_footer.gif);
	background-repeat: no-repeat;
	width: 266px;
	height: 12px;
}

/* Sivusliderin tyylit alkaa */

#myTargetsSlider {
    width: 286px;
    position:absolute;
    left:-255px;
    z-index:5000;
	font-family: Arial,Helvetica,sans-serif;
	height: 100%;
	display: none;
}

#myTargetsSliderContent {
	float: left;
	width: 250px;
	border-right: 4px solid #0049a0;
	background-color: #ffffff;
	overflow: auto;
	height: 100%;
}

#sliderButtons {
	float: left;
	width: 250px;
	height: 41px;
	background-image: url(/static/images/merenkulkulaitos/panel/mytargets_buttons_bg.gif);
	background-repeat: repeat-x;	
}

#sliderButtons a.button {
	background-image:url(/static/images/merenkulkulaitos/targetinfo/targetinfo_btn_bg.gif);
	background-repeat:repeat-x;
	border-color:#909090 #5E5E5E #5E5E5E #909090;
	border-style:solid;
	border-width:1px;
	color:#000000 !important;
	display:block;
	float:left;
	font-size:12px !important;
	font-weight:bold;
	padding:3px 5px;
	text-decoration:none !important;
}

#sliderButtons a.omat_tiedot {
	margin:8px 0 0 33px;
}

#sliderButtons a.kotisatama {
	margin: 8px 0 0 23px;
}
	
#myTargetsHandle {
	width: 32px;
	float: left;
	margin: 50px 0px 0px 0px;
	cursor: pointer;
}

#myTargetsHandle .myTargetsTop {
	background-image: url(/static/images/merenkulkulaitos/panel/mytargets_handle_top.gif);
	background-repeat: no-repeat;
	float: left;
	width: 32px;
	height: 2px;
}

#myTargetsHandle .myTargetsBottom {
	background-image: url(/static/images/merenkulkulaitos/panel/mytargets_handle_bottom.gif);
	background-repeat: no-repeat;
	float: left;
	width: 32px;
	height: 2px;
}

#myTargetsHandle .myTargetsText {
	float: left;
	width: 32px;
	background-image: url(/static/images/merenkulkulaitos/panel/mytargets_handle_text_closed.gif);
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
}

#myTargetsSliderContent h2 {
	font-size: 16px;
	color: #7b7e82;
}

#myTargetsSliderContent ul {
	margin: 10px 0 10px 5px;
	padding: 0px 0px 10px 0px;
	list-style-type: none;
	background-image: url(/static/images/merenkulkulaitos/panel/dotline_horisontal.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}

#myTargetsSliderContent ul.myTargets li {
	background-image: url(/static/images/merenkulkulaitos/panel/mytargets_icon_kohde.gif);
	background-repeat: no-repeat;
	padding: 0 0 0px 25px;
	margin: 0px 0px 0px 15px;
	background-position: 3px 2px;	
}

#myTargetsSliderContent ul.myPhotos li {
	background-image: url(/static/images/merenkulkulaitos/panel/mytargets_icon_valokuva.gif);
	background-repeat: no-repeat;
	padding:0 0 0px 25px;
	margin: 0px 0px 0px 15px;
	background-position: 0px 2px;
}

#myTargetsSliderContent ul.myComments li {
	background-image: url(/static/images/merenkulkulaitos/panel/mytargets_icon_kommentti.gif);
	background-repeat: no-repeat;
	padding:0 0 0px 25px;
	margin: 0px 0px 0px 15px;
	background-position: 0px 2px;
}
#myTargetsSliderContent ul li a {
	display: block;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#myTargetsSliderContent ul li a:hover {
	display: block;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

#myTargetsSliderContent ul li a:hover span.myTargetsDate:hover {
	text-decoration: blink !important;
}

#myTargetsSliderContent ul.myTargets li a {
	
}
#myTargetsSliderContent ul.myPhotos li a {
	
}

#myTargetsSliderContent ul.myComments li a  {
	

}

#myTargetsSliderContent ul li .myTargetsDate {
	color:#7F7E7E;
	display:block;
	font-size:10px;
	font-weight:normal;
	text-decoration: none !important;
	margin: 0 0 6px 0px;
}

/* Sivusliderin tyylit loppuu */