@charset "UTF-8";
table {
    border-spacing: 5px;
    border-collapse: collapse
}

.context-tab {
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 21px
}

.active-context-tab {
    background-position: 0 0;
}

.inactive-context-tab {
    background-position: -88px 0;
}

.group-tab {
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    width: 152px;
    height: 26px
}

.active-group-tab {
    background-position: -176px 0;
}

.inactive-group-tab {
    background-position: -260px -37px;
}

.pageheader {
    background: #222127;
    height: 42px;
}

.pagelogo {
    float: left;
    background-image: url(/img/logo.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 31px;
    margin: 5px
}

.profileheader {
    float: right;
    color: #fff;
    padding-top: 18px
}

.profileheaderuser {
    float: left;
    height: 20px;
    padding-left: 20px;
    text-align: right;
    padding: 4px 10px 0 25px
}

.profileheadersettings {
    float: left;
    background-image: url(/img/packedui.png);
    background-position: 0 -39px;
    width: 15px;
    height: 16px;
    padding: 0 5px 0 5px;
    text-indent: -9999px
}

.profileheaderlogout {
    float: left;
    background-image: url(/img/packedui.png);
    background-position: -25px -39px;
    width: 15px;
    height: 16px;
    margin-right: 10px;
    text-indent: -9999px
}

.pagefooter {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 30px;
    color: #fff;
    background-color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.pf {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pagefooterleft {
    float: left;
    width: 45%;
    padding: 7px 0px 0px 4px
}

.pagefooterright {
    float: right;
    width: 45%;
    text-align: right;
    padding: 7px 10px 0px 0px
}

.ptoolbar {
    background: #222127;
    height: 32px;
    text-decoration: none
}

.ptoolbarbutton {
    float: left;
    width: 88px;
    height: 25px;
    text-align: center;    
    text-decoration: none;
    margin-right: 3px;
    padding-top:7px;
    border-radius: 3px 3px 0px 0px;
    font-size:13px;
}

.ptoolbarbutton_a {
    background-color: #aaa;
}

.ptoolbarbutton_i {
    background-color: #7C7F81;
}

A.ptoolbarbutton_i {
    color: #fff;
    text-decoration: none;
    text-decoration: none
}

A.ptoolbarbutton_i:link {
    color: #fff
}

A.ptoolbarbutton_i:hover {
    color: #fff
}

A.ptoolbarbutton_i:visited {
    color: #fff
}

A.ptoolbarbutton_a {
    color: #222127;
    text-decoration: none;
    text-decoration: none
}

A.ptoolbarbutton_a:link {
    color: #222127
}

A.ptoolbarbutton_a:hover {
    color: #222127
}

A.ptoolbarbutton_a:visited {
    color: #222127
}

.pagetitle {
    float: left;
    font-size: 1.6em;
    color: #222127;    
    margin: 12px 0px 0px 10px;
    height:40px;
}

.loginpage {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-image: url(/img/loginback10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.loginform {
    display: block;
    width: 419px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%
}

.loginformtop {
    float: center;
    width: 419px;
    height: 7px;
    background-image: url(/img/loginformtop.png)
}

.loginformmid {
    float: center;
    width: 379px;
    background-image: url(/img/loginformmid.png);
    padding: 0px 20px 20px 20px;
}

.loginformbottom {
    float: center;
    width: 419px;
    height: 7px;
    background-image: url(/img/loginformbottom.png)
}

.logintitle {
    font-size: 1.6em;
    font-weight: bold;
    padding-bottom: 10px
}

.loginlogo {
    background-image: url(/img/loginlogo.png);
    width: 213px;
    height: 58px;
    margin-left: 100px;
    margin-bottom: 10px;
}

#background {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.copyright {
    width: 570px;
    color: #555;
    margin: auto;
    margin-top: 60px;
    text-align: center;
    color: #fff
}

.stretch {
    width: 100%;
    height: 100%
}

.headerline { 
    display:block;
    width:100%;
    height:52px;
    background-color:#e6e6e6;
    color: #333;
}

.dcmgroupline {
    display: inline-block;
    background-image: url(/img/dcmgroupline.png);
    background-repeat: repeat-x;
    width: 100%;
    text-align: center;
}

.dcmnavicons {
    float: left;
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    margin:5px;
    text-indent: -6000px
}
.dcmhomegroup {
    background-position: -28px -21px;
}

.dcmlisting {
    background-position: -14px -21px;
}

.dcmcatalog {
    background-position: 0px -21px;
}

.dcmparentgroup {
    background-position: -42px -21px;
}

.dcmarrowbutton {
    float: left;
    width: 18px;
    height: 36px;
    text-indent: -6000px
}

.dcmleftarrow {
}

.dcmrightarrow {
}

.dcmgroup {
    float: left;
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    background-position: -176px 0px;
    width: 152px;
    height: 30px;
    padding-top:8px;
    text-align: center;
    font-weight: normal;
    color: #222127;    
}

.dcmgrouphov:hover {
    color: #222127
}

.dcmgroupcurrent {    
    color: #333
}

.dcmgroupselect {
    background-position: -260px -37px;
    color: #fff
}

.dcmgroupenable {
    float: left;
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    color: #fff;
    width: 27px;
    height: 27px;
    margin-top: 5px
}

.dcmgroupenable_0 {
    background-position: -315px -118px;
}

.dcmgroupenable_1 {
    background-position: -315px -91px;
}

.dcmsandp {
    float: left;
    width: 100%;
    height: 58px;
    background-color: #e6e6e6
}

.dcmspbar {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #222127
}

.dcmsearch {
    float: left;
    width: 292px;
    height: 30px;
    padding-left: 12px;
    padding-top: 2px
}

.dcmsearchicon {
    float: left;
    margin-top: 8px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background-image: url(/img/packedui.png);
    background-position: -58px -21px;
}

.dcmsearchinput {
    float: left;
    width: 204px;
    height: 27px;
    outline: none !important;
    border: none;
    background-image: url(/img/packedui.png);
    background-position: -40px -37px;
    color: #333;
    padding: 0 5px 0 10px;
    margin-top: 3px
}

.dcmsearchclear {
    float: left;
    width: 21px;
    height: 27px;
    background-image: url(/img/packedui.png);
    background-position: -239px -37px;
    outline: none !important;
    border: none;
    text-indent: -9999px;
    margin-top: 3px
}

.dcmsearchbutton {
    float: left;
    width: 30px;
    height: 30px;
    outline: none;
    border: none;
    background-image: url(/img/commongrp.png);
    background-repeat: no-repeat;
    background-position: 0 -280px;
    text-indent: -9999px;
    background-color: transparent
}

.dcmpageselectors {
    height: 32px
}

.dcmpagelabel {
    float: left;
    padding: 10px 0 0 10px;
    padding-right: 10px;
    padding-top: 13px;
    color: #333
}

.dcmpageselector {
    float: left;
    font-weight: bold;
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 21px;
    padding-top:6px;
    margin: 5px 0px 0px 5px;
    text-align: center;    
}

.dcmpageselect {
    background-position: -342px -91px;
    color: #333;
}

.dcmpagecurrent {
    background-position: -342px -118px;
    color: #fff;
}

.dcmtitle {
    float: left;
    font-size: 1.6em;
    font-weight: normal;
    color: #222127;
    margin: 7px 10px 0px 5px
}

A.dcmpagecurrent {
    color: #fff;
    text-decoration: none
}

A.dcmpagecurrent:link {
    color: #fff
}

A.dcmpagecurrent:hover {
    color: #fff
}

A.dcmpagecurrent:visited {
    color: #fff
}

A.dcmpageselect {
    color: #333;
    text-decoration: none
}

A.dcmpageselect:link {
    color: #333
}

A.dcmpageselect:hover {
    color: #333
}

A.dcmpageselect:visited {
    color: #333
}

.dcmitems {
  margin-top:-3px;
}

.dcmitem {
    float: left;
    width: 120px;
    height: 120px;
    outline: 1px dotted #aaa;
    margin: 3px;
    padding: 2px;
    text-align: center
}

.dcmsharedlibrary {
    display: block;
    position: absolute;
    left: 20px;
    top: 22px;
    background-image: url(/img/sharedlibraryicon.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
}

.dcmgitemthumbnail {
    display: block;
    width: 120px;
    height: 80px;
    margin: 20px auto 2px auto;
    overflow: hidden
}

.dcmitemimg {
    width: 68px;
    height: 120px
}

.dcmitemtitle {
    float: left;
    width: 120px;
    height: 16px;
    text-align: center;
    padding-top: 1px;
    font-size: 1em
}

.dcmactions {
    float: left;
    position: relative;
    left: 0;
    top: 0;
    width: 120px;
    height: 18px;
    z-index: 4
}

.dcmactionlinks {
    float: left;
    display: none;
    text-align: center;
    padding-top: 1px;
    font-size: .9em
}

.dcmitemdata {
    display: none
}

#dcmpreview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff
}

A.dcmgroupselected {
    color: #fff;
    text-decoration: none
}

A.dcmgroupselected:link {
    color: #fff
}

A.dcmgroupselected:hover {
    color: #fff
}

A.dcmgroupselected:visited {
    color: #fff
}

A.dcmgroup {
    text-decoration: none
}

.profile {
    padding-left: 20px
}

.errordata {
    text-align: left;
    background-color: #fbadad;
    color: #000;
    border: 1px #000 solid;
    padding-top: 6px;
    padding: 4px;
    font-size: .95em
}

.erroraction {
    text-align: left;
    background-color: #ef9d9d;
    color: #000;
    border: 1px #000 solid;
    padding-top: 6px;
    padding: 4px;
    font-size: .95em
}

.warndata {
    text-align: left;
    background-color: #fbe674;
    color: #000;
    border: 1px #000 solid;
    padding-top: 6px;
    padding: 4px;
    font-size: .95em
}

.warnaction {
    text-align: left;
    background-color: #fbe674;
    color: #000;
    border: 1px #000 solid;
    padding-top: 6px;
    padding: 4px;
    font-size: .95em
}

.playericon {
    float: left;
    width: 80px;
    height: 45px;
    background-image: url(/img/player_placeholder.png);
    background-repeat: none;
    margin: 9px
}

.playericon a {
    color: #000
}

.playericonscreenshot {
    padding: 2px;
    font-size: .8em;
    text-align: center
}

.contenticon {
    float: left;
    width: 80px;
    height: 45px;
    background-image: url(/img/content_placeholder.png);
    background-repeat: none;
    margin: 9px
}

.contenticon a {
    color: #000
}

.contenticonscreenshot {
    padding: 2px;
    font-size: .8em;
    text-align: center
}

.map {
    float: left
}

.viewbody {
    padding: 6px;
    background-image: url(/img/groupback.gif);
    background-repeat: repeat-x;
    width: auto;
    height: 668px
}

.viewernav {
    background-color: #44617e;
    color: #fff;
    height: 17px;
    border: 1px #a0a0a0 solid;
    padding: 3px 3px 3px 6px
}

.viewfields {
    clear: both;
    padding-top: 10px
}

.viewrow {
    clear: both;
    padding: 4px 0 4px 0;
    font-size: 1em
}

.viewlabel {
    float: left;
    font-weight: bold;
    width: 100px;
    text-align: left
}

.viewdata {
    float: left;
    width: 360px;    
    margin-bottom: 10px;
}

.viewtext {
    display: inline-block;
    font-size: .8em;
    padding: 2px
}

.viewtextn {
    font-weight: normal
}

.viewtextb {
    font-weight: bold
}

/* START - Player View styles */

.playername {
    float: left;
    width: 130px;
    font-size: 1.4em;
    font-weight: bold;
    padding: 6px 4px 4px 4px
}

.playerstatus0 {
    color: #000
}

.playerstatus1 {
    color: #000
}

.playerstatus2 {
    color: #000
}

.playerstatus3 {
    color: #d91717
}

.playerstatus4 {
    color: #000
}

.playerstatusmsg {
    float: left;
    color: #000;
    width: 350px;
    padding-left: 5px;
    padding-top: 5px;
    font-size: .9em
}

.playerviewrow {
    width: 100%;
    height: 130px
}

.playerviewrow2 {
    width: 100%;
    height: 100px
}

#playerviewheaderbar {
    float: left;
    background-color: #222127;
    color: #ddd;
    margin: auto;
    width: 100%;
    height: 30px
}

.pv {
    float: left;
    font-size: 11px;
    color: #888;
}

.pv1 {
    width: 50%;
    height: 100%;
    background-image: url(/img/pv1.png)
}

.pv2 {
    width: 25%;
    height: 100%;
    background-image: url(/img/pv2.png)
}

.pv3 {
    width: 100%;
    height: 100%;
    background-image: url(/img/pv3.png)
}

.hddicon {
    float: left;
    background-image: url(/img/harddisk.png);
    background-repeat: no-repeat;
    width: 68px;
    height: 78px;
}

.battery {
    float: left;
    background-image: url(/img/battery.png);
    background-repeat: no-repeat;
    width: 68px;
    height: 78px;
    margin: 4px
}

.batterydetail {
    float: left;
    width: 50%
}

.pvcontent {
    padding: 4px
}

#pvtitle {
    font-size: 2.2em
}

#pvsubtitle {
    font-size: 1.6em
}

#pvstatusupdatedblock {
    float: left;
    width: 284px;
    height: 80%;
    text-align: center
}

