/* 
    
    Table of Contents
    * Resets
    * Structure
    * Helper Classes 
    * Form
    * Grid
    * Header
    * ER Components
    * Updates at the bottom:
    * FOOTER
    */


/*https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin*/
/* open-sans-300 - latin */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/* HTML STUFF */
a img{border:none}
textarea:focus,input:focus{outline:none}
/*html, body {position: relative;}*/
body{
    min-height: 100%;
    min-width: 1200px;
    font: 400 12px/1.428571429 'Open Sans', "Helvetica Neue", Arial, sans-serif; 
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
}

select {
    transition: none !important;
}


/* STRUCTURE */

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}
@media (max-width: 767px) {
.visible-xs { display: block !important;}
.hidden-xs { display: none !important; }
}


.contentWidth{width:1024px}
#wrapper{width: auto;padding:18px 18px 50px;position:relative;min-height:100%}
#content_main {position:relative}
.submit-button-wrapper{text-align:center}


body {
    padding-left: 240px
}
body.small-menu {
    padding-left: 50px
}
.hidden-nav-item { display:none !important; }
.rightcontentfixed { left: 240px; }
body.small-menu .rightcontentfixed { left: 50px; }

.left-nav .nav-btn {
   padding: 10px 22px 10px 10px !important;
}
.left-nav .nav-btn .pull-right {
    position:absolute;
    top:12px;
    right:20px;
}
.left-nav li.nosub .nav-btn .pull-right {
    display:none !important;
}
.left-nav > li > a { text-transform:none; }
.left-nav > li > a.active {
    color: #fff;
    background-color: #15b0ba !important;
}






body.fixed-left-custom {
    padding-left:240px;
}
body.fixed-left-custom.small-menu .rightcontentfixed {
    left: 50px;
}
body.fixed-left-custom .rightcontentfixed {
    left:50px;
}

/* ON SMALL VERTICAL SIZING */
.small-menu .left-nav > li > a.active {
    color:#666;
}

.small-menu .sub-nav ul { margin-top: 44px; padding-top: 0; overflow-y:auto; }


.small-menu .active + .sub-nav {
   background: #15b0ba;
   x-border: none;
   box-shadow: 1px 1px 2px rgba(0,0,0,.2);
   x-top:0;
}
.small-menu .left-nav > li .nav-label {
   text-transform:none;
   left: 64px; /*previously 68*/
}
.small-menu .active .nav-label {
    color: #fff;
}

.small-menu .subnavup .sub-nav {
    bottom:0;
    top:auto;
}
.small-menu .subnavup .sub-nav  > ul { margin-bottom:44px; margin-top:0; }


/* source fix */
body.fixed-left-source { padding-left: 240px; }
body.fixed-left-source .rightcontentfixed {
    left: 240px; 
}
body.fixed-left-source.small-menu {
    padding-left:0; 
}


/* nosub fix */
.small-menu.standard-layout .left-nav > li.nosub:hover a {
   width: 240px;
}



#header-wrapper, .rightcontentfixed { min-width:600px;}




/**===================================**/
/**  NAV STYLING
/**===================================**/
#header-wrapper {
    border-bottom:none;
    font-size:13px;
}







.topbar-subheading {
    margin-left: 15px;
    display:inline-block;
}
.small-menu .topbar-subheading {
    margin-left: 70px;
}

    .topbar-subheading h2 {
        font-size: 18px;
        font-weight: 300;
        color: #fff;
        line-height: 50px;
        white-space: nowrap;
        overflow: hidden;
        margin: 0;
    }

    .topbar-subheading .topbar-adbridge-mark {
        font-weight: 500;
    }




.topnavbar .button-menu-mobile {
    position: absolute;
    right: 0;
    left:auto;
    float: left;
    top: 0px;
    z-index: 2;
    padding: 10px 18px;
    height: 50px;
    font-size: 21px;
    background: transparent;
    border: none;
}


/* on small menu, show the logo on the right of the hamburger */
.topnavbar .topbar-left .logo {
  transition: margin 200ms;
  margin:0;
}
body.small-menu .topnavbar .logo {
    opacity:1;
    display:block;
    margin-left:35px;
}







/* DROPDOWN  */
#header-wrapper .btn-select .dropdown-menu {
    margin-top:0;
    right:0;
    padding:0;
}
#header-wrapper .btn-select:before {
    background-color:#ABB7B7;
    bottom: -9px;
    right:15px;
    left:auto;
    width:14px;
    height:14px;

    -moz-border-radius:0;
    -webkit-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
}

#header-wrapper .btn-select-dark:before {
  background-color:#78909c;
}
#header-wrapper .btn-select-dark .dropdown-menu {
     background-color:#78909c;
     padding:5px 0;
}
#header-wrapper .btn-select-dark .dropdown-menu .divider {
    background: rgba(0, 0, 0, 0.1) !important;
    height: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 4px 0;
}

#header-wrapper .btn-select-dark .dropdown-menu a { color:#fff !important; }
#header-wrapper .btn-select-dark .dropdown-menu a:hover,
#header-wrapper .btn-select-dark .dropdown-menu a:focus { background-color: #6a8491; }



#header-wrapper .btn-select-light:before {
    background-color:#fff;
}
#header-wrapper .btn-select-light .dropdown-menu {
     background-color:#fff;
     padding:5px 0;
     -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#header-wrapper .btn-select-light .dropdown-menu .divider {
    border: none;
    background-color: #ddd !important;
}
#header-wrapper .btn-select-light .dropdown-menu a { padding: 0 10px !important; }
#header-wrapper .btn-select-light .dropdown-menu a:hover,
#header-wrapper .btn-select-light .dropdown-menu a:focus { }













/* this controls search box */
#search-form-icon {
    background: transparent;
    padding: 0 15px;
    font-size: 14px;
    line-height: 50px;
    letter-spacing: 1px;
}
#nav-searchbox .form-control {
    background: transparent;
    border:0;
    padding: 2px 5px 5px;
    line-height:18px;
    height:18px;
}


