@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700');

/*HTML Style elements*/
body { background: #FFF; font-family: "Open Sans", Segoe UI, Tahoma,Geneva, Verdana,Arial,sans-serif; font-size: 14px; margin: 0; z-index: 1; color: #333; padding-bottom: 0; }
body#tinymce { background: transparent; }
/*Should be on the editor only*/

h1, h2, h3, h4 { color: #333; font-family: "Open Sans", Segoe UI, Arial, Helvetica, sans-serif; margin: 3px 0 7px 0; padding-bottom: 4px; font-weight: 200; -webkit-margin-after: 0; }
h1 { font-size: 1.7em; font-weight: 400; }
h2 { font-size: 1.45em; font-weight: 500; }
h3 { font-size: 1.25em; font-weight: 400; }
h3 a.icn-16 { padding-bottom: 0px; }
h3:hover a, h3 a:hover { text-decoration: underline; }
h4 { font-weight: normal; margin: 0; }
h5 { margin-top: 4px; margin-bottom: 4px; }

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

body.sidebar .c-wrapper { display: table; width: 100%; }
body.sidebar .c-wrapper > div { display: table-row; }
body.sidebar .c-inner,
body.sidebar .c-sidebar { display: table-cell; vertical-align: top; }
body.sidebar .c-inner { width: 75%; padding-right: 5px; }
body.sidebar .c-sidebar { padding-left: 20px; }

a { color: #555; 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; }
h2 a, h3 a { color: #222; }
h2 span { color: #A0A0A0; font-size: 0.8em; }
a img { border: 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; font-family: 'Segoe UI',Arial; }
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;}
hr { border: none; background: #FFF; height: 1px; margin-top: 2px; margin-bottom: 4px; }
/*Main Design Sets*/
#hdr, #hdr > div { position: relative; min-height: 90px; }
#hdr .middle { position: relative; border-bottom: none; }
#logo { background: url('../img/logo/vx_logo_onwhite_small.png') no-repeat; height: 50px; display: block; }

#hdr a { color: #666; font-size: 11px; }
#hdr-outer { position: fixed; z-index: 20; left: 0; right: 0; top: 0; }

#usermenu #avatar a { max-height: 44px; overflow: hidden; display: inline-block; }

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

div.table { display: table; width: 100%; }
div.table > div { display: table-row; }
div.table > div > div { display: table-cell; vertical-align: top; }
div.table > div > div.pw50:first-child { width: 49%; padding-right: 1%; }

#loginpanel { position: relative; z-index: 18; }
#loginpanel table { width: 100%; }
#loginpanel input.txt { padding: 3px 5px; }
#loginpanel input[type=text] { width: 240px; }
#loginpanel input[type=password], #loginpanel #pwd_clone { width: 178px; border-spacing: 0; /*chrome 184px?*/ }
#loginpanel a.btn { display: inline-block; font-size: 15.7px; padding: 6px 14px; }
#loginpanel .btn.clicked { background: #006676; color: #EEE; }
#loginpopup { width: 260px; right: 0; z-index: 18; padding: 17px 15px 12px 15px; background: #FFF; border: 1px solid #FFF; border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); display: none; position: absolute; }
#loginpopup label { color: #666; }
#loginpopup label.checkbox { display: inline-block; margin-bottom: 4px; padding-top: 0px; vertical-align: top; font-size: 11px; font-family: Segoe UI,Tahoma,Arial,sans-serif; }
#loginpopup .checkbox { padding: 0px; }
#loginpanel .btn { color: #FFF; background: #007787; border: solid 1px transparent; }
#loginpopup input.btn { padding: 0px 6px !important; margin: 0; }

.fileupload-buttonbar { }
.fileupload-buttonbar .span7 { padding-top: 45px; }

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

/**/
.tabs { height: 39px; margin-top:10px;margin-bottom: 15px; min-width: 100%; white-space: nowrap;  overflow-x: hidden; overflow-y: hidden; -ms-overflow-style: none; -ms-scroll-chaining: none; -ms-scroll-snap-type: mandatory; -ms-scroll-snap-points-x: snapInterval(0%, 100%);  position: relative; }
.tabs .inner > a.arrow { position: absolute; top: 0px; background: #FFF; display: block; height: 28px; padding-left: 12px; vertical-align: middle; border-bottom: none; padding: 6px 12px 3px; background: #666; color: #FFF; }
.tabs .inner > a.arrow:hover { background: #09F; }
.tabs .inner > a.arrow.right { right: -5px; }
.tabs .inner > a.arrow.left { left: -10px; }
.tabs .inner { height: 38px; border-bottom: solid 1px #CCC; }
.tabs .inner > a { margin-left: 4px; border: solid 1px transparent; transition: all 0.3s ease 0s; display: inline-block; padding: 7px 12px 8px; color: #666; font-family: "Open Sans"; font-size: 15px;font-weight:600;  line-height: 22px; text-decoration: none; }
.tabs .inner > a:hover { background: #EEE; border-color: #EEE; }
.tabs .inner > a.selected { background: #FFF; color: #000;font-weight:600; border: solid 1px #CCC; border-bottom-color: #FFF; }

.tab-holder { margin-top: 12px; }
.tab-holder .tab.selected { display: block; }
.tab-holder .tab { display: none; }

#hdr #search-box {    }
#searchbtn { display: none; top: 9px; position: absolute; right: 40px; z-index: 10; }
#searchbtn .mobile-search-btn, a#mobile-btn { color: #008696; z-index: 10; }
#searchbtn .mobile-search-btn { font-size: 17px; }
.mobile-search-btn.opened { display:none;}
a#mobile-btn { font-size: 19px; }
#hdr #searchouter .close { display: none !important; }

/* 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; }

.crumbs { color: #B0B0B0; font-family: Arial; font-size: 0.89em; margin-bottom: 5px; padding: 0 0 4px 0 !important; opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; border-bottom: solid 1px transparent; }
.crumbs a { color: #999; display: inline-block; width: auto !important; }
.crumbs a:hover { color: #222; }
.crumbs .separator { color: #B0B0B0; padding-left: 3px; padding-right: 3px; }

div#status { position: fixed; bottom: 4px; right: 10px;left:10px; min-height: 16px; padding: 12px 25px 12px 25px; margin: 3px; color: #FFF; background: #A0A0A0; font-size: 15px;  z-index: 100; display: none; min-width: 300px; }
div#status img { float: left; margin-right: 2px; }
div#status.green { color: #555; background: #BFB; border: none; }
div#status.green .icon { display: block; float: left; width: 16px; height: 16px; margin-right: 2px; background: transparent url('../img/icn/sprites/vx_sprites.png?23') no-repeat -142px -82px; }
div#status.red { color: #333; background: #F99; border: none; }
div#status.red .icon { display: block; float: left; width: 16px; height: 16px; margin-right: 2px; background: transparent url('../img/icn/sprites/vx_sprites.png?23') no-repeat -122px -82px; }

.profile-links, .sidemenu > .profile-links { padding: 10px 5px 4px 5px; background: #008D9D; height: 22px; }
.profile-links ul { margin: 0px; padding: 0px; }
.profile-links li { display: block; float: left; width: 32px; text-align: center; vertical-align: middle; position: relative; }
.profile-links li#postanissuebtn { width: auto; }
.profile-links li.f-rit { float: right; }
.profile-links.noprint { top: 0; left: 0; right: 0; position: absolute; z-index: 100; }
.thinkscreen .profile-links { margin-right: 2px; }

.alerts { position: absolute; top: -2px; right: -4px; width: 28px; z-index: 99; }
.alert { background: #F00; font-size: 10px; font-family: Arial; float: right; opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.alert a, #hdr .alert a { color: #FFF !important; padding: 0px 4px 0px 4px; display: block; }
.alert a:hover { text-decoration: none; }
.alert:hover { background: #E00; }
.alert.important { background: #900; }
.alert.important:hover { background: #A00; }

.sidemenu a.request-box { z-index: 10; position: relative; }
.sidemenu .icn-16 { min-height: 22px; }
.request-box, .pnl > .request-box, .sidemenu .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, .sidemenu .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, .sidemenu .inner > a.request-box.important { background: #F60; }
a.request-box.important:hover, .sidemenu .inner > a.request-box.important:hover { background: #E50; color: #FFF; }

.top-full .profile-links { float: left; width: 220px; z-index: 10; position: relative; }
.think-main .profile-links { display: none; }

#content { z-index: 0; position: relative; }
.middle { width: 998px; margin: auto; }
.middle > .main, .signedin .middle > .main { min-height: 500px; padding-bottom: 150px; }
.main { background: #FFF; border: solid 1px #FFF; border-top: none; vertical-align: top; }

#major-content { position: relative; }
.signedin .hidewhensignedin { display: none; }

/* Main Content Elements */
.withsidemenu #contentmain2 {vertical-align:top; }

#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, .scrolled #ep-menu { display: none; }
.scrolled #logo { display: none; }
.scrolled #hdr { border-bottom: solid 2px #008696; }

.signedin.scrolleddeep #hdr-right { /*display: none !important; */ }

#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 { color: #999; border-bottom: none; }
div.item .note { font-size: 11px; }
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.reqst { text-align: center; background: #EEE; padding: 12px 4px; margin-bottom: 15px; font-size: 13px; }
.smalllist.list div.reqst div h3 { max-width: 100%; }
div.reqst .list .item { background: rgba(0,0,0,0); }
div.reqst .options { position: relative; clear: both; left: 0; }
div.reqst .options div.reqst { padding-left: 0; padding-right: 0; padding-top: 0; width: 100%; border-bottom: solid 1px #CCC; }
div.reqst .options div.reqst table { width: 100%; }
div.reqst a { white-space: nowrap; display: inline-block; }
div.reqst a.primary-btn { padding: 3px 8px 3px 8px !important; }
div.reqst img { max-width: 25px; margin-right: 5px; float: left; }
div.reqst td:first-child { }
div.reqst h4 { line-height: 20px; color: #09F; display: inline-block; margin: 0 5px 0 0; padding: 0; }
div.reqst > a > .fa { color: #CCC; margin-left: 5px; }
div.reqst > a.primary-btn > .fa { margin-left: 0; margin-right: 4px; color: #FFF; }
#sidemenu div.reqst { text-align: center; padding: 4px 4px; margin-top: 4px; background: transparent; }
#sidemenu div.reqst h4 { display: block; }

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; }
.loader { width: 80px; position: fixed; z-index: 15000; bottom: 100px; display: none; right: 60px; }
.loader .inner { padding: 12px 25px 12px 25px; position: absolute; width: 78px; height: 18px; font-family: Arial; font-weight: bold; color: #FFF; }
.loader span { width: 16px; height: 16px; float: left; display: block; margin-right: 4px; background: url('/skinimg/white-loader.gif') no-repeat center center; }
#main > .loader { position: fixed; }

.loadingPanel { display: none !important; }

.overlay { z-index: 999; position: fixed; }

.loader-overlay { z-index: 100; position: absolute; }
.loader-overlay > .mid { top: 2px; left: 2px; right: 2px; bottom: 2px; padding: 2px 2px 2px 4px; position: absolute; font-family: Arial; text-align: center; font-weight: bold; color: #FFF; z-index: 101; vertical-align: middle; }
.loader-overlay .bg, .o2k7Skin .mceBlocker { position: absolute; }
.loader-overlay img { vertical-align: middle; max-height: 32px; }
.loader-overlay img.small { vertical-align: middle; width: 18px; }
.loader-overlay .bg, .o2k7Skin .mceBlocker, .overlay, .loader .inner { top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.6); }

/* Left Menu elements */
.sidemenu { position: relative; width: 230px; font-size: 11px; vertical-align:top;  }
.sidemenu a { }
.sidemenu h3 { text-transform: none; font-weight: normal; }
.sidemenu a.request-box, .sidemenu .alert a, .sidemenu a.primary-btn, .sidemenu a.primary-btn { color: #FFF; }
.sidemenu .title, .sidemenu .title > a { color: #222; }
.sidemenu .title > a:hover, .sidemenu .title, .sidemenu a:hover, .sidemenu h3:hover a { text-decoration: none; }
.sidemenu .title .note, .sidemenu .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 b { color: #606060; }
.note span.info { vertical-align: middle; display: inline-block; cursor: pointer; width: 12px; height: 12px; margin-right: 2px; margin-left: 2px; margin-top: 3px; background: transparent url("../img/icn/10/info.png?4568") no-repeat center center; }
.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; }
.sidemenu .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; }
.sidemenu .postanissue .title, .sidemenu .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; }

.main-menu .menulinks { min-width: 38%; text-align: right; }
.menulinks .menuitem { margin-top: 1%; margin-bottom: 1%; }

.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 { background: #FFF; text-align: center; margin-top: 0; margin-bottom: 10px; }
.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; }

.sidemenu div.pad2 { width: 230px; }
.pnl { padding: 8px 0; margin-bottom: 10px; position: relative; background: #FFF; border: none; }
.pnl > div { padding: 15px 0; }
.pnl .inner { color: #666; }
.pnl div.case { padding: 0px 5px 5px 5px; margin-top: 0px; }
.pnl > a > div { width: 210px; position: relative; }
.pnl .pnl, .pnl > div.pnl { padding: 15px 15px; }
.pnl .pnl, .pnl > div.pnl > div { padding: 0; }

.article.pnl { padding: 0.4%; }

.panel { background: #EEE; padding: 50px 30px; margin-top: 25px; position: relative; }
.panel.nofill { background: transparent; }
.panel.filler { padding-left: 0; padding: 0; margin-top: 0px; }
.panel.filler img { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0; padding: 0 !important; }
.panel .titleoverlay { position: absolute; top: 22%; left: 25%; right: 25%; text-align: center; background: rgba(255,255,255,0.3); padding: 15px; }
.panel .titleoverlay h1 { font-size: 2.7em; }
.panel h1 { font-weight: 200; line-height: 1.4em; margin: 25px 0 15px; }

#profile { position: relative; text-align: center; }
#profile a { vertical-align: top; }
#profile a.avatar { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#profile .avatar { max-width: 100%; font-size: 0; border: solid 5px rgba(255,255,255,0.01); }

#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; }

div.box-hdr, .list > div.box-hdr { background: #E7E7E7 url('../img/bg/box-hdr.png') repeat-x; border: solid 1px #D7D7D7; padding: 1px 5px 1px 5px; }
div.box-hdr h2, .list > div.box-hdr h2 { padding-top: 4px; color: #707070; }
.list { position: relative; }
.list .item { /*font-size: 0.90em;*/ }
.list .item .proposal { max-width: 90%; }
.list > div.box-hdr { margin-bottom: 5px; }
.list > div.date { margin-top: 35px; }
.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; }
div.box-hdr h1 { font-size: 1.5em; padding-top: 4px; }

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

.sidemenu .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%; }

.buttonlist > a{display:inline-block;margin-right:20px;}
.buttonlist  h3{margin-bottom:10px;}
#contentmain2 .groupjoin{padding:30px 20px 45px;background:#F6F6F6;border-radius:10px;font-size:1.2em;text-align:center;}
#contentmain2 .groupjoin .fa{width:20px;}

.groupmember #contentmain2 .groupjoin{padding:0;background:#FFF;text-align:right;font-size:1.1em;}
.groupmember #contentmain2 .buttonlist > a{display:inline-block;margin-right:0;margin-left:20px;}
.fa.red{background:rgba(0,0,0,0)}

.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; }
.sidemenu .inner > .box, div.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%; }
.sidemenu .inner .smallthumbnails { padding-left: 0.75%; overflow: hidden; }
.sidemenu .inner .box { width: 18.5%; margin-right: 0.5%; padding: 0; }
/*
.sidemenu div.inner > div.box { width:19.5%;}*/  

.sidemenu div.inner .list.thumb32 > div.box, .list.thumb32 div.box { height: 32px; width: 32px; }
.list.thumb32 .list-more-wrapper { margin-bottom: 5px; }
.list.thumb32 .list-more { font-size: 13px; padding: 3px; }
.sidemenu .inner > div.box a, div.box a { /* margin-left: 1px;*/ top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.sidemenu .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)"; }
.sidemenu .inner > div { position: relative; padding: 0px 0px 0px 0px; margin-bottom: 1px; min-height: 18px; }

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

.sidemenu .inner > div.selected { border: solid 1px #008595; }
.sidemenu .inner > div.selected a { color: #008595; }
.sidemenu a.pushright { padding-left: 22px; }
.sidemenu a { color: #444; }
.sidemenu .inner > a, .sidemenu .inner .buttonlist > a { font-size: 1.15em; border: solid 1px transparent; display: block; padding: 4px 1px 3px 0px; }
.sidemenu .inner a:hover { text-decoration: none; color: #008595; }
.sidemenu .inner > a:hover, .sidemenu .inner .icn-16:hover, .sidemenu .inner .buttonlist > a:hover { color: #FFF; }
.sidemenu .inner .icn-16 { height: auto; position: relative; margin-left: 0px; margin-right: 2px; padding-left: 24px; }
.sidemenu .inner .icn-16 span { position: absolute; left: 0; }
.sidemenu .inner .icnfa { height: auto; position: relative; margin-left: 0px; margin-right: 2px; padding-left: 4px;border-radius: 0 16px 16px 0;line-height: 22px; }
.sidemenu .inner .icnfa .fa { font-size: 16px; margin-right: 7px; width: 20px; text-align: center; }
.sidemenu .inner .icnfa .fa.red { background: rgba(0,0,0,0); }
.sidemenu .inner .icnfa .fa.fa-check, .sidemenu .inner .icnfa .fa-play, .fa-play, .fa.fa-check { color: #090; }
.fa-play.continue { color: orange !important; }
.sidemenu .inner .icnfa:hover { background-color: deepskyblue; }
.sidemenu .inner > a.nohover { color: #666666; }
.sidemenu .inner > a.red { background-image: none; color: #FFF; }
.sidemenu .inner > a.red.highlight { border: solid 1px #F88; color: #FFF; background-color: #F88; background-image: none; }
.sidemenu .inner > a.red:hover { color: #FFF; border: solid 1px #F00; background: #E00; }
.sidemenu a.ok { color: #555; background: #BFB; border: solid 1px #BBFFBB; }
.sidemenu .inner a.ok:hover { background: #9F9; color: #555; }
.sidemenu a.coloured { color: #666; margin-bottom: 1px; background: #EEE; }

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

.sidemenu div.inner > a.green:hover { background: #BBFFBB; }
.sidemenu .smallthumbnails { min-height: 45px; margin-top: 4px; }
.sidemenu > div { padding-left: 1px; }
.sidemenu > div.copyright { margin-top: 30px; text-align: center; }
.sidemenu div.inner span.note { margin-left: 4px; display: inline-block; }
.sidemenu .float { width: 215px; }
.sidemenu .float > div { float: left; margin: 1px; width: 105px; height: 105px; }
.sidemenu .float > div > a { display: block; width: 105px; height: 105px; }
.sidemenu .ftr, .sidemenu .inner > div.ftr { padding: 5px 3px 0px 2px; margin-bottom: 4px; min-height: 16px; }
.sidemenu .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%; }
/*width:99%;*/
#articlemenu { height: 30px; font-size: 15px; font-family: Tahoma,Geneva; font-weight: normal; background: #008D9D; /* margin: 0px 2px 0px 2px; border-radius: 4px;background: url("/inc/img/bg/hdr-bg-newblue.png") repeat scroll 0 0 transparent;*/ }
.signedin #articlemenu { /*border-radius: 4px 4px 4px 0px;*/ }
.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 { }
#hdr .vxtitle { margin-top: 10px; }

#hdr-right { position: absolute; right: 0; }
#loginpanel { text-align: right; }

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

#instruct { position: relative; width: 99%; height: 20px; background: #F5761F; margin: 5px auto 0px auto; padding: 8px 5px 5px 5px; font-size: 15px; font-family: Tahoma,Geneva; color: #FFF; }
#instruct > .right { text-align: right; right: 0px; top: 0px; bottom: 0px; position: absolute; width: 240px; background: #F5761F; /* Old browsers */ background: -moz-linear-gradient(left, #F5761F 0%, #ffffff 40%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F5761F), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #F5761F 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #F5761F 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #F5761F 0%,#ffffff 40%); /* IE10+ */ background: linear-gradient(to right, #F5761F 0%,#ffffff 40%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#F5761F", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */ }
#instruct a { font-family: Tahoma,Geneva; color: #FFF; }
#instruct > .right a { opacity: 0.9; }
#instruct > .right a:hover { opacity: 1.0; }
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("/skinimg/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; font-family: "Open Sans"; 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: 6%; }

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

.csspie { behavior: url(/inc/css/PIE.htc); }
.dropshadow15 { -webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 5px; box-shadow: rgba(0,0,0,0.1) 0px 0px 5px; behavior: url(/inc/css/PIE.htc); }
.borderradius15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; behavior: url(/inc/css/PIE.htc); }

.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-24 { line-height: 24px; min-height: 24px; padding-left: 26px; background-repeat: no-repeat; background-position: left top; background-color: transparent; }
.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'); opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
.icn-16.graybg:hover > span { background-image: url('../img/icn/sprites/vx_sprites.png?23'); opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.graybg { color: #AAA; }
.graybg:hover { color: #666; }

.icn-16 > span .correct { }

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

#newmessage .rstext textarea{padding:12px 16px 14px;width: calc(100% - 34px);}
#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'); }
/*a.newmessage {color: #666; }*/
.bg100 > span { background-size: 100%; }

.list a.icn-16:hover, a.icn-16:hover, .list a.icn-24:hover, a.icn-24: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; }
.activity-16 > span { background-position: 0px -22px; }
.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; }
.reply-16 > span { background-position: -60px -102px; }
.delete > span { background: none !important; }
.delete > span::before { content: "\f00d"; }
.decline > span { background-position: -100px -80px; }
.cancel > span { background-position: -100px -80px; }
.acceptgrp > span { background-position: -140px -82px; }
.accept > span { background-position: -140px -80px; }

.declinegrp > span { background-position: -100px -82px; }
.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; }
.hide-10 > span { background-position: -240px -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; }
.thoughts-16 > span { background-position: -140px -100px; }
.up-16 > span { background-position: -220px -40px; }
.down-16 > span { background-position: -220px -60px; }
.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; }
.mosaiclist > span { background-position: -180px -140px; }
.ticket > span { background-position: -200px -140px; }
.lock > span { background-position: -120px -160px; }
.module > span { background-position: -140px -160px; }

.myvx > span { background-position: 0 -180px; }
.myteam > span { background-position: -80px -180px; }
.latest > span { background-position: -20px -180px; }
.popular > span { background-position: -40px -180px; }
.random > span { background-position: -60px -180px; }
/*.groups > span { background-position: -22px -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'); }


.learningprofilechart{width: 240px; height: 260px; padding-left: 5px;}

.popmenu-wrap { position: relative; }
div.popmenu-wrap a.popmenutrigger { padding-right: 24px !important; position: relative; }
.popmenu-wrap a { }
.popmenu-wrap a:hover { text-decoration: none; }
a.popmenutrigger.open, a.popmenutrigger:hover { background-color: #09F; color: #FFF; }
a.popmenutrigger .fa { display: block; position: absolute; right: 2px; top: 8px; width: 18px; height: 18px; }
.popmenu { position: absolute; z-index: 10; margin-top: 8px; background: #FFF; display: none; -webkit-box-shadow: 0px 10px 5px 0 rgba(32, 25, 23, 0.5); -moz-box-shadow: 0px 10px 5px 0 rgba(32, 25, 23, 0.5); box-shadow: 0px 10px 5px 0 rgba(32, 25, 23, 0.5); border-radius: 0 4px 0 0; overflow: hidden; }
.popmenu ul { margin: 0; padding: 0; list-style: none; }
.popmenu li { display: block; white-space: nowrap; transition: all ease-in-out 0.2s; }
.popmenu li:hover { background: #09F; }
.popmenu li:hover a { color: #FFF; }
.popmenu li a { display: block; width: 100%; padding: 7px 15px; font-size: 13px; font-family: "Open Sans"; color: #444; }

/*.info-16 { background-image: url('../img/icn/16/information.png'); }*/
.search-16 { background-image: url('../img/icn/16/search.png'); }
.popular-16 { background-image: url('../img/icn/cat/casepopular.png'); }
.portfolio-16 { background-image: url('../img/icn/16/portfolio.png'); }

.toggleicon, .icnbtn.toggleicon { cursor: pointer; font-size: 12px; height: 12px; padding: 2px 2px 2px 14px; background: url('../img/icn/sprites/toggle.png') 0px 2px no-repeat; }
.toggleicon:hover { }


/*Specific*/
.navitas-16 > span, .hmm > span, .course > span { height: 18px; margin-bottom: 1px; }
.navitas-16 > span { width: 28px; background-position: left top; background-image: url('../img/icn/16/navitas-16.png'); }
.hmm > span { width: 30px; background-position: center top; background-image: url('../img/icn/16/hmm_16.png'); }

.notts > span { width: 26px; height: 22px; margin-right: 2px; background-color: #0066CC; background-image: url('/inc/img/old/Customer/notts-nhs/logoweb.png'); background-size: 80%; background-position: center center; }
.bigboxlist .item.notts { background-color: #0066cc; }

/* Friend Selector */
#image-library { height: auto; width: 100%; border: none; margin: 25px 0 10px 0; padding: 0; }
#image-library > div { height: 170px; width: calc(9.75% - 10px); margin: 0px; border: solid 5px #FFF; display: inline-block; background: #FFF; text-align: center; padding: 0px; overflow: hidden; background-repeat: no-repeat; background-position: center center; cursor: pointer; position: relative; transition: all ease-in-out 0.2s; /*background-size: cover;*/ }
.no-touch #image-library > div:hover { border-color: #09F; }
#image-library > div .ftr { position: absolute; bottom: 0; right: 0; left: 0; display: none; background: rgba(0,0,0,0.5); color: #FFF; opacity: 0.75; font-size: 13px; }
#image-library > div .ftr a { color: #FFF; }
#image-library .ftr a:hover { color: #09F; }
.no-touch #image-library > div:hover .ftr { display: block; }
#image-library .file { background-position: center 10%; overflow: visible; background-size: 32px; }
#image-library .file .ftr { display: block; color: #666; background: rgba(0,0,0,0); top: 45px; }
#image-library .file .ftr span { display: block; margin-bottom: 5px; }
#image-library .file .ftr span.gname { font-size: 0.9em; font-style: italic; }
#image-library .file .ftr a { color: #666; font-size: 13px; }

#image-library .icnbtn { background-position: center center; }
.no-touch #image-library > div:hover .lightshow { display: block; }
#image-library .lightshow { top: 2px; right: 2px; position: absolute; display: none; opacity: 0.8; filter: alpha(opacity='80'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.no-touch #image-library .lightshow:hover { opacity: 1.0; filter: alpha(opacity='100'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.detail .pnl { position: relative; }
.detail .caseimage { display: none; }
.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; background-repeat: no-repeat; padding-left: 18px; /*background-color: #FFF;display: inline-block;*/ }

.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; }


.list-options { min-height: 20px; padding-bottom: 2px; margin-bottom: 8px; background: #FFF; z-index: 10; }
.list-options a { width: 18px; height: 18px; margin-right: 3px; float: left; }
.list-options .icn-16:hover > span { background-image: url('../img/icn/sprites/vx_sprites.png?23'); opacity: 1.0; filter: alpha(opacity='100'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.list-options .selected .icn-btn { opacity: 1.0; filter: alpha(opacity='100'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.list-options.btns a { width: auto; float: none; display: inline-block; padding: 3px 10px 2px; position: relative; border: solid 1px #505050; color: #505050; text-decoration: none; }
.list-options.btns a.selected { border: solid 1px #606060; background-color: #606060; color: #FFF; opacity: 1; }
.list-options.btns .icn-16 > span { display: none; }


.lp-options { padding-top: 2px; }
.lp-options a { float: left; margin-right: 1px; padding: 0px 4px 2px 0px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*-moz-border-radius: 2px; border-radius: 2px;*/ }
.lp-options a:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.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; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
.hideshow:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#major-content > .article.editmode { margin-left: 0px; }
.article { padding: 0px; }

.article.editmode { padding: 0px; }
.article img { padding: 5px 8px 8px 5px; max-width: 750px !important; }

.article h2 { margin-top: 10px; margin-left: 0px; width: 95%; }
.article p { padding: 0px; margin: 5px 0px 8px 0px; }
/* Will this mess up display else where?? */

.article.editmode .edit.icn-16 { display: none; }


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

.icn-24 { line-height: 24px; padding-left: 28px; background-repeat: no-repeat; background-position: left top; }
.search-24 { background-image: url('../img/icn/24/search_24.png'); }
.user-teen-male-24 { background-image: url('../img/icn/24/user%20teen%20male%202.png'); }
/* 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; }
.msg-item { position: relative; padding: 17px 17px 17px 17px !important; text-align: left; margin: 10px 0 20px 0; font-size: 1.2em; color: #222; }
.msg-item img.close { display: none; }
.msg-item a { color: #505050; text-decoration: underline; }
.msg-item b { color: #505050; }
.msg-item.errmsg b { color: #111; }
.msg-item .hide-16 { float: right; margin-top: 3px; margin-right: 3px; cursor: pointer; position: absolute; top: 0; right: 0; }
.msg-item ul { margin: 0px 0px 0px 10px; padding: 0px; }
.msg-item .icon { display: none; }
.sucmsg, .strongPass { color: #555; background-color: #BFB; border: solid 1px #BFB; }
.errmsg, .badPass, .shortPass { border: solid 1px rgba(255,0,0,0.1); background-color: rgba(255,0,0,0.3); }
.msg, .hlpmsg { background-color: #DBEEFA; border: solid 1px #DBEEFA; }

.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('/skinimg/loader-16.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

/*Form elements, Checkboxes, Dropdowns, Radio buttons*/ /*text areas text inputs*/
textarea { resize: none; }
.fbox input, .fbox input[type=text], .fbox textarea { width: 98% !important; padding-left: 1%; padding-right: 1%; }

input.txt, input[type=text], textarea, .rstext textarea, .comment textarea { font-family: Segoe UI,Tahoma,Geneva,Arial,sans-serif; border: solid 1px #E0E0E0; color: #303030; -webkit-appearance: none; }
input.txt, input[type=text] { height: 18px; padding: 12px 10px 12px 10px; font-size: 13px; width: calc(100% - 22px); line-height: 18px; }
input.txt:hover, input[type=text]:hover, textarea.txt:hover { border-color: #ECD672; }
input.txt:focus, input[type=text]:focus, textarea.txt:focus { border-color: #ECD672; color: #000; }
textarea, .rstext textarea, .comment textarea { line-height: 22px; padding: 12px 10px 14px 10px; width: calc(100% - 22px); font-size: 13px; }


input.txt.time { width: 130px; background: #FFF url('../img/icn/16/clock.png') no-repeat 120px 2px; text-align: left; }
input.txt.datepicker, input.txt.date { width: 130px; background: #FFF url('../img/icn/16/calendar-16.png') no-repeat right center; text-align: left; }
input[type=submit], input[type=button] { -webkit-appearance: none; -webkit-border-radius: 0; }

.ui-widget-header { border-color: #FFF; background: #EEE; border-radius: 0; }

.block-pnl .uploadbtn { font-size: 12px; color: #606060; margin-left: 4px; padding-bottom: 2px; font-size: 18px; }

.fulltext { border: solid 1px #EEE; }
.fulltext textarea, .fulltext .rstext textarea, .fulltext .comment textarea { border-color: transparent; width: calc(100% - 22px); }

/* Resizable Textbox Formatting */
.rstext { zoom: 1; min-height: 24px; vertical-align: middle; position: relative; }
.rstext.rel { margin-top: 5px; max-width: 100%; }
.rstext .point { display: block; position: absolute; top: -5px; left: 20px; height: 7px; width: 13px; background: transparent url('/inc/img/design/resizable-textbox-point.png') no-repeat; }
.rstext textarea, .comment textarea { color: #303030; font-size: 1.1em; line-height: 22px; overflow: auto; margin-bottom: 0px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; transition: height 0.2s;  }

.rstext textarea { min-height: 22px; }
.rstext .controls { display: none; height: 24px; position: absolute; bottom: 5px; right: 16px; max-width: 150px; }
.rstext:hover .controls { display: block; }
.rstext .controls a { cursor: pointer; margin-top: 1px; display: block; float: right; width: 22px; height: 21px; border: solid 1px #FFF; opacity: 0.7; filter: alpha(opacity = '70'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.rstext .controls a:hover { border: dashed 1px #09F; opacity: 1.0; filter: alpha(opacity = '100'); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.rstext .controls span.chars { margin-right: 5px; display: block; padding-top: 5px; float: right; color: #666; font-size: 10px; }
.rstext .controls a.spell { background: transparent url('/inc/img/design/spellcheck_small.png') no-repeat center center; }

.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; }
/* is this needed? */
.txt135 { width: 129px; }
.txtbox { margin-right: 0px; background-repeat: no-repeat; height: 19px; }
.txtbox input.txt { background: none; padding: 0px; margin: 0px; font-size: 11px; width: 96%; border: solid 1px #999; padding-left: 3px; }
.txtbox input.txt:focus { outline-width: 0; outline: none; }
.btn, button.btn, input[type=submit].btn { border: solid 1px #AAA; border-color: #C4D1DB #AAA #AAA #C4D1DB; color: #404040; background: #FFF; cursor: pointer; font-family: "Open Sans", Tahoma,Geneva, Arial; 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: 6px;margin-top: 4px;}
.biglist .type { display: none; }
.unread .markasread, .privatemessages .unread .post-options{display:block;}
.markasread, .privatemessages .post-options{display:none;}


/*.btn { background: #C0C0C0; color: #FFF; text-decoration: none; padding: 2px 7px 2px 7px; }
.btn:hover { text-decoration: none; }
.btn.icn-16 { padding-left: 20px; }*/

/*buttons*/
.container-search { position: relative; border: solid 1px #E0E0E0; background: #FFF; max-width: 100%; height: 30px; min-width: 200px; }
.container-search input.txt { position: absolute; top: 0; right: 25px; bottom: 0; left: 0; border-color: #FFF; border-right: none; padding: 5px; width: 82%; }
.container-search .search { width: 20px; height: 18px; cursor: pointer; display: block; position: absolute; right: 4px; top: 2px; 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-darkbg.gif') no-repeat !important; background-size: 16px !important; }
.container-search .clear-btn { 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; }
.container-search .search, .container-search .clear-btn { top: 6px; }

#hdr #search-box .container-search { background: rgba(0,0,0,0); border-color: rgba(255,255,255,0.2); }
#hdr #search-box .container-search input.txt { background: rgba(0,0,0,0); border-top: none; border-right: none; border-left: none; border-bottom: none; color: #008596; transition: all ease-in-out 0.2s; height: auto; }
#hdr #search-box .container-search input.txt:focus { color: #FFF; }

.vx-hdrimg #hdr #search-box .container-search input.txt { color: #666; }
.vx-hdrimg #hdr #search-box .container-search input.txt:focus { color: #000; }

/* Paging */
.pages { margin: 5px 0 8px 0; height: 25px; }
.pages a, .pages span { white-space: nowrap; border: 1px solid transparent; text-decoration: none; background-color: transparent; padding-top: 2px !important; padding-bottom: 2px !important; display: block; float: right; font-weight: bold; }
.pages span { font-weight: normal; }
.pages a { color: #777; padding-left: 2px; padding-right: 2px; min-width: 14px; text-align: center; }
span.page-count { color: #606060; padding-left: 5px; }
.pages a:hover { background-color: white; border: 1px solid #707070; }
.pages a:active, .pages a.sel { background-color: #777; color: #FFF; border: 1px solid #777; }
.pages a.large { min-width: 32px; }
.report-main div.pages a { padding-left: 0px; padding-right: 0px; }

/* Mosaic Styles */
.item a.more { font-size: 11px; }
.list-more-wrapper { margin: auto auto 5px auto; }
.scrolleddeeper .list-more-wrapper { clear:both;}
.list-more { font-family: Verdana,Arial,sans-serif; text-transform: lowercase; padding: 5px; font-size: 16px; display: block; text-align: center; color: #666; }
.list-more:hover { text-decoration: none; color: #444; }
.list a.list-more:hover { text-decoration: none; }
.list-more img { width: auto; margin: 0 auto !important; }

.clickguard { position: absolute; width: 100%; height: 100%; background: transparent url('/inc/img/bg/bg_white_opacity_70.png') repeat; }
.mosaic-wrapper { margin: 10px auto 0px auto; position: relative; }
.mosaic { position: relative; width: 100%; height: 100%; z-index: 10; }
.mosaic > .item .sub { position: absolute; }
.mosaic > .item .ftr { padding: 4px 4px 2px 0px; position: absolute; bottom: 0px; right: 0px; left: 0px; height: 22px; background: none; border: none; text-align: left; }
.mosaic > .item .ftr .f-rit { position: absolute; right: 4px; top: 2px; }
.mosaic .hoverpopup { display: none; position: absolute; top: 0; left: 0; font-size: 12px; z-index: 100; background-color: #FFF; border-style: solid; border-width: 1px; border-right: none; border-color: #D7D7D7; -webkit-box-shadow: #000 0px 0px 15px; -moz-box-shadow: #000 0px 0px 15px; box-shadow: #000 0px 0px 15px; behavior: url(/inc/css/PIE.htc); }
.mosaic .hoverpopup a.more { font-size: 12px; }
.mosaic .hoverpopup h3 { font-size: 1.3em; }
.mosaic .hoverpopup .content { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; overflow: hidden; padding-left: 2px; padding-right: 2px; background-color: #FFF; /*IE7 needs background color, otherwise CSS3PIE glitches and makes these transparent*/ }
.mosaic .content .thumb { }
.mosaic .content p { margin: 0px; padding: 2px 12px 4px 6px; text-align: justify; }
/*RESTYLE THIS*/
.reasondock { background: #FFF url('../img/bg/reason-dock-bg.png?123') right repeat-y; position: absolute; right: 0; top: 0; bottom: 0; width: 24px; /*27px;*/ overflow: hidden; }
.reasondock > a.hide-16 { display: block; height: 18px; width: 0; height: 19px; margin: 4px auto; }
.reasondock > div { background-position: center; width: 16px; height: 16px; margin: 2px auto; }
.mosaic .reasondocktooltip { width: 0; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; height: 32px; behavior: url(/inc/css/PIE.htc); }
.mosaic .renderdock { border-width: 1px; }
.mosaic > .item1 { height: 77px; width: 113px; }
.mosaic > .item2 { height: 156px; width: 228px; }
.mosaic > .item1 h3 a, .mosaic > .item2 h3 a { font-size: 14px; }
.mosaic > .item2 .sub, .mosaic > .item1 .sub, .mosaic > .item3 .sub { bottom: 27px; }
.mosaic > .item2 .thumb, .mosaic > .item1 .thumb { width: 46px; height: 46px; }
.mosaic > .item3 { width: 363px; height: 235px; }
.mosaic > .item3 .thumb, .mosaic > .item4 .thumb { width: 50px; }
/* Large */
.mosaic > .item4 { width: 458px; height: 312px; }
.mosaic > .item4 .thumb { height: 77px; width: 120px; }
.mosaic > .item4 .hoverpopup, .mosaic > .item3 .hoverpopup { top: 0px; left: 0px; right: 0px; bottom: 0px; }
.mosaic > .item4 > .hoverpopup { font-size: 12px; box-shadow: none; }
.mosaic > .item4 .sub { bottom: 34px; }
.mosaic > .item4 .ftr { height: 26px; }

.mosaic-over { display: none; width: 100%; height: 100%; background: #000; z-index: 10; }
.mosaic-caseview { position: absolute; top: 5%; left: 5%; width: 90%; background: white; z-index: 20; }
.bio { padding-top: 2px; }

.mosaic > div.item { position: absolute; padding: 0px; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-image: url('/inc/img/icn/white-loader-16.gif'); background-color: #EEE; }
.mosaic > div.item.null { background: #FFF; }
.mosaic > h3 { margin-top: 3px; padding-left: 4px; padding-right: 4px; }
.mosaic > .item.user .bio { }
.mosaic > .item.case .proposal { font-size: 12px; text-align: left; }
.mosaic > .item.case .proposal a.sml-btn { margin-left: 10px; }
.mosaic > .item a.info { left: 40%; right: auto; }
.mosaic > .item .content a.hide-16 { position: absolute; top: 2px; right: 2px; height: 18px; background-color: #FFF; }
.mosaic > .item a.share { left: auto; right: 4px; }
.mosaic > .item .topright { left: 4px; color: #888; }

/*these get made visible dynamically*/
.mosaic > .item .reasonicon { position: absolute; top: 0px; right: 0px; display: none; width: 20px; height: 20px; padding-left: 0px; }
.mosaic > .item .typeicon, .list table.tr .typeicon { position: absolute; top: 0px; left: 0px; display: none; width: 20px; height: 20px; padding-left: 0px; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.list table.tr .typeicon { display: block; position: relative; }
.mosaic > .item .reasonbanner { margin-left: 0; margin-right: 0; background-color: #FFF; position: absolute; top: 0px; right: 0px; width: 18px; display: none; padding: 4px; color: #FFF; }
.mosaic > .item .reasonbanner div.icn-16 { position: absolute; top: 0; right: 0; }

.caseoftheweek { }
.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; }
.list > div h3 { padding-bottom: 0px; margin-bottom: 4px; text-decoration: none; }
.list > div h3 a { /*color:#000;  font-size: 1.1em;*/ }
.no-touch .list > div h3 a:hover { text-decoration: underline; }

.list .item h3 { line-height: 1.25em; margin-top: 0; text-transform: none; position: relative; margin-left: 55px; /*font-weight: normal;letter-spacing:0.015em*/ }
.list .item .issue h3 { padding-bottom: 0px; }
.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{margin-left: 85px;}
.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; }



/* 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: #008595; }
.post a.nobold { font-weight: normal; text-decoration: underline; }

.body .note { padding-left: 0px; }

.post-options { font-size: 1.05em; padding: 6px 0 6px 1%; background: rgba(240,240,240,0.7); display: block; position: relative; }
.post-options a { margin-right: 8px; color: #666; 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: 0; }
.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; }

.smalllist .comment { background: #E0E0E0; padding: 5px; margin-top: 1px; }
.comment textarea { margin-top: 1px; }
.item .body.children .comment td { padding: 5px; }
.item .body.children .comment td:last-child { padding-left: 0; width: 46px; }
.comment td:last-child { vertical-align: bottom; }
.body.children { background: rgba(240,240,240,0.7); padding-bottom: 0; }
.body.children > div { position: relative; }
.body.children > div, .body .children { padding: 10px 1.5% 10px; margin-top: 0; border-bottom: none; background-color: rgba(240,240,240,0.7); }
.body.children > div .thumb { width: 32px; height: 32px !important; background-size: cover; border-radius: 0; }
.body.children > div .inn { margin-left: 37px; }
.body.children > div.owner { background: rgba(250,250,250,0.5); }

.boarddetail .body.children { margin-left: 0; }

.pop .body h4 { font-size: 1.2em; font-weight: bold; /*background: #EEE;*/ 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; }

.children.likes, .detail .inn .likes { font-size: 11px; }
.children.likes > span.icon { float: left; display: block; width: 18px; height: 18px; background-image: url('/inc/img/icn/sprites/vx_sprites.png'); background-repeat: no-repeat; background-position: -142px -82px; }
.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; }
.pop .body { min-height: 50px; padding: 2px; }
.pop .msg-container { padding: 2px; }
.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; }
.pop div.site img { border: none; float: left; }
.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 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;}

.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; }
.red { background: #EEE; }
.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; }
/*
.hosttime{background:#0F0;colour:#F00;}
.clienttime{background:#00F;colour:#FFF;}
*/

.socialbtn { color: #FFF !important; padding: 4px 10px 3px; line-height: 38px; display: block; min-width: 200px; text-align: center; font-weight: 600; margin-bottom: 3px; }
.socialbtn:hover { text-decoration: none; }
.socialbtn .fab { margin-right: 8px; font-size: 1.2em;font-weight:normal }
.socialbtn.facebook { background-color: #3C66C4; }
.socialbtn.google { background-color: #CF4332; }
.socialbtn.linkedin { background-color: #283E4A;  }
.socialbtn.facebook:hover { background-color: #2B55B3; }
.socialbtn.google:hover { background-color: #BE3221; }
.socialbtn.linkedin:hover { background-color: #394F5B; }

/* 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; }

.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 */
.mosaic .stat { bottom: 34px; right: 2px; height: 14px; }
.mosaic .stat > div { height: 13px; }
.stat { height: 17px; right: 1px; bottom: 4px; position: absolute; width: 120px; background: #8FD401; border: none; }
.stat > div { font-size: 11px; font-family: Arial; }
.yesno { width: 100%; border: none; }
.yesno > div { text-align: center; bottom: 0; top: 0; position: absolute; padding: 1px 0px 3px 0px; cursor: pointer; transition: all ease-in-out 0.2s; }
.yesno .yes { background: #8FD401; color: #FFF; left: 0; }
.yesno .no { background: #F00; right: 0; color: #FFF; }
.yesno .yes:hover { background: #3C3; }
.yesno .no:hover { background: #D00; }

.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: 25px 0 0 0;}
.unread .markasread, .unread .options > a.markasread { display: block; }
.options > a.markasread, .markasread { display: none; }
.announcement, .list > div.item.announcement { }
.announcement .subject { font-size: 13px; font-family: "Open Sans", Segoe UI,Tahoma,Geneva,Verdana,Arial,sans-serif; }
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; }

.biglist > div { min-height: 125px; margin: 0; padding: 2px; padding-bottom: 6px; }
.biglist > div:nth-child(2n) { margin-left: 1%; }
.biglist > div > div.case { padding-right: 30px; }
.biglist > div > div.case.nopad { padding-right: 0px; }
.biglist .stat { height: 16px; }
.biglist .stat > div { height: 12px; }
.biglist .thumb { width: 80px; height: 60px; margin-bottom: 15px; margin-right: 12px; background-size: cover; }
.biglist div > h3 a { padding-bottom: 0px; line-height: 20px; padding-bottom: 0px; line-height: 12px; text-transform: uppercase; letter-spacing: 0.3px; font-size: 14px; }
.biglist div > h3 { max-width: 85%; font-size: 1.35em; line-height: 1.35em; margin-bottom: 5px; }
.biglist .desc { text-align: justify; margin-bottom: 25px; margin-left: 90px; font-size: 0.9em; }
.biglist ul { margin: 2px 0px 4px 80px; padding-left: 20px; }
.biglist > .item { padding-bottom: 15px; padding-right: 0px; margin-bottom: 8px; float: left; width: 47.5%; }
.biglist > .item:first-child { border-top: none; }
.biglist > .item > .post .user { margin-left: 0px; }
.biglist .item .body { margin-left: 87px; max-width: 80%; }
.biglist .proposal { font-size: 15px; margin-bottom: 5px; line-height: 19px; }
.biglist > div.list-more-wrapper { clear: both; }

.item .stat { left: 0px; width: 105px; bottom: 2px; }
.biglist .item .stat { top: 87px; width: 105px; bottom: 0px; left: 8px; }
.mosaic div.item .stat { width: 90px; bottom: 34px; right: 2px; height: 14px; }

.list .item { background: #FFF; padding: 8px 8px; border-bottom: solid 1px #EFEFEF; }
.pnl .list .item { margin-bottom: 10px; }
.pnl .list > div h3 a { }
.pnl .pnl { background: #FFF; border: solid 1px #EEE; }


.list .item{transition:all ease-in-out 0.2s;}

.smalllist.border .item { border: solid 1px #EFEFEF; padding-top: 15px; }
.smalllist .item { margin-bottom: 30px; position: relative; min-height: 60px; padding: 0; text-align: left; }
.smalllist .item table { border-collapse: collapse; }
.smalllist .item div.item { border-bottom: none; }
.smalllist .item .desc { margin-left: 47px; padding-bottom: 15px; }
.smalllist .item .padl110 { padding-bottom: 8px; }
.smalllist > .item .body > div { padding-left: 18px; }
.smalllist .item .body .child { padding-left: 8px; }  

.smalllist tr td { padding-bottom: 0px; }
.smalllist div > h3, .smalllist div > h2 { margin-top: 0px; }
.smalllist div > h3 { font-size: 12px; }
.smalllist.list > div h3 { font-size: 15px; max-width: 85%; }
.smalllist .proposal b { font-weight: normal; }
.item .topright { color: #999; font-family: "Open Sans",Tahoma,Geneva; font-size: 0.9em; position: absolute; right: 4px; top: 7px; }

/*Version 2 Wall Items*/
.p-author { font-size: 1.25em; color: #263990; font-weight: 500; min-height: 45px; }
.p-author a { color: #263990; font-weight: bold; }
.p-attachments.attachments { padding-left: 0px !important; }
.p-attachments.attachments > div { width: 25%; text-align: center; max-height: 250px; overflow: hidden; vertical-align: top; }
.p-attachments.attachments > div img { width: 100%; max-width: 100%; border-radius: 0; vertical-align: top; }
.p-attachments.attachments > div a { display: block; width: 97%; padding: 1.5%; }

.p-attachments.attachments.large { }
.p-attachments.attachments.large > div { max-height: 500px; }
.p-attachments.attachments.large > div a { width: 70%; margin: auto; padding: 0%; }
.p-attachments.attachments.medium { width: 100%; }
.p-attachments.attachments.medium > div { max-height: 200px; }

.subject { font-size: 1.15em; color: #222; margin-top: 10px; margin-bottom: 15px; }

.p-detail { color: #111; padding: 10px 1% 15px 1%; font-size: 1.05em; max-width: 100%;word-break: break-word;}
.p-detail h4 { font-size: 1.2em; font-weight: bold; }
.p-detail h4 a { color: #111; }
.p-detail p { margin-top: 0; }
.item .extra { padding: 5px; }
.item .p-detail .stat { margin: 3% 0%; height: 40px; position: relative; width: 98%; clear: both; }
.item .p-detail .stat > div { padding-top: 1.6%; font-size: 1.4em; }
.item .p-detail .yesno .yes { }

.p-agreement { margin-top: 25px; font-weight: 500; font-size: 1.25em; }
.item .p-agreement { margin-bottom: 20px; }

.d-main-outer { max-width: 100px; max-height: 100px; }
.d-main { float: left; margin-right: 2.5%; margin-bottom: 1.5%; }
.p-detail table.content { width: 100%; border-collapse: collapse; }
.p-detail table.content td:first-child { max-width: 40%; }
.p-detail table.content td:last-child { padding-left: 3%; max-width: 360px; min-width: 60%; text-align: justify; }
.p-detail table.content img { width: 100%; max-width: 200px; min-width: 100px; }
.p-detail table.content img.icon { max-width: 18px; min-width: 16px; }
.p-detail table .media .img .bg { margin: auto; background-color: #CCC; padding: 5px; }

.smalllist .thumb { width: 45px; height: 45px !important; position: relative; margin-right: 7px; margin-left: 2px; margin-bottom: 2px; background-size: 100%; border-radius: 50%; }
.smalllist .item { padding-top: 2px; }
.smalllist.border > div > div > .thumb { margin-left: 15px; }

.smalllist > .item .body > div.x00{/*max-height:350px;overflow:hidden*/}
.smalllist > .item .body > div.showmore{max-height: 300px;overflow:hidden;position:relative;transition:all ease-in-out 0.2s;}
.smalllist > .item .body > div.showmore .morecontainer{
position:absolute;bottom: 0;left: 0;right: 0; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8127451664259454) 30%, rgba(255,255,255,1) 99%); 
text-align:center;padding:25px 0px;}
.smalllist > .item .body > div.showmore a.showmorebutton{font-size:10px;}

/*Version 2 Wall Items END*/
.quicksearch div.site { width: 60px; max-height: 25px; right: 0px; top: -1px; }
.quicksearch div.item { text-align: left; overflow: hidden; }
.quicksearch.list > div.bg { padding: 0; }
.quicksearch { text-align: left; display: block; position: fixed; z-index: 1051; background: #FFF; filter: alpha(opacity = '90'); /* border-color: #FFF #D7D7D7 #D7D7D7 #D7D7D7; border-top: none;border-width: 1px; border-style: solid;position: absolute;*/ }
.quicksearch > * { background-color: white; }
.quicksearch.dropshadow15 { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.quicksearch > h3 { padding-top: 0px; padding-left: 4px; padding-bottom: 0px; font-size: 11px; color: #000; font-weight: normal; background: #FFF; border-bottom: solid 1px #E6E6E6; position: relative; z-index: 1052; }
.quicksearch > div { z-index: 1052; }
.quicksearch .thumb { background-position: left center; background-size: 100%; width: 32px; margin: 2px 7px 5px 4px; padding-right: 0px; }
.quicksearch .topright { right: 2px; }
.quicksearch > .item { overflow-y: hidden; padding: 4px 5px 2px 2px; }
.quicksearch .item:hover { background: #09F; cursor: pointer; color: #FFF; }
.quicksearch .item h3 { margin: 0; padding-bottom: 3px; padding-top: 0px; font-size: 13px; }
.quicksearch .item .proposal { font-size: 11px; }
.quicksearch .item .proposal b { font-weight: normal; }
.quicksearch .item:hover h3 a { color: #FFF; text-decoration: none; }
.quicksearch a { transition: none; }
.no-touch .quicksearch a:hover { text-decoration: none !important; }
.quicksearch .item:hover .proposal { color: #FFF; }
.quicksearch .item:hover span.note { color: #FFF; }
.quicksearch .item.group > .topright { position: absolute; left: 0; bottom: 0; color: #888; }

.quicksearch #search-top { padding: 0px; background: #FFF; position: absolute; top: -12px; left: 0; right: 0; height: 12px; border-right: 1px solid #D7D7D7; border-left: 1px solid #D7D7D7; z-index: 1000; }
.quicksearch #search-ftr { text-align: center; font-size: 0.85em; min-height: 25px; border-bottom-color: rgba(0,0,0,0); }
.quicksearch #search-ftr span { color: #606060; font-style: italic; }
.quicksearch #search-ftr:hover span, .quicksearch #search-ftr:hover b { color: #FFF; }
.quicksearch .nodata { margin: 2px; color: #A0A0A0; font-size: 0.9em; text-align: center; }

.caseListUL { list-style: none; float: left; padding: 0; }
.caseListUL > li { float: left; }

.blue-border { border: solid 1px #366EAA; }

select.listbox option { padding: 2px 5px 2px 5px; }
span.dropdown { display: none; }
span.disabled { background-position: right -42px; }

select.dropdown { width: 170px; vertical-align: top; margin-top: 4px; padding: 4px 7px; position: relative; border: 1px solid #e0e0e0; }
/*HACK FOR IE8 do not merge*/
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%; }

.samefont, .samefont a, .samefont label, .samefont .label, .samefont .checkbox label { font-size: 12px; }
.icn-16 .request-box { margin: 0px 1px 1px 1px; }

/* Input Styling: END */
#divDialog { min-height: 100px; background: #FFF; border: 2px solid #FFF; padding: 2px; z-index: 1000; overflow: no-display; position: fixed; left: 50px; top: 20px; right: 50px; bottom: 20px; }
#divDialog > .container { width: auto; overflow: hidden; overflow-y: auto; max-height: inherit; position: absolute; top: 15px; right: 0; bottom: 0; left: 15px; min-height: 0 !important; padding: 0 15px 15px 0; }
#divDialog > .container .dialog-inner, #divDialog > .container .dialog-inner > iframe { position: absolute; top: 0; right: 10px; bottom: 0; left: 0; }
#divDialog > .container .dialog-inner > iframe { min-height: 100% !important; }

.popup-pnl { position: fixed; top: 10%; /*margin: 0 auto auto 46%;*/ 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; }

#major-content > div.detail { padding: 0px 2px 0px 0px; }

.casedetail .inner { text-align: justify; }
.detail .inner { font-size: 1.2em; }
.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 { /*min-height: 60px; */ }
.detail .desc.hasboard { min-height: 264px; }
.detail .desc, .detail .proposal { margin-bottom: 5px; padding-left: 0; padding-right: 0; }
.detail #importdetails { font-size: 0.8em; }
#importdetails .copyright { float: right; }
#importdetails { color: #808080; }
.detail .charts { min-height: 220px; }
.detail .chart-title { padding-top: 0px; }
.detail h2 { margin-top: 5px; font-size: 15px; }
.detail .proposal { font-size: 1.25em; padding: 10px 0px 35px 0px; text-align: left; }
.detail div.cat.c, .detail div.cat.v, .detail div.cat.f, .detail div.cat.s { width: 20px; }

/*.detail .desc img { max-width: 30%; float: right; margin: 10px 0 20px 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 { border: solid 1px #C0C0C0; padding: 1px 1px 1px 4px; border-radius: 2px; -moz-border-radius: 2px; font-size: 11px; vertical-align: middle; color: #606060; background: #C2C2C2; 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) ); }
.casetype div.cat { float: right; height: 18px; min-height: 18px; padding-bottom: 0px; }*/

.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%; }
.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%; }

/*Buttons for Response.*/
.green-btn.larger, .brightgreen-btn.larger, .red-btn.larger, .secondary-btn.larger, .brightred-btn.larger { font-size: 1.05em; padding: 5px 16px 6px 16px !important; text-decoration: none !important; }
.green-btn.thin, .brightgreen-btn.thin, .red-btn.thin, .brightred-btn.thin { font-size: 0.9em; padding: 0px 8px 0px 8px !important; }
.green-btn.icn-16, .brightgreen-btn.icn-16, .red-btn.icn-16 { padding-left: 0px; display: block; }
.green-btn:disabled, .green-btn:disabled:hover, .red-btn:disabled, .red-btn:disabled:hover,
.brightred-btn:disabled, .brightred-btn:disabled:hover { border: solid 1px #E0E0E0; color: #FFF; background: #E0E0E0; cursor: default; }

input.primary-btn[disabled] { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.primary-btn, .green-btn, .brightgreen-btn, .red-btn, .secondary-btn, .primary-btn, input[type=submit],
.popmenu-wrap a.popmenutrigger { transition: all ease-in-out 0.2s; text-decoration: none !important; padding: 5px 15px 5px 15px !important; font-size: 1em; background: #606060; border: solid 1px #606060; color: #FFF; text-shadow: none; margin: 0 3px 1px 0; letter-spacing: 0.5px; text-transform: uppercase; font-family: 'Open Sans'; white-space: nowrap; cursor: pointer; font-weight: 500; line-height: 25px; display:inline-block; }
.primary-btn:last-child { margin-right: 0; }
.primary-btn.small, .list .primary-btn.small, .navi_button .primary-btn.small { font-size: 0.9em; padding: 3px 8px !important; }
.primary-btn.small .fa { }
.primary-btn:hover, .primary-btn:hover,
input[type=submit]:hover, .secondary-btn:hover { background: #404040; border: solid 1px #404040; text-decoration: none; }

.green-btn, input.green-btn, input[type="submit"].green-btn { background-color: #5BB75B !important; border-color: #5BB75B !important; background-image: none !important; }
.brightgreen-btn { background-color: #33CC33 !important; border-color: #33CC33 !important; background-image: none !important; }
.red-btn { background-color: #900 !important; border-color: #900 !important; background-image: none !important; }
.brightred-btn { background-color: #F00 !important; border-color: #F00 !important; background-image: none !important; }

.secondary-btn, input.secondary-btn, input[type=submit].secondary-btn { background-color: #FFF; border-color: #606060; color: #606060; background-image: none !important; background-image: none !important; }

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

.list .primary-btn, .navi_button .primary-btn { padding: 3px 11px 4px 11px !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; }
.popUP .inner { padding: 10px 20px 15px; }

.dialog-inner { background: #FFF; padding-bottom: 0px; }
.dialog-inner > .detail > .f-rit { margin-top: 18px; }
.dialog-inner .article.pw100 { width: 98% !important; margin: auto; }
.proposal { color: #244C88; font-weight: normal; }
h2.proposal { font-weight: bold; top: 8px; font-size: 1.6em; text-align: center; padding-top: 10px; padding-bottom: 10px; }

.attribute-form { }
.attribute-form tr { line-height: 22px; }
.attribute-form.fitspace tr td:first-child { width: 180px; }

td.textbox, td.textarea, td.dropdownlist { width: 30%; }
td.textbox:last-child { width: auto; }
label.CheckBoxList, label.RadioButtonList { display: block; margin-top: 12px; }

/* Post issue */
#paioptions { }
#paioptions .option { position: relative; border: solid 3px transparent; height: 175px; width: calc(25% - 21px); margin-right: 5px; margin-bottom: 5px; display: inline-block; padding: 5px; cursor: pointer; opacity: 0.85; transition: all ease-in-out 0.2s; background: #444 !important; }
#paioptions .option.selected { border: solid 3px #09F; opacity: 1.0; }
#paioptions .option.selected .bg { opacity: 0.9; }
#paioptions .option:hover { opacity: 1.0; border: solid 3px #09F; }
#paioptions .option:hover .bg { opacity: 0.9; }
#paioptions h3 { position:absolute; font-size: 1.9em; text-transform: none; color: #FFF; margin-top: 70px; margin-left: 7px; text-align: left; }
#paioptions .icon { background-image: url('../img/icn/sprites/issues.png'); background-repeat: no-repeat; background-size: 95%; width: 85px; height: 85px; float: right; margin: 45px 10px 0 0; }
#paioptions .note { z-index: 11; position: absolute; top: 0; bottom: 0px; left: 0px; right: 0px; padding: 15% 10%; color: #222; line-height: 14px; font-family: 'Segoe UI', Arial; font-size: 14px; transition: all ease-in-out 0.2s; visibility: hidden; }
#paioptions .option:hover .note { visibility: visible; background: rgba(0,0,0,0.9); }
#paioptions .note > .content { padding: 8px 5px; position: relative; z-index: 11; color: #FFF; }
#paioptions .xp { position: absolute; right: -7px; top: -7px; display: none; width: 25px; transition: all ease-in-out 0.2s; z-index: 15; font-size: 11px; font-weight: 400; }
.no-touch #paioptions .option:hover .xp { display: block; }

.xp { border-radius: 15px; background: #090; color: #FFF; padding: 8px 4px 8px 4px; font-size: 0.9em; font-weight: bold; text-align: center; }
.xp.red { background: #F00; }

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

.xp-item { width: 90px; border: dashed 1px #E0E0E0; padding: 2px 5px 2px 5px; text-align: center; font-family: 'Lucida Grande',Tahoma,Geneva,Verdana,Arial,sans-serif; color: #090; }
.xp-item .score { font-size: 1.7em;; }
.xp-item .score i { font-style: normal; font-size: 0.9em; }
.xp-item .level { font-size: 10px; font-style: italic; color: #AAA; }
.list .xp-item { position: absolute; right: 0; top: 2px; }
.list.rankings .xp-rank { position: absolute; left: 0; top: 0; bottom: 0; font-size: 17px; padding: 2px 5px 2px 5px; text-align: center; width: 50px; }
.list.rankings .thumb { margin-left: 60px; }

.myrank { color: #090; border: solid 2px #090; background: #FFF; margin-bottom: 5px; position: relative; }
.myrank h2 { color: #090; }
.myrank .xp-item { position: absolute; right: 2px; top: 2px; bottom: 2px; border-color: #090; }
.myrank .xp-item .score { font-size: 21px; }

.wizard_navi { margin: 0px 0px 0px 0px; padding: 0; background: #E0E0E0; border: solid 1px transparent; height: 36px; font-size: 1.2em; }
.wizard_navi li.active, .wizard_navi li.beforeactive { background: #606060; font-weight: normal; color: #FFF; }
.wizard_navi li.active .point, .wizard_navi li.beforeactive .point { border-left-color: #606060; }
.wizard_navi li.beforeactive .point { border-top: none; border-bottom: none; }
.wizard_navi li.beforeactive.active .point { border-top: 19px solid transparent; border-bottom: 19px solid transparent; }
.wizard_navi li .point { position: absolute; top: 0; bottom: 0; right: -10px; border-top: 19px solid transparent; border-left: 10px solid #E0E0E0; border-bottom: 19px solid transparent; }
.wizard_navi li { height: 21px; position: relative; margin-right: 10px; list-style-type: none; list-style-image: none; float: left; color: #404040; cursor: pointer; padding: 8px 10px; }

.navi_button { position: absolute; top: 4px; right: 10px; }


.wizard { overflow: hidden; font-size: 12px; min-height: 700px; width: 100%; }
.wizard h3 { margin: 6px 0px 2px 0px; }
.wizard .items { width: 700%; clear: both; position: absolute; }
.wizard .page { position: relative; padding: 0 0 0.3% 0; width: 14.29%; float: left; min-height: 600px; /* overflow-x: none;*/ }
.wizard .page.questions { overflow-x: none; }
.wizard .error { border: 1px solid #F99; }

.wizard #postoptions { max-width: 100%; margin: 1% auto 2% auto; }

/* title */
.navbuttons { margin-top: 10px; position: relative; }
.navbuttons > .next, .navbuttons > .submit { position: absolute; right: 10px; top: 0; }
.navbuttons > .prev { position: absolute; left: 0px; top: 0; }

#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: 18px; }
#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; }

.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 .chart-container { margin: 0px auto 35px auto; }
.report-main .chart-container.mauto { margin-right: auto; margin-left: auto; }

#divDialog { overflow: hidden; }
#divDialog .nosubmit .preview { display: none; }
#divDialog .preview { border: solid 1px #D7D7D7; margin-top: 10px; margin-left: 5px; min-height: 50px; width: 750px; padding: 0; border-top: none; }
#divDialog .preview .canvas { margin: 5px; }
.editor .inner { padding: 5px; }

.preview { }
.preview .canvas { border: solid 1px #FFF; background: #FFF; }
.preview .canvas th { font-weight: normal; color: #606060; }
.preview .canvas tr th { padding: 2px; background: #E7E7E7; border-bottom: solid 1px #E0E0E0; }
.preview .canvas tr th:first-child { padding: 2px 2px 2px 5px; background: #E7E7E7; text-align: left; border-right: solid 1px #E0E0E0; }
.preview .canvas tr td { padding: 5px 2px 1px 2px; min-width: 30px; }
.preview .canvas tr td .checkbox.nolabel span.item, .preview .canvas tr td .radio.nolabel span.item { margin-left: 40%; }

.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; }
.learningprofile.ar-OM .module > tbody > tr > td:first-child { text-align: right; font-size: larger; padding-left: 2px; padding-right: 2px; }
.learningprofile.ar-OM { }
.learningprofile.ar-OM h1, .learningprofile.ar-OM .chart-title, .learningprofile.ar-OM .showhide { text-align: right; }
.learningprofile.ar-OM .showhide .f-rit { float: left; }

.share { text-align: right; }
.share > div { display: inline-block; padding: 5px 5px 8px 5px; }
.share > div.f-lft { float: left; }
/* Style Helpers */
div.inner > .thumb-container, .thumb-container { margin-bottom: 1%; min-height: 55px; }
.thumb-container > div { float: left; margin: 1px; }
.thumb-container .thumb { margin-right: 0px; width: 54px; }
.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; }

.sml-font { font-size: 0.9em; }
.bold { font-weight: bold; }
.collapse { border-collapse: collapse; }
.inline, .ln { display: inline; }
.i-blk { display: inline-block !important; }
.none { display: none !important; }
.softnone { display: none; }
.invisible { visibility: hidden; }
.mauto { margin: auto; }
.m0 { margin: 0px !important; }
.m5 { margin: 5px; }
.mr10 { margin-right: 10px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px !important; }

.nopad { padding: 0px !important; }
.nomargin { margin: 0px !important; }

.pad10 { padding: 10px; }
.pad5 { padding: 5px; }
.pad2 { padding: 2px; }
.p25 { padding: 25px; }
.padt2 { padding-top: 2px; }
.padt5 { padding-top: 10px; }
.padt10 { padding-top: 15px; }
.padt20 { padding-top: 25px; }
.padt50 { padding-top: 55px; }

.padb5{padding-bottom:5px}

.padl15 { padding-left: 15px; }
.padl35 { padding-left: 35px; }
.padl70 { padding-left: 70px; }
.padl75 { padding-left: 75px; }
.padl110 { padding-left: 110px; }
.padl120 { padding-left: 120px; }
.padl130 { padding-left: 130px; }

.padr20 { padding-right: 20px; }

.w100 { width: 100px; }
.w200 { width: 200px; }
.pw100 { width: 100% !important; }
.pw99 { width: 99% !important; }
.pw98 { width: 98% !important; }
.pw95 { width: 95% !important; }
.pw90 { width: 90%; }
.pw80 { width: 80%; }
.pw70 { width: 70%; }
.pw60 { width: 60%; }
.pw55 { width: 55%; }
.pw50 { width: 50%; }
.pw45 { width: 45%; }
.pw40 { width: 40%; }
.pw33 { width: 33%; }
.pw30 { width: 30% !important; }
.pw25 { width: 25%; }
.pw10 { width: 10% !important; }

.w16 { width: 16px; }
.h300 { height: 300px; }
.h75 { height: 75px; }
.h5 { height: 5px; }

.ph100 { height: 100%; }

.mauto { margin: auto; }

.rel { position: relative !important; }
.staple { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.vtop { vertical-align: top !important; }
.vmid { vertical-align: middle !important; }
.lft { text-align: left; }
.rit { text-align: right; }
.cen { text-align: center; }
.f-rit { float: right; }
.f-lft { float: left; }
.clear { clear: both; }

.upper { text-transform: uppercase; }

.rit.pad5 { padding-right: 0; }

.float-list { list-style: none; margin: 0px; padding: 0px; }
.float-list li { display: block; float: left; }

.breadcrumb { font-size: 11px; color: #C0C0C0; margin-bottom: 10px; }
.breadcrumb a { color: #C0C0C0; }

.sidemenu .stuck { width: 233px; }
.hover-pad { position: relative; z-index: 10; }
.hover-pad > .hover-block { opacity: 0; z-index: 11; position: absolute; bottom: 10px; right: 8px; padding: 7px 9px 7px 9px; background: #58595B; color: #FFF; border-radius: 50%; text-align: center; transition: all 0.2s ease-in-out; }
.hover-pad > .hover-block .fa { font-size: 18px; color: #FFF; }
.hover-pad:hover > .hover-block { opacity: 1; }
.hover-pad.editmode:hover > .hover-block { display: none; }

.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; }

.descpnl { margin-top: 0; padding: 0 0 6px 0 !important; margin-bottom: 0; border-bottom: solid 1px #EEE; }
.descpnl > p { margin: 0; padding: 0; }

span.prompt, .descpnl, .note { font-size: 10px; color: #999; font-weight: 300; /*display: block;*/ }
span.prompt a, .descpnl a { text-decoration: underline; color: #999; }
span.prompt { }

.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 { padding-bottom: 0; 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; }


.level-progress { position: relative; }
.level-progress table { width: 100%; }
.level-progress .bg { position: relative; overflow: hidden; width: 100%; height: 24px; background: #DDD; }
.level-progress .progress { position: absolute; top: 0; left: 0; bottom: 0; background: #8FD401; }
.level-progress:hover .progress { background-position: 0px -4px; }
.level-progress > div { display: inline-block; }
.level-progress .points, .level-progress .rank { position: absolute; color: #FFF; top: 4px; font-size: 1em; text-shadow: 1px 1px #AAA; }
.level-progress .points { right: 3%; z-index: 1; text-align: right; }
.level-progress .rank { cursor: pointer; left: 3%; font-weight: bold; }
.level-progress .rank a { color: #FFF; }
.no-touch .level-progress .rank a:hover { color: #333; }

.level-progress .nextlevel { cursor: pointer; position: absolute; top: 1px; right: 0px; border-radius: 10px; width: 16px; height: 16px; z-index: 10; }
.level-progress .nextlevel:hover { border: solid 2px #F00; }

.newpoints { position: absolute; right: 0; top: 0; color: #C9EA00; font-weight: bold; font-size: 15px; z-index: 10; text-align: center; }
.newpoints .note { font-size: 12px; text-align: center; color: #C9EA00; }

/*CLICK LIST*/
.click-list ul li.deleteready > span, .click-list ul li.deleteready.selected > span { color: #FFF; background-color: #F00; }
.click-list ul li.locked > span, .click-list ul li.locked:hover > span { color: #606060; background-color: #C0C0C0; background-image: linear-gradient(#E0E0E0, #C0C0C0); background-image: -o-linear-gradient(#E0E0E0, #C0C0C0); background-image: -moz-linear-gradient(#E0E0E0, #C0C0C0); background-image: -webkit-linear-gradient(#E0E0E0, #C0C0C0); background-image: -ms-linear-gradient(#E0E0E0, #C0C0C0); background-image: -webkit-gradient(linear,left bottom,right top,#E0E0E0,#C0C0C0); }

.results.click-list > .data > div { line-height: 20px; height: 28px; position: relative; vertical-align: middle; padding: 1px 5px 1px 0px !important; cursor: pointer; z-index: 102; color: #666; transition: all ease-in-out 0.2s;border-radius:3px; }
.results.click-list .data > div.thumb, .results.click-list div.thumb:hover { height: 22px; width: 28px; }
.results.click-list .data > div:hover div.thumb, .results.click-list div.selected div.thumb { background-position: center center; background-repeat: no-repeat; }
.results.click-list .data > div:hover, .results.click-list div.selected { background: #09F; color: #FFF; }
.results.click-list .data > div.nohover { height: 20px; }
.results.click-list .data > div.nohover:hover { background: none; color: #666; }
.results.click-list .data > div img { vertical-align: middle; height: 28px; margin-right: 3px; }
.results.click-list > div.loader { cursor: default; background: none; color: #40C2CE; height: 18px; text-align: left; vertical-align: middle; position: absolute; top: -24px; right: 0px; display: block; }
.results.click-list > div.loader:hover { background: none; }
.results.click-list > div.loader img { height: 16px; width: 16px; float: left; margin-right: 2px; }
.results.click-list div i.tip { position: absolute; right: 5px; font-size: 0.9em; }

/*CLICK LIST*/
.click-list { padding: 8px !important; margin-top: 5px; margin-bottom: 12px; border: solid 1px #E0E0E0; position: relative; min-height: 24px; border-radius: 2px; -moz-border-radius: 2px; transition: all ease-in-out 0.2s; }
.click-list.enabled:hover { border-color: #09F; cursor: text; }
.click-list.highlight, .click-list.highlight:hover { border-color: #08F; }
.click-list ul { margin: 0px; padding: 4px 0 0 0; list-style: none; }
.click-list ul li { line-height: 24px; display: inline-block; margin: 0 2px 1px 0; }
.click-list ul li > span { font-size: 13px; position: relative; cursor: pointer; display: block; padding: 1px 6px 2px 4px; color: #444; outline: medium auto; background-position: 0px 0px; outline-style: none; background-color: #F0F0F0; border: solid 1px #EEE; border-bottom-color: #DDD; border-right-color: #DDD; border-radius: 15px;-moz-border-radius: 15px;  transition: all ease-in-out 0.2s; }
.click-list ul li > span.hasimg { padding-left: 0; }
.click-list ul li > span:hover { background-color: #07D; color: #FFF; }
.click-list ul li.selected > span { color: #FFF; background-color: #09F; }
.click-list ul li.locked > span, .click-list ul li.locked:hover > span { color: #606060; background-color: #C0C0C0; }
.click-list .del { text-transform: lowercase; margin-left: 4px; color: #8A8A8A; }

.click-list .clear-all { position: absolute; right: 0px; bottom: 0px; margin: 2px 2px 5px 5px; }

.click-list ul li.search { padding-right: 18px; }
.click-list ul li.search input { min-width: 175px; max-width: 450px; padding: 2px 8px; box-shadow: none; font-family: Arial,Helvetica,sans-serif; font-size: 12px; outline: none; border-color: transparent; background: transparent; }
.click-list ul li.error > span { background-color: #F91D1D; background-image: -moz-linear-gradient(#F9AFAF, #F91D1D); border-color: #D98888 #DF3939 #DF3939; color: #FFFFFF; }
.click-list span.del { display: none; }
.click-list .thumb { width: 22px; height: 22px; margin-right: 4px; margin-top: 2px; padding-right: 0px; background-size: cover; background-repeat: no-repeat; float: left;border-radius:10px; }

.results.click-list { display: none; position: absolute; line-height: 16px; padding: 2px 2px 2px 1px; z-index: 1500; border: solid 1px #e0e0e0; border-top: none; }
.results.click-list .data { position: relative; z-index: 102; }
.results.click-list > span.bg { z-index: 101; background: rgba(255,255,255,0.9); position: absolute; display: block; bottom: 0; top: 0; left: 0; right: 0; }
.results.click-list .item { line-height: 20px; height: 25px; position: relative; vertical-align: middle; padding: 1px 5px 1px 5px; cursor: pointer; color: #666; }
.results.click-list .thumb{margin-left:3px;}
.results.click-list .item .thumb, .results.click-list .item .thumb:hover { height: 22px; width: 28px; }
.results.click-list .item:hover .thumb, .results.click-list .selected .thumb { background-position: center center; background-repeat: no-repeat; }
.results.click-list .item:hover, .results.click-list .item.selected { background: #09F; color: #FFF; }
.results.click-list .nohover { height: 20px; padding: 1px 5px 1px 5px; }
.results.click-list .nohover:hover { background: none; color: #666; }
.results.click-list .data > div img { vertical-align: middle; height: 28px; margin-right: 3px; }

.results.click-list .loader { cursor: default; background: none; height: 18px; text-align: left; vertical-align: middle; position: absolute; top: -24px; right: 0px; display: block; }
.results.click-list .loader:hover { background: none; }
.results.click-list .loader img { height: 16px; width: 16px; float: left; margin-right: 2px; }

/*CLICK LIST END*/
div.wizard .boxes div.box { border: solid 2px rgba(255,255,255,0); transition: all ease-in-out 0.2s; border: solid 2px #666; }
div.wizard .boxes div.box.selected, div.wizard .boxes div.box:hover { border: solid 2px #09F; }
div.wizard .boxes div.box.selected a, div.wizard .boxes div.box.selected, div.wizard .boxes div.box:hover { color: #09F; }
div.wizard .boxes div.box.disabled { opacity: 0.8; background: #DDD; }

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

.boxes { position: relative; }
.boxes .box.w234h140 { width: 238px; height: 175px; font-size: 13px;line-height:13px; }
.boxes .box.w110h140 { width: 114px; height: 175px; font-size: 13px;line-height:13px; }
.boxes .box.w16h16 { width: 16px; height: 16px; padding: 2px; margin-right: 1px; }

#admin .boxes .box.w234h140 { width: 234px; }

.boxes div.box.theme.w70h28 > a > p { text-align: center; }
.boxes .box.w70h28 { width: 70px; height: 28px; font-size: 11px; }
.boxes .box.theme.w70h28 > a > p { margin: 0px; }
.quick-filters.boxes .box.theme.w70h28 { margin-right: 2px !important; }

.boxes div.box.notselected { opacity: 0.15; filter: alpha(opacity=15); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=2155)"; }
.boxes div.box.selected, .no-touch .boxes div.box.selected:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.mosaic-wrapper > div > div > .boxes > div.box { border-color: #FFF; }
/*Important*/
.boxes div.box { margin: 1px 0 1px 0; text-align: center; border: solid 2px #666; transition: all ease-in-out 0.2s; }
.boxes div.box:hover { opacity: 1.0; border: solid 2px #09F; color: #09F; }

div.quick-filters.boxes div.box:hover { border: solid 1px transparent; }
.boxes div.box > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #666; font-family: Segoe UI, Tahoma,Geneva, Verdana,Arial,sans-serif; }
.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.clearcache > a > div { background-position: 5px -545px; }*/
.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; }

.boxes.srccontenttype .box > a > div { background-image: url('../img/icn/sprites/content-types.png?191'); }
.boxes.srccontenttype .box.article > a > div { background-position: 0 3px; }
.boxes.srccontenttype .box.news > a > div { background-position: 0 -126px; }
.boxes.srccontenttype .box.frame > a > div { background-position: 0 -220px; }

div.boxes div.box > span { text-align: center; display: block; padding-bottom: 10px; font-family: "Open Sans"; 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; }

#postoptions { margin-bottom: 10px; }
#postoptions i, .boxes i { font-size: 60px; margin-top: 21px; margin-bottom: 10px; }
div.wizard.split3 .boxes .box.w234h140, div.wizard .boxes .box.w234h140 { width: 32%; text-align: center; }
div.wizard.split4 .boxes .box.w234h140 { width: 24%; margin-right: 0.6%; height: 210px; text-align: center; }

.wizard div.boxes div.box .content { height: auto; }
/*Use this style for items in the item lists, to be upgraded.*/

.editor .options { position: relative; /*margin-left: 8px;*/ bottom: 0; right: 0; left: 0; }
.options, .optionset { position: absolute; right: 14px; bottom: 15px; min-height: 20px; }
.options { left: 15px; }
.options > a.icn-16 { border: solid 1px transparent; display: block; margin-left: 1px; float: right; width: 20px; height: 20px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; font-size: 15px; }
.no-touch .options > a:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.options > a.ignore, .item .options > a.ignore { background: transparent url('../img/icn/sprites/toggle.png') no-repeat center -17px; }
.options > a.include, .item .options > a.include { background: transparent url('../img/icn/sprites/toggle.png') no-repeat center 0px; }
.options > a.ignore, .item .options > a.ignore, .options > a.include, .item .options > a.include { height: 17px; min-height: 17px; border: none; }
.options a.request-box { margin-left: 3px; }
.options .note { display: inline-block; margin-right: 5px; }

.optionset > a { font-size: 17px; color: #404040; }
.no-touch .optionset > a:hover { color: #606060; }


/*Menu Options*/
.menu { background: #008D9D; }
.menu a { color: #FFF; padding: 3px 5px 5px 8px; }
.menu #menu-t { height: 24px; }
.menu #menu-b { height: 28px; background: #666; }
.menu #menu-b > div { }
.menu #menu-b > div > a { display: block; float: left; color: #FFF; margin-top: 2px; padding: 5px 7px 5px 10px; }
.menu #menu-b > div > a .fa { font-size: 13px; }
.menu #menu-b > div > a.module { background: transparent; }
.menu .menuitem { display: inline-block; padding: 4px 4px 3px 4px; margin: 0 2px 0px 0px; border: none; width: auto; background: none; line-height: 17px; }
.menu .menuitem.f-rit { float: right; margin-left: 2px; margin-right: 0px; }
.menu .menuitem.menuitem-selected { background: #008696; }

.no-touch #admin .menu a:hover { text-decoration: none; }
#admin .menu { font-size: 1.2em; }

.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; }

#chat { position: fixed; z-index: 100; right: 1px; bottom: 3px; top: 10px; width: 262px; max-width: 240px; background-color: #FFF; box-shadow: 0 0 1px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
#chat #chat-inner { min-width: 180px; }
#chat.closed { top: auto; bottom: 0; }
#chat.closed #userlist, #chat.closed #chats { display: none; }
#chat.closed .header { padding-bottom: 3px; }
#chat.highlight .header { background: #C9EA00; border-color: #B8D900; text-shadow: none; color: #666; }
#chat.highlight .header.gheader { background: #FFF; border: solid 1px #FFF; }

#chat .header { background: #CCC; border: solid 1px #CCC; padding: 2px 2px 2px 5px; font-size: 10px; color: #333; font-family: Tahoma,Geneva; font-weight: bold; min-height: 10px; margin: 0; transition: all ease-in-out 0.2s; }
#chat .header:hover { background: #A0A0A0; border-color: #A0A0A0; cursor: pointer; }
#chat .header .openclose { text-decoration: none; display: block; height: 20px; width: 20px; background: url('/inc/img/icn/sprites/vx_sprites.png?23') -220px -220px no-repeat; position: absolute; right: 3px; top: 1px; }
#chat.closed .header .openclose { background-position: -200px -220px; }

#chat .messagealert { position: absolute; top: 15px; right: 215px; width: 120px; text-align: center; color: #C9EA00; }
#chat .messagealert.closedparent { right: 5px; }

#chatsearch { font-size: 12px; }
#chat .clear-btn { right: 2px; top: 8px; }
#chat .noresults { padding: 5px; }
#chat #chatsearchBox .load { display: none; position: absolute; right: 5px; top: 7px; z-index: +1; width: 16px; height: 16px; background: #FFF url("/skinimg/loader-16.gif") no-repeat scroll center center; }
#chat #chatsearchBox.loading .load { display: block; }
#chat #userlist { position: relative; border: solid 1px #FFF; border-top: none; }
#chat .users { padding-left: 3px; overflow-x: hidden; overflow-y: auto; /*  */ }
#chat .users > div { padding: 1px 2px 1px 1px; min-height: 20px; vertical-align: middle; position: relative; font-size: 11px; }
#chat .users > div:hover { background: #E0E0E0; cursor: pointer; }
#chat .users > div .un { display: inline-block; margin-left: 4px; margin-top: 3px; max-width: 145px; overflow: hidden; }

#chat .users > div.ui-draggable-dragging { z-index: 100; cursor: move; }

#chat .users .thumb { margin: 0; background-size: 100%; }
#chat .users > .unread { background: #C9EA00; border-bottom: none; }
#chat .users > .unread .un { color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
#chat .users .onlinestatus { display: inline-block; width: 16px; height: 16px; margin-top: 2px; }
#chat .lastactive { color: #A0A0A0; font-size: 10px; margin-top: 3px; margin-right: 2px; text-align: right; display: inline-block; }

#chat .thumb { width: 20px; height: 20px; margin: 1px 2px 2px 1px; border-radius: 50%;background-size: cover; }

#chat #chats { position: fixed; bottom: 3px; right: 214px; padding-right: 4px; background-color: transparent; height: 282px; }
#chat .conversation { width: 245px; height: 282px; float: right; margin-left: 2px; position: relative; transition: all ease-in-out 0.3s; box-shadow:none; }
#chat .conversation .messages .thumb { position: absolute; right: 1px; top: 3px; }
#chat .conversation .hd { height: 21px; }
#chat .conversation .hd { background: #CCC; color: #333; }
#chat .conversation .hd a, #chat .conversation .hd span { padding-top: 2px; display: inline-block; _display: inline; color: #333; }
#chat .conversation .hd .thumb { display: inline-block; _display: inline; display: none; }
#chat .conversation .hd .username { margin-left: 4px; }

#chat .conversation.group .hd { background: #444444; color: #FFF; }
#chat .conversation.group .hd a, #chat .conversation.group .hd span { color: #FFF; display: block; height: 100%; overflow: hidden; }
#chat .conversation.group.candrop .hd { background: #666666; transition: all ease-in-out 0.2s; }
#chat .conversation.group.candrop.hoverover { box-shadow: 0 0 2px rgba(0, 173, 255, 0.6); background: #09F; }
#chat .conversation.group.candrop.hoverover .hd { background: #09F; }

#chat .gheader { margin-top: 5px; margin-bottom: 4px; background: #FFF; border: none; }
#chat .gheader.header:hover { background: #FFF; border: none; }
.gcht { background: #EEE; }
.gcht .nummembers { margin-left: 6px; font-size: 0.8em; margin-top: -3px; }
.gcht .onlinestatus { display: none !important; }
.groupedthumbs { min-width: 34px; float: left; }
.groupedthumbs .thumb0 { float: none; }
.groupedthumbs .thumb1 { position: absolute; left: 8px; top: 0; }
.groupedthumbs .thumb.tme { position: absolute; left: 16px; top: 0; }

#chat .conversation.group .message.fromme .thumb { display: block; }
#chat .conversation .message .thumb { }
#chat .conversation .message.fromme .thumb { float: left;display:none; }

#chat.dragging .conversation { opacity: 0.5; }
#chat.dragging .conversation.candrop { opacity: 1.0; }

#chat .conversation .messages { position: relative; height: 198px; overflow-x: hidden; overflow-y: auto; vertical-align: bottom; }
#chat .conversation .messages .loading { position: relative; height: 40px; margin-top: -80px; }
#chat .message { margin-top: 3px; padding-left: 6px; max-width: 90%; background-color: transparent !important; background-image: none !important;font-size: 13px; }
#chat .time { font-size: 9px; color: #AAA; padding: 4px 6px 2px 6px; text-align: right; }
#chat .msg-inner { margin-right: 20px; margin-left: 4px; position: relative; background-color: #C7EDFC; color: #222; padding: 4px 28px 4px 5px; border-radius: 8px 10px 10px 0; display: inline-block; }
#chat .green .msg-inner { background-color: rgba(109,217,0,0.8); }
#chat .lightgreen .msg-inner { background-color: rgba(109,217,0,0.5); }
#chat .red .msg-inner { background-color: rgba(255,0,0,0.4); }
#chat .magenta .msg-inner { background-color: rgba(255, 0, 255,0.3); }
#chat .blue .msg-inner { background-color: rgba(0,153,255,0.8); }
#chat .lightblue .msg-inner { background-color: rgba(0,153,255,0.5); }
#chat .darkblue .msg-inner { background-color: rgba(0,0,139,0.3); }
#chat .yellow .msg-inner { background-color: rgba(255,255,0,0.3); }
#chat .orange .msg-inner { background-color: rgba(255,165,0,0.3); }

#chat .message.fromme { padding-right: 6px; }
#chat .message.fromme .msg-inner { padding-right: 4px; padding-left: 28px; margin-left: 10px; margin-right: 4px; background-color: #ddd; border-color: #ddd; border-radius: 8px 8px 0 8px; color: #505050; max-width: 92%; word-wrap: break-word; }
#chat .message.fromme .thumb { position: absolute; left: 0; top: 0px; }
#chat .message.unread { background-color: transparent; border-bottom: none; }
#chat .message.unread .msg-inner { background-color: #C9EA00; }
#chat .message:last-child { margin-bottom: 20px; }
#chat .message .time { text-align: right; font-size: 9px; color: #AAA; margin-left: 4px; float: right; }
#chat .message .msg-inner .un { font-size: 0.8em; display: block; margin-top: 3px; color: rgba(0,0,0,0.4); }

#chat #chats > .conversation .messages .top { height: 40px; }
#chat #chats > .conversation textarea { position: absolute; bottom: 0; left: 0px; right: 0px; border: solid 1px #FFF; border-top-color: #E0E0E0; font-size: 11px; font-family: "lucida grande",Tahoma,Geneva,verdana,arial,sans-serif; color: #000; padding: 5px 0 3px 5px; height: 47px; width: 220px; }
#chat #chats > .conversation .extras { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 15px; font-size: 10px; color: #CACACA; display: none; }
#chat #chats > .conversation .extras a { }
#chat .conversation > div.bg { display: none; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #888; opacity: 0.6; }

#chat #chats > .conversation .inner { position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; /*border: solid 1px #CCC;*/ box-shadow: 0 0 4px rgba(0,0,0,0.5); background: rgba(255,255,255,1.0); }
#chat #chats > .conversation .inner a.close { float: right; color: #E0E0E0; opacity: 0.6; font-weight: bold; min-width: 14px; }
#chat #chats > .conversation .inner a.close:hover { opacity: 1.0; }
#chat div.chatbox { width: 200px; }

#chat .active .onlinestatus { background-image: url('/inc/img/icn/sprites/vx_sprites.png?23'); }
#chat .rhc { position: absolute; right: 0; top: 0; }
#chat .rhc .onlinestatus { margin-right: 2px; }
#chat .active .lastactive { display: none; }
#chat .active .onlinestatus { background-position: -240px -140px; }
#chat .inactive .onlinestatus { display: none; }
#chat .invisible .onlinestatus { background-image: url('/inc/img/icn/sprites/vx_sprites_grayscale.png?23'); background-position: -240px -120px; }
#chat .away .onlinestatus { background-image: url('/inc/img/icn/sprites/vx_sprites_grayscale.png?23'); background-position: -240px -120px; }
#chat .donotdisturb .onlinestatus { background-image: url('/inc/img/icn/sprites/vx_sprites_grayscale.png?23'); background-position: -240px -120px; }

.groupchat { position: relative; border: solid 2px #666; padding: 12px 0 10px !important; min-height: 0 !important; margin-top: 15px; margin-right: 4px; text-align: center; transition: all ease-in-out 0.2s; }
.groupchat:hover { background: #666 !important; color: #FFF; }
.groupchat a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

#chat #creategroupchat { }
#chat #creategroupchat:hover { }
#chat #creategroupchat a { }

.board .boarddesc { padding: 3px 0px 2px 0px; font-size: 13px; }
.board .list-more-wrapper { margin-top: 5px; margin-right: 8px; }
.board .boardadd { position: absolute; border: solid 1px #C0C0C0; background: #FFF; width: 550px; height: 300px; margin: auto; z-index: 10; }
.board .col .placeholder { width: 243px; height: 1px; max-width: 100%; }
.board div.controls { position: relative; min-height: 18px; }
.board div.controls .primary-btn { margin-right: 5px; }
.board div.controls h2 { margin-right: 140px; }
.board .options { top: 0px; right: 0; left: auto; }
.board div.controls .options a.icn-16 { width: auto; padding-right: 4px; font-size: 12px; font-weight: bold; }
.board .item { font-size: 12px; background: #FFF; padding: 0 0 55px; border: solid 1px #EFEFEF; width: calc(33.33% - 12px); display: inline-block; vertical-align: top; margin-right: 8px;margin-bottom: 15px;  }
.board .item:nth-child(3n) { margin-right: 8px;  }
.board .item .date{position:relative;padding-left:25px;display:block;}
.board .item .comments{padding:0 15px;}
.board .loader-overlay img { width: 32px; }
.board .loader-overlay img.small { width: 24px; }
.board .item .top-wrapper{padding:0 10px 0 15px;}

.board .item h4 { font-family: 'Open Sans',Tahoma,Geneva,Verdana,Arial,sans-serif; font-weight: bold; color: #666; font-size: 1.25em; }
.board .item a { color: #666; }
.board .item a.primary-btn { color: #FFF; }
.board .item a.view-all { font-size: 12px; }
.no-touch .board .item a:hover { color: #09F; }
.board .item a.image { }
.board .item a.abuse { float: left; color: #888; margin-right: 5px; }
.board .item .cmt a.abuse { float: none; }
.board .item .cmt a { text-decoration: underline; }
.board .item .icn-16 { background-position: 0px center; background-size: 16px; }
.board .item .filelink{margin-left:15px}
.board .item .desc { text-align: justify; overflow-x: hidden; word-wrap: break-word;padding:0 25px 10px; }
.board .item .desc a { color: #00AEBF; }
.board .item .desc object { width: 180px; max-width: 190px; }
.board .item .green-btn, .board .item .green-btn:hover { color: #FFF; }
.board .item .by { margin: 10px 15px 5px; }
.board .item .functions { display: none; position: absolute; right: 0px; padding: 2px 8px; }
.board .item .functions.top { top: 0px; background: rgba(255,255,255,0.85); min-width: 44px; z-index: 25; }
.board .item .functions.top .navi { position: absolute; left: -100px; top: 0px; }
.board .item .functions.bottom { display: block; height: 20px; left: 0px; bottom: 0px; margin-left: 0px; background: rgba(240,240,240,0.7); border-top: solid 1px #EFEFEF; padding: 10px 10px 25px 10px; }
.board .item .functions.bottom a { font-size: 14px; margin-left: 0; }
.board .item .functions .icn-16, .board .item .functions a { font-size: 17px; margin-left: 8px; }
.board .item .functions.top div { float: right; }
/*.board .item .functions div:first-child { height: 20px; }*/
.board .item.comment { padding-bottom: 150px; }
.board .item.comment .functions.bottom { height: 100px; }
.board .item.comment .commentdata { display: block; margin-top: 10px; }
.board .item.comment .message > span { background-image: url('../img/icn/sprites/vx_sprites.png?23'); opacity: 1.0; filter: alpha(opacity = 100); }
.board .item.comment .commentdata table tr td:first-child { width: 43px; }
.board .item.comment .commentdata .thumb { width: 38px; height: 43px; margin-right: 2px; }
.board .item .commentdata .txt { font-size: 11px; padding: 1px 0 1px 3px; line-height: 13px; width: calc(100% - 3px); min-width: 180px; /* margin-right: 5px; */ }
.board .item .commentdata { display: none; height: 80px; }
.board .item a.bg { background: #FFF; border: solid 1px #E0E0E0; border-radius: 4px; }
.board .item:hover .functions { display: block; opacity: 1; filter: alpha(opacity = 100); }
.board .item .rating { opacity: 0.8; filter: alpha(opacity = 80); padding-top: 10px; padding-bottom: 7px; }
.board .item:hover .rating { opacity: 1.0; filter: alpha(opacity = 100); }
.board .item.addboard { height: 18px; }
.board .item.addboard a.addboard { position: absolute; top: 2px; bottom: 0; right: 0; left: 0; padding: 15px 15px 10px 15px; }

.board .item .image{width:100%}
.board .item .image img{width:100%;}

.board-list { margin-top: 5px; margin-bottom: 5px; min-height: 170px; }
.board-list .values { height: 99px; position: relative; overflow: hidden; width: 100%; }
.board-list .browse { display: none; top: 65%; padding: 0; position: absolute; height: 20px; width: 20px; z-index: 1; background-color: #666666; border-radius: 10px; box-shadow: 0 0 10px #000000; }
.board-list .browse.disabled, .board-list .values:hover .browse.disabled { display: none; }
.board-list .browse.right { right: 2px; background-image: url('/inc/img/btn/circle-btn-gray-right.png'); }
.board-list .browse.left { left: 2px; background-image: url('/inc/img/btn/circle-btn-gray-left.png'); }
.board-list .values:hover .browse { display: block; }
.board-list .group { position: relative; width: 100%; min-width:80px;max-width: 390px; display: inline-block; }

.cols .item .comments .cmt-total { border: 1px solid #aaa; background: #999; color: #FFF; text-decoration: none; border-radius: 15px; float: right; font-family: Tahoma,Geneva; font-size: 9px; font-weight: bold; padding: 0 4px; }
.cols .comments .cmt-total:hover { background: #FFF; color: #999; text-decoration: none; }

.board-list .values .items { height: 96px; overflow: hidden; }
.board-list .item { height: 85px; width: 24%; max-width: 25%; display: inline-block; margin: 0 0 0 1%; padding: 0 0 8px 0; }
.board-list .item:nth-child(1) { margin-left: 0; }
.board-list .item .thumb { height: 85px; width: 100%; margin: 0; float: none; background-size: 100%; }
.board-list .item .inn { display: none; }
.board-list .item:last-child { margin-right: 0; }
.board-list .item.active { }
.board-list .item.active.add { background: #FFF; }
.board-list .details { padding: 5px 0 10px 0; margin-top: -8px; font-family: Arial; font-size: 10px; min-height: 50px; }

.board-list .add { min-width: 80px; position: relative; }
.board-list .add .thumb { width: 100%; margin: 0 2px; background: #00D900; text-align: center; background: #FFF; border: solid 1px #DDD; font-family: Verdana; transition: all 0.3s ease-in-out; }
.board-list .add .thumb a { padding: 10px; font-size: 15px; color: #797979; text-decoration: none; }
.board-list .add .thumb a > b { font-size: 18px; }
.board-list .add .green.thumb { background: #AAA; border-color: #AAA; }
.board-list .add .green.thumb a { color: #FFF; }
.board-list .add:hover .green.thumb, .board-list .add:hover .thumb { background: #09F; border-color: #09F; }
.board-list .add:hover .thumb b { color: #FFF; }

.boardgallery { }
.boardgallery .drop { position: relative; display: inline-block; width: 184px; height: 184px; }
.boardgallery .item { position: relative; display: inline-block; width: 32.66%; height: 205px; padding: 0; padding-bottom: 0; margin-right: 1%; margin-bottom: 10px; border-bottom: none; }
.boardgallery .item:nth-child(3n) { margin-right: 0; }
.boardgallery .thumb { min-width: 184px; width: 100%; height: 205px; margin-bottom: 0; margin-right: 0; background-size: cover; }
.boardgallery .detail { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent; color: #FFF; padding: 3px; }
.boardgallery .detail .inner { font-size: 1.45em; text-align: center; padding-top: 20%; }
.boardgallery .detail .inner h3 { font-size: 1.35em; margin-left: 0; }
.boardgallery .detail .bg { position: absolute; bottom: 0; left: 0; right: 0; top: 0; transition: all ease-in-out 0.2s; }
.boardgallery .detail .bg a{position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
.boardgallery .item:hover .detail .bg { background: #444; opacity: 0.7; }
.boardgallery a.icn-16 { z-index: 25; }
.boardgallery a, .boardgallery h3 { color: #FFF; font-weight: normal; }
.no-touch .boardgallery h3 a:hover { text-decoration: none; }
.boardgallery h3.small { font-size: 12px; }
.boardgallery .item .detail .inner { position: relative; z-index: +1; }
.boardgallery .extra { margin-top: 3px; overflow: hidden; max-height: 0; font-size: 10px; text-align: center; transition: 1.5s linear; color: #FFF; padding: 0; }
.boardgallery .extra > div { padding: 3px 3px 5px 3px; }
.boardgallery .extra a { font-size: 10px; color: #222; }
.boardgallery .item:hover .extra { max-height: 400px; }
.boardgallery .control { display: none; position: absolute; top: 4px; right: 2px; z-index: +1; }
.boardgallery .control.edit { right: 22px; }
.boardgallery .item:hover .control { display: block; }

.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: 100%; }
.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; }
.thumbnails.green-highlight { padding-top: 4px; padding-bottom: 4px; padding-left: 1px; padding-right: 0px; }

.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: 200px; margin: auto; height: 150px; margin: 0; position: relative; }
.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%; min-height: 150px; height: 280px; }
.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*/
.media .img .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: 100%; }
#chats .media .img { width: 120px; height: 90px; }
.smalllist.list .media .img, #chats .media .img { margin: 3px 1px 3px 5px; /*height:auto; */ }
.smalllist.list .media .img.youtube { float: left; margin: 8px 18px 10px 0px; }
.smalllist.list .media .img.audio { width: 120px; height: 60px; }
#chats .media .bg { background-size: 90px 60px; background-image: url('../img/icn/videobtn_gray_small.png?1'); }

/*.smalllist.list .media .img .bg,*/

.smalllist.list .media .img.audio, .smalllist.list .media .img.audio .bg, #chats .audio .bg { background-image: url('../img/icn/audiobtn_gray_small.png?1'); }
/*.smalllist.list .media .img.youtube .bg, .smalllist.list .media .img.vimeo .bg, #chats .media .bg{ background-size: 120px 90px; width: 120px; height: 90px; position: relative; }*/
.embed .media .bg { background-size: 160px 120px; width: 160px; height: 120px; position: relative; }
.embed object, .embed iframe{max-width:100%;}
.biglist.list .media .img .bg { background-size: 90px 60px; margin: 5px 1px 0px 5px; }
.biglist .media .img { width: 300px; }

.media .extra { padding: 5px; font-family: Verdana; font-size: 9px; }
.response .embed iframe { max-width: 100%; }
.response .incrementshown .primary-btn.next { display: none; }

.list .children .media .img, .list .children .media .img.hasextra { margin-left: 15px; width: 290px; }

.scrollWrapper .media .img .bg { background-size: 90px 60px; width: 90px; height: 60px; margin: 5px 1px 0px 5px; }

.activity.tight .media .extra, .scrollWrapper .media .extra { display: none; }
.morefromme a span { display: none; }

ul.list { list-style: none; display: block; vertical-align: top; padding: 0; margin: 0; position: relative; }
ul.list > li { position: relative; min-height: 120px; border: solid 1px #FFF; border-bottom-color: #EEE; margin-bottom: 10px; padding: 10px 10px 10px 10px; vertical-align: top; background: #FFF; }
ul.list > li .image { display: inline-block; width: 70px; margin-right: 10px; }
ul.list > li .image img { height: 85px; }

.main-img { float: left; margin: 5px 1.5% 10px 0; width: 100px; }
.smalllist .main-img { max-height: 100px; width: auto; }

.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; }

.column.lastelem img { max-width: 100%; }
.column.lastelem h2, .column.lastelem h3 { font-size: 1.45em; font-weight: 500; }
.column .column { min-height: 0; padding: 0; }
.column .column:first-child { border-right-color: transparent; }

.column iframe { max-width: 100% !important; }
.column > .pnl { margin-bottom: 8px; }
.column .pnl:first-child { padding-top: 0; }
.column .pnl:first-child > div > div { padding-top: 0; }
.autoheight .column { min-height: 0; }

.col2 .column { position: relative; }
.column { display: table-cell; vertical-align: top; padding-bottom: 3%; min-height: 600px; padding-left: 0%; padding-top: 0.25%; }
/* { width: 65%; padding-right: 1%; }*/
.column.pw50 { width: 50% !important; max-width: 49% !important; }
.column:last-child, .column.lastelem { width: 37%; min-width: 180px; }

.table.col2 > div > div:first-child, .column:first-child { width: 65%; padding-right: 3%; }


.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; height: 20px; 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.bigbuttons { height: 190px; }
div.statusnotes { padding: 10px; color: #666; margin-left: 5px; border: solid 1px #E0E0E0; border-radius: 5px; -moz-border-radius: 5px; }
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; }

/* SCROLL BOX */
.scroll { position: relative; margin: 0px; /*overflow:hidden;*/ }
.scroll div.scrollableArea { height: 180px; /*Is this dimension needed?*/ }
.scroll div.scrollableArea p { display: block; float: left; margin: 0px; padding: 0px 1px 0px 1px; color: #000; white-space: nowrap; }
.scroll div.scrollableArea p > span { height: 160px; width: 180px; display: block; background-color: #fff; padding: 0px; position: relative; }
.scroll div.scrollableArea p > span span.title { background: #222; color: #FFF; display: block; position: relative; top: -20px; padding: 2px 4px 6px 4px; width: 172px; margin: auto; font-family: Verdana; font-size: 11px; overflow: hidden; opacity: 0.8; filter: alpha(opacity=80); }
.scroll div.scrollableArea p > span span.img { width: 180px; height: 160px; margin: auto; display: block; }
/* Invisible left hotspot */
div.scrollingHotSpotLeft { /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */ min-width: 40px; width: 10%; height: 100%; /* There is a big background image and it's used to solve some problems I experienced in Internet Explorer 6. */ background-image: url('../img/cursors/big_transparent.gif'); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; left: 0; /* The first url is for Firefox and other browsers, the second is for Internet Explorer */ cursor: url('/inc/img/cursors/cursor_arrow_left.cur'), url('/inc/img/cursors/cursor_arrow_left.cur'),w-resize; }

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible { background-image: url('/inc/img/cursors/arrow_left.gif'); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; /* Standard CSS3 opacity setting */ -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 35); /*Opacity for Internet Explorer.*/ zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ }
/* Invisible right hotspot */
div.scrollingHotSpotRight { min-width: 40px; width: 10%; height: 100%; background-image: url('/inc/img/cursors/big_transparent.gif'); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0; cursor: url('/inc/img/cursors/cursor_arrow_right.cur'), url('/inc/img/cursors/cursor_arrow_right.cur'),e-resize; }
/* Visible right hotspot */
div.scrollingHotSpotRightVisible { background-image: url('/inc/img/cursors/arrow_right.gif'); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1; }
/* The scroll wrapper is always the same width and height as the containing element (div). Overflow is hidden because you don't want to show all of the scrollable area.*/
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; }
div.scrollableArea { position: relative; width: auto; height: 100%; }

.mosaictags.scroll { height: 156px; padding: 0px; }
.mosaictags .scrollableArea > div { display: block; float: left; height: 156px; width: 245px; margin-right: 1px; }
.mosaictags .inner { position: relative; margin: 5px; height: 146px; cursor: pointer; border-radius: 5px; background-color: #FFF; background-position: center top; background-repeat: no-repeat; }
.mosaictags .title { position: relative; padding: 5px 5px 5px 0px; white-space: nowrap; }
.mosaictags .title .bg { background-color: #FFF; height: 30px; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 10; opacity: 0.65; -moz-opacity: 0.65; filter: alpha(opacity = 65); }
.mosaictags .title a { position: relative; z-index: 11; font-size: 15px; color: #333; }
.mosaictags .title a span { background-position: center center; background-repeat: no-repeat; display: block; float: left; height: 24px; width: 24px; }
.mosaictags .inner a.full { position: absolute; top: 30px; right: 0px; left: 0px; bottom: 0px; }

/* 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; }

/* 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%; /*background: #393939 url('/inc/img/bg/edit-mode-highlight-bg.png?1') repeat-x; border-color: #373737; color: #FFF;*/ }
#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; }

/* Advertisements */
.ad-text { font-size: 0.8em; color: #CCC; height: 13px; }
.site-ad { position: relative; margin: auto; overflow: hidden; }
.site-ad img { width: 100%; }
.ad-banner { }

.ad-skyscraper160x600 { max-width: 180px; }
/*Wide Skyscraper*/
.ad-banner728x90 { max-width: 728px; }
/*Leaderboard*/
.ad-rectangle300x250 { max-width: 300px; height: 263px; }
/*Medium Rectangle*/
.ad-rectangle336x280 { max-width: 336px; }
/*Large Rectangle*/

.sidemenu .site-ad { margin-top: 25px; }
.sidemenu .controls { display: none; }
.sidemenu .controls.top { position: absolute; top: 0px; left: 0px; }
.sidemenu .pnl.hover-pad:hover { border-color: #9F9; }
.sidemenu .pnl.hover-pad:hover .controls { display: block; background: #9F9; border: solid 1px #0F0; height: 22px; border-top: none; border-left: none; }
.sidemenu #issueauthor { min-height: 35px; margin-top: 20px; }
.sidemenu #issueauthor .note { padding-bottom: 0; }
.sidemenu #issueauthor div.box { height: 25px; width: 25px; }
.sidemenu .galleryitem { margin-top: 8px; }
.sidemenu .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 .sidemenu { min-width: 20px; width: auto; }
body.cmsmenuclosed #contentmain2 { float: none; width: calc(100% - 20px); margin-left: 20px; }

.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); }
.sidemenu .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; }
.sidemenu .openclosemenu:hover { color: #09F; }
.sidemenu .openclosemenu.open .fa-arrow-right { display: none; }
.sidemenu .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-family: "Open Sans", 'Century Gothic', 'Segoe UI'; 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; }

#modal { display: none; width: 440px; max-width: 100%; border: 10px solid #666; border: 10px solid rgba(82, 82, 82, 0.698); -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 100; }
#modal > div { padding: 10px; border: 1px solid #C0C0C0; background-color: #fff; font-family: "lucida grande",Tahoma,Geneva,verdana,arial,sans-serif; }
#modal div.inner { border-bottom: none; }
#modal div.footer { border-top: none; text-align: center; padding-top: 0px; }
#modal h2 { margin: -11px; margin-bottom: 0px; color: #fff; background-color: #CCC; padding: 8px 15px; border: 1px solid #C0C0C0; font-size: 20px; }
#modal .close { right: -1px; top: 0px; display: block; position: absolute; background: transparent url("../img/icn/16/close icon.png") no-repeat; height: 18px; width: 18px; }
#modal button { border: solid 1px #C0C0C0; cursor: pointer; padding: 2px 8px; }

span.xp { background: transparent; padding: 0px; font-size: 15px; color: #090; }
#modal.greenmodal { border: none; box-shadow: 2px 4px 8px rgba(0,0,0,0.3); }
#modal.greenmodal h2 { background-color: #090; border-color: #090; }
#modal.greenmodal > div { border-color: #090; }
#modal.greenmodal button { background-color: #090; color: #FFF; border-color: #090; }

.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); }

.result { margin-bottom: 10px; }
.result:first-child .hdr { margin-top: 0; }
.result h2 { font-size: 14px; }
.result .hdr { margin-top: 35px; margin-bottom: 15px; padding: 5px 0px 0px 5px; }
.result h3 { }
.result h3 a { font-weight: bold; }
.no-touch .result h3 a:hover { text-decoration: none; }
.result .hdr table { width: 100%; border-collapse: collapse; }
.result .hdr table td.note { vertical-align: top; text-align: right; width: 200px; }
.result .hdr table td:first-child { width: 65px; }
.result .hdr table td:last-child { width: 110px; }
.result .hdr table td:last-child div { float: right; }
.result .hdr h3 { position: relative; }
.result .hdr .thumb { width: 32px; height: 32px; background-size: cover; margin-right: 8px; }
.result .hdr .agreement { margin-left: 12px; font-size: 14px; }
.result .hdr .agreement .fa { font-size: 10px; vertical-align: top; line-height: 13px; }
.result .hdr .agreement .fa-quote-right { margin-right: 3px; }
.result .hdr .agreement .fa-quote-left { margin-left: 3px; }
.result .hdr .sitename { position: absolute; bottom: -13px; left: 38px; }

/*.result .detail { padding: 5px 0 15px 10px; }*/
.result .detail h3 { font-weight: bold; font-family: Tahoma,Geneva, "Open Sans"; font-size: 14px; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 6px; }
.result .detail h3Lfirst-child { margin-top: 4px; }
.result .detail h3 span { float: left; height: 20px; width: 20px; margin-right: 4px; background-repeat: no-repeat; background-image: url('../img/icn/sprites/vx_sprites.png?23'); }
.result h3.basics { color: #366EAA; }
.result h3.basics span { background-position: -120px -220px; }
.result h3.reactions { color: #81A43E; }
.result h3.reactions span { background-position: -100px -220px; }
.result h3.reasons { color: #0099FF; }
.result h3.reasons span { background-position: -80px -220px; }
.result h3.alternatives { color: #606060; }
.result h3.alternatives span { background-position: -140px -220px; }

.cmt-box { max-width: 600px; min-width: 335px; }

.result .children.likes { padding-top: 4px; padding-bottom: 4px; margin-top: 1px; border-bottom: none; background-color: #EAEAEA; }
.result .children.likes, .attr div.post-options { padding: 1%; }
.result .detail .smalllist { margin-right: 0; min-width: 350px; }
.result .detail .smalllist textarea { }
.report-main .ajaxcontent { min-height: 24px; margin-bottom: 8px; }

.child .post-options { display: inline-block; border-top: none; margin-top: 0; padding: 0; }
.announcement .thumb, .announcementtocommunity .thumb { }
.announcementtosite .thumb { display: block; }
.announcement .p-detail p { margin-top: 15px; font-size: 1.25em; }

.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: 1%; margin-top: 1px; width: 98%; }

#ep-menu { background: #008D9D; }
#ep-menu > a { display: inline-block; padding: 6px 15px; color: #FFF; font-size: 14px; }
.no-touch #ep-menu > a:hover { text-decoration: none; background: #22AEBE; }
#ep-menu > a.selected { background: #22AEBE; }
#ep-menu > a .icon { }
#ep-menu > a .title { }

#ep { min-height: 500px; }

#ep .left { width: 68%; padding: 3% 0 0px 1%; float: left; }
#ep .right { width: 26%; padding: 3% 0.25% 0 3%; float: left; }

.notsignedin #ep.home .right { }
.notsignedin #ep.home .left { }

#ep .item { position: relative; margin-bottom: 8px; }
#ep .item h3 { color: #666; }
#ep .item .icon { position: absolute; left: 0; height: 110px; width: 110px; }
#ep .item .icon a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#ep .item .content { padding: 10px; padding-left: 60px; margin-left: 60px; background: #DDD; height: 90px; }
#ep .item .more { position: absolute; right: 0; top: 0; bottom: 0; width: 25px; background: #AAA; vertical-align: text-top; }
#ep .item .more a { position: absolute; right: 0; top: 0; bottom: 0; left: 0; }
#ep .item .more span { text-align: center; position: absolute; width: 35px; padding-bottom: 10px; bottom: 40%; display: block; color: #FFF; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

#ep .icon.course { background-image: url("/inc/img/old/customer/navitas/course.png"); }
#ep .icon.studyadvice { background-image: url("/inc/img/old/customer/navitas/studyadvice.png"); }
#ep .icon.conversations { background-image: url("/inc/img/old/customer/navitas/conversations.png"); }
#ep .icon.studyideas { background-image: url("/inc/img/old/customer/navitas/studyideas.png"); }

#ep .item:hover .more { background: #E5271F; }

#ep .morehelp { background: #E25249; color: #FFF; padding: 10px; min-height: 208px; }
#ep .morehelp h3 { color: #FFF; text-align: center; }

#ep .issueoftheweek { width: 200px; min-height: 200px; position: relative; }
#ep .issueoftheweek > div { position: relative; }
#ep .issueoftheweek h3 { margin-top: 8px; margin-bottom: 5px; }
#ep .issueoftheweek > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#ep .issueoftheweek .title { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px 5px 10px; text-align: center; }
#ep .issueoftheweek .title a { position: relative; z-index: 1; color: #FFF; }
#ep .issueoftheweek .title .bg { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #222; opacity: 0.4; }

#ep.course .item .content { height: 85px; color: #FFF; padding-left: 75px; }
#ep.course .item .icon { height: 106px; width: 122px; margin-left: 2px; }
#ep.course .item a { color: #FFF; }
#ep .icon { background-repeat: no-repeat; }
#ep .icon.ge1 { background-image: url("/inc/img/old/customer/navitas/ge1_circle.png"); }
#ep .icon.ge2 { background-image: url("/inc/img/old/customer/navitas/ge2_circle.png"); }
#ep .icon.ae1 { background-image: url("/inc/img/old/customer/navitas/ae1_circle.png"); }
#ep .icon.ae2 { background-image: url("/inc/img/old/customer/navitas/ae2_circle.png"); }

#ep .content.ge1 { background: #BF0C07; }
#ep .content.ge2 { background: #539E1D; }
#ep .content.ae1 { background: #006EC6; }
#ep .content.ae2 { background: #E56400; }

.englishlab { border: solid 1px #0D8EBB; min-height: 200px; }
.englishlab .title { background: #0D8EBB; color: #FFF; font-size: 19px; font-weight: bold; letter-spacing: 1px; }
.englishlab .title a { color: #FFF; }
.no-touch .englishlab .title a:hover { text-decoration: none; }
.englishlab .title span { color: #006; }
.ielts { margin-top: 40px; padding: 10px; color: #F44; font-weight: bold; font-size: 15px; }
.ielts a { color: #F44; }
.ielts img { width: 185px; }

#ep.studyadvice .left { width: 58%; position: relative; padding-right: 0px; padding-left: 0; }
#ep.studyadvice .left .title { position: absolute; top: 20%; right: 10%; width: 20%; text-align: center; }
#ep.studyadvice .left .title h3 { font-size: 23px; }
#ep.studyadvice .left .top { background: #D9D9D9; }

#ep.studyadvice .option { background: #D9D9D9; padding: 8px 1%; margin-top: 1px; }
#ep.studyadvice .left .option { width: 47%; float: left; margin-right: 2%; text-align: center; }
#ep.studyadvice .left .option:last-child { margin-right: 0px; }
#ep.studyadvice .right { width: 38%; }
#ep.studyadvice .right .item { display: block; float: left; padding: 40px 3% 20px 3%; margin: 1%; width: 42%; height: 60px; color: #FFF; text-align: center; }
#ep.studyadvice .right h3 { color: #FFF; }
#ep.studyadvice .right a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.no-touch #ep.studyadvice .right a:hover { text-decoration: none; }
#ep.studyadvice .themes { padding-left: 5px; }
#ep.studyadvice .themes a { position: relative; background: #888; height: 50px; width: 109px; margin-right: 1px; margin-bottom: 1px; float: left; text-align: center; color: #FFF; font-size: 16px; font-weight: bold; padding: 40px 20px 20px 20px; }
.no-touch #ep.studyadvice .themes a:hover { background: #666; text-decoration: none; }

#ep .active { background: #4F81BD; }
#ep .active:hover { background: #3E70AC; }
#ep .classic { background: #C0504D; }
#ep .classic:hover { background: #B0403C; }
#ep .independent { background: #8064A2; }
#ep .independent:hover { background: #705391; }
#ep .social { background: #9BBB59; }
#ep .social:hover { background: #8AAA48; }

#ep .list .weeks { margin: 10px 0 0 0; }
#ep .list .weeks a { display: block; margin-right: 1px; float: left; text-align: center; margin-bottom: 2px; width: 106px; height: 65px; position: relative; background-image: url("/inc/img/bg/gradient-shade.png"); background-repeat: repeat-x; font-size: 25px; color: #FFF; padding-top: 20px; }
.no-touch #ep .list a:hover { text-decoration: none; background-image: none; }
#ep .list.ge1 .weeks a { background-color: #CD0000; }
#ep .list.ge2 .weeks a { background-color: #008A00; }
#ep .list.ae1 .weeks a { background-color: #0072CD; }
#ep .list.ae2 .weeks a { background-color: #F36B00; }

#ep.studyideas { }
#ep.studyideas .left { width: 55%; }
#ep.studyideas .right { width: 40%; }
#ep.studyideas .right h3 { text-align: center; text-transform: uppercase; margin-top: 10%; margin-bottom: 3%; }
#ep.studyideas .right img { width: 100%; }
#ep.studyideas .news { background: #CCC; position: relative; padding: 10px; padding-top: 45px; }
#ep.studyideas .news img { max-width: 60px; }
#ep.studyideas .news td { vertical-align: top; }
#ep.studyideas .news p { margin-top: 0; }
#ep.studyideas .news h3 { font-size: 17px; }
#ep.studyideas .news h3 a { color: #DC291E; }
#ep.studyideas .title { background: #C0504D; position: absolute; left: 0; top: 0; width: 70%; padding: 10px; }
#ep.studyideas .title h3 { color: #FFF; }
#ep.studyideas .datevalue { position: absolute; top: 10px; right: 10px; color: #FFF; font-size: 13px; }

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

/* Dropbox Element */
.uploads { }
.column .uploads ul.list.grid.files li { width: 33%; }
.uploads ul.list.grid.files li { padding: 1%; width: 28%; background: none; margin: 10px 3% 0 0; border: none; float: left; position: relative; box-shadow: 0 0 2px transparent; min-height: 120px; }
.uploads ul.list.grid.files li:hover { box-shadow: 0 0 2px #000000; }
.uploads ul.list.grid.files li img { max-height: 130px; max-width: 100%; }
.uploads ul.list.grid.files li img:hover { }
.uploads ul.list h4 { cursor: pointer; font-size: 11px; overflow: hidden; height: 30px; margin-right: 22px; word-wrap: break-word; }
.uploads .img-holder { text-align: center; }
.uploads .ctrl { position: relative; display: block; }
.uploads table { width: 100%; border-collapse: collapse; }
.uploads table tr td:last-child { width: 18px; }
.uploads a.option { position: absolute; top: 0; right: 0; display: block; line-height: 1px; padding: 1px 4px 2px 4px; height: 8px; border: solid 1px #E6E6E6; border-radius: 3px; cursor: pointer; color: #666; }
.uploads a.option:hover { border: solid 1px #C0C0C0; }
.uploads .options { min-width: 110px; right: 0; display: none; text-align: left; font-size: 11px; }
.uploads .options > div { height: 20px; border-bottom: solid 1px rgba(0,0,0,0.05); padding: 4px; }
.uploads .options > div:hover { background: #3297FD; border-bottom-color: #3297FD; }
.uploads .options > div:hover a { color: #FFF; text-decoration: none; }
.uploads .options span:last-child { padding-top: 3px; display: inline-block; background-image: none; width: auto; }
.uploads .options span.icn { float: left; }
.uploads .options a { float: none !important; color: #666; cursor: pointer; display: block; }
.uploads .popup { background: #FFF; position: absolute; padding: 10px 5px 10px 5px; border: solid 1px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); z-index: 50; }

#dropbox { border-radius: 3px; position: relative; margin: 5px auto 5px; min-height: 170px; overflow: hidden; padding-bottom: 80px; border: dashed 2px #E0E0E0; transition: all ease-in-out 0.2s; }
#dropbox:hover { background: #EEE; }
#dropbox .message { width: 100%; text-align: center; padding-top: 70px; border: none; background: transparent; }
#dropbox .message i { color: #A0A0A0; }
#dropbox:hover .message i { color: #09F; }
#dropbox:before { border-radius: 3px 3px 0 0; }
#dropbox #old { position: absolute; bottom: 0; left: 0; right: 0; border-top: solid 1px #E0E0E0; margin-top: 50px; }
#dropbox .preview { width: 160px; height: 140px; float: left; margin: 15px 0 0 15px; position: relative; text-align: center; background-image: none; }
#dropbox .preview img { max-width: 100%; max-height: 130px; display: block; /*box-shadow: 0 0 2px #000;border: 3px solid #fff;*/ }
#dropbox .imageHolder, .dropbox .imageHolder { display: inline-block; position: relative; }
#dropbox .uploaded, .dropbox .uploaded { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url('/inc/img/icn/done.png') no-repeat center center rgba(255,255,255,0.5); display: none; }
#dropbox .preview.done .uploaded, .dropbox .preview.done .uploaded { display: block; }
#dropbox .preview.error .uploaded, .dropbox .preview.error .uploaded { display: block; background: url('/inc/img/icn/error.png') no-repeat center center rgba(255,255,255,0.5); }
#dropbox .progressHolder, .dropbox .progressHolder { position: absolute; background-color: #252f38; height: 12px; width: 100%; left: 0; bottom: 0; /*box-shadow: 0 0 2px #000;*/ }
#dropbox .progress, .dropbox .progress { background-color: #09F; position: absolute; height: 100%; left: 0; width: 0; box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset; -moz-transition: 0.25s; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
#dropbox .preview.done .progress, .dropbox .preview.done .progress { width: 100% !important; }
/*===========================================*/
#coursecontents { padding-bottom: 0; }

.contentstable { position: relative; padding-top: 0 !important; font-family: Arial,Helvetica,sans-serif; }
.contentstable div.item { font-family: Arial,Helvetica,sans-serif; }
.contentstable.pnl .header { padding-left: 3px; background: #EEE; text-transform: uppercase; }
.contentstable.pnl > .header.sub { padding-left: 3px; background: transparent; }
.contentstable.pnl > .header h3 { padding-top: 3px; margin-bottom: 0; color: #333 !important; font-weight: 600; font-size: 15px; }
.contentstable .item { background: transparent; border: none; border-radius: 0px; opacity: 0.9; }
.contentstable .item.complete { opacity: 1.0; }
.contentstable .item.selected { font-weight: bold; }
.contentstable .item.selected a { color: #09F; }
.contentstable .item.title { margin-top: 8px; margin-bottom: 2px; font-weight: 600; font-size: 14px; opacity: 1.0; }

.contentstable .item.resource { opacity: 1.0; }
.contentstable.pnl > .header.sub.resource,
.contentstable .item.resource { color: #A0A0A0; background: #EEE; font-size: 11px; }
.contentstable .item.resource a { color: #606060; }

.contentstable .tick { width: 10px; height: 10px; display: inline-block; margin-left: 4px; position: absolute; min-height: 10px; line-height: 10px; }
.contentstable .tick > span { background: url('/inc/img/icn/16/tick_round.png') center center no-repeat; }
.contentstable .tick span { width: 10px; height: 12px; background-size: 100%; background-position: center 2px; }

.contentstable .item.complete { }

.haschildren.item.selected { }
.haschildren.item.selected > a { color: #09F; }
.haschildren.selected .children a { color: #333; font-weight: normal; }

.contentstable .item:hover { background: #EEE; }
.contentstable .item:hover a { }
.contentstable .item a { color: #333; text-decoration: none; }
.contentstable .sort { position: absolute; right: 0; top: 2px; display: none; height: 16px; width: 16px; text-align: center; }
.contentstable .item:hover .sort { display: block; }

.contentstable .haschildren > a { font-weight: 600; font-size: 13px; margin-bottom: 1px; }
.contentstable.list .item.haschildren { padding-left: 19px; }
.contentstable.list .item.haschildren > a { position: relative; }
.contentstable.list .item.haschildren.complete > a { opacity: 1.0; }
.contentstable.list .item.haschildren > a.toggleicon { position: absolute; left: 2px; top: 4px; }

.contentstable .children .item:hover { background: transparent; }

.contentstable .childitem { /*font-size: 0.9em;*/ padding-left: 2px; }
.contentstable .childitem .childitem { margin-left: 10px; }
.contentstable .childitem .childitem .childitem { margin-left: 15px; }

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

.twitter-wrap { margin: 0 10px 10px 10px; max-width: 220px; width: 100%; }
.twitter-head { background: #CCC; border: 1px solid #CCC; padding: 8px 15px; width: 100%; }
.twitter-head h5 { color: #FFF; font-size: 1.2em; }

.twitterfeed { border: 1px solid #F0F0F0; border-top: none; margin: 0 0 1em; padding: 15px; width: 100%; font-size: 1.1em; word-wrap: break-word; }
.twitterfeed a { text-decoration: none; font-size: 1em; }
.no-touch .twitterfeed a:hover { text-decoration: underline !important; color: #111; }
.twitterfeed ul, .twitterfeed ul li { margin: 0px 0px 1em !important; padding: 0px !important; width: 100%; list-style: none; background: url(none); }
.twitterfeed .user, .twitterfeed .interact { }
.twitterfeed p { margin: 0; padding: 0; }
.twitterfeed .timePosted { margin: 0; font-size: 11px; color: #999; }

.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; }

/*.mobileapp #mobile-wrap, .mobileapp  #hdr{ border-top:solid 12px #004D58}*/
.whensmall, .mobileonly { 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;}

@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: 1300px) {
    .boardgallery .item{width:32.33%;}
    .boardgallery .item:nth-child(4n){margin-right:1%}
    .boardgallery .item:nth-child(3n){margin-right:0}

}

@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; }


    #image-library > div { width: 23%; }

    #paioptions .option { width: calc(33% - 21px); }


    #chat { width:212px}
}

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

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

@media only screen and (max-width:800px) {
    .whensmall, .mobileonly { display: block !important; }

    .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; }
    .detail .proposal { text-align: left; }

    div.wizard .boxes .box.w234h140 { height: 200px; }

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

      #paioptions .option { width: calc(45% - 21px); }

    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; }

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

    .boardgallery .item{width:49%;}
    .boardgallery .item:nth-child(3n){margin-right:1%}
    .boardgallery .item:nth-child(2n){margin-right:0}

.learningprofilechart{width: 100%; height: 260px; padding-left: 0;}
.learningprofilechart .chart-container{margin-left:auto;margin-right:auto;max-width:260px}
.learningprofilechart .highcharts-container{margin:auto;}

}

@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%; }
    /* .biglist .desc { margin-left: 70px; }*/



    .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; }
    .popmenu-wrap { display: none; }

    .board .item { width: 100%; display: block; margin-left: 0 !important; margin-right: 0 !important; }

    div.table { display: block; }
    div.table > div { display: block; }
    div.table > div > div { display: block; }

    .table.col2 > div > div:first-child { width: auto; padding-right: 0; }

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


    #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.wizard .boxes .box.w234h140 { width: 32%; }
    #postoptions i { font-size: 60px; margin-top: 11px; }


    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; }

    .boardgallery .item { width: 49.5%; height: auto; }
}

@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; }

    #paioptions .option { width: calc(50% - 21px); }
}

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

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

     .board .item { width: 100%; }

    /*.board .options a { display: none; }*/
    .scrolled.stuck { top: 94px; }

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

    .sidemenu .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; }


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

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

    .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 .span7 { padding-top: 10px; }
    .fileupload-buttonbar .span5 { display: none; }

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

    .boardgallery .item{width:99%;}
    .boardgallery .item{margin-right:0}
    .boardgallery .item:nth-child(3n){margin-right:0}
    .boardgallery .item:nth-child(2n){margin-right:0}

}

@media only screen and (max-width: 405px) {
    .boardgallery { margin: auto; width: 90%; }
    .boardgallery .item { width: 100%; }
}

@media only screen and (max-width: 360px) {
    #paioptions .option { width: calc(100% - 21px); }

    .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) {
    .boardgallery { width: 100%; }

    #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%; }

div.box.blue { background:#09F;}
div.box.green { background:#090;}
div.box.red { background:#F00;}
div.box.litegreen { background:#AFA;}
div.box.purple { background:#CCC;}
div.box.dullorange { background:#CCC;}
div.box.brightorange { background:#F60;}
div.box.yellow { background:#CCC;}
div.box.gold { background:#CCC;}
div.box.black { background:#000;}
div.box.gray { background:#EEE;}