<br />
<b>Warning</b>:  Undefined array key "colors" in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>5</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>5</b><br />
<br />
<b>Warning</b>:  Undefined array key "colors" in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>6</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>6</b><br />
<br />
<b>Warning</b>:  Undefined array key "colors" in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>7</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>7</b><br />
<br />
<b>Warning</b>:  Undefined array key "colors" in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>8</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>8</b><br />
<br />
<b>Warning</b>:  Undefined array key "colors" in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>9</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>9</b><br />
<br />
<b>Warning</b>:  Undefined array key "colors" in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>10</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>10</b><br />
<br />
<b>Warning</b>:  Undefined array key "colors" in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>11</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>11</b><br />
<br />
<b>Warning</b>:  Undefined array key "fonts" in <b>/home/webcms/cms/assets/css/main_desktop.php</b> on line <b>14</b><br />

html {
height: 100%;
}
body {
font-family: Verdana;
font-size: 12px;
color: #464646;
height: 100%;
}

.bodyGrey {
    background-color: #ebebeb;
}

.bodyWhite {
    background-color: #ffffff;
}

input, select, textarea, td {
font-family: Verdana;
font-size: 12px;
color: #464646;
}

img {
border: 0px;
}

a {
color: #;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #;
font-weight: bold;
text-decoration: none;
}

#cmscontainer {
position: relative;
margin: 0 auto;
margin-bottom: 25px;
margin-top: 25px;
padding-top: 10px;
width: 1340px;
min-height: 100%;
height:auto !important;
height: 100%;
background-color: #FFFFFF;
z-index: 1;
}


#menubar {
position: relative;
margin-top: 20px;
width: 1340px;
height: 35px;
background: #;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#), to(#));
background: -webkit-linear-gradient(#, #);
background: -moz-linear-gradient(#, #);
background: -ms-linear-gradient(#, #);
background: -o-linear-gradient(#, #);
background: linear-gradient(#, #);
z-index:2;
}

#menubar a {
position: relative;
float:left;
line-height: 15px;
padding-left: 20px;
padding-right: 20px;
border-right: 1px solid #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#menubar a.active, #menubar a:hover {
color: #;
background: #ffffff;
}

#menubar #customerEnvironments {
position: absolute;
right: 20px;
top: 8px;
color: #FFFFFF;
font-weight: bold;
}

#submenubar {
position: relative;
width: 1330px;
height: 25px;
background-color: #ffffff;
z-index:2;
margin-top: 5px;
padding-left: 10px;
border-bottom: 1px solid #;
border-top: 1px solid #;
}


#submenubar a {
position: relative;
float:left;
line-height: 15px;
padding-left: 10px;
padding-right: 10px;

padding-top: 5px;
padding-bottom: 5px;
color: #;
font-weight: bold;
text-decoration: none;
}


#submenubar a.active,#submenubar a:hover {
color: #;
}


#logos {
position: relative;
width: 1320px;
height: 90px;
margin: 10px 10px 0px 10px;
}

#logo {
position: relative;
float: left;
width: 300px;
height: 90px;
margin-left: 10px;
}

#webcms {
position: absolute;
top: 0px;
left: 1030px;
font-size: 10px;
}

#cmscontent {
position: relative;
margin: 20px;
width: 1300px;
}

#content_left {
position: relative;
margin: 0px 20px 20px 20px;
padding-top: 10px;
width:  1160px;
float: left;
}

#content_right {
position: relative;
margin-top: -33px;
width:  239px;
float: left;
border-left: 1px solid #;
color: #;
font-weight: bold;
padding-bottom: 33px;
z-index: 3;
}

.content_right_btn {
padding: 5px;
width: 229px;
height: 44px;

border-bottom: 1px solid #;
}

.highlight {
color: #;
}

#content_right_btn_top {
margin-top: 15px;
border-top: 1px solid #;
}

h1 {
font-size: 16px;
font-weight: bold;
color: #;
margin-bottom: 20px;
}

h2 {
font-size: 13px;
font-weight: bold;
color: #;
margin-bottom: 10px;
}

.clearer {
clear: both;
}

#recordform {
width: 1300px;
}

#recordform #col1 {
position: relative;
float: left;
margin-right: 20px;
}

#recordform #col2 {
position: relative;
float: left;
}

