/*!
Copyright truelogic Pty Ltd
This code may not be used without permission and is copyright truelogic Pty Ltd
*/

/****************************************************

Table of Contents
    1) site-basics ; default stuff for elements not covered by the reset or font-size
    2) common-elements ; layout elements on the majority of pages like mastheader/footer/clear styles/content container
    3) table-styles ;
    4) tab-styles ;
    5) content-library ; 
    6) thumbnail-styles ; template and content library thumbnails 
    7) folder-styles ; folders in reporting and clib
    8) survey-styles ; surveys
    9) autoresponder-styles; 
    10) help-styles ; styles for the help section of the site
    11) content-styles ; specific content headings, paragraph and list styles
    12) navigation-styles ; nav styles that are not tied to any specific area
    13) misc-elements ; 
    14) icon-styles ; all icons except information box icons, they are jquery-plugins
    15) jquery-plugins ; all styles relating to jquery plugins
    16) printing-styles ; ui for printing pages and print media styles, NOT PRINT TEMPLATES
    17) Preference center style
    18) Responsive view style

****************************************************/

/* site-basics */
    html, body{
		background-color: #fff;
	}
	html, body, input, select, textarea{
		color: #222;
		font-family: 'Trebuchet MS', Arial, Verdana, Sans-Serif;
	}
    a{
		color: #505756;
	}
    h1{
		background-image: url('/skins/common/images/mastheader.png');
	}
	h2{
		color: #9FADAC;
	}
	    
/* common-elements */
	.s_hr{
		border-top-color: #D6DCDC;
	}
	/* hover and drop colours */
		.s_hover{
			background-color: #9FADAC;
			border-color: #9FADAC;
		}
		.s_drop{
			background-color: #ffc425;
			border-color: #ffc425; 
		}
	/* master-header */
	    #s_mastheader-container{
			background-color: #9FADAC;
            border-bottom: 1px solid #d6dcdc; /*new*/

		}
		/* user-links ; links to user sections like admin and settings */
			/* tag-line ; something like "powered by CampaignBreeze" */
				#s_mastHeader-tagline p{
					color: #fff;
				}
		    #s_mastheader-userLinks ul{
			    color: #fff;
		    }
		    #s_mastheader-userLinks li{
			    background-image: url('/skins/common/images/icons/brand.png');
		    }
		    #s_mastheader-userLinks li.s_first{
			    background: none;
		    }
		    #s_mastheader-userLinks a{
			    color: #fff;
		    }
	    /* site-main-nav */
		    #s_nav-main a{
				background-color: #f47735; /*new*/
			    color: #fff;
		    }
            .s_tabs-container ul.s_nav-tabs li.s_current a, .s_tabs-container ul.s_nav-tabs li a:hover{
                border-bottom: 1px solid #9fadad; /*new*/
            }
            .s_tabs-container ul.s_nav-tabs li.s_current a.s_icon-dropDown, .s_tabs-container ul.s_nav-tabs li a.s_icon-dropDown:hover{
                border-bottom: 1px solid #f89728; /*new*/
            }
		    #s_nav-main li.s_current a, #s_nav-main li a:hover, #s_nav-main li.s_hover a{
			    color: #9FADAC;
                background-color: #fff; /*new*/
		    }

	/* main-footer */
		#s_footer h4{
			color: #505756;
		}
		#s_footer p{
		    color: #505756;
		}
		#s_footer li{
			background-image: url('/skins/common/images/icons/brand.png');
		}
		#s_footer li.s_first{
			background: none;
		}
	 
