/* Main CSS file, for SOUTH YORKSHIRE COUNTY POOL ASSOCIATION 2018 */
/* RedsealSW version 3.100.31.F on Sunday, 9 Sep at 20:34:14 */
/* Registered until 28/03/2019 */


HEADER {margin:50px 0px 20px 0px;}

/* Links outside contentcenter */
A:link { FONT-WEIGHT: bold; COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}
A:visited { FONT-WEIGHT: bold; COLOR: inherit; BACKGROUND-COLOR: transparent;}
A:active { COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}
A:hover { FONT-WEIGHT: bold; COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}

/* Links inside contentcenter */
*#contentcenter A:link { FONT-WEIGHT: bold; COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}
*#contentcenter A:visited { FONT-WEIGHT: bold; COLOR: inherit; BACKGROUND-COLOR: transparent;}
*#contentcenter A:active { COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}
*#contentcenter A:hover { FONT-WEIGHT: bold; COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}

BODY {FONT-SIZE:100%; MARGIN: 0; BACKGROUND:  url("Images/sy%20logo.jpg") fixed no-repeat 100% 0%,  url("Images/sy%20letter%20head%20logos.jpg") scroll no-repeat 97% 100%,  url("Images/sponsors%20logos%202018.jpg") fixed no-repeat 0% 35%,  url("Images/sy%20logo.jpg") fixed no-repeat 50% 0%; BACKGROUND-COLOR: #afafaf;}

BODY.bodystyle {TEXT-ALIGN: center;}

*.content { MARGIN: 0;}
*#contentcenter {TEXT-ALIGN: center;}
img {MARGIN-LEFT: 0.5em; MARGIN-RIGHT: 0.5em}
/* Headers */
h1,h2,h3,h4,h5,h6,*.ulm1,*.ulm2,*.ulm3,*.ulm4,*.ulm5,*.ulm6 {TEXT-ALIGN: center;}
h1,*.ulm1 {FONT: bold 24pt /28.8pt "Lucida Handwriting", sans-serif; COLOR: #ff0000; TEXT-SHADOW: 5px 5px 5px #E3F2FD; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h2,*.ulm2 {FONT: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h3,*.ulm3 {FONT: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #ff0000; TEXT-SHADOW: 5px 5px 5px #E3F2FD; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h4,*.ulm4 {FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h5,*.ulm5 {FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h6,*.ulm6 {FONT: bold 11pt /13.2pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
*.profileText, *.profileData {FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
*.profileText {TEXT-ALIGN: right; FONT-WEIGHT: normal;}
*.profileData {TEXT-ALIGN: left; FONT-WEIGHT: bold;}
*.profilePic {FLOAT:left;}

/* IDs used */
/* ulmmain, ulmdownloads, ulmlinks, ulmresults, ulmleague, ulmformguide, ulmfixtureteams, ulmfixturematches, ulmmatrix, ulmkodraw, ulmkoreport, ulmplayerstats, ulmbonuspoints, ulmlistofmatches, ulmmatchsheet, ulmplayerrecord, ulmvenues, ulmupcoming, ulmcontacts, ulmcommittee, ulminternational, ulmreferees, ulmmanofmatch */

/* Tables */
*.table-background {BACKGROUND-COLOR: #1f1f1f;}
*.table-foreground { FONT: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #FF0000;}
*.withheader { BORDER-COLLAPSE: collapse; BORDER-STYLE: solid; BORDER-WIDTH: 10px; BORDER-COLOR: #2196F3; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN: 0px auto 20px auto;}
*.withoutheader { BORDER-COLLAPSE: collapse; BORDER-STYLE: solid; BORDER-WIDTH: 10px; BORDER-COLOR: #2196F3; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN: 0px auto 20px auto;}
* caption { TEXT-ALIGN: center; FONT: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; BORDER-RADIUS: 0.5em 0.5em 0.0em 0.0em;}
table.withoutheader caption, table.withheader TH, *.kotitle { FONT: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #FF0000; TEXT-SHADOW: 5px 5px 5px #E3F2FD; BACKGROUND-COLOR: #1f1f1f; BORDER-COLLAPSE: collapse; BORDER-STYLE: solid; BORDER-WIDTH: 10px; BORDER-COLOR: #2196F3; BORDER-RADIUS: 0.5em 0.5em 0em 0em;}
* tr:last-child td:first-child {BORDER-BOTTOM-LEFT-RADIUS: 0.5em;}
* tr:last-child td:last-child {BORDER-BOTTOM-RIGHT-RADIUS: 0.5em;}
*.withheader th:first-child {BORDER-TOP-LEFT-RADIUS: 0.5em;}
*.withheader th:last-child {BORDER-TOP-RIGHT-RADIUS: 0.5em;}
*.withcaption th:first-child {BORDER-TOP-LEFT-RADIUS: 0;}
*.withcaption th:last-child {BORDER-TOP-RIGHT-RADIUS: 0;}
.ulmmodule  tr:first-child td:first-child {BORDER-TOP-LEFT-RADIUS: 0.5em;}
.ulmmodule  tr:first-child td:last-child {BORDER-TOP-RIGHT-RADIUS: 0.5em;}

/* Table data */
*#contentcenter td { BORDER-COLLAPSE: collapse; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; VERTICAL-ALIGN:middle;}

/* Table rows */
table.withoutheader tr:nth-child(odd), table.withheader tr:nth-child(even) {BACKGROUND-COLOR: #E3F2FD;}
table.withoutheader tr:nth-child(even), table.withheader tr:nth-child(odd) {BACKGROUND-COLOR: #BBDEFB;}

table.col1ascaption td:first-child {BACKGROUND-COLOR: #1f1f1f;}

/* Define the widths of all tables */
.accordion {display:block; margin-top:15px ; margin-left: auto; margin-right:auto}
.table-main {width: 80%;}
.table-downloads {width: 40%;}
.table-links {width: 60%;}
.table-results {width: 60%;}
.table-league {width: 70%;}
.table-fixtureteams {width: 40%;}
.table-fixturematches {width: 50%;}
.table-matrix {width: 85%;}
.table-playerstats {width: 60%;}
.table-bonuspoints {width: 50%;}
.table-formguide {width: 70%;}
.table-listofmatches {width: 60%;}
.table-matchsheet {width: 90%;}
.table-playerrecord {width: 80%;}
.table-venues {width: 90%;}
.table-upcoming {width: 80%;}
.table-contacts {width: 80%;}
.table-committee {width: 80%;}
.table-international {width: 80%;}
.table-referees {width: 50%;}
.table-manofmatch {width: 50%;}

/* Define the font of all table cells */
td.text, td.text4{ FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
td.data{ FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
td.textbig, th.text, td.text3{ FONT: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #FF0000; BACKGROUND-COLOR: transparent;}

/* Define the widths of all table cells */
*.ms-score{WIDTH: 7%; TEXT-ALIGN: center;}
*#contentcenter *.ms-hteam{WIDTH: 29%; TEXT-ALIGN: right; PADDING-RIGHT: 1em}
*#contentcenter *.ms-ateam{WIDTH: 29%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.ms-iscore.data{WIDTH: 7%; TEXT-ALIGN: center; FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #000000;}
*.ms-fscore.data{WIDTH: 7%; BORDER:groove; TEXT-ALIGN: center; FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #000000;}
*.ms-bscore.data{WIDTH: 7%; FONT: small/10% sans-serif;}
*.ms-bteam.text{WIDTH: 29%; TEXT-ALIGN: center; FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #000000;}
*.lp-data{WIDTH: 5%; TEXT-ALIGN: right; PADDING-RIGHT: 0.2em}
*#contentcenter *.lp-attend{WIDTH: 10%; TEXT-ALIGN: right; PADDING-RIGHT: 0.6em}
*#contentcenter *.lp-pcent{WIDTH: 5%; TEXT-ALIGN: right; PADDING-RIGHT: 0.6em}
*#contentcenter *.lp-text{WIDTH: 28%; TEXT-ALIGN: left; PADDING-LEFT: 0.5em}
*#contentcenter *.lp-team{WIDTH: 16%; TEXT-ALIGN: left; PADDING-LEFT: 0.5em}
*.lp-textN{WIDTH: 100%; TEXT-ALIGN: center;}
*.lpt-data{WIDTH: 5%; TEXT-ALIGN: right; PADDING-RIGHT: 0.2em}
*#contentcenter *.lpt-attend{WIDTH: 15%; TEXT-ALIGN: right; PADDING-RIGHT: 0.6em}
*#contentcenter *.lpt-pcent{WIDTH: 5%; TEXT-ALIGN: right; PADDING-RIGHT: 0.6em}
*#contentcenter *.lpt-text{WIDTH: 36%; TEXT-ALIGN: left; PADDING-LEFT: 0.5em}
*#contentcenter *.lpt-team{WIDTH: 24%; TEXT-ALIGN: left; PADDING-LEFT: 0.5em}
*.lpt-textN{WIDTH: 100%; TEXT-ALIGN: center;}
*.lpt-text2{WIDTH: 100%; TEXT-ALIGN: right; white-space:nowrap;font-weight: bold;}
*.bp-data{WIDTH: 10%; TEXT-ALIGN: center;}
*#contentcenter *.bp-text{WIDTH: 40%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.bp-textN{WIDTH: 100%; TEXT-ALIGN: center;}
*.bp-blank.data{WIDTH: 40%; FONT: small/10% sans-serif;}
*.mm-data{WIDTH: 10%; TEXT-ALIGN: center;}
*#contentcenter *.mm-text{WIDTH: 40%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.mm-textN{WIDTH: 100%; TEXT-ALIGN: center;}
*.pr-data{WIDTH: 8%; TEXT-ALIGN: center;}
*#contentcenter *.pr-text{WIDTH: 30%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.pr-pic{WIDTH: 40%; TEXT-ALIGN: left;}
*.pr-blank.data{WIDTH: 30%; FONT: small/10% sans-serif; BACKGROUND-COLOR: #AFAFAF;}
*.pr-text2{WIDTH: 100%; TEXT-ALIGN: right; white-space:nowrap;font-weight: bold;}
*#contentcenter *.lom-date{WIDTH: 8%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.lom-textl{WIDTH: 19%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.lom-data{WIDTH: 4%; TEXT-ALIGN: center;}
*.lom-dataS{WIDTH: 4%; TEXT-ALIGN: center;text-decoration: line-through;}
*.lom-time{WIDTH: 8%; TEXT-ALIGN: center;}
*#contentcenter *.lom-textr{WIDTH: 19%; TEXT-ALIGN: right; PADDING-RIGHT: 1em}
*.lom-textN{WIDTH: 100%; TEXT-ALIGN: center;}
*#contentcenter *.lom-venue{WIDTH: 19%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.res-data{WIDTH: 10%; TEXT-ALIGN: center;}
*#contentcenter *.res-textl{WIDTH: 40%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.res-textr{WIDTH: 40%; TEXT-ALIGN: right; PADDING-RIGHT: 1em}
*.res-textb{WIDTH: 100%; TEXT-ALIGN: center;}
*.table-league .data{WIDTH: 7.333%; TEXT-ALIGN: center;}
*#contentcenter *.table-league .text{WIDTH: 34%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.fg-data{WIDTH: 8%; TEXT-ALIGN: center;}
*#contentcenter *.fg-team{WIDTH: 22%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.fg-text{WIDTH: 15%; TEXT-ALIGN: left;}
*.fg-text2{WIDTH: 24%; TEXT-ALIGN: left;}
*.mp-text{WIDTH: 20%; TEXT-ALIGN: center;}
*.mp1-data{WIDTH: 16%; TEXT-ALIGN: center;}
*.mp1-textbig{WIDTH: 36%; TEXT-ALIGN: center;}
*.mp1-text{WIDTH: 16%; TEXT-ALIGN: center;}
*.dl-text{WIDTH: 100%; TEXT-ALIGN: center;}
*.lk-text{WIDTH: 100%; TEXT-ALIGN: center;}
*.ed-text{WIDTH: 30%; TEXT-ALIGN: left;}
*#contentcenter *.venV-text{WIDTH: 65%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.venT-text{WIDTH: 35%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.venW-text{WIDTH: 40%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.venP-text{WIDTH: 30%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.venV-text::first-line {font-weight:bold; font-size:120%}
*.up-text{WIDTH: 25%; TEXT-ALIGN: center;}
*#contentcenter *.mat-text{WIDTH: 30.4%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.mat-data{WIDTH: 11.6%; TEXT-ALIGN: center;}
*.mat-btext.text{WIDTH: 30.4%; FONT: small/10% sans-serif; BACKGROUND-COLOR: #AFAFAF;}
*.mat-bdata.data{WIDTH: 11.6%; FONT: small/10% sans-serif; BACKGROUND-COLOR: #AFAFAF;}
*#contentcenter *.fix-text3{WIDTH: 100%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.fix-text4{WIDTH: 100%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*.fix-data{WIDTH: 20%; TEXT-ALIGN: center;}
*#contentcenter *.con1-text{WIDTH: 20%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.con2-text{WIDTH: 20%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.com1-text{WIDTH: 33%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.com2-text{WIDTH: 33%; TEXT-ALIGN: left; PADDING-LEFT: 1em}
*#contentcenter *.com2-text img {PADDING-LEFT: 0.5em; PADDING-RIGHT: 1em; FLOAT:right;}
th.fix-text3 a:visited { color:#FF0000 !important; BACKGROUND-COLOR: transparent;}
table.table-matrix caption a:visited { color:#FF0000 !important; BACKGROUND-COLOR: transparent;}
th.fix-text3 a:link, th.fix-text3 a:hover, th.fix-text3 a:active { color:#FF0000 !important; BACKGROUND-COLOR: transparent; text-decoration:underline;}
table.table-matrix caption a:link, table.table-matrix caption a:hover, table.table-matrix caption a:active { color:#FF0000 !important; BACKGROUND-COLOR: transparent; text-decoration:underline;}
*.mp-text, *.mp1-text, *.con2-text, *.ed-text, *.fix-data, *.lom-textr, *.lom-textl, *.venV-text, *.venT-text, *.venH-text, *.venW-text {VERTICAL-ALIGN: top!important;}
table.table-league tr:nth-child(3) *, table.table-league tr:nth-child(2) * {font-weight: bold;}
table.table-league tr:nth-child(3) * {BORDER-BOTTOM-WIDTH: 7px !important;}
*.fg-w, *.fg-l, *.fg-d, *.fg-n {float:left; width:16px; margin:1px; border-radius:7px; text-align:center; font-size:15.9px; background-color: transparent;}
*.fg-w {background-color: #109618;}
*.fg-l {background-color: #E41818;}
*.fg-d {background-color: #FF9900;}
*.fg-n {background-color: grey;}
div.mainMatchesAndResults table.table-main tr {min-height:80px;}
th.ms-score.data, th.pr-data.data, th.bp-data:last-child{FONT: bold small /120% Arial, Helvetica, sans-serif;}
*.piechart,*.barchart {width:750px; margin-left:auto; margin-right:auto; margin-bottom:50px; margin-top:50px;}
*.youtubecenter {float:none;color:red;font-size:48px;line-height:1.0}
*.youtuberight {float:right;color:red;font-size:16px;}
*.youtuberightbig {float:right;color:red;font-size:20px;}
*.youtubelive {color:yellow;}
*.picleft {float:left;}

/* Styles for notices */
table.tablenoticeC {MARGIN-LEFT: auto; MARGIN-RIGHT: auto;}
*#contentcenter .tablenoticeC tbody tr td { BORDER-STYLE: none;}
table.tablenotice7 { BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #2196F3; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN-TOP: 20px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; PADDING: 0 !important;}
table.tablenotice7 caption { FONT: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #FF0000; BACKGROUND-COLOR: #1F1F1F; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #2196F3; BORDER-RADIUS: 0.5em 0.5em 0em 0em;}
div.notice7text { FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; PADDING: 4px; COLOR: #000000; OVERFLOW: auto; TEXT-ALIGN: center; BACKGROUND-COLOR: #E3F2FD;}
table.tablenotice11 { BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #2196F3; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN-TOP: 20px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; PADDING: 0 !important;}
table.tablenotice11 caption { FONT: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #FF0000; BACKGROUND-COLOR: #1F1F1F; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #2196F3; BORDER-RADIUS: 0.5em 0.5em 0em 0em;}
div.notice11text { FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; PADDING: 4px; COLOR: #000000; OVERFLOW: auto; TEXT-ALIGN: center; BACKGROUND-COLOR: #E3F2FD;}
table.tablenotice12 { BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #2196F3; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN-TOP: 20px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; PADDING: 0 !important;}
table.tablenotice12 caption { FONT: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #FF0000; BACKGROUND-COLOR: #1F1F1F; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #2196F3; BORDER-RADIUS: 0.5em 0.5em 0em 0em;}
div.notice12text { FONT: bold 12pt /14.4pt Arial, Helvetica, sans-serif; PADDING: 4px; COLOR: #000000; OVERFLOW: auto; TEXT-ALIGN: center; BACKGROUND-COLOR: #E3F2FD;}
.marquee {width: 90%; margin: 0 auto; white-space: nowrap; overflow: hidden; box-sizing: border-box; MARGIN-top:1em; MARGIN-bottom:1em}
.marquee span {display: inline-block; padding-left: 100%; animation: marquee 30s linear infinite; -webkit-animation: marquee 30s linear infinite;}
.marquee span:hover { animation-play-state: paused; -webkit-animation-play-state: paused;}
@keyframes marquee { 0%{transform: translate(0, 0);} 100%{transform: translate(-100%, 0);} }    
@-webkit-keyframes marquee { 0%{-webkit-transform: translate(0, 0);} 100%{-webkit-transform: translate(-100%, 0);} }    

/* Menu bar */
*.ulm-menu {background-color:#1f1f1f!important;font-weight:bold;border-color:#FF0000!important;}
*.ulm-menu, *.ulm-menu a:link, *.ulm-menu a:visited, *.ulm-menu a:hover, *.ulm-menu a:active {color:#FF0000!important;}
*.w3-dropnav *.ulm3 {color:#FF0000!important;}
@media only screen and (min-width:1241px){*.navbarwidth {width: 12%;}}
@media only screen and (max-width:1240px){*.navbarwidth {width: 20%;}}
*.w3-navbar, *.w3-dropnav {margin-left: 1.1em!important; margin-right:0.1em;}
*.w3-dropnav {overflow:hidden}
*.w3-dropnav *.w3-third {TEXT-ALIGN: center;}
*.w3-dropdown-click {overflow:visible}
*.w3-row {padding-top:1em}

/* Styles for small screens (mobile phones) */
@media only screen and (max-width: 768px) {
BODY, *.content, *#contentcenter{BORDER:  none !important;}
#contentleft, #contentright {display: none;}
td.data a:link, td.text4 a:link, td.text a:link {line-height: 170%;}
*.leftcolumn {display: none;}
*.content, *.ulmmainpage {margin-left:0px !important;border-left:0px;}
*.rightcolumn {display: none;}
*.content, *.ulmmainpage {margin-right:0px !important;border-right:0px;}
@keyframes slide5 { 0% {LEFT: 0px;} 25% {LEFT: -19px;} 50% {LEFT: 0px;} 75% {LEFT: 19px;} 100% {LEFT: 0px;} }
@-webkit-keyframes slide5 { 0% {LEFT: 0px;} 25% {LEFT: -19px;} 50% {LEFT: 0px;} 75% {LEFT: 19px;} 100% {LEFT: 0px;} }
@keyframes slide6 { 0% {LEFT: 0px;} 25% {LEFT: -93px;} 50% {LEFT: 0px;} 75% {LEFT: 93px;} 100% {LEFT: 0px;} }
@-webkit-keyframes slide6 { 0% {LEFT: 0px;} 25% {LEFT: -93px;} 50% {LEFT: 0px;} 75% {LEFT: 93px;} 100% {LEFT: 0px;} }
*.kogrid   {visibility: collapse; height:0;}
*.kolines1 {visibility: visible;  height:auto;}
*.kolines2 {visibility: visible;}
th.pr-text.text {FONT: bold small /120% Arial, Helvetica, sans-serif;}
<style>

Table.extratable1

{

    BORDER-STYLE: solid;

    BORDER-WIDTH: 1px;

    BORDER-COLOR: #FFFFFF;

    BORDER-RADIUS: 0.5em;

    MARGIN-TOP: 20px;

    MARGIN-BOTTOM: 4px;

    MARGIN-LEFT: auto;

    MARGIN-RIGHT: auto;

}

 

*.extratext1

{

    FONT: bold 1.0em /1.6em "Arial", sans-serif;

    COLOR: #FFFFFF;

    WIDTH: 500px;

    HEIGHT: 100px;

    TEXT-ALIGN: center;

    BORDER-STYLE: none none solid none;

    BORDER-WIDTH: 1px;

    BORDER-COLOR: #000000;

}

</style>

*.ulmtable {overflow-x:auto;}
*.prevnext a:link {font-weight: bold!important;font-size:150%}
}

/* Styles for medium screens (tablets) */
@media only screen and (min-width: 769px) and (max-width: 1199px) {
@keyframes slide5 { 0% {LEFT: 0px;} 25% {LEFT: -24px;} 50% {LEFT: 0px;} 75% {LEFT: 24px;} 100% {LEFT: 0px;} }
@-webkit-keyframes slide5 { 0% {LEFT: 0px;} 25% {LEFT: -24px;} 50% {LEFT: 0px;} 75% {LEFT: 24px;} 100% {LEFT: 0px;} }
@keyframes slide6 { 0% {LEFT: 0px;} 25% {LEFT: -117px;} 50% {LEFT: 0px;} 75% {LEFT: 117px;} 100% {LEFT: 0px;} }
@-webkit-keyframes slide6 { 0% {LEFT: 0px;} 25% {LEFT: -117px;} 50% {LEFT: 0px;} 75% {LEFT: 117px;} 100% {LEFT: 0px;} }
}