@import url('https://fonts.googleapis.com/css?family=Poppins:300,regular,500,600,700');

.pnl { border-color: transparent; }

#major-content { padding-top: 0; padding-right: 0%; }

.detail { padding: 0; }
/* Default Colours */
#hdr { background: #004D58; }
#hdr .middle { }

.middle { width: 75%; position: relative; max-width: 1550px; }
#hdr > .middle, #content > .middle { width: 75%; }
#hdr, #hdr > div { min-height: 48px; }
#hdr #searchouter{ max-width:320px;position: relative;}
.main { border: none; background: transparent; }

.panels > div, .panels div.showhide { margin-bottom: 15px; }

.sidemenu { width: 20%; min-width: 180px; max-width: 250px; padding-top: 15px;padding-bottom:90px }
.sidemenu .inner .icn-16.title { color: #FFF; }
.sidemenu .inner .icn-16.title:hover { background: transparent; }
.sidemenu .inner .icn-16 { margin-left: 2px; margin-right: 0; padding-left: 28px; }
.sidemenu .inner .icn-16:hover { background: #58595B; }
.sidemenu .inner .icn-16 span { position: absolute; left: 0; }
.sidemenu .pnl { padding-top: 1.5%; padding-bottom: 1.5%; margin-top: 1%; margin-bottom: 2%; border-color: transparent; }
.sidemenu .pnl h3 { color: #EEE; margin: 2px 2% 8px 0; padding-bottom: 1px; }
.sidemenu .pnl h3 a { }
.sidemenu .inner .icn-16.group { padding-left: 34px; }
.no-touch .sidemenu .ftr a:hover { text-decoration: underline; }

.icn-16.graybg:hover > span { background-image: url('../img/icn/sprites/vx_sprites_grayscale.png?22'); 
        opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.icn-16.home-16 span,
.icn-16.blog-16 span,
.icn-16.journal-16 span,
.icn-16.friend-16 span,
.icn-16.message span,
.icn-16.board span,
.icn-16.group span,
.icn-16.issue span,
.icn-16.all span,
.icn-16.profile-16 span,
.icn-16.blog-16:hover span,
.icn-16.journal-16:hover span,
.icn-16.friend-16:hover span,
.icn-16.message:hover span,
.icn-16.board:hover span,
.icn-16.group:hover span,
.icn-16.issue:hover span,
.icn-16.all:hover span,
.icn-16.profile-16:hover span { background-image: url('/inc/img/icn/sprites/version-2-Sprites.png'); width: 24px; height: 24px; }

.profile-links { background: transparent; border-left: solid 1px rgba(255,255,255,0.1); border-right: solid 1px transparent; height: 40px; }
.profile-links ul { height: 100%; }
.profile-links li { margin-top: 8px; margin-right: 2px; border: solid 1px transparent; padding-top: 5px; padding-bottom: 5px; }
.profile-links li > a { padding: 2px; }
.profile-links li:hover { border-color: #666; background-color: #666; }
.profile-links li:hover > a { color: #FFF; }
.no-touch .profile-links li > a:hover { background-color: transparent; }

/*Skin Detail*/
.profile-links .activity-16 > span { background-image: url('/inc/img/icn/newsfeed-icon-new.png'); background-size: 18px 18px; background-position: center center; }
.profile-links .activity-16 > span:hover { background-image: url('/inc/img/icn/newsfeed-icon-new.png'); }
.activity-16 > span { background-image: url('/inc/img/icn/newsfeed-icon-new.png'); background-size: 18px 18px; background-position: center center; }
.activity-16 > span:hover { background-image: url('/inc/img/icn/newsfeed-icon-new.png'); }
.friend-16 > span { background-position: -24px 0; }
.message > span { background-position: -54px 0; }
.board > span { background-position: -78px 0; }
.reports > span { background-position: -138px 0; }
.issue > span { background-position: -160px 0; }
.group > span { background-position: -102px 0; }
.all > span { background-position: -182px 0; }
.profile-16 > span { background-position: -209px 0; }
.blog-16 > span { background-position: -233px 0; }
.journal-16 > span { background-position: -257px 0; }
.home-16 > span { background-position: -281px 0; }
.icn-16.all > span { width: 28px; }
.icn-16.group > span, .icn-16.friend-16 > span, .icn-16.group:hover > span, .icn-16.friend-16:hover > span { width: 31px; }

.addplus { position: absolute; bottom: -1px; left: 5px; font-style: normal; font-weight: bold; font-size: 12px; }

#divDialog { overflow: visible; }
#dialogclose { position: absolute; top: 5px; right: 5px; width: 17px; z-index: 1000; height: 18px; text-decoration: none; font-size: 16px; }
#dialogclose:hover { color: #900; }

.controls .copy { margin-top: 0; margin-bottom: 0; }

#footer { margin-top:150px;background-color: #464646; color: #ffffff; padding: 30px 0 2em 0.5em; font-size: 80%; clear:both}
#footer a, #footer h2, #footer h3 { color:#FFF;}
#footer > div {margin: 0 auto;width: 96%;max-width: 1200px; }

.copyright {  font-family: "Open Sans"; color: #CCC; display:inline-block;}
.copyright .poweredby { display:inline-block;}
footer .applinks a { display:block;text-align:left !important;}
footer .applinks a img{max-width:120px !important;}
.mobileonly #mobile-btn { display: none; }
.mobonly{display:none}
/* Header Elements */
#hdr-right { padding-top: 0; position: relative;vertical-align:middle; }
#hdr #loginpanel { white-space: nowrap; vertical-align: top; float: right; }
#hdr-right .container-search { min-width: 320px; max-width: 420px; float: right; }
.signedin #hdr #searchouter { float:right;}

.notsignedin #loginpanel { padding: 0 0 0 5px; }
.notsignedin #rightpnl { float: right; padding-top: 8px; width:auto; }
.notsignedin #rightpnl > div { display: table; width: 100%; }
.notsignedin #rightpnl > div > div { display: table-row; }
.notsignedin #rightpnl > div > div > div { display: table-cell; }

.signedin #rightpnl { display: table; width: 100%; }
.signedin #rightpnl > div { display: table-row; }
.signedin #rightpnl > div > div { display: table-cell; }
.signedin #hdr-right { display: table-cell; width: calc(30% - 36px);padding-right: 5px; }
.signedin #loginpanel { position: absolute; bottom: 5px; right: 5px; }

#hdr .signedin #search-box { padding-top: 10px; position: absolute; right: 0; top: 0; }
#hdr #loginpanel a { color: #FFF; }
#hdr #loginpopup a { color: #666; }
#hdr #loginpanel .btn { border-bottom: none; }
#hdr #search-box { z-index: 5;  padding-top: 0px;float: none; width: auto;padding-bottom: 10px; }

#loginpopup { right: 0; }

#usermenu { color: #FFF; position: relative; font-size: 12px; }
#usermenu a { color: #BBB !important; }
.no-touch #usermenu a:hover { color: #FFF; text-decoration: none; }
#usermenu a .fa { font-size: 21px; width: 28px; }
#usermenu > div { padding-top: 5px; float: left; margin-left: 4px; }
#userdata { min-width: 180px; position: relative; transition: all ease-in-out 0.2s; }
#avatar { float: left; margin-right: 4%; width: 40px; }
#avatar img { max-width: 100%; }

.friends { position: relative; }
.friends .user2.fa, #usermenu .friends .user2.fa { position: absolute; bottom: 2px; left: 30%; font-size: 18px; line-height: 18px; }

#usermenu a .text { padding-bottom: 4px; display: block; float: right; line-height: 22px; }
#usermenu .profile-links { padding-top: 0; min-width: 24px; margin-left: 5px; }
#usermenu .profile-links .icn-16 > span { margin-right: 0; }

.withsidemenu #contentmain2 { width: 78%; }
#contentmain2 { margin-left: 20%; float: none; width: 78%; padding-left: 2%; padding-top: 15px; min-height: 800px; }
.c-inner hr { background: #EEE; margin-bottom: 20px; margin-top: 5px; }
.c-inner iframe { background:#CCC; border:none;width:100%;min-height:100vh;}

.notsignedin.nosidemenu #contentmain2 { width: 98%; margin-left: 0; }
.nosidemenu #contentmain2 { min-height: 500px; margin-left: 0; width: 100%; padding-left: 0; }

/* ==================================== */
.bigboxlist .item { width: 32.5%; display: block; float: left; margin-right: 0%; background-color: #AAA; position: relative; border: solid 2px #FFF; transition: all ease-in-out 0.2s; }
.bigboxlist .item:hover { border-color: #09F; }
.bigboxlist .item .content { min-height: 100px; padding-left: 10px; margin-left: 0; color: #212121; }
.bigboxlist .item a { color: #212121; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.bigboxlist .item .more { position: relative; width: 100%; height: 20px; text-align: center; color: #FFF; }
.bigboxlist .item .more a { color: #FFF; }
.bigboxlist .item .more span { position: relative; transform: rotate(0deg); }
.bigboxlist .item .img { height: 180px; }
.bigboxlist .item .img h2 { padding: 15% 2% 0 2%; font-size: 1.7em; color: #FFF; font-weight: normal; text-align: center; font-family: Verdana; }
.no-touch .bigboxlist .item a:hover { text-decoration: none; }

.tools { padding: 5px 0; margin-top: 5px; margin-bottom: 5px; border-bottom: solid 1px rgba(0,0,0,0.15); text-align: right; }
.tools a { font-size: 12px; color: #AAA; font-family: Arial; font-weight: 600; text-transform: uppercase; }
.tools a:hover { color: #09F; text-decoration: none; }
.tools a .fa { margin-right: 4px; }

.list.masonry .item, #latestissues.list.items.masonry .item { display: block !important; }
.list.masonry .item { /*min-height:200px;height:250px;*/ color: #777777; border: 1px solid #eaeaea; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); width: calc(25% - 17px); margin-right: 15px; padding: 0 0 25px 0; margin-bottom: 15px; }
.list.masonry .item .img-container { width: 100%; max-height: 160px;min-height:160px; overflow: hidden; }
.list.masonry .item .img-container img { width: 100%; }
.list.masonry .detail { background: #FFF !important; position: static; padding-left: 10%; padding-right: 10%; } /*.items*/
.list.masonry h4.issuetitle { font-size: 20px !important; font-weight: 600; margin-top: 20px; }
.list.masonry .item-tb { display: none; }

.list.masonry .link-options { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); transition: all ease-in-out 0.35s; text-align: center; padding-top: 25%; }
.list.masonry .link-options a { display:block; font-size: 1.55em; color: #FFF; }
.list.masonry .link-options a.ontop{z-index:10;position:relative;margin-top:10px}
.list.masonry .item:hover .link-options { opacity: 1.0; }


.list.masonry .tools a:not(.staple) { font-size: 11px; }
.list.masonry .tools a:hover { color: #09F; }
.list.masonry .tools { color: rgba(255,255,255,0.7); text-align: center; position: absolute; bottom: 5px; right: 0; left: 0; z-index: +1; }
.list.masonry .tools .favourite span { /*display:none;*/ }

.controls .popmenu-wrap a { width:auto;/*padding: 2px 15px 8px 15px !important;*/}

body.sys .headerimage { max-height: 400px; position: relative; }
body.sys .headerimage .bg { background: rgba(0,0,0,0.45); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
body.sys .headerimage .bg.img { background-repeat:no-repeat;background-size:cover;background-position: center;z-index:10;}
body.sys .headerimage .bg-color{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index:11;background-color: rgba(0,0,0,0.1);}


body.vx-hdrimg { }
body.vx-hdrimg #hdr .middle, body.vx-hdrimg #menu .middle{max-width: 95%;width: 95%;}
body.vx-hdrimg.scrolled #hdr{border-bottom:none;}
body.vx-hdrimg .headerimage img { min-height: 300px; background: #666; width: 100%; }
body.vx-hdrimg .headerimage.hideimage img { visibility:hidden;}
body.vx-hdrimg .headerimage { width: 100%; margin: 0; padding: 0; max-height: 380px; overflow: hidden;line-height:0;}
body.vx-hdrimg .headerimage .headertitle { position: absolute; top: 170px; left: 0; right: 0; text-align: center;z-index:12; }
body.vx-hdrimg .headerimage .headertitle h1 { color: #FFF; font-weight: 300 !important; font-size: 50px; line-height: 1.1; font-family: 'Poppins' !important;}
body.vx-hdrimg .detail .inner h1 { /*display: none;*/ }

body.vx-hdrimg #usermenu a{color: #FFF !important;}
body.vx-hdrimg #searchbtn .mobile-search-btn, body.vx-hdrimg a#mobile-btn{color: #FFF !important;}
body.vx-hdrimg.scrolled #usermenu a{color: #888 !important;}

body.vx-hdrimg .sidemenu { margin-top: 0px; }
body.vx-hdrimg .sidemenu .menuitem.title { /*display:none;*/ }

#hdr-outer, #hdr {transition:all ease-in-out 0.2s;}
body.vx-hdrimg:not(#admin) #menu { }
body.vx-hdrimg:not(#admin) #hdr-outer { }
body.vx-hdrimg:not(#admin) #hdr {background-color: rgba(255,255,255,0.0);z-index: 15;
/*    background-image:url('../img/logo/vx LOGO FINAL.png');background-repeat:no-repeat;background-size:contain;
    background-position: left center;*/
}
body.vx-hdrimg:not(#admin) #menu{background-color: rgba(255,255,255,0.0);}
body.vx-hdrimg.signedin:not(#admin) #main, body.vx-hdrimg #main{padding-top:0}

body.vx-hdrimg:not(#admin).notsignedin #rightpnl { margin-right: 3.5%; }
body.vx-hdrimg:not(#admin).signedin #rightpnl { }

body.vx-hdrimg #rightpnl { display: block; }
body.vx-hdrimg #rightpnl > div { display: block; }
body.vx-hdrimg #rightpnl > div > div { display: block; }

body.vx-hdrimg #rightpnl > div > div#hdr-right { position: absolute; right: 0;top:8px; }
body.vx-hdrimg #rightpnl #loginpanel { float: none; padding-right: 10px; }
body.vx-hdrimg #rightpnl #usermenu {  }

body.vx-hdrimg.scrolled #hdr-outer { background: rgba(255,255,255,0.95); }
body.vx-hdrimg.scrolled #logo { display: none; width: 50px; }
body.vx-hdrimg.scrolled .vxtitle{display: none;}
body.vx-hdrimg.scrolled #menu { height: 38px !important; box-shadow: 0 5px 5px rgba(0,0,0,0.3); }
body.vx-hdrimg.scrolled #menu{display:none}
body.vx-hdrimg.scrolled #menu .menulinks .menuitem { color: #000; display: inline-block; }
body.vx-hdrimg.scrolled #rightpnl #usermenu { top: 0px; }
/*body:not(#admin).vx-hdrimg.scrolled .main-menu .menulinks { margin-top: -25px; }*/
body.vx-hdrimg.scrolled #usermenu a { color: #888 !important; }
body.vx-hdrimg.scrolled #mobile-btn { color: #888 !important; top: 10px; }
body.vx-hdrimg #logo { height: 75px; background-image: url('../img/logo/vx-square-logo.png');background-repeat:no-repeat; background-size: contain; background-position: left center; }
body.vx-hdrimg #hdr #search-box .container-search{background-color: rgba(255,255,255,0.9);}
body.vx-hdrimg.scrolled #hdr #search-box .container-search{background-color: rgba(255,255,255,0.0);border: solid 1px #E0E0E0;}

/* ===================================== */
.tabcontent .column > p { font-size: 1.45em; color: #909090; margin-top: 5px; }
.signedin .tabcontent .column:first-child { width: 98%; }
.tabcontent .column:first-child { width: 84%; border-right: none; }
.tabcontent .column:last-child { width: 12.5%; padding-left: 0.5%; }
.tabcontent .column:last-child img { width: 100%; margin: 10px auto; }
.tabcontent h2 { background: #EEE; border-top: solid 5px #DDD; padding: 4px 0 6px 1%; text-transform: uppercase; margin-bottom: 15px; font-weight: bold; color: #000; font-size: 1.7em; }
.tabcontent h2.blue { margin-top: 25px; background: #C1CFFF; border-top-color: #04048A; margin-bottom: 15px; }
.tabcontent .list > div { padding-top: 0; padding-bottom: 0; }

.pai-rit { color: #FFF; background: #F5761F; padding: 10px 10px 5px 10px; max-width: 160px; margin: auto auto 10px auto; text-align: justify; font-size: 1.2em; }
.pai-rit a { text-align: center; display: block; padding: 8% 0; font-size: 1.4em; color: #FFF; text-transform: uppercase; font-weight: bold; }

#menu { height: 48px; min-height: 48px; background: #008696; position: relative; z-index: 14; }
#menu .middle { padding-top: 0;clear:both; }
#menu .menuitem { display: inline-block; float: none; text-transform: uppercase; padding: 15px 9px; display: block; float: left; font-size: 13px; font-family: "Open Sans", 'Century Gothic', 'Segoe UI'; letter-spacing: 0.25px; color: #FFF; transition: all ease-in-out 0.2s; }
#menu .menuitem:hover { background: #004D58; text-decoration: none; }
#menu .menuitem.selected { background: #004D58; }
#menu .menuitem.home { height: 17px; }
#menu .menuitem img { line-height: 0; font-size: 0; }

.menulinks { line-height: 0; white-space: nowrap; position: absolute; right: 0; }

#menu #menu-t { background: #FFF; }
#menu #menu-t .menuitem { font-size: 12px; padding: 4px 4px 3px; display: inline-block; float: none; border-bottom: none; }
#menu #menu-t .menuitem a { color: #404040; }
#menu #menu-t .menuitem.menuitem-selected a { color: #FFF; }
#menu .menuitem.menuitem-selected { background: #606060; }
#menu #menu-t .menuitem.menuitem-selected:hover { background: #606060; }
#menu #menu-b { background: #606060; height: 32px; }

#logo { height: 48px; background: url('../img/logo/vx LOGO FINAL.png') no-repeat; background-size: 70%; background-position: left center; }


.vxtitle { float: left; width: 25%; margin-top: 0; z-index: 1; position: relative; }
.vxtitle a, #menu .vxtitle a { vertical-align: middle; padding: 0; }
.vxtitle a img { margin-right: 8px; margin-top: 3px; float: left; /*height: 32px; */ }

.vxtitle.haslogo { margin-top: 0; }
.vxtitle.haslogo a img { max-height: 100%; min-height: 90%; margin-top: 0; }
.vxtitle.haslogo #logo { background: none; height: 59px; }

div.box-hdr, .list > div.box-hdr { background: none; border: solid 1px #FFF; }
div.box-hdr h2 { color: #000; }

.preview div.box-hdr { border-top: solid 1px #d7d7d7; }

.tagslist > a{ display:inline-block;padding: 2px 4px; }

.categories { }

.list.items .item:last-child { margin-right: 0; }
.list.items .item { display: inline-block !important; margin-bottom: 10px; }
.list.items .img-container { line-height: 0; font-size: 0; overflow: hidden; }
.list.items .item img { width: 100%; }
.list.items:not(.masonry) .detail { background: #CCC; padding: 2%; transition: all ease-in-out 0.2s; }
.list.items .desc { margin: 0; }
.list.items .detail a { text-decoration: none; }

.list h4 a { color: #000; }

.key { font-size: 0.85em; color: #555; font-family: Arial; }
.key > div { min-height: 17px; }
.keybox { width: 16px; height: 16px; float: left; margin-right: 4px; }
.key > div h3 { margin: 0; font-size: 1.2em; }

.chart-container { margin: 10px 1px 1px 1px; }
.split3 .item-tb { position: absolute; height: 23px; }
.split3 .item-tb > div { height: 23px; min-width: 60px; }
.split3 .item-tb h4 { font-size: 1em; letter-spacing: 0.025em; margin: 4px 8px 3px 8px; }

.item-tb { height: 25px; font-size: 0.95em; color: #A0A0A0; font-family: Arial; position: absolute; text-align: center; transition: all ease-in-out 0.2s;z-index:10 }
.item-tb > div { height: 27px; display: inline-block; min-width: 80px; }
.item-tb > div h4, .split2 .item-tb > div h4 { color: #FFF; margin: 4px 8px 3px 8px; font-size: 1.25em; letter-spacing: 0.05em; text-transform: uppercase; font-weight: bold; }
.item-tb .hosttime { padding-left: 5px; }
.link-options a { font-family: "Open Sans"; font-size: 1.15em; }
.no-touch .link-options a:hover { text-decoration: none; }

.split2 { margin-top: 5px; }
.split2 .item { padding: 0; width: 49.5%; margin-right: 0.5%; height: 330px; overflow: hidden; border-radius: 0; }
.split2 .img-container { max-height: 300px; }
.split2 .item:last-child { margin-right: 0; }
.split2 .item:last-child img { /*min-height:100%;max-height: 340px;*/ }

#latestissues.list.items .item { display: inline-block !important; transition: all ease-in-out 0.2s; }
#latestissues.list.items .item .img-container img { margin: 0; }
.item iframe { width: 250px; }

.signedin .split2 .item { padding: 0; border: none; width: 49.7%; }

.list .detail .chart-summary h3 { margin-left:0}

.split2 .item-tb { display:none;}
.split2 .detail-title { background: #333; color: #FFF; padding: 5px; font-weight: bold; letter-spacing: 0.4px; font-size: 1.15em; }
.split2 .detail-title a { color: #FFF; }
.no-touch .split2 .detail-title a:hover { text-decoration: none; }
.split2 .item-poll .cc { border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; }
.split2 .item-poll .detail-title { min-height: 45px; padding: 5px 8px; position: relative; z-index: 4;text-align:center; }
.split2 .item-poll .detail { background: #000; vertical-align: bottom; position: absolute; right: 70%; top: 55px; bottom: 0; left: 0; padding: 0;font-size:11px; }
.split2 .item-poll .detail > a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.split2 .item-poll .img-container, .split2 .item-poll .cc { position: absolute; top: 55px; left: 30%; right: 0; bottom: 0; }
.split2 .item-poll .cc p { position: absolute; right: 4%; bottom: 3%; font-weight: bold; z-index: 10; }
.split2 .item-poll .chart-container { position: relative; margin: 2%; top: auto; right: auto; bottom: auto; left: auto; }
.split2 .item-poll .chart-summary { color: #FFF; position: relative; left: 0; padding: 7% 0; font-size: 1.3em; text-align: center; }
.split2 .item-poll .chart-summary h3 { color: #FFF; font-weight: bold; font-size: 1.7em; }
.split2 .item-poll .ftr { position: absolute; right: 0; bottom: 0; left: 0; top: auto; text-align: center; font-size: 1.6em; padding: 5.5% 0; }
.split2 .item-poll .ftr a { color: #FFF; text-transform: uppercase; }
.split2 .item-poll .ftr .tools { text-align: center;display:none; }
.split2 .item-poll h4 { padding-bottom: 0; text-transform: uppercase; font-size: 0.9em; display: inline-block; }
.split2 .item-poll h4 .prop { margin-left: 5px; font-size: 1.05em; color: #D0D0D0; }
.split2 .item-poll p { font-family: Arial; margin: 0; }
.split2 .item-poll p.desc { position: relative; text-align: center; top: auto; right: auto; bottom: auto; left: auto; border-radius: 0; padding: 4%; }

.split2 .item-poll .bottom { position: absolute; bottom: 0; }

.split2 .item-survey { }
.split2 .item-survey .item-tb > div { min-width: 24%; }
.split2 .item-survey .top { position: absolute; top: 27px; right: 0; bottom: 50%; left: 0; }
.split2 .item-survey .top img { display: inline-block; height: 100%; width: auto; }
.split2 .item-survey .content { position: absolute; left: 24%; top: 0; padding: 8px 10px; color: #FFF; font-size: 1.2em; font-weight: 600; }
.split2 .item-survey .content p { margin: 0; }
.split2 .item-survey .chart-container { top: auto; right: 0; bottom: 0; left: 60%; background: #DDD; }
.split2 .item-survey .ftr { background: #FFF; top: 48%; }
.split2 .item-survey h3 { font-weight: bold; font-size: 1.2em; }
.item-survey .link-options { position: absolute; right: 40%; bottom: 5%; left: 2%; }
.item-survey .ftr .link-options a { padding: 1.2% 5%; background: #333; color: #FFF; text-transform: uppercase; }

.list.items .item-survey .detail { background: #000; color: #FFF; }
.list.items .item-survey .detail h4 { color: #FFF; text-transform: uppercase; font-size: 1.2em; }
.list.items .item-survey a.more { position: absolute; right: 15px; bottom: 15px; color: #FFF; }

.item-survey .point { position: absolute; bottom: 5px; left: 10%; width: 0; height: 0; border-style: solid; border-width: 0 1em 1em 1em; border-color: transparent transparent #FFF transparent; }
.split2 .item-survey .ftr a.m-btn { background: #333; color: #FFF; padding: 5px 8px; text-transform: uppercase; }

.split2 .detail h4 { }
.split2 .detail h4 a { color: #FFF; }
.split2 .content { position: absolute; bottom: 0; right: 0; left: 0; padding: 4%; vertical-align: bottom; }

.split2 .chart-container { position: absolute; right: 0; top: 30px; bottom: 25%; left: 30%; }
.split2 .chart-summary { position: absolute; top: 0; right: 0; left: 30%; padding: 2% 4% 4% 4%; font-weight: bold; font-size: 1.3em; }
.split2 .chart-summary a { color: #404040; }
.no-touch .split2 .chart-summary a:hover { text-decoration: none; }
.split2 .ftr { background: #FFDFBF; position: absolute; top: 75%; bottom: 0; left: 0; right: 0; padding: 2% 2%; overflow: hidden; font-size: 1.1em; color: #333; }
.split2 .ftr a { color: #404040; }

.split2 .item-gallery { padding-top: 0; }
.split2 .item-gallery .detail h4 { font-size: 1.3em; }
.split2 .item-gallery .detail h4 span { color: #FFF; }
.split2 .item-gallery .detail h4 a { color: #FFF; }
.split2 .item-gallery .detail { background: #F5761F; position: absolute; top: 0; right: 0; left: 0; min-height: 40px; padding: 1%; }
.split2 .item-gallery .content { padding: 2%; position: relative; }
.split2 .item-gallery .img-container { max-height: 320px; position: absolute; top: 50px; right: 0; bottom: 0; left: 0; }
.split2 .desc { color: #000; font-size: 1.3em; position: absolute; bottom: 10%; left: 5%; right: 5%; background: #FFF; padding: 3% 4.5% 4% 4.5%; border-radius: 10px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.big-quote { font-size: 1.5em; }
.split3 { margin-top: 10px; margin-bottom: 10px; }
.split3 h4 { font-size: 1.3em; text-align: center; }
.list.items.split3 .item { width: 32.25%; margin-right: 1.625%; margin-bottom: 0.5%; background: #DDD; padding: 0; border: none; }
.list.split3 h4 a { color: #FFF; }
.list.items.split3 .item:last-child { margin-right: 0; border-right: none; }
.list.items.split3 .item:nth-child(3n) { margin-right: 0; border-right: none; }
.list.items.split3 .content { height: 55px; }

.list.items.split3 .detail { padding: 3% 2% 2% 1.5%; position: absolute; right: 0; bottom: 0; left: 0; background: none repeat scroll 0 0 rgba(40, 50, 61, 0.6); }
.list.items.split3 .detail:hover{background-color:rgba(40, 50, 61, 0.8); }
.list.items.split3 .link-options a { background: transparent; color: #FFF; padding: 1.2% 5%; text-transform: uppercase; }
.no-touch .list.items.split3 .link-options a:hover { text-decoration: none;}

.signedin .list.items.split5 .item { width: 24.4%; margin-right: 0.8%; }
.signedin .list.items.split5 .item:nth-child(5n) { margin-right: 0.8%; }
.signedin .list.items.split5 .item:nth-child(4n) { margin-right: 0%; }
.list.items.split5 .item:nth-child(5n) { margin-right: 0; }
.list.items.split5 .item-tb { position: absolute; display: none; }
.list.items.split5 .item:hover .item-tb { display: block; }
.list.items.split5 .item-tb > div { height: 18px; min-width: 0; }
.list.items.split5 .item-tb h4 { letter-spacing: 0; margin: 2px 7px 2px; font-size: 0.9em; }
.list.items.split5 .item { width: 19.6%; margin-right: 0.4%; border: none; padding: 0; }
.list.items.split5 h4 { font-size: 1.2em;font-weight:600; padding-bottom: 0; margin-bottom: 0; }
.list.items.split5 h4 a { color: #FFF; text-shadow:2px 2px rgba(0,0,0,0.4) }
.list.items.split5 p { display: inline; font-size: 0.9em; color: #FFF; }
.list.items.split5 :hover .detail { background:rgba(40, 50, 61, 0.9); }
.list.items.split5 .detail { background: rgba(40, 50, 61, 0.18); /*height: 55px;*/ 
overflow: hidden; position: absolute;top:0; right: 0; bottom: 0; left: 0;padding: 10%; text-align:center;
}
.list.items.split5 .detail.smld { height: 50px; }
.list.items.split5 .img-container { }
.list.items.split5 .link-options { position: absolute; bottom: 20px; left: 0; right: 0; padding: 10px; }
.list.items.split5 .link-options a { color: #FFF; font-size: 1.1em;font-weight:600;  text-transform:uppercase; }
.list.items.split5 .link-options a.r-btn {}

.issuegridlist .tools{display:none; }

.list.items.split3special .item { width: 30.0%; margin-right: 0.3%; }
.list.items.split3special .item { padding-top: 0; padding-bottom: 0; }
.list.items.split3special .img-container { max-height: 170px; }
.list.items.split3special .detail { display: none; }

.biglist > .item { padding-bottom: 25px; padding-top: 7px; }

.smalllist.list .p-detail .media { clear: left; margin-right: 2.5%; }
.smalllist.list .p-detail .media .img { margin-left: 0; }
.smalllist.list .p-detail .media .img .bg, .embed .media .img .bg { background-size: 200px 150px; }

.p-detail .content { min-height: 100px; }
.p-detail .prop { color: #366EAA; font-size: 1.15em; margin-bottom: 15px; min-height: 45px; }
.p-detail img { max-width: 100%; }

.list > div h3 { }
.list > div h3 a { color: #222; }

.list.boardgallery > div h3 a { color: #FFFFFF; }

.media .extra { font-size: 0.8em; }

body.home.notsignedin #latestissues_more{clear:both;}


/**/
.sectionedcircle { position: relative; padding: 5px; overflow: hidden; margin: 20px auto; border: solid 3px #888; border-radius: 50%; }
.sectionedcircle ul { position: relative; margin: 0; padding: 0; width: 32em; height: 32em; border-radius: 50%; list-style: none; overflow: hidden; }
.sectionedcircle .slice { overflow: hidden; position: absolute; top: 0; right: 0; width: 50%; height: 50%; transform-origin: 0% 100%; border: solid 2px #FFF; }
.sectionedcircle .slice:first-child { transform: rotate(15deg); }
.sectionedcircle .slice-contents { transition: all ease-in-out 0.2s; position: absolute; left: -100%; width: 200%; height: 200%; border-radius: 50%; background: lightblue; }
.sectionedcircle .slice:first-child .slice-contents { }
.sectionedcircle .slice:hover .slice-contents { background: violet; }

.sectionedcircle .inner { position: absolute; z-index: 10; width: 50%; height: 50%; }
.sectionedcircle .inner .link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; z-index: 11; }
.sectionedcircle .inner img { width: 110%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: -5%; display: none; }
.sectionedcircle .title { position: absolute; z-index: 12; top: 8%; text-align: center; }
.sectionedcircle .title h3 { max-width: 80%; margin: auto; }
.sectionedcircle.slices6 .inner img { width: 140%; }



/*Skinned?*/
.notsignedin .detail .desc { min-height: 0; }
.pages a, .pages span { font-size: 12px; }

/* Education Panel Design for Version 2 */
#ep { font-size: 13px; min-height: 500px; }
#ep .item { margin-bottom: 30px; }
#ep .morehelp { text-align: center; }
#ep .morehelp h3 { color: #dc291e; }
#ep .morehelp a { color: #dc291e; }
#ep-menu { background: transparent; }
#ep-menu > a { padding: 15px 10px; font-family: "Open Sans"; font-size: 18px; line-height: 18px; }

.ielts, .englishlab, #ep .morehelp { border: 3px solid #ccc; background: #FFF; border-radius: 5px; color: #222; font-size: 1.2em; }

#mobile-menu { margin: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 300; display: none; background-color: rgba(25,25,25,0.9); }
#mobile-menu.open { display: block; }
#mobile-menu #menu { color: #444; }
#mobile-menu #menu .menuitem { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: medium none; color: #444; display: block; font-size: 16px; padding: 10px 5% 10px 5%; text-decoration: none; text-align: left; }
#mobile-menu #menu a { padding: 0; background: transparent; }
#mobile-menu #menu a.icn-16 { padding-left: 28px; }
#mobile-menu .box a { background: rgba(0,0,0,0); }
#mobile-btn { color: #ffffff; cursor: pointer; font-size: 17px; position: absolute; right: -32px; top: 9px; z-index: 10; }
#mobile-wrap { position: relative; z-index: 2; }
#mobile-menu .sidemenu { margin-top: 10%; text-align: center; font-size: 17px; }
#mobile-menu .sidemenu .inner .icn-16 span { display: none; }
#mobile-menu .sidemenu .inner .icn-16 { padding-left: 0; }
#mobile-menu .sidemenu .pnl { max-width: 350px; }

#menumob { margin: auto; max-width: 80%; padding-top: 20px; }
#menumob .sidemenu { width: 100%; }
#menumob .menulinks { display: block; position: relative; right: auto; left: auto; width: 100%; }
#menumob .menulinks a { display: block; text-align: center; padding: 10px 0; font-size: 18px; font-weight: 600; margin-bottom: 0; margin-top: 0; line-height: 18px; color: #FFF; }
#menumob .copyright { color: rgba(255,255,255,0.2); text-align: center; }
#menumob #closemenu { position: absolute; top: 10px; right: -20px; color: rgba(255,255,255,0.8); font-size: 17px; }
#menumob .sociallinks { margin-top: 35px; text-align: center; }
.sociallinks a { color: #FFF; font-size: 3em; margin-right: 25px; }
.sociallinks a:last-child { margin-right: 0; }

#sidemenuclose { display: none !important; }

#mobile-menu #menu .menulinks .menuitem { float: none; }
.menulinks .menuitem { margin-top: 0%; margin-bottom: 0%; }
#menu .menulinks .menuitem { display: inline-block; float: none; }

.p-detail table.content img.icon { max-width: 18px; min-width: 16px; }
.p-detail div.content .d-main { max-height: 100px; }

/* Responsive Layout Rules */
.smallthumbnails div.box { background-size: 100%; margin-bottom: 0; margin-top: 0; }
.sidemenu .smallthumbnails { margin-left: 0; margin-right: 0; }
.sidemenu .galleryitem { margin-top: 8px; }
.sidemenu .galleryitem .smallthumbnails { margin-top: 0; margin-bottom: 5px; padding-top: 0; }
.sidemenu .galleryitem h3 { color: #000; }
.sidemenu .galleryitem .ftr { padding-top: 0; margin-bottom: 10px; padding-left: 8px; }

#admin #logo { display: none; }

.popular h2, #latest h2 { font-size: 13px; font-weight: 600; text-transform: uppercase; }
.popular { margin: 20px 0 0 0; }

.bbox { padding-right: 1.5%; width: 32.33%; text-align: center; padding-bottom: 20px; position: relative; vertical-align: top; }
.bbox:nth-child(3n) { padding-right: 0%; }
.bbox .img { max-width: 350px; width: 100%; text-align: center; margin: auto; position: relative; line-height: 0; }
.bbox .img img { width: 100%; }
.bbox .desc { width: 80%; margin: auto; text-align: center; }

.bbox .img a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all ease-in-out 0.2s; z-index: 9; }
.bbox h3 { margin-top: 12px; font-size: 1.45em; }
.bbox h3, .rrow h3 { font-family: "Open Sans"; overflow: hidden; }
.bbox .inner { visibility: hidden; transition: all ease-in-out 0.2s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10% 10% 0; text-align: center; line-height: 23px; color: #FFF; font-size: 17px; }
.bbox .inner h4, .bbox .inner a { color: #FFF; }
.bbox:hover .inner { visibility: visible; background: rgba(0,0,0,0.5); }
.issue.bbox .img { max-width: 100%; }

.list > div.bbox { display: inline-block !important; }

#latest { margin-top: 20px; }

.rrow, .list > div.rrow { margin-bottom: 25px; border-bottom: solid 1px #CCC; padding-top: 8px; padding-bottom: 15px; min-height: 145px; max-height: 220px; overflow: hidden; position: relative; vertical-align: top; }
.rrow .img, .rrow .table > div > div.img { width: 150px; height: auto; padding-bottom: 20px; overflow: hidden; text-align: right; position: relative; }
.rrow .img > div { max-width: 200px; width: 130px; min-height: 120px; text-align: right; display: inline-block; position: relative; }
.rrow .img > div a { display: block; }
.rrow .img > div img { width: 100%; }
.rrow { width: 50%; display: inline-block; }
.rrow > div > div { width: 100%; margin: 0; height: 100%; }
.rrow .table > div > div { display: table-cell !important; }
.rrow .table > div > div.mainbody { min-width: calc(100% - 150px); }
.rrow .table { width: 97%; }

.list .rrow h4 { font-size: 13px; }
.rrow .options > a.icn-16 { font-size: 17px; }

.list .medtext h3 { font-size: 1.15em !important; }
.list .longtext h3 { font-size: 1.05em !important; }

.activity-lastcolumn .rrow { width: calc(100% - 40px); display: block; padding: 20px; background: rgba(240,240,240,0.7); border-bottom-color: rgba(240,240,240,0.7); height: auto; min-height: 80px; }
.activity-lastcolumn .rrow > div { width: 100%; margin: 0 0; }
.activity-lastcolumn .rrow .table > div > div.img { width: 100px; height: 100px; }
.activity-lastcolumn .rrow .img > div { width: 100px; height: 100px; }
.activity-lastcolumn .rrow .table > div > div { min-width: 65%; }

.column .rrow .table > div > div.mainbody { min-width: calc(100% - 100px); }
.column .rrow, .column .list > div.rrow { }
.column .rrow .img > div { width: 100px; height: 100px; }
.column .rrow .img, .column .rrow .table > div > div.img { width: 105px; }

.activity-lastcolumn .rrow .table > div > div.mainbody { min-width: 75%; }
.column.activity-lastcolumn .rrow .img, .column .rrow .table > div > div.img { width: auto; }

.rrow div.agreement { text-align: left; word-break: keep-all; height: auto !important; margin-top: 15px !important; font-size: 1.25em; font-weight: bold; background: #FFF; padding: 2px 12px; display: inline-block; border: solid 1px rgba(0,0,0,0.1); }
.rrow div.agreement span { font-size: 0.8em; font-weight: 200; }
.rrow .img > div.agreement { text-align: center; }
.rrow .img div.stat { max-height: 16px; min-width: 100%; width: auto !important; right: 0; }

.bbox .yes { color: #7EC300; }
.bbox .no { color: #F00; font-weight: 500; }
.bbox .agreement { font-size: 1.35em; text-align: center; padding-top: 12px; }

.rrow .mainbody { padding-right: 15px; padding-bottom: 35px; }
.rrow .controls { position: absolute; bottom: 8px; }
.rrow .controls a { display: inline-block; color: #AAA; padding: 3px 7px; transition: all ease-in-out 0.2s; width: auto; height: auto; }
.no-touch .rrow .controls a:hover { background: #666; text-decoration: none; color: #FFF; }

.ios .rrow .stat { bottom: 0; }
.cbutton { display:inline-block;margin-bottom:2px;line-height:100%}

  .display850,
  .display800,
  .display600{display:none;}



@media only screen and (max-width:1900px) {
    #menu .menuitem { font-size: 18px; }
    #menu-t .menuitem { font-size: 12px; }

    #hdr > .middle, #content > .middle, .middle { width: 90%; }
    #mobile-btn { right: 4px; }  
 
    .main-menu .menulinks { min-width: 42%; }
}

@media only screen and (max-width:1550px) {


}

@media only screen and (max-width:1400px) {
    #rightpnl {margin-right:36px; }

    #admin-edit-state { top: auto; bottom: 0; }
    #menu .menuitem { font-size: 15px; }

    #hdr > .middle, #content > .middle, .middle { width: 98%; }
    #loginpanel a.btn { padding: 6px 13px; }
    #hdr-right .container-search { max-width: 320px; }

    .main-menu .menulinks { min-width: 45%; }  
}

@media only screen (max-width:1200px) {
    #menu .menuitem { font-size: 14px; }
    .main-menu .menulinks { min-width: 50%; }
    .menulinks { white-space:normal;height: auto;}
    #menu .cmsmenu.menuTopMenu .cmsmenuinner > .item a{white-space:normal;height: auto;}

    #hdr .search-box { margin-right: 32px; }   
    #rightpnl { width:calc(100% - 36px); }   
  /*  #hdr-right .container-search{ margin-right: 32px; }*/
}

@media only screen and (max-width: 1024px) {
    .topsharelinks{display:none;}

    #hdr-right .container-search {width: 280px;margin-right: 45px;}
    /*.notsignedin #rightpnl{ width:calc(100% - 36px) }*/
    .notsignedin #rightpnl { float: none; }

    #menu #menu-t .menuitem { font-size: 12px; line-height: 15px; }
    .notsignedin #rightpnl > div { display:block; }
    .notsignedin #rightpnl > div > div { display:block; }
    .notsignedin #rightpnl > div  > div > div{ display:block; }
    #hdr #searchouter { position:absolute;right: 10px;top:0    }
    .notsignedin #hdr #searchouter {top: -3px; }
    .sidemenu .inner > .box, div.box { width: 43px; }

    #mobile-menu #menu a.icn-16.title { padding-left: 5px; }
    #mobile-btn { display: block; }

    .sidemenu .copyissue { display: none; }
    .sidemenu > div { padding-left: 0; }

    .sidemenu .pnl > div { background: transparent; }
    .column.activity-lastcolumn { display: none; }
    #admin-edit-state { display: none; }


    .middle { width: 96%; padding-left: 0; padding-right: 0; }
    #copyright { text-align: center; }

    .vxtitle { display: block; float: none; width: 34%; }
    #menu .menuitem { font-size: 1.2em; padding-right: 1.4%; padding-left: 1.4%; }
    
    #major-content > div { padding-right: 0; }

    .tabcontent .column:first-child { width: 98%; }
    .tabcontent .column:last-child { display: none; }

    .sidemenu .site-ad { display: none; }
    .sidemenu { padding-top: 0; }
    .sidemenu .pnl { margin-bottom: 0; }

    /*Reports*/
    #TheCircleCanvas { display: none; }

    .split2 .item-survey .item-tb > div { min-width: 36%; }
    .item-survey .point { left: 15%; }
    .split2 .item-survey .content { left: 36%; }
    .list.items.split5 .detail { }
    .list.items.split5 h4 a { font-size: 1em; }

    #hdr #loginpanel { position: absolute; left: 0; top: 2px; padding-left: 4px; }
    #loginpopup { left: 5px; }

    .menulinks { top: 0; }
    .main-menu .menulinks { width: 66%; }

    .split5 .desc { display: none; } 
}
/*Mobile and Tablets*/
@media only screen and (max-width: 850px) {
    
    body.vx-hdrimg .headerimage .headertitle{top:180px;}

    #hdr-right { vertical-align: top; }
    #searchouter { padding-right: 5px; }

    #searchbtn, #searchbtn.whensmall {  }

    .crumbs{padding-top:4px !important;}

    .tablewrap, .tablewrap > div, .tablewrap > div > div{display:block;}
     .tablewrap > div > div.sidemenu,
    .sidemenu { display: none; }
    #sidemenu { background: #FFF; width: 30%; min-width: 230px; position: absolute; z-index: 10; bottom: 0; top: -8px; left: -5px; }
    #sidemenu.open { }
    .sidemenuopen #sidemenuopen { display: none !important; }
    .sidemenuopen #sidemenuclose { display: block !important; color: #FFF !important; background: #666; }
    .sidemenuopen #sidemenuclose a { color: #FFF !important; }
    #contentmain2, .withsidemenu #contentmain2 { margin-left: 0; padding-left: 0; width: 100%; }
    .sidemenuopen #sidemenu { box-shadow: none; min-width: 95%; max-width: 95%; width: calc(100% - 40px); padding: 15px 25px 0 15px; }
    #usermenu { width: 100%; }
    .profile-links li:first-child { margin-left: 0; }
    #profile { max-width: 180px; margin: auto; }
    #profile .avatar { }
    .sidemenu .inner > a { font-size: 1.3em; padding: 10px 1px 9px 1px; border-bottom: solid 1px #EEE; }
    .sidemenu .inner .icnfa { padding-left: 1px; }

    #hdr { border-bottom: solid 1px #DDD; background: #FFF; }
    #hdr #search-box {display:none; text-align: right; width: auto; padding-top: 7px; }
    #hdr #search-box .container-search input.txt { color: #666; }  
    #hdr #search-box .container-search { min-width: 100%; }
    #hdr #search-box.opened { display:block;right: 0px;position: absolute;z-index: 50;}

    #hdr .container-search { border-color: #606060; }
    #hdr .container-search .clear-btn { color: #FFF; }
    #hdr .container-search .search, #hdr .container-search .clear-btn { top: 6px; }
    #hdr .container-search .clear-btn { right: 5px; }
    #hdr .container-search .search {  }
    #hdr #searchouter .close { display: block; padding: 3px 5px; text-align: right; }
    #hdr-right .container-search { max-width: 110%; }
    #hdr #loginpopup { left: 0; right: auto; }
    #hdr > .middle { width: 100%; }

    #usermenu .profile-links { display: block; margin-left: 0; float: none; clear: both; border-left: none; border-right: none; }
    #usermenu { width: 100%; }
    #usermenu > div { padding-top: 8px; padding-bottom: 4px; }
    #userdata { border-bottom: solid 1px #EEE; }

    #userlinks { display: none; }
    #userdata .profilelink { display: none; }
    body.mobileapp #usermenu .profile-links {
        top: 0;
        position: absolute;
        left: 45px;right: 20%;
        width: 100%;max-width:100%}
        #userdata { width: 100%; float: none; }

    #usermenu a { color: #AAA !important; }
    #usermenu li:hover, #usermenu li:hover a { color: #FFF !important; }
    #searchbtn .mobile-search-btn, a#mobile-btn{color: #AAA !important;}

    #searchbtn{top:11px;}
    a#mobile-btn { font-size: 22px; right: 10px;top: 7px;}

    .profile-links .activity-16 > span { background-image: url('/inc/img/icn/newsfeed-icon-new-dark.png?m2'); }
    .profile-links .activity-16 > span:hover { background-image: url('/inc/img/icn/newsfeed-icon-new-white.png?m2'); }
    .activity-16 > span { background-image: url('/inc/img/icn/newsfeed-icon-new-dark.png?m2'); }
    .activity-16 > span:hover { background-image: url('/inc/img/icn/newsfeed-icon-new-dark.png?m2'); }

    body.sidemenuopen #hdr { box-shadow: none; }
    .scrolled #hdr { border-bottom: solid 1px #DDD; box-shadow: none; }
    .scrolled #reportsmenu.stuck { top: 92px; left: 0px !important; right: 0 !important; width: auto !important; }
    .scrolled.scrolleddeep #reportsmenu.stuck { top: 45px; }
    #menu { display: none; }  

    .signedin #rightpnl > div, .signedin #rightpnl > div > div { display: block; }
 
    div.quicksearch.dropshadow15 { box-shadow: none; background: transparent; }
    .quicksearch #search-top { display: none; }
    .quicksearch.list > div.bg { padding-top: 10px; padding-bottom: 10px; background-color: rgba(0,0,0,0); }
    #quicksearch1 { position: fixed; left: 0 !important; right: 0 !important; top: 30px !important; width: auto !important; }

    .notsignedin #hdr-right { width: auto; }

    #hdr-right { padding-top: 2px; position: absolute; top: 3px; left: 5px; right: 30px; width: 80%; }
    .signedin #hdr-right { width: auto; top: 0; left: 50px; right: 40px; }

   

    .rrow .img { width: 120px; height: 120px; }
    .rrow .img > div { width: 120px; height: 120px; }

    #menu .menuitem { padding-right: 1%; padding-left: 1%; }

    body.vx-hdrimg #userdata { border-bottom: none; }
    body.vx-hdrimg #hdr { border-bottom: none; }
    body.vx-hdrimg:not(#admin).signedin #rightpnl { margin-left: 0 !important; }
    body.vx-hdrimg #rightpnl #usermenu { top: 0 !important; }
    body:not(#admin) #hdr-outer { min-height: 50px; }

    .display850{display:block;}

}

@media only screen and (max-width: 800px) {
    #hdr #search-box { margin-left: 50%; }
    .mobileonly { display: block; }
    .notwhensmall { display: none !important; }

    .site-ad .ad-banner728x90 { display: none; }

    .alink { display: none; }
    #hdr a.f-rit { float: none; }

    

    .vxtitle { width: 45%; }

    #contentmain2 { padding-top: 0; }

    .column { width: 100%; min-height: 500px; }
    .table.col2 > div > div:first-child, .column:first-child { width: 100%; border-right: 0; padding-right: 0; }
    .column:last-child { width: 100%; }

    #menu .middle, #content > .middle { width: 98%; }

    #usermenu #avatar img { width: 30px; }

    .rrow, .list > div.rrow { min-height: 235px; }
    .list.items.split2 .item { width: 49%; }
    .list.items.split3 .img-container { height: 170px; }
    .list.items.split3 .content { height: 65px; }

    #major-content { padding-right: 0; margin: auto; width: 96%; }
    .block-pnl { padding-right: 0; }

    .rrow { width: 100%; }
    .rrow, .list > div.rrow { min-height: 100px; }

    .rrow .table > div > div.mainbody { width: calc(100vw - 100px); }
    .rrow .img > div.agreement { font-size: 1.1em; }
    .rrow > div { width: 100% !important; margin: 5px 0 15px !important; }

    body.vx-hdrimg .headerimage .headertitle { top: 170px; }
    body.vx-hdrimg .headerimage .headertitle h1 { font-size: 45px; }

    .list.masonry .item { width: calc(33.3% - 20px); }

    .display800{display:block;}

    .popular h2, #latest h2{text-align:center;}

    .desktoponly{display:none !important;}
    .mobonly{display:block;}

}

@media only screen and (max-width: 600px) {
    #profile { max-width: 160px; }
    body.sys .headerimage .bg.img { background-position:center center;}

    .display600{display:block;}

    .mainimg-boarditem{float:none;}
    .mainimg-boarditem img{width:100%;max-width:100% !important;margin:auto !important;}

}

@media only screen and (max-width: 500px) {
    body { font-size: 14px; }

    .popular div.table, .popular div.table > div > div { display: block !important; }
    .popular .bbox { padding-right: 0%; margin-bottom: 15px; float: left; width: 70% !important; margin-left: 15%; margin-right: 15%; }
    .popular .bbox .desc { display: none !important; }
    .popular .bbox .proposal { display: none !important; }
    .popular .bbox { padding-right: 0; }
    .popular { margin-bottom: 40px; }
    .popular h2 { text-align: center; }

    #latest { clear: left; }
    .rrow .table > div > div.mainbody { width: calc(100vw - 100px); }
    .rrow .img > div.agreement { font-size: 1.1em; }
    .rrow > div { width: 100% !important; margin: 5px 0 15px !important; }
    .rrow .img, .rrow .table > div > div.img { width: 100px; height: 100px; }
    .rrow .img > div { width: 100px; height: 100px; }
    .rrow { width: 100%; display: block; }
    .rrow, .list > div.rrow { min-height: 50px; max-height: 500px; padding-bottom: 5px; }
    .rrow .mainbody { padding-bottom: 20px; }

    .bbox .desc { display: none; }  
    .bbox h3 { font-size: 1.15em; }

    #mobile-btn { right: 10px; top: 4px; }  
  
    .signedin .vxtitle #logo { display: none; }

    #hdr > .middle { width: 100%; }
    .withsidemenu #contentmain2 { min-height: 350px; padding-top: 0; }

    #main { padding-top: 50px; }
    .signedin #main { padding-top: 100px; }

    #avatar { margin-left: 8px; }

    #content > .middle { width: 100%; }
    #contentmain2 { padding-left: 0; }

    .post-options { padding: 12px 0 12px 1%; font-size: 1.05em; }
    .smalllist > .item .body > div { padding-left: 2px; }
    .smalllist .thumb { max-height: 35px; width: 35px; width: 35px; height: 35px !important; }

    .notsignedin.nosidemenu #contentmain2 { width: 100%; }

    .cenwhensmall { text-align: center !important; }
    .fullbtn { padding-top: 25px; }
    .fullbtn > .primary-btn { display: block; width: 100%; }

    body.cms p { text-align: justify; }

    .pop { padding: 0; }
    .pop .inner { box-shadow: none; }
    .pop.media { max-width: 100%; }
    .pop.media .inner { max-width: 100%; padding: 0px 0px 28px 0px; }

    body.vx-hdrimg .headerimage .headertitle { top: 130px; }
    body.vx-hdrimg .headerimage .headertitle h1 { font-size: 40px; }

    .list.masonry .item { width: calc(50% - 20px); }
    #mobile-btn { top:8px; }
    #menumob { max-width: 90%;}
    #menumob .menulinks { white-space:normal;}
    #menumob #closemenu{right:-15px;}
}

/*Mobile Phones*/
@media only screen and (max-width: 480px) {
    #mobile-btn { top: 2px; margin-right: 0px; }

    .signedin .list.items.split5 .item, .list.items.split5 .item { width: 100%; }

    #avatar { margin-right: 0; }
    .tabcontent .column > p:first-child { font-size: 1.2em; }

    .sidemenu .menuitem.title { margin-bottom: 4px; }

    .biglist .thumb { background-size: 100%; }
    .biglist .item .stat { display: none; }
    .item div.closed { display: none; }

    #chat { display: none; }
    .notsignedin #content > .middle { margin-left: 0.5%; width: 99%; }
    #content { width: 100%; }

    #facebook-feed { height: 350px; }

    .vxtitle { min-height: 30px; width: 54%; }

    #logo { height: 30px; margin: auto; }

    #hdr, #hdr > div { min-height: 36px; }
    #hdr-right { padding-top: 2px; }
    .notsignedin #hdr, .notsignedin #hdr > div { min-height: 32px; }
    #loginpanel { text-align: left; }
    #loginpanel a.btn { padding: 3px 10px; }

    #menu { height: auto; min-height: 0; padding-top: 1%; padding-bottom: 1%; }
    #menu .menuitem { font-size: 1.2em; display: inline-block; float: none; }

    .rrow .options { left: 0; }

    .notsignedin #hdr, .notsignedin #hdr > div { min-height: 42px; }

    .list.items.split2 .item { width: 100%; }
    .list.items.split3 .item { width: 100%; }
    .list.items.split3 .img-container { height: auto; }
    .list.items.split5 p.desc { display: none; }

    .list > div h3 { font-size: 1.2em; }

    .search-subbar { display: none; }
    .search-filter { display: none; }
    .list .topright { display: none; }
    .list table.tr { display: none; }

    .lat-chart > div > div { font-size: 1.4em; }
    .lat-chart > div > div > div { display: none; }

    .sticky.stuck { left: 0 !important; right: 0 !important; }

    #ep-menu > a { padding: 2px 5px; font-size: 12px; }
    .rstext .controls:hover .spell { display: none; }
    .spell { display: none !important; }

    #usermenu .profile-links li.home,
    #usermenu .profile-links li.boards{display:none !important;}
/*,
    #usermenu .profile-links li.messages*/

}

@media only screen and (max-width: 360px) {

   /* #postanissuebtn { display: none; }*/

    .vxtitle { width: 80%; margin: auto; }
    .profile-links li { margin-right: 3px; }

    .cmt-box { min-width: 280px; }
    .result { padding: 3px 1px; }  

    .quicksearch .note { display: none; }
    .quicksearch .thumb { }

    .notsignedin #hdr, .notsignedin #hdr > div { min-height: 38px; }

    #menu .middle { margin-left: 0; width: 100%; }
    #menu .menuitem { font-size: 1em; font-weight: normal; padding: 2px 1.5% 4px 1.5%; text-transform: none; }

    .p-detail h4 { text-align: left; }
    .p-detail div.content .d-main { max-width: 60px; }
    .p-detail div.content { min-height: 60px; }

    .page-count { display: none; }

    body.vx-hdrimg .headerimage .headertitle { top: 130px; }
    body.vx-hdrimg .headerimage .headertitle h1 { font-size: 35px; }

    .list.masonry .item { width: 100%; }
}

@media only screen and (max-width: 260px) {
    body.vx-hdrimg.scrolled #hdr-outer { background: rgba(255,255,255,0); }

    .popular .bbox { width: 90% !important; margin-left: 5%; margin-right: 5%; }

    .profile-links li { margin-right: 1px; width: 25px; }
    .profile-links li > a { min-width: 0; height: 22px; }

    #usermenu a .fa { font-size: 18px; width: 25px; }

    .tabcontent .column > p:first-child { font-size: 1.1em; }
    .cmt-box { min-width: 235px; }

    .sidemenu .agreement { display: none; }
    .vxtitle { width: 70%; margin: auto; }

    body.vx-hdrimg .headerimage .headertitle h1 { font-size: 30px; }
}