.formerrors {
position: relative;
color: #ff0000;
padding: 10px;
border: 1px solid #ff0000;
margin-bottom: 20px;
display: inline-block;
zoom:1;
*display:inline;
}

.table .cell {
display: table-cell;
padding: 7px;
background-color: #e4f2ff;

}

div.tableholder {
border: 2px solid #;
position: relative;
-moz-border-radius: 5px; /*Firefox*/
-webkit-border-radius: 5px; /*Safari and Chrome*/
-khtml-border-radius: 5px; /*Linux browsers*/
border-radius: 5px; /*CSS3*/
-webkit-box-shadow: #8e8e8e 0px 1px 7px;
-moz-box-shadow: #8e8e8e 0px 1px 7px;
box-shadow: #8e8e8e 0px 1px 7px;

behavior:url(/cms/assets/css/PIE.php); /*IE, should work for all*/
margin-bottom: 10px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}


table {
border: 0px;
border-collapse: collapse;
}

.tableheader td, .tableheader th  {
background-color: #;
color: #FFFFFF;
font-weight: bold;
}

td, th {
padding: 7px;
}


tr.alt td {
background-color: #;
}


.tablefooter td {
padding: 0px;
height: 10px;
background-color: #;
}


table.noborder, .noborder td {
border: 0px;
border-collapse: collapse;
background-color: #FFFFFF;
}

tr.no_top_bot_border td {
border-bottom: 0px !important;
border-top: 0px !important;
}

table.nopadding, .nopadding td {
padding: 0px;
}

table.fixed, table.fixed td {
table-layout: fixed;
}

table.scheduling_displays, table.scheduling_displays td {
border: 1px solid #CCC;
border-collapse: collapse;
}


.big_button {
background-color: #;
border: 1px solid #;
color: #FFFFFF;
margin-top: 15px;
width: 300px;
height: 40px;
text-align: center;
line-height: 40px;
}


.big_button a {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

#button_holder {
width: 300px;
margin: 0 auto;
}

.rounded-corners {
-moz-border-radius: 5px; /*Firefox*/
-webkit-border-radius: 5px; /*Safari and Chrome*/
-khtml-border-radius: 5px; /*Linux browsers*/
border-radius: 5px; /*CSS3*/
behavior:url(/cms/assets/css/PIE.php); /*IE, should work for all*/
}

.shadow {
-webkit-box-shadow: #8e8e8e 0px 1px 7px;
-moz-box-shadow: #8e8e8e 0px 1px 7px;
box-shadow: #8e8e8e 0px 1px 7px;
behavior:url(/cms/assets/css/PIE.php); /*IE, should work for all*/
}

.widget_preview {
width: 500px;
padding: 5px 10px 10px 10px;
margin-bottom: 35px;
position: relative;
}

._player_row {
width: 950px;
height: 120px;
}

.player {
width: 200px;
height: 88px;
float: left;
display: inline;
margin-left: 50px;
text-align: center;
}


ul#drop {
border: 1px dashed #;
width: 400px;
min-height: 200px;
list-style: none;
padding: 5px;
}

ul#drop-list {
border: 1px dashed #;
width: 450px;
min-height: 200px;
list-style: none;
padding: 5px 5px 100px 5px;
}

ul#drop-list #draglist_header {
width: 440px;
height: 15px;
margin: 0px 0px 10px 0px;
position: relative;
top: -5px; left: -5px;
text-align: center;
background-color: #;
}

ul#drop-list.draglist li {
width: 430px;
margin: 0px;
text-align: left;
background-color: #d3d3d3;
margin-bottom: 5px;
}

ul.itemslist {
list-style: none;
padding: 5px;
}

ul.itemslist li {
width: 330px;
margin: 0px;
text-align: left;
background-color: #d3d3d3;
margin-bottom: 5px;
padding: 10px;
position: relative;
}

ul#drop-list.draglist li .deletebtn {
float: right;
}

ul#drop_horizontal {
border: 1px dashed #;
list-style: none;
white-space:nowrap;
padding: 0px 20px 0px 0px;
}


ul#drop_horizontal li {
display: inline-block;
zoom:1;
*display:inline;
}

ul#pages {
list-style: none;
padding: 0px;
}

ul.draglist li {
display: inline-block;
background-color: #FFFFFF;
zoom:1;
*display: inline;
width: 125px;
margin-left: 30px;
text-align: center;
padding: 10px;
margin-top: 30px;
}

