#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
/* Stylesheet: basic (exported from tl_style_sheet ID 1) */

@media screen {
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing:0;
}

caption,th,td {
	vertical-align: top;
	text-align: left;
}

blockquote,q {
	quotes:none;
}

fieldset,img {
	border-width: 0;
}

li {
	list-style-type: none;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

del {
	text-decoration: line-through;
}

ins {
	text-decoration:none;
}

a {
	text-decoration: none;
	color: #00a6ff;
}

a:hover {
	color: #78d0ff;
}

.invisible {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#rrban a {
	padding: 20px 35px 20px 75px;
	background: url('/files/rounded_boxes/images/rrhg.png') left center no-repeat;
	font-size: 16px;
	line-height: 60px;
	color: #00a6ff;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

#rrban a:hover {
	color: #c4eaff;
}

:focus {
	outline:0;
}

body {
	background: #eeeeee url('/files/rounded_boxes/images/mainHG.png') left top repeat-x;
	font: 12px "Helvetica",Arial,sans-serif;
	color: #555555;
}

input,button,textarea,select {
	font: 99% inherit;
	font-weight:inherit;
}

pre,code {
	font: 12px "Trebuchet MS",Helvetica,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font: normal normal 100% "Trebuchet MS",Helvetica,Arial,sans-serif;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 16px;
	line-height: 20px;
	color: #00a6ff;
}

h4 {
	padding: 5px 15px;
	background: #021f3b;
	font: bold 12px /25px "Helvetica",Arial,sans-serif;
	color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-transform: uppercase;
}

h6 {
	font-weight: bold;
	color: #00a6ff;
}

table {
	font-size:inherit;
}

caption,th {
	font-weight: bold;
}

abbr,acronym {
	border-width: 0 0 1px;
	border-style: dotted;
	border-color: #666;
	font-variant:normal;
	cursor:help;
}

h1,h2,h3,h5,h6 {
	/* C2.9 uses longhands (margin-top:10px + margin-bottom:10px), so the
	   heading keeps its top margin. The shorthand form below would reset
	   margin-top to 0 and make headings hug the content above. */
	margin-top: 10px;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom: 10px;
}

.mtop {
	margin: 1em 0 0;
}

.mbot {
	margin: 0 0 12px;
}
}

/* Stylesheet: layout (exported from tl_style_sheet ID 2) */

@media screen {
#startban {
	width: 640px;
	height: 366px;
	margin-bottom: 5px;
	background: url('/files/rounded_boxes/images/BAnner02.jpg') left top no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#startban h1 {
	margin: 0 0 10px;
	padding: 120px 15px 0 0;
	text-align: right;
	color: #ffffff;
}

#startban p {
	position: static;
	margin: 5px 0 0;
	padding: 0 40px 0 0;
	text-align: right;
	font: 16px "Helvetica",Arial,sans-serif;
	color: #ffffff;
}

#footer h1 {
	font: bold 12px /25px "Helvetica",Arial,sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}

#footer {
	position: static;
	margin: 0 0 15px;
	background: #0F3B63;
	border-width: 5px 0px 0px;
	border-style: solid;
	border-color: #007bb9;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	clear: both;
}

#header .inside {
	position: relative;
	z-index:999;
}

#header, #header .inside, #container, #footer, #footer .inside {
	width: 940px;
	margin: 0 auto;
}

#wrapper {
	background: url('/files/rounded_boxes/images/wrapper_HG.png') center top no-repeat;
}

#container {
	background: #ffffff;
	border-width: 0px;
	border-style: solid;
	-moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}

#main {
	float: left;
	width: 670px;
}

#right {
	float: right;
	width: 270px;
}

#main .inside {
	padding: 15px;
}

#main .inside,#right .inside {
	padding-bottom: 0;
}

#topmenu {
	top: 6px;
	right: 6px;
	position: absolute;
}

#topmenu form,#topmenu ul {
	margin: 0;
}

#topmenu li {
	float: left;
	padding: 12px 9px;
}

#topmenu,#topmenu a {
	color: #f6f7f9;
}

#topmenu a:hover {
	text-decoration: underline;
}

#topmenu .search {
	padding: 9px;
}

#topmenu input.text {
	width: 192px;
}

#topmenu input.submit {
	top: 2px;
	position: relative;
	vertical-align: top;
}

#logo {
	top: 45px;
	position: absolute;
}

#savn_large {
	top: 67px;
	right: 0px;
	position: absolute;
}

#sharkschoollogo {
	top: 36px;
	right: 0px;
	position: absolute;
}

#right h2,#footer h2 {
	margin: 0 0 0px;
	font-size: 14px;
}

#footer .mod_newslist {
	width: 67%;
	float: left;
	margin: 0em 0 0;
	color: #ffffff;
}

#footer .mod_quicknav,#footer .mod_eventlist,#footer .mod_subscribe {
	width: 29%;
	float: right;
	color: #ffffff;
}

#footer .mod_newslist .ce_text {
	width: auto;
	float: none;
}

#footer .mod_newslist,#footer .mod_eventlist {
	margin: 0 0 15px 15px;
}

#footer .odd {
	background:none !important;
}

#right .mod_newslist .more,#footer .mod_newslist .more {
	display: none;
}

#copyright {
	clear: both;
	padding: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
}