#statusupdatedgraph {
    display: inline-block;
    width: 772px;
    height: 190px;
    margin: 10px 0px 0px 20px;
    border: 1px solid #ddd
}

#pvmtbf {
    float: left;
    width: 33%;
    height: 100%;
    font-weight: bold;
    color: #888;
    text-align: center;
    padding: 8px
}

#pvmtbfvalue {
    float: left;
    width: 100%;
    font-size: 3.2em;
    font-weight: bold;
    padding-top: 14px;
    text-align: center;
    color: #000
}

#pvmtbfuom {
    float: left;
    width: 100%;
    font-size: 1.6em;
    font-weight: bold;
    padding-top: 4px;
    text-align: center
}

#pveventlistblock {
    float: left;
    width: 90%;
    padding: 8px;
    text-align: center
}

#pvlocation {
    float: left;
    width: 62%;
    height: 96%;
    padding: 8px
}

#screenshot1 {
    display: block;
    width: 120px;
    height: 75px;
    background-image: url(/img/displays1.png);
    background-position: -117px 0px;
    background-repeat: no-repeat;
    padding-top: 4px;
    margin: 15px auto 0px auto
}

#screenshot2 {
    display: block;
    width: 67px;
    height: 95px;
    background-image: url(/img/displays2.png);
    background-position: -67px 0px;
    background-repeat: no-repeat;
    padding-top: 4px;
    margin: 8px auto 0px auto
}

.screenshotinner {
    margin-left: -2px;
}

.pveventcolor_Warning {
    color: #ffcc00
}

.pveventcolor_Error {
    color: #f60909
}

.pveventcolor_Information {
    color: #000
}

.pvtablerow {
    float: left;
    width: 100%;
    padding: 1px;
}

.pvtablelabel {
    float: left;
    width: 25%;
    color: #888
}

.pvtableeventtype {
    float: left;
    width: 110px;
    color: #888;
}

.pvtabledata {
    float: left;
    width: 75%;
    color: #000
}

.pvpowerlabel {
    float: left;
    width: 40%;
    color: #888
}

.pvpowerdata {
    float: left;
    width: 60%;
    color: #000
}

#sidebar {
    float: left;
    background-color: #354052;
    width: 186px;
    height: 516px;
    color: #ddd;
    text-align: center;
    line-height: 17px
}

#sidebarstatusbar {
    width: 100%;
    height: 51px;
    background-image: url(/img/sidebarstatusbar.png);
    background-repeat: no-repeat;
}

#sidebaraddressbar {
    width: 100%;
    height: 165px;
    background-image: url(/img/sidebarstatusbar.png);
    background-repeat: no-repeat;
    background-position: 0px -50px;
    padding-top: 4px
}

.sidebarstatusicon {
    float: left;
    width: 52px;
    height: 51px;
    background-image: url(/img/statusbaricons.png);
    background-repeat: no-repeat;
}

#sidebarstatusicon_1 {
    background-position: 0px 0px
}

#sidebarstatusicon_2 {
    background-position: -52px 0px
}

#sidebarstatusicon_3 {
    background-position: -104px 0px
}

#sidebarstatusicon_4 {
    background-position: -156px 0px
}

#sidebarstatusicon_5 {
    background-position: -208px 0px;
    width: 126px;
    font-size: .9em;
    color: #fff;
    padding: 17px 0px 0px 60px
}

#sidebarstatusicon_6 {
    background-position: -416px 0px;
}

#sidebarstatustext {
    float: left;
    width: 124px;
    height: 30px;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    margin: 18px 0px 0px 0px;
    text-align: left;
}

#sidebarmtbf {
    font-size: 2.9em;
    font-weight: bold;
}

#sidebarmapicon {
    float: right;
    background-image: url(/img/common.1.2.png);
    background-repeat: no-repeat;
    background-position: -96px 0px;
    width: 16px;
    height: 16px;
    outline: 0px;
    margin-right: 10px
}

.status_wide_graph_group {
    float: left;
    width: 834px;
    height: 120px;
    background-image: url(/img/swggback.png)
}

.status_small_graph_group {
    float: left;
    width: 278px;
    height: 120px;
    background-image: url(/img/ssggback.png)
}

.status_small_graph_group2 {
    float: left;
    width: 556px;
    height: 120px;
    background-image: url(/img/ssggback2.png)
}

.status_small_graph {
    display: inline-block;
    width: 139px;
    height: 100px;
}

.status_small_graph_description {
    float: left;
    width: 100%;
    height: 20px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    font-size: .8em;
}

.os_icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url(/img/cmsicons.png);
    background-repeat: no-repeat;
    margin: 30px 10px 0px 10px;
    vertical-align: top
}

#os_icon_0 {
    background-position: -1600px -80px;
}

#os_icon_1 {
    background-position: -1840px -80px;
}