/* table-styles */
    /* table-toolbar */
        .s_table-toolbar{
            background-color: #D6DCDC;
            border-color: #D6DCDC;
        }
		
	/* Explore Data */
	    table a{
	        color: #222;
	    }
	    .s_table-toolLink a{
	        color: #f89728;
	    }
        .s_table-displayData th, .s_table-displayData td{
            background-color: transparent;
        }
        .s_table-displayData th.s_table-sortasc, .s_table-displayData th.s_table-sortdesc{
            border-bottom-color: #f89728;
        }
        .s_table-displayData td, .s_table-displayData tbody th{
            border-top-color: #D6DCDC;
        }
        .s_table-displayData tbody th{
           background-color: #D6DCDC;
        }
        /* Table row without a border */
            .s_table-displayDataTopRow2 td{
                border-top: none;
            }
        .s_table-displayData tfoot td{
    	    border-color: #D6DCDC;
        }
        .s_table-displayData tr.s_table-rowHighlight td, .s_table-displayData td.s_table-cellHighlight,
        .s_form-fieldHighlight, .s_content-highlight{
	      	background-color: #DEDEDE;
        }
        .s_table-displayData tr.s_table-rowHoverState td{
	      	background-color: #D6DCDC;
        }
		
	/* column groups */
		.s_table-colgroupDivider{
			border-right-color: #d6dcdc;
		}
    
/* tab-styles */
    /* tab-navigation */
	    .s_tabs-container ul.s_nav-tabs li a{
			background-color: #f89728;
            color: #fff;
        }
        .s_tabs-container ul.s_nav-tabs li.s_current a, .s_tabs-container ul.s_nav-tabs li a:hover{ 
            background-color: #9fadad; /*new*/
        }
        
		/* tab-sub-navigation ; Horizontal list of links under tabs */
	        /* tab-sub-navigation ; Horizontal list of links under tabs */
	        .s_nav-tabSubNavContainer{
	            background-color: #9FADAC;
	        }
	        .s_nav-tabSubNavContainer ul li a{
	            color: #fff;
	        }
	        .s_nav-tabSubNavContainer ul li a:hover, .s_nav-tabSubNavContainer ul li.s_current a{
	            background-color: #fff;
	            color: #505756;
	        }
	        
	    /* tabs-modify ; links for adding tabs */
        .s_tabs-container ul li.s_nav-tabsModify{
             background-image: url('/skins/common/images/icons/brand.png');
		   background-color: transparent;
        }
        .s_tabs-container ul li.s_nav-tabsModify a{
             color: #505756;
             background: none;
          }
        .s_tabs-container ul li.s_nav-tabsModify a:hover{
             background: transparent;
          }
	/* tab-content */
		.s_tabs-contentContainer{
		    background-color: #9FADAC;
		    border-color: #9FADAC;
		}
		    .s_tabs-contentInnerContainer{
		        background-color: #fff;
		    }
	        
/* content-library */
    .s_clib-pageList{
        border-top-color: #9FADAC;
    }
    /* clib-edit */
        /* toolbar */
			.s_toolbar-clibEdit .s_toolbar-tools .s_nav-sectionNav a.s_current{
				background-color: #fff;
			}
	
/* thumbnail-styles */
    /* template-thumbnails */
        .s_thumbnail-innerContainer{
            background-color: #fff;
        }
        /* border colour for s_thumbnail-innerContainer is handled in the 2 below classes and the hover is simulated with jquery in the page */
            .s_thumbnail-containerDefault{
               border-color: #D6DCDC;
            }
            .s_thumbnail-containerActive{
               border-color: #9FADAC;
            }
		.s_thumbnail-container .s_current{
			background-color: #D6DCDC;
		}
        .s_thumbnail-actionsContainer{
            border-top-color: #D6DCDC;
        }
        .s_thumbnail-innerContainer p.s_thumbnail-shared{
            border-top-color: #D6DCDC;
        }
    
    /* content-library-thumbnails */
        .s_contentlib-thumbnailContainer{
            background-color: #fff;
            border-color: #D6DCDC;
        }
        /* The below style is applied using jQuery when you hover over a thumbnail */
        .s_contentlib-thumbnailContainerHover{
            border-color: #9FADAC;
        }
        .s_contentlib-thumbnailContainer ul{
            border-top-color: #D6DCDC;
        }
    