*:first-child+html #copyright {
	padding: 5px 0 0;
}
}

/* Stylesheet: navigation (exported from tl_style_sheet ID 3) */

@media screen {
#mainmenu {
	padding: 135px 0 0;
}

#mainmenu ul.level_1 {
	width: 940px;
}

#mainmenu li {
	float: left;
	line-height: 1;
}

#mainmenu li.login,#mainmenu li.register {
	float: right;
}

#mainmenu a,#mainmenu span,#mainmenu strong {
	display: block;
	margin: 0 1px 0 0;
	padding: 0 15px;
	background: #021f3b;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;
	font: bold 12px /35px "Helvetica",Arial,sans-serif;
	color: #f6f6f6;
	text-transform:uppercase;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

#mainmenu a:hover {
	background: #021f3b;
	color: #ffffff;
}

#mainmenu span,#mainmenu strong,#mainmenu a.trail {
	background: #ffffff;
	color: #021f3b;
}

#mainmenu li.login a,#mainmenu li.login span,#mainmenu li.login strong,#mainmenu li.register a,#mainmenu li.register span,#mainmenu li.register strong {
	padding: 0 5px;
	border-width: 0 0 0 0px;
	border-style: solid;
	border-color: #999;
	border-right:0;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	background-color:rgba(0,0,0,0);
}

#mainmenu .level_1 ul {
	width: 160px;
	left: -999em;
	position: absolute;
	margin: 0;
	background: #808080;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
}

#mainmenu .level_2 ul {
	margin: -27px 0px 0px 160px;
}

#mainmenu .level_2 li {
	float: none;
	background:none;
}

#mainmenu .level_2 a,#mainmenu .level_2 span,#mainmenu .level_2 strong {
	padding: 6px 0 8px;
	border-width: 0;
}

#mainmenu .level_2 a.submenu,#mainmenu .level_2 span.submenu,#mainmenu .level_2 strong.submenu {
	background: url('/files/rounded_boxes/images/hover.gif') right center no-repeat;
}

#mainmenu li:hover .level_2,#mainmenu .level_2 li:hover .level_3,#mainmenu .level_3 li:hover .level_4 {
	left: auto;
}

#submenu h1,#submenu ul.level_1 ul {
	margin: 0;
}

#submenu a {
	display: block;
	padding: 5px 0;
}

#submenu span {
	display: block;
	padding: 5px 0;
	color: #ffffff;
}

/* C5.3 renders the current page item in #submenu as <strong class="active">
   (C2.9 used <span class="active">); without this rule it inherits the body
   color #555 and looks grey. */
#submenu strong {
	display: block;
	padding: 5px 0;
	color: #ffffff;
}

#submenu a.trail {
	color: #ffffff;
}

#submenu .level_2 li {
	padding: 0 0 0 15px;
}

.mod_breadcrumb {
	top: 9px;
	position: relative;
	margin: 0 0 1em;
	font-size: 11px;
}

.mod_breadcrumb:before {
	content:"You are here: ";
}

.mod_booknav {
	margin: 1em 0;
	padding: 1em 0 0;
	border-width: 1px 0 0;
	border-style: dotted;
	border-color: #ddd;
}

.mod_booknav li {
	width: 45%;
	float: left;
}

.mod_booknav li.up {
	width: 10%;
	text-align: center;
}

.mod_booknav li.next {
	text-align: right;
}

.mod_sitemap li {
	line-height: 1.5;
}

.mod_sitemap ul.level_1 ul {
	margin: 0;
}

.mod_sitemap .level_2 li {
	padding: 0 0 0 18px;
}

.mod_sitemap a:hover {
	text-decoration: underline;
}

.pagination {
	margin: 15px 0;
	padding: 15px 0 0;
}

.pagination p {
	width: 30%;
	float: left;
	margin: 0;
}

.pagination ul {
	width: 70%;
	float: right;
	margin: 0;
	text-align: right;
}

.pagination li {
	display: inline;
	padding: 0 3px;
}

.mod_quicknav select {
	width: 75%;
}
}

/* Stylesheet: form (exported from tl_style_sheet ID 4) */

@media screen {
.submit {
	padding: 6px 5px;
	background: #021f3b;
	border-width: 1px;
	border-style: solid;
	border-color: #007bb9;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.tableless label {
	display: block;
	margin: 1.5em 0 0;
	padding: 0 0 3px;
}

.tableless .checkbox_container label,.tableless .radio_container label {
	display: inline;
}

input[type="text"],input[type="password"],textarea {
	padding: 6px 5px;
	background: #021f3b;
	border-width: 1px;
	border-style: solid;
	border-color: #007bb9;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input[type="text"],input[type="password"] {
	width: 60%;
}

textarea {
	width: 95%;
	height: 140px;
}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
	background: #00a6ff;
	border-color:#021f3b !important;
}

select {
	padding: 6px 5px;
	background: #021f3b;
	border-width: 1px;
	border-style: solid;
	border-color: #007bb9;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.checkbox_container span,.radio_container span {
	display: block;
}

.checkbox_container+br,.radio_container+br {
	display: none;
}

.checkbox_container label,.checkbox_container input {
	vertical-align: middle;
}

.tableless input[type="checkbox"],x:-moz-any-link {
	top: -2px;
	position: relative;
}