#os_icon_2 {
    background-position: -1680px -80px;
}

#os_icon_5 {
    background-position: -1840px -80px;
}

#os_icon_6 {
    background-position: -1760px -80px;
}

#os_icon_7 {
    background-position: -1920px -80px;
}

#os_details {
    display: inline-block;
    height: 100px;
    font-size: .8em;
    vertical-align: top;
    margin: 20px 0px 10px 0px;
    width: 160px
}

#os_details2 {
    display: inline-block;
    height: 100px;
    font-size: .8em;
    vertical-align: top;
    margin: 20px 0px 10px 0px;
    width: 440px
}

#misc_details {
    display: inline-block;
    width: 250px;
    height: 100px;
    font-size: .8em;
    vertical-align: top;
    padding: 20px 0px 0px 10px;
}

#battery_details {
    display: inline-block;
    width: 120px;
    height: 100px;
    font-size: .8em;
    vertical-align: top;
    padding: 20px 0px 0px 10px;
}

.events {
    float: left;
    margin: 20px
}

#eventtable {
    border: 1px solid #ddd
}

#eventtable TH {
    background-color: #222127;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    border: 1px solid #222127
}

#eventtable TD {
    color: #222127;
    padding: 4px;
    border: 1px solid #ddd
}

.eventicon {
    display: inline-block;
    width: 9px;
    height: 9px;
    background-image: url(/img/eventicons.png);
    background-repeat: no-repeat;
}

#eventicon_Error {
    background-position: 0px 0px;
}

#eventicon_Information {
    background-position: -9px 0px;
}

#eventicon_Warning {
    background-position: -18px 0px;
}

.innerbutton {
    display: block;
    width: 201px;
    height: 16px;
    margin: 10px auto 0px auto;
    background-image: url(/img/innerbutton.png);
    background-repeat: no-repeat;
    padding: 4px;
    text-align: center;
    font-size: .9em;
    color: #222127
}

.currentplaylist {
    float: left;
    margin: 20px;
    width: 770px;
    height: 440px;
    overflow: auto
}

.condition {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/img/conditions.png);
    background-repeat: no-repeat
}

.condition_F {
    background-position: 0px 0px;
}

.condition_M {
    background-position: -16px 0px;
}

.condition_C {
    background-position: -32px 0px;
}

.condition_YA {
    background-position: -48px 0px;
}

.condition_A {
    background-position: -64px 0px;
}

.condition_S {
    background-position: -80px 0px;
}

.condition_D {
    background-position: -96px 0px;
}

.condition_I {
    background-position: -112px 0px;
}

.condition_V {
    background-position: -128px 0px;
}

.currentrefresh {
    display: inline-block;
    background-image: url(/img/common.1.2.png);
    background-position: -48px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.durationicon {
    background-image: url(/img/common.1.2.png);
    background-position: -112px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.playlisttable {
    border: 1px solid #ddd
}

.playlisttable TH {
    background-color: #222127;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    border: 1px solid #222127
}

.playlisttable TD {
    color: #222127;
    padding: 4px;
    border: 1px solid #ddd
}

.notice {
    width: 200px;
    height: 40px;
    margin: auto;
    font-size: 1.2em;
    font-weight: bold;
}

#externalview {
    display: inline-block;
    background-image: url(/img/common.1.2.png);
    background-repeat: no-repeat;
    background-position: -128px 0px;
    width: 16px;
    height: 16px;
    outline: 0px;
    margin: 12px 10px 0px 10px;
    text-indent: -6000px
}

/* END - Player View styles */

no-dialog-padding, .no-dialog-padding .ui-dialog-content {
    border: none;
    padding: 0;
}

no-dialog-margin, .ui-dialog .ui-dialog-buttonpane {
    margin: 0;
}

.playercaption {
    float: left
}

.hddavail {
    clip: 0, 68px, 78px, 0
}

.hddlabel1 {
    font-size: 1em
}

.hddlabel2 {
    font-size: 2.0em;
    margin: 4px 0px 4px 0px;
}

.viewpanel {
    float: left;
    width: 986px
}

.viewpanelmid {
    float: left;
    background-image: url(/img/viewpanelmidback.png);
    background-repeat: repeat-y;
    width: 986px;
    padding: 4px
}

.viewpanelbottom {
    float: left;
    background-image: url(/img/viewpanelbottom.png);
    background-repeat: no-repeat;
    width: 986px;
    padding: 0;
    height: 23px
}

.viewpanelplayername {
    font-size: 2em;
    padding: 5px 0 6px 5px
}

.viewpaneltoolbar {
    float: left;
    padding: 10px 0 0 10px;
    background-image: url(/img/viewpaneltoolbarback.png);
    background-repeat: no-repeat;
    width: 986px
}

.viewpanelbutton_active {
    float: left;
    width: 106px;
    height: 26px;
    padding: 5px 0 0 8px;
    background-image: url(/img/player_activecategory.png);
    background-repeat: no-repeat
}

.viewpanelbutton_inactive {
    float: left;
    width: 88px;
    height: 26px;
    padding: 5px 0 0 8px;
    background-image: url(/img/player_inactivecategory.png);
    background-repeat: no-repeat
}

#param1error {
    float: left;
    color: red;
    padding-top: 6px
}

#param2error {
    float: left;
    color: red;
    padding-top: 6px
}

#rdmpform {
    float: left;
    width: 600px
}

#rdmpresult {
    float: left;
    width: 500px;
    height: 300px;
    padding-top: 10px
}

#rdmpstatus {
    float: left;
    width: 600px
}

.dragdropeditor {
    float: left;
    background-color: #222127
}

.layout {
    float: left;
    width: 232px;
    height: 232px
}

.zoneplaylist {
    float: left;
}

.slider {
    float: left;
    width: 100%;
    height: 13px;
    background-image: url(/img/sliderbackx.png)
}

.sliderbutton {
    float: left;
    height: 13px
}

.sliderbuttonleft {
    display: inline-block;
    background-image: url(/img/sliderbuttonx.png);
    background-position: 0 0;
    width: 12px;
    height: 13px
}

.sliderbuttonmid {
    display: inline-block;
    background-image: url(/img/sliderbuttonbackx.png);
    width: 7px;
    height: 13px
}

.sliderbuttonright {
    display: inline-block;
    background-image: url(/img/sliderbuttonx.png);
    background-position: -12px 0;
    width: 11px;
    height: 13px
}

.playlist {
    float: left;
    width: 20%;
    height: 170px;
    background-image: url(/img/filmback.png);
    background-repeat: repeat-x;
    overflow: hidden
}

.playlistitems {
    float: left;
    width: 100%;
    height: 157px
}

.playlistitem {
    float: left;
    width: 112px;
    height: 157px
}

.durationandplayback {
    float: left;
    color: #fff
}

.assetdetail td {
    color: #fff
}

.playlistitemactions {
    float: left;
    display: none;
    width: 112px;
    height: 19px;
    padding: 2px 0 0 2px
}

.playlistitemthumb {
    float: left;
    width: 112px;
    height: 61px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 2px;
}

.playlistitemtitle {
    float: left;
    width: 100%;
    height: 17px;
    text-align: center;
    color: #aaa;
    font-size: .9em;
}

.playlistitemdurationtext {
    float: left;
    height: 17px;
    text-align: center;
    color: #aaa;
}

.playlistitemscheduletext {
    float: left;
    height: 13px;
    text-align: center;
    color: #aaa;
    margin-top: 2px
}

.playlistitemoptions {
    float: left;
    height: 15px;
    width: 100%;
    text-align: center;
    color: #aaa;
}

.playlistslider {
    float: left;
    width: 100%;
    height: 10px;
    margin: 10px 0 10px 0
}

.playlistname {
    float: left;
    padding: 5px;
    height: 30px;
    margin-right: 5px
}

.playlistdescription {
    float: left;
    padding: 5px;
    height: 30px
}

.template {
    float: left;
    width: 134px;
    height: 86px;
    background-color: #000
}

.TODO netitemlinks {
    display: none
}

.netitems {
    margin: 10px
}

.netitem {
    float: left;
    width: 120px;
    height: 120px;
    outline: 1px dotted #aaa;
    margin: 3px;
    padding: 2px;
    text-align: center
}

.netitem1 {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    outline: 1px dotted #aaa;
    margin: 3px;
    padding: 2px;
    text-align: center;
    overflow: hidden
}

.netitem2 {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    outline: 1px dotted #aaa;
    margin: 3px;
    padding: 2px;
    text-align: center;
    overflow: hidden
}