#draglist_header {
background-color: #;
color: #;
}

ul.imagecarousellist li {
display: block;
width: 125px;
height: 125px;
padding-right: 25px;
}

ul.draglist li.pl {
display: block;
padding: 10px 20px;
margin-bottom: 3px;
width: 360px;
background-color: #e2fdff;
color: #000000;
height: 71px;
}

.ellipse{
float: left;
}

.page_navigation_pj {
display: block;
overflow: auto;
}

.page_navigation_pj a {
padding:3px 5px;
margin:2px;
color:white;
text-decoration:none;
float: left;
font-family: Verdana;
font-size: 12px;
background-color:#;
}
.active_page {
background-color:#FFFFFF !important;
color:#464646 !important;
}

ul#pages_calendar {
list-style: none;
padding: 0px;
height: 200px;
}

ul#pages_calendar li {
display: inline;
float: left;
margin-right: 30px;
}


#scheduling_tabs .tab ul {
padding: 0px;
width: 290px;
list-style:none;
white-space:nowrap;
}

.nomedialist, .nopageslist, .notemplatelist {
font-style: italic;
margin-top: 10px;
}

.medialist , .templatelist, .pagelist, .playlistlist, .widgetslist, .activeschedulelist, .playerlist {
padding: 0px 0px 20px 0px;
list-style:none;
}

.gallery_item {
display: inline-block;
background-color: #FFFFFF;
zoom:1;
*display: inline;
width: 125px;
margin-left: 30px;
text-align: center;
padding: 10px;
margin-top: 30px;
}

.playlistlist .gallery_item {
width: 1040px !important;
}
.playlistlist .pdf {
height: 110px;
}


.tagging_item {
display: inline-block;
background-color: #FFFFFF;
zoom:1;
*display: inline;
width: 230px;
margin-left: 45px;
text-align: center;
padding: 10px;
margin-top: 30px;
}

.list_item {
    width: 100%;
margin-left: 0px;
}


.list_item:nth-child(odd)  {
background-color: #;
}


.gallery_item .filename {
width: 125px;
font-size: 12px;
}

.pagelist .tagging_item .thumb {
margin-left: 53px;
}

.pagelist .tagging_item .portrait-thumb {
margin-left: 79px;
}


.tagging_item .filename {
width: 230px;
height: 15px;
overflow: hidden;
font-size: 12px;
margin-bottom: 10px;

}

.listview_header {
    width: 100%;
background-color: #;
color: #;
font-weight: bold;
}

.listview_header a {
color: # !important;
}


.list_item, .listview_header_contents {
padding: 7px;
height: 18px;
}

.list_item .filename, .listview_header_contents .filename, .list_item .name, .listview_header_contents .name {
float: left;
width: 270px;
height: 16px;
overflow: hidden;
}

.gallery_item .filename, .tagging_item .filename, .list_item .filename, .gallery_item .name, .tagging_item .name, .list_item .name {
height: 16px !important;
overflow: hidden
}

.gallery_item .name {
width: 125px;
}

.playlistitem .name {
    width: 270px;
}

.gallery_item .portrait-thumb {
margin-left: 27px;
}

.list_item .filesize, .listview_header_contents .filesize {
margin-left: 25px;
float: left;
display: inline;
width: 80px;
}

.list_item .numpages, .listview_header_contents .numpages {
margin-left: 25px;
float: left;
display: inline;
width: 60px;
text-align: center;
}

.list_item .duration, .listview_header_contents .duration {
margin-left: 25px;
float: left;
display: inline;
width: 120px;
}

.list_item .dimensions, .listview_header_contents .dimensions {
margin-left: 25px;
float: left;
display: inline;
width: 85px;
}
.list_item .datecreated, .listview_header_contents .datecreated {
margin-left: 25px;
float: left;
display: inline;
width: 90px;
}

.list_item .tagslist, .listview_header_contents .tagslist {
margin-left: 25px;
float: left;
display: inline;
width: 230px;
height: 16px;
overflow: hidden;
}

.list_item .tagslist, .listview_header_contents .tagslist {
margin-left: 25px;
float: left;
display: inline;
width: 200px;
height: 16px;
}

.list_item .actionbtns, .listview_header_contents .actionbtns {
margin-left: 25px;
float: left;
display: inline;
width: 50px;
height: 16px;
}