input[type="radio"],x:-moz-any-link {
	top: 2px;
	position: relative;
}

.submit_container {
	margin: 1em 0;
}

form table td {
	padding: 3px 0;
}

form table td:first-child {
	width: 28%;
	padding: 6px 18px 0px 0;
	text-align: right;
}

.tableform table {
	width: 92%;
	margin: 1.5em 0 0em;
}

.tableless .formbody {
	padding: 0;
}

fieldset {
	margin: 1em 0 0;
	border-width: 0px 0 0;
	border-style: dotted;
	border-color: #021f3b;
}

legend {
	padding: 0 6px 0 0;
	font: bold 12px /25px "Helvetica",Arial,sans-serif;
	text-transform: uppercase;
}

fieldset table {
	width: 92%;
	margin-top:1em !important;
	margin-bottom:1em !important;
}

fieldset table td:first-child {
	width: 140px;
	text-align: left;
}

span.mandatory {
	font-weight: bold;
	color: #ff0000;
}

p.confirm {
	font-size: 16px;
	color: #6c8c14;
}

p.error {
	margin: 0 0 6px;
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
}

input[type="text"].error,input[type="password"].error,textarea.error {
	border-color:#ffffff !important;
	background-color:#00a6ff;
}

input.captcha {
	width: 48px;
	margin: 0 6px 0 0;
}

span.captcha_text {
	font-style: normal;
	font-weight: normal;
	color: #33bf00;
}
*:first-child+html span.captcha_text {
	top: -3px;
	position: relative;
}

/* Contao 5 renders the login AND lost-password forms as tableless widget
   forms (each .widget holds a label + input inline), whereas C2.9 used a
   table-based two-column form (classes 'two_column tableform', dropped in
   C5.3). The theme above only styles the table layout, so C5.3 fell back to:
   labels at far left, wide inputs, button left-aligned. Reproduce the C2.9
   two-column layout with a grid: label right-aligned in a 28% left column,
   input in the right column (keeping its global 60% width), submit button
   indented to the input column. Mirrors 'form table td:first-child {
   width:28%; text-align:right; padding:6px 18px 0 0 }' and
   '.tableform table { width:92%; margin-top:1.5em }'.
   The lost-password form (.mod_lostPassword) has the same widget structure
   as the login form (username + e-mail + submit); C2.9 shows no form there,
   so per the project decision it is styled identically to the login form. */
.mod_login form,
.mod_lostPassword form {
	margin-bottom: 0;
}
.mod_login .formbody,
.mod_lostPassword .formbody {
	width: 92%;
	margin: 0;
	padding: 1.5em 0 25px 0;
}

.mod_login .formbody .widget,
.mod_lostPassword .formbody .widget {
	display: grid;
	grid-template-columns: 28% 1fr;
	align-items: center;
	padding: 3px 0;
}

.mod_login .formbody .widget label,
.mod_lostPassword .formbody .widget label {
	justify-self: end;
	text-align: right;
	padding: 0 18px 0 0;
}

.mod_login .formbody .widget input[type="text"],
.mod_login .formbody .widget input[type="password"],
.mod_lostPassword .formbody .widget input[type="text"],
.mod_lostPassword .formbody .widget input[type="password"],
.mod_lostPassword .formbody .widget input[type="email"] {
	justify-self: start;
}

/* C5.3 lost-password e-mail field is type="email", which the global
   'input[type=text],input[type=password]{width:60%}' rule does not cover,
   so it would render at browser-default width. Match the login inputs. */
.mod_lostPassword .formbody .widget input[type="email"] {
	width: 60%;
}

.mod_login .formbody .widget-submit,
.mod_lostPassword .formbody .widget-submit {
	display: block;
	padding: 1em 0 0 28%;
}

/* News "Add comment" form (any com_tl_news_* module form): reproduce the C2.9 stacked
   two-column look — the INPUT on the left, its label to the RIGHT
   (C2.9: input x=170 w=268 h=28, label at x=441, uniform 268px fields,
   15px row pitch). C5.3 renders each field as
   .widget { <label class=widget-label>, <input> } (label FIRST), which puts
   the label on the left and leaves the inputs ragged (text 268px,
   email/url 260px and 19px tall because they escape the theme's
   input[type=text] padding rule). flexbox reorders each widget to
   [input] [label] to match C2.9 and forces uniform 268px-wide, 28px-tall
   inputs (border-box so the outer size is exact). The hidden honeypot and
   captcha widgets carry INLINE style="display:none", which this rule cannot
   override — so flex never un-hides them, and the Contao 5 AJAX reveal still
   works unchanged. The extra C5.3 fields (Comment label, notify checkbox)
   simply receive the same treatment. */
