/* New items introduced fot topic */

@import url(boxes.css);
@import url(FigisMap.css);

@media screen {
	#related.relatedShort { float: right; margin-left: 15px; padding: 0 0 20px 0; width: 165px; z-index: 2; }
	#related.relatedLong { margin-left: 5px; padding: 0 0 20px 0; }
	.LayoutClass { border-bottom: 1px solid #006; color: #399; font-size: 18px; font-weight: bold; margin: 5px; padding: 5px 0 5px 20px; }
	#related .relItem { display: block; margin: 5px; }
	#related.relatedLong .relItem { display: none; }
	#related .source .relItem { margin: 5px; clear:both; overflow: auto; padding: 5px 0; border-bottom: 1px solid #ccc; }
	#related .source .relItem:last-child {  border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
	#related .relSection { border: 1px solid #bbcfe2; margin: 0 0 10px 0; }
	#related .relHead { text-align: center; padding: 2px 0px; color: #fff; background-color: #bbcfe2; margin: 0; }
	#related.relatedLong .relItem { display: none; }
	#related.relatedLong .fullList { display: none; }
	#related .source { display: none; }
	#related.relatedLong .source { display: block; margin-right: 0;}
	#related.relatedLong .source .relItem { display: block; }
	#related .close, #related .fullList { text-align: right; background-color : #eee; padding: 2px 5px; }
	#sourceMid .h1, #sourceMid .h2 { display: none; }
	#sourceMid .relItem.bullettrue { display: block; border-bottom: 5px solid #fff; }
	.relTitle { font-size: 13px; font-weight: bold; }
	#related.relatedLong .relTitle { font-size: 16px; }
	.relCorner { display: none !important }
	#sourceLink { border: 1px solid #39b; clear: both; float: right; margin: 3em 0 1em auto; padding: 0; }
	#sourceLink br, #sourceLink span { display: none; }
	#sourceLink a { color: #39b; display: inline; font-size: 11px; font-weight: normal; padding: 4px 8px 0 8px; text-align: center; text-decoration: none; width: 70px; }
	#sourceLink a:hover { color: #000; text-decoration: none; }
	.printonly, .printOnly { display: none; }
}
@media print {
	#related.relatedShort { float: right; margin-left: 15px; padding: 0 0 20px 0; width: 165px; z-index: 2; }
	#related.relatedLong { margin-left: 5px; padding: 0 0 20px 0; }
	.LayoutClass { border-bottom: 1px solid #ccc; color: #333; font-size: 1.5em; font-weight: bold; margin: .2em 0; padding: 0; }
	#related .relItem { display: block; margin: .3em; }
	#related.relatedLong .relItem { display: none; }
	#related .source .relItem { margin: .3em; clear:both; overflow: auto; padding: .3em 0; border-bottom: 1px solid #ccc; }
	#related .source .relItem:last-child {  border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
	#related .relSection { border: 1px solid #ccc; margin: 0 0 10px 0; }
	#related .relHead { text-align: center; padding: 2px 0px; color: #fff; background-color: #ccc; margin: 0; }
	#related.relatedLong .relItem { display: none; }
	#related .fullList, #related .source { display: none; }
	#sourceMid .h1, #sourceMid .h2 { display: none; }
	#sourceMid .relItem.bullettrue { display: block; border-bottom: .3em solid #fff; }
	.relTitle { font-size: 1.1em; font-weight: bold; }
	#related.relatedLong .relTitle { font-size: 1.3em; }
	.relCorner { display: none !important }
	#sourceLink { display: none; }
	.noprint, .noPrint { display: none; }
	#printbottom { margin-top: 1em; border-top: 1px dotted #ccc; text-align: right; padding-top: 4px; }
	#pbyfigisprint { width: 15mm; opacity: .4; }
}

/* End of new items introduced fot topic */

/*this code makes mozilla and IE behave same for padding */
/*div { -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }*/
/*
	The following rule is wrong, it has been introduced by developers without notice.
	I managed to limit its side-effects, because I don't jknow the reason it was introduced - MB
table tr td#mainright div, table tr td#mainright a, table tr td#mainright .noLink {margin-top: 2px!important; margin-bottom: 2px!important;}
*/
table tr td#mainright div:not([class]), table tr td#mainright a:not([class]), table tr td#mainright .noLink {margin-top: 2px!important; margin-bottom: 2px!important;}

@media screen, handheld {
	body { background-color: #fff; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	body font[color] { color: #666; }
	a.button1 { background-color: transparent; background-image: url(../../shared/assets/images/buttons/buttonBackground.gif); background-repeat: no-repeat; display: block; font-size: 100%; font-weight: bold; height: 15px; padding: 1px 0px; text-align: center; text-decoration: none; width: 80px; }
	a.button1:link, a.button1:visited, a.button1:active { color: #002577; }
	a.button1:hover { background-position: 0 -19px; color: #395; }
	a, .noLink { text-decoration: none; color: #399; margin-top: 2px;}
	a:hover, #langSite a:hover, #topBarSite a:hover, .list a:hover, .subList a:hover, .subSubList a:hover, #bottomBar a:hover{ color: #933; }
	span.button2 { background-color: transparent; background-image: url(/fi/figis/firms/assets/images/empty.gif); background-repeat: no-repeat; color: white; display: block; font-size: 100%; font-weight: bold; height: 16px; padding: 1px 8px; text-decoration: none; width: 355px; }
	img { border: none; }
	input { border: 1px; border-style: solid; border-color: #666; font-size: 12px; }
	td { font-size: 12px; }
	hr.hrMenu { border: none; border-bottom-color: #339965; border-bottom-style: solid; border-bottom-width: 1px; height: 1px; margin-right: 8px; }
	.relHead .LayoutClass, h1 { display: block; margin: 12px 0 10px 0; color: #369; font-size:18px; font-weight: bold;}
	.mainBody .relHead *, h2, .h2, h3, .h3 { display: block; margin-top: 8px; margin-bottom: 10px; color: #369; font-weight: bold; }
	.mainBody .relHead *, h2, .h2 { font-size:16px; }
	h3, .h3 { font-size:12px; }
	.pageTitle{ clear: left; float:left; width:600px; }
}
@media print {
	body { font-family: serif; font-size: padding: 0; }
	a, .noLink { text-decoration: none; color: #000; }
	input { display:none; }
	hr.hrMenu { border: none; border-bottom: 1px solid #ccc; height: 1px; }
	.relHead .LayoutClass, h1 { display: block; margin: .8em  0; color: #666; font-size:1.4em; font-weight: bold;}
	.mainBody .relHead *, h2, .h2, h3, .h3 { display: block; margin-top: .6em; margin-bottom: .8em; color: #333; font-weight: bold; }
	.mainBody .relHead *, h2, .h2 { font-size:1.4em; }
	h3, .h3 { font-size:1em; }
	.pageTitle{ clear: left; float:left; width:100%; }
	#container>a { display: none; }
}

table.extraInfoST { margin: .5em; border: 1px solid #999; border-width: 1px 0 0 1px; }
table.extraInfoST th { background-color : transparent; text-align: center; }
table.extraInfoST th, table.extraInfoST td { border: 1px solid #999; border-width: 0 1px 1px 0; padding: 2px 6px; }
table.extraInfoST th, table.extraInfoST td, table.extraInfoST td strong { font-size: 1em; line-height: 1.2em; }
table.extraInfoST td { text-align: left; }
table.extraInfoST td+td { text-align: center; }

/*
#head_source { color: black; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; padding-bottom: 5px; }
*/
#head_source { color: black; float: left; font-size: 12px; letter-spacing: 1px; padding: 5px; }
.organization #head_source { margin-top: 1em; float: right; }
#head_icon_class { padding-right: 5px; }
#head_title_box { }
#head_title_class { font-size: 14px; letter-spacing: 1px; padding-bottom: 5px; }
#head_title_instance { color: black; font-size: 20px; }
#head_subtitle_instance { font-style:normal; font-size: 16px; }
#head_search { float: left; font-weight: bold; font-size: 10px; padding-bottom: 5px; padding-top:5px; display: none; }
#head_search a { color: White; }
#head_search a:hover { color: White; }
#head_icon_instance { clear:right; float: right; max-height: 60px; }
.l4 { font-size: 9px; list-style-type: circle; margin-left: 90px; }
.l3 { font-size: 12px; list-style-type: disc; margin-left: 60px; }
.l2 { font-size: 14px; list-style-type: square; margin-left: 30px; }
.l1 { font-size: 16px; font-weight: bold; list-style-type: none; }

.th1 { color: #369; font-size: 16pt; margin-top: 10pt; }
.tabMarTop { margin-top: 8px; }
.EVENTS a { color: #339999; font-weight: bold; font-size: 13px; }
.NEWS a { font-weight: bold; font-size: 13px; }
.list, .browse, .subList, .subSubList { list-style-type: none; padding: 0px; margin:0px; font-size:14px; }
.listLitrue { background-image: url(../assets/images/templates/firms/bullet_lg.gif); background-repeat: no-repeat; background-position: 0 -.05em; padding-left: .7em; }
.listLifalse { background-image: url(../assets/images/templates/firms/bullet_lg_off.gif); background-repeat: no-repeat; background-position: 0 -.05em; padding-left: .7em; }
.listLifalse a { color: #336699; }
.listLitrue a { color: #336699; font-weight: bold; }
.listLinonefalse a { color: #336699; }
.listLinonetrue a { color: #999733; font-weight: bold; }
.subSubTitle { color: #369; }
.subList { margin-top:8px; font-size: 12px; }
.subList a, .subSubList a { font-weight: normal; color: #000000; }
.subLifalse { margin-bottom: 4px; background-image: url(../assets/images/templates/firms/bullet_sm_off.gif); background-repeat: no-repeat; background-position: 0 .1em; padding-left: .6em; }
.subLitrue { margin-bottom: 4px; background-image: url(../assets/images/templates/firms/bullet_sm.gif); background-repeat: no-repeat; background-position: 0 .1em; padding-left: .6em; }
.subLinonefalse { margin-bottom: 4px; }
.subLinonetrue { margin-bottom: 4px; background-image: url(../assets/images/templates/firms/dot_on.gif); background-repeat: no-repeat; background-position: 0 .50em; padding-left: .6em; }
.subLitrue a { color: #000000; font-weight: bold; }
.subLinonetrue a { color: #999733; font-weight: bold; }
.subSubList { list-style-image: none; margin-top:4px; margin-left: 4px; font-size: 10px; font-weight: normal; }
.subSubLifalse { margin-bottom: 4px; }
.subSubLitrue { margin-bottom: 4px; }
.subSubLitrue a { background-image: url(../assets/images/templates/firms/dot_sm_on.gif); background-repeat: no-repeat; background-position: 0 .50em; padding-left: .6em; color: #999733; font-weight: bold; }
.subLitrueCurrent { margin-bottom: 4px; background-image: url(../assets/images/templates/firms/dot_sm_on.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: .6em; }
.subLitrueCurrent a { color: #999733; font-weight: bold; }
.subSubLifalse a { color: #666; font-weight: normal; }
#searchResultBar { clear:left; background-color: #fff; border-style: solid; border-width: 0px; border-color: #666; font-size: 13px; color: #369; width:600px; }
.resultKeywords { padding-left:10px; }
.resultCount { padding: 0 0 10px 10px; }
#cadre { background-color: #bbcfe2; border-bottom-color: #1766ab; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #1766ab; border-left-style: solid; border-left-width: 1px; border-right-color: #1766ab; border-right-style: solid; border-right-width: 1px; height: 18px; white-space: nowrap; }
#langSite { float: left; padding-top: 1px; }
#topBarSite{ float: right; }
#langSite a { padding-left: 8px; color:#339965; font-size: 11px; font-weight: bolder; }
#langSite span { padding-left: 8px; font-size: 11px; }
@media screen {
	#container { left: 50%; margin-left: -380px; min-height: 600px; position: absolute; top: 0px; width: 800px; }
	#mainright { border: none; border-left: 1px solid #000080; margin-bottom: 2px; padding: 0 0 10px 5px; width: 674px; }
	#sideBar { border-color: #000080; border-style: solid; border-width: 0px; margin-top: 2px; padding-top: 10px; width: 120px; }
}
@media print {
	#container { width: 99%; margin: 0 auto; padding: 0; }
}
#bottombar { text-align: center; width: 800px; background-color: #1766AB; padding-bottom: 2px; }
#bottombar a { color: #fff; font-size:12px; }
.olControlLayerSwitcher { text-align: left; }
.lang_ar .olControlLayerSwitcher { text-align: right; }
/*
div.speciesList { clear: right; margin: 4px 0; overflow: auto; }
*/
div.speciesList { clear: right; margin: .5em 0; }
div.speciesList img { border: none; float: right; }
div.speciesList a div { font-style: normal; color: #666; text-decoration: none; display: block; }
div.speciesList a:hover { text-decoration: none; }
div.speciesList a:hover i { text-decoration: underline; }
div.speciesList a:hover div { text-decoration: none; }
/*
div.speciesList.longList a div, div.speciesList.longList a img { display: none; }
div.speciesList.longList a:hover img { display: inline; }
div.speciesList.longList a:hover div { display: block; }
*/
div.speciesList a div strong { font-weight: normal; }

.firmsFisheryTable td, .firmsFisheryTable th { padding: 2px 4px; vertical-align: baseline; }
.firmsFisheryTable td.nw { white-space: nowrap; }
.firmsFisheryTable td.c { text-align: center; }
.firmsFisheryTable td.r { text-align: right; }
@media screen {
	.firmsFisheryTable { border-left: 1px solid #306; border-top: 1px solid #306; margin-top: 1em; width: 90%; }
	.firmsFisheryTable td, .firmsFisheryTable th { border-bottom: 1px solid #306; border-right: 1px solid #306; }
	.firmsFisheryTable th { background-color: #eee; }
}
@media print {
	.firmsFisheryTable { border-left: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: 1em; width: 90%; }
	.firmsFisheryTable td, .firmsFisheryTable th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
	.firmsFisheryTable th { }
}

.firmsResourceTable td, .firmsResourceTable th { padding: 2px 4px; vertical-align: baseline; }
.firmsResourceTable td.nw { white-space: nowrap; }
.firmsResourceTable td.c { text-align: center; }
.firmsResourceTable td.r { text-align: right; }
.sourceEntryTitle { margin: .5em 0; }
@media screen {
	.firmsResourceTable { border-left: 1px solid #355e8a; border-top: 1px solid #355e8a; margin-top: 1em; width: 90%; }
	.firmsResourceTable td, .firmsResourceTable th { border-bottom: 1px solid #355e8a; border-right: 1px solid #355e8a; }
	.firmsResourceTable th { background-color: #eee; }
}
@media print {
	.firmsResourceTable { border-left: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: 1em; width: 90%; }
	.firmsResourceTable td, .firmsResourceTable th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
	.firmsResourceTable th { }
}

.fiStandardTable td, .fiStandardTable th { padding: 2px 4px; vertical-align: baseline; }
.fiStandardTable td.nw { white-space: nowrap; }
.fiStandardTable td.c { text-align: center; }
.fiStandardTable td.r { text-align: right; }
@media screen {
	.fiStandardTable { border-left: 1px solid #369; border-top: 1px solid #369; margin-top: 1em; width: 90%; }
	.fiStandardTable td, .fiStandardTable th { border-bottom: 1px solid #369; border-right: 1px solid #369; }
	.fiStandardTable th { background-color: #eee; }
}
@media print {
	.fiStandardTable { border-left: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: 1em; width: 90%; }
	.fiStandardTable td, .fiStandardTable th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
	.fiStandardTable th { }
}

.mediaBoxContainer { margin: 1em 0;}
.mediaBox { }
.mediaBox .h2 { margin: 0; text-align: center; border: none; }
.mediaBox .h4 { margin: 0; text-align: left; font-weight: normal; font-size: 12px; }
.lang_ar .mediaBox .h4 { text-align: right; }

#headerSubSpacer { display: none; }
#tableOfContent ol { list-style-type: circle; }
.FigisMapFrame { height:400px; border:1px solid black; margin: 1em 0; }
.FigisSmallMapContainer { width: 300px; float: right; text-align: right; }
.FigisSmallMapFrame {  height: 150px; border:1px solid black; margin: 0; }

.tbbutton { background-color: #bbcfe2; border-color: #BBCFE2 text-align; font-size: 10px; margin: 2px; padding: 0px; width: 65px; }
#getXmlButton, #getPdfButton { font-weight: normal; width: 50px; }

.mainBody .relHead { clear: left; }
.mainBody .relItem img { margin: 0 10px 10px 0; }
.mainBody .relItem .padRight img { margin: 0 10px 20px 0; }
.mainBody .relItem { margin-bottom: 10px; clear: left; }

.mainBody .relItem a { font-weight: bold; }
.mainBody .relItem .htmlDescription { margin: .5em 0 1em 2em; }
.mainBody .relItem .htmlDescription p { margin: 0; }
.mainBody .relItem .htmlDescription b, .mainBody .relItem .htmlDescription a { font-weight: normal; }

#maintab { display: none; }

.tabcontent .whiteOnBlue { font-weight: bold; background-color : #eee; }
#searchResultBar { padding: .5em }
#searchResultBar .resultKeywords { color: #999; font-size: 80%; }

.contactEntry { margin: .5em 1em 2em .5em; }
.contactEntry p { margin: 0; }
.contactEntry .contactEntryTitle { font-weight: bold; }
.contactEntry .postalAddress { margin: .5em 2em; }
.contactEntryImage { float:right; overflow: auto; margin-left: .5em; }
.contactEntryImage img { max-height: 140px; max-width: 200px; }
.contactEntry p span.subSubTitle { font-weight: normal; color: #999; }
.browserIE .contactEntryImage img { height: 120px; }

div.monitoringIdentBlock { border: 1px solid #ccc; margin: .5em 0; padding: .2em .5em; background-color : #eee;}
.monitoringIdentBlock .generalTitle { font-weight: bold; }
.monitoringIdentBlock .Range { margin-left: 2em; font-style: italic; }
.monitoringIdentBlock .identEvolution { display: block; }

.ManagementMethodEntry li { padding-bottom: 1em; }
.identEvolution br { display: none; }

@media screen {
	.expandCollapseControl { text-align: right; }
	.expandCollapseControl .expandControl { font-weight: bold; }
	.detailsExpanded .expandControl { display: none; }
	.detailsCollapsed .collapseControl { display: none; }
	.detailsCollapsed .ManagementMethodEntry * { display: none; }
	.detailsCollapsed .ManagementMethodEntry .generalTitle { display: block; font-weight: normal; font-style: italic; }
	.detailsCollapsed .ManagementMethodEntry .generalTitle:after { content: " […]"; opacity: .6; }
	.printOnly, .printonly { display: none; }
}
@media print {
	.expandCollapseControl { display: none; }
}

@media print {
	#printableBanner { border: 1px solid #ccc; margin: 0 0 1em 0; padding: 0; border-radius: 1em; }
	#printableBanner table { width: 100%; }
	#printableBanner td { padding: .5em 1em; vertical-align: middle; }
	#printableBanner td * { margin: 0; padding: 0; font-family: sans-serif; font-weight: bold; }
	#printableBanner h1 { font-size: 2em; font-style: italic; }
	#printableBanner h3 { text-align: right; }
	#printLogo { width: 30mm; }
}
@media screen {
	#printableBanner { display: none; }
	div span.subText, div .subText span { color: #666; }
}