
Notice: Undefined index: colors in /home/webcms/cms/assets/css/main_desktop.php on line 5

Notice: Undefined index: colors in /home/webcms/cms/assets/css/main_desktop.php on line 6

Notice: Undefined index: colors in /home/webcms/cms/assets/css/main_desktop.php on line 7

Notice: Undefined index: colors in /home/webcms/cms/assets/css/main_desktop.php on line 8

Notice: Undefined index: colors in /home/webcms/cms/assets/css/main_desktop.php on line 9

Notice: Undefined index: colors in /home/webcms/cms/assets/css/main_desktop.php on line 10

Notice: Undefined index: colors in /home/webcms/cms/assets/css/main_desktop.php on line 11

Notice: Undefined index: fonts in /home/webcms/cms/assets/css/main_desktop.php on line 14

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

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(#, #);
    -pie-background: linear-gradient(#, #);
    behavior: url(/cms/assets/css/PIE.php); 
    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: 350px;
    min-height: 200px;
    list-style: none;
    padding: 5px;
}

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

ul#drop-list.draglist li {
    width: 330px; 
    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 {
    display: block;
    width: 901px;
    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: 915px; 
    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: 195px;
}

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


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