form[id^="com_tl_news_"] .formbody .widget {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
form[id^="com_tl_news_"] .formbody .widget input,
form[id^="com_tl_news_"] .formbody .widget textarea {
	float: none;
}
form[id^="com_tl_news_"] .formbody .widget input[type="text"],
form[id^="com_tl_news_"] .formbody .widget input[type="email"],
form[id^="com_tl_news_"] .formbody .widget input[type="url"],
form[id^="com_tl_news_"] .formbody .widget input[type="tel"] {
	order: 1;
	flex: 0 0 268px;
	width: 268px;
	height: 28px;
	margin: 0 5px 0 0;
	padding: 6px 5px;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: #007bb9;
	background: #021f3b;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
form[id^="com_tl_news_"] .formbody .widget textarea {
	order: 1;
	flex: 0 0 268px;
	width: 268px;
	height: 93px;
	margin: 0 5px 0 0;
	padding: 5px;
	box-sizing: border-box;
	border-width: 1px;
}
form[id^="com_tl_news_"] .formbody .widget label {
	order: 2;
}
form[id^="com_tl_news_"] .formbody .widget input[type="submit"] {
	order: 1;
	flex: 0 0 auto;
}
}

/* Stylesheet: welcome (exported from tl_style_sheet ID 5) */

@media screen {
.ce_accordion {
	width: 292px;
	float: right;
	clear: both;
	margin: 0 0 0 36px;
}

.mod_rss_reader {
	margin: 0 0 1em;
}

.mod_rss_reader div {
	padding: 0;
	background:none !important;
}
}

/* Stylesheet: content (exported from tl_style_sheet ID 6) */

@media screen {
.darkinside h1 {
	margin: 0px;
	padding: 5px 15px;
	background: #021f3b;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #0f3B63;
	font: bold 12px /25px "Helvetica",Arial,sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

.dos_dont {
	padding: 0px 15px 15px;
	background: url('/files/SAVN/images/layout/Dos_Donts.jpg') left bottom no-repeat;
}

.darkinside p {
	padding: 10px 15px 5px;
	font-size: 14px;
}

/* C2.9 .darkinside has no box padding; the h1/p carry their own
   padding (identical in both themes). Remove the ported box padding
   so content isn't double-inset (h1 text +15px, image +15px). */
.darkinside {
	background: #0f3B63;
	color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.darkform {
	padding: 0 15px;
	background: #0f3B63;
	color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.mod_dlh_googlemaps {
	padding: 15px;
	background: #eeeeee;
	border-width: 0px;
	border-style: solid;
	border-color: #007bb9;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#subc01 {
	width: 203px;
	float: left;
	margin: 0 0 0 0px;
}

.subcolum {
	margin: 0 15px;
}

#subc02 {
	width: 203px;
	float: left;
}

#subc03 {
	width: 203px;
	float: right;
	clear: right;
	margin: 0 0px 0 0;
}

#subc01 h1, #subc02 h1, #subc03 h1 {
	display: block;
	/* C2.9: generic h1 keeps margin-top/bottom 10px (computed "10px 0").
	   Restore so the dark box has the same gap above + below as the original. */
	margin: 10px 0 10px 0;
	padding: 50px 15px 15px 10px;
	text-align: right;
	background: #021F3B;
	border-width: 0px;
	border-style: solid;
	border-color: #021F3B;
	color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.clearfix {
	clear: both;
	display: block;
}

.ce_table,.ce_gallery,.ce_dfGallery {
	margin: 1em 0 0;
}

.ce_image {
	margin: 0 0 0px;
}

.ce_table,.ce_download,.ce_downloads,.ce_code,.ce_dfGallery {
	margin: 0 0 1em;
}

.ce_text p,.ce_text pre,.ce_hyperlink,.ce_list,.teaser,.comment {
	line-height: 1.5;
}

/* C5.3 wraps RTE text in <div class="rte"> (not .ce_text), so the
   C2.9 line-height rule never matches. Port it: 12px/1.5 = 18px lines,
   identical to C2.9. */
.rte p, .rte pre, .rte .ce_hyperlink, .rte .ce_list {
	line-height: 1.5;
}

/* C2.9 accordion content lived in div.ce_accordion block (NOT .ce_text),
   so .ce_text p {line-height:1.5} never applied -> its 14px FreeForm/Reason
   text stayed line-height:normal. C5.3 wraps accordion content in
   .ce_accordionSingle.ce_accordion.ce_text.content-text (.rte), so the rule
   above catches it -> 21px (does-donts page). All accordion paragraphs are
   14px (none 12px that would need 1.5), and C2.9 renders every accordion
   paragraph normal -> restore normal line-height for accordion text. */
.ce_accordion p, .ce_accordionSingle p, .ce_accordion pre, .ce_accordionSingle pre {
	line-height: normal;
}

/* C2.9 inner text blocks carry class "block" and system/contao.css
   defines .block{overflow:hidden} -> each block is a BFC, so floated
   images stay inside their own block (about page: two 120px photos
   stack). C5.3 dropped the "block" class and has no such rule, so the
   second figure float leaks into the previous block (side-by-side).
   Restore per-block float containment for content blocks. */
.content-text {
	overflow: hidden;
}

/* C5.3 image blocks are <div class="content-image"> (C2.9 used
   <div class="ce_image block"> -> .block{overflow:hidden} BFC). The theme's
   global figure{float:left} therefore leaks out of a bare .content-image
   and the following .content-text (a BFC) wraps around the full-width
   float, collapsing to width:0 — hiding e.g. the "Dear Victim" heading on
   the victims page. Make .content-image a BFC so its figure stays inside,
   exactly as C2.9's .block did. */
.content-image {
	overflow: hidden;
}

.info,.time {
	font-size: 11px;
	color: #999;
}

.pdf_link {
	right: 0;
	position: absolute;
	margin: 22px 0 0;
	font-size: 11px;
}

.ce_text pre {
	padding: 9px;
	background: #f9f9f9;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
}

.hyperlink_txt {
	display: block;
	padding: 2px 0 2px 27px;
	background: url('/files/rounded_boxes/images/rettungsring3.png') left center no-repeat;
}

/* C5.3 renders hyperlink content elements as <div class="content-hyperlink"><a>
   (Twig wrapper) instead of C2.9's <a class="hyperlink_txt">. Apply the same
   life-buoy icon. Only victims/mentors pages contain such elements. */
.content-hyperlink a {
	display: block;
	padding: 2px 0 2px 27px;
	background: url('/files/rounded_boxes/images/rettungsring3.png') left center no-repeat;
}

.ring .hyperlink_txt {
	display: block;
	padding: 10px 0 10px 40px;
	background: url('/files/rounded_boxes/images/rettungsring30.png') left center no-repeat;
}

.image_container {
	float: left;
}

#startban .image_container {
	float: none;
	padding: 0 40px 0 0;
	text-align: right;
}

#noframe .image_container img {
	padding: 0px;
	background: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #ddd;
}

#banner .image_container img {
	padding: 0px;
	background: #021F3B;
	border-width: 0;
	border-style: solid;
	border-color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#banner_re .image_container img {
	padding: 0px;
	background: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;
}