/* folder-styles */
    /* containers */
        .s_folder-mainContentInner{
            border-color: #9FADAC;
        }
                
        /* no folders */
            .s_folders-noFolders .s_folders-sidebarContentExpand{
                background-color: #D6DCDC;
            }
			
    /* folder-scroll */
        .s_folders-scrolling .s_folders-scrollBar{
            background-color: #D6DCDC;
        }
        .s_folders-scrolling .ui-slider-handle{
            background-color: #FFC425;
        }
    /* folder-list */   
		.s_folder-list li{
			background-color: #F89728;
			border-color: #F89728;
			color: #fff;
		}
		.s_folder-list li.s_current, .s_folder-list li.s_hover, .s_folders-noFolders div.s_hover{
			background-color: #9FADAC;
			border-color: #9FADAC;
		}
		.s_folder-list li.s_dropped{
			background-color: #ffc425;
			border-color: #ffc425;
		}
/* survey-styles */
        .s_survey-pageContainer{
            border-color: #9FADAC;
        }
        /* pages */
            #surveyPageList li{
                background-color: #F89728;
                border-color: #F89728;
                color: #fff;
            }
            #surveyPageList li.s_current, #surveyPageList li.s_hover{
                background-color: #9FADAC;
                border-color: #9FADAC;
            }
            #surveyPageList li.s_dropped{
                background-color: #ffc425;
                border-color: #ffc425;
            }
        /* content-areas */
            .sQ{
                background-color: #fff;
                border-color: #D6DCDC;
            }
        /* tools */
            .s_survey-tools{
               border-color: #D6DCDC;
            }
            .s_survey-contentToolsContainer{
                border-bottom-color: #D6DCDC;
            }
        /* survey-question-edit */
            .s_survey-questionEditContainer{
                background-color: #ECF0F0;
            }
        /* theme-styles */
            .s_survey-themeList li{
                border-color: #fff;
            }
            .s_survey-themeList li.s_current{
                background-color: #D6DCDC;
                border-color: #D6DCDC;
            }
        
/* autoresponder-styles */
    #s_page-autoresponder02 .s_ar-step .portlet-header{
        border-bottom: none;
    }
    
/* help-styles */
	.s_help-section{
		border-color: #9FADAC;
    }
    
/* content-styles */			
    /* content-headings */
	    h2 .s_heading-highlight{
		    color: #9FADAC;
		}
	
/* navigation-styles */
    /* button-styles */
		/* 
			The default button is meant to be a standalone button ie not inline with form elements.
			Inline button style sits inline with form elements or next to other buttons eg next to a select element.
            Button 2 is a secondary style that goes on buttons like cancel.
		*/
	        .s_button, .s_button-inline{
                background: #f89728; /*new*/
				background-color: #f89728; /*new*/
		        color: #fff;
	        }
	        .s_button:hover, .s_button-inline:hover{
                background-color: #fff;
	            background: #fff;
	            color: #9FADAD;
	        }
	        /* Alternate button style for things like cancel */
                a.s_button2, a.s_button2:hover{
                    background-image: none;
                    background-color: transparent;
                    color: #505756;
                    border: 0; /*new*/
                }
                a.s_button2 span{
                    background-image: none;
                    background-color: transparent;
                }
                
    /* section-navigation ; links related to the section the user is in eg custom fields or tab section links */		
		.s_nav-sectionNav li{
	        background-image: url('/skins/common/images/icons/brand.png');
		}
		.s_nav-sectionNav li.s_first{
		    background-image: none;
		}
		    
	/* dropdown-styles */
	    .s_form-dropdownContainer dt{
	        border-color: #F89728;
	    }
	    .s_form-dropdownContainer dt a{
	        background-image: url('/skins/common/images/icons/brand.png');
			background-color: #fff;
	    }
	    .s_form-dropdownContainer dt a:hover{
	        color: #F89728;
	    }
	    ul.s_form-dropdownOptionsList{
	        background-color: #fff;
	        border-color: #F89728;
	    }
	    ul.s_form-dropdownOptionsList li{
	        background-image: none;
	        border-color: #fff;
	    }
	    ul.s_form-dropdownOptionsList li.s_form-dropdownOptionsSection{
            border-bottom-color: #ccc;
        }
        ul.s_form-dropdownOptionsList li.s_form-dropdownOptionsSectionTop{
            border-top-color: #ccc;
        }
	    ul.s_form-dropdownOptionsList li a:hover{
	        background-color: #F89728;
	    }
    
    /* context-quicklinks ; example jump to navigation in campaign tables */
	    .s_nav-contextQuickLinks a{
	        background-image: url('/skins/common/images/icons/brand.png');
	        color: #505756;
	    }
	    .s_nav-contextQuickLinks a.s_first{
	        background: none;
	    }
	    
	/* step-navigation ; example campaign stages content/recipients/preview and send */
		.s_nav-step li{
		    background-image: url('/skins/common/images/icons/brand.png');
		}
		.s_nav-step li.s_first{
			background: none;
		}
		.s_nav-step li.s_nav-stepDisabled{
		    background-image: url('/skins/common/images/icons/brand.png');
		}
		.s_nav-step li.s_nav-stepDisabled a{
		    border-bottom-color: #ddd;
		    color: #999;
		}
		.s_nav-step a{
			border-bottom-color: #D6DCDC;
			color: #222;
		}
		.s_nav-step a.s_current{
			border-color: #f89728;
		}
		.s_nav-step a:hover{
			border-color: #f89728;
		}
	
