@media screen and (max-width: 480px) {
  /* smartphone CSS */
body{padding:0;margin:0;font-family:helvetica,arial,sans-serif;color:#222;line-height:1.2;overflow-x:hidden;}
td{font-family:helvetica,arial,sans-serif;}
p{padding:0;}
p.center{text-align:left;}
ul.none{list-style-type:none;}
blockquote{font-style:italic;margin:0;padding:0;}
a:link{color:#00f;text-decoration:none;}
a:link:hover{color:#00f;text-decoration:underline;}
a:visited{color:#800080;}
a:visited:hover{color:#800080;text-decoration:none;}
a.img:visited:hover{color:#ff0;background-color:#fff;}
a.img:link:hover{color:#ff0;background-color:#fff;}
div.ukrnheader{padding:0.5em;text-align:center;}
div.searchtop{color:#222;}
div.container{background-color:#fff;}
div.crumb{padding:0.5em;font-style:italic;color:#666;font-size:80%;clear:both;border-width:1px 0px;border-color:#ccc;border-style:solid;margin:0.5em;}
div.map{max-width:100%;}
div.nav{display:none;}
div.nav a:hover{color:#fff;text-decoration:underline;font-weight:bold; background: none; border:0;}
div.nav a {color:#fff;text-decoration:none;font-weight:bold;background: none; border:0;}
div.leftside{padding:1em 4em 0em 2em;text-align:center;width:35%;float:left;margin-left:5%;}
div.rightside{padding:1em 0em .5em 0em;text-align:left;width:35%;float:left;}
div.main2{clear:both;padding:.5em 0em 2em 0em;margin-left:5%;margin-right:5%;}
div.main3{margin-left:1em;}
div.bigadbottom{clear:both;padding-bottom:1em;padding-top:1em;}
div.footer{clear:both;padding:1em;margin:1em 0em 0em 0em;background-color:#000080;text-align:center;font-weight:bold;text-decoration:none;color:#fff;}
div.footer li.inline{border:solid #aaa;border-width:0px 0px 1px 0px;padding:0 1em 1em;margin:1em 0em 1em 0em;}
div.footer a:hover{color:#fff;text-decoration:underline;font-weight:bold; background: none; border:0;}
div.footer a {color:#fff;text-decoration:none;font-weight:bold;background: none; border:0;}
div.boxwarn{background-color:#f8f8f8;border-color:#f00;border-style:solid;border-width:2px;margin-left:5%;margin-right:5%;padding:0.5em;}
div.boxwarn h2 {padding:5px;margin:0px; background-color:#f00;color:#fff;border:#ddd solid 1px;}
div.box{background-color:#f8f8f8;border-color:#000080;border-style:solid;border-width:1px;margin-left:5%;margin-right:5%;padding:0.5em;}
div.box h2 {padding:5px;margin:0px; background-color:#000080;color:#fff;border:#ddd solid 1px;}
div.box li {padding:0.5em;margin:0;}
div.sharesites{display:none;}
div.googlesearch{margin-top:1em;text-align:left;margin-left:5%;}
div.indexl{clear:both;padding:.5em 0em;margin-left:5%;margin-right:5%;}
div.indexr{clear:both;padding:.5em 0em;margin-left:5%;margin-right:5%;}
div.indexc{clear:both;padding-bottom:1em;}
div.adtop{display:width:220px;}
div.linkunit{display:none;}
table{max-width:95%;border:1px solid;}
td{border:1px solid;font-size:90%;}
img{max-width:95%;margin:0.5em 0em;border:none;}
img.picon{width:100px;height:100px;margin:0;}
img.chub{width:38px;height:15px;margin-right:5px;vertical-align:top;}
img.flag{width:32px;height:22px;margin-right:5px;}
img#visa{width:34px;height:20px;}
img#new{width:29px;height:21px;margin-right:5px;vertical-align:top;}
img#rss{width:32px;height:15px;margin-right:5px;vertical-align:top;}
img#star{width:15px;height:16px;margin-right:5px;vertical-align:top;}
img#pdf{width:16px;height:16px;margin:0px 5px;vertical-align:top;}
img#banner{width:604px;height:104px;margin:0;}
img#appeal{width:179px;height:37px;vertical-align:middle;}
img#bmk{width:18px;height:16px;margin-right:2px;vertical-align:top;}
img#bookmark{width:18px;height:16px;margin-right:2px;vertical-align:top;}
img#bmk2{width:120px;height:50px;margin-right:2px;vertical-align:middle;}
span.bold{font-weight:bold;}
span.bigbold{font-weight:bold;}
span.italic{font-style:italic;}
span.credit{font-style:italic;font-size:75%;}
span.slinks{color:#999;font-size:90%;}
ul.none {padding:0em;margin:0em;}
li{padding:0.5em 0em;}
li.narrow{padding:0;}
li.inline{border:solid #aaa;border-width:0;padding:0 1em;}
li.inline2{padding:0 1em;}
li.shr{display:inline;padding:0 5px 0 0;}
ul.nobull {list-style-type: none;padding:0;margin:0;}
.sprite{padding:0;background:url(https://www.ukrivers.net/images/sharesprite.png) no-repeat;width:25px;height:25px;}
img.shr1{background-position: 0px 0px;}
img.shr2{background-position: -25px 0px}
img.shr3{background-position: -50px 0px}
img.shr4{background-position: -75px 0px}
img.shr5{background-position: -100px 0px}
img.shr6{background-position: -125px 0px}
img.shr7{background-position: -150px 0px}
img.shr8{background-position: -175px 0px}
img.shr9{background-position: -200px 0px}
}
@media screen and (min-width: 481px) {
  /* desktop CSS */
body{padding:0;margin:0.5em;background-color:#000080;font-family:helvetica,arial,sans-serif;color:#222;line-height:1.4;}
td{font-family:helvetica,arial,sans-serif;}
p{padding:0;}
p.center{text-align:center;}
h1.center{text-align:center;}
h2.grey{text-align:center;background-color:#e0e0e0;padding-top:.5em;padding-bottom:.5em;}
ul.none{list-style-type:none;}
blockquote{font-style:italic;}
h2.line{padding-top:2em;border-top:solid;border-top-width:1px;border-top-color:#999;}
a:link{color:#00f;text-decoration:none;}
a:link:hover{color:#00f;text-decoration:underline;}
a:visited{color:#800080;}
a:visited:hover{color:#800080;text-decoration:none;}
a.img:visited:hover{color:#ff0;background-color:#fff;}
a.img:link:hover{color:#ff0;background-color:#fff;}
div.ukrnheader{padding:0.5em;text-align:center;}
div.searchtop{color:#222;}
div.container{background-color:#fff;border:solid 1px #000080;}
div.crumb{padding:.5em 0em 0em 2em;font-size:90%;font-style:italic;color:#444;text-align:center;clear:both;background-color:#efefef;border-width:1px 0px 0px 0px; border-style: solid; border-color:#ddd;}
div.nav{text-align:center;padding:0.5em;border-color:#ddd;background-color:#efefef;font-weight:bold;border-width:0px 0px 1px 0px; border-style: solid; border-color:#ddd;}
div.nav a {color:#000080;text-decoration:none;}
div.nav a:hover{color:#000080;text-decoration:underline;}
div.linkunit{text-align:center;padding: 1em .5em;}
div.leftside{padding:1em 4em 0em 2em;text-align:center;width:35%;float:left;margin-left:5%;}
div.rightside{padding:1em 0em .5em 0em;text-align:left;width:35%;float:left;}
div.main2{clear:both;padding:.5em 0em 2em 0em;margin-left:5%;margin-right:5%;}
div.main3{margin-left:1em;}
div.bigadbottom{clear:both;padding-bottom:1em;padding-top:1em;margin-left:5%;margin-right:5%;}
div.newsright{width:320px;height:270px;float:right;padding:2em;}
div.footer{clear:both;text-align:center;padding:1em;margin-top:2.0em;background-color:#efefef;font-weight:bold;border-width:1px 0px 0px 0px; border-style: solid; border-color:#ddd;}
div.footer a {color:#000080;text-decoration:none;}
div.footer a:hover{color:#000080;text-decoration:underline;}
div.boxwarn{text-align:left;padding:40px;background-color:#eee;border-style:solid;border-width:5px;margin-left:10%;margin-right:10%;}
div.box{padding:40px;background-color:#f8f8f8;border-color:#ddd;border-style:solid;border-width:1px;margin:2em 10%; box-shadow:10px 10px 5px #888;}
div.box h2 {padding:5px;margin:0px; background-color:#000080;color:#fff;border:#ddd solid 1px;}
div.sharesites{margin-top:2em;text-align:left;margin-left:5%;}
div.googlesearch{margin-top:2em;text-align:left;margin-left:5%;}
div.indexl{padding-bottom:1em;padding-right:2em;text-align:left;width:100px;margin-left:10%;float:left;text-align:left;}
div.indexr{padding-bottom:1em;text-align:left;margin-right:5%;width:60%;float:left;}
div.indexc{clear:both;padding-bottom:1em;}
div.adtop{width:320px;height:270px;padding:1em;float:right;}
table{max-width:95%;border:1px solid;}
td{border:1px solid;padding:1em;}
img{border:none;}
img.picon{width:100px;height:100px;margin:0;}
img.chub{width:38px;height:15px;margin-right:5px;vertical-align:top;}
img.flag{width:32px;height:22px;margin-right:5px;}
img.left{float:left;margin:10px;}
img.right{float:right;margin:10px;}
img.centno{margin:.5em;padding:1px;border:1px solid #999;}
img.leftno{float:left;margin:1em 2em 1em 0;padding:1px;border:1px solid #999;}
img.rightno{float:right;margin:1em 0 1em 2em;padding:1px;border:1px solid #999;}
img#header{width:500px;height:62px;}
img#visa{width:34px;height:20px;}
img#new{width:29px;height:21px;margin-right:5px;vertical-align:top;}
img#rss{width:32px;height:15px;margin-right:5px;vertical-align:top;}
img#star{width:15px;height:16px;margin-right:5px;vertical-align:top;}
img#pdf{width:16px;height:16px;margin:0px 5px;vertical-align:top;}
img#banner{width:604px;height:104px;margin:0;}
img#appeal{width:179px;height:37px;vertical-align:middle;}
img#bmk{width:18px;height:16px;margin-right:2px;vertical-align:top;}
img#bookmark{width:18px;height:16px;margin-right:2px;vertical-align:top;}
img#bmk2{width:120px;height:50px;margin-right:2px;vertical-align:middle;}
span.bold{font-weight:bold;}
span.bigbold{font-weight:bold;}
span.italic{font-style:italic;}
span.credit{font-style:italic;font-size:75%;}
span.slinks{color:#999;font-size:90%;}
li{padding:5px;}
li.narrow{padding:0;}
li.inline{display:inline;border:solid #999;border-width:0 1px 0 0;padding:0 5px;}
li.inline2{display:inline;padding:0 5px;}
li.shr{display:inline;padding:0 5px 0 0;}
ul.nobull {list-style-type: none;padding:0;margin:0;}
.sprite{padding:0;background:url(https://www.ukrivers.net/images/sharesprite.png) no-repeat;width:25px;height:25px;}
img.shr1{background-position: 0px 0px;}
img.shr2{background-position: -25px 0px}
img.shr3{background-position: -50px 0px}
img.shr4{background-position: -75px 0px}
img.shr5{background-position: -100px 0px}
img.shr6{background-position: -125px 0px}
img.shr7{background-position: -150px 0px}
img.shr8{background-position: -175px 0px}
img.shr9{background-position: -200px 0px}
div.map{width:600px;height:600px;float:right;padding:0em 0em 2em 1em;}
}
  /* Cookie consent */
.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;cursor:pointer;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:120px}.cc_container .cc_message{transition:font-size 200ms;font-size:0.6em;display:block}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{margin-top:0.5em;font-size:0.8em}}@media screen and (min-width: 768px){.cc_container{padding:15px 30px 15px}.cc_container .cc_btn{font-size:1em;padding:8px 15px}.cc_container .cc_message{font-size:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}.cc_container{background:#fff;color:#999;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box;border:1px solid #ccc}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#d7bf00;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#555}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}