#worldmap .image_container img {
	margin: 0px 0 0;
	padding: 0px;
	background: #021F3B;
	border-width: 0px;
	border-style: solid;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#startban .image_container img {
	margin: 145px 0 10px;
	padding: 0px;
	background: #000000;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.image_container img {
	padding: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.image_container .caption {
	margin: -2px 0 0;
	padding: 2px 4px 3px;
	background: #ddd;
	font-size: 10px;
}

*:first-child+html .image_container .caption {
	margin: 1px 0 0;
}

/* C5.3 renders content images as <figure> (C2.9 used <div class="image_container">);
   port the .image_container rules so C5.3 markup gets the same layout + rounded corners */
figure {
	float: left;
	margin: 0;
}

#startban figure {
	float: none;
	margin: 0;
	padding: 0 40px 0 0;
	text-align: right;
}

#startban figure img {
	margin: 145px 0 10px;
	padding: 0px;
	background: #000000;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

figure img {
	padding: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* C5.3 about page (article-39): port C2.9 inline styles
   (saved in C2.9 DB, lost during migration)
   - .darkinside block margin-bottom:5px
   - .ce_text block (No shark...) margin-bottom:10px
   - logo165 .image_container padding:15px 15px 25px
   - two 120px .image_container float_left padding:0 15px 15px 0 */
#article-39 .media--above { margin-bottom: 5px; }
#article-39 > .content-text:nth-child(2) { margin-bottom: 10px; }
#article-39 .media--above figure { padding: 15px 15px 25px; }

/* C5.3 login page (login.html): the intro text box and the login form are
   siblings in the login article. C2.9's framework .ce_text/.block carried
   margin-bottom:15px, giving the white gap between the two blue boxes.
   C5.3 dropped the .block/.ce_text classes (intro is now just
   .darkinside.content-text) so the gap vanished (0px). Restore the 15px
   gap, scoped to only the intro box immediately preceding the login form.
   The lost-password page (lost-password.html) has the identical sibling
   structure (intro box then .mod_lostPassword form box) and lost the same
   15px gap. */
.content-text:has(+ .mod_login),
.content-text:has(+ .mod_lostPassword) { margin-bottom: 15px; }

/* C5.3 login page: the "Did you lose your password" hyperlink sits directly
   below the login form box. C2.9's framework .ce_hyperlink/.block carried
   margin-top:10px; C5.3's Twig wrapper .content-hyperlink has 0, so the link
   hugs the box. Restore the 10px top margin, scoped to the hyperlink that
   immediately follows the login box. */
.mod_login + .content-hyperlink { margin-top: 10px; }

/* C5.3 members-area page: the three darkinside cards are separate content
   elements (articles 64/79/80). C2.9 had inline style
   margin-top:15px;margin-bottom:15px on the middle (Species) card,
   producing the 15px gaps above+below it; lost during migration (cards
   stacked with 0 gap). Restore via scoped CSS, same pattern as article-39. */
#article-79 .darkinside { margin-top: 15px; margin-bottom: 15px; }
#article-39 .media--left figure { padding: 0 15px 15px 0; }

.ce_gallery table {
	margin: 0;
}

.ce_gallery td {
	padding: 0 12px 5px 0;
}

.ce_list ol {
	margin: 0 0 0 3em;
}

.ce_list ol li {
	list-style:decimal outside;
}

.ce_list ul {
	margin: 0 0 0 1.5em;
}

.ce_list ul li {
	padding: 0 0 0 18px;
	background: url('/files/rounded_boxes/images/arrow.png') left center no-repeat;
}

.ce_table {
	padding: 1px;
}

.ce_table table {
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #c8cbd0;
}

.ce_table th {
	padding: 6px;
	background: #e1e6ec;
	border-width: 1px;
	border-style: solid;
	border-color: #c8cbd0;
	border-bottom:1px solid #346599;
}

.ce_table td {
	padding: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #c8cbd0;
}

.ce_table tr.odd td {
	background: #f6f7f9;
}

.ce_download img,.ce_downloads img {
	vertical-align: top;
}

.ce_downloads p {
	margin: 0 0 3px;
}

.ce_comments .info {
	margin: 0 0 1.5em;
	padding: 0 0 3px;
	border-width: 0 0 1px;
	border-style: dotted;
	border-color: #ddd;
}

.ce_comments .comment {
	font-size: 11px;
}

.ce_comments .form {
	margin: 1.5em 0 0;
}

.ce_comments .widget {
	margin: 0 0 3px;
}

.ce_comments .text,.ce_comments .captcha {
	width: 40%;
	margin: 0;
}

.ce_comments span.captcha_text {
	font-weight: bold;
	color: #444;
}

.ce_accordion .toggler {
	padding: 5px 15px;
	background: #021f3b;
	border-width: 0 0px 1px;
	border-style: solid;
	border-color: #0f3B63;
	color: #00a6ff;
	cursor:pointer;
}

.ce_accordion_first .toggler {
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #c8cbd0;
}

.ce_accordion .accordion div {
	padding: 15px 15px 10px;
	color: #ffffff;
}

.ce_code {
	margin: 15px 0 0;
	padding: 0px 2px 0px 0px;
}
}