/* misc-elements ; stuff that doesn't go anywhere in particular */
	/* uploader container */
		.s_uploader-container{
			border-color: #f89728;
		}
    /* campaign-editor ; container that sits around campaign pages and page nav at content and preview/send steps */
        .s_campaign-pageContainer{
            border-top-color: #9FADAC;
        }
    /* campaign-sending-options ; sending area at the bottom of preview and send */
        .s_sendOptionsContainer{
	        background-image: url('/skins/common/images/sendoptions-bg.gif');
	    }
    /* popup-style ; can be seen in settings if you try to change your password  */
        .s_popup-container{
            border-color: #f89728;
        }
    /* advanced search */
        .absResults .inner{
            border-color: #D6DCDC;
        }

/* icon-styles */
    /* icons in tabs */
        .s_tabs-container ul li a.s_icon{
            background-color: transparent;
        }
    /* icons in sub tabs */
        .s_nav-tabSubNavContainer ul li a.s_icon{
            background-color: transparent;
        }
        
    .s_icon-brand{
        background-image: url('/skins/common/images/icons/brand.png');
    }
    .s_icon-calendar{
        background-image: url('/skins/common/images/icons/brand.png');
    }
    .s_icon-dropDown{
        background-image: url('/skins/common/images/icons/brand.png');
        border-color: #f89728;
    }
    .s_icon-dropDownSmall{
        background-image: url('/skins/common/images/icons/brand.png');
        border-color: #f89728;
    }
    .s_icon-dropDownThumbs{
        background-image: url('/skins/common/images/icons/brand.png');
		border-color: #f89728;
    }
    .s_icon-tableSort{
        background-image: url('/skins/common/images/icons/brand.png');
    }
    .s_icon-thumbnailmove, .s_icon-tablemove, .s_icon-listmove, .s_icon-move, .s_icon-move2{
        background-image: url('/skins/common/images/icons/brand.png');
    }
    table .s_icon-move{
        background-color: transparent;
    }
    .s_contentlib-thumbTools{
        background-color: #fff;
        border-color: #9FADAC;
    }
    .s_icon-tablemove{
        background-color: transparent;
    }
    .s_icon-graphColour{
        border-color: #9FADAC;
    }
    /* folder expand and collapse */
    .s_icon-folder-expcol{
        background-image: url('/skins/common/images/icons/brand.png');
    }
    /* icons in tabs */
        .s_tabs-container ul li a.s_icon{
            background-color: transparent;
        }
            .s_tabs-container ul li a.s_icon-defaultVersion, .s_tabs-container ul li a.s_icon-dropDown{
                border-color: #f89728;
            }
            .s_tabs-container ul li a.s_icon-defaultVersion{
                background-image: url('/skins/common/images/icons/brand.png');
            }
            .s_tabs-container ul li a.s_icon-dropDown{
                background-image: url('/skins/common/images/icons/brand.png');
            }
        /* icons in sub tabs */
        .s_nav-tabSubNavContainer ul li a.s_icon{
            background-color: transparent;
        }
            
        .s_icon-scroll{
            background-image: url('/skins/common/images/icons/brand.png');
        }