.cmsicon {
    display: block;
    position: absolute;
    left: 25px;
    top: 22px;
    background-image: url(/img/cmsicons.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
}

.ci_netgroup {
    background-position: -480px 0px;
}

.ci_netgroupadd {
    background-position: -560px 0px;
}

.ci_netgroupvirtual {
    background-position: -640px 0px;
}

.ci_netgroupvirtualadd {
    background-position: -720px 0px;
}

.ci_netplayeradd {
    background-position: -400px 0px;
}

.ci_library {
    background-position: -0px 0px;
}

.ci_sharedlibrary {
    background-position: -80px 0px;
}

.ci_libraryadd {
    background-position: -320px 0px;
}

.ci_assetupload {
    background-position: -240px 0px;
}

.ci_createasset {
    background-position: -160px 0px;
}

.ci_playlist {
    background-position: -800px 0px;
}

.ci_playlistdef {
    background-position: -880px 0px;
}

.ci_playlistsch {
    background-position: -960px 0px;
}

.ci_pubgroup {
    background-position: -1120px 0px;
}

.ci_pubgroupadd {
    background-position: -1200px 0px;
}

.ci_playlistadd {
    background-position: -1040px 0px;
}

.ci_usergroup {
    background-position: -1440px 0px;
}

.ci_usergroupadd {
    background-position: -1520px 0px;
}

.ci_user {
    background-position: -1280px 0px;
}

.ci_useradd {
    background-position: -1360px 0px;
}

.ci_reportadd {
    background-position: -1600px 0px;
}

.ci_reportgroup {
    background-position: -1680px 0px;
}

.ci_reportgroupadd {
    background-position: -1760px 0px;
}

.ci_reportpop {
    background-position: -1840px 0px;
}

.ci_reportasset {
    background-position: -1920px 0px;
}

.ci_reportplayer {
    background-position: -2000px 0px;
}

.ci_reportalert {
    background-position: -2080px 0px;
}

.ci_reportuser {
    background-position: -2160px 0px;
}

.ci_reportplaylist {
    background-position: -2240px 0px;
}

.ci_parentgroup {
    background-position: -2080px -80px;
}

.netgrouptitle {
    display: block;
    position: absolute;
    left: 2px;
    top: 99px;
    width: 120px;
    height: 16px;
    text-align: center;
    padding-top: 9px;
    font-size: 1em
}

.netitemdisplay1 {
    display: block;
    width: 117px;
    height: 82px;
    background-image: url(/img/displays1.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 20px auto 2px auto;
    padding-top: 4px
}

.netitemdisplay2 {
    display: block;
    width: 67px;
    height: 102px;
    background-image: url(/img/displays2.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 0px auto 2px auto;
    padding-top: 1px
}

.screenshot1 {
    display: block;
    position: absolute;
    left: -1px;
    top: 0px;
    width: 106px;
    height: 64px;
}

.screenshot2 {
    display: block;
    position: absolute;
    left: -1px;
    top: 0px;
    width: 62px;
    height: 88px;
}

.netitemtitle {
    display: block;
    position: absolute;
    left: 0px;
    top: 107px;
    width: 124px;
    height: 16px;
    text-align: center;
    padding-top: 2px;
    font-size: .9em
}

.netitemtitle_new {
    color: #fff;
    background-color: #78c8ff
}

.netitemtitle_maint {
    color: #fff;
    background-image: url(/img/construct.png)
}

.netitemtitle_ok {
    background-color: #2ed381
}

.netitemtitle_warning {
    background-color: #fca50a
}

.netitemtitle_error {
    background-color: #ee4040;
    color: #fff
}

.netitemtitle_sleeping {
    background-color: #78c8ff
}

.netitemtitle_invalid {
    background-color: #111;
    color: #fff
}

.netlinks {
    width: 120px;
    height: 18px;
}

.netactionslist {
    display: none
}

.netactions {
    display: block;
    position: absolute;
    z-index: 4
}

.netactions1 {
    left: 0px;
    top: 0;
    width: 124px;
    height: 18px;
    padding-top: 1px;
    padding-left: 6px;
}

.netactions2 {
    left: 0px;
    top: 0;
    width: 19px;
    height: 124px;
    padding-left: 2px;
}

.netitemimg1 {
    padding: 4px 0 0 5px;
    width: 106px;
    height: 66px
}

.netitemimg2 {
    padding: 4px 0 0 1px;
    width: 66px;
    height: 106px
}

.netlistview {
    float: left;
    background-image: url(/img/actionview.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 16px;
    height: 16px
}

.netlistedit {
    float: left;
    background-image: url(/img/actionedit.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 16px;
    height: 16px
}

.netlistdelete {
    float: left;
    background-image: url(/img/actiondelete.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 16px;
    height: 16px
}

.playlistpopulate {
    float: left;
    background-image: url(/img/actionpopulate.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 16px;
    height: 16px
}

#netpreview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff
}

A.netgroupselected {
    color: #fff;
    text-decoration: none
}

A.netgroupselected:link {
    color: #fff
}

A.netgroupselected:hover {
    color: #fff
}

A.netgroupselected:visited {
    color: #fff
}

A.netgroup {
    color: #222127;
    text-decoration: none
}

A.netgroup:link {
    color: #222127
}

A.netgroup:hover {
    color: #222127
}

A.netgroup:visited {
    color: #222127
}

.dashboardheader {
    float: left;
    width: 100%;
    height: 36px;
    padding: 8px;
    background-image: url(/img/dashhdr.png);
    background-repeat: repeat-x
}

.dashboardheader a {
    color: #afcde7
}

.dashboardwidget {
    float:left;
    width:20%;
    height:200px;
    background-color: #111;
    outline: 1px solid #000;    
    text-align: center
}

.dashboardtitle {
    font-size: 1.2em;
    color: #222127;
    padding: 2px 0px 2px 0px;
    background-color: #222127;
    color: #fff;
    overflow: hidden;
    width: 100%;
    height: 22px
}

.dashboardbody {
    float: left;
    border: 1px solid #f00
}

.dashboardrow {
    clear: both;
    width: 100%;
}

.dashboardlist {
    color: #ddd;
    padding: 4px
}

.dashboardlink {
    font-size: .9em;
    text-decoration: underline
}

.dashboardrefresh {
    float: right;
    background-image: url(/img/common.1.2.png);
    background-position: -80px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 8px;    
    text-indent: -6000px
}

.dashboarddelete {
    float: right;
    background-image: url(/img/common.1.2.png);
    background-position: -32px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    text-indent: -6000px
}

.dashtable {
    float: left;
    font-size: 1em;
    color: #ddd;
    margin: 5px 0px 5px 0px
}

.dashtablerow {
    float: left;
    width: 100%;
    height: 20px;
    color: #ddd;
}

.dashtablerow:hover {
    height: 20px;
    color: #fff;
    background: #111;
    outline: 1px dotted #fff;
}

.dashtablecell {
    float: left;
    font-size: 11px;
    color: #ddd;
    text-align: left;
    padding: 4px 3px 4px 3px;
    border-right: 1px solid #222127;
    overflow: hidden;
    white-space: nowrap
}

.dasheventrow {
    float: left;
    height: 23px;
    color: #ddd
}

.dasheventdate {
    float: left;
    width: 355px;
    height: 18px;
    color: #fff;
    font-weight: bold;
    background: #1e2021;
    padding: 2px;
    font-size: .9em
}

.pinboard1 {
    float: left;
    background: #b5712e;
    margin: 2px
}

.pinboard2 {
    float: left;
    background: #77ab13;
    margin: 2px
}

.pinboard3 {
    float: left;
    background: #f6f919;
    margin: 2px
}

.pinboard4 {
    float: left;
    background: #ff2a00;
    margin: 2px
}

.widgettooltip {
    z-index: 10;
    display: inline-block
}

.widgettooltip:hover {
    position: relative;
    z-index: 100
}

.widgettooltip span {
    display: none;
    font-size: 12px
}

.widgettooltip:hover span {
    display: block;
    position: absolute;
    float: left;
    white-space: wrap;
    top: -3.6em;
    left: .5em;
    background: #fff;
    border: 1px solid #888;
    color: #222127;
    padding: 4px 5px;
    z-index: 10;
    width: 200px
}

.cell {
    display: inline-block;
    border: 1px solid red;
    width: 120px;
    height: 80px;
    margin: 4px
}

.cell2 {
    display: inline-block;
    border: 1px solid #0f0;
    width: 80px;
    height: 120px;
    margin: 4px
}

.action-view {
    float: left;
    background-image: url(/img/common.1.2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    text-indent: -6000px
}

.action-edit {
    float: left;
    background-image: url(/img/common.1.2.png);
    background-position: -16px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    text-indent: -6000px
}

.action-delete {
    float: left;
    background-image: url(/img/common.1.2.png);
    background-position: -32px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    text-indent: -6000px
}

.action-refresh {
    float: left;
    background-image: url(/img/common.1.2.png);
    background-position: -48px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    text-indent: -6000px
}

.action-duration {
    float: left;
    background-image: url(/img/common.1.2.png);
    background-position: -64px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    text-indent: -6000px
}

.action-download {
    float: left;
    background-image: url(/img/common.1.2.png);
    background-position: -80px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    text-indent: -6000px
}

.upload {
    display: inline-block;
    padding: 20px;
    width: 94%;
    height: 400px;
    overflow: auto
}

.specialasset {
    float: left;
    background-image: url(/img/cmsicons.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px
}

#specialasset_22 {
    background-position: -640px -80px;
}

#specialasset_18 {
    background-position: -720px -80px
}

#specialasset_36 {
    background-position: -800px -80px
}

#specialasset_30 {
    background-position: -880px -80px
}

#specialasset_45 {
    background-position: -960px -80px
}

#specialasset_47 {
    background-position: -1040px -80px
}

#specialasset_20 {
    background-position: -1120px -80px
}

#specialasset_44 {
    background-position: -1200px -80px
}