/* fixes buttons */
.topnavbar nav .btn-primary { background-color: #009ca6!important; border-color: #009ca6!important; color: #FFF!important; }
.topnavbar nav .btn-danger { background-color: #BF0025!important; border-color: #BF0025!important; color: #FFF!important; }
.topnavbar nav .btn-success { background-color: #4F9A59!important; border-color: #4F9A59!important; color: #FFF!important; }




/* misc dropdown stuff */
.topnavbar .dropdown-menu{
    min-width:160px;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
}   
.topnavbar .btn-select.open .dropdown-menu {
    left:auto;
    right:0;
}




/*#alert-notification, #email-notification*/
 .topnavbar .dropdown-message .dropdown-header.notif-header {
   padding: 5px 8px; 
   font-size:14px;
   background-color:#abb7b7 !important;
   color:#fff;
}

 .topnavbar .dropdown-message .btn { 
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    -ms-border-radius:0 !important;
    border-radius:0 !important;
 }
.topnavbar .dropdown-message .dropdown-footer { margin-top: 10px; background:none;}
.topnavbar .dropdown-message {  min-width:300px; }
.topnavbar .dropdown-message li.notif-message a { border-bottom-color: #e0e0e0; }
.topnavbar .dropdown-message p { margin: 0;line-height: 1.25;white-space: normal; padding-bottom: 10px; }
.topnavbar .dropdown-message li:not(.dropdown-header):not(.dropdown-footer) {margin-top: 5px}










/* THEME */

#header-wrapper.header-wrapper-light {
    box-shadow: 0 0 1px #778692;
}
#header-wrapper.header-wrapper-light,
.header-wrapper-light .topbar-left {
    background-color: #fcfcfc
}


#header-wrapper.header-wrapper-dark,
.header-wrapper-dark .topbar-left {
    background-color: #424a55;
}

.header-wrapper-dark .button-menu-mobile {
    color: #fff;
}

.header-wrapper-dark .button-menu-mobile:hover {
  color: rgba(255,255,255,.8);
}

#header-wrapper.header-wrapper-dark .nav > li > a,
#header-wrapper.header-wrapper-dark .nav > li .btn-select .dropdown-toggle {
    color: #fff;
}
#header-wrapper.header-wrapper-dark .nav > li .btn-select.open .dropdown-toggle {
    color: #fff;
    background-color: #545e6c;
}

.header-wrapper-dark .nav-searchbox,
.header-wrapper-dark .nav-searchbox .form-control {
    color: #fff;
}
.header-wrapper-dark .nav-searchbox .form-control:-moz-placeholder            { color:#ccc; }
.header-wrapper-dark .nav-searchbox .form-control::-moz-placeholder           { color:#ccc; }
.header-wrapper-dark .nav-searchbox .form-control:-ms-input-placeholder       { color:#ccc; }
.header-wrapper-dark .nav-searchbox .form-control::-webkit-input-placeholder  { color:#ccc; }



.header-wrapper-light .button-menu-mobile { color: #636c72; }
.header-wrapper-light .button-menu-mobile:hover { color: #464a4c; }


.header-wrapper-light .nav-searchbox .form-control:-moz-placeholder            { color:#546e7a; }
.header-wrapper-light .nav-searchbox .form-control::-moz-placeholder           { color:#546e7a; }
.header-wrapper-light .nav-searchbox .form-control:-ms-input-placeholder       { color:#546e7a; }
.header-wrapper-light .nav-searchbox .form-control::-webkit-input-placeholder  { color:#546e7a; }

#header-wrapper .btn-select-light .dropdown-menu a:hover,
#header-wrapper .btn-select-light .dropdown-menu a:focus {
    color: #00b4c0;
}










.topbar-profile {}
.topbar-profile-holder {
    margin-left:40px;
}
.topbar-profile .topbar-profile-image{
	width:32px;
    height:32px;
    overflow:hidden;
    display:block;
	position: absolute;
	top:9px;
	border:1px solid rgba(0,0,0,0.2);

    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    -ms-border-radius:100px;
    border-radius:100px;
}
.topbar-profile .topbar-profile-image img { width: auto; }




/* custom support profile menu item */
.topbar-profile-support {
    background-color: #78909c !important;
    min-width:150px;
}
.topbar-profile-support .topbar-profile-username:before {
    display:block;
    font-size:10px;
    font-style:italic;
    line-height:1;
    position:absolute;
    top:18px;
    left:0; 
    content: "Support User";
    letter-spacing: 0.5px;
}

.topbar-profile-support .topbar-profile-username-hidden:before {
    content: "";
}
  
.topbar-profile-support .topbar-profile-username {
    position:relative;top:-4px;
}

/**===================================**/
/**  END OF NAV STYLING
/**===================================**/










form .form-search .viewPanel {width: 50%;margin: 0 auto;padding:30px 0;}
form .form-search { background-color: #EEF1F5;margin:15px -18px}
form .form-search .form-group { margin-bottom: 25px; }
form .form-search .form-actions { padding-bottom: 0px; }
form .form-search .form-actions .btn { min-width:130px; }

.input-group-adjacent label {margin-right: 10px}


.button-white{background: #FFF;border: 1px solid #CDD8DE;display:block;margin: 1px auto;position: relative;top: 72px} 
.data-expandable.closed{display: none}
.data-expandable-switch { display:block; margin:0 auto; position:relative; top:-5px; }



/*HELPER CLASSES*/
.clear{clear:both}

.margin-bottom-10 {margin-bottom: 10px}
.margin-left-5{margin-left:5px}
.margin-right-5{margin-right:5px}
.underline{text-decoration:underline}

.right.renewed {
    font-style: italic;
    color: #444444;
}

.border-all-radius-4 {border-radius:4px;}
.border-right { border-right: 1px solid gray; margin-right: -1px; }
.border-left { border-left: 1px solid gray; margin-left: -1px; }

.white{color:#FFF}

.currency, .percentage{text-align:right}








/* FORM */
/*input,textarea {border: none;border-top: 1px solid #cdd8de; border-radius:4px;-moz-border-radius:4px;padding: 5px;vertical-align: middle;}*/
/*select{border: none;border-top:1px solid #cdd8de;background-color:#F0F3F6; border-radius:4px;-moz-border-radius:4px;vertical-align: middle;height: 26px;padding:2px}*/
/*input,textarea,select{background-color:#F0F3F6;}*/
select, textarea, input[type=text], input[type=number], input[type=email], input[type=password], input[type=search], input[type=url], input[type=tel] {
    padding: 3px 8px;
    margin: 1px 0;
    color:#002731;
    background:#fff;
    border:1px solid #d3dcde;
    border-radius:4px;
    vertical-align:middle;
    /*font-size:12px;*/
}
input[type=radio], input[type=checkbox] { 
       margin: 0 5px 0 0; 
       vertical-align:middle; 
}




/*================
    COMPONENTS 
 =================*/
.toggle {
    line-height: 1.5em;
}
.toggle img {
    vertical-align: text-bottom;
    margin-top: -1px;
}
h2 .toggle {
    margin-left: -3px;
}


.horizontal-form .cell {
    display: inline-block;
    width: 96px;
    margin-right: 4px;
    vertical-align: top;
}
.horizontal-form .cell * {
    vertical-align: baseline;
}
.horizontal-form .cell label {
    display: block;
}
.horizontal-form .cell input {
    width: 90px;
}

#content_header{min-height:60px;position:relative;margin-bottom:10px;font-weight: 400}
#content_header h1{position:absolute;bottom:10px}
#affiliate-logo{position: absolute;right: 0; padding: 10px;}

#content_main h2 img { float: left;margin-right: 5px}
#content_main h2, .dialog-content h2{font-size:13px;background-color:#009ca6;background-position:0 -98px;color:#FFF;padding:6px 16px;text-transform: uppercase;margin:0;}
#content_main h3 {font-size:100%;background-color:#009ca6;color:#fff; padding:5px;margin:0;}
h2.content_production_details {font-size:17px;background-color:transparent;}
.production-details-editor { width: 100%; padding-bottom: 8px}
.production-details-editor-attach {color:#ffffff;float:right;display:inline;cursor:pointer;margin-left:15px;font-size:115%}
.production-details-editor-delete {color:#ffffff; float: right; font-size: 115%}
.editorPanelOpen, .editorPanelClosed { cursor: pointer; padding-bottom: 5px}

/*#content_main form input:not([type=submit]),form textarea,#content_main form select{border:1px solid #999;background-color:#FFF;border-radius:4px;-moz-border-radius:4px;padding: 5px 10px;cursor:pointer}*/

#content h2,.dialog-content h2{color:#FFF;border:solid 1px #00AABB;background:#009ca6;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:2px 2px 2px 6px}
#content h3,.dialog-content h3{border:solid 1px #999;background-color:#FFF;color:#009ca6;border-radius:4px;-moz-border-radius:4px;padding:1px 3px}

@media print {
    #header-wrapper, #vertical-nav-wrapper, #sidebar-menu {
        position: absolute !important;
        left: 0 !important
    }
    #header-wrapper { min-width: 100%!important;  }
    body { min-width: 100%!important; padding-left: 0!important; -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; transition: none!important; }
    body, body.large-menu, body.med-menu, body.small-menu {padding-left: 0!important}

    #vertical-nav-wrapper, 
    #header-wrapper .navbar-nav,
    #sidebar-menu,
    body.fixed-left .side-menu.left,
    .topbar-left,
    #content_header > span .fa-bookmark-o {
        display: none !important;
    }
}





/* DATATABLES */
td{vertical-align:middle}
th.sortable{cursor:pointer;user-select:none}
td.actions{padding-top:6px;text-align:center; white-space:nowrap; }
td.actions img { margin: 0 3px; }

.datatable th,.datatable-editable th {background-color: #f5f5f5; text-transform: uppercase; font-size: 10px;letter-spacing: 2px; }
.datatable tr:not(:first-child) th,.datatable-editable tr:not(:first-child) th{background-image: none;border-bottom: none;}
.datatable:not(.creative-results-table) tr:nth-child(odd) {background-color:#f2f9f9}
.datatable th a,.datatable-editable th a {color:#2e4a5d;text-decoration:none}
.datatable td,.datatable-editable td { border-left: 1px solid #E6E6E6; border-right:1px solid #E6E6E6; }
.datatable.compact td { padding: 4px; }
.datatable.compact td input { width: 100%; }




/* SUPPORT TABBUTTON - extends JQuery Tabs */
.support-tabs-wrapper {text-align: right; margin-bottom:10px;}
.tab-list, .support-tab-list {
    display: inline-table;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.tab-list li, .support-tab-list li {
    margin-right: 5px;
    list-style: none;
    float: left;
    white-space: nowrap;
}
.tab-list li:last-child, .support-tab-list li:last-child {
    margin-right:0;
}
.tab-list li {
    background-color: #E3E6E9;
}
.tab-list a {
    display: block;
    color: #212121;
    text-decoration: none;
    padding: .5em 1em;
}

.tab-list-item-selected {
    cursor: text;
    background-position: 0 -200px ;
}

.support-tab-list-item-selected {
    cursor: text;
    background-position: 0 -305px ;
}

/* // DEPRECATED -uses erbase button styles instead
.support-tabbutton, .support-tabbutton-selected {
    padding: 8px;
    border: none;
    border-radius: 4px;
}
.support-tabbutton, .support-tabbutton-selected, .support-tabbutton > a {
    color: #2e4a5d;
}
.support-tabbutton {
    background-color: #D9F1F4;
}
.support-tabbutton-selected,.support-tab-list-item-selected {
    background-color: #389AD8;
    color: #fff;
}
.support-tabbutton-selected,.support-tabbutton,.tabbutton,.tabbutton-selected {
    margin: 0 -2px 0 0;
    border: 0;
}
.support-tabbutton-selected > a {
    color: #fff;
}
*/

/* Not in use ?*/
.control-panel {
    background: #E3E6E9;
    padding: 16px;
}

.support-tab {
    background-color: #E0F4F6;
}
/*
.support-tab-list li {}
.support-tab-list a {display: block;color: #2E4A5D;text-decoration: none;padding: .5em 1em}*/









/* OTHER */
.restrictionTextAres{margin: 4px;height: 145px;width: 382px;border: 1px solid rgb(145, 145, 145);border-top-left-radius: 5px;
border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;padding: 3px;}
.groupValuesPanel{ border-color: #BEBEBE; border-style: solid; border-width: 1px; padding: 3px 3px 3px 3px; }


#actionSafeStDef, #titleSafeStDef, #actionSafeSD, #titleSafeSD{text-align: right}
#actionSafeStDef, #titleSafeStDef, #actionSafeHD, #actionSafeSD, #titleSafeHD, #titleSafeSD {font-size:9px;position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
#actionSafeHD{border:1px solid #ff0;color:#ff0;height:324px;text-align:left;width:576px;padding: 2px 5px;}
#actionSafeSD{border:1px solid #00f;color:#00f;height:324px;width:432px}
#titleSafeHD{border:1px solid #0f0;color:#0f0;height:324px;text-align:right;width:432px;padding: 2px 5px;}
#titleSafeSD{border:1px solid red;color:red;height:286px;width:384px}
#actionSafeStDef{border:1px solid #0f0;color:#0f0;height:324px;width:432px;text-align:left;padding: 2px 5px;}
#titleSafeStDef{border:1px solid #0f0;color:#0f0;height:288px;width:380px}



/* PANELS */


.viewPanel{}
.viewPanelValue{font-weight:800}

.alert-panel{ position: relative; }
/*.alert-panel > div { padding: 45px;}*/
.alert-panel .icon-action:first-child {float: left}
.alert-panel-text { padding: 6px 25px 4px;margin: 0 auto; width:70%}
.alert-panel-text > div { margin-bottom: 25px;font-size: 16px}
/*.alert-panel-close { color:#172A35;display: block;float: right}
.alert-panel-close:before {content: 'x';font-size: 34px;padding: 5px}
.alert-panel-close:hover { color: #009ca6;}*/

.collapsiblePanel{padding:15px}
.menuPanel{border-radius:4px;-moz-border-radius:4px}
.notificationPanel{background-color:#FFF;border:1px solid #CD990E;text-align:left;border-radius:4px;-moz-border-radius:4px;margin:1px 0 3px;padding:3px}

.tagCopyTemplateInput,.commentTemplateInput{background-color:#FFFFF0;border:1px solid #B0B0B0}
.announcementPanel, .announcement-panel{display: none;vertical-align:middle;margin-bottom: 0!important;z-index:1;}
.announcementPanel, .announcement-panel > div { padding: 45px;background-color: #c6d2d5;}
.uploadingPanel{background:#EFEFEF url(../images/uploading.gif) no-repeat;color:InfoText;border:1px solid #000;padding:3px}
.spotRewardsPanel{background-color:#A2C172;border:1px solid #6E824E;padding:3px}
.media-detail-panel{color:#000;background:#eef1de;position:relative;top:0;min-height:120px;margin:10px 0;padding:3px 0;width: 1024px;z-index: 100}
.messagePanel{background-color:#FFFFFB;border:1px solid #B0B0B0;border-radius:4px;-moz-border-radius:4px;padding:9px}

/* added to erbase, so these are additional styles */
/*.reach-out-panel {background-color:#FFF;border:1px solid #7CB041;border-radius:4px;-moz-border-radius:4px;padding:3px}*/
/*.infoPanel{background-color:#FFF;border:1px solid #7CB041;border-radius:4px;-moz-border-radius:4px;padding:3px}*/
.errorPanel, .reach-out-panel,.infoPanel {padding:5px; }


#dateTimeNotification{float:right}
/*.text-align-right, .viewPanel form > table:not(.datatable) tr:not(:last-child) td:nth-child(odd), .viewPanel > table:not(.datatable) tr:not(:last-child) td:nth-child(odd) {text-align:right}*//*ticekt 35488*/
.collapsable_header_Wrapper > h3 {background-color:#009ca6!important;background-position:0 -100px!important;padding: 3px 5px;line-height: normal;font-size: 13px}
.selectedRow td,.media-detail-row{background-color:#d8eded}
#sitesearch-form{display:inline-block}


/*video player*/
#overlayWrapper{display:none;position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 200}
#overlayWrapper:after{background: #FFF;opacity: .5;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.overlayContentWrapper{display: none;width: 860px;background: #000;padding: 5px;position: absolute;z-index: 201}
#popVideoFrame{width: 854px;opacity: 1}
#preview{background:#333;border:1px solid #ccc;color:#fff;display:none;padding:5px;position: absolute;z-index: 200}
#videoPlayer{width: 854px;height: 480px}/*can be removed*/
.overlayClose{color:#D6D6D6;height:20px;text-decoration: none;display: block;text-align: right;margin-bottom: 5px;}
.overlayClose:hover{color:#FFF}
.close-x{font-family: Verdana;font-size: 20px;line-height: 11px}
/*Old Styles - need to clean*/


.dialog-content h2{color:#FFF;font-weight:700;border:solid 1px #009ca6;background-color:#009ca6;border-radius:4px;-moz-border-radius:4px;padding:2px 2px 2px 6px}
.dialog-content h3{border:solid 1px #999;background-color:#FFF;font-weight:700;color:#009ca6;border-radius:4px;-moz-border-radius:4px;padding:1px 3px}
h3.bluebold{font-size:16px;color:#6d6e70;font-weight:600;line-height:normal}

#wrapper_popup{position:relative;height:auto;width:710px;border:1px solid #009ca6;overflow:auto;margin:0 auto}
#login_panel{border:1px solid #d4d4d1;border-bottom:0 solid transparent;margin-bottom:25px;background:#edefd7 url(../images/vert_Gradient.png) bottom repeat-x;padding:0 15px 15px}
#login_panel a{padding-bottom:10px;display:block;width:140px;color:#47aeb7;text-decoration:none;font-size:13px}
#login_panel p{color:#6d6e70;margin:5px 0}


#navbar{float:left;width:1014px;position:relative;height:auto;overflow:auto;background:url(../images/tab_grn.gif) left bottom repeat-x;margin:0;padding:0 10px 0 0}
#login_display{background-color:#FFF;float:left;text-align:right;vertical-align:top;width:1014px;position:relative;height:auto;overflow:auto;margin:0;padding:0 10px}
#menu{background:#FFF url(../images/panel-gradient-paleblue-500.gif) 0 0 repeat-x;border-radius:4px;-moz-border-radius:4px}
#menu h5{color:#009ca6;font-weight:700;padding:6px 0 0 6px}
#menu h5 img{vertical-align:middle;padding:0}
#menu h5 a img{vertical-align:top;position:absolute;padding:0}
#menu h5 a.expander{display:block;float:right;margin-right:20px}
#menu h5 a.expander img{position:relative}
#menu h5 span{float:none;padding-left:3px}
#menu h6{color:#8F8C73;padding-left:36px;padding-top:3px}
#discussionPost{background-color:#F0F0F0;border-radius:4px;-moz-border-radius:4px;padding:3px}
#media_player{background-color:#F5F5F5;border:1px solid #E5E5E5;float:left;width:200px;height:200px;overflow:auto;position:relative;top:0;left:0;margin:0;padding:3px}
#user_display{border:1px solid #E5E5E5;float:left;text-align:left;width:192px;position:relative;top:0;left:0;overflow:auto;margin:0;padding:3px}

#content{background-color:#FFF;width:800px;float:left;position:relative;left:5px;overflow:visible;padding-top:3px;margin:0}
#seperator{float:left;height:20px;width:1004px;position:relative;border-left:20px solid #E5E5E5;background:#E5E5E5 url(../images/sep_d8d8d8.gif) 0 top repeat-y;margin:0;padding:0}
#sidebar_img{float:left;position:relative;width:205px;height:133px;background:url(../images/img_why.gif) center top no-repeat;top:15px;margin:0;padding:0}

.textEntryBox{background-color:#EFEFEF;color:InfoText;border:1px solid #000;float:right;width:100%;height:30px;padding:1px}


.destinationsTabs, .creativeTabs {background-color:#fafafa;border:1px solid #d3dcde;text-align:left;border-radius:4px;-moz-border-radius:4px;margin:1px 0 3px;padding:6px}



.smallText{font-size:9px}
.smallTextGray{font-size:xx-small;color:gray}
.greyedImage{opacity:0.4;filter:alpha(opacity=40)}
.breadcrumbActive{color:#009ca6;font-weight:700}
.breadcrumbInactive{color:#AEBF3A;font-weight:700}
.required_field_indicator{color:red;font-size:xx-small}


.dataentrytable th{background-color:#CFCFCF;font-weight:700;font-size:10px;empty-cells:show;border:1px solid #BEBEBE;margin:0;padding:0}
.dataentrytable td{empty-cells:show;border:None;margin:0;padding:0}
.printtable th{font-weight:700;empty-cells:show;margin:1px;padding:1px}
.printtable td{empty-cells:show;margin:1px;padding:1px}
.invoicetable th{background-color:#CFCFCF;font-weight:700;empty-cells:show;border:1px solid #BEBEBE;margin:1px;padding:1px}
.invoicetable td{background-color:#FFF;empty-cells:show;margin:1px;padding:1px}
.printbody{background-color:#FFF}
#logo{border:none;text-align:center}
#logo a{color:#FFF;text-decoration:none;font-size:32px!important}
#main{background-color:#FFF;margin-bottom:30px;_height:1px;padding:30px 30px 15px}



ul#menu{border-bottom:1px #5C87B2 solid;position:relative;text-align:right;margin:0;padding:0 0 2px}
ul#menu li{display:inline;list-style:none}
ul#menu li a{font-weight:700;text-decoration:none;line-height:2.8em;background-color:#e8eef4;color:#034af3;padding:10px 20px}
ul#menu li a:hover{background-color:#FFF;text-decoration:none}
ul#menu li a:active{background-color:#a6e2a6;text-decoration:none}
ul#menu li.selected a{background-color:#FFF;color:#000}
.datepick-popup{z-index:3001!important}
.rowExpander{background-color:#e8e8e8}
.not-implemented{background-color:Lime}
.hfn-alert{color:#F15A29;font-weight:700}
.ui-dialog-titlebar{color:#FFF!important;font-weight:700!important;background:#009ca6;border-radius:4px!important;-moz-border-radius:4px!important;padding:2px 2px 2px 6px !important}



/* Inputs in tables */
.tableInputWrap input,.tableInputWrap textarea{width:100%;}
.tableInputWrap input[type=checkbox], .tableInputWrap input[type=radio] { width: auto; }
.tableSelectWrap select{display:block;width:100%;height:26px;}


.hide-actions .actions{display: none}
.addCreative tr.main-row td:first-child,#addCreative tr.main-row td:last-child{border-bottom:none}
.addCreative tr.details-row td:first-child,#addCreative tr.details-row td:last-child{border-top:none}
.pagingConfigSection{text-align:right;float:right}
tr.parent td{background-color:#ccc;padding-top:6px;padding-bottom:6px}
tr.child.last td{padding-bottom:12px}



 /*temp fix form .readOnly and tabbutton */
 .readOnly { overflow:hidden; }
div.readOnly{width:auto;height:auto;min-height:26px;}
.support-tabbutton a,input.support-tabbutton,input.support-tabbutton-selected{display:inline-block;margin-bottom:0;font-weight:400;letter-spacing:.04em;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;outline:0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-transition:"background-color 200ms";transition:"background-color 200ms";padding:3px 12px;font-size:11px;line-height:20px;border-radius:4px;color:#fff;background-color:#00aab9;border-color:transparent;-webkit-transition:all 100ms ease-in;transition:all 100ms ease-in}.support-tabbutton a:hover,input.support-tabbutton:hover,input.support-tabbutton-selected:hover,.support-tabbutton a:focus,input.support-tabbutton:focus,input.support-tabbutton-selected:focus{text-decoration:none}.support-tabbutton a:active,input.support-tabbutton:active,input.support-tabbutton-selected:active,.support-tabbutton a.active,input.support-tabbutton.active,input.support-tabbutton-selected.active{outline:0;background-image:none}.support-tabbutton a.disabled,input.support-tabbutton.disabled,input.support-tabbutton-selected.disabled,.support-tabbutton a[disabled],input.support-tabbutton[disabled],input.support-tabbutton-selected[disabled],fieldset[disabled] .support-tabbutton a,fieldset[disabled] input.support-tabbutton,fieldset[disabled] input.support-tabbutton-selected{cursor:default;pointer-events:none}.support-tabbutton a:focus,input.support-tabbutton:focus,input.support-tabbutton-selected:focus{color:#fff;background-color:#009ca6;border-color:transparent}.support-tabbutton a:hover,input.support-tabbutton:hover,input.support-tabbutton-selected:hover{color:#fff;background-color:#69bce6}.support-tabbutton a:active,input.support-tabbutton:active,input.support-tabbutton-selected:active,.support-tabbutton a.active,input.support-tabbutton.active,input.support-tabbutton-selected.active,.open .dropdown-toggle.support-tabbutton a,.open .dropdown-toggleinput.support-tabbutton,.open .dropdown-toggleinput.support-tabbutton-selected{color:#fff;background-color:#329cc6;background-image:none}.support-tabbutton a.disabled,input.support-tabbutton.disabled,input.support-tabbutton-selected.disabled,.support-tabbutton a[disabled],input.support-tabbutton[disabled],input.support-tabbutton-selected[disabled],fieldset[disabled] .support-tabbutton a,fieldset[disabled] input.support-tabbutton,fieldset[disabled] input.support-tabbutton-selected,.support-tabbutton a.disabled:hover,input.support-tabbutton.disabled:hover,input.support-tabbutton-selected.disabled:hover,.support-tabbutton a[disabled]:hover,input.support-tabbutton[disabled]:hover,input.support-tabbutton-selected[disabled]:hover,fieldset[disabled] .support-tabbutton a:hover,fieldset[disabled] input.support-tabbutton:hover,fieldset[disabled] input.support-tabbutton-selected:hover,.support-tabbutton a.disabled:focus,input.support-tabbutton.disabled:focus,input.support-tabbutton-selected.disabled:focus,.support-tabbutton a[disabled]:focus,input.support-tabbutton[disabled]:focus,input.support-tabbutton-selected[disabled]:focus,fieldset[disabled] .support-tabbutton a:focus,fieldset[disabled] input.support-tabbutton:focus,fieldset[disabled] input.support-tabbutton-selected:focus{background-color:#a5d7f0}.support-tabbutton a:hover,input.support-tabbutton:hover,input.support-tabbutton-selected:hover{color:#fff!important}.support-tabbutton-selected a,input.support-tabbutton-selected{color:#fff;background-color:#329cc6;background-image:none}input.support-tabbutton,input.support-tabbutton-selected{margin:15px 0}



.control-group{clear:both;margin-bottom:3px}
.control-group label{display:inline-block;float:left;width:120px;text-align:right;margin:3px 8px 0 0}
.control-group .multiple-select label{display:inline;float:none;width:auto;text-align:left;margin:3px 8px 0 0}
.control-group .controls { margin-left: 140px;min-height: 1em; }

.wide-label .control-group label{width:200px}
.wide-label .control-group .multiple-select label{width:auto}
.wide-label .controls { margin-left:220px}
.narrow-label .control-group label{width:78px}
.narrow-label .controls { margin-left:98px}

.control-group-section-header{clear:both;margin-bottom:3px;margin-top:3px;padding-left:120px}
.control-group .controls span, .control-group .controls div.text{display:inline-block;vertical-align:top;line-height: 21px;margin-top: 1px;}
.control-group .controls .token-input-token span,.control-group .controls .token-input-token p{vertical-align:inherit;line-height: 1.6em; padding: 3px 4px 1px;}
.control-group .controls span.readOnly{margin-top:0;min-width:120px}
.control-group .controls div.readOnly{margin-top:0;min-height:26px}
.wide-label .control-group .controls div.readOnly{}
.control-group .controls .twitter-typeahead{margin-top: 0;}

.control-group .controls input{margin-right:3px;}
.control-group .controls input[type=radio],.control-group .controls input[type=checkbox]{display:inline-block;margin-top:3px;}
.control-group .controls select{ margin: 2px 0;height: 27px;}
.control-group .controls .readOnly{width: auto;}


ul.form-list{padding:0}
ul.form-list>li{list-style-type:none!important;margin:1px 0 0;padding:0}
ul.provision-list li a{background-color:lightgray;display:inline-block;width:98%;padding:4px 7px}
ul.provision-list li a img{vertical-align:middle;margin-right:7px}
.workflow-bubble{float:left;font-weight:700;color:#999}
.workflow-bubble.highlighted{background-color:#CEDF66;color:inherit}
ul.token-input-list{clear:none!important; min-height:22px!important;}

.ui-widget .talent-contract{font-size:11px}
.talent-contract{width:99%;}
.talent-contract .contract-cast-category{font-size:.9em}
.talent-contract .contract-box{clear:both;border:1px solid #000;min-height:1em;padding:3px}
.talent-contract h4{font-weight:700;font-size:1.1em}
.talent-contract div>p{padding:10px 0}
.talent-contract .smallText{line-height:.9em;font-size:.75em}
.talent-contract ol{list-style:decimal outside;padding-left:20px}
.talent-contract ol li{list-style:decimal outside}
.talent-contract .control-group{display:table;margin-bottom:1px}
.talent-contract .control-group.tight{line-height:1em;margin:0}
.talent-contract .control-group .controls input[type=radio],.talent-contract .control-group .controls input[type=checkbox]{margin-top:1px}
.talent-contract .control-group.tight .controls input{margin-top:0}
.talent-contract .control-group label{width:inherit;display:table-cell}
.talent-contract .control-group.tight label{line-height:1.3em}
.talent-contract .control-group .controls{display:table-cell;padding-left:6px;vertical-align:middle}
.talent-contract .control-group .controls>span{margin-top:-2px;height:.9em}
/*.talent-contract .control-group .controls input[type=text]{height:1.5em}*/
.talent-contract .control-group.tight .controls input[type=text]{height:1em}
.talent-contract .control-group .controls:first-child{padding-left:0}
.talent-contract input.address-state{width:30px}
.talent-contract .control-group .controls span.token-input-wrapper{margin-top:0;height:inherit}
.talent-contract .token-input-list{width:99%;z-index:99}
.talent-contract table{width:100%;border-collapse:collapse}
.talent-contract table.full-borders,.talent-contract table.full-borders th,.talent-contract table.full-borders td,.talent-contract table.cell-borders td{border:1px solid #000}
.talent-contract table.cell-borders td:first-child{border-left:2px solid #000}
.talent-contract .time-sheet table th span{display:inline-block;width:50%}
.talent-contract table td{height:1.25em}
.talent-contract .time-sheet table td{height:1.1em}
.talent-contract .signature-line{border-bottom:2px solid #000;display:inline-block;margin-top:0}




.spacingAfter{padding-bottom:25px!important}
.dirtyMessage{font-weight:700;color:#8B0000;display:none}
.savingMessage{font-weight:700;color:#FF8900;display:none}
.savedMessage{font-weight:700;color:#1E9009;display:none}
.talent-contract ol ol li{list-style-type:upper-alpha}
.talent-contract ol ol li:nth-child(even){background:#F3F3F3}
table.talentAdviceDestinations .token-input-list,table.talentAdviceMarkets .token-input-list{width:98%;z-index:99}
.talentAdviceDetails .error{font-style:italic;color:#8B0000}
.error{border:1px solid red;color:#8B0000}
input.error{border-color:red;color:#8B0000}
span.tabCount{display:inline-block;margin-left:4px}

#ui-datepicker-div{z-index:9999!important}
.hasDatepicker{text-align:center; width:136px}

.notificationDetail{margin-top:4px;padding:4px}
.notificationDetail dl dt,.notificationDetail dl dd{float:left;display:inline-block;margin-top:2px}
.notificationDetail dl dt{width:15%;font-weight:700;clear:left;text-align:right;padding-right:2%}
.notificationDetail dl dd{width:83%}

tr.template{display:none}
.notification-dialog input,.notification-dialog textarea{width:545px}

ul.multiple-select { padding: 0;}
ul.multiple-select li{float:left;width: 49%;list-style-type: none;}
.talent-contract ol li ul li{list-style:none}


#login_panel a:hover,#contact a:hover{color:#AEBF3A}
#menu h5 a:hover,#menu h6 a:hover{color:#AEBF3A;text-decoration:none}
#contact a,.viewPanelValue,.notification-dialog label{font-weight:700}
#menu h5 a,#menu h6 a{color:#009ca6;text-decoration:none}
.notificationDetail .notificationLink{float:right}

.tagCopyTemplatePanel,.commentTemplatePanel{background-color:#FFFFF0;border:1px solid #B0B0B0;padding:9px}
.errorRow,.tableHover{background-color:#E6CC2F}
.dataentrytable,.printtable,.invoicetable,select.wideDropDown,#HoldingFeeEmail input,#HoldingFeeEmail textarea,.row .span12{width:100%}

td.actions a,a.image-only{text-decoration:none}
.talent-contract table.full-borders th,.centerText{text-align:center}




/* SPRITES */
.backgroundSprites{background-image: url(../images/common/backgroundSprites.png);background-repeat: repeat-x}
.globalSprite, .navSprite,.icon-action{background-image: url(../images/common/globalSprites.png?ver=9.7.1);background-repeat: no-repeat}

.icon-action {display: inline-block}
.icon-margin{margin: 0 3px}
.icon-16-16 { height: 16px;width: 16px;position: relative;top: 4px}
.icon-17-17 { height: 17px;width: 17px;position: relative;top: 3px}
.icon-20-13 { height: 13px;width: 20px}
.icon-18-13 { height: 13px;width: 18px}
.icon-16-13 { height: 13px;width: 16px}
.icon-22-22 { height: 22px;width: 22px;position: relative;top: 5px}
.icon-time{background-position:-256px -96px }
.icon-time-alt{background-position:-288px -96px }
.icon-duplicate{background-position:-320px -96px }
.icon-youtube{background-position:-352px -96px }
.icon-tivo{background-position:-384px -96px }
.icon-nocolor{background-position:-416px -96px }
.icon-nocolor-alt{background-position:-448px -96px }
.icon-email{background-position:-480px -96px }
.icon-email-alt{background-position:-512px -96px }
.icon-emailopen{background-position:-544px -96px }
.icon-emailopen-alt{background-position:-576px -96px }
.icon-emailsend{background-position:-992px -96px}
.icon-emailsend-alt{background-position:-992px -128px}
.icon-medalround{background-position:-608px -96px }
.icon-medalround-alt{background-position:-640px -96px }
.icon-medalstar{background-position:-672px -96px }
.icon-medalstar-alt{background-position:-704px -96px }
.icon-tagopenred{background-position:-736px -96px }
.icon-tagopenblue{background-position:-768px -96px }
.icon-tagclosedred{background-position:-800px -96px }
.icon-tagclosedblue{background-position:-832px -96px }
.icon-alarm{background-position:-864px -96px }
.icon-alarm-alt{background-position:-896px -96px }
.icon-userflat{background-position:-928px -96px }
.icon-userflat-alt{background-position:-960px -96px }
.icon-power{background-position:0 -128px }
.icon-power-alt{background-position:-32px -128px }
.icon-reports{background-position:-64px -128px }
.icon-creative{background-position:-96px -128px }
.icon-traffic{background-position:-128px -128px }
.icon-traffic-alt{background-position:-160px -128px }
.icon-insertcablecard{background-position:-192px -128px }
.icon-talent{background-position:-224px -128px }
.icon-network{background-position:-256px -128px }
.icon-account{background-position:-288px -128px }
.icon-account-alt{background-position:-320px -128px }
.icon-support{background-position:-352px -128px }
.icon-support-alt{background-position:-384px -128px }
.icon-eyeglassgreen{background-position:-416px -128px }
.icon-eyeglassgreen-alt{background-position:-448px -128px }
.icon-eyeglassblack{background-position:-480px -128px }
.icon-eyeglassblack-alt{background-position:-512px -128px }
.icon-qceyeglass{background-position:-544px -128px }
.icon-qceyeglass-alt{background-position:-576px -128px }
.icon-silhouette{background-position:-608px -128px }
.icon-info{background-position:-640px -128px }
.icon-info-alt{background-position:-672px -128px }
.icon-attention{background-position:-704px -128px }
.icon-attention-alt{background-position:-736px -128px }
.icon-add{background-position:-768px -128px }
.icon-add-alt{background-position:-800px -128px }
.icon-donegreen{background-position:-832px -128px }
.icon-donegreen-alt{background-position:-864px -128px }
.icon-doneblue{background-position:-896px -128px }
.icon-doneblue-alt{background-position:-928px -128px }
.icon-hdready{background-position:-960px -128px }
.icon-talentadvice{background-position:0 -160px }
.icon-talentadvicemedia{ background-position: -32px -160px;height: 16px;width: 27px }
.icon-diamonds{background-position:-64px -160px }
.icon-psa{background-position:-96px -160px }
.icon-refresh{background-position:-128px -160px }
.icon-export{background-position:-160px -160px }
.icon-downblue{background-position:-192px -160px }
.icon-upgreen{background-position:-224px -160px }
.icon-downorange{background-position:-256px -160px }
.icon-uporange{background-position:-288px -160px }
.icon-pdf{background-position:-320px -160px }
.icon-pdfrefresh{background-position:-352px -160px }
.icon-pdfrefresh-alt{ background-position: -384px -160px;height: 17px;width: 22px; }
.icon-productionservices{background-position:-416px -160px }
.icon-productionservices-alt{background-position:-448px -160px }
.icon-locked{background-position:-480px -160px }
.icon-locked-alt{background-position:-512px -160px }
.icon-unlocked{background-position:-544px -160px }
.icon-unlocked-alt{background-position:-576px -160px }
.icon-flashproxy{background-position:-608px -160px }
.icon-flashproxy-alt{background-position:-640px -160px }
.icon-wmvproxy{background-position:-672px -160px }
.icon-wmvproxy-alt{background-position:-704px -160px }
.icon-quicktimeproxy{background-position:-736px -160px }
.icon-googlestorage{background-position:-768px -160px }
.icon-googlestorage-alt{background-position:-800px -160px }
.icon-hasTalentData{background-position:-832px -160px }
.icon-submittedCompletionReport{background-position:-864px -160px }
.icon-s3storage{background-position:-896px -160px }
.icon-localad{background-position:-928px -160px }
.icon-calendar{background-position:-960px -160px }
.icon-talentpayrolldata {background-position:-992px -160px }
.icon-tv{background-position:0 -192px }
.icon-tvdetection{background-position:-32px -192px }
.icon-tvgreen{background-position:-64px -192px }
.icon-tvred{background-position:-96px -192px }
.icon-tvanalytics{background-position:-128px -192px }
.icon-tvreport{background-position:-160px -192px }
.icon-tvgreenn{background-position:-192px -192px }
.icon-tvredl{background-position:-224px -192px }
.icon-archive{background-position:-256px -192px }
.icon-archive-alt{background-position:-288px -192px }
.icon-unarchive{background-position:-320px -192px }
.icon-unarchive-alt{background-position:-352px -192px }
.icon-transcode{background-position:-384px -192px }
.icon-transcode-alt{background-position:-416px -192px }
.icon-question{background-position:-448px -192px }
.icon-question-alt{background-position:-480px -192px }
.icon-delivery{background-position:-512px -192px }
.icon-delivery-alt{background-position:-544px -192px }
.icon-trash{background-position:-576px -192px }
.icon-psa-alt{background-position:-608px -192px }
.icon-stop{background-position:-640px -192px }
.icon-stop-alt{background-position:-672px -192px }
.icon-error{background-position:-704px -192px }
.icon-error-alt{background-position:-736px -192px }
.icon-closedisabled{background-position:-768px -192px }
.icon-closedisabled-alt{background-position:-800px -192px }
.icon-delete{background-position:-832px -192px }
.icon-delete-alt{background-position:-864px -192px }
.icon-chartpie{background-position:-896px -192px }
.icon-chartbar{background-position:-928px -192px }
.icon-chartopenpie{background-position:-960px -192px }
.icon-openblue{background-position:0 -224px }
.icon-openblue-alt{background-position:-32px -224px }
.icon-closeblue{background-position:-64px -224px }
.icon-closeblue-alt{background-position:-96px -224px }
.icon-opengray{background-position:-128px -224px }
.icon-opengray-alt{background-position:-160px -224px }
.icon-closegray{background-position:-192px -224px }
.icon-closegray-alt{background-position:-224px -224px }
.icon-less{background-position:-256px -224px }
.icon-more{background-position:-288px -224px }
.icon-down{background-position:-320px -224px }
.icon-up{background-position:-352px -224px }
.icon-over{background-position:-384px -224px }
.icon-storyboard{background-position:-416px -224px }
.icon-attachment{background-position:-448px -224px }
.icon-star{background-position:-480px -224px }
.icon-star-alt{background-position:-512px -224px }
.icon-sleep{background-position:-544px -224px }
.icon-sleep-alt{background-position:-576px -224px }
.icon-piano{background-position:-608px -224px }
.icon-piano-alt{background-position:-640px -224px }
.icon-music{background-position:-672px -224px }
.icon-audio{background-position:-704px -224px }
.icon-productionservicesother{background-position:-736px -224px }
.icon-productionservicesother-alt{background-position:-768px -224px }
.icon-keyframe{background-position:-800px -224px }
.icon-keyframe-alt{background-position:-832px -224px }
.icon-messagenew{background-position:-864px -224px }
.icon-messagenew-alt{background-position:-896px -224px }
.icon-messagereply{background-position:-928px -224px }
.icon-messagereply-alt{background-position:-960px -224px }
.icon-discussiongreen{background-position:0 -256px }
.icon-document{background-position:-32px -256px }
.icon-document-alt{background-position:-64px -256px }
.icon-document-blue { background-position: -128px -256px; }
.icon-documentinfo{background-position:-96px -256px }
.icon-documentinfo-alt{background-position:-128px -256px }
.icon-discussionmessage{background-position:-160px -256px }
.icon-discussion{background-position:-192px -256px }
.icon-discussiongroup{background-position:-224px -256px }
.icon-discussionedit{background-position:-256px -256px }
.icon-discussionedit-alt{background-position:-288px -256px }
.icon-documentbill{background-position:-320px -256px }
.icon-documentadd{background-position:-352px -256px }
.icon-documentmodify{background-position:-384px -256px }
.icon-documentdelete{background-position:-416px -256px }
.icon-detailsview{background-position:-448px -256px }
.icon-detailsview-alt{background-position:-480px -256px }
.icon-detailsedit{background-position:-512px -256px }
.icon-detailsedit-alt{background-position:-544px -256px }
.icon-detailsedit-remove{background-position:-576px -256px }
.icon-ticketdetial{background-position:-608px -256px }
.icon-ticket{background-position:-640px -256px }
.icon-ticket-alt{background-position:-672px -256px }
.icon-qcReportAlarm{background-position:-704px -256px }
.icon-qcReportPass{background-position:-992px -256px }
.icon-user{background-position:-736px -256px }
.icon-usersupport{background-position:-768px -256px }
.icon-useroffline{background-position:-800px -256px }
.icon-userAssignTo{background-position:-832px -256px }
.icon-userSupportLogin{background-position:-864px -256px }
.icon-userdelete{background-position:-896px -256px }
.icon-userdeletenotify{background-position:-928px -256px }
.icon-useredit{background-position:-960px -256px }
.icon-16x9{background-position:0 -288px }
.icon-4x3{background-position:-32px -288px }
.icon-hd{background-position:-64px -288px }
.icon-hd-alt{background-position:-96px -288px }
.icon-sd{background-position:-128px -288px }
.icon-surround{background-position:-160px -288px }
.icon-hdandsd{ background-position: -191px -288px;height: 14px;width: 34px }
.icon-hdv{background-position:-224px -288px }
.icon-sdv{background-position:-256px -288px }
.icon-1080p{background-position:-288px -288px }
.icon-hdstar{background-position:-320px -288px }
.icon-tbc{background-position:-352px -288px }
.icon-online{background-position:-384px -288px }
.icon-tape{background-position:-416px -288px }
.icon-tape-alt{background-position:-448px -288px }
.icon-nc{background-position:-480px -288px }
.icon-cc{background-position:-512px -288px }
.icon-cc-alt{background-position:-544px -288px }
.icon-ftp{background-position:-576px -288px }
.icon-ack{background-position:-608px -288px }
.icon-ccs{background-position:-640px -288px }
.icon-bvs{background-position:-672px -288px }
.icon-bvs-alt{background-position:-704px -288px }
.icon-e{background-position:-736px -288px }
.icon-e-alt{background-position:-768px -288px }
.icon-mda{background-position:-800px -288px }
.icon-mda-alt{background-position:-832px -288px }
.icon-new{ background-position: -864px -288px}
.icon-new-alt{ background-position: -896px -288px;height: 16px;width: 22px }
.icon-paired{background-position:-928px -288px }
.icon-spottrac{background-position:-224px -96px }
.icon-spottrac-alt{background-position:-960px -288px }
.icon-clipboard{background-position:0 -320px }
.icon-clipboard-alt{background-position:-32px -320px }
.icon-folder{background-position:-64px -320px }
.icon-folder-alt{background-position:-96px -320px }
.icon-log{background-position:-128px -320px }
.icon-print{background-position:-160px -320px }
.icon-dualchannelmono{background-position:-192px -320px }
.icon-dualchannelmono-alt{background-position:-224px -320px }
.icon-mute{background-position:-256px -320px }
.icon-mute-alt{background-position:-288px -320px }
.icon-novoiceover{background-position:-320px -320px }
.icon-novoiceover-alt{background-position:-352px -320px }
.icon-audioorange{background-position:-384px -320px }
.icon-audioorange-alt{background-position:-416px -320px }
.icon-audiogreen{background-position:-448px -320px }
.icon-audiogreen-alt{background-position:-480px -320px }
.icon-bill{background-position:-512px -320px }
.icon-bill-alt{background-position:-544px -320px }
.icon-plugin{background-position:-576px -320px }
.icon-pluginadd{background-position:-608px -320px }
.icon-reel{background-position:-640px -320px }
.icon-reeladd{background-position:-672px -320px }
.icon-clipboardt{background-position:0 -352px }
.icon-clipboardt-alt{background-position:-32px -352px }
.icon-clipboardr{background-position:-64px -352px }
.icon-clipboardr-alt{background-position:-96px -352px }
.icon-clipboardc{background-position:-128px -352px }
.icon-clipboardc-alt{background-position:-160px -352px }
.icon-clipboardp{background-position:-192px -352px }
.icon-clipboardp-alt{background-position:-224px -352px }
.icon-clipboards{background-position:-256px -352px }
.icon-clipboards-alt{background-position:-288px -352px }
.icon-clipboardm{background-position:-320px -352px }
.icon-clipboardm-alt{background-position:-352px -352px }
.icon-clipboardhd{background-position:-384px -352px }
.icon-clipboardsd{background-position:-416px -352px }
.icon-clipboardonline{background-position:-448px -352px }
.icon-clipboardonline-alt{background-position:-480px -352px }
.icon-building{background-position:-512px -352px }
.icon-buildingadd{background-position:-544px -352px }
.icon-facility{background-position:-576px -352px }
.icon-facilityadd{ background-position: -608px -352px;height: 16px;width:20px }
.icon-mua{background-position:-640px -352px }
.icon-mua-alt{background-position:-672px -352px }
.icon-discussionlarge{ background-position:-820px -320px;height: 28px;width: 31px }
.icon-documentlarge{ background-position: -852px -320px;height: 33px;width: 28px }
.icon-refreshlarge{ background-position: -887px -319px;height: 36px;width: 30px }
.icon-videoframelarge{ background-position: -929px -320px;height: 30px;width: 51px }
.icon-dotblue {background-position:-704px -320px}
.icon-dotgreen {background-position:-736px -320px}
.icon-dotred{background-position:-768px -320px}
.icon-tivo-alt {background-position: -992px -288px}
.icon-teletraxencoding {background-position: -992px -192px}
.icon-teletraxencoding-alt {background-position: -992px -224px}
.icon-sigmaencoding {background-position:-704px -352px}
.icon-sigmaencoding-alt {background-position:-736px -352px}
.icon-mono {background-position:0 -384px}
.icon-info-red {background-position:-32px -384px}
.icon-info-red-alt {background-position:-64px -384px}
.icon-info-green {background-position:-96px -384px}
.icon-info-green-alt {background-position:-128px -384px}
.icon-downGreen {background-position: -160px -384px}

.icon-navDashboard {background-position: -192px -384px}
.icon-navDashboardBlue {background-position: -224px -384px}
.icon-navDigital {background-position: -256px -384px}
.icon-navDigitalBlue {background-position: -288px -384px}
.icon-navCreative {background-position: -320px -384px}
.icon-navCreativeBlue {background-position: -352px -384px}
.icon-navTraffic {background-position: -384px -384px}
.icon-navTrafficBlue {background-position: -416px -384px}
.icon-navTalent {background-position: -448px -384px}
.icon-navTalentBlue {background-position: -480px -384px}
.icon-navNetwork {background-position: -512px -384px}
.icon-navNetworkBlue {background-position: -544px -384px}
.icon-navSpotDelivery {background-position:0 0}
.icon-navSpotDeliveryBlue {background-position:-64px 0}
.icon-navPSADelivery {background-position:-96px 0}
.icon-navPSADeliveryBlue {background-position:-160px 0}
.icon-navPromoDelivery {background-position:-192px 0}
.icon-navPrmoDeliveryBlue {background-position:-256px 0}










/*-------------------------------------*/

/* digital campaign index */
#SearchMediaPlans .table-changelength { position:relative; top:15px; margin-bottom: -20px; float: right; margin-right:80px; margin-left: -600px; }
#campaignPanelActions { padding: 10px 0; }
#campaignPanelActions .btn { margin-right: 10px; min-width: 150px; }
#campaignPagination{ margin-top: 20px; }

#campaignSearchResult .progress {
	background-color: #e9e9e9;
    box-shadow: none;
    height: 25px;
    margin: 0;
}
    
#campaignSearchResult img {
    width:60px;
}


.btn-group-adminheader a {
    color:#000;
    display:block;
    height:100%;
    line-height:45px;
}

.panel-cct { background:#fff; }
.panel-cct .panel-admin-left {
    position:fixed;
    right:auto;
    min-width:0;
    top:191px;
    bottom:0;
    background:#fff;
    z-index:40;
}
.panel-admin-left .listholder {
    top:154px;
}

.panel-admin-right .form-error-container-top {
    margin: -30px -30px 0;
}


/* CCT SURVEY */
.surveytype-brandlift, .surveytype-customdemo { display:none; }
#surveyQuestion { font-size:16px; }

/* CCT SUMMARY */
.summary-panel + .summary-panel { margin-top: 30px; }
.summary-panel .panel-heading { padding-top:10px; padding-bottom: 10px; }
.summary-panel .panel-body { padding: 30px 40px; }
.summary-panel .edit-btn {
		position:absolute;
		top:8px;
		right:14px;
	}

.io_container {
    margin-bottom:20px;
}
.io_container h3 {
    background:transparent !important;
    font-size: 14px !important;
}


.datepicker-inline .calendarholder {
    height:190px;
    margin-top:8px;
}
.calendarholder .ui-datepicker {
    border:0;
    padding:0;
}
.calendarholder .ui-datepicker .ui-datepicker-header {
    padding: 5px 0 3px;
    border:0;
}

.calendarholder .ui-datepicker .ui-datepicker-prev, 
.calendarholder .ui-datepicker .ui-datepicker-next {
    height:22px;
    top:50%;
    margin-top: -11px;
    cursor:pointer;
}

.calendarholder .ui-datepicker .ui-datepicker-prev { left: 35px; }
.calendarholder .ui-datepicker .ui-datepicker-next { right: 35px; }

.calendarholder .ui-datepicker .ui-datepicker-title select { margin-right: 10px; }


.calendarholder .ui-datepicker-calendar {
    font-size: 11px;
    font-weight:400;
    line-height:1.5;
}

.calendarholder .ui-datepicker-calendar th {
    font-weight:400;
    background:transparent;
    border-bottom: 1px solid #ccc;
    padding:0;
    color:#999;
}
.calendarholder .ui-datepicker-calendar td {
    padding: 4px 0 0;
    background:transparent !important;
}
.calendarholder .ui-datepicker-calendar a {
    padding: 1px 0;
    text-align:center;
}

.calendarholder td .ui-state-highlight {
    background:transparent;
    border:0;
}


.calendarholder .date-range-selected a {
    background:#f2f2f2;
    color:#000 !important;
    filter:Alpha(Opacity=100);
    opacity:1;
}
.calendarholder .date-range-start a{
    position:relative;
    z-index:0;
    color:#fff !important;
}
.calendarholder .date-range-start a:before {
    /* blocks some stuff */
    content:"";
    position:absolute;
    width:22px;
    height:20px;
    background:#fff;
    display:block;
    z-index:-1;
    top:-1px;
}
.calendarholder .date-range-start a:after {
    /* the circle */
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    top:-1px;
    left:50%;
    margin-left: -9px;
    border-radius:10px;
    background:#5ca1ae;
    z-index:-1;
}


.calendarholder .date-range-end a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


.listholder .search-filter-hide { display: none !important; }


#admin_campaign_order_list .list-group-item-children .list-group-item {
	white-space: normal;
    font-size:13px;
}

/*Source Creative Styles*/
.card {
    background-image: -moz-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.18);
    display: inline-block;
    min-height: 205px;
    width:74.4%;
}
.cardAvatar{
    background-repeat:no-repeat;
    background-position: center;
    background-size:cover;
    height: 155px;
    width: 100%;
}
.cardInfo {
    display:inline-block;
    vertical-align: top;
    padding:25px;
    width:33%;
    line-height: 22px;
}
.cardInfo h4 {
    margin:0px;
    font-weight:500;
    font-size: 18px;
}
.sideCard {
    display: inline-block;
    height: 205px;
    width:23.3%;
    margin-left: 1%;
    text-align:right;
}
.cardLinks {
    background-image: -moz-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.18);
    float:right;
    width:23.3%;
    margin-right: 1.03%;
    margin-top: 20px;
    min-height: 168px;
}
.cardReps {
    background-image: -moz-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.18);
    width:100%;
    display:inline-block;
    padding:25px;
    margin-bottom:20px;
    min-height:168px;
}

.cardPeople {
    background-image: -moz-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(243,241,241,0.6) 0%, rgba(118,118,118,0) 100%);
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.18);
    width:100%;
    display:inline-block;
    padding:25px;
}
.cardRepsInfo {
    margin-left:17px;
}
.sideCardInfo {
    display:inline-block;
    vertical-align: top;
    width:100%;
}
.cardLinksInfo {
    display:inline-block;
    vertical-align: top;
    padding:25px;
    width:100%;
}
.cardLinksInfo ul {
    padding: 0;
    list-style-type: none;
}
.cardLinksInfo ul li {
    list-style:none;
    padding:10px 0px;
    border-bottom:1px solid #e2e2e2;
}
.sideCardInfo h4 {
    margin-top:0px;
    font-weight:500;
    text-align:left;
}
.cardLinksInfo h4 {
    margin-top:0px;
    font-weight:500;
}
.cardReps h4 {
    margin-top:0px;
    font-weight:500;
}
.right_info {
	float: right;
	text-align: right;
	width: 100px;
}

.right_info img {
	margin-top:1px;
	margin-bottom:1px;
	float:right;
}

.person_result {
	width:100%;
	height:110px;
	padding:20px 10px 0 10px;
    background: url(../images/gradients/short-gray-gradient.png) repeat-x;
	/*background: url('/includes/images_new/Gradient_BG_Slice.jpg') repeat-x;*/
	
}
.person_result_data {
	float:left;
	padding-left:20px;
	width:455px;
}

.person_image {
	float:left;
	
}
.lbb {
	color:#4a7c7f;
}

.add_to_list, .add_to_list a{
	font-size: 12px;
	color: #447679;
	cursor: pointer;
	float:right;
}
.playOverlayButton {
    position:absolute;
    top:200px;
    left:48%;
    z-index:10;
}
.personInfo {
    margin-top:10px;
    padding:0px 10px;
}
.companyInfo {
    margin-top:10px;
    width:100%;
    padding: 0px 10px;
}
#searchButtonPeopleDetail {
}
.personInfo h4{
    display:inline;
}
.companyInfo h4{
    margin-top:15px;
    line-height:10px;
}
.updateProfilePicture {
    margin-top:-23px;
}
.backToText {
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
}
.personRightSide {
    padding: 10px 15px;
    background-color:#f5f5f5;
    border: 1px solid #E4E4E4;
}
.sourcebutton {
    min-width: 44%;
    margin: 3px 0;
    text-align: left;
}
.personMainInfo {
    height: 280px;
    padding: 10px;
}
.personMainInfoRight {
    margin-top:15px;
}
.pmiContact {
    display: inline-block;
    width: 100%;
}
.pmiContact ul {
    padding: 0;
    list-style-type: none;
    border: 1px solid #E4E4E4;
    margin-bottom:15px;
}
.pmiContact ul li {
    width: 100%;
    padding: 4px 0px 0px 15px;
    background-color:#f5f5f5;
    text-decoration:none;
}
.pmiContact ul li:first-child {
    padding-top: 20px;
}
.pmiContact ul li:last-child {
    padding-bottom: 20px;
}
.pmiLinks {
    margin-top: 10px;
    max-height: 200px;
    width: 100%;
}
.peopleDetailSocialMediaLinks{
    padding: 10px 0 10px 15px;
    background: #f5f5f5;
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
}
.pmiLinks ul {
    padding: 0;
    list-style-type: none;
    border: 1px solid #E4E4E4;
    border-top: none;
}
.pmiLinks ul li {
    width: 100%;
    padding: 10px 15px;
    background-color:#f5f5f5;
    text-decoration:none;
    border-bottom: 1px solid #E4E4E4;
}
.pmiLinks ul li:first-child {
    padding-top: 20px;
}
.pmiLinks ul li:last-child {
    padding-bottom: 20px;
}
#reps {
    border-bottom: 0 none;
    border-left: 0 none;
}
.personAvatar{
    background-repeat:no-repeat; background-position: left top; background-size:cover; height:192px;width:100%;
}

.pagination {
    bottom: 10px;
    left: 10px;
    position: absolute;
    z-index: 2001;
}
.contentContainer {
    width:100%;
}
.ribbon-wrap {
    background: none repeat scroll 0 0 white;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    height: 370px;
    margin: 50px auto;
    position: relative;
    width: 280px;
    z-index: 90;
}
.ribbon-wrapper-green {
    height: 160px;
    width: 199px;
    margin-top: 38.5%;
    margin-left: -10px;
    position:absolute;
    z-index:20;
}
.ribbon-green a:link, .ribbon-green a:hover, .ribbon-green a:visited {
    color: #fff;
}
.ribbon-green, .ribbon-green-change {
    background-color: #2d4e61;
    background-image: -moz-linear-gradient(center top , #3c8d92, #447679);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 13px;
    padding: 4px 0px;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
}
.ribbon-green:before {
    border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    border-top: 5px solid #ABABAB;
    bottom: -6px;
    content: "";
    position: absolute;
}
.ribbon-green:before {
    left: 0;
}
.swiper-container {
    margin-bottom: 20px!important;
}
.pmiRep {
    width:100%;
}
.pmiPeople {
    width:100%;
    margin-top:15px;
}
.repsPeopleDetail {
    width:100%;
    display: inline-block;
    background-color:#f5f5f5;
    border:1px solid #E4E4E4;
    border-top:none;
}
#people {
    width:100%;
    display: inline-block;
    background-color:#f5f5f5;
    border:1px solid #E4E4E4;
    border-top:none;
}
.repsCompanyDetail {
    padding: 15px;
}
.pmiRepLeft {
    padding: 10px 10px 10px 0;
}
.pmiRepRight {
    padding: 10px 10px 10px 0;
}

.repcontent {
    color: #003333;
    font-size: 12px;
    padding-top: 10px;
    word-wrap: break-word;
}

#col_1, #col_2 , #col_3{
    float: left;
    /*min-height: 250px;*/
    padding: 0 7px 0 17px;
    width: 45%;
    min-height:50px;
}

.companyTypeTag {
    list-style-image: none;
padding: 1px 1px 1px 1px;
margin: 3px 0 3px 3px;
display:inline-block;
position: relative;
font-size:9px;
line-height:12px;
color: #333;
cursor: default;
border: 1px solid #aaaaaa;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.creative_expander {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
padding:0;
}
.profileWrapper {
    clear: left;
	float: left;
	width: 24%;
	padding: 20px 0;
	margin: 0 0.25% 0 0;
	display: inline;
}
.asidePeopleDetail {
	float: left;
    width: 74.4%;
	padding: 20px 0;
	margin: 0 0 0 15px;
	display: inline;
}
.reelWrapper {
	float: left;
    width: 74.4%;
	margin: 20px 0;
	display: inline;
}

.companyInfo {
    margin-top:10px;
    padding: 0px 10px;
}
.companyRightSide {
    padding: 10px 15px;
    background-color:#f5f5f5;
    border: 1px solid #E4E4E4;
}
.topLine {
    font-size: 16px;
}
a.fill-div {
    display: block;
    height: 250px;
    margin-top: -151px;
    text-decoration: none;
    width: 100%;
}
.pmiRepsLeftContent {
    max-height: 400px;
    min-height: 80px;
    overflow-y: auto;
}
.jspContainer {
    overflow: hidden;
    position: relative;
}

.repcontent {
    color: #003333;
    font-size: 12px;
    padding-top: 10px;
}

.handle {
    font-size: 12px;
    vertical-align: top;
    cursor:move;
}
#ppl_column1, #ppl_column2, #ppl_column3 {
    border: medium none;
    width: 27%;
    float: left;
    padding: 0 7px 0 17px;
}
.CompanyPerson {
    color: #666666;
    font-size: 12px;
    margin: 17px 0;
}
.companySocial {
    border-bottom: thin solid #54928a;
    height: 41px;
}
.reelsTopBox {
    min-height: 181px;
}
.bgBox {
    /*background: url("/includes/images_new/Gradient_BG_Slice.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);*/
    height: 240px;
    width: 100%;
}
.profilePic {
    display: inline;
    float: left;
    height: 128px;
    padding: 12px 6px 0;
    width: 250px;
}
.companyImage{
    /*height:113px;*/
    width:200px;
}
.socialMedia{
    width:30%;
    float:left;
}
.socialImage{
    width:32px;
    height:32px;
    margin-top:5px;
    margin-right:10px;
}
.userProfileReelImages {
    width: 164px;
}
.dragDropPlaceholder{
    border: solid red;    
    border-bottom: 1px;
    border-left: 1px;
    border-right:1px;
    border-top:1px;
    background-color: lightgray;
    min-height:100px;
}
div .leftAlign{
    text-align:left;
}
.separatedSection{
    border-left:thin solid grey;
    padding-left:20px;
}

.spot_result {
    padding: 10px 10px 10px 15px;
    width:100%;
    background: url(../images/gradients/short-gray-gradient.png) repeat-x;
}

.spot_details {
    margin-top: 22px;
}
.spotTitle{
    font-size: 13px;
    line-height: 1;
    margin-bottom: 6px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight:bold;
}

.form-box{
    background-color: #eef1f5;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;
}

#pageSizeControl{
    width:100%;
    text-align:right;
    padding-right:20px;
}
.creative-thumbnail{
    width:133px;
    height:75px;
}
#token-input-brandName, #token-input-productName, #token-input-companyName
{
    padding-top:0px;
}
.film-strip
{
    width:420px; 
    height:140px;
    padding:0;
}
.film-strip-cell
{
width:140px;text-align:center; vertical-align:middle; background-size:100% 100%;background-image:url(../images/blankSlide.png)
}
.film-strip-image
{
width:96%; height:96%;
}
.spotContent{
    float: left;
    padding: 5px 13px;
    border: 1px solid black;
    width:420px;
    height:110px;
    margin: 3px;
}
.creative-dialog{
    /*background-color:#f0f3f6;*/
}
.currently-playing{
    /*background-color: lightgray;*/
    border:1px solid red;
}

.peopleRec {
    float: left;
    height: 200px;
    padding-left: 24px;
    width: 30%;
}
.basketImage {
    height: 110px;
    width: 195px;
}
li.token-input-token
{
    background-color:lightgray !important;
    font-weight:normal;
}
.token-input-productName
{
    width:250px !important;
}
.token-input-brandName
{
    width:250px !important;
}

table.datatable.minimal-padding tbody tr td {
    padding: 5px 4px;
}

.control-group .selectboxit-container span {
    display: block;
}
a.slugLinkDelivery:link {
    color: #2d4e61;
}
a.slugLinkDelivery:hover {
    color: #0f2532;
}
.growl-notice {
    display: none;
    font-family: Helvetica,Verdana,sans-serif;
    max-width: 55%;
    padding: 5px 10px;
    border-radius: 4px;
    opacity: .97;
    font-size: 14px;
    color: #fff;
    background: #4CAF50;
    position: fixed;
    z-index: 1;
    right: 10px;
    bottom: 34px;
    font-size: 14px;
}
#videoPopupPlayer {
    position: fixed;
    z-index: 2;
    top: 90px;
    min-height: 400px;
    width: 62%;
    height: auto;
    left: 20%;
    text-align: center;
    display: none;
}

.xout {
    position: absolute;
    z-index: 1;
    top: -12px;
    right: -10px;
    color: #fff;
    background: #333;
    padding: 10px;
    border-radius: 30px;
    line-height: 8px;
    cursor: pointer;
}





/**=============================================**/
/**  Sticky Footer
/**  Adapted from footer.less
/**  Created by: Hua Chen, 10/3/2018
/**=============================================**/

#footerWrapper {
    height: 34px;
    background-color: #eee;
    border-top: 1px solid #ddd;

    font-size: 11px;
    line-height: 34px;
    color: #464a4c;
    padding: 0;
    margin: 0;
}
    #footerWrapper a {
        color: #00848d;
    }
        #footerWrapper a:hover, #footerWrapper a:focus {
            color: #00545a
        }


.sticky-footer > div {
    x-padding-left: 20px;
    padding: 0 20px;
}
.sticky-footer .pr-4 {
    padding-right: 20px;
}
.sticky-footer .footer-item {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

.sticky-footer .footer-left {
    float: left;
    max-width: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: -50%;
}

.sticky-footer .footer-right {
    background: #eee;
    float:right;
}

.sticky-footer .support-panel-item {
    position: relative;
    padding: 0 !important;
}
.footer-item .card-support-popup {
    position: absolute;
    right: -5px;
    bottom: -350px;
    background: #fff;
    border: 0 none;
    border-top-left-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    min-width: 300px;
    transition: bottom 300ms ease-in 0s;
}
    .footer-item .card-support-popup.open {
        bottom: 4px !important;
    }
    .footer-item .card-support-popup .panel-heading {
        background-color: #009ca6 !important;
        color: #fff;
        padding: 8px 15px !important;
    }
    .footer-item .card-support-popup .close {
        margin-top: 1px;
        font-weight: normal;
        color: white;
        opacity: .8;
    }
    .footer-item .card-support-popup > .panel-body {
        padding: 1.25rem !important;
    }


.sticky-footer .live-chat-panel-item {
    width: 150px;
}
.sticky-footer .footer-er-icon img {
    width: 40px;
    height: auto;
    margin: -9px -5px -6px;
}

#lhc_status_container {
    margin-right: 65px !important;
}



/* Modular toggle */
.footer-module-toggle > label {
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
}
.footer-module-toggle i.enabled {
    color: #009ca6;
}


.sticky-footer .modular-tutorial-item {
    position:absolute;
    bottom:35px;
    margin-left:50px;
}

/* source: https://mottie.github.io/tablesorter/docs/themes.html / https://mottie.github.io/tablesorter/css/theme.default.css */
.tablesorter-default.explicit-sort .header,
.tablesorter-default.explicit-sort .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}

/* hide default image */
.tablesorter-default.explicit-sort th.tablesorter-headerAsc:after,
.tablesorter-default.explicit-sort th.tablesorter-headerDesc:after {
    background-image: none;
}

.tablesorter-default.explicit-sort thead .headerSortUp,
.tablesorter-default.explicit-sort thead .tablesorter-headerSortUp,
.tablesorter-default.explicit-sort thead .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    border-bottom: #000 2px solid;
}
.tablesorter-default.explicit-sort  thead .headerSortDown,
.tablesorter-default.explicit-sort thead .tablesorter-headerSortDown,
.tablesorter-default.explicit-sort thead .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    border-bottom: #000 2px solid;
}
.tablesorter-default.explicit-sort thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px;
}

@media print {
    #footerWrapper {
        display: none
    }
}

/**=============================================**/
/**  END OF FOOTER, adapted from footer.less
/**=============================================**/


/** ICON FIXES **/
/** ADDS icon from fontawesome 5.x */
.fa.fa-user-cog {
}
.fa.fa-user-cog:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBkPSJNNjEwLjUgMzczLjNjMi42LTE0LjEgMi42LTI4LjUgMC00Mi42bDI1LjgtMTQuOWMzLTEuNyA0LjMtNS4yIDMuMy04LjUtNi43LTIxLjYtMTguMi00MS4yLTMzLjItNTcuNC0yLjMtMi41LTYtMy4xLTktMS40bC0yNS44IDE0LjljLTEwLjktOS4zLTIzLjQtMTYuNS0zNi45LTIxLjN2LTI5LjhjMC0zLjQtMi40LTYuNC01LjctNy4xLTIyLjMtNS00NS00LjgtNjYuMiAwLTMuMy43LTUuNyAzLjctNS43IDcuMXYyOS44Yy0xMy41IDQuOC0yNiAxMi0zNi45IDIxLjNsLTI1LjgtMTQuOWMtMi45LTEuNy02LjctMS4xLTkgMS40LTE1IDE2LjItMjYuNSAzNS44LTMzLjIgNTcuNC0xIDMuMy40IDYuOCAzLjMgOC41bDI1LjggMTQuOWMtMi42IDE0LjEtMi42IDI4LjUgMCA0Mi42bC0yNS44IDE0LjljLTMgMS43LTQuMyA1LjItMy4zIDguNSA2LjcgMjEuNiAxOC4yIDQxLjEgMzMuMiA1Ny40IDIuMyAyLjUgNiAzLjEgOSAxLjRsMjUuOC0xNC45YzEwLjkgOS4zIDIzLjQgMTYuNSAzNi45IDIxLjN2MjkuOGMwIDMuNCAyLjQgNi40IDUuNyA3LjEgMjIuMyA1IDQ1IDQuOCA2Ni4yIDAgMy4zLS43IDUuNy0zLjcgNS43LTcuMXYtMjkuOGMxMy41LTQuOCAyNi0xMiAzNi45LTIxLjNsMjUuOCAxNC45YzIuOSAxLjcgNi43IDEuMSA5LTEuNCAxNS0xNi4yIDI2LjUtMzUuOCAzMy4yLTU3LjQgMS0zLjMtLjQtNi44LTMuMy04LjVsLTI1LjgtMTQuOXpNNDk2IDQwMC41Yy0yNi44IDAtNDguNS0yMS44LTQ4LjUtNDguNXMyMS44LTQ4LjUgNDguNS00OC41IDQ4LjUgMjEuOCA0OC41IDQ4LjUtMjEuNyA0OC41LTQ4LjUgNDguNXpNMjI0IDI1NmM3MC43IDAgMTI4LTU3LjMgMTI4LTEyOFMyOTQuNyAwIDIyNCAwIDk2IDU3LjMgOTYgMTI4czU3LjMgMTI4IDEyOCAxMjh6bTIwMS4yIDIyNi41Yy0yLjMtMS4yLTQuNi0yLjYtNi44LTMuOWwtNy45IDQuNmMtNiAzLjQtMTIuOCA1LjMtMTkuNiA1LjMtMTAuOSAwLTIxLjQtNC42LTI4LjktMTIuNi0xOC4zLTE5LjgtMzIuMy00My45LTQwLjItNjkuNi01LjUtMTcuNyAxLjktMzYuNCAxNy45LTQ1LjdsNy45LTQuNmMtLjEtMi42LS4xLTUuMiAwLTcuOGwtNy45LTQuNmMtMTYtOS4yLTIzLjQtMjgtMTcuOS00NS43LjktMi45IDIuMi01LjggMy4yLTguNy0zLjgtLjMtNy41LTEuMi0xMS40LTEuMmgtMTYuN2MtMjIuMiAxMC4yLTQ2LjkgMTYtNzIuOSAxNnMtNTAuNi01LjgtNzIuOS0xNmgtMTYuN0M2MC4yIDI4OCAwIDM0OC4yIDAgNDIyLjRWNDY0YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDM1MmMxMC4xIDAgMTkuNS0zLjIgMjcuMi04LjUtMS4yLTMuOC0yLTcuNy0yLTExLjh2LTkuMnoiLz48L3N2Zz4=');
    background-position: center;
    background-color: none;
    background-repeat: no-repeat;
    width: 20px;
    height:20px;
    filter: invert(1);
    margin-left: 4px;
    content: '';
    display:inline-block;
}


/** custom dialog, no header */
.ui-dialog.dialog-no-titlebar {
    padding: 0;
    box-shadow: 0 0 9px 1px rgba(0,0,0,0.2);
    margin-top: -30px;
}

    .ui-dialog.dialog-no-titlebar .ui-dialog-titlebar {
        display:none;
    }
    .ui-dialog.dialog-no-titlebar .ui-dialog-content {
        padding: 0;
        border: 0;
        margin: 0;
        overflow: hidden;
    }