/* Stylesheet: modules (exported from tl_style_sheet ID 7) */

@media screen {
.mod_randomImage {
	margin: 0 0 1em;
}

.mod_rss_reader div,.listing table.single_record td,.mod_search .context,.mod_faqlist li {
	line-height: 1.5;
}

.mod_login p.login_info {
	margin: 1.5em 0 0;
}

.mod_login p.error {
	position: relative;
	top:12px;
	left:26%;
}

.logout table {
	margin: 0.5em 0 0;
}

.logout form table td:first-child {
	text-align: left;
}

.listing .list_search {
	width: 60%;
	float: right;
	text-align: right;
	font-size: 11px;
}

.listing select,.listing .text {
	width: 120px;
}

.listing .list_per_page {
	width: 40%;
	float: left;
	font-size: 11px;
}

.listing .list_per_page select {
	width: 48px;
}

.listing table.all_records {
	clear: both;
}

.listing table.all_records th {
	background: url('../../files/SAVN/css/plugins/tablesort/media/default.gif') right center no-repeat;
}

.listing table.all_records th.asc {
	background: url('../../files/SAVN/css/plugins/tablesort/media/asc.gif');
}

.listing table.all_records th.desc {
	background: url('../../files/SAVN/css/plugins/tablesort/media/desc.gif');
}

.listing table.all_records th.col_last {
	width: 18px;
	background-image:none;
}

.listing table.all_records th a {
	color: #444;
}

.listing table.all_records img {
	vertical-align: text-top;
}

.listing table.single_record td.label {
	padding: 0 2em 0 0;
	font-weight: bold;
}

.mod_glossaryMenu li {
	float: left;
	margin: 0 9px 0 0;
}

.mod_glossaryList p.toplink {
	margin: 1.5em 0 0em;
	padding: 0 0 6px;
	font-size: 11px;
}

.mod_glossaryList h2 {
	margin: 0;
}

.mod_glossaryList dt {
	font-weight: bold;
}

.mod_search .header {
	text-align: right;
}

.mod_search input[type="text"] {
	width: 272px;
}

.mod_search .radio_container {
	margin: 3px 0 0;
}

.mod_search .radio_container span {
	display: inline;
	padding: 0 12px 0 0;
}

.mod_search h3 {
	margin: 1em 0 0;
}

.mod_search h3,.mod_search p {
	margin: 0 0 0.25em;
}

.mod_search .relevance {
	color: #bbb;
}

.mod_search .url {
	color: #008000;
}

.mod_search .highlight {
	font-weight: bold;
}

.mod_search .pagination {
	margin: 2em 0 0;
}

.mod_subscribe .checkbox_container,.mod_unsubscribe .checkbox_container {
	margin: 1em 0;
}

*:first-child+html .mod_subscribe input.text {
	width: 120px;
}
}

/* Stylesheet: events (exported from tl_style_sheet ID 8) */