/* jquery-plugins */
    /* Overlays */
		.ui-widget-overlay{
			background-color: #2e2e28;
		}
    	
    /* dom-window ; all the inline windows for example contact importing */
	    /* DOM window eg file uploads and contact imports */
	    #DOMWindow{ /* !important needed here as DOMWindow plugin adds css you can't remove to the inline level */
	        border-color: #D6DCDC !important;
	    }
	        
	/* ui-autocomplete */
        .ui-autocomplete{
            background-color: #fff;
            border-color: #f89728;
        }
        .ui-autocomplete .ui-menu-item-wrapper{
            color: #222;
        }
        .ui-autocomplete .ui-state-focus /* a:hover*/{
            background-color: #f89728;
        }
			
        
    /* ui-dialog */
		.ui-dialog {
			background-color: #fff;
			border-color: #D6DCDC;
		}
		.ui-dialog .ui-dialog-titlebar, .ui-DOMWindow-titlebar{
			background-color: #9FADAC;
			border-color: #9FADAC;
			color: #fff;
		}
		.ui-dialog .ui-dialog-titlebar-close, .ui-DOMWindow-titlebar .ui-DOMWindow-close,
		.ui-DOMWindow-titlebar .ui-DOMWindow-maximise,
		.ui-DOMWindow-titlebar .ui-DOMWindow-restoredown{
			background-image: url('/skins/common/images/icons/brand.png');
			color: #222;
		}
		
	/* ui-progress */
	    .ui-progressbar{
            border-color: #f89728;
        }
        .ui-progressbar .ui-progressbar-value{
            background-color: #FFA84E;
        }
	
	/* ui-accordion */
		.ui-accordion-header{
			background-image: url('/skins/common/images/icons/brand.png');
			background-color: #D6DCDC;
			border-bottom-color: #fff;
		}
		.ui-accordion-content{
			border-color: #D6DCDC;
		}
		.s_nav-accordion h3.ui-state-active{
			border-bottom: none;
		}
		
	/* ui-datepicker */
        .ui-datepicker{
            background-color: #fff;
            border-color: #9FADAC;
        }
        .ui-datepicker .ui-datepicker-header{
            background-color: #CBCCC7;
            border-color: #9FADAC;
            color: #222;
        }
        .ui-datepicker-header a{
            background-image: url('/skins/common/images/icons/brand.png');
        }
        .ui-datepicker td span, .ui-datepicker td a{
            background-color: #eee;
        }
        .ui-datepicker .ui-datepicker-buttonpane{
            background-image: none;
        }
        .ui-datepicker .ui-state-default{
            border-color: #9FADAC;
        }
        .ui-datepicker td a.ui-state-hover{
            background-color: #ffc425;
            border-color: #f89728;
        }
        .ui-datepicker td a.ui-state-active{
            background-color: #f89728;
            border-color: #f89728;
            color: #222;
        }
        .ui-datepicker-today a.ui-state-default{
            background-color: #ffc425;
            border-color: #ffc425;
        }
		
	/* horizontal slider ; example in template builder text restrictions */
		.ui-slider-horizontal{
			background-color: #ECF0F0;
			border-color: #D6DCDC;
		}
		.ui-slider-horizontal .ui-slider-range{
			background-color: #ffa84e;
		}
		.ui-slider-horizontal .ui-slider-handle{
			border-color: #D6DCDC;
			background-color: #FFC425;
		}
	
        
    /* option-list ; lists of options after form fields */
        .s_option-list li{
            background-image: url('/skins/common/images/icons/brand.png');
			background-color: transparent;
        }
        
    /* ui-sortable lists ; lists in survey mc questions and colour palette settings */
	    .s_sortable-list ul li{
	        background-image: url('/skins/common/images/icons/brand.png');
			background-color: transparent;
	    }
        
    /* ui-sortable porlets ; panels in reporting and home page */
        /* portlet-basics */
            .portlet{
	            background-color: #fff;
	            border-color: #D6DCDC;
	        }
	        .portlet-header{
	            border-bottom-color: #D6DCDC;
	        }
	        .portlet-move{
	            background-image: url('/skins/common/images/icons/brand.png');
	        }
	        .portlet-footer{
	            border-top-color: #D6DCDC;
	        }

