/* row2k resp version 1.0.1 */
/* last edit 11/16/2022 */

/* Mobile first queries */

UL {list-style: none;}
ol,ul {margin-left: 0px;}
* { margin: 0; padding: 0;  } 

.head  {font: 2.2em black; font-family: Lato; color: #000; line-height: 1.4em; font-weight: 900;}
.head-white  {font: 2em black; font-family: Lato; color: #fff;line-height: 1.4em; font-weight: 900;}

.body {font-family: Lato; color: #000; text-decoration: none; font-size: 1em;}
.body A:link {font-family: Lato; color: #000; text-decoration: none; font-size: 1em;}
.body A:visited {font-family: Lato; color: #000; text-decoration: none; font-size: 1em;}
.body A:active {font-family: Lato; color: #000; text-decoration: none; font-size: 1em;}
.body A:hover {font-family: Lato; color: #000; text-decoration: underline; font-size: 1em;}

.bodylink A:link {text-decoration: underline;}
.bodylink A:visited {text-decoration: underline;}
.bodylink A:active {text-decoration: underline;}
.bodylink A:hover {text-decoration: underline;}

.body-small {font-family: Lato; color: #000; text-decoration: none; font-size: .95em; line-height: 1.2em;}
.body-small A:link {font-family: Lato; color: #000; text-decoration: none; font-size: .95em; line-height: 1.2em;}
.body-small A:visited {font-family: Lato; color: #000; text-decoration: none; font-size: .95em; line-height: 1.2em;}
.body-small A:active {font-family: Lato; color: #000; text-decoration: none; font-size: .95em; line-height: 1.2em;}
.body-small A:hover {font-family: Lato; color: #000; text-decoration: underline; font-size: .95em; line-height: 1.2em;}

.body li { margin: 0 0 9px 20px; list-style: disc; line-height: 1.1em;}

.front A:link {text-decoration: underline; font-weight: 700; }

.body-white {font-family: Lato; color: #fff; text-decoration: none; font-size: 1em;}
.body-white A:link {font-family: Lato; color: #fff; text-decoration: underline; font-size: 1em;}
.body-white A:visited {font-family: Lato; color: #fff; text-decoration: underline; font-size: 1em;}
.body-white A:active  {font-family: Lato; color: #fff; text-decoration: underline; font-size: 1em;}
.body-white A:hover {font-family: Lato; color: #fff; text-decoration: underline; font-size: 1em;}

.body-largewhite A:link {color: #fff; text-decoration: none; font-size: 1.2em;font-weight: 900;}
.body-largewhite A:visited {color: #fff; text-decoration: none; font-size: 1.2em;font-weight: 900;}
.body-largewhite A:active  {color: #fff; text-decoration: underline; font-size: 1.2em;font-weight: 900;}
.body-largewhite A:hover {color: #fff; text-decoration: underline; font-size: 1.2em;font-weight: 900;}

.body-largeblack A:link {color: #000; text-decoration: none; font-size: 1.3em;font-weight: 900;}
.body-largeblack A:visited {color: #000; text-decoration: none; font-size: 1.3em;font-weight: 900;}
.body-largeblack A:active  {color: #000; text-decoration: underline; font-size: 1.3em;font-weight: 900;}
.body-largeblack A:hover {color: #000; text-decoration: underline; font-size: 1.3em;font-weight: 900;}

.body-largeblack2 A:link {color: #000; text-decoration: none; font-size: 1.4em;font-weight: 900;}
.body-largeblack2 A:visited {color: #000; text-decoration: none; font-size: 1.4em;font-weight: 900;}
.body-largeblack2 A:active  {color: #000; text-decoration: underline; font-size: 1.4em;font-weight: 900;}
.body-largeblack2 A:hover {color: #000; text-decoration: underline; font-size: 1.4em;font-weight: 900;}

.body-midblack A:link {color: #000; text-decoration: none; font-size: 1.1em;font-weight: 900;}
.body-midblack A:visited {color: #000; text-decoration: none; font-size: 1.1em;font-weight: 900;}
.body-midblack A:active  {color: #000; text-decoration: underline; font-size: 1.1em;font-weight: 900;}
.body-midblack A:hover {color: #000; text-decoration: underline; font-size: 1.1em;font-weight: 900;}

.body-largegray A:link {color: #999; text-decoration: none; font-size: 1.1em;font-weight: 500;}
.body-largegray A:visited {color: #999; text-decoration: none; font-size: 1.1em;font-weight: 500;}
.body-largegray A:active  {color: #999; text-decoration: underline; font-size: 1.1em;font-weight: 500;}
.body-largegray A:hover {color: #999; text-decoration: underline; font-size: 1.1em;font-weight: 500;}

.newslink A:link {color: #005696; text-decoration: none; font-weight: 700;}
.newslink A:visited {color: #005696; text-decoration: none; font-weight: 700;}
.newslink A:active  {color: #005696; text-decoration: underline; font-weight: 700;}
.newslink A:hover {color: #005696; text-decoration: underline; font-weight: 700;}

.inline A:link {color: #ae2100; text-decoration: underline; font-weight: 400;}
.inline A:visited {color: #ae2100; text-decoration: underline; font-weight: 400;}
.inline A:active  {color: #ae2100; text-decoration: underline; font-weight: 400;}
.inline A:hover {color: #ae2100; text-decoration: underline; font-weight: 400;}

.label { position: relative; color: #000; margin-bottom: 4px;}
.label-text { font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2; }
.label-text A:link { font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2; text-decoration: none; }
.label-text A:visited { font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2; text-decoration: none;}
.label-text A:active { font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2;text-decoration: none; }
.label-text A:hover { color: #005696; font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2; text-decoration: underline;}

.label::after { content: ''; border-bottom: 3px solid #999; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 100%; z-index: 1;}

.videobox {height: 180px;}
.videobox span { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: url(https://www.row2k.com/graphics/site/video-play-3-xxl.png) no-repeat center center;}
.vidsmall {margin-top: 5px; padding: 6px; border-bottom: 1px solid ##ccc;background-color: #f0f0f0;}

.newscat { font-family: Lato; font-weight: 900; letter-spacing: 3px; text-transform: uppercase; color: #005696; font-size: .8em; }
.newscat2 { font-family: Lato; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; color: #005696; font-size: .7em; }
.smalldate { font-family: Lato; font-weight: 700; letter-spacing: 2px; color: #000; font-size: .7em; opacity: .3;}
.newsdate { font-family: Lato; font-weight: 700; color: #000; font-style: italic; padding: 3px; background-color: #ccc;margin-bottom: 5px;border-radius: 3px;}
.footerclass {width: 100%;text-align: left;padding-bottom: 10px;padding-left: 20px;border-bottom: 1px dotted #999;}

.billcontent {width: 100%;display:block;}
.fpwrap {margin-bottom: -2px;left: 0px;width: 100%; background-color: #ffcc00;position: absolute; bottom: 0px;text-align: left;z-index: 15;}
.fptext {left: 0px; bottom: 0px;text-align: left;z-index: 90;padding: 10px;}
.fpinside {margin-right: 5px; float: left; height: 25px; line-height: 24px;width: 25px;border: 1px solid #999999;color: black; text-align: center;vertical-align: center;}

.halfstretch {margin-left: 0px; margin-bottom: 5px; width: 100%; font-size: 1em;}

ul.adin {list-style: none !important;}
li.adin {margin: 2px 0px 4px 2px; list-style: none; line-height: 1.1em;}
li.adin:before {content: "- ";}
ul.adin > li { margin-left: 7px;  }
/* Prevent nested li's from getting messed up */
ul.adin > li:before { content: "- "; margin-left: -5px;}
ul.adin a {text-decoration: underline !important;}

.noshow {display: none;}
.red {color: #ae2100;}

body {margin-top: 5px; margin-bottom: 15px; padding: 0px; background-color: #f0f0f0;font-size: 90%;}

#wrapper {width: /*310px;*/ 95%;height: auto; border: 1px solid #ccc;padding: 5px;background-color: #fff;position: relative;  }

#topwrap {width: 100%; height: auto; margin-top: 3px;margin-bottom: 3px;display: none;}

#topbanner {text-align: center; width: 100%;max-height: 90px;overflow: hidden;}
#topbanner img {max-width:100%;height: auto; }

#topbanner2 {text-align: center; width: 100%;max-height: 90px;overflow: hidden; text-align: center; margin: 4px 0px; padding: 8px 0px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#topbanner2 img {max-width:100%;height: auto; }

#corewrap {width: 100%;}
#sitenav {left: 0;margin-top: 5px;border-bottom: 2px solid #ffcc00;margin-bottom: 3px;clear: right; width: 100%;box-sizing: border-box;position: sticky; position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky; z-Index: 200;}
#rightwrap {float: left;width: 160px;margin-top: 3px; margin-left: 10px;font-size: .9em;display: none;text-align: left;}
#insiderightwrap {display: block; width: 100%;text-align: left;}
#fpcounter {display: none;}
#fptop {display: none;}
#fptop-unroll {display: block;text-align: left;}
#upd {width: 100%;}
#news {width: 100%;text-align: left;}
#stream {width: 100%;text-align: left;}
#vids {width: 100%;text-align: left;}
#halfblock {width: 210px;}
/* conditional display skyscraper + adindex */
#skydiv {float: left; width: 53%;}
#skydiv IMG {max-width: 160px;}
#adindex {float: left; font-size: .85em;margin-left: 5px; width: 45%;}

#industry-news-desk {display: none;}

/* #vid-title {width: 135px;} 
#vid-thumb {width: 120px; height: 90px; } */
#vid-title {width: 58%;}
#vid-thumb {width: 38%; height: 90px; }
#vid-thumb IMG {width: 125px;}
#rowsnap {width: 100%;}
#snapshot img {width: 99%;}

/* hp thumbs & teasers */
#floathead {width: 100%;margin-bottom: 10px;margin-top: -5px;}
#leftimg {width: 100%;height: auto;text-align: center;margin-bottom: 10px;overflow: hidden;}
#righttease {width: 100%; position: relative;margin-top: 10px; padding-bottom: 5px; clear: both;}
.front-img {width: 100%;margin-top: -5%;margin-bottom: -10%}
/* #floathead {float: right;width: 72%;margin-bottom: 10px;margin-top: -5px;} */
/* #leftimg {float: left; width: 35%;margin-right: 10px;margin-top: 10px;} */
/* #leftimg {width: 80px;height: 80px;margin-right: 5px;float: left;overflow: hidden;text-align: center;margin-bottom: 10px;} */
/* #floathead {float: right; width: 70%;margin-bottom: 3px;} */
/* #leftimg {float: left; width: 35%;margin-right: 10px;margin-top: 10px;} */
/* #leftimg {width: 70px;height: 70px;margin-right: 5px;float: left;overflow: hidden;text-align: center;} */
/* #righttease {float: right;width: 61%;position: relative;padding-bottom: 20px;} */
/* .front-img {width: 120px;left: 50%;margin-left: -15px;} */

#sitefooter {width: 100%;}

.teaser {display: block;}
/* .sideimg {display: block;} */
.sideimg {display: block;float: left;margin-right: 5px;width: 135px;overflow: hidden;}
.gallerypic {height: 50px; width: 75px;}
.head  {font: 1em black; font-family: Lato; color: #000; line-height: 1em; font-weight: 900;}
.fp {width: 100%; height: 130px; overflow: hidden;position: relative;background-size: 100% 100%;background-repeat: no-repeat;}
.fpwrap {height: 25px;}
.streamfull {overflow: hidden;position: relative;margin-bottom: 10px; width: 100%; height: 215px; }
.streamshallow {overflow: hidden;position: relative;margin-bottom: 10px; padding: 5px;border-top: 2px solid #005696;}
.galtext {height: 45px;}
.gal {min-height: 60px;height: auto;margin-bottom: 4px;}
.gal:nth-child(1) {border: 0;}
/* .headblock {width: 99%;height: auto;padding: 2px 4px 15px 0px;} */
.headblock {float: left; width: 200px;}
.galhead {float: left; width: 250px;}
/* .gal {padding-bottom: 0px;} 
.gal {min-height: 45px;height: auto;margin-bottom: 0px;} */


#r2klogo-new {text-align: center;}
#r2klogo-new-B {overflow: hidden;}

#supportDiv { display: block; position: fixed; width: 70%; max-width: 700px; margin: 150px auto; background-color: #F5F5F5; border: solid #ffcc00 5px; z-index: 400; text-align: left; left:0;  right:0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }

/* Larger than mobile */
@media (min-width: 400px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;}
#wrapper {width: /* 380px*/ 95%;}
#topwrap {-webkit-order: 2; /* Safari */ order: 2;}
#sitenav {width: 100%;-webkit-order: 1; /* Safari */ order: 1;}
#fptop {display: none;}
#fptop-unroll {display: block;}
#fpcounter {display: none;}
#halfblock {width: 280px;}
#vid-title {width: 210px;}
#insiderightwrap {display: block; width: 100%;}
/* #adindex {width: 190px;} */
/* conditional display skyscraper + adindex */
#skydiv {float: left; width: 49%;}
#skydiv IMG {max-width: 160px;}
#adindex {float: right; font-size: .85em;margin-left: 5px; width: 49%;}

/*
#floathead {float: right; width: 100%;margin-bottom: 3px;}
#leftimg {float: left; width: 45%;margin-right: 10px;}
#righttease {float: left;width: 51%;position: relative;margin-top: 5px;padding-bottom: 20px; clear: none;}
*/
#floathead {width: 100%;margin-bottom: 10px;margin-top: -5px;}
#leftimg {width: 100%;height: auto;text-align: center;margin-bottom: 10px;overflow: hidden;}
#righttease {width: 100%; position: relative;margin-top: 10px; padding-bottom: 5px; clear: both;}
.front-img {width: 100%;margin-top: -5%;margin-bottom: -10%}

.teaser {display: block;}
.sideimg {display: block;float: left;margin-right: 5px;width: 150px;overflow: hidden;}
.gallerypic {height: 50px; width: 75px;}
.streamshallow {height: 105px;padding: 0px; border: 0;}
.galtext {height: 50px;}
.gal {min-height: 60px;height: auto;margin-bottom: 8px;}
.headblock {float: left; width: 210px;}
.galhead {float: left; width: 270px;}
.head  {font: 1.1em black; font-family: Lato; color: #000; line-height: 1.2em; font-weight: 900;}
.fp {height: 150px;}
.fpwrap {height: 30px;}
.streamfull {height: 250px; }
.videobox {height: 240px;}
.footerclass {width: 45%; float: left;margin: 4px; padding: 2px;height: 80px;}

}

/* Larger than phablet */
@media (min-width: 550px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;}
#wrapper {width: 530px;}
#fptop {display: none;}
#fptop-unroll {display: block;}
#fpcounter {display: none;}
#halfblock {width: 330px;}
#vids {float: left; width: 100%;text-align: left;}
#vid-title {width: 160px;}
/* ad code */
#insiderightwrap {display: block;width: 100%;}
#adindex {width: 48%;font-size: 1em;margin-right: 10px;}

.vidsmall {width: 47%; float: left; margin-right: 3px;height: 120px;}
#vid-title {width: 115px;}
#vid-thumb {width: 105px; height: 90px; }
#vid-thumb IMG {width: 105px;}

#floathead {float: right; width: 100%;margin-bottom: 3px;}
#leftimg {float: left; width: 45%;margin-right: 10px; height: auto;}
#righttease {float: left;width: 51%;position: relative;margin-top: 10px;padding-bottom: 20px;clear: none;}

.front-img {width: 98%;}

.teaser {display: block;}
.sideimg {display: block;float: left;margin-right: 5px;width: 170px;overflow: hidden;}
.gallerypic {height: 50px; width: 75px;}
.streamshallow {height: 110px;padding: 0px;border: 0;}
.galtext {height: 50px;}
.newsnarrow {height: 85px;}
.gal {min-height: 50px;height: auto;margin-bottom: 8px;}
.headblock {float: left; width: 320px;}
.galhead {width: 390px;}
.head  {font: 1.4em black; font-family: Lato; color: #000; line-height: 1.2em; font-weight: 900;}
.fp {height: 205px;}
.fpwrap {height: 35px;}
.streamfull {height: 310px; }
.videobox {height: 260px; }
.footerclass {width: 30%; float: left;margin: 4px; padding: 2px;height: 80px;}
}

/* Larger than tablet */
@media (min-width: 750px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;font-size: 95%;}
#wrapper {width: 730px;}
#fptop {display: block;}
#fptop-unroll {display: none;}
#fpcounter {display: block;}
#upd {width: 460px; float: left;}
#news {width: 250px; float: right;}
#stream {width: 460px; float: left;}
#halfblock {width: 360px;}

#vids {clear: all;width: 100%;}
#vid-title {width: 160px;}
#vid-thumb {width: 150px; height: 100px; }
#vid-thumb IMG {width: 140px;}

/* ad code */
#insiderightwrap {display: block; float: left; width: 100%;font-size: 1em;background-color: #f0f0f0;padding-top: 5px;margin-top: 10px;}
#skydiv {float: left;width: 47%;}
#adindex {float: left;width: 49%;font-size: 1em;}


#industry-news {display: none;}
#industry-news-desk {display: block;}


#rowsnap {width: 100%;float: left;overflow: hidden;}
#snapshot img {width: auto; height: auto;max-width: 720px;}

#floathead {float: right; width: 100%;margin-bottom: 3px;}
#leftimg {float: left; width: 45%;margin-right: 10px;}
#righttease {float: left;width: 51%;position: relative;margin-top: 10px;padding-bottom: 20px;}

.halfstretch {margin-left: 3px; margin-bottom: 5px;font-size: .9em; margin-right: 2px;float: left; width: 49%;}


.teaser {display: block;}
.sideimg {display: block;float: left;margin-right: 5px;width: 160px;overflow: hidden;}
.gallerypic {height: 50px; width: 75px;}
.streamshallow {height: 103px;padding: 0px;border: 0;}
.galtext {height: 50px;}
.gal {min-height: 50px;height: auto;margin-bottom: 10px;}
.headblock {float: left; width: 275px;}
.galhead {width: 360px;}
.head  {font: 1.7em black; font-family: Lato; color: #000; line-height: 1.2em; font-weight: 900;}
.fp {height: 350px;background-size: cover !important; }
.fptext {position: absolute; height: 80px;}
.fpwrap {height: 90px;}
.streamfull {height: 310px; }
.videobox {height: 280px; }
.footerclass {width: 18%; float: right;margin: 2px; padding: 2px; border: 0;font-size: 95%;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;font-size: 100%;}
#wrapper {width: 900px;}
#corewrap {width: 900px;float: left;}
#topwrap {height: 90px; display: block;}
#r2klogo {float: left;width: 150px;}
#topbanner {float: right; width: auto;}
#fptop {display: block;}
#fptop-unroll {display: none;}
#upd {width: 530px; float: left;}
#news {width: 340px; float: right;}
/*
#vids {width: 300px; float: right;clear: right;}
#vid-title {width: 150px;}
#vid-thumb {width: 110px; height: 80px; }
*/

/* ad code */
#insiderightwrap {display: block; float: left; width: 100%;font-size: 1em;background-color: #f0f0f0;padding-top: 5px;margin-top: 10px;}
#skydiv {float: left;width: 47%;}
#adindex {float: left;width: 49%;font-size: 1em;}

#vids {width: 100%; float: right;clear: left;}
#vid-title {width: 130px;}
#vid-thumb {width: 110px;}
.vidsmall {width: 31%; float: left; margin-right: 5px;height: 120px;}

#stream {width: 530px; float: left;}
#halfblock {width: 430px;}
#skydiv {float: left; margin-right: 2px; width: 51%; }
#adindex {float: right; width: 43%;font-size: .85em;}

#rowsnap {width: 100%;float: left;}
#snapshot img {height: auto;width: auto;}

#floathead {float: right; width: 100%;margin-bottom: 3px;}
#leftimg {float: left; width: 45%;margin-right: 10px;}
#righttease {float: left;width: 51%;position: relative;margin-top: 10px;padding-bottom: 20px;}

.teaser {display: block;}
.sideimg {display: block;float: left;margin-right: 5px;width: 180px;overflow: hidden;}
.gallerypic {height: 50px; width: 75px;}
.streamshallow {height: 115px;padding: 0px;border: 0;}
.galtext {height: 50px;}
.newsnarrow {height: 100px;}
.gal {min-height: 50px;height: auto;margin-bottom: 10px;}
.headblock {float: left; width: 330px;}
.galhead {width: 430px;}
.fp {height: 400px;background-size: cover !important; }
.fptext {position: absolute; height: 85px;}
.fpwrap {height: 95px;}
.streamfull {height: 330px; }
.videobox {height: 315px; }
.footerclass {width: 19%; float: right;margin: 2px; padding: 2px; border: 0;}
#fpcounter {display: block;}
}

/* Larger than Desktop HD */
@media (min-width: 1100px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;font-size: 100%;}
#wrapper {width: 1070px;}
#corewrap {width: 900px;float: left;}
#r2klogo {float: left;width: 150px;}
#topwrap {height: 90px; }
#topbanner {float: right; width: auto;}
#insiderightwrap {display: none;}
#rightwrap {display: block;}
#fptop {display: block;}
#fptop-unroll {display: none;}
#news {width: 340px; float: right; }
#upd {width: 530px; float: left;}
#vids {width: 100%; float: right;clear: left;}
#vid-title {width: 130px;}
#vid-thumb {width: 130px;}
.vidsmall {width: 31%; float: left; margin-right: 5px;height: 120px;}

#stream {width: 530px; float: left;}
#halfblock {width: 430px;}
#insiderightwrap {display: none;}
#rowsnap {width: 100%;clear: left;}
#snapshot img {height: auto;width: auto;}

#floathead {float: right; width: 100%;margin-bottom: 3px;}
#leftimg {float: left; width: 45%;margin-right: 10px;}
#righttease {float: left;width: 51%;position: relative;margin-top: 10px;padding-bottom: 20px;}


.sideimg {display: block;float: left;margin-right: 5px;width: 180px;overflow: hidden;}
.gallerypic {height: 50px; width: 75px;}
.streamshallow {height: 115px;padding: 0px;border: 0;}
.galtext {height: 50px;}
.newsnarrow {height: 100px;}
.gal {min-height: 50px;height: auto;margin-bottom: 10px;}
.headblock {float: left; width: 330px;}
.galhead {width: 430px;}
.fp {height: 400px;background-size: cover !important; }
.fptext {position: absolute; height: 85px;}
.fpwrap {height: 95px;}
.streamfull {height: 330px; }
.videobox {height: 315px; }
.footerclass {width: 19%; float: right;margin: 2px; padding: 2px; border: 0;}

/* .tenvid {display: none;} */
#fpcounter {display: block;}
}