@media screen {
.mod_calendar {
	padding: 1px;
}

table.calendar {
	width: 98%;
	margin: 1em 0 0;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

table.calendar .head {
	padding: 9px 0;
	text-align: center;
	background: url('/files/rounded_boxes/images/gradient.jpg') left bottom repeat-x;
}

table.calendar th.previous {
	padding: 0 0 0 12px;
	text-align: left;
}

table.calendar th.next {
	padding: 0 12px 0 0;
	text-align: right;
}

table.calendar th a {
	color: #444;
}

table.calendar th a:hover {
	text-decoration: underline;
}

table.calendar .label {
	padding: 2px 0 3px;
	text-align: center;
	background: #346599;
	border-width: 0 1px;
	border-style: solid;
	border-color: #346599;
	color: #fff;
}

table.calendar td {
	width: 14%;
	height: 7em;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

table.calendar .header {
	margin: 1px;
	padding: 1px;
	background: #f0f0f0;
	font-size: 11px;
	color: #666;
}

table.calendar .event {
	margin: 3px;
	font-size: 11px;
}

table.calendar .event a:hover {
	text-decoration: underline;
}

table.calendar td.weekend {
	background: #f7f9fa;
}

table.calendar td.today {
	background: #f0f3f6;
}

table.minicalendar {
	width: 98%;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

table.minicalendar .head,table.minicalendar .label {
	padding: 2px 0;
	text-align: center;
	background: #e1e6ec;
}

table.minicalendar .label {
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #8c9ba5;
}

table.minicalendar td {
	width: 14%;
	padding: 2px 0;
	text-align: center;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

table.minicalendar td.weekend {
	background: #f7f9fa;
}

.mod_eventlist {
	margin: 0 0 1em;
}

.mod_eventlist h2 {
	margin: 9px 0 0;
}

.mod_eventlist .header {
	padding: 9px;
	background: url('/files/rounded_boxes/images/gradient.jpg') left bottom repeat-x;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #ccc;
}

.mod_eventlist .header.first {
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #ccc;
}

.mod_eventlist .event {
	padding: 6px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #ccc;
}

.mod_eventlist .event.odd {
	background: #f6f7f9;
}

.mod_eventlist .time {
	margin: -1em 0 0;
}

.mod_eventreader .event h1 {
	margin: 0 0 3px;
}

.mod_eventreader p.info {
	margin: 0 0 18px;
}

.mod_eventreader .recurring {
	color: #ac7944;
}
}

/* Stylesheet: info (exported from tl_style_sheet ID 9) */

@media screen {
.mod_newsarchive h1 {
	margin: 0 0 0.75em;
}

.mod_newsmenu .level_1 ul {
	margin: 0;
}

.mod_newsmenu li.year {
	font-weight: bold;
}

.mod_newsmenu .level_2 {
	margin: 6px 0;
}

.mod_newsmenu .level_2 li {
	font-style: normal;
	font-weight: normal;
}

.mod_newsmenu a:hover {
	text-decoration: underline;
}

.layout_latest {
	padding: 0px 0px 0px 5px;
}

.layout_latest h2 {
	margin: 9px 0 0;
}

.layout_short h2 {
	margin: 0;
}

.layout_short .info {
	margin: 0 0 3px;
}

/* C2.9 reference renders no author/date line in the footer news list
   (module template had it disabled); C5.3 emits <p class="info"> by
   default. Hide it in #blogposts to match the original appearance and
   prevent text spill in the bottom columns. */
#blogposts .layout_short .info {
	display: none;
}

/* C2.9 main news list (news_latest template) has no metaFields set, so it
   renders no <p class="info"> line. C5.3's framework template emits it
   unconditionally. Hide it in .layout_latest to match the original. */
.layout_latest .info {
	display: none;
}

.layout_full h1 {
	margin: 0 0 3px;
}

#small .layout_full h1 {
	margin: 0px;
	font-weight: bold;
	font-size: 13px;
}

.layout_full p.info {
	margin: 0 0 18px;
}
}

/* Stylesheet: rounded (exported from tl_style_sheet ID 11) */

@media screen {
.rounded {
	margin: 15px 15px 15px 0;
	background: #0f3b63;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* C2.9 framework contao.css: .block{overflow:hidden} — all C2.9 rounded boxes
	   carry the block class, so the square-cornered .rounded h1 header is clipped
	   by the parent's 10px radius. C5.3 has no .block rule -> the h1 pokes over
	   the top corners (square look). Restore the clipping. */
	overflow: hidden;
}

.rounded_col {
	margin: 15px 0;
	background: #0f3b63;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.rounded h1 {
	/* C2.9 compiled CSS sets only margin-top:0 here; margin-bottom stays the
	   generic 10px (gap between header and body). Exported 'margin:0' dropped it. */
	margin-top: 0;
	padding: 5px 15px;
	background: #021f3b;
	border-width: 0px;
	border-style: solid;
	border-color: #021f3b;
	font: bold 12px /25px "Helvetica",Arial,sans-serif;
	color: #ffffff;
	font-size:100% !important;
	text-transform: uppercase;
}

.rounded_col h1 {
	margin-top: 0;
	padding: 5px 15px;
	background: #021f3b;
	border-width: 0px;
	border-style: solid;
	border-color: #021f3b;
	font: bold 12px /25px "Helvetica",Arial,sans-serif;
	color: #ffffff;
	font-size:100% !important;
	text-transform: uppercase;
}

.ce_text.rounded,.rounded.content-text {
	padding: 0 0 5px;
	color: #ffffff;
}

.ce_text.rounded_col {
	padding: 0 0 5px;
	color: #ffffff;
}

#worldmap {
	margin: 15px 15px 0 0;
	background: #0F3B63;
	border-width: 0px;
	border-style: solid;
	border-color: #021f3b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#worldmap p {
	margin: 0px 0;
	padding: 5px 15px 15px;
	color: #ffffff;
}

#worldmap h1 {
	margin: 0 0px 0px 0;
	padding: 5px 15px;
	background: #021F3B url('/files/rounded_boxes/images/trans00.png');
	font: bold 12px /25px "Helvetica",Arial,sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

.mod_subscribe.rounded {
	margin: 0;
	padding: 0 9px;
}

.rounded ul.level_1 {
	margin: 6px 0 0;
}

.rounded .image_container {
	margin: 0 0 1em;
}

.rounded h2,.rounded p,.rounded ul,.rounded .image_container {
	padding: 0 15px;
}

.rounded_col h2,.rounded_col p,.rounded_col ul,.rounded_col .image_container {
	padding: 0 15px;
}

.mod_calendar.rounded,.rounded p.error {
	padding: 0;
}

.rounded table.minicalendar {
	width: 91%;
	margin: 1px autopx 12px 9px;
}

.rounded table.minicalendar td {
	width: 13%;
}

.rounded .ce_download {
	padding: 0 0 0 15px;
}
}

/* Stylesheet: catalog (exported from tl_style_sheet ID 12) */

@media screen {
.mod_catalogreader {
	margin: 0 0 15px;
	padding: 15px;
	background: #0f3b63;
	color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.mod_cataloglist .total:after {
	font-weight: bold;
	content:" Items found! ";
}

.mod_cataloglist {
	margin: 0 0 15px;
	padding: 15px;
	background: #0f3b63;
	color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.clearall a {
	color: #ff0000;
}

.clearall {
	display: block;
	margin: 15px 0 15px 15px;
	font-weight: bold;
	font-family: "Helvetica",Arial,sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}

#right input[type="text"],#right input[type="password"],#right textarea {
	margin: 0 15px 5px;
	padding: 5px;
	background: #021f3b;
	border-width: 1px;
	border-style: solid;
	border-color: #007bb9;
	color: #ffffff;
}

#right input[type="text"],#right input[type="password"] {
	width: 65%;
}

#right h3 {
	margin: 5px 0px 5px 15px;
	font: 12px "Helvetica",Arial,sans-serif;
	text-transform: uppercase;
}

#right .select {
	width: 88%;
	margin: 0 15px;
	padding: 5px;
	background: #021f3b;
	border-width: 0px;
	border-style: solid;
	border-color: #007bb9;
	color: #ffffff;
	text-transform:capitalize;
}

