/*  _______________________________________

	Media Libary: global.css
    _______________________________________  */
 
 /*-------------------------------
 CONTENTS.
 -------------------------------
 1.) Fonts & Headings
 2.) Buttons & Links
 3.) Accordions
 4.) Modals & Dialogs
 5.) Tables
 6.) Forms & Validation
 7.) Floats
 8.) Content Elements
 9.) Pagination
 10.) Tooltips
 11.) Login
 --------------------------------
/*

/******************************************************************************************************************/
/* 1.) FONTS & HEADINGS
/******************************************************************************************************************/

@font-face {
    font-family: nunito;
    src: url(/Content/fonts/Nunito-VariableFont_wght.ttf);
}

body {
    font-family: nunito;
    letter-spacing: 0.5px;
    line-height: 110%;
}


   h1 { font-size: 2em; color: #344b0b; font-weight: bold; line-height: 1em;}
   .bold { font-weight: bold; }
   .sub-heading { background: #d9d9d9; height: 18px; padding: 8px 10px 8px 10px; font-size: 0.9em; font-weight: bold; box-sizing: content-box;}
   .green { font-size: 1.1em; color: #69941a; font-weight: bold; float: left; }   
   .green-link { font-weight: bold; color: #557c11; }
   .green-link-small { font-weight: bold; color: #557c11; font-size: 0.8em; }
   .span-link { color: #000; cursor: pointer; font-weight: bold; }

   .indent { margin-left: 8px; }
   .small-desc-text { font-size: 0.8em; }
   .center { margin-left: 75px; }
   .endFloat { clear: both; }
   
/******************************************************************************************************************/
/* 2.) BUTTONS & LINKS
/******************************************************************************************************************/
 
    button { -webkit-border-radius:0; border-radius: 0px; border: solid 1px #ccc; color: #333; /* background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); */ font-weight:normal;}    
   
    button:hover { opacity: 0.7; }  
    h1, h2, h3, h4, h5 { font-weight: normal; font-style: normal; }
    h2 { font-size: 1.15em; font-weight: 550; }
    h2 small { font-size: 0.75em; }
    a { text-decoration: none; color: #2c2c2c; cursor: pointer; outline: none; border: none; }
    a:hover { color: #6f9c1c; border: none; }
    a:active, a:focus { outline: none; border: none; }
    :active, :focus { outline: none; -moz-outline-style: none; border: none; }
    a img { outline: none; }
    .button-save { float: right; }
    .button-save:hover { opacity: 0.7; }
    .save-btn { float: right; margin-bottom: 8px; margin-left: 10px }
    .button-small { background: url('/Content/Images/Global/btn-small.png') no-repeat; text-align: left; height: 28px; width: 84px; border: 0 none; color: White; text-transform: uppercase; padding-left: 5px; }
    .button-large { background: url('/Content/Images/Wizard/next-btn.png') no-repeat; width: 180px; height: 32px; color: White; text-align: left; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; padding-left: 5px; }
    .button-large-plain { background: url('/Content/Images/Wizard/large-plain-btn.png') no-repeat; width: 180px; height: 32px; color: White; text-align: center; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; padding-left: 5px; }
    .button-large:hover { opacity: 0.7; }
    .button-small:hover { opacity: 0.7; }
    .button-small-tick { background: url('/Content/Images/Wizard/small-tick-btn.png') no-repeat; width: 108px; height: 32px; color: White; text-align: left; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; padding-left: 10px; }
    .button-small-cross { background: url('/Content/Images/Wizard/small-cross-btn.png') no-repeat; width: 108px; height: 32px; color: White; text-align: left; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; padding-left: 10px; }
    .button-small-empty { background: url('/Content/Images/Wizard/small-empty-btn.png') no-repeat; width: 108px; height: 32px; color: White; text-align: center; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; }
    .button-large-text-right { background: url('/Content/Images/Wizard/back-btn.png') no-repeat; width: 180px; height: 32px; color: White; text-align: right; border: none; border-color: transparent; text-transform: uppercase; cursor: pointer; padding-right: 5px; }
    .button-large-text-right:hover { opacity: 0.7; }
    .back-alternate-btn { text-transform:uppercase; background: url('/Content/Images/Wizard/btn-back-bg.png') no-repeat; width: 180px; height: 32px; color: White; text-align: left; border: none; border-color: transparent; cursor: pointer; margin-bottom: 8px; padding-left: 5px; }
    .back-alternate-btn:hover { opacity: 0.7; }
    .button-disable { opacity: 0.5; -moz-filter: opacity(20%); -webkit-filter: opacity(30%); -ms-filter: opacity(20%); -o-filter: opacity(20%); }
    
    .button-simple {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; 
        border: solid 1px #20538D;
        padding:2px;
/*        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); */
    }
    
    .add-item { position:absolute; top:17px; left:15px; }
    .login-button { position: relative; top: 3px; padding-left: 15px; }
    .ui-button { background: url('/Content/Images/Global/btn-small.png') no-repeat; text-align: left; height: 28px; width: 84px; border: 0 none; color: White; text-transform: uppercase; padding-left: 5px; margin-left: 6px; }
  /*  .ui-button-text { color: White; }  */
    .ui-button-text-only .ui-button-text { padding: 0px 0px; } 
    .ui-dialog-buttonset { text-align:right; }
    .ui-dialog { position:fixed; }
    .greyed-out { opacity: 0.5; }
    .react-btn {background: #393d44; color: #fff; border: none; padding: 6px 12px 6px 12px; font-size: 15px; cursor: pointer;  margin-right: 10px}
     
/******************************************************************************************************************/
/* 3.) ACCORDIONS
/******************************************************************************************************************/    
    
    .accordion-fixed { width: 100%; }   
    .accordion-fixed h3  { background: #414142; padding: 11px 15px; margin: 0; font-size: 1.15em; border-bottom: none; height: 18px; color: #fff;}
    .accordion-fixed div.accordion-content  { background: url('/Content/Images/media/accordion-bg.png') repeat-x White; margin: 0; padding: 10px 15px 20px 15px; border-left: solid 1px #d6d6d6; border-right: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6; }
    .accordion { width: 100%; margin-bottom: 9px; }
    [data-accordion-hide-show=false] h3 { background: url('/Content/Images/Global/admin-heading-bg_off.png?v=2') no-repeat; padding: 11px 15px; margin: 0; font-size: 1.15em; border-bottom: none; cursor: pointer; height: 18px; box-sizing: content-box; font-weight:normal; line-height: 1.0; color: #fff; }
    .accordion h3:xhover { background: url('/Content/Images/Global/admin-heading-bg-hover.png?v=2') no-repeat; } 
    [data-accordion-hide-show=true] h3 { background: url('/Content/Images/Global/admin-heading-bg_on.png?v=2') no-repeat; ; padding: 11px 15px; margin: 0; font-size: 1.15em; border-bottom: none; cursor: pointer; height: 18px; box-sizing: content-box; font-weight:normal; line-height: 1.0; color: #fff;}
    .accordion div.accordion-content { background: url('/Content/Images/media/accordion-bg.png?v=2') repeat-x White; margin: 0; padding: 10px 15px 20px 15px; border-left: solid 1px #d6d6d6; border-right: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6; font-size: 1.1em; }
    .bottom-accordion { position: relative; top: 8px; right: 15px; width: 980px; height: 50px; border-top: solid 1px #d6d6d6; }
    .accordion-paging { margin-top: 15px; margin-right: 20px; }
    .accordion-split { width:100%; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding-top:10px; padding-bottom:10px; }   
/******************************************************************************************************************/
/* 4.) MODALS & DIALOGS
/******************************************************************************************************************/   
  
   .modal-heading { width: 819px; height: 40px; padding: 0 11px 0 11px; background: url('/Content/Images/global/modal-heading-bg.png') no-repeat; line-height: 43px; margin-left: 10px; }
   .modal-heading-small { width: 300px; height: 40px; padding: 0 11px 0 11px; background: url('/Content/Images/global/modal-heading-small-bg.png') no-repeat; line-height: 43px; }
   .modal-heading-preview { min-width: 400px; height: 40px; padding: 0 11px 0 11px; background: url('/Content/Images/global/modal-heading-preview-bg.png') no-repeat; line-height: 43px; }
   .modal-heading-medium { width: 640px; height: 40px; padding: 0 11px 0 11px; background: url('/Content/Images/global/modal-heading-medium-bg.png') no-repeat; line-height: 43px; margin-left: 23px; }
   .modal-detail-small { padding:10px; }    
   .ui-icon-closethick { width: 11px; height: 11px; float: right; background: url('/Content/Images/global/close-button.png') no-repeat; color: transparent; }
   .modal-dialog { background: white; border: 1px solid #d5d5d5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  -khtml-border-radius: 5px; padding: 14px 29px 14px 29px; position: fixed !important; top: 0; }
   .modeless-dialog { background: #eee; border: 2px solid #d5d5d5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  -khtml-border-radius: 5px; padding: 14px 29px 14px 29px; position: fixed !important; top: 0; }
  
/******************************************************************************************************************/
/* 5.) TABLES 
/******************************************************************************************************************/  
   
     table { width: 100%; background: transparent; table-layout: fixed; word-wrap: break-word; }
    .table-heading { background: #d9d9d9; }
    .table-heading td { padding: 9px 17px 5px 17px; font-weight: bold; font-size: 0.9em; }
    .custom2 { border: none; font-size: 0.75em; border-collapse: separate; border-spacing: 0 5px; }
    .custom2 td { background: #d7d7dc; padding: 3px 3px 3px 17px; }  
    .first-col { vertical-align: top; } 
    .centre-col { vertical-align: middle; }
    .custom { font-size: 0.85em; border: none; border-collapse: separate; border-spacing: 2px 4px; }
    .custom th { background: #d9d9d9; font-weight: bold; padding: 9px 0 7px 18px; text-align: left; }
    .custom td { background: #d7d7dc; padding: 9px 17px 5px 17px; }
    .custom td.cell-disabled { background: #e0e0e0; }
    .custom tbody td { vertical-align: middle; }
    
/******************************************************************************************************************/
/* 6.) FORMS & VALIDATION
/******************************************************************************************************************/    
      
    /* Forms & Inputs */ 
    input, select, checkbox { -webkit-border-radius:0; border-radius: 0px; outline: none; }
    input[type=submit] { -webkit-appearance: none; }

    .large-textarea-input { background: url('/Content/Images/Global/large-text-area-bg.png') no-repeat; border: none; width: 639px; height: 110px; }
    .large-textarea-input textarea { width: 623px; height: 95px; resize: none; border: none; display: block; border-color: transparent; overflow: auto; position: relative; top: 8px; left: 8px; background-color: transparent; }
    textarea:focus, input:focus { outline: none; }  
    .text-input-container { background: url('/Content/Images/Wizard/wizard-text-input-bg.png') no-repeat; width: 316px; height: 30px; border: none; }
    .text-input-container input { width: 298px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; }
    .text-input-container-small { background: url('/Content/Images/Wizard/wizard-text-input-small-bg.png') no-repeat; width: 116px; height: 30px; border: none; }
    .text-input-container-small input { width: 98px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; }
    .text-input-container-medium { background: url('/Content/Images/Wizard/wizard-text-input-medium-bg.png') no-repeat; width: 200px; height: 30px; border: none; }
    .text-input-container-medium input { width: 182px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; }
    .text-input-container-long { background: url('/Content/Images/Wizard/wizard-text-input-long-bg.png') no-repeat; width: 380px; height: 30px; border: none; }
    .text-input-container-long input { width: 632px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; }
    .text-input-container-tiny { background: url('/Content/Images/Wizard/wizard-text-input-tiny-bg.png') no-repeat; width: 56px; height: 30px; border: none; }
    .text-input-container-tiny input { width: 38px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; }
    .email-textarea-input { width: 639px; height: 210px; border: none; background: url('/Content/Images/Global/email-text-area-bg.png') no-repeat; }
    .email-textarea-input textarea { width: 623px; height: 195px; resize: none; border: none; display: block; border-color: transparent; overflow: auto; position: relative; top: 8px; left: 8px; background-color: transparent; }   
    cke_wrapper cke_ltr { outline: none; }
    .text-input-container-search { background: url('/Content/Images/Wizard/wizard-text-input-bg.png') no-repeat; width: 316px; height: 30px; border: none; display:inline-block; }
    .text-input-container-search input { width: 298px; height: 15px; border: none; position: relative; top: 8px; left: 8px; border-color: transparent; background-color: transparent; }
    .iframe-entry-display { width:940px; background-color:White; margin-bottom:0px; border: 1px dashed #bbb; margin-left:3px;} 
    
    /* Validation */
    .field-validation-error { color:Red; }
    .validation-row td { background: #f7d5b2; height: 30px; vertical-align:middle; }
    .validation-row td span.error-lbl { color: #f60017; font-weight:bold; }
    .field-error-box { background: red; padding: 3px 3px 3px 17px; }    
    .validation-summary-errors { font-weight: bold; color: Red; }
    .required { font-weight: bold; color: Red; }
    .saved-ok { height: 30px; background-color: #d6f49b; border: 1px dotted #4d7500; margin-bottom: 12px; }
    .saved-ok img { float: left; position:relative; top:2px; left:8px; }
    .saved-ok span { font-weight: bold; color: #444444; text-transform: uppercase; margin-left: 12px; position: relative; top: 8px; }
    .save-caution { height: 30px; background-color: #ffd97f; border: 1px dotted #d59703; margin-bottom: 12px; }
    .save-caution img { float: left; position: relative; top:2px; left:8px; }
    .save-caution span { font-weight: bold; color: #444444; text-transform: uppercase; margin-left: 12px; position: relative; top: 8px; }    
    .error-message { height: 30px; background-color: #ffc3c3; border: 1px dotted #ff0000; margin-bottom: 12px; }
    .error-message img { float: left; position: relative; top:2px; left:8px; }
    .error-message span { font-weight: bold; color: #444444; text-transform: uppercase; margin-left: 12px; position: relative; top: 8px; }
    .error-bullet { color:red; font-weight:900; display:none; } 
       
/******************************************************************************************************************/
/* 7.) FLOATS
/******************************************************************************************************************/ 
       
   * html .clearfix { height: 1%; overflow: visible; } /* Float clearing for IE6 */  
   *+html .clearfix { min-height: 1%; } /* Float clearing for IE7 */
   .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }
    
/******************************************************************************************************************/
/* 8.) CONTENT ELEMENTS
/******************************************************************************************************************/   
   
   .rounded-corner { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }   
    p#breadcrumb { margin: 15px 0 15px 40px; font-size: 0.70em; }
    p#breadcrumb a { text-decoration: underline; padding-right: 3px; padding-left: 3px; }
    p#breadcrumb a.selected { text-decoration: none; }
    p#breadcrumb img { position: relative; top: 2px; padding: 0 5px 0 8px; }
    .dashedSurround { padding: 20px; background-color: #E6E6E6; border: 1px dashed black; }
    .ui-widget-overlay { background: black; opacity: 0.8; position: absolute; top: 0; left: 0; z-index: 9999; }
   
/******************************************************************************************************************/
/* 9.) PAGINATION
/******************************************************************************************************************/  
   
    .pagination-block { float: right; margin: 5px 0 0 0; height: 25px; width: 100%; display: block; }
    div.pagination-btns { float: right; cursor: pointer; background: #393d44; color: #fff; font-size: 25px; margin-right: 2px; padding: 4px 5px 5px 5px; }
    ul.pagination { float: right; padding: 0px 10px 0 0; }
    ul.pagination li { margin-right: 5px; padding: 5px 5px; float:left; }
    ul.pagination li.selected { font-weight: bold; border: 1px solid #bbb; padding: 4px 5px; }
    
/******************************************************************************************************************/
/* 10.) TOOLTIPS
/******************************************************************************************************************/    
   
    .toolTip { padding-right: 20px; background: transparent url(/Content/Images/Tooltip/help.gif) no-repeat right; color: #3366FF; cursor: help; position: relative; bottom: 2px; }
    .toolTipWrapper { width: 175px; position: absolute; top: 20px; display: none; color: #FFF; font-weight: bold; font-size: 9pt; z-index: 99999; }	
    .toolTipTop { width: 175px; height: 30px; background: transparent url(/Content/Images/Tooltip/bubbleTop.gif) no-repeat; }
    .toolTipMid { padding: 8px 15px; background: #A1D40A url(/Content/Images/Tooltip/bubbleMid.gif) repeat-x top; }		
    .toolTipBtm { height: 13px; background: transparent url(/Content/Images/Tooltip/bubbleBtm.gif) no-repeat; }
    .close-tooltip { position:relative;top:5px; }
     
/******************************************************************************************************************/
/* 11.) LOGIN
/******************************************************************************************************************/

    #loginMessage { float: right; width: 300px; margin-top: 97px; text-align: right; padding-right: 10px; font-size: 0.9em; }
    
     
    
/******************************************************************************************************************/
/* 12.) BOOTSTRAP REPLACEMENT
/******************************************************************************************************************/
.form-group {
    margin-bottom: 15px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/*************************************/
/* JW Player                         */
/*************************************/

.jw-settings-content-item {
    background: #333; /* bug with speed control cant read figures */
}