#specialasset_19 {
    background-position: -1280px -80px
}

#specialasset_48 {
    background-position: -1360px -80px
}

#specialasset_49 {
    background-position: -1440px -80px
}

#specialasset_50 {
    background-position: -1520px -80px
}

#specialasset_25 {
    background-position: -800px -0px
}

.specialasset_22 {
    background-position: -640px -80px;
    margin-left: 20px
}

.specialasset_18 {
    background-position: -720px -80px;
    margin-left: 20px
}

.specialasset_36 {
    background-position: -800px -80px;
    margin-left: 20px
}

.specialasset_30 {
    background-position: -880px -80px;
    margin-left: 20px
}

.specialasset_45 {
    background-position: -960px -80px;
    margin-left: 20px
}

.specialasset_47 {
    background-position: -1040px -80px;
    margin-left: 20px
}

.specialasset_20 {
    background-position: -1120px -80px;
    margin-left: 20px
}

.specialasset_44 {
    background-position: -1200px -80px;
    margin-left: 20px
}

.specialasset_19 {
    background-position: -1280px -80px;
    margin-left: 20px
}

.specialasset_48 {
    background-position: -1360px -80px;
    margin-left: 20px
}

.specialasset_49 {
    background-position: -1440px -80px;
    margin-left: 20px
}

.specialasset_50 {
    background-position: -1520px -80px;
    margin-left: 20px
}

.specialasset_25 {
    background-position: -800px -0px;
    margin-left: 20px
}

.reporttype {
    float: left;
    width: 90px;
    margin: 5px;
    padding: 5px;
    text-align: center
}

.reporticon {
    float: left;
    background-image: url(/img/cmsicons.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px
}

#report_1 {
    background-position: -1840px 0;
}

#report_2 {
    background-position: -1920px 0;
}

#report_3 {
    background-position: -2000px 0;
}

#report_4 {
    background-position: -2080px 0;
}

#report_5 {
    background-position: -2160px 0;
}

#report_6 {
    background-position: -2240px 0;
}

#report_7 {
    background-position: -2320px 0;
}