.pagelist .list_item .actionbtns, .pagelist .listview_header_contents .actionbtns {
width: 100px !important;
}

.gallery_item .actionbtns, .tagging_item .actionbtns {
margin-top: 10px;
height: 20px;
}


.playlistlist .gallery_item .actionbtns {
float: left;
display: inline;
margin-top: -9px !important;
margin-left: 0px !important;
line-height: 23px;
width: 20px;
height: 80px;
}

.playlistlist .gallery_item .info {
float: left;
width: 200px;
height: 80px;
line-height: 20px;
text-align: left;
}

.playlistlist .list_item .actionbtns {
width: 140px;
}

.playlistlist .list_item .actionbtns a, .playlistlist .tagging_item .actionbtns a {
margin-right: 10px;
}


.gallery_item .thumb, .gallery_item .portrait-thumb{
    display: flex;
    justify-content: center;
    align-items: center;
}

.list_item .thumb, .list_item .portrait-thumb, .list_item .tags, .gallery_item .tags, .gallery_item .extra_info, .tagging_item .extra_info, .list_item .labels, .list_item .labels_colons, .list_item .playlist_preview, .tagging_item .labels, .tagging_item .labels_colons, .tagging_item .playlist_preview, .tagging_item .numpages, .tagging_item .duration, .gallery_item .playlist_single_preview, .list_item .playlist_single_preview {
display: none;
}


.tagging_item .tags {
margin-top: 10px;
width: 230px;
}