.layout_simpletable th {
	padding: 8px 6px 6px;
	background: #021f3b;
	font-weight: bold;
	font-family: "Helvetica",Arial,sans-serif;
	text-transform: uppercase;
}

.layout_simpletable td {
	padding: 6px;
	border-width: 0px;
	border-style: solid;
	border-color: #c8cbd0;
}

.layout_simpletable tr.odd td {
	background: #021f3b;
}

.layout_simpletable .Name {
	padding: 6px;
	text-transform:capitalize;
}

.layout_simpletable .Country {
	padding: 6px;
	text-transform:capitalize;
}

.mod_catalogreader .Year {
	width: 70px;
	height: 70px;
	float: left;
	padding: 15px;
	text-align: center;
	background: #021f3b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.mod_catalogreader .Year .value {
	font-weight: bold;
	font-size: 22px;
}

.mod_catalogreader .Name {
	float: left;
	display: block;
	padding: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.mod_catalogreader .Name .value {
	font-weight: bold;
	font-size: 16px;
	text-transform:capitalize;
}

.mod_catalogreader .Sex {
	width: 70px;
	height: 70px;
	float: right;
	padding: 15px;
	text-align: center;
	background: #021f3b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.mod_catalogreader .Sex .value {
	font-weight: bold;
	font-size: 36px;
	text-transform: uppercase;
}

.mod_catalogreader .Date {
	width: 70px;
	float: left;
	clear: both;
	padding: 0 15px;
	text-align: center;
}

.mod_catalogreader .Age {
	width: 70px;
	float: right;
	padding: 0 15px;
	text-align: center;
}

.mod_catalogreader .Country {
	width: 268px;
	float: left;
	clear: both;
	padding: 15px;
	background: #021f3b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.mod_catalogreader .Country .value {
	text-transform:capitalize;
}

.mod_catalogreader .State_Region {
	width: 268px;
	float: right;
	padding: 15px;
	background: #021f3b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.mod_catalogreader .State_Region .value {
	text-transform:capitalize;
}

.mod_catalogreader .Activity .label {
	width: 120px;
	float: left;
}

.mod_catalogreader .Location {
	clear: both;
}

.mod_catalogreader .Location .label {
	width: 120px;
	float: left;
}

.mod_catalogreader .Injury_type {
	clear: both;
}

.mod_catalogreader .Injury_type .label {
	width: 120px;
	float: left;
}

.mod_catalogreader .Injury_location {
	clear: both;
}

.mod_catalogreader .Injury_location .label {
	width: 120px;
	float: left;
}

.mod_catalogreader .Daytime {
	clear: both;
}

.mod_catalogreader .Daytime .label {
	width: 120px;
	float: left;
}

.mod_catalogreader .Species {
	clear: both;
}

.mod_catalogreader .Species .label {
	width: 120px;
	float: left;
}

.mod_catalogreader .Species .value {
	float: left;
	text-transform:capitalize;
}

.mod_catalogreader .Size {
	clear: both;
}

.mod_catalogreader .Size .label {
	width: 120px;
	float: left;
}

.mod_catalogreader .Remarks {
	clear: both;
	margin: 15px 0;
}

.mod_catalogreader .Remarks .value {
	padding: 15px;
	background: #0077b3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.label {
	padding: 5px;
	font: bold 12px "Helvetica",Arial,sans-serif;
	text-transform: uppercase;
}

.value {
	padding: 5px;
}

.mod_catalogreader .back {
	margin: 15px 0 0;
}

.mod_catalogreader .back a {
	float: right;
	font: bold 12px "Helvetica",Arial,sans-serif;
	color: #ff0000;
	text-transform: uppercase;
}
}