.app_icon_dark_populate {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -208px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_setdefault {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_groupassign {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -64px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_playerassign {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -16px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_autoassign {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -32px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_tml {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -272px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_approve {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -224px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_retrieve {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -240px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_manage {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -256px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_calendar {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -288px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_multi {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -304px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_cancel {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -320px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_csv {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -336px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_preview {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -352px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_signedit {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -368px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_validity {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -128px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.app_icon_dark_signcopy {
    float: left;
    background-image: url(/img/appicons_dark_16_3.png);
    background-position: -384px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.assetformat {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url(/img/assetformat.png);
    background-repeat: no-repeat;
    margin-right: 2px;
    z-index: 2
}

.assetformat_img {
    background-position: 0 0
}

.assetformat_vid {
    background-position: -16px 0
}

.assetformat_swf {
    background-position: -32px 0
}

.assetformat_aud {
    background-position: -48px 0
}

.assetformat_dsn {
    background-position: -64px 0
}

.assetformat_doc {
    background-position: -80px 0
}

.assetformat_dml {
    background-position: -96px 0
}

.assetformat_rss {
    background-position: -112px 0
}

.assetformat_web {
    background-position: -128px 0
}

.assetformat_day {
    background-position: -144px 0
}

.assetformat_car {
    background-position: -160px 0
}

.assetformat_cpgn {
    background-position: -192px 0
}

.assetformat_ltv {
    background-position: -176px 0
}

.assetformat_dsnx {
    background-position: -208px 0
}

.screenshot1 {
    float: left;
    padding: 6px 0 0 6px
}

.screenshot2 {
    float: left;
    padding: 5px 0 0 4px
}

.statusheader {
    float: left;
    width: 372px;
    height: 120px
}

.layouteditor {
    float: left;
    background-color: #222127
}

.contentbanner {
    float: left;
    text-align: center;
    font-size: 1.8em;
    color: #aaa;
    width: 100%;
    height: 100%;
    padding-top: 80px
}

.userprofile {
    position:relative;
    left:30px;
    top:20px;
    padding: 10px;
}

.listicon_addlibrary {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -0 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addcontent {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -16px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_uploadcontent {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -32px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addsharepoint {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -48px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addexternal {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -64px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addgroup {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -48px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addplayer {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -64px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addplaylist {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -80px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addusergroup {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -96px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addpgroup {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -0 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_adduser {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -112px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addtag {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -128px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addreport {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -176px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_group {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -192px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_vgroup {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -208px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_library {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -224px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_pgroup {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -224px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.listicon_addkey {
    float: left;
    background-image: url(/img/listicons.png);
    background-position: -240px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -6000px
}

.adminicon_users {
    background-position: -0px -80px
}

.adminicon_activity {
    background-position: -80px -80px
}

.adminicon_playermeta {
    background-position: -160px -80px
}

.adminicon_cmsupdates {
    background-position: -240px -80px
}

.adminicon_syslog {
    background-position: -320px -80px
}

.adminicon_updates {
    background-position: -400px -80px
}

.adminicon_playerkeys {
    background-position: -480px -80px
}

.adminicon_calendar {
    background-position: -560px -80px
}

.adminicon_notify {
    background-position: -240px -80px
}

.adminicon_account {
    background-position: -480px -80px
}

.adminicon_userkeys {
    background-position: -720px -80px
}

.adminicon_instagram {
    background-position: -880px -80px
}

.adminicon_yammer {
    background-position: -960px -80px
}

.adminicon_twitter {
    background-position: -1040px -80px
}

.adminicon_cmsbackups {
    background-position: -2080px -80px
}

.adminicon_azuread {
    background-position: -2160px -80px
}
.adminicon {
    float: left;
    width: 120px;
    height: 140px;
    text-align: center
}

.adminicontext {
    display: inline-block;
    width: 120px;
    padding-top: 5px
}

.assignbranch {
    clear: both;
    float: left;
    width: 200px;
    height: 20px;
    outline: 1px solid #aaa
}

ul {
    list-style: none
}

li {
    list-style: none;
    padding-left: 40px
}

.trigger {
    background-image: url(/img/treeopen.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    padding-left: 18px
}

.opened {
    background-image: url(/img/treeclose.png);
    color: #f90
}

.level1 {
    display: none;
    width: 180px;
    padding-left: 20px
}

.playlistmode {
    float: left;
    background-image: url(/img/menuinactive.png);
    background-repeat: no-repeat;
    width: 82px;
    height: 19px;
    padding: 3px 0 0 2px;
    margin-top: 7px;
    text-align: center;
    color: #aaa;
    text-decoration: none
}

.app_button_save {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_clear {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -384px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px;
    margin-top: 4px
}

.app_button_duration {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -480px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px;
    margin-top: 4px
}

.app_button_layout {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -48px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_reboot {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -72px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_execute {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -96px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_registry {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -120px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_datetime {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -144px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_delete {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -168px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_copy {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -192px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_volume {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -216px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_setres {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -240px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_explorer {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -264px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_taskmgr {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -288px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_kill {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -312px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_move {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -336px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_addzone {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -360px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px;
    margin-top: 5px;
}

.app_button_delzone {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -384px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px;
    margin-top: 5px;
}

.app_button_zoneback {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -240px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px;
    margin-top: 5px;
}

.app_button_properties {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -408px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_users {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -432px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_paste {
    float: left;
    background-image: url(/img/appbuttons.png);
    background-position: -456px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    text-indent: -6000px;
    margin-left: 6px
}

.app_button_disabled {
    opacity: .35
}

#rdmp {
    float: left;
    clear: both;
    padding: 10px 0 0 5px
}

#rdmptitle {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 20px
}

.longbutton {
    float: left;
    background-image: url(/img/barbuttons.png);
    background-repeat: no-repeat;
    background-position: -60px 0;
    width: 90px;
    height: 26px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    margin-top: 3px;
    font-size: .9em;
    text-align: center;
    text-decoration: none
}

.longbutton2 {
    float: left;
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    background-position: -369px -91px;
    width: 90px;
    height: 20px;
    padding-top: 7px;
    text-align: center;
    color: #333;
    margin-top: 3px;
    font-size: .9em;
    text-align: center;
    text-decoration: none;
    margin:5px 0px 0px 10px;
}

.item-filter {
    float: left;
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    margin: 5px 3px;
    text-indent:-6000px;
}

.content-filter-video {
    background-position: 0 -91px;
}

.content-filter-image {
    background-position: -27px -91px;
}

.content-filter-dsn {
    background-position: -54px -91px;
}

.content-filter-www {
    background-position: -81px -91px;
}

.content-filter-playlist {
    background-position: -135px -91px;
}

.platform-filter-win32 {
    background-position: -162px -91px;
}

.platform-filter-linux {
    background-position: -189px -91px;
}

.platform-filter-droid {
    background-position: -216px -91px;
}

.active_filter { 
    background-position-y: -118px !important;
}

.longbutton A:visited {
    color: #fff
}

.longbutton A:link {
    color: #fff
}

.longbutton A:active {
    color: #fff
}

.longbutton A:hover {
    color: #fff
}

.rowsbutton {
    float: left;
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 21px;
    padding:6px 0px 0px 10px;
    text-align: center;
    font-size: .9em;
    text-align: center;
    text-decoration: none;
    margin: 5px 3px;
}

.rowsbutton {
    background-position: -270px -91px;
    color: #333;
}

.rowsbutton A:visited {
    color: #fff
}

.rowsbutton A:link {
    color: #fff
}

.rowsbutton A:active {
    color: #fff
}

.rowsbutton A:hover {
    color: #fff
}

.rowsbuttona {
    background-position: -270px -118px;
    color: #fff;
}

.rowsbuttona A:visited {
    color: #fff
}

.rowsbuttona A:link {
    color: #fff
}

.rowsbuttona A:active {
    color: #fff
}

.rowsbuttona A:hover {
    color: #fff
}

#playlistinformation {
    float: left;
    margin: 8px 10px 0px 10px;
    color: #ddd;
}

.jqstooltip {
    z-index: 1000
}

.profilesummary {
    background-color: #eee;
    border: 1px solid #222127
}

.adminbar {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    color: #222127;
    padding: 5px 0px 5px 0px;
    text-align: right;
    background-image: url(/img/adminbar.png);
    background-repeat: no-repeat;
    height: 39px;
    width: 509px;
}

.netitemdisplayplatform_5 {
    float: left;
    width: 120px;
    height: 82px;
    background-image: url(/img/smilicon.png);
    background-repeat: no-repeat;
    padding-top: 4px
}

.netitemdisplayplatform_2 {
    float: left;
    width: 120px;
    height: 82px;
    background-image: url(/img/droidicon.png);
    background-repeat: no-repeat;
    padding-top: 4px
}

.campaign {
    float: left;
    width: 100%;
    margin-top: 4px;
    background: #000;
    overflow: hidden
}

.camitem {
    float: left;
    width: 120px;
    height: 98px;
    outline: 1px dotted #aaa;
    margin: 3px;
    padding: 2px;
    text-align: center
}

.campaignitems {
    float: left;
    width: 100%;
    height: 128px
}

.campaignitem {
    float: left;
    width: 114px;
    height: 128px;
    margin: 5px
}

.campaignitemactions {
    float: left;
    display: none;
    width: 112px;
    height: 19px;
    padding: 2px 0 0 2px
}

.campaignitemthumb {
    float: left;
    width: 114px;
    height: 83px;
    margin-top: 21px;
    text-align: center;
}

.campaignitemtitle {
    float: left;
    width: 114px;
    height: 34px;
    text-align: center;
    color: #999
}

.campaignitemtime {
    float: left;
    width: 114px;
    height: 22px;
    text-align: center;
    color: #969696;
    padding-top: 4px
}

.campaignslider {
    float: left;
    width: 100%;
    height: 10px;
    margin: 10px 0 10px 0
}

#layouttoolbar {
    display: block;
    width: 853px;
    height: 32px;
    background-color: #888;
    margin: -8px 0px 10px -14px;
    padding: 4px;
    color: #fff;
}

#zorderlist {
    float: left;
    width: 100px;
    height: 80%;
    padding-left: 10px;
}

.zorderitem {
    float: left;
    width: 100px;
    height: 20px;
    border: 1px solid #111;
    text-align: center;
    background-color: #888;
    color: #fff;
    margin-bottom: 2px;
    padding-top: 6px
}

.eventlist {
    margin: 10px;
}

.eventlist td {
    padding: 2px;
    text-align: left;
}

#networktrack_body {
    float: left;
    padding-top: 3px;
}

.accountselect {
    display: block;
    color: #222127;
    margin: auto;
    width: 176px;
    height: 30px;
    padding-top: 6px;
    margin-left: auto;
    margin-bottom: 10px;
    background-image: url(/img/accountselector.png);
    background-repeat: no-repeat;
}

A.accountselect {
    color: #222127;
    text-decoration: none
}

A.accountselect:link {
    color: #222127
}

A.accountselect:hover {
    color: #222127
}

A.accountselect:visited {
    color: #222127
}

.layoutzone {
    background-color: #111;
    position: absolute;
    border: 1px dotted #fff;
}

.tagselectiontitle {
    background-color: #222;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    padding: 4px;
    height: 22px;
}

.tagselection {
    float: left;
    width: 32%;
    margin-right: 10px;
    border: 1px solid #555;
    margin-top: 4px;
}

.needhelp {
    position: absolute;
    left: 438px;
    top: 64px;
    background-image: url(/img/needhelp.png);
    background-repeat: no-repeat;
    width: 203px;
    height: 98px;
}

.pnetgroup {
    float: left;
    background-image: url(/img/pgroupicon.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin-left: 20px
}

.playlisticon {
    float: left;
    width: 120px;
    height: 120px;
    outline: 1px dotted #aaa;
    margin: 3px;
    padding: 2px;
    text-align: center
}

.ugroup {
    float: left;
    background-image: url(/img/ugroupicon.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin-left: 20px
}

.usericon {
    float: left;
    width: 120px;
    height: 120px;
    outline: 1px dotted #aaa;
    margin: 3px;
    padding: 2px;
    text-align: center
}

.usericon1 {
    display: inline-block;
    background-image: url(/img/usericon.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 70px;
    margin: 3px;
    padding: 2px;
    text-align: center
}

.userrights {
    float: left;
    width: 100%;
    height: 200px;
    overflow: auto
}

.userrightcategory {
    float: left;
    width: 96%;
    height: 20px;
    margin-top: 10px;
    padding: 4px 0px 0px 4px;
    font-size: 1em;
    font-weight: bold;
    background-color: #ccc;
}

.userrightrow {
    float: left;
    width: 96%;
    height: 20px;
    padding: 3px 0px 0px 4px;
}

.statusselect {
    float: left;
    font-weight: bold;
    background-image: url(/img/statusselectors.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    margin: 5px 2px;
    text-align: center;
    color: #fff;
    text-indent: -9999px
}

A.statusselect {
    color: #fff;
    text-decoration: none
}

A.statusselect:link {
    color: #fff
}

A.statusselect:hover {
    color: #fff
}

A.statusselect:visited {
    color: #fff
}

.statusselect1_0 {
    background-position: 0 0
}

.statusselect2_0 {
    background-position: -27px 0
}

.statusselect3_0 {
    background-position: -54px 0
}

.statusselect4_0 {
    background-position: -81px 0
}

.statusselect5_0 {
    background-position: -108px 0
}

.statusselect6_0 {
    background-position: -135px 0
}

.statusselect1_1 {
    background-position: 0 -27px
}

.statusselect2_1 {
    background-position: -27px -27px
}

.statusselect3_1 {
    background-position: -54px -27px
}

.statusselect4_1 {
    background-position: -81px -27px
}

.statusselect5_1 {
    background-position: -108px -27px
}

.statusselect6_1 {
    background-position: -135px -27px
}

.licenseallocate {
    float: left;
    background-image: url(/img/actionlicense.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.licensedeallocate {
    float: left;
    background-image: url(/img/actionlicense.png);
    background-repeat: no-repeat;
    background-position: -16px 0;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.licenserenew {
    float: left;
    background-image: url(/img/actionlicense.png);
    background-repeat: no-repeat;
    background-position: -32px 0;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.subtitleitem {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-top: 5px
}

.subtitleitemlabel {
    float: left;
    font-weight: bold;
    margin-right: 10px;
    width: 160px
}

.subtitleitemdata {
    float: left;
}

.deployselect0 {
    float: left;
    font-weight: bold;
    background-image: url(/img/barbuttons.png);
    background-repeat: no-repeat;
    background-position: -292px 0;
    width: 30px;
    height: 24px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    margin-top: 4px;
    text-indent: -9999px
}

.deployselect1 {
    float: left;
    font-weight: bold;
    background-image: url(/img/barbuttons.png);
    background-repeat: no-repeat;
    background-position: -322px 0;
    width: 30px;
    height: 24px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    margin-top: 4px;
    text-indent: -9999px
}

A.deployselect {
    color: #fff;
    text-decoration: none
}

A.deployselect:link {
    color: #fff
}

A.deployselect:hover {
    color: #fff
}

A.deployselect:visited {
    color: #fff
}

.deployselect1 {
    background-position: 0px 0
}

.expandviewopen {
    float: left;
    background-image: url(/img/expandview.png);
    background-position: 0px 0;
    background-repeat: no-repeat;
    width: 34px;
    height: 31px;
    text-indent: -6000px
}

.expandviewclose {
    float: left;
    background-image: url(/img/expandview.png);
    background-position: -34px 0;
    background-repeat: no-repeat;
    width: 35px;
    height: 31px;
    text-indent: -6000px
}

.playlistaction_asset {
    float: left;
    background-image: url(/img/playlistactions.png);
    background-position: -80px 0;
    background-repeat: no-repeat;
    width: 80px;
    height: 87px;
    text-indent: -6000px;
    margin-left: 20px
}

.playlistaction_default {
    float: left;
    background-image: url(/img/playlistactions.png);
    background-position: -160px 0;
    background-repeat: no-repeat;
    width: 80px;
    height: 87px;
    text-indent: -6000px;
    margin-left: 20px
}

.playlistaction_move {
    float: left;
    background-image: url(/img/playlistactions.png);
    background-position: -240px 0;
    background-repeat: no-repeat;
    width: 80px;
    height: 87px;
    text-indent: -6000px;
    margin-left: 20px
}

A.playlistview {
    color: #fff;
    text-decoration: none;
    outline: none
}

A.playlistview:link {
    color: #fff
}

A.playlistview:hover {
    color: #fff
}

A.playlistview:visited {
    color: #fff
}

#selectorsmsg {
    float: right;
    font-size: .8em;
    color: #fff;
}

#netrating_body {
    display: block;
    color: #fff;
    font-size: 5.4em;
    padding-top: 46px;
    text-align: center;
    width: 100%
}

#totalplayers_body {
    display: block;
    color: #f2f2f2;
    font-size: 5.4em;
    font-weight: bold;
    padding-top: 46px;
    text-align: center;
    width: 100%
}

#playersup_body {
    display: block;
    color: #41d779;
    font-size: 5.4em;
    font-weight: bold;
    padding-top: 46px;
    text-align: center;
    width: 100%
}

#playerswarning_body {
    display: block;
    color: #f5b530;
    font-size: 5.4em;
    font-weight: bold;
    padding-top: 46px;
    text-align: center;
    width: 100%
}

#playersdown_body {
    display: block;
    color: #f53030;
    font-size: 5.4em;
    font-weight: bold;
    padding-top: 46px;
    text-align: center;
    width: 100%
}

#maintenance_body {
    display: block;
    color: #ffcc00;
    font-size: 5.4em;
    font-weight: bold;
    padding-top: 46px;
    text-align: center;
    width: 100%
}

#sleeping_body {
    display: block;
    color: #acb3bf;
    font-size: 5.4em;
    font-weight: bold;
    padding-top: 46px;
    text-align: center;
    width: 100%
}

#avgmtbf_body {
    display: block;
    color: #eee;
    font-size: 2.4em;
    padding-top: 48px;
    text-align: center;
    width: 100%
}

.playoptionduration {
    float: left;
    background-image: url(/img/playoptionsdark.png);
    background-position: 0px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-left: 22px;
    margin-right: 4px;
}

.playoptionschedule {
    float: left;
    background-image: url(/img/playoptionsdark.png);
    background-position: -10px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-left: 22px;
    margin-right: 4px;
}

.playoptiondow {
    display: inline-block;
    background-image: url(/img/playoptionsdark.png);
    background-position: -20px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 3px
}

.playoptionvalid {
    display: inline-block;
    background-image: url(/img/playoptionsdark.png);
    background-position: -30px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 3px
}

.playoptionava {
    display: inline-block;
    background-image: url(/img/playoptionsdark.png);
    background-position: -40px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 3px
}

.playoptiongps {
    display: inline-block;
    background-image: url(/img/playoptionsdark.png);
    background-position: -50px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 3px
}

.playoptionrfid {
    display: inline-block;
    background-image: url(/img/playoptionsdark.png);
    background-position: -60px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 3px
}

.playoptioninterval {
    display: inline-block;
    background-image: url(/img/playoptionsdark.png);
    background-position: -70px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 3px
}

.playoptionurl {
    display: inline-block;
    background-image: url(/img/playoptionsdark.png);
    background-position: -80px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 3px
}

.playoptionsync {
    display: inline-block;
    background-image: url(/img/playoptionsdark.png);
    background-position: -90px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 3px
}

.playoptiontaglist {
    display: inline-block;
    background-image: url(/img/playoptionsdark.png);
    background-position: -100px 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin: 3px
}

.miniColors-trigger {
    height: 22px;
    width: 22px;
    background: url(/img/trigger.png) center no-repeat;
    vertical-align: middle;
    margin: 0 .25em;
    display: inline-block;
    outline: none;
    margin-top: -4px
}

.miniColors-selector {
    position: absolute;
    width: 175px;
    height: 150px;
    background: #fff;
    border: solid 1px #bbb;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    z-index: 999999
}

.miniColors-selector.black {
    background: #000;
    border-color: #000
}

.miniColors-colors {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 150px;
    height: 150px;
    background: url(/img/colors.png) right no-repeat;
    cursor: crosshair
}

.miniColors-hues {
    position: absolute;
    top: 5px;
    left: 160px;
    width: 20px;
    height: 150px;
    background: url(/img/colors.png) left no-repeat;
    cursor: crosshair
}

.miniColors-colorPicker {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px
}

.miniColors-colorPicker-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 7px;
    border: 1px solid #000;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px
}

.miniColors-huePicker {
    position: absolute;
    left: -3px;
    width: 24px;
    height: 1px;
    border: 1px solid #fff;
    border-radius: 2px;
    background: #000
}

.pvtableeventdetails {
    float: left;
    width: 350px;
    overflow: hidden
}

.profiletable {
    margin: 10px;
}

.profiletable td {
    padding: 8px;
    text-align: left;
}

.profiletablelabel {
    width: 160px;
    font-weight: bold;
}

.licensebox {
    float: left;
    width: 177px;
    height: 72px;
    background: url(/img/licensebox.png) center no-repeat;
    margin: 10px 0px 0px 3px;
    font-size: 11px;
    color: #ddd
}

.licensekeystate {
    display: block;
    margin: 2px auto 0px auto;
    width: 17px;
    height: 16px;
    background: url(/img/licensekeystate.png);
    background-repeat: no-repeat;
}

.licensekey0 {
    background-position: 0px 0
}

.licensekey1 {
    background-position: -17px 0;
    margin-top: 10px
}

.licensekey2 {
    background-position: -34px 0;
    margin-top: 10px
}

.tagmatchhdr {
    margin-bottom: -14px;
    background-image: url(/img/tagmatchhdr.png);
    background-repeat: no-repeat;
    color: #fff;
    width: 136px;
    height: 19px;
    padding-left: 5px;
}

.sptreerow {
    float: left;
    width: 100%;
    font-family: arial;
}

.sptreeicon {
    float: left;
    background-image: url(/img/sharepointicons.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    width: 16px;
    height: 16px;
}

.sptreetext {
    float: left;
    padding-left: 10px
}

.sptreelibrary {
    background-position: 0px 0;
}

.sptreegeneral {
    background-position: -16px 0;
}

.sptreedoc {
    background-position: -32px 0;
}

.sptreeppt {
    background-position: -48px 0;
}

.sptreexls {
    background-position: -64px 0;
}

.sptreeimage {
    background-position: -80px 0;
}

.sptreecalendar {
    background-position: -96px 0;
}

.billingsold {
    float: left;
    background-image: url(/img/billingtypes.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    text-indent: -6000px
}

.billingbonus {
    float: left;
    background-image: url(/img/billingtypes.png);
    background-position: -18px 0;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    text-indent: -6000px
}

.billingfiller {
    float: left;
    background-image: url(/img/billingtypes.png);
    background-position: -36px 0;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    text-indent: -6000px
}

.billingother {
    float: left;
    background-image: url(/img/billingtypes.png);
    background-position: -54px 0;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    text-indent: -6000px
}

.billingsoldA {
    float: left;
    background-image: url(/img/billingtypes.png);
    background-position: 0 -16px;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    text-indent: -6000px
}

.billingbonusA {
    float: left;
    background-image: url(/img/billingtypes.png);
    background-position: -18px -16px;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    text-indent: -6000px
}

.billingfillerA {
    float: left;
    background-image: url(/img/billingtypes.png);
    background-position: -36px -16px;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    text-indent: -6000px
}

.billingotherA {
    float: left;
    background-image: url(/img/billingtypes.png);
    background-position: -54px -16px;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    text-indent: -6000px
}

.home {
    display: block;
    width: 100%;
    margin: 10px auto 0px auto
}

.homepanel {
    float: left;
    margin: 10px 20px 10px 20px;
    min-height: 20px;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.systemmsgpanel {
    float: left;
    margin: 10px 20px 10px 20px;
    min-height: 20px;
    background-color: #afd9f9;
    font-size: 1.1em;
    border: 1px solid #ddd;
    color: #222127;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    text-indent: -6000px;
}

.inputfile+label {
    text-indent: -6000px;
    display: inline-block;
    width: 80px;
    height: 27px;
    background-image: url(/img/browsebtn.png);
    background-repeat: no-repeat;
    background-position: 0 -0px;
}

#browsebutton {
    text-indent: -6000px;
    display: inline-block;
    width: 80px;
    height: 27px;
    background-image: url(/img/browsebtn.png);
    background-repeat: no-repeat;
    background-position: 0 -0px;
}

#browsebutton:hover {
    background-position: 0 -27px;
}

.inputfile:focus+label, .inputfile+label:hover {
    background-image: url(/img/browsebtn.png);
    background-repeat: no-repeat;
    background-position: 0 -33px;
}

.inputfile+label {
    cursor: pointer;
    /* "hand" cursor */
}

.sysmsg {
    width: 98%
}

.news {
    width: 98%
}

.gettingstarted {
    width: 98%
}

.whatsnew {
    width:98%
}

.playerguide {
    width: 98%
}

.filesrow {
    float: left;
    width: 100%;
    height: 20px
}

.filesname {
    float: left;
    width: 680px;
}

.filesaction {
    float: right;
    width: 20px;
}

.panelinner {
    padding: 10px 20px 10px 20px
}

.newslistrow {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px
}

.newslistrowtitle {
    float: left;
    width: 100%;
    font-weight: bold;
    color: #222127;
    margin: 0px 0px 5px 0px
}

.newslistrowbody {
    float: left;
    width: 100%;
    color: #222127
}

.wrap {
    width: 320px;
    height: 192px;
    padding: 0;
    overflow: hidden;
}

.frame {
    width: 1280px;
    height: 786px;
    border: 0;
    -ms-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -o-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

#assetPreviewWrapper {
    width: 232px;
    height: 300px;
    padding: 0;
    overflow: hidden;
}

#scaled-frame {
    width: 1080px;
    height: 1920px;
    border: 0px;
}

#scaled-frame {
    zoom: 0.15;
    -moz-transform: scale(0.15);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.15);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.15);
    -webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #scaled-frame {
        zoom: 1;
    }
}

A.darklink {
    color: #fff;
    text-decoration: none
}

A.darklink:link {
    color: #fff
}

A.darklink:hover {
    color: #fff
}

A.darklink:visited {
    color: #fff
}

.welcomecol {
    float: left;
    width: 30%;
    height: 100%;
    overflow: auto;
    padding: 10px
}

code {
    display: block;
    background: #edffb8 none repeat scroll 0%;
    border-color: #b2da3a;
    border-style: solid;
    border-width: 1px 0;
    font-size: 1em;
    margin: 1em 0;
    overflow: auto;
    padding: .3em .4em;
    white-space: pre
}

div.fieldset {
    border: 1px solid #afe14c;
    margin: 10px 0;
    padding: 20px 10px
}

div.fieldset span.legend {
    position: relative;
    background-color: #fff;
    padding: 3px;
    top: -30px;
    font: 700 14px Arial, Helvetica, sans-serif;
    color: #73b304
}

div.flash {
    width: 375px;
    margin: 10px 5px;
    border-color: #d9e4ff;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px
}

input[disabled] {
    border: 1px solid #ccc
}

#btnSubmit {
    margin: 0 0 0 155px;
    padding: 4px
}

.progressWrapper {
    width: 357px;
    overflow: hidden
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #e8e8e8;
    background-color: #f7f7f7;
    overflow: hidden
}

.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #fd9;
    background-color: #ffc;
    overflow: hidden
}

.red {
    border: solid 1px #b50000;
    background-color: #ffebeb
}

.green {
    border: solid 1px #ddf0dd;
    background-color: #ebffeb
}

.blue {
    border: solid 1px #cee2f2;
    background-color: #f0f5ff
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

.progressBarInProgress, .progressBarComplete, .progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    font-family: Arial;
    text-align: left;
    white-space: nowrap
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(/upload/images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0;
    float: right
}

a.progressCancel:hover {
    background-position: 0 0
}

.swfupload {
    vertical-align: top
}

.syslogtitle {
    float: left;
    width: 100%;
    font-size: 28px;
    font-weight: bold;
    color: #222127;
    margin-bottom: 20px
}

.syslogtext {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #222127
}

.syslogstart {
    margin-bottom: 20px;
    font-weight: bold
}

.syslogend {
    margin-top: 20px;
    font-weight: bold
}

.syslogentry {
    padding-left: 10px
}

.platform-box {
    float:left; margin:10px;padding:5px;border:1px solid #ddd;background-color:#fefefe;width:15%;height:90px
}

.platforms {
    float:left;
    background-image: url(/img/platforms.png);
    width:40px;
    height:40px;
}

.platform-descript { 
    float:left;
    margin-left:10px;
    width:220px;
    color:#333;    
}

.platforms-windows {
    background-position: -80px 0px
}

.platforms-linux {
    background-position: -40px 0px
}

.platforms-droid {
    background-position: -0px 0px
}

.playlist-stats {
    float:left;
    max-height:140px;
    margin-bottom:10px;
}

.playlist-stats-table {
    float:left;    
}

.playlist-stats-table td {
    padding: 0px 16px 6px 0;
    font-size: 1em
}

.allplayers {
    float:left;
    background-image: url(/img/packedui.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    margin-top:5px;
}

.allplayers_include {
    background-position: -486px -91px
}

.allplayers_exclude {
    background-position: -486px -118px
}

.burgermenu-icon {
    float:left;
    background-image: url(/img/burgermenu.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:29px;
    height:23px;
    margin-right:10px;
    text-indent:-6000px;
}

.burgermenu-icon:hover {
    background-position: -29px 0px;
}

.burgermenu-item {
    float:left;
    width:74px;
    height:20px;
    padding:6px 6px 6px 8px;
    color:#222127;
}

.burgermenu-item:hover {
    color:#fff;
    background-color:#999
}

.burgermenu {
    position:absolute;
    top:40px;
    right:12px;
    display:none;
    width:88px;
    background-color:#fff;
    border:1px solid #222127;
    z-index:1000;
}

.dashboard {  
  width:100%;
  height: 180vh;
  padding-top:20px;
  background-color: #f6f8fb;
  display: flex;
  flex-direction: column;  
}

.dashboard-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.dashboard-banner {
  width: 800px;
}

.dashboard-widget {
  position:relative;
  display: flex;
  flex-direction: column;  
  font-size:18px;
  width: 300px;
  margin:10px;
  color:#000;
  border-radius: 10px;
  background: #fff;  
}

.dashboard-widget2 {
  display: flex;
  flex-direction: column;  
  font-size:18px;
  width: 620px;
  margin:10px;
  color:#000;
  border-radius: 10px;
  background: #fff;  
}

.dashboard-widget-item {
  padding:10px;
}

.dashboard-widget-item2 {
  padding:0px 10px 10px 10px;
}

.dashboard-widget-title {
  font-size:12px;  
  color:#555;
}

.dashboard-widget-data {
  font-size:44px;
  font-weight: bold;
  color:#222127;
  padding-bottom:20px
}

.dashboard-widget2-data {
  font-size:14px;  
  color:#222127;
  padding-bottom:20px
}

.dashboard-widget2-data2 {
  font-size:14px;  
  color:#222127;
}

.dashboard-user-icon {
  margin-top:-2px;
  margin-right:6px;
  float:left;
  background-image: url(/img/dash-user-icon.png);
  background-repeat: no-repeat;
  width:20px;
  height:20px;
}

.dashboard-topright {  
  position: absolute;
  top:10px;
  left:264px;
  background-image: url(/img/alerticon.png);
  background-repeat: no-repeat;
  width:25px;
  height:25px;
  z-index:20000
}

.mini-icon {
  min-width: 43px;
  background-image: url(/img/mini-cms-icons.png);
  background-repeat: no-repeat; 
  width:43px;
  height:40px;
  margin-right:5px;
}

.mini-icon-playlist {
  background-position: -0px 0px;
}

.mini-icon-library {
  background-position: -43px 0px;
}

.mini-icon-netgroup {
  background-position: -86px 0px;
}

.mini-icon-publishgroup {
  background-position: -129px 0px;
}

.mini-icon-user {
  background-position: -172px 0px;
}

.mini-icon-usergroup {
  background-position: -215px 0px;
}

.mini-icon-reportgroup {
  background-position: -258px 0px;
}

.mini-icon-report {
  background-position: -301px 0px;
}

.mini-icon-player {
  background-position: -344px 0px;
}

.mini-icon-asset {
  background-position: -388px 0px;
}

.mini-title {
  width: 190px;    
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mini-toolbar-button {
  margin-right:5px;
}

.expiredtag2 {
  display:block;
  position:absolute;
  left:0px;
  top:0px;  
  background-image: url(/img/expiredtag.png);
  width:120px;
  height:20px;
}

.expiredtag {
  display:block;
  z-index: 99999;
  position:absolute;
  left:2px;
  bottom:30px;
  background-color: #df3844;
  color: #fff;
  width:120px;
  height:16px;  
  padding-top:4px;
}

.expiredtagsm {
  display:block;
  position:relative;
  left:6px;
  top:0px;
  background-color: #df3844;
  color: #fff;
  width:98px;
  height:16px;  
  padding-top:4px;
}

textarea:focus, input:focus{
    outline: 1px solid #44617e;
}

*:focus {
    outline: none;
}

.playlist-asset-prop {
  width: 100%;
}

.playlist-asset-prop td {
  padding:5px;
}

.pe_checkbox {
  vertical-align: middle;
  margin-top: -2px !important;
}