.addbtn {
background: #;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#), to(#));
background: -webkit-linear-gradient(#, #);
background: -moz-linear-gradient(#, #);
background: -ms-linear-gradient(#, #);
background: -o-linear-gradient(#, #);
background: linear-gradient(#, #);
-pie-background: linear-gradient(#, #);
behavior: url(/cms/assets/css/PIE.php);
-moz-border-radius: 5px; /*Firefox*/
-webkit-border-radius: 5px; /*Safari and Chrome*/
-khtml-border-radius: 5px; /*Linux browsers*/
border-radius: 5px; /*CSS3*/
border: 2px solid #;
text-align: center;
display: inline-block;
zoom:1;
*display: inline;
padding: 8px 20px 8px 20px;
cursor: auto;
}

.addbtn:hover {
background: #;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#), to(#));
background: -webkit-linear-gradient(#, #);
background: -moz-linear-gradient(#, #);
background: -ms-linear-gradient(#, #);
background: -o-linear-gradient(#, #);
background: linear-gradient(#, #);
-pie-background: linear-gradient(#, #);
border: 2px solid #;
cursor: pointer;
behavior: url(/cms/assets/css/PIE.php);
}

.addbtn a {
color: #FFFFFF;
color: #FFFFFF;
font: bold 12px Verdana, Helvetica, sans-serif;
}


.uploadifive-button {
background: #;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#), to(#));
background: -webkit-linear-gradient(#, #);
background: -moz-linear-gradient(#, #);
background: -ms-linear-gradient(#, #);
background: -o-linear-gradient(#, #);
background: linear-gradient(#, #);
-pie-background: linear-gradient(#, #);
behavior: url(/cms/assets/css/PIE.php);
-moz-border-radius: 5px; /*Firefox*/
-webkit-border-radius: 5px; /*Safari and Chrome*/
-khtml-border-radius: 5px; /*Linux browsers*/
border-radius: 5px; /*CSS3*/
border: 2px solid #;
color: #FFFFFF;
font: bold 12px Verdana, Helvetica, sans-serif;
text-align: center;
width: 100%;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
}
.uploadifive-button:hover, .uploadifive-button:hover input {
background: #;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#), to(#));
background: -webkit-linear-gradient(#, #);
background: -moz-linear-gradient(#, #);
background: -ms-linear-gradient(#, #);
background: -o-linear-gradient(#, #);
background: linear-gradient(#, #);
-pie-background: linear-gradient(#, #);
behavior: url(/cms/assets/css/PIE.php);
border: 2px solid #;
color: #FFFFFF;
cursor: pointer;
}
.uploadifive-button.disabled {
background-color: #D0D0D0;
color: #808080;
}
.uploadifive-queue {
margin-bottom: 1em;
}
.uploadifive-queue-item {
background-color: #F5F5F5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font: 11px Verdana, Geneva, sans-serif;
margin-top: 5px;
max-width: 350px;
padding: 10px;
}
.uploadifive-error {
background-color: #FDE5DD !important;
}
.uploadifive-queue-item a {
background: url(../img/uploadify-cancel.png) 0 0 no-repeat;
float: right;
height:    16px;
text-indent: -9999px;
width: 16px;
}
.uploadifive-queue-item.completed {
background-color: #E5E5E5;
}
.uploadifive-progress {
background-color: #E5E5E5;
margin-top: 10px;
width: 100%;
}
.uploadifive-progress-bar {
background-color: #0099FF;
height: 3px;
width: 1px;
}

ul .invisible {
list-style: none;
padding: 0px;
margin: 0px;
}

ul .invisible li {
padding: 0px;
margin: 0px;
}

.hidden {
display: none;
}

/* dashboard button */
.db-btn { background: url('../img/shortcuticons/v2/grad-85.png') repeat-x left top; border: 2px solid; border-radius: 5px; -webkit-border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-weight: bold; height: 16px; margin: 0 25px 25px 0; padding: 56px 3px 8px; position: relative; text-align: center; transition: background 0.2s, border-color 0.2s; -webkit-transition: background 0.2s, border-color 0.2s; width: 74px; }
.db-btn:after { background: url('../img/shortcuticons/v2/db-btn-default.png') no-repeat center center; content: ''; display: block; height: 32px; left: 24px; position: absolute; top: 16px; width: 32px; }

/* dashboard button icons */
.db-btn-media:after { background-image: url('../img/shortcuticons/v2/db-btn-media.png'); }
.db-btn-pages:after { background-image: url('../img/shortcuticons/v2/db-btn-pages.png'); }
.db-btn-playlists:after { background-image: url('../img/shortcuticons/v2/db-btn-playlists.png'); }
.db-btn-scheduler:after { background-image: url('../img/shortcuticons/v2/db-btn-scheduler.png'); }
.db-btn-products:after { background-image: url('../img/shortcuticons/v2/db-btn-products.png'); }
.db-btn-touch:after { background-image: url('../img/shortcuticons/v2/db-btn-touch.png'); }
.db-btn-poweron:after { background-image: url('../img/shortcuticons/v2/db-btn-poweron.png'); }
.db-btn-poweroff:after { background-image: url('../img/shortcuticons/v2/db-btn-poweroff.png'); }
.db-btn-signconnect:after { background-image: url('../img/shortcuticons/v2/db-btn-signconnect.png'); }

/* client colors */
.db-btn { background-color: #; border-color: #; }
.db-btn:hover { background-color: #; border-color: #; color: #FFFFFF; } .db-btn-customers:after { background-image: url('../img/shortcuticons/v2/db-btn-customers.png'); } .db-btn-events:after { background-image: url('../img/shortcuticons/v2/db-btn-events.png'); }

#tabs-items {
height: 425px;
overflow: auto;
}

#playlistform #tabs-landscape, #playlistform #tabs-portrait {
height: 515px;
overflow: auto;
}

#tab-image-content, #tab-video-content, #tab-page-content {
height: 450px;
overflow: auto;
}

.mediaitem.active {
background-color: #97ffed;
}

#scheduling_tabs .ui-tabs-panel {
height: 552px;
overflow-x: hidden;
overflow-y: auto;
}

.none-selectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.signconnect-img img {
margin-right: 20px;
border: 1px solid #b1b1b1;
}

.cp-app {
z-index: 999;
}

.cp-memo-cursor {
display: none;
}

.colorpicker-item{display:inline-block;margin:10px auto;cursor:pointer}.colorpicker-item-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));text-align:center}.colorpicker-color{width:50px;height:50px;display:inline-block}.colorpicker-description{text-align:center;margin-top:5px;padding:0 10px}.colorpicker-color-container{font-size:0;text-align:center;white-space:nowrap}

.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s, .ui-selectmenu-icon.ui-icon.ui-icon-triangle-2-n-s {
    margin-top: -8px;
}

.screendump-spinner-container {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.screendump-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ddd;
    border-top-color: #333;
    border-radius: 50%;
    animation: screendump-spin 0.8s linear infinite;
}

@keyframes screendump-spin {
    to {
        transform: rotate(360deg);
    }
}