/*ranking_med*/

@media screen and (min-width:501px) and (max-width:1000px) {
.content-spacer {height:.5vh;}
.page {background-image:url(../pics/barnwood-bl.png);background-position:left top;}
.menu {background-color:#B7CCDF;}
#bullpair {display:none;}

#maininstruct {position:relative;display:none;width:100%;float:left;background:#FFFFFF;border:solid 2px #CA855F;margin:20px 0;}
#instrctclose {position:relative;display:block;width:100%;text-align:center;margin:20px;color:grey;cursor:pointer;}
#div-alphainst {position:relative;display:block;float:left;width:30%;padding:40px 10px;vertical-align:middle;}
#div-video {position:relative;display:block;float:left;width:65%;padding:10px;vertical-align:middle;}
#div-video video {position:relative;display:block;width:60vw;border:solid 2px grey;}
.intro {position:relative;width:100%;float:left;padding:20px;background:#FFFFFF;border:solid 2px #CA855F;margin:20px 0;text-align:center;}
.introtitle {position:relative;display:block;width:100%;float:left;color:#D36820;font-style:italic;}
/*pop up display*/
.bullpiclg {border:solid 2px #CA855F;font-family:helvetica,arial;background-color:#FBF3DF;z-index:5;}
#popup_msg {text-align:center;}
#picholder {position:relative;display:block;float:left;text-align:center;background-color:#ffffff;padding:1%;}
.picmulti {position:relative;display:inline-block;float:left;width:33%;padding:1% 2%;cursor:pointer;}

#forlot1,#forlot2,#forlot3 {position:relative;display:block;float:left;margin:35px 0 0 0;font-size:1.25em;
color:#e67e22;font-weight:600;width:20%;text-align:center;}
#forname1,#forname2,#forname3 {position:relative;display:block;float:left;text-align:center;margin:30px 10px 0px 10px;font-size:1.5em;
color:#481612;}
#forclose1,#forclose2,#forclose3 {position:relative;display:block;float:right;min-width:50px;margin:10px 0;color:grey;cursor:pointer;padding:10px;}

/* new pop up */

#picpopup1,#picpopup2,#picpopup3 {display:none;}
#bigpic1,#bigpic2,#bigpic3 {display:block;}
#bigpic1 img,#bigpic2 img,#bigpic3 img {position:relative;display:none;}
#thmbnails1 img,#thmbnails2 img ,#thmbnails3 img {position:relative;display:block;margin:10px auto;max-height:240px;}

#titleline {position:relative;display:block;float:left;width:99%;padding:10px;}
#titleline1 p,#titleline2 p,#titleline3 p {position:relative;display:block;float:left;vertical-align:middle;width:98%;margin:0 1%;}
#forlogo {position:relative;display:block;float:left;margin:1%;}
#forlogo img {position:relative;display:block;float:left;height:90px;margin:0px 10px 10px 5px;}

#forclose1,#forclose2,#forclose3 {position:relative;display:block;float:right;width:10%;min-width:50px;margin:10px 0;color:grey;
cursor:pointer;padding:10px 0;}


#tagholder1,#tagholder2,#tagholder3 {display:none;}
#popchart1, #popchart2, #popchart3 {position:relative;display:none;text-align:center;}
#popchartimg1, #popchartimg2, #popchartimg3, #poppieimg {width:98%;margin:0 1%;border:none;}
#popvid1, #popvid2, #popvid3 {position:relative;display:none;width:98%;margin:10px 1%;}
#bullvid1, #bullvid2, #bullvid3 {width:98%;height:auto;}

#sort_display1 {position:relative;display:block;width:100%;float:left;}
#div-alphainst img,.introtitle img {height:100px;border:none;margin:-30px 0 -30px 10px;}
.helpcont {position:relative;width:100%;float:left;padding:20px;background:#FFFFFF;border:solid 2px #CA855F;}
#data1,#data2,#data3 {position:relative;display:block;width:100%;float:left;padding:20px 0;background:#FFFFFF;border:solid 2px #CA855F;}
.tabletitle {position:relative;display:block;width:100%;float:left;text-align:center;color:#562521;font-weight:600;font-size:2em;font-style:italic;margin:20px;}
.tabletitle img {height:120px;margin:-60px 10px;}
#vidlink1,#vidlink2,#vidlink3 {position:relative;display:block;width:100%;float:left;text-align:center;font-style:italic;color:#0B3B0B;
font-size:1.25em;left:50px;bottom:20px;cursor:pointer;text-decoration:underline;}
.construction {position:relative;display:block;float:left;width:100%;text-align:center;padding:20px;background:#FFFFFF;margin:20px 0;}
#tsort1 th, #tsort1 td, #tsort2 th, #tsort2 td, #tsort3 th, #tsort3 td {border:1px solid #C8D7EA;}
#tsort1 th, #tsort2 th, #tsort3 th {vertical-align:top;}
#tsort1 td, #tsort2 td, #tsort3 td {text-align:center;}
#tsort1 tr, #tsort2 tr, #tsort3 tr {padding:5px 0;}
.reset {color:#D36820;cursor:pointer;border:solid 1px #D36820;}
.lg {width:10%;}
.avg {width:calc(80%/12.1);}
.grp {color:#0B3B0B;padding 3px;font-style:italic;font-size:1.05em;}
.collabel {color:#562521;font-size:.95em;font-weight:550;}
#top50colored-1,#top50colored-2,#top50colored-3 {text-align:center;color:#D36820;font-size:.95em;}
.chktdp {text-align:center;padding:5px 0;cursor:pointer;}
.dataonly, .sortopt {display:none;}
.linkpic {height:17px;border:none;cursor:pointer;}
.forsort {cursor:pointer;}
.forsort img {height:25px;padding:3px 0;}
.asc {background-image:url(../pics/ascending.jpg);height:20px;padding:5px 0;background-position:center;background-repeat:no-repeat;
background-size:14px;cursor:pointer;}
.desc {background-image:url(../pics/descending.jpg);height:20px;padding:5px 0;background-position:center;background-repeat:no-repeat;
background-size:14px;cursor:pointer;}
#tsort1,#tsort2,#tsort3 {position:relative;display:block;width:100%;border-collapse:collapse;margin:10px 0;overflow-x:scroll;scrollbar-color: #0B3B0B #C8D7EA;padding-bottom:10px;}
.sirename a {color:#0070E0;text-decoration:none;}
.tag {color:#0070E0;cursor:pointer;}

/* inline logo */
.il-logo {height:120px;border:none;}
}