.c-inner h3 { margin-top: 20px; padding-bottom: 0; }



a { color: #000; text-decoration: none; transition: all ease-in-out 0.2s; }
.no-touch a:hover { text-decoration: underline; cursor: pointer; }
.no-touch a:hover, a:active, a:focus, :focus { outline: 0 none; }


a:link.external, a:visited.external { background: transparent url("/inc/img/icn/10/external.gif") top right no-repeat; padding-right: 12px; }
iframe { border: none; max-width: 100% }
label { margin-right: 3px; margin-left: 0px; margin-bottom: 1px; color: #404040; font-size: 1em; }
label.ComplexType { font-weight: bold; }
.downloadfile .prompt { margin-bottom: 5px; }
.textblock .media { float: right; margin: 10px 20px 20px 20px; }

a.browse { font-size: 11px; background: #DDD; color: #333; padding: 2px 10px; margin-left: 5px; transition: all 0.2s ease-in-out; }
a.browse:hover { background: #999; color: #FFF; text-decoration: none; }

table tr td { vertical-align: middle; }
table tr td.questions { vertical-align: top; }

/*Main Design Sets*/
#hdr, #hdr > div { position: relative; min-height: 90px; }
#hdr p { margin: 0; }
#hdr .middle { position: relative; border-bottom: none; }


table.clone tr:last-child .delete { display: none; }



/* Home Page Styles */
.homepagecells { height: 170px; }
.homepage-cell { float: left; padding: 10px 5px 0px 5px; text-align: center; border: solid 4px #E0E0E0; height: 152px; }
.homepage-cell h1, .homepage-cell h2 { color: #FFF; }
.homepage-cell-rit { margin-left: 1px; background: #00AEBF url('../img/bg/home-page_brain_cogs_cropped.png') no-repeat bottom right; width: 505px; }
.homepage-cell-rit h1 { font-size: 28px; margin-top: 15px; border-bottom: none; }
.homepage-cell-left-logo { vertical-align: middle; width: 445px; height: 156px; padding: 3px 0px 3px 0px; }
.homepage-cell-left-logo .link { height: 134px; }
.homepage-cell-left-logo .link a { display: block; width: 100%; height: 100%; }
.homepage-cell-left-logo h2 { color: #C0C0C0; font-size: 19px; }
.homepage-cell-left { background: #007787; width: 435px; position: relative; margin-right: 4px; }
.homepage-cell-left h1 { font-size: 24px; margin-top: 15px; color: #FFF; }
.homepage-cell-left h2 { font-size: 22px; color: #FFF; }

.poweredby { font-style: normal; opacity: 0.8; }
.poweredby { font-size: 10px; padding-left: 5px; }
.poweredby a { color: #EE3124; }


#status { position: fixed; bottom: 20px; right: 10px; min-width: 500px; z-index: 1001; }
#status > div { background: #EEE; padding: 15px; border-radius: 2px; margin-top: 2px; }
#status > div.green { color: #fff !important; background-color: #4CAF50 !important; }
#status > div.red { color: #fff !important; background-color: #f44336 !important; }
#status > div.yellow { color: #000 !important; background-color: #ffeb3b !important; }

#status img { max-width: 32px; vertical-align: middle; margin-right: 5px; }



.l-menu a.request-box { z-index: 10; position: relative; }
.l-menu .icn-16 { min-height: 22px; }
.request-box, .pnl > .request-box, .l-menu .inner > a.request-box { /* background: #888;*/ color: #888; font-size: 0.9em; display: block; line-height: 1.6em; text-align: center; float: right; padding: 0px 5px 0px 5px; margin-top: 3px; margin-right: 2px; border: none; }
.request-box a { color: #FFF; display: block; }
a.request-box:hover, .l-menu .inner > a.request-box:hover { background: #008696; color: #FFF; border: none; }
.request-box:hover a { text-decoration: none; }

.request-box.important, .pnl > .request-box.important, .l-menu .inner > a.request-box.important { background: #F60; }
a.request-box.important:hover, .l-menu .inner > a.request-box.important:hover { background: #E50; color: #FFF; }

.request-box.green { color: #32BB9D }

.signedin .hidewhensignedin { display: none; }

/* Main Content Elements */

#search-bar { height: 25px; background: #DFDFDF; padding: 5px 5px 3px 5px; }
#search-bar input.txt { width: 50%; }
.search-subbar { padding: 5px 0px 3px 0px; height: 30px; display: none; margin: 2px; -moz-border-radius: 3px; border-radius: 3px; }
#search-advanced { padding: 5px 5px 3px 5px; border-bottom: solid 1px #D7D7D7; display: none; }
span.searchresult { font-weight: bold; color: #09F; }

#content-hdr { padding-bottom: 0px; padding-top: 6px; }

/* Case Display */
.menu { position: absolute; z-index: 800; display: none; background: #FFF; }
#menu.menu { display: block; }
#contents { width: 281px; background: #FFF; }
#menu-holder { position: fixed; top: 0; left: 0; z-index: 10; }
#menu-holder #themebuilder { max-width: 600px; }
#menu-holder > div { min-width: 280px; max-width: 350px; }
#menu-holder .menu { background: #FFF; }
#menu-holder .menu .menu-hdr { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #404040; padding: 7px 8px 5px; background: #E0E0E0; }
#menu-holder .menu .submenu { font-size: 13px; font-weight: bold; text-transform: uppercase; background: #E0E0E0; padding: 5px; margin-top: 9px; margin-bottom: 10px; }
#menu { transition: all ease-in-out 0.2s; }
.scrolled #menu { height: 0; min-height: 0; }
/*.scrolled #menu .menulinks .menuitem { display: none; }*/


#contents div.contents { width: 252px; }
#contents div.contents > div { width: 240px; border-bottom: solid 1px #E6E6E6; padding: 4px 5px 5px 5px; overflow: hidden; }
#contents div.contents > div img { float: left; margin-right: 5px; width: 20px; }
#contents div.contents > div > a { display: block; color: #666; }
#contents div.contents > div > a i { font-style: normal; }
#contents div.contents > div:hover { background: #09F; color: #FFF; }
#contents div.contents > div:hover a { color: #FFF; text-decoration: none; }

div.item { position: relative; word-wrap: break-word; }
div.item div.bottom { position: absolute; bottom: 4px; margin-left: 5px; }
div.item .note, .note { border-bottom: none; }
div.item .note { font-size: 0.9em; }
div.item .note b, .note b { font-weight: normal; }

p.note { margin: 2px 0; }
div.item.blog h3 { text-transform: none; margin-left: 0; }

.abuse { color: #B0B0B0; font-weight: normal; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.abuse:hover { color: #09F; opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

div.item .message a { font-weight: normal; }




div.quicklink { height: 20px; padding: 3px; border-radius: 3px; max-width: 180px; font-size: 11px; font-family: 'Lucida Grande',Tahoma,Arial,sans-serif; }
div.quicklink a { color: #FFF; }
div.quicklink a.graybg:hover { color: #FFF; text-decoration: none; }

div.request { padding: 18px 10px 2px 10px; }
div.request > div { position: absolute; top: 0px; right: 0; left: 0; padding: 2px 2px 2px 4px; text-align: left; font-size: 10px; color: #909090; background: #E0E0E0; }

.copy { text-align: right; color: #909090; border-top: solid 1px #D7D7D7; margin-top: 8px; margin-bottom: 5px; padding-top: 4px; }
.copy a, #footer .copy a { border: none; }


/* Left Menu elements */
.l-menu { position: relative; width: 200px; font-size: 13px; vertical-align: top; }
.l-menu a { }
.l-menu h3 { text-transform: none; font-weight: normal; }
.l-menu a.request-box, .l-menu .alert a, .l-menu a.primary-btn, .l-menu a.primary-btn { color: #FFF; }
.l-menu .title, .l-menu .title > a { color: #222; }
.l-menu .title > a:hover, .l-menu .title, .l-menu a:hover, .l-menu h3:hover a { text-decoration: none; }
.l-menu .title .note, .l-menu .note, .note { font-size: 11px; vertical-align: middle; padding-left: 2px; padding-bottom: 4px; color: #808080; background: none; line-height: 16px; font-weight: normal; font-style: normal; display: inline-block; }

.icn-16.reports span { background-image: url('/inc/img/icn/24/reports-icn.png'); background-position: 2px 0; }

.note span.tick { vertical-align: middle; display: block; float: left; width: 16px; height: 16px; margin-right: 2px; background: transparent url('../img/icn/sprites/vx_sprites.png?23') no-repeat -140px -80px; }
.l-menu .title > a > span { padding: 0px; }

.menuitem.postanissue { height: 20px; font-size: 15px; border-color: #FFF; width: 100%; border: none; background: #C0C0C0; }
.menuitem.postanissue a { font-size: 15px; color: #222; }
.menuitem.postanissue:hover { background: #B0B0B0; }
.l-menu .postanissue .title, .l-menu .postanissue:hover b.title { color: #FFF; font-weight: normal; }
.createissue { width: 152px; height: 30px; display: block; float: right; background: url('/inc/img/btn/postanissue_sprites.png?2') no-repeat 0px 0px; }

.menuitem { padding: 1% 0 1% 1%; position: relative; line-height: 18px; border-bottom-color: #DADADA; }
.menuitem:hover { }
.menuitem-selected { background: #FFF; border-bottom-color: #D0D0D0; }
.menuitem-selected:hover { background: #FFF; }
.menuitem-selected:hover b { color: #000; }

.menuitem.title { margin-top: 0; }
.menuitem.title .title > a { color: #333; font-size: 14px; font-weight: normal; word-wrap: break-word; }
.menuitem.subtitle { display: inline-block; margin-top: 0; font-size: 12px; padding-right: 10px; padding-left: 10px; }

.l-menu div.pad2 { width: 230px; }


.article.pnl { padding: 0.4%; }





#profile-details { background: #FFF; border: 1px solid #D7D7D7; margin-left: 5px; padding: 4px; min-height: 120px; z-index: 10; }
#expandcontent { height: 89px; overflow: hidden; }
#showbutton { position: absolute; bottom: 0; right: 0; margin-top: 5px; }

h3 a.showhide, h2 a.showhide { color: #43575a; text-decoration: none; }

.vertical-btn { cursor: pointer; position: absolute; left: -5px; top: 50px; width: 8px; height: 50px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; background: #FFF url('../img/icn/sprites/vertical-btn.png') no-repeat; }
.vertical-btn:hover { opacity: 1.0; filter: alpha(opacity = '100'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.vertical-btn-open { background-position: -9px 0px; }
.vertical-btn-closed { background-position: 0px 0px; }


.list { position: relative; }


.list > div.date { margin-top: 25px; }
.list.nodate > div.date { display: none; }
.top-full { position: relative; }
.top-full h1 { padding-top: 5px; padding-bottom: 0px; font-size: 19px; margin-left: 3px; }

a.nohover { color: #666666; cursor: default; }

.l-menu .box-list { margin-top: 10px; padding: 0; }
.box-list { font-size: 17px; list-style: none outside none; margin: 0; }
.box-list li { background: none repeat scroll 0 0 #0C8697; color: #FFFFFF; margin-bottom: 4px; padding: 9px; }
.box-list li a { color: #FFFFFF; display: block; }
.box-list li.orange { background: none repeat scroll 0 0 #F47822; }

#profile-community { vertical-align: middle; text-align: center; }
#profile-community img { width: 100%; }



/*
.subimage { position: absolute; bottom: 25px; right: 2px; max-width: 70%; }
.subimage img { border: solid 1px #000; width: 100%; }*/
/*.subimage .pin { position: absolute; left: 45%; top: -4px; background: transparent url('../img/icn/24/pinned.png') no-repeat center center; width: 20px; height: 20px; }*/

.l-menu .inner > .box { position: relative; border: none; border-top: none; border-bottom: none; background-repeat: no-repeat; background-position: center center; padding: 0px; display: inline-block; height: 43px; width: 19.5%; margin: 0 0.5% 0px 0; background-color: rgba(0,0,0,0.015); border-radius: 0; border: none; opacity: 0.7; filter: alpha(opacity = '70'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; background-size: 100%; }



.l-menu .inner > div.box a, div.box a { top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.l-menu .inner > div.box:hover, div.box:hover { background-position: center center; opacity: 1.0; filter: alpha(opacity = '100'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.l-menu .pnl.content { border: 1px solid #E6E6E6; background: #FFF; margin: 0 2px 5px 2px; padding: 7px 7px 1px 7px; }
.l-menu .pnl.content.editmode { padding: 7px 0px 1px 0px; }
.l-menu .pnl.content > div { padding: 0px; border-radius: 0px; }
.l-menu .pnl { margin: 0 1px 0 0; padding: 0px; }

.l-menu .inner > div.selected { border: solid 1px #008595; }
.l-menu .inner > div.selected a { color: #008595; }

.l-menu a { color: #444; }
.l-menu .inner > a, .l-menu .inner .buttonlist > a { font-size: 1.15em; border: solid 1px transparent; display: block; padding: 4px 1px 3px 0px; }
.l-menu .inner a:hover { text-decoration: none; color: #008595; }
.l-menu .inner > a:hover, .l-menu .inner .icn-16:hover, .l-menu .inner .buttonlist > a:hover { color: #FFF; }
.l-menu .inner .icn-16 { height: auto; position: relative; margin-left: 0px; margin-right: 2px; padding-left: 24px; }
.l-menu .inner .icn-16 span { position: absolute; left: 0; }

.l-menu .inner > a.nohover { color: #666666; }
.l-menu .inner > a.red { background-image: none; color: #FFF; }
.l-menu .inner > a.red.highlight { border: solid 1px #F88; color: #FFF; background-color: #F88; background-image: none; padding-left: 8px; }
.l-menu .inner > a.red.highlight span { display: none }
.l-menu .inner > a.red:hover { color: #FFF; border: solid 1px #F00; background: #E00; }
.l-menu a.ok { color: #555; background: #BFB; border: solid 1px #BBFFBB; }
.l-menu .inner a.ok:hover { background: #9F9; color: #555; }
.l-menu a.coloured { color: #666; margin-bottom: 1px; background: #EEE; }

.icnfa { margin-right: 8px; opacity: 0.7; transition: all ease-in-out 0.2s; }
.icnfa:hover { opacity: 1; }
.icnfa .fa, .icnfa .fal, .icnfa .far, .icnfa .fas { margin-right: 3px; }

.orange, div.item.orange { background-color: #F5761F !important; }
.orange a, .green a { color: #FFF; display: block; }

.l-menu div.inner > a.green:hover { background: #BBFFBB; }

.l-menu > div { padding-left: 1px; }
.l-menu > div.copyright { margin-top: 30px; text-align: center; }
.l-menu > div.avatar { background-size: cover; }
.l-menu > div.avatar img { max-width: 100%; line-height: 0; visibility: hidden; }
.l-menu div.inner span.note { margin-left: 4px; display: inline-block; }
.l-menu .float { width: 215px; }
.l-menu .float > div { float: left; margin: 1px; width: 105px; height: 105px; }
.l-menu .float > div > a { display: block; width: 105px; height: 105px; }
.l-menu .ftr, .l-menu .inner > div.ftr { padding: 5px 3px 0px 2px; margin-bottom: 4px; min-height: 16px; }
.l-menu .ftr a { margin-left: 1px; display: inline; }

.fa.fa-check.tick { color: #CCC; }
.fa.fa-check.tick.selected { color: #090; }

.closethis { position: relative; }
.closethis a.close { position: absolute; top: 3px; right: 7px; color: #C0C0C0; }

.thumb.news { border: solid 1px red; }
.thumb.news a > span { display: block; text-align: center; }
.thumb.news .day { font-size: 29px; padding-top: 10px; padding-bottom: 8px; font-weight: bold; }
.thumb.news .month { float: left; }
.thumb.news .year { position: absolute; bottom: 0; left: 0; right: 0; background: red; color: #FFF; padding: 3px 5px; text-align: right; }

.list > tr > td, .list > tbody > tr > td { padding: 4px 1px; }

.list td { border-bottom: solid 1px #EEE; }
tr.rw td, tr.alt td { line-height: 16px; word-wrap: break-word; border-bottom: solid 1px #EEE; }
tr.alt.deleted td, tr.deleted { background: #FFCCCC; }
tr.green td { background-color: #BFB; }
tr.green td a { color: #090; }

tr.child td:first-child { padding-left: 30px; }
tr.child td:first-child b { font-weight: 400; font-style: italic; }

.backlink { border-radius: 50%; border: solid 1px #CCC; width: 24px; height: 21px; padding-top: 3px; display: inline-block; vertical-align: middle; text-align: center; }
.backlink:hover { background: #09F; color: #FFF; }

.showhide { /*cursor: pointer;*/ }
.showhide .controls { float: right; padding-top: 2px; }
.showhide .controls a { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.showhide .controls a:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

div.attach-expand #attacher { width: 100%; }

#articlemenu { height: 30px; font-size: 15px; font-family: Tahoma,Geneva; font-weight: normal; background: #008D9D; }

.thinkscreen #articlemenu { border-radius: 4px 4px 0px 4px; }

#articlemenu .item { padding: 2px 7px 2px 7px; text-align: center; line-height: 26px; }
#articlemenu .item.first { padding-left: 0px; }
#articlemenu a { color: #FFF; }
#articlemenu table tr td { padding: 0px; }
#articlemenu table tr td:hover { }



.notsignedin table.search { width: 100%; margin: 0px auto 0px auto; }
.signedin table.search, .withsidemenu.notsignedin table.search { width: 100%; /* max-width: 755px; */ }




div.attach-expand i { font-size: 0.9em; color: #A0A0A0; }

.embedframe { border: none; width: 100%; min-height: 265px; }

.charts > div { }
.charts .pnl { position: relative; float: left; width: 97%; min-height: 200px; }
.charts .pnl > div { padding: 0; }
.charts > div > h1 { margin-left: 5px; }
.chart-container { margin: 1px; z-index: 2; }
.chart-container .list-options { float: right; margin: 5px 5px 0px 0px; z-index: 100; position: relative; }
.chart-container .chart { margin: auto; min-height: 25px; background: transparent url("/inc/img/loader-16.gif") no-repeat scroll center center; }
.chart-container .chart.loaded { background-image: none; }
#divDialog .chart-container .chart { margin: 0 auto 0 auto; }
#divDialog .chart-container { display: inline-block; }
.chart-title { color: #444444; font-size: 15px; line-height: 15px; padding-top: 25px; padding-bottom: 15px; letter-spacing: 0; text-align: center; text-transform: capitalize; }
.highcharts-container { z-index: 2 !important; max-width: 100% !important; }
.chart-container { max-width: 100% !important; }

.report-main .chart-container { min-width: 150px; }
.answerdata { }

h1.pass, h2.pass { color: #090; }
h1.fail, h2.fail { color: #F00; }

.fontsmall { font-size: 0.8em; }

.report-main .chart-container .chart > div { margin: auto; }
.report-main .participants { margin-bottom: 40px; }

.lrg { width: 330px; height: 230px; }
.med { width: 157px; height: 107px; }
.sml { width: 100px; height: 65px; }



.navigation .icn { margin: 1px; line-height: 16px; }
.icn { height: 18px; width: 18px; padding: 1px; display: inline-block; background: url('../img/icn/sprites/vx_sprites.png?23') no-repeat; }
.btn div { height: 24px; width: 24px; background: #FFF url('../img/icn/sprites/question_types.png?4') no-repeat; }


.icn-16 { line-height: 20px; min-height: 20px; height: 20px; min-width: 20px; position: static; background-repeat: no-repeat; text-decoration: none; }
.icn-16 > span { display: inline-block; /*display: block; float: left;*/ width: 20px; height: 20px; margin-right: 2px; padding-bottom: 0 !important; background-repeat: no-repeat; background-image: url('../img/icn/sprites/vx_sprites.png?23'); }
.icn-16 > span.f-rit { float: right; }
.icn-16.disabled { cursor: default; }
.icn-16.disabled > span, .icn-16.graybg > span { background-image: url('../img/icn/sprites/vx_sprites_grayscale.png?23'); }
.icn-16.graybg:hover > span { background-image: url('../img/icn/sprites/vx_sprites.png?23'); opacity: 1.0; }


.icn-16 > span .correct { }

.correct { color: #090; }
.incorrect { color: #F00; }

#newmessage .rstext textarea { padding: 12px 16px 14px; width: calc(100% - 34px); min-height: 130px }
#results_P_Friends { position: fixed; }

.answerset { font-size: 13px; line-height: 17px; }
.answerset.image { list-style: none; }
.answerset li { margin-bottom: 6px; }
.answerset li.incorrect { color: #666; font-size: 0.9em; }
.answerset .note { position: relative; padding-right: 18px; display: inline-block; }
.answerset .icn { position: absolute; background: none; top: -4px; right: 0; }
.answerset .icn > span { position: absolute; display: inline-block; width: 20px; height: 20px; margin-right: 2px; padding-bottom: 0 !important; background-repeat: no-repeat; background-image: url('../img/icn/sprites/vx_sprites.png?23'); }

.bg100 > span { background-size: 100%; }

.list a.icn-16:hover, a.icn-16:hover { text-decoration: none; }
.icn-btn { border: solid 1px transparent; opacity: 0.6; filter: alpha(opacity = '60'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.icn-btn:hover { opacity: 1.0; filter: alpha(opacity='100'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.icn-btn.graybg { opacity: 1.0; filter: alpha(opacity='100'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.group > span { background-position: -40px -2px; }
.friend-16 > span { background-position: -20px -1px; }

.message > span { background-position: -60px -22px; }
.newmessage > span { background-position: -220px -22px; }
.mail > span { background-position: -40px -22px; }
.article > span { background-position: -60px -22px; }
.trend-16 > span { background-position: -60px -42px; }
.report-16 > span { background-position: -80px -20px; }
.learningprofile > span { background-position: -240px -160px; margin-right: 4px; }
.user > span { background-position: 0px 0px; }
.excel > span { background-position: 0px -60px; }
.pdf > span { background-position: -80px -60px; }
.xml > span { background-position: -160px -60px; }
.dashboard > span { background-position: 0px -80px; }
.locked > span { background-position: 0px -140px; }
.home > span { background-position: -120px 0px; }
.logout > span { background-position: -140px 0px; }
.refresh > span { background-position: -160px -120px; }
.checklist > span { background-position: -140px -120px; }
.female > span { background-position: -40px -82px; }
.male > span { background-position: -60px -82px; }
.everyone > span { background-position: -80px -42px; }
.demographics > span { background-position: -80px -42px; }
.chart-16 > span { background-position: -140px -22px; }
.share-16 > span { background-position: -120px -120px; }

.delete > span { background: none !important; }
.delete > span::before { content: "\f00d"; }
.decline > span { background-position: -100px -80px; }
.cancel > span { background-position: -100px -80px; }

.accept > span { background-position: -140px -80px; }

.img-white > span { background-position: -59px -122px; }
.edit > span { background-position: -20px -40px; }
.copy-16 > span { background-position: -222px 0px; }
.trash > span { background-position: -120px -100px; }
.save > span { background-position: -240px 0px; }
.saveall > span { background-position: -240px -40px; }
.savechanges > span { background-position: -240px -20px; }
.add > span, .addboard > span { background-position: -180px -80px; }
.add-10 > span { background-position: -160px -82px; width: 14px; height: 14px; }
.hide-16 > span { background-position: -80px -80px; }

/*.theme-16 > span { background-position: -100px -100px; }*/
.settings > span { background-position: -220px -81px; }
.contents > span { background-position: -220px -100px; }
.print > span { background-position: -220px -120px; }
.checkbox > span { background-position: -220px -140px; }
.tick > span { background-position: -140px -80px; }
.joingroup > span { background-position: -80px -120px; }
.cross > span { background-position: -120px -80px; }
.look > span { background-position: -20px -80px; }
.sort > span { background-position: -100px -160px; }


.key > span { background-position: -20px -140px; }
.back > span { background-position: -160px -100px; }
.forward > span { background-position: -120px -40px; }
.left > span { background-position: -100px -40px; }
.respond > span { background-position: -180px -100px; }
.import > span { background-position: -180px -100px; }
.issues > span { background-position: -140px -120px; }
.help > span { background-position: -100px -140px; }
.info > span { background-position: -100px -140px; }
.thin > span { background-position: -120px -140px; }
.list > span { background-position: -140px -140px; }
.grid > span { background-position: -160px -140px; }

.lock > span { background-position: -120px -160px; }
.module > span { background-position: -140px -160px; }

.up-16 > span { background-position: -220px -40px; }
.down-16 > span { background-position: -220px -60px; }



.latest > span { background-position: -20px -180px; }
.popular > span { background-position: -40px -180px; }
.random > span { background-position: -60px -180px; }

.all > span { background-position: -100px -180px; }
.issue > span { background-position: -120px -180px; }
.pie > span { background-position: -78px -18px; }
.bar > span { background-position: -178px -18px; }
.full > span { background-position: -240px -180px; }
.tight > span { background-position: -220px -180px; }
.announcement > span { background-position: -160px -160px; }
.addpage > span { background-position: -180px -180px; }
.addframe > span { background-position: -160px -180px; }

.upclose > span { background-position: -160px -200px; }
.livealerts > span { background-position: -80px -200px; }
.advice > span { background-position: -100px -200px; }
.usertags > span { background-position: -120px -200px; }
.question > span { background-position: -140px -200px; }

.xp-icon > span { background-position: -180px -202px; }
.expand > span { background-position: -20px -220px; }
.retract > span { background-position: -40px -220px; }

.off > span { background-position: -240px -120px; }
.on > span { background-position: -240px -140px; }
.off > span, .on > span { width: 16px; height: 16px; }

.books > span { background-position: -180px -220px; }

.star > span { background-image: url('/inc/img/icn/16/Favorites.png'); }
.nostar > span { background-image: url('/inc/img/icn/16/Fav-grey.png'); }

.rblist { margin-left: 0; padding-left: 0; }
.rblist li { display: inline-block; }


/* Friend Selector */

.detail .pnl { position: relative; }
.detail .caseimage { display: none; background-size: cover; }
.detail .caseimage img { visibility: hidden; }
.detail .inner .desc img { max-width: 100%; }
.detail .inner figure { margin: 0; padding: 0 }

.fileslist { margin: 10px 0 15px; padding: 10px 0 15px; border-top: solid 1px #EEE; border-bottom: solid 1px #EEE; display: table; }
.fileslist > div { vertical-align: middle; display: table-row; }
.fileslist > div img { max-height: 26px; margin: 2px 3px 2px 2px; padding: 0; }
.fileslist > div a { vertical-align: middle; text-decoration: none; }
.fileslist > div > div { vertical-align: middle !important; padding: 2px; display: table-cell; }
.fileslist > div > div:first-child { width: 26px; }
/* Theme Selector */

/* Icon Styles TODO: Should remove the 16 from icons in the 16 size folder silly business. */
.icnbtn { min-height: 16px; padding: 2px 2px 2px 18px; background-repeat: no-repeat; /*background-color: #FFF;display: inline-block;*/ }

.icnbtn.filelink { margin: 2px 2px 2px 5px; background: #EEE; padding: 3px 8px; border-radius: 10px; line-height: 23px; font-weight: normal; font-size: 11px; }
.icnbtn.filelink:hover { background: #CCC; }

.quick-filters { }
.quick-filters label { vertical-align: top; }

.filters { border-bottom: 1px solid #FFF; margin-top: 2px; padding-top: 2px; }
.filters label { font-size: 9px; font-family: Arial; color: #909090; }



.lp-options { padding-top: 2px; }
.lp-options a { float: left; margin-right: 1px; padding: 0px 4px 2px 0px; opacity: 0.8;  }
.lp-options a:hover { opacity: 1.0;  }
.lp-options a > p { display: block; float: right; margin: 0px; padding: 2px 2px 0px 0px; }
.lp-options a > span { display: block; float: left; width: 24px; height: 22px; background-repeat: no-repeat; background-position: center center; }

.hideshow { opacity: 0.4;  }
.hideshow:hover { opacity: 1.0;  }

#main-body > .article.editmode { margin-left: 0px; }

.article { padding: 0px; }
.article.editmode { padding: 0px; }
.article img { padding: 5px 8px 8px 5px; max-width: 100% !important; }
.article table img { padding: 5px 0 8px 0; width: calc(100% - 10px); }

body.sidebar .article .c-sidebar img { max-width: 100% !important; }

.article h2 { margin-top: 10px; margin-left: 0px; width: 95%; }
.article p { padding: 0px; margin: 5px 0px 8px 0px; }
.article.editmode .edit.icn-16 { display: none; }

.demoalert { padding-left: 12px !important; }
.demoalert span { display: none !important; }

.split { border-left: 1px #ccc solid; padding-left: 5px; }
.quote { color: #111; margin: 0px; }
.quote:before { content: "“"; }
.quote:after { content: "”"; }

/* Messages */
div.topset { width: 90%; max-width: 930px; position: fixed; margin: 1px auto 0px auto; padding-right: 10px; z-index: 1500; }
div.topset span { position: absolute; right: 0; top: 0; display: block; width: 16px; margin: 2px; text-align: right; }
div.topset span img { margin: 2px; cursor: pointer; }


.hlpmsg ol { text-align: left; }
.hlpmsg a, .msg a { color: #4B95CA !important; text-transform: none !important; font-size: 1.0em !important; font-weight: normal !important; }
.wrnmsg, .goodPass { color: #555; background-color: #FEEFB3; border: solid 1px #FEEFB3; }

.errmsg span.icon { background: url('/inc/img/icn/16/Error.png') no-repeat; }
.sucmsg .icon { background-image: url('/inc/img/icn/16/tick.png'); }
.msg { }
.msg .icon { background-image: none; }
.hlpmsg .icon { background-image: url('/inc/img/icn/16/Information.png'); }
.wrnmsg .icon { background-image: url('/inc/img/icn/16/Warning.png'); }
.wrnmsg a { color: #D28202; }
.msg-item p { margin: 0; }

.testresult { font-weight: bold; font-family: arial,san-serif; color: #666; margin-left: 10px; min-width: 100px; padding: 2px 5px 0px 0px; display: inline-block; }
.testresult span { padding: 0px 2px 2px 2px; margin: 0px 2px 0px 3px; display: block; float: left; white-space: nowrap; width: 18px; height: 16px; }

.shortPass span, .badPass span, .goodPass span, .strongPass span { background-image: url("/inc/img/icn/sprites/vx_sprites.png?23"); }
.shortPass span, .badPass span { background-position: -120px -82px; }
.goodPass span { background-position: -20px -202px; }
.strongPass span { background-position: 0 -202px; }

.search-filter { padding: 5px 8px; margin: 7px 0 4px; background-color: #E9F4FF; border: solid 1px #E9F4FF; }
.warning { padding: 5px 8px; margin: 7px 0 4px; background: #FEEFB3; border: solid 1px #FEEFB3; }

/* Auto Complete Styling (JQuery) - are these even used? */
div.autocomplete { width: 280px; }
div.autocomplete input.autocomplete { width: 280px; }
div.autocomplete input.autocomplete-btn { cursor: pointer; position: absolute; width: 16px; height: 16px; right: -4px; top: 0px; padding: 0px; background: transparent; border: none; }
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear  when scroll mode will be used*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll  will be broken in firefox*/ line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('/inc/img/loader-16.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

.controloptions { padding: 10px; background: #EEE; }
.controloptions .btn, .questiontypeoptions .btn { padding: 4px 7px !important; background: #FFF; }
.controloptions .btn:hover, .questiontypeoptions .btn:hover { background: #FFF; border-color: #09F; }
.controloptions .btn div, .questiontypeoptions .btn div { background-color: rgba(0,0,0,0); }

.questiontypeoption { background: #EEE; padding: 10px; text-align: center; margin-top: 12px; margin-bottom: 12px; }
.questiontypeoption h3 { margin: 0; }
.questiontypeoptions { margin-top: 12px; }

textarea.txt.pw90 { width: 90%; }
textarea.txt.pw95 { width: 95%; }

.sortablequestion { margin-top: 10px; padding: 10px; transition: all ease-in-out 0.3s; list-style: none; }
.sortablequestion.text .answer > div { border: solid 1px #EEE; width: calc(100% - 26px); padding: 10px 12px; }
.sortablequestion.image .answer > div { padding: 5px 10px; }
.sortablequestion.enabled .answer { margin-bottom: 6px; cursor: move; }
.sortablequestion .answer > div { display: inline-block; border: solid 1px #EEE; background: #FFF; }

@media only screen and (min-width: 1024px) {
  .sortablequestion.enabled:hover { background: #EFEFEF; }
}

.imageset { }
.imageset .answer a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.imageset .answer a.selected { background: url('/inc/img/icn/done.png') no-repeat center center; }
.imageset .answer { display: inline-block; width: 25%; max-height: 250px; text-align: center; vertical-align: middle; transition: all ease-in-out 0.3s; border: solid 3px #FFF; position: relative; }
.imageset .answer > div { padding: 5px 10px; cursor: pointer; }
.imageset .answer:hover { border-color: #090; }
.imageset img { max-width: 250px; }

.ajax__calendar, .ajax__calendar .ajax__calendar_container { z-index: 10; }
.txt-label { font-family: Arial; font-weight: bold; }


.btn, button.btn, input[type=submit].btn { border: solid 1px #AAA; border-color: #C4D1DB #AAA #AAA #C4D1DB; color: #404040; background: #FFF; cursor: pointer; margin: 1px; padding: 2px 12px 3px 12px; font-size: 13px; transition: all ease-in-out 0.2s; }
.btn:hover, button.btn:hover, input[type=submit].btn:hover { background-color: #999; color: #FFF; }
.btn img { height: 14px; }

a.btn { display: inline-block; line-height: 19px; }
a.btn:hover { color: #FFF; text-decoration: none; }
a.btn img { vertical-align: middle; margin-bottom: 1px; margin-right: 2px; }
a.sml-btn { padding: 0px 2px 0px 2px; border: solid 1px #C0C0C0; color: #606060; font-size: 0.8em; border-color: #C4D1DB #AAAAAA #AAAAAA #C4D1DB; margin: 1px; font-weight: bold; background: #FFF url('../img/bg/btn-bg.png') repeat-x bottom; }
.list a.sml-btn { color: #606060; }
.list a.sml-btn:hover { text-decoration: none; }
.list .type { float: right; color: #AAA; font-size: 0.9em; margin-right: 8px; margin-top: 4px; }
.biglist .type { display: none; }
.unread .markasread, .privatemessages .unread .post-options { display: block; }
.markasread, .privatemessages .post-options { display: none; }

.container-search { position: relative; border: solid 1px #E0E0E0; border-radius: 3px; background: #EFEFEF; max-width: 100%; height: 38px; min-width: 200px; }
.container-search input.txt { position: absolute; top: 0; right: 25px; bottom: 0; left: 8px; height: 24px; font-size: 15px; border-color: rgba(0,0,0,0); border-right: none; padding: 5px; width: calc(100% - 43px); transition: all ease-in-out 0.2s; }
.container-search .search { width: 20px; height: 18px; cursor: pointer; display: block; position: absolute; right: 4px; top: 9px; color: #FFF; border: none; padding: 0 !important; background-image: url("/inc/img/icn/16/search-btn.png") !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center 0px; border: none !important; transition: none !important; }
.container-search .search:hover { background-position: center -16px; }
.container-search .search:focus { background-position: center -32px; }
.container-search .search.load, .container-search .search.load:hover, .container-search .search.load:focus { background: transparent url('/skinimg/ajax-loader.gif') no-repeat !important; background-size: 16px !important; }
.container-search .clear-btn { display: none; top: 2px; right: 27px; }
.container-search a.clear-btn { padding-top: 0px; }
.clear-btn { height: 21px; width: 20px; background: rgba(0,0,0,0); font-family: arial,sans-serif; border: none; cursor: pointer; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 13px; color: #A1B9ED; padding-right: 1px; padding-bottom: 2px; position: absolute; display: inline-block; }
.clear-btn:hover { color: #366EAA; text-decoration: none; }
.clear-btn:focus { color: #C11; }

.notsignedin #hdr .container-search { margin-top: 1px; }

#main-body .container-search { height: 35px; }
#main-body .container-search .search, #main-body .container-search .clear-btn { top: 8px }



.typeicon, .cat { background-image: url('../img/icn/sprites/vx_sprites.png?23'); background-repeat: no-repeat; }
.typeicon.c, .cat.c, .c > span, .case > span { background-position: -140px -100px; }
.typeicon.b, .cat.b, .b > span, .board > span { background-position: -20px -160px; }
.typeicon.s, .cat.s, .s > span { background-position: -220px -140px; }
.typeicon.v, .cat.v, .v > span { background-position: -220px -160px; }
.typeicon.f, .cat.f, .conference > span { background-position: -60px 0px; }

.lat-chart { height: 60px; margin: 2% 0 2% 0; position: relative; }
.lat-chart > div { height: 88%; display: inline-block; padding-top: 10px; cursor: pointer; }
.lat-chart > div:hover { opacity: 0.8; }
.lat-chart > div > div { min-width: 20px; margin: auto; color: #FFF; font-size: 1.3em; text-align: center; }
.lat-chart > div > div > div { font-size: 0.8em; }

.org .reasonicon { background: url("/inc/img/icn/cat/caseassigned.png") center center no-repeat; }
.friend .reasonicon { background: url("/inc/img/icn/cat/invite.png?2") center center no-repeat; }
.group .reasonicon { background: url("/inc/img/icn/cat/invite.png?1") center center no-repeat; }
.new { background-color: #FFF; }
.mosaic > .new .reasonicon, .item div.new { top: 2px; right: 2px; width: 32px; height: 32px; background: url(../img/icn/32/new.png) no-repeat; position: absolute; }
.mosaic > .org .reasonicon { top: 0px; right: 0px; width: 32px; height: 32px; background-image: url(../img/icn/32/assigned.png); }

.item div.draft, .item div.closed,
.mosaic > .popular .reasonicon, .item div.popular, .item div.deleted,
.mosaic > .event .reasonicon, .item div.event,
.mosaic > .election .reasonicon, .item div.election,
.mosaic > .courseissue .reasonicon, .item div.courseissue { background: url("../img/bg/angle_sprites.png?73") no-repeat; position: absolute; top: -3px; right: -3px; width: 48px; height: 46px; }
.mosaic > .popular .reasonicon, .item div.popular { background-position: 0px -46px; }
.mosaic .reasonicon { z-index: 1; right: -1px; }
.item div.draft { }
.item div.closed { background-position: 0px -92px; }
.mosaic > .event .reasonicon, .item div.event { background-position: 0px -184px; }
.mosaic > .election .reasonicon, .item div.election { background-position: 0px -277px; }
.mosaic > .courseissue .reasonicon, .item div.courseissue { background-position: 0px -322px; }
.item div.deleted { background-position: 0px -230px; }

.mosaic > .event .reasonicon, .item div.event, .item div.draft { display: none; }

.theme { }
.block { height: 16px; }

/* Generic List Styles */
/*.list > div { padding-top: 3px; padding-bottom: 4px; }*/
.list > div.box { margin-top: 1px; margin-bottom: 1px; padding: 0; }

.no-touch .list > div h3 a:hover { text-decoration: underline; }


.list .item h3 .sub { position: absolute; bottom: -8px; left: 45px; font-size: 9px; font-family: Tahoma,Geneva; letter-spacing: 0.5px; text-transform: uppercase; }

.biglist .item h3 .sub { left: 90px; color: #AAA; border-bottom: none; }
.list h4 { font-size: 14px; padding-bottom: 2px; }
.list > div .item h3 img { margin-left: 4px; vertical-align: text-bottom; }
.list > div.msg { padding: 8px 8px 8px 30px; }
.list .msg-item.hlpmsg { margin: 0 0 0 85px; padding: 0px 4px 4px 22px; border-color: transparent; }


.ludwig { position: relative; padding-left: 1em; border-left: 0.2em solid #4d91b3; font-size: 1.7em; line-height: 1.2em; font-weight: 100; }
.ludwig::before, .ludwig::after { content: '\201C'; font-family: 'Times New Roman'; color: #4d91b3; }
.ludwig::after { content: '\201D'; }
.groucho { position: relative; font-size: 1.7em; line-height: 1.2em; }
.groucho::after { content: '\201D'; position: absolute; top: 0.28em; right: 0; font-size: 2em; font-style: italic; color: #e7e6e4; z-index: -1; font-family: 'Times New Roman'; }
.brooks { position: relative; font-size: 1.7em; line-height: 1.2em; font-style: italic; }
.brooks::before { content: '\201C'; position: absolute; top: 0.25em; left: -0.15em; color: #e7e6e4; font-size: 6em; font-family: 'Times New Roman'; z-index: -1; }

/* Posting */
.post { font-size: 11px; padding-top: 2px; margin-top: 0; margin-bottom: 5px; }
.post .message { font-size: 11px; margin-top: 2px; margin-bottom: 5px; word-wrap: break-word; }
.smalllist .post .message { margin-top: 2px; margin-bottom: 5px; }
.post a, .post b { font-weight: bold; color: #303030; }
.post a.nobold { font-weight: normal; text-decoration: underline; }

.body .note { padding-left: 0px; }
.body > .post-options { border-bottom: solid 1px rgba(0,0,0,0.05); }

.post-options { padding: 6px 0 6px 1%; background-color: #f2f3f5; display: block; position: relative; }
.post-options a { margin-right: 8px; color: #222; font-weight: normal; text-decoration: none !important; cursor: pointer; font-weight: 500; }
.post-options a .fa { opacity: 0.7 }
.post-options a.abuse { position: absolute; right: 5px; font-size: 11px; }
.item .post-options { clear: right; }
div.table > div > div .item .post-options { clear: both; }
.notsignedin .post-options { display: none; }
.inn .post-options a { margin-right: 3px; }
.inn { text-align: left; }

span.post-options .like { padding: 1px 8px; font-size: 13px; border-radius: 4px; border: solid 1px rgba(0,0,0,0); transition: all ease-in-out 0.2s; }
span.post-options .like:hover { color: #606060; border: solid 1px #606060; }

.post-options-answer { margin-left: 10px; position: relative; margin-top: 15px; margin-bottom: 25px; }
.post-options-answer label { }
.post-options-answer .answer-r { background: rgba(0,0,0,0); color: #606060; border: solid 1px #606060; margin-right: 4px; padding: 1px 6px; border-radius: 12px; font-size: 12px; }
.post-options-answer .answer-r:hover, .post-options-answer .answer-r.selected { background: #090; border-color: #090; color: #FFF; text-decoration: none; }
.post-options-answer .answerbtn { position: absolute; top: 0; right: 15px; }

.item .answerbtn { background: rgba(0,0,0,0); color: #090; border: solid 1px #090; text-decoration: none; padding: 3px 10px; border-radius: 5px; }
.item .answerbtn:hover { background: #090; color: #FFF; text-decoration: none; }

.item .answerbtn.answered, .item .answerbtn.answered:hover { background: #090; color: #FFF; text-decoration: none; }
.item .answerbtn.answered .fa-times { color: #FFF; }
.child.isanswer { background-color: #CFC !important }
.answer-ritem.rated { display: none; }
.rated .answer-ritem { display: none; }
.rated .answer-ritem.rated { display: inline; padding: 3px 10px 3px 0; font-weight: normal; font-style: italic; color: rgba(0,0,0,0.5); }

.answer-ritem .fa-times { visibility: hidden; transition: all ease-in-out 0.2s; }
.answer-ritem:hover .fa-times { visibility: visible; }
.answer-communityrating { color: #333; font-size: 12px; font-weight: bold; margin-bottom: 5px; }
.rated .answer-communityrating { margin-bottom: 1px; }



.pop .body h4 { font-size: 1.2em; font-weight: bold; padding: 2px; color: #444; margin-bottom: 6px; }
.pop .body .row { width: 49%; margin-left: 1%; float: left; }
.pop .body .row img.tiny { float: left; width: 24px; margin-right: 4px; }
.pop .body .row a { float: left; display: block; padding-top: 5px; }

div .inn .abuse, div .inn .reported { font-size: 11px; padding-left: 4px; float: right; margin-right: 8px; margin-top: 8px; }

.children.likes { background-color: rgba(240,240,240,0.7); }
.children.likes, .detail .inn .likes { font-size: 11px; }
.children.likes > span.icon { float: left; display: block; width: 18px; height: 16px; padding-top: 2px; font-family: "Font Awesome 6 Pro"; text-align: center; }
.children.likes > span.icon:before { content: "\f00c"; }

.body.children .morecomments { position: relative; padding-left: 2px; }
.body.children .morecomments a { color: #777; display: block; }
.body.children .morecomments a span { width: 20px; height: 20px; display: block; float: left; background-image: url('/inc/img/icn/sprites/vx_sprites.png'); background-repeat: no-repeat; background-position: -20px -220px; }

.pop { padding: 20px 10px; width: 350px; max-width: 100%; position: absolute; z-index: 1000; }
.pop .loader { background: #FFF url('/skinimg/loader-32.gif') no-repeat center center; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; margin-left: 0px; width: 100%; }
.pop .inner { background: #FFF; vertical-align: top; font-weight: normal; color: #666; font-size: 11px; border: solid 1px #EEE; min-height: 50px; position: relative; z-index: 1000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); min-height: 70px; padding: 12px 10px; }

.pop .inner > img { float: left; height: 40px; margin: 2px 5px 1px 2px; border-radius: 50%; }
.pop .body { min-height: 50px; padding: 2px 2px 2px 50px; }
.pop .msg-container { padding: 2px; }
.pop .msg-container textarea { width: calc(100% - 22px); }
.pop > p { margin: 0px 0px 0px 4px; }
.pop .ctrl { height: auto; padding: 1px; border: none; border-top: solid 1px #EEE; padding: 7px 0 2px 0; bottom: 0; right: 0; left: 0; text-align: right; }
.pop .ctrl a.icn-16 { display: inline-block; float: none; }
.pop .ctrl a { cursor: pointer; }
.pop .inner .loader-overlay > .mid { text-align: center; }
.pop div.site { right: 2px; text-align: right; padding: 8px; }
.pop div.site img { border: none; max-width: 40px; }
.pop.media { width: auto; }
.pop.media .inner { padding: 10px 10px 28px 10px; }
.pop.media .inner iframe { max-width: 100%; }
.pop.media { width: auto; max-width: 100%; min-width: 240px; }
.pop.media .vid { }
.pop.media .bottom { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 25px; background: #FFF; }
.pop.media .bottom a.close { position: absolute; right: 15px; display: block; width: 65px; height: 20px; background: url('../js/common/lightbox/lightbox-btn-close.gif') no-repeat; }
.pop .inner a { font-size: 14px; }
.pop .inner a.primary-btn { padding: 4px 8px !important; }
.pop .inner.gray { }
.pop .inner.gray h3 a { font-size: 14px; }
.pop .inner .thumb { height: 50px; width: 50px; }
.pop .inner .demo { color: #A0A0A0; }
.pop h3 { margin-bottom: 0; padding-bottom: 0; }
.pop .options, .pop .optionset { position: relative; right: 0; left: 0; text-align: center; background: rgba(0,0,0,0); bottom: 0; }
.pop .options a, .pop .optionset a { font-size: 19px; }
.pop div.reqst { background: rgba(0,0,0,0); margin-bottom: 0; padding-bottom: 0; }

.pop .request-box { text-align: right; float: none; }

.noborder { border: none; }
div.site img { }
div.site { width: 90px; max-height: 50px; overflow: hidden; font-family: Arial; position: absolute; right: 22px; top: 2px; }

.attachments { padding-bottom: 10px; text-align: left; }
.attachments a { display: inline-block; color: #666; font-size: 11px; line-height: 11px; font-family: 'Lucida Grande',Tahoma,Geneva,Verdana,Arial,sans-serif; vertical-align: middle; background-size: 16px 16px; }
.attachments > div { display: inline-block; width: 220px; }

.detail .attachments a, .forum .attachments a { margin: 2px; }

.user { }
.reputation { }
.ln { }
.ln i { display: block; margin-right: 3px; width: 18px; height: 18px; float: left; background-size: 100%; background-repeat: no-repeat; background-position: left center; border-radius: 50%; }

.date { font-size: 10px; text-align: right; color: #BBB; text-transform: uppercase; }
.date-circle { border-radius: 50px; text-align: center; text-transform: uppercase; float: right; margin: 0 0 15px 15px; line-height: 11px; font-size: 11px; background: #FFF; color: #808285; border: solid 2px #808285; padding: 8px 14px 12px 14px; }
.date-circle > div:last-child { font-size: 0.9em; }

/* SHOULD POSSIBLY BE a Grey Button switch */
.item .hide-16, .child .hide-16 { position: absolute; right: 0px; top: 4px; display: none; }
.item .spacer { float: right; display: block; width: 5px; height: 5px; visibility: hidden; }
.item > div > .body:hover > a.hide-16, .item:hover > div > a.hide-16, .body.children > div:hover a.hide-16 { display: block; }

.p-options { position: absolute; right: 0; top: 0; padding-right: 8px; padding-top: 4px; display: none; text-align: right; width: 40px; }

.cmt:hover .p-options,
.body.parent:hover .p-options, .body > .child:hover .p-options, article.post:hover > .p-options { display: block; opacity: 1; }

.p-options .fas { opacity: 0.2; transition: all ease-in-out 0.2s; }
.p-options .fas:hover { opacity: 1.0; }
.p-options .hide-16 { display: inline-block !important; margin-left: 4px; position: relative; right: 0; top: 0; font-size: 1.2em }

.pmenu { position: absolute; top: 25px; right: 2px; background: #FFF; width: 60px; border: solid 1px #EEE; box-shadow: rgba(0,0,0,0.2) 0px 2px 5px; z-index: +1; }
.pmenu > div { padding: 4px 10px; font-size: 11px; }
.pmenu > div:hover { background: #09F; color: #FFF; }
.pmenu > div a { cursor: pointer; text-decoration: none !important; display: block; font-weight: normal; }
.pmenu > div:hover a { color: #FFF; }

.container a.hide-16 { position: absolute; top: 1px; right: 0px; z-index: 10; }
a.hide-16 { opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
a.hide-16:hover { display: block; opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
/* Item in the right bottom corner */

.thumb { position: relative; float: left; margin-right: 5px; margin-bottom: 5px; background: transparent center top no-repeat; }
.thumb a { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.agreement b { color: #444; }

.grouped { background: #E8F0F9; color: #008595; }
.unread, .list > div.item.unread { color: #008595; background: #E7F0F8; border-bottom: 1px solid #D8F0F8; }
.list > div.item.unread { border-radius: 4px; }
.unread .markasread, .unread .options > a.markasread { display: block; }
.options > a.markasread, .markasread { display: none; }
.announcement, .list > div.item.announcement { }
.announcement .subject { font-size: 13px; }
div.item.break, .list div.item.break { border-top: solid 1px #008696; margin-top: -1px; }

/* Specific List Styles */
.list table.tr { float: right; border-collapse: collapse; margin-left: 3px; }

.flex { }
.flex.cols { gap: 25px; flex-wrap: wrap; }
.flex.col4 > div { width: calc((100% - 75px) / 4); }


.filter-list { margin-top: 15px; }
.filter-list .item { height: 25px; margin-bottom: 4px; }
.filter-list a { font-size: 14px; font-family: "Segoe UI"; transition: all ease-in-out 0.2s; }
.filter-list a:hover { font-weight: bold; }
.filter-list .thumb { width: 18px; height: 18px; background-size: cover; border-radius: 50%; }
.filter-list .allitems { font-weight: bold; }
.filter-list .allitems i { font-size: 1.5em; margin-right: 5px; }

/**/
.profileimage a:not(.roundbutton,.menuitem) { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; height: 100% !important; width: 100% !important; z-index: +1; }
.pimg img, .profileimage img { min-width: 100%; min-height: 100%; }
.profileimage.account { background-size: 100%; }
.profileimage > div:not(.options) { overflow: hidden; width: 100% !important; height: 100% !important; }
.pimg > div.focuspoint { background: #EEE; }


.profileimage .roundbutton { bottom: 0; right: 15px; }
.roundbutton { background: #FFF; border-radius: 50%; height: 20px; width: 20px; padding: 7px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.3); display: block; position: absolute; z-index: +9; color: #000 }
.profileimage, .pimg { position: relative; background-repeat: no-repeat; background-position: center 10%; background-size: cover; margin: 0 auto 8px auto; max-width: 100%; width: 200px; height: 200px; }
.profileimage .roundbutton { bottom: -15px; }


.filemenu { min-width: 120px; max-height: 1000%; min-height: 20px; right: 0; display: none; text-align: left; font-size: 11px; padding: 0 !important; bottom: 10px; /*margin-top: -10px;*/ }
.filemenu > div { height: 20px; border-bottom: solid 1px #E0E0E0; padding: 2px 5px 2px 4px; }
.filemenu > div:hover { background: #3297FD; border-bottom-color: #3297FD; }
.filemenu > div:hover a { color: #FFF; }
.filemenu span:last-child { padding-top: 3px; display: inline-block; }
.filemenu span.icn { float: left; }
.filemenu a { float: none !important; color: #666; cursor: pointer; display: block; }
.filemenu a:hover { }

select.listbox option { padding: 2px 5px 2px 5px; }
span.dropdown { display: none; }
span.disabled { background-position: right -42px; }
div.mce-edit-area { padding: 15px; }
select.dropdown { width: 200px; vertical-align: top; margin-top: 0; padding: 13px 10px; position: relative; border: 1px solid #e0e0e0; font-size: 15px; font-family: Segoe UI, Tahoma,Geneva, Verdana,Arial,sans-serif; border-radius: 5px 0 0 5px; }

select.dropdown option { padding: 2px 5px 2px 5px; background-color: #FFF; }
span.dropdown-obscure { background-position: 0 -63px; color: #A0A0A0; }

span.dropdown-lrg { width: 280px; }
span.dropdown-med { width: 106px; }
span.dropdown-sml { width: 52px; }
.dropdown:hover { border-color: #ecd672; }

select.dropdown option { padding: 2px 5px 2px 5px; background-color: #FFF; }
select.dropdown-sml { width: 89px; }
select.dropdown-med { width: 149px; }
select.dropdown-lrg { width: 310px; }

.filepreview { }
.filepreview img { max-width: 100px; border: none !important; }
.filepreview .preview-wrap { max-width: 160px; width: 20%; }


.icn-16 .request-box { margin: 0px 1px 1px 1px; }




.popup-pnl { position: fixed; top: 10%; z-index: 1050; background: #FFF; border: 2px solid #FFF; border-radius: 2px 2px 0 0; }
.popup-pnl > .inner { background: #FFF; overflow: auto; max-height: inherit; position: relative; z-index: 1051; background: #FFF; padding: 15px 25px 20px 25px; }


#main-body > div.detail { padding: 0px 2px 0px 0px; }

.pnl > .topsharelinks, .topsharelinks { padding: 0 }

.casedetail .inner { text-align: justify; }
.detail .inner { font-size: 1.2em; }
.detail .inner p { margin-top: 2px; margin-bottom: 10px; }
.detail .inner .smalllist { font-size: 0.8em; }
.detail .inner > table { margin-top: 20px; }
.detail .inner > .msg-item { margin-top: 15px; }
.detail .inner h1 { text-align: left; border-bottom: none; }
.detail .inner h1.cen { text-align: center; }
.detail .desc { padding-top: 0; }
.detail .desc.hasboard { min-height: 264px; }


.detail #importdetails { font-size: 0.8em; }
#importdetails .copyright { float: right; }
#importdetails { color: #808080; }


.detail div.cat.c, .detail div.cat.v, .detail div.cat.f, .detail div.cat.s { width: 20px; }

.detail blockquote:before, .detail blockquote:after, .detail q:before, .detail q:after { content: ""; }

/*
.p-detail .cT-imageLandscape, .p-detail .cT-imagePortrait { display: none; }
.cT-imageLandscape, .cT-imagePortrait { }
.cT-imageLandscape p, .cT-imagePortrait p { background-color: #fff; color: #666; font-size: 0.7em; padding: 0; margin: 0; }
.cN-quote { clear: right; margin: 0.667em 0.667em 1.8em; position: relative; }
.cN-quote p { font: italic 1.6em Georgia,"Times New Roman",Times,serif; margin: 1em 0 0.6em; padding-left: 1.33em; text-indent: 0; color: #444; padding-top: 0.07em; }
*/

.casetype, .blk.respondentinfo { min-width: 12px; height: 16px; text-align: center; display: inline-block; background: #999; color: #FFF; padding: 1px 3px; margin-right: 2px; font-size: 10px; border-radius: 50%; text-transform: uppercase; }
.blk.respondentinfo { background: rgba(0,0,0,0); color: #999; }
.blk.respondentinfo .fa { font-size: 12px; margin-right: 2px; }

.gray-border { border: solid 1px #E0E0E0; padding: 5px; }
.block-pnl { padding: 1%; }

.column .primary-btn, .column .secondary-btn { padding: 4px 12px 4px 12px !important; }

.topbutton { float: right; }

.fileinput-button input { cursor: pointer; direction: ltr; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; }

.space { padding-top: 4px; padding-bottom: 4px; }
.sub { padding-top: 4px; padding-bottom: 4px; border-bottom: solid 1px #E6E6E6; }

.popUP { position: fixed; z-index: 1000; background: #FFF; min-height: 250px; min-width: 250px; border-radius: 2px 2px 0 0; }
.popUP .inner { padding: 10px 20px 15px; }

a.user.popup img, a.user img { width: 20px; width: 20px; margin-right: 4px; border-radius: 50%; display: inline; vertical-align: middle; }
.subject a.popup img { display: none; }

.dialog-inner { background: #FFF; padding-bottom: 0px; }
.dialog-inner > .detail > .f-rit { margin-top: 18px; }
.dialog-inner .article.pw100 { width: 98% !important; margin: auto; }



.l-menu .xp { font-size: 0.9em; padding-top: 4px; cursor: default; margin-right: 1.75%; z-index: 1; }

/* title */
#attrEditor { list-style: none; padding: 0px; margin: 0px 0px 25px 0px; }
#attrEditor #editItem { display: none; }
#attrEditor .idx { display: none; }
#attrEditor > li { border: solid 2px #FFF; background: #FFF; position: relative; min-height: 30px; }
#attrEditor > li .ctrl { display: none; height: 22px; padding: 2px 2px 1px 4px; position: absolute; right: -2px; top: -2px; z-index: 1; }
#attrEditor li .ctrl a { width: 22px; display: inline-block; font-size: 15px; color: #FFF; text-align: center; }
#attrEditor li .ctrl .icnbtn { background-color: transparent; }
#attrEditor > li:hover { border-color: #09F; }
#attrEditor > li:hover .ctrl { display: block; background: #09F; border: solid 2px #09F; height: 22px; }
#attrEditor > li .handle { background: #09F; padding: 2px; z-index: 100; display: none; position: absolute; top: -2px; left: -2px; border: solid 2px #09F; color: #FFF; font-size: 15px; }
#attrEditor > li .handle a { color: #FFF; }
.no-touch #attrEditor > li .move, #attrEditor > li .move a:hover { cursor: move; }
#attrEditor > li .up { cursor: pointer; }
#attrEditor > li .down { left: 20px; border-left-color: #09F; }
#attrEditor .row:hover .handle { display: block; }
#attrEditor > li.error:hover { border-color: #F00; }
#attrEditor > li.error:hover .ctrl, #attrEditor li.error .handle { background: #FFF; border-color: #F00; }
#attrEditor > li.error .ctrl a, #attrEditor > li.error .move { color: #F00; }
.editor .increment, .editor .pagebreak { border-top: dotted 1px #09F; border-bottom: dotted 1px #09F; font-style: italic; color: #09F; }

.drop { background: #09F; border: solid 2px #09F; height: 22px; }
.report-main h1 { border-bottom: none; }
.report-main .pnl h3 { font-size: 1.25em; font-weight: 200; }
.report-main .chart-container { margin: 0px auto 35px auto; }
.report-main .chart-container.mauto { margin-right: auto; margin-left: auto; }


.matrixheading tr td, .matrixradio tr td, .matrixcheckbox tr td { border-bottom: solid 1px #E0E0E0; }
.matrixheading .radio, .matrixheading .checkbox { text-align: center; display: block; }

.response h3 { margin-top: 15px; }
.response h2 { margin-top: 25px; }
.response h2 a { color: #888; text-decoration: underline; }
.response hr { margin-bottom: 10px; }

.nopagebreak .pagebreak { display: none; }
.noincrement .increment { display: none; }

.module { background: #FFF; }
.module > tbody > tr > td { padding: 5px; border: solid 1px #C0C0C0; font-size: 13px; }
.module.noborder > tbody > tr > td { border: none; }
.module > tbody > tr > td > label { font-size: 13px; }
/*Navitas Specific*/
.learningprofile .module > tbody > tr > td:first-child { text-align: center; font-size: larger; padding-left: 2px; padding-right: 2px; }
.learningprofile .gray-border tr td { margin-top: 20px; border: solid 1px #C0C0C0; text-align: center; }
.learningprofile .gray-border tr td h2 { font-weight: normal; }
.learningprofile .gray-border tr td h3 { font-size: 29px; }
.learningprofile p { font-size: 12px; }
.learningprofile .pnl { margin-top: 1px; }
.learningprofile .gray-border tr.t-row td { width: 20%; }
.learningprofile .gray-border tr.t-row td h3 { font-size: 14px; }
.learningprofile div.showhide { margin-bottom: 3px; }


.share { text-align: right; }
.share > div { display: inline-block; padding: 5px 5px 8px 5px; }
.share > div.f-lft { float: left; }
/* Style Helpers */

/*.links { border: solid 1px #E6E6E6; padding: 5px 2px 5px 5px; height: 21px; margin-top: 5px; margin-bottom: 5px; vertical-align: middle; }*/

.required { color: #F00; font-weight: normal; }
tr.required label, td.required label { color: #333; }
tr.required.top > td { border-bottom: none; }
tr.required.bottom > td { border-top: none; }
tr.required > td, td.required { border: solid 1px #FCC; border-bottom-color: #FFF; border-top-color: #FFF; background: #FCC; }


.l-menu .stuck { width: 233px; }
.ambassador { position: absolute; bottom: 12px; left: 12px; width: 22px; height: 22px; padding: 7px 9px 7px 9px; font-size: 17px; background: rgba(255,255,255,0.7); border-radius: 50%; padding: 4px; }

.stuck { position: fixed; top: 100px; z-index: 100; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); background-color: rgba(255,255,255,0.95); }
.scrolled .stuck { top: 51px; }
.scrolled #reportsmenu.stuck { top: 51px; }
#reportsmenu div.box a { position: relative; display: block; top: auto; right: auto; bottom: auto; left: auto; padding: 0 8px; color: #404040; }

#whatdoyouwanttodo { background-color: #008596; padding: 20px 0; text-align: center; }
#whatdoyouwanttodo h3 { color: #FFF; text-align: center; text-transform: uppercase; }
#whatdoyouwanttodo h3 a { font-size: 1em }
#whatdoyouwanttodo a { display: inline-block; background-color: #004D58; margin: 15px 5px 5px; padding: 12px 15px; font-size: 14px; color: #FFF; text-transform: uppercase; }
#whatdoyouwanttodo a:hover { text-decoration: none; background-color: #003C47; }

#post-progress { border: none; border-top: solid 1px #DDD; background: rgba(0,0,0,0); font-size: 10px; height: 5px; border-radius: 0; position: absolute; top: -2px; right: 0; left: 0; }
#post-progress .ui-progressbar-value { background: #090; transition: all ease-in-out 0.3s }

.postbox.highlight-red { }
.postbox.highlight-orange { }
.postbox.highlight-green .primary-btn { background: #090; border-color: #090; }

.postbox.highlight-red #post-progress .ui-progressbar-value { background: red; }
.postbox.highlight-orange #post-progress .ui-progressbar-value { background: #f39126; }
.postbox.highlight-green #post-progress .ui-progressbar-value { }

.stack > div { display: inline-block; padding: 4px 8px; margin: 1px; font-size: 11px; }

.mosaic-wrapper > div > div > .boxes > div.box { border-color: #FFF; }

div.quick-filters.boxes div.box:hover { border: solid 1px transparent; }

.boxes div.box > a > div { position: absolute; top: 0; right: 0; left: 0; height: 105px; background-image: url('../img/icn/sprites/big-buttons.png?187'); background-repeat: no-repeat; background-position: center center; }
.boxes div.box.world > a > div { background-position: 0 0; }
.boxes div.box.users > a > div { background-position: 0 -140px; }
.boxes div.box.community > a > div { background-position: 0 -280px; }
.boxes div.box.sites > a > div { background-position: 0 -423px; }
.boxes div.box.mail > a > div { background-position: -98px -545px; }
.boxes div.box.upload > a > div { background-position: 5px -945px; }
.boxes div.box.analytics > a > div { background-position: -98px -945px; }
.boxes div.box.issues > a > div { background-position: 0 -670px; }
.boxes div.box.quframework > a > div { background-position: 0 -810px; }
.boxes div.box.themes > a > div { background-position: 0 -1065px; }
.boxes div.box.modules > a > div { background-position: 0 -1200px; }
.boxes div.box.abuse > a > div { background-position: 5px -1340px; }
.boxes div.box.groups > a > div { background-position: -98px -1340px; }


div.boxes div.box > span { text-align: center; display: block; padding-bottom: 10px; font-size: 1.1em; }
div.boxes div.box .content { padding-left: 15%; padding-right: 15%; font-style: italic; height: 32px; color: #999; font-size: 12px; }

.boxes div.status { margin-top: 6px; height: 20px; width: 94.5%; font-size: 14px; color: #FFF; background: #09F; border: solid 1px #09F; padding: 9px 12px; transition: all ease-in-out 0.2s; }
.boxes div.box.disabled { color: #C0C0C0; }





/*Menu Options*/ /*


.dlg-up2 { background: #FFF; }
#filters { padding: 0; margin-left: 5px; /* padding: 2px 5px 2px; background: #E6E6E6; border-radius: 2px; -moz-border-radius: 2px; */
}
#filters-list { width: 100%; }
#filters-list .item { float: left; height: 24px; }
#filters-list .item.f-rit { float: right; }
#filters-list .item > a.tightly { padding: 2px 1px 2px 1px; }
#filters-list .item > a.tightly > span { margin-right: 0px; }
#filters-list .item > a.disabled { background-color: transparent; background-image: none; border-color: #D0D0D0; }
#filters-list .item > a.disabled:hover { border-color: #D0D0D0; }
#filters-list .item > a.inactive { color: #404040; border-color: #C0C0C0; }
#filters-list .item > a.selected { border-color: #808080; background-position: 0px -1px; }
#filters-list .item > a.selected:hover { border-color: #606060; }
#filters-list .item > a { color: #303030; padding: 2px 4px 2px 4px; font-size: 11px; line-height: 18px; min-height: 18px; display: block; border: solid 1px #A0A0A0; height: 18px; margin-right: 1px; border-radius: 2px; -moz-border-radius: 2px; background-color: #C0C0C0; background-image: linear-gradient(bottom, #C2C2C2 25%, #F0F0F0 95%); background-image: -o-linear-gradient(bottom, #C2C2C2 25%, #F0F0F0 95%); background-image: -moz-linear-gradient(bottom, #C2C2C2 25%, #F0F0F0 95%); background-image: -webkit-linear-gradient(bottom, #C2C2C2 25%, #F0F0F0 95%); background-image: -ms-linear-gradient(bottom, #C2C2C2 25%, #F0F0F0 95%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.25, #C2C2C2),color-stop(0.95, #F0F0F0)); }
.no-touch #filters-list div.item > a:hover { border-color: #606060; color: #303030; }
#reports-list { height: 32px; }
#reports-list > div { float: left; }
#reports-list > div.box { width: auto; height: 30px; vertical-align: middle; margin-right: 2px; margin-top: 0px; transition: all ease-in-out 0.2s; border: solid 2px #EFEFEF; background: #EFEFEF; }
#reports-list > div:hover a { text-decoration: none; }
#reports-list > div a { text-align: center; margin-top: 0px; }
#reports-list > div a p { margin: 4px 0; }
#reports-list > div a.icn-16 { margin: 5px; }
#reports-list div.box.notselected { opacity: 0.75; filter: alpha(opacity=75); ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
#reports-list div.box.selected, #reports-list div.box:hover { border: solid 2px #09F; background: #09F; }
#reports-list div.box.selected a, #reports-list div.box:hover a { color: #FFF; }

#reports-list .fa { font-size: 19px; margin-top: 5px; }

.sortlist { }
.sortlist .item { padding: 8px; border: 1px solid #D0D0D0; margin-bottom: 5px; }
.sortlist .sort { position: absolute; top: 6px; right: 2px; }

.signedin .notwhensignedin { display: none; }

div.gridlist .table img { width: 100%; }

.thumbnails .thumb { height: 75px; width: 100%; margin: 0; background-size: cover; }
.thumbnails .item { height: 75px; width: 19%; max-width: 75px; margin-right: 1%; display: inline-block; margin-bottom: 0px; padding: 0; border: none; overflow: hidden; }
.thumbnails .item:nth-child(5n) { margin-right: 0; }
.thumbnails .item .detail { display: none; }


.scrollable { position: relative; overflow: hidden; }
.scrollable .items { width: 20000em; position: absolute; }

.mce-panel { background: #EEE; }

.media .data { display: none; }
.media { text-align: center; }
.media .img { width: 100%; margin: 0 auto 10px auto; position: relative; aspect-ratio: 16 / 9; }
.media .img.audio { background-repeat: no-repeat; background-image: url('../img/icn/audiobtn_gray.png?2'); width: 160px; height: 110px; }

.media .img .bg { position: relative; background-image: url('../img/icn/videobtn_gray.png?1'); background-position: center center; background-repeat: no-repeat; position: absolute; bottom: 0; left: 0; right: 0; top: 0; }
.media .img .bg a { border: none; background: none; cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.media .play { background: url('../img/icn/playbtn_gray.png?1') no-repeat center center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.8; filter: alpha(opacity = 80); cursor: pointer; }
.media .img:hover .play { opacity: 1.0; filter: alpha(opacity=100); }
.board .img.youtube, .board .img.vimeo { background-size: 180px 120px; }

.board .media .img { width: 100%; }
.board .media .img > a, .media .img > a { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; }
.board .media .img .bg { margin: auto; min-height: 280px; }

/*Case Details*/
.detail .media { margin: 5px; }
.detail .body .media { float: none; }
.detail .list .children.body .img.hasextra { width: 390px; }
.detail .img.youtube .bg, .detail .img.vimeo .bg, .detail .img.articulate .bg { background-size: 200px 150px; }

/*Lists*/

.filetype { background-size: 16px; }

.filters { }
.filters a { font-family: 'Segoe UI'; }
.filters a.selected { }
.filters a.selected, .filters.active a { color: #008696; }
.filters a.disabled { font-weight: normal; color: #C0C0C0; }
.filters a.disabled.selected { color: #C0C0C0; }
.filters > div > div { line-height: 25px; }
.filters > div { }
.filters > div a { display: inline-block; margin-right: 10px; white-space: nowrap; color: #C0C0C0; }
.filters .options { border-top: solid 1px #EEE; margin-top: 3px; text-align: right; padding-top: 3px; font-family: Quicksand; font-size: 0.8em; }
.filters .options a { color: #A0A0A0; }
.no-touch .filters .options a:hover { color: #84C033; }

.primary-btn.small:first-child:last-child { margin-right: 0; }



.ui-tooltip, .arrow:after { background: rgba(0,0,0,0.7); border: none; }
.ui-tooltip { padding: 5px 10px; color: white; border-radius: 0; font: bold 12px "Helvetica Neue", Sans-Serif; border: none !important; box-shadow: none; }

.cmt .note { font-size: 10px; }
.board .comments { margin-top: 10px; margin-bottom: 5px; }
.board .comments .cmt:first-child { border-top: none; }
.board .comments .cmt { color: #444; border-top: 1px solid #EFEFEF; line-height: 14px; min-height: 25px; word-wrap: break-word; }
.board .cols .cmt { position: relative; margin-bottom: 8px; padding-top: 9px; min-height: 24px; }
.board .item .comments .thumb { width: 20px !important; height: 20px !important; margin-right: 7px; background-size: 100%; border-radius: 50%; }
.board .item .smalllayout > div { width: 50%; display: inline-block; }
.board .top-wrapper { margin-top: 12px; margin-bottom: 4px; min-height: 23px; font-size: 12px; }
.board .date { position: absolute; top: 4px; right: 10px; }

.boarddetail { }
.boarddetail h2 { padding-bottom: 0px; }
.boarddetail .desc { word-wrap: break-word; font-size: 1.1em; width: 100%; margin: 10px 0 30px 0; min-height: 260px; }
.boarddetail .desc .rating { float: right; margin-top: 20px; }
.boarddetail .desc iframe { width: 100% !important; margin: 10px 0 10px 0; }
.boarddetail .desc iframe.large { width: 100% !important; }
.boarddetail .f-lft img { margin: 0 20px 20px 20px; max-height: 300px; }
.boarddetail .author { margin-top: 20px; }
.boarddetail .comments { margin-top: 10px; }
.boarddetail .comments .cmt { min-height: 48px; word-wrap: break-word; }
.boarddetail .rating-wrapper { height: 25px; line-height: 11px; font-family: Arial; }
.boarddetail .rating-wrapper b { color: #FE901D; font-size: 11px; }
.boarddetail .rating-total { float: right; }
.boarddetail .rating-title { padding: 5px 0px 0px 3px; float: right; }
.boarddetail #author { margin-bottom: 10px; }
.boarddetail #board { min-height: 80px; }
.boarddetail #board img { margin-left: 0; margin-right: 15px; }
.boarddetail .crumbs { margin-bottom: 15px; }
.boarddetail .top { padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px rgba(0,0,0,0.1); }
.boarddetail .subject { display: none; }
.boarddetail .extras h2 { margin-bottom: 10px; }
.boarddetail #attachments { margin-top: 30px; }
.boarddetail .thumbs { margin-bottom: 20px; }
.boarddetail .thumbs a { margin: 0 10px 10px 0; }
.boarddetail .files { margin-bottom: 10px; }

.rating-title span { font-size: 0.8em; color: #888; }

.greenshade { background: #EFEFEF; padding: 5px; margin-bottom: 10px; }
.greenshade img { padding: 5px; background: #FFF; margin-right: 3px; }

.rating { height: 18px; padding: 2px 0px 2px 0px; text-align: right; }
.rating .rating-title { padding-top: 2px; padding-right: 4px; float: right; }
.rating b { color: #888; font-size: 10px; font-family: Arial; }
.rating .stars { float: right; }
.rating .star { float: left; width: 18px; height: 18px; background: url('../img/icn/sprites/vx_sprites.png?23') no-repeat -60px -160px; }
.rating.active .star:hover { cursor: pointer; background-position: -40px -160px; opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity = 85); }
.rating.active .star.fill { background-position: -40px -160px; }
.rating.active .star.fill:hover { opacity: 1; -moz-opacity: 1.0; filter: alpha(opacity = 100); }

.rating-total { float: right; text-align: center; margin: 1px 0px 1px 4px; padding: 1px 2px 1px 2px; }
.rating-total div.stars { width: 34px; height: 18px; background: url('../img/icn/sprites/star_sprites.png?10') no-repeat; }

div.stars.stars5 { }
div.stars.stars4 { background-position: 0px -21px; }
div.stars.stars3 { background-position: 0px -42px; }
div.stars.stars2 { background-position: 0px -63px; }
div.stars.stars1 { background-position: 0px -83px; }
div.stars.stars0 { background-position: 0px -105px; }

div.statusnotes { padding: 10px; color: #666; margin-left: 5px; border: solid 1px #E0E0E0; border-radius: 5px; -moz-border-radius: 5px; }
/*
div.bigbuttons { height: 190px; }
div.bigbuttons a { display: block; float: left; font-size: 17px; padding: 10px; height: 165px; width: 156px; border: solid 1px #E0E0E0; margin-left: 5px; text-align: center; color: #666; border-radius: 5px; -moz-border-radius: 5px; }
.no-touch div.bigbuttons a:hover { text-decoration: none; border-color: #C0C0C0; box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px #FFFFFF; }
div.bigbuttons a div.img { background: url('../img/icn/sprites/boardpost_options.png?6') no-repeat; width: 120px; height: 95px; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
div.bigbuttons a.addnote div.img { background-position: 10px 0px; }
div.bigbuttons a.addfile div.img { background-position: -126px 0px; width: 126px; }
div.bigbuttons a.cancel div.img { background-position: -270px 0px; }
div.bigbuttons a.pinit div.img { background-position: -404px 0px; width: 126px; }*/
a.pinitsml div.img { background-position: -529px 0px; background-repeat: no-repeat; width: 72px; height: 65px; margin: 0px 5px 5px 5px; }


/* List of newest activity. */
.activity { border-left: solid 1px #E7E7E7; overflow: hidden; height: 270px; }
.activity .scroll { height: 250px; background: #FFF; }
.activity .scroll div.item { border-bottom: solid 1px #E7E7E7; margin: 2px; }
.activity .scroll .thumb { width: 46px; position: relative; border-radius: 0px; }
.activity .ftr { background: #E7E7E7; border: solid 1px #E7E7E7; border-right: none; padding: 5px; text-align: right; }

.activity.tight { margin: 4px 0 4px 8px; height: 254px; float: right; width: 185px; padding: 5px 3px 1px 2px; border-radius: 4px 0 0 4px; background: #EBEBEB url("/inc/img/bg/left-menu-title-bg.png") repeat-x; border: solid 1px #E0E0E0; }
.activity.tight h3 { margin-left: 3px; font-size: 13px; color: #606060; }
.activity.tight .scroll { height: 208px; border: solid 1px #E0E0E0; }
.activity.tight .scroll .thumb { width: 23px; }
.activity.tight div.item { margin: 2px; background: #FFF; text-align: left; }
.activity.tight .post { margin-left: 2px; font-size: 11px; padding-right: 2px; }
.activity.tight .post .body { margin-left: 5px; }
.activity.tight .item .thumb { margin-right: 5px; }
.activity.tight .post a { font-size: 11px; }
.activity.tight .ftr { border: none; padding: 0 3px 3px 3px; vertical-align: top; }
.activity.tight .ftr a { font-size: 0.9em; }
.activity.tight .msg { text-align: left; font-size: 10px; border-bottom-color: transparent; border-right-color: transparent; border-left-color: transparent; }
#divDialog .activity.tight { margin-right: 0px; }

.smalllist.border .item.haslookupinfo { padding-top: 0; }
div.post-lookupinfo { border-bottom: solid 1px #EEE; padding-bottom: 0; margin-bottom: 0; background-color: #f2f3f5; font-family: Helvetica, Arial, sans-serif; font-size: 12px; position: relative; transition: all ease-in-out 0.2s; }
div.post-lookupinfo:hover { background-color: #E1E2E4; }
div.post-lookupinfo:hover img { opacity: 0.95; }
div.post-lookupinfo .content { padding: 10px; }
div.post-lookupinfo p { margin: 0; }
.post-lookupinfo h3, .smalllist .post-lookupinfo div > h3 { margin: 0 0 5px 0; max-width: 100%; font-weight: 600; font-family: Helvetica, Arial, sans-serif; font-size: 1.45em; letter-spacing: -0.75px; }
.post-lookupinfo img { max-width: 100%; width: 100%; transition: all ease-in-out 0.2s; }
div.post-lookupinfo .post-ref { margin-top: 3px; display: block; }

.smalllist > .item .body > div.post-lookupinfo { padding-left: 0; padding-top: 0 !important; }
div.post-lookupinfo div.pl-img { max-height: 500px; overflow: hidden; }
.smalllist > .item .body > div:first-child { padding-top: 10px; }

/* This CSS should have no list type etc. */
.detail .recentactivity { padding-left: 25px; }
.recentactivity { font-size: 11px; }
.recentactivity .subject { font-weight: bold; }
.recentactivity .message { }



/* New survey editor elements. */
.sets { margin-top: 5px; }
.itemset { border: solid 1px #FFF; margin-right: 2px; }
.itemset tr:first-child { background: #E7E7E7 url('../img/bg/box-hdr.png') repeat-x; }
.itemset tr:first-child td { font-size: 11px; line-height: 15px; border-bottom: solid 8px #FFF; padding: 4px 2px; }
.itemset tr:first-child td:last-child { text-align: center; }
.itemset .elem:first-child a.up-16, .itemset .elem:last-child a.down-16 { visibility: hidden; }
.itemset tr.elem-add .add, .addlink { text-align: center; padding: 3px 10px 4px 10px; text-decoration: none; font-weight: bold; color: #FFF; background: #505050; border: solid 1px #505050; display: block; }
.itemset tr.elem-add .add:hover, .addlink:hover, .addlink.graybg:hover { background: #09F; border-color: #09F; color: #FFF; text-decoration: none !important; }
.itemset tr.elem-add .add { margin-top: 8px; }
.itemset .elem input[type="text"] { width: 96%; }

.addlink.graybg { background-color: #C0C0C0; border-color: #C0C0C0; }

.listbox { overflow-x: hidden; border: solid 1px #C0C0C0; cursor: pointer; }
.listbox tr.selected, .listbox tr.selected td { background: #3399FF; color: #FFF; }
.listbox tr td { vertical-align: middle; }
.listbox tr td:first-child { padding-left: 4px; }

.issueembed { display: inline-block; position: relative; background-repeat: no-repeat; background-position: center center; margin: 0 5px 5px 0; min-width: 150px; min-height: 150px; }
.issueembed > a { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; background: transparent; z-index: 3; min-width: 150px; min-height: 150px; }
.issueembed .eb-text { bottom: 0; left: 0; right: 0; padding: 5px; position: absolute; }
.issueembed .eb-text .bg { top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1; background: #666; opacity: 0.4; }
.issueembed .eb-text .text { color: #FFF; position: relative; z-index: 2; }
.nobg { background: none !important; }

/*Admin Specific Styles*/
/*Edit Mode*/ /*
#admin-edit-state { min-width: 185px; position: fixed; top: 2px; left: 2px; background-color: #535353; border: solid 1px #6A6A6A; color: #FFF; font-size: 11px; z-index: 100; }
#admin-edit-state .hdr { border: solid 1px #6A6A6A; padding: 2px; border-bottom-color: #282828; font-weight: bold; }
#admin-edit-state .ftr { background-color: #535353; border: solid 1px #6A6A6A; padding: 2px; border-bottom-color: #282828; height: 20px; margin-bottom: 16px; }
#admin-edit-state .submenu { height: 23px; padding-top: 1px; background-color: #626262; }
#admin-edit-state .submenu .addlink { min-width: 48%; width: 90px; float: left; text-align: center; }
#admin-edit-state .option { padding: 2px; background: #535353; }
#admin-edit-state .option .txt { padding: 2px 1%; width: 98%; }
#admin-edit-state .option .txt:hover { border-color: #ECD672; }
#admin-edit-state .option .txt:focus { border-color: #ECD672; background: #FFF; color: #303030; }
#admin-edit-state .contentoptions { }
#admin-edit-state .optionvalues { padding-left: 5px; background: #626262; }
#admin-edit-state .option table, #admin-edit-state .optionvalues table { border-collapse: collapse; width: 100%; }
#admin-edit-state .option td:last-child, #admin-edit-state .optionvalues td:last-child { width: 16px; }
#admin-edit-state a { color: #FFF; }

.ui-draggable #admin-edit-title { cursor: move; }
#admin-edit-state .ui-resizable-handle.ui-resizable-s { display: none !important; }*/

.clickable { cursor: pointer; position: relative; }
.clickable span.showhide { background: url("../img/icn/sprites/toggle.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0); width: 16px; height: 18px; display: block; position: absolute; right: 5px; top: 5px; }
.clickable.closed span.showhide { background-position: 0 2px; }



.l-menu .site-ad { margin-top: 25px; }
.l-menu .controls { display: none; }
.l-menu .controls.top { position: absolute; top: 0px; left: 0px; }
.l-menu .pnl.hover-pad:hover { border-color: #9F9; }
.l-menu .pnl.hover-pad:hover .controls { display: block; background: #9F9; border: solid 1px #0F0; height: 22px; border-top: none; border-left: none; }

.l-menu .galleryitem { margin-top: 8px; }
.l-menu .pnl .inner { padding: 1px 2px 1px 0; font-weight: 300; }

.controls a { min-width: 16px; height: 16px; line-height: 16px }
.controls a .sort { cursor: move; }
.controls .popmenu-wrap a.popmenutrigger { line-height: 16px }

.hcontrols a { color: #AAA; font-size: 11px; transition: all ease-in-out 0.2s; padding: 1px 3px; }
.no-touch .hcontrols a:hover { background-color: #666; color: #FFF; text-decoration: none; }

.content .ftr { padding: 10px 2px 4px 2px; min-height: 20px; text-align: right; }
.content textarea { border: dotted 1px #E0E0E0; width: 100%; display: none; }
.content > div p { word-break: break-word; }
.content > div p:first-child { margin-top: 0px; }
.content > div p:last-child { margin-bottom: 4px; }
.content table { max-width: 100%; }

body.cmsmenuclosed .l-menu { min-width: 20px; width: auto; }

.cmscontrols { padding: 4px; min-height: 26px; background: #EEE; text-align: right; margin-bottom: 15px; }
.cmsmenu { background: #EEE; position: relative; }
.cmsmenu .cmsmenu { background: rgba(0,0,0,0); }
.l-menu .openclosemenu { position: absolute; top: 18px; right: -16px; width: 18px; height: 18px; text-align: center; background: #FFF; border-radius: 0 50% 50% 0; border: solid 1px #CCC; color: #CCC; }
.l-menu .openclosemenu:hover { color: #09F; }
.l-menu .openclosemenu.open .fa-arrow-right { display: none; }
.l-menu .openclosemenu:not(.open) .fa-arrow-left { display: none; }

.cmsmenu.menuLeftMenu > div:not(.widget), .cmsmenu.menuLeftMenu div.item:not(.widget) { padding: 8px 10px; font-size: 13px; transition: all ease-in-out 0.2s; }
.cmsmenu.menuLeftMenu div.item:not(.widget):hover { background: #09F; }
.cmsmenu.menuLeftMenu div.item:not(.widget):hover a { color: #FFF; }
.cmsmenu div.submenuitems > div { font-size: 13px; transition: all ease-in-out 0.2s; }
.cmsmenu > div.submenuitems { padding: 0 0 15px 0; background: rgba(255,255,255,0.5); display: none; }
.cmsmenu > div.submenuitems > div { }
.cmsmenu > div.submenuitems > div.hc { padding: 0 0 0 0; }
.cmsmenu.menuLeftMenu div.heading { background: #666; color: #FFF; font-size: 16px; padding: 14px 10px; }
.cmsmenu div.heading a { color: #FFF; }
.cmsmenu.menuLeftMenu div.heading a.label { max-width: 90%; }
.cmsmenu.menuLeftMenu div.heading.subheading { background: rgba(0,0,0,0.4); color: #FFF; font-size: 14px; padding: 8px 10px 8px; }
.cmsmenu.menuLeftMenu div.heading.subheading:hover { background: #09F; }
.cmsmenu.menuLeftMenu div.heading.subheading:hover > a { color: #FFF; }
.cmsmenu.menuLeftMenu div.selected, .cmsmenu.menuLeftMenu div.selected.heading, .cmsmenu.menuLeftMenu div.selected.heading.subheading { background: #09F; }
.cmsmenu > div.submenuitems > div.hc:hover { background: rgba(0,0,0,0); }
.cmsmenu.menuLeftMenu div.selected a, .cmsmenu.menuLeftMenu div.selected.heading a, .cmsmenu.menuLeftMenu div.selected.heading.subheading a { color: #FFF; }
.cmsmenu > div a { display: block; }

.cmsmenu.menuLeftMenu .menuoc { position: absolute; right: 0; width: 32px; text-align: right; height: 32px; padding-right: 10px; }
.cmsmenu.menuLeftMenu .menuoc .fa { padding: 4px; border-radius: 50%; width: 16px; height: 16px; text-align: center; }
.cmsmenu.menuLeftMenu .menuoc .fa:hover { background: rgba(0,0,0,0.2); }

.cmsmenu.menuTopMenu { display: table; width: 100%; background: transparent; position: relative; }
.cmsmenu.menuTopMenu > div { display: table-row; }
.cmsmenu.menuTopMenu > div > a { display: table-cell; text-align: center; }
.cmsmenu.menuTopMenu .menuoc { display: none; }

.cmsmenu.menuTopMenu .submenu { }
.cmsmenu.menuTopMenu .submenu > div.tier1 { background: #EEE; height: 100%; display: table-cell; }
.cmsmenu.menuTopMenu .tier1 > a:first-child, .cmsmenu.menuTopMenu div.heading { font-size: 1.3em; padding-bottom: 7px; }
.cmsmenu.menuTopMenu .tier1 a, .cmsmenu.menuTopMenu .tier2 a, .cmsmenu.menuTopMenu .tier3 a { padding-bottom: 5px; }
.cmsmenu.menuTopMenu .cmsmenuinner > .item { position: static; }
.cmsmenu.menuTopMenu > .cmsmenuinner > .item { display: table-cell; }

.cmsmenu.menuTopMenu .submenu > div > div > div { border-right: solid 1px #CCC; padding: 0 1%; }
.cmsmenu.menuTopMenu .submenu > div > div > div:last-child { border-right: none; }
.cmsmenu .items2 > .item, .cmsmenu.menuTopMenu .submenu.items2 > div > div > div { width: 50%; }
.cmsmenu .items3 > .item, .cmsmenu.menuTopMenu .submenu.items3 > div > div > div { width: 33.33%; }
.cmsmenu .items4 > .item, .cmsmenu.menuTopMenu .submenu.items4 > div > div > div { width: 25%; }
.cmsmenu .items5 > .item, .cmsmenu.menuTopMenu .submenu.items5 > div > div > div { width: 20%; }
.cmsmenu .items6 > .item, .cmsmenu.menuTopMenu .submenu.items6 > div > div > div { width: 16.6%; }
.cmsmenu .items7 > .item, .cmsmenu.menuTopMenu .submenu.items7 > div > div > div { width: 14.2%; }
.cmsmenu .items8 > .item, .cmsmenu.menuTopMenu .submenu.items8 > div > div > div { width: 12.5%; }

.cmsmenu.menuTopMenu .submenu { position: absolute; padding: 15px 20px 30px; box-shadow: 5px 5px 10px rgba(0,0,0,0.5); background: #FFF; right: 0; left: 0; top: 100%; z-index: 50; display: none; transition: all ease-in-out 0.4s; min-height: 50px; }
.cmsmenu.menuTopMenu .submenu > div { vertical-align: top; }
.cmsmenu.menuTopMenu .submenu:hover { display: block; }
.cmsmenu.menuTopMenu .submenu a { background: none; color: #333; }

#menu .cmsmenu.menuTopMenu .cmsmenuinner > .item { transition: all ease-in-out 0.2s; text-align: center; }
#menu .cmsmenu.menuTopMenu .cmsmenuinner > .item a { color: #FFF; text-transform: uppercase; display: inline-block; padding: 15px 9px; display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; height: 18px; line-height: 18px; }
#menu .cmsmenu.menuTopMenu .cmsmenuinner > .item a.cbutton, #menu .cmsmenu.menuTopMenu .cmsmenuinner > .item a.cbutton { padding: 0px 0px; line-height: 0; height: auto; display: block; }
#menu .cbutton img { width: 100% }

.cmsmenu.menuTopMenu .cmsmenuinner > .item a:hover { text-decoration: none; }
#menu .cmsmenu.menuTopMenu .cmsmenuinner > .item:hover { background: #004D58; }
#mobile-menu .cmsmenu,
#mobile-menu .cmsmenu.menuTopMenu .cmsmenuinner,
#mobile-menu .cmsmenu.menuTopMenu .cmsmenuinner > .item { display: block !important; width: 100%; }

.scrolled #menu .cmsmenu.menuTopMenu .cmsmenuinner > .item a { color: #666 }

.pnl > div.loader-overlay { background: none; }

#articlemenu.editmode { }
#articlemenu.editmode .item:hover { background: #9F9; }
#articlemenu.editmode .item:hover a { color: #666; }
#articlemenu .sort { display: none; width: 20px; }
#articlemenu.editmode .item:hover .sort { display: block; position: absolute; top: 4px; right: 2px; left: auto; bottom: auto; }



.detail .result { padding: 1px; }
.detail .smalllist { margin-right: 1%; position: relative; }
.detail .item .post-options { clear: none; }
.detail .showhide .controls { position: absolute; top: 5px; right: 5px; }
.detail .body.children { margin-left: 0; }



#clickblocker { background: rgba(0,0,0,0.5); }


.child .post-options { display: inline-block; border-top: none; margin-top: 0; padding: 0; }
.announcement .thumb, .announcementtocommunity .thumb { }
.announcementtosite .thumb { display: block; }

.attr { width: 100%; margin-left: 4px; margin: 0px; padding: 0px; }
.attr.pw33 { display: inline-block; width: 33%; }
ul.attr { list-style: none; margin-bottom: 8px; }
.attr div { }
.attr li { display: inline-block; min-height: 18px; vertical-align: top; font-weight: 300; }
.attr li.colourbox { width: 20px; height: 8px; }
.attr li.qu { color: #707070; }
.attr li.ums { margin-left: 10px; }
.attr li.ch { margin-left: 10px; color: #404040; word-wrap: break-word; max-width: 710px; font-weight: 500; }

.report .attr .colourbox > div { width: 8px; height: 8px; border: solid 1px #C0C0C0; margin: 3px auto 0px auto; }

/*.result .comment textarea { width:98%}*/
.report .body.children .morecomments { }
.attr div.post-options { margin-top: 3px; background: #EFEFEF; }
.attr li.ch .comment { background: #E0E0E0; padding: 10px; width: calc(100% - 10px); }
.attr li.ch .comment textarea { background: #FFF;  }

.report img { width: 55px;}

#loginform { max-width: 350px; margin: auto; }
#loginform label { display: inline-block; min-width: 90px; }
#loginform .toprow { margin-bottom: 5px; }

.table, .tablewrap { display: table; }
.table > div, .tablewrap > div { display: table-row; }
.table > div > div, .tablewrap > div > div { display: table-cell; }

.overlaytip { background-color: #EAEAEA; box-shadow: 8px 8px 10px rgba(0,0,0,0.5); border-radius: 5px; color: #222; right: 5%; padding: 15px 25px; position: absolute; margin-top: 15px; text-align: center; width: 320px; max-width: 100%; z-index: 10; }

.uploadbtncontainer { text-align: right; }
.column .uploadbtncontainer .primary-btn { padding: 2px 12px 2px 12px !important; }


.whensmall, .mobileonly,
.whensmalli, .mobileonlyi { display: none !important; }

body:not(.mobileapp) .mobileapponly { display: none !important; }
.mobileapp .notformobileapp { display: none !important; }

.main-menu .useragent { font-size: 10px; font-style: normal; font-weight: 100; color: rgba(255,255,255,0.2); text-align: center; padding-top: 30px; max-width: 90%; margin: auto; }

.blog-image, .pnl > div.blog-image { padding: 0 }
.blog-image.smallimage { margin: 0 15px 15px 0; }

.singlecolumn .blog-body { padding-top: 0; }

@media only screen and (max-width: 1550px) {
  #chat { box-shadow: 0 0 2px #FFF; }
  #chat #chats > .conversation .inner { box-shadow: 0 0 2px #FFF; }
  #chat { top: 50%; }
  #chat .users > div.old { display: none; }
  #chat .users > div.old.unread { display: block; }

  #chat.searching .users > div.old { display: block; }
}


@media only screen and (max-width:1200px) {
  .biglist > div { min-height: 150px; }
  .biglist > .item { width: 46.5%; }

  .tabs { height: 38px; }
  .tabs .inner { height: 37px; }
  .tabs .inner > a { padding: 6px 17px 8px; }



  #chat { width: 212px }
}

@media only screen and (max-width:1080px) {
  .tabs .inner > a { padding: 6px 15px 8px; }
}

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

  .sortablequestion.text .answer > div { padding: 15px 12px; }
}

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

  .whensmall, .mobileonly { display: block !important; }
  .whensmalli, .mobileonlyi { display: inline !important; }
}

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

  .detail .caseimage { display: block; max-width: 280px; margin: auto; text-align: center; }
  .detail .caseimage img { width: 100%; }
  .detail .inner h1 { text-align: left; }
  .detail .inner .desc { text-align: justify; }


  #divDialog { top: 0px; right: 0px; bottom: 0px; left: 0px; }
  #divDialog > .container { left: 5px; }


  body.sidebar .c-sidebar { display: block; vertical-align: top; }
  body.sidebar .c-inner { width: 100%; display: block; padding-right: 0px; vertical-align: top; }
  body.sidebar .c-sidebar { padding-left: 0; }

  #wrap .header img { max-width: 100% !important; }
  .c-wrapper .c-inner table { max-width: 100% }
  .c-wrapper .c-inner table img { max-width: 100% !important; }

  .flex.col4 > div { width: calc((100% - 25px) / 2); }

  .popUP .inner { padding: 5px 15px 10px; }
}

@media only screen and (max-width:750px) {
  .biglist > div { min-height: 0; }
  .biglist > div:nth-child(2n) { margin-left: 0; }
  .biglist > .item { width: 97.5%; }

  .board .item.comment .commentdata { margin-top: 4px; }
  .board .item.comment .commentdata .thumb { display: none; }
  .board .item.comment .functions.bottom { padding: 5px; }
}

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

  .board div.controls h2 { margin-right: 80px; }
  .board .item { width: 100%; display: block; margin-left: 0 !important; margin-right: 0 !important; }

  .popmenu-wrap { display: none; }


  #reportsmenu.stuck { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); left: 0px !important; right: 0 !important; width: auto !important; }
  #image-library > div { width: 46%; }

/*
  div.bigbuttons { height: auto; }
  div.bigbuttons a { float: none; height: auto; width: 100%; margin-bottom: 5px; }
  div.bigbuttons a div.img { float: left; display: none; }*/

  #instruct > .right { display: none; }
}

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

  .results.click-list div i.tip { position: relative; font-size: 0.7em; display: none; }
  .results.click-list > .data > div { line-height: 20px; min-height: 28px; height: auto; }

  .result .hdr .agreement { display: block; margin-left: 0; margin-top: 8px; margin-bottom: 5px; }

  .attr.pw33 { width: 66%; }

  .editor .inner { padding: 5px 0; }
  .editor .options { margin-left: 8px; left: 0; }


  .learningprofile .gray-border tr.t-row td h3 { font-size: 12px; }

  .smalllist.border > div > div > .thumb { margin-left: 4px; }
}

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

  .flex.col4 > div { width: 100%; }
}

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

  #reports-list > div.box { margin-right: 1px; }

  .board .item { width: 100%; }
  .scrolled.stuck { top: 94px; }

  img { max-width: 100%; height: auto; }

  .l-menu .level-progress { display: none; }
  h3 a .note { display: none; }

  div.table { display: block; }
  div.table > div { display: block; }
  div.table > div > div { display: block; }
  div.table > div > div.pw50, div.table > div > div.pw50:first-child { width: 100%; padding-right: 0; }

  /*  .pw70,
  .pw60,
  .pw55,
  .pw50,
  .pw45,
  .pw40,
  .pw33,
  .pw30,
  .pw25,
  .pw10 { width: 100% !important; }


  .agreementitems { max-width: 300px; margin-left: auto; margin-right: auto; display: block; width: 100%; }
  .agreementitems input { display: block; margin-top: 7px; width: 100%; }*/

  .smalllist .item.blog .padl110 { padding-left: 0; }




  .p25 { padding: 20px 10px 20px 10px; }

  .uploadbtncontainer { padding-top: 12px; }

  #modal { max-width: calc(98% - 20px); }
  #modal.greenmodal { max-width: calc(98% - 2px); }

  .fileupload-buttonbar .span5 { display: none; }

  .uploadbox { padding: 10px 5px 10px 5px; }
}


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

  .fileupload-buttonbar .span7 { padding-top: 0; }
  .biglist .desc { margin-left: 0; margin-bottom: 10px; }
  .uploadbox { padding: 5px 0 5px 0; }

  #image-library .lightshow { display: none !important; }
  #image-library > div { height: 100px; width: 30%; border: solid 3px #FFF; }
  #image-library > div:hover { border-width: 3px; }
}

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

  #loginform input[type=text] { max-width: 90%; }
}

.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page { display: block; }

#log { position: fixed; opacity: 0.8; top: 70%; bottom: 0; z-index: 1000; overflow: scroll; left: 0; right: 50%; }

.appmode { position: fixed; top: 18%; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: #CCC; z-index: 5000; }
.appmode.green { background: #090; }
.appmode.red { background: #F00; }
.appmodetype { top: 20.5%; }