/* printing-styles */
    /* print-page */
        .s_print-toolbar{
            background-color: #D6DCDC;
            border-color: #D6DCDC;
        }
		
/* v4 editor styles */
	.cbT-brand-color1{
		background-color: #f89728;
	}
	.cbT-brand-color2{
		background-color: #f47735;
	}

     /* Swagger Styling */
    .swagger-section #header{
        background-color: #9FADAC !important;
        height: 130px !important;
        padding: 0 !important;
    }

    #header .swagger-ui-wrap{
        height: 130px !important;
    }

    .logo__img, .logo__title{
        display: none !important;
    }

    #header .swagger-ui-wrap{
        background-image: url('/skins/common/images/mastheader.png');
        background-repeat: no-repeat;
    }

    #api_selector{
        margin-top: 80px;
    }

    .swagger-section #explore, .swagger-section #auth_container .authorize__btn{
        background-color: #f89728 !important; 
    }

    .info_title{
        color: #9FADAC;
    }

    .swagger-section #message-bar{
        min-height: 20px !important;
    }

    li .heading:hover{
        background-color: #f1f1f1 !important;
    }

    li .heading .active:hover{
        background-color: #fff !important;
    }

    .heading a {
        color: #222 !important;
        text-decoration: none !important;
    }

    .http_method a{
        color: #fff !important;
    }

    /*Preference Center*/
    /* banner */
    html#s_page-pc #s_content-innerContainer h2, html#s_page-pcManagement #s_content-innerContainer h2, html#s_page-pcManagement .ui-DOMWindow-titlebar{
        background: #a0adac;
    }
    /* buttons */
    html#s_page-pc .s_button, html#s_page-pc .s_button-inline, html#s_page-pcManagement .s_button, html#s_page-pcManagement .s_button-inline{
        background: #f2903a;
    }
    html#s_page-pc .s_button:hover, html#s_page-pc .s_button-inline:hover, html#s_page-pcManagement .s_button:hover, html#s_page-pcManagement .s_button-inline:hover{
        background: #ed6e3f;
    }

    /* login page */
    #s_page-login h6.hor-line {
        margin: 10px 0 20px; 
    }

    /*Responsive Code*/

   .s_tabs-container .cbR-hamburger-button, #cbR-report-type{
      display: none;
    }
    
    @media screen and (max-device-width: 640px), screen and (max-width: 640px) {

            #s_mastheader-content{
                background: #9FADAC !important;
            }

        .s_tabs-container .cbR-hamburger-btn-line {
            background: #f89728 !important;
        }
        .s_tabs-container .cbR-hamburger-button:checked ~ span {
            background: #f89728 !important;
        }
        #typesMenu {
            background: #9FADAC;
        }
       
        h2 {
            color: #9FADAC ;
        }
        h2 .s_heading-highlight {
            color: #9FADAC;
        }
        #cbR-report-type {
            color: #9FADAC !important;
        }
        #prev-link a {
            color: #f89728 !important;
        }
        .s_tabs-container ul.s_nav-tabs li a span{
              background-image: none !important;
            }
        #s_content-innerContainer {
        padding: 10px 3px 0;
         }
         /*stop the pop up window form moving around */
         #DOMWindow{
            left: 85px !important;
            top: 615px !important;
        }

    }

    /* v5 docs */
    .bg-primary {background: #f2903a !important;}
    .color-primary {color: #f2903a !important;}