/*!
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: #000;
		font-family: Arial, Sans-Serif;
	}
    a{
		color: #000;
	}
    h1{
		background-image: url('/skins/rwealth/images/mastheader.png');
	}
	h2{
		color: #63666A;
	}
	
	.s_table-toolbar, #btnSearch{
		color: #000;
	}
	
	.s_welcome-screenshotCreateCampaign{
		background-image: url("/skins/rwealth/images/welcome.gif");
		background-position: 0 0;
		
	}
	
	.s_welcome-screenshotImportContacts{
		background-image: url("/skins/rwealth/images/welcome.gif");
		background-position: -200px 0;
	}
	
	.s_welcome-screenshotReports{
		background-image: url("/skins/rwealth/images/welcome.gif");
		background-position: 0px -100px;
	}
	
	.s_welcome-screenshotTemplates{
		background-image: url("/skins/rwealth/images/welcome.gif");
		background-position: -200px -100px;
	}
	
/* common-elements */
	.s_hr{
		border-top-color: #e0e3e4;
	}
	/* hover and drop colours */
		.s_hover{
			background-color: #9FADAC;
			border-color: #9FADAC;
		}
		.s_drop{
			background-color: #ffc425;
			border-color: #ffc425; 
		}
		#s_mastheader-container{
      border-bottom: 1px solid #890C58;
		}
	/* master-header s
	    
		/* 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: #000000;
		    }
		    #s_mastheader-userLinks li{
			    background-image: url('/skins/rwealth/images/icons/brand.png');
		    }
		    #s_mastheader-userLinks li.s_first{
			    background: none;
		    }
		    #s_mastheader-userLinks a{
			    color: #000000;
		    }
	    /* site-main-nav */
		    #s_nav-main a{
			    color: #000000;
          background-color: rgb(187, 188, 188);
		    }
            #s_nav-main li.s_current a, #s_nav-main li a:hover, #s_nav-main li.s_hover a{
			    color: #fff;
          background-color: #000;
		    }
	/* main-footer */
		#s_footer h4{
			color: #505756;
		}
		#s_footer p{
		    color: #505756;
		}
		#s_footer li{
			background-image: url('/skins/rwealth/images/icons/brand.png');
		}
		#s_footer li.s_first{
			background: none;
		}
	 
/* table-styles */
    /* table-toolbar */
        .s_table-toolbar{
            background-color: #BBBCBC;
            border-color: #890C58;
        }
		
	/* 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: #63666A;
        }
        .s_table-displayData td, .s_table-displayData tbody th{
            border-top-color: #e0dfe4;
        }
        .s_table-displayData tbody th{
           background-color: #e0dfe4;
        }
        /* Table row without a border */
            .s_table-displayDataTopRow2 td{
                border-top: none;
            }
        .s_table-displayData tfoot td{
    	    border-color: #e0dfe4;
        }
        .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: #e0dfe4;
        }
		
		/* expanding table rows */		
		tr.expandActive td{
			background-color: #e0dfe4;
		}
		.s_table-displayData .s_table-expandTarget{
			background-color: #e0dfe4;
		}
		
	/* column groups */
		.s_table-colgroupDivider{
			border-right-color: #e0dfe4;
		}
    
/* tab-styles */
    /* tab-navigation */
        .s_tabs-container{
        }
	    .s_tabs-container ul.s_nav-tabs li a{
					background-color: rgb(187, 188, 188);
          color: #000;
          border-bottom: 1px solid rgb(187, 188, 188);
        }
		.s_tabs-container ul.s_nav-tabs li a:hover, .s_tabs-container ul li.s_current a{
			color: #fff;
      background-color: rgb(99, 102, 106);
      border-bottom: 1px solid rgb(99, 102, 106);
		}
		/* tab-sub-navigation ; Horizontal list of links under tabs */
	        /* tab-sub-navigation ; Horizontal list of links under tabs */
	        .s_nav-tabSubNavContainer{
	            background-color: rgb(99, 102, 106);
	        }
	        .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: #ffffff;
	            color: #5a2f40;
	        }
	        
	    /* tabs-modify ; links for adding tabs */
	        .s_tabs-container ul li.s_nav-tabsModify{
               background-image: url('/skins/rwealth/images/icons/brand.png');
			   background-color: transparent;
	        }
	        .s_tabs-container ul li.s_nav-tabsModify a{
               color: #505756;
               background: none;
            }
	/* tab-content */
		.s_tabs-contentContainer{
		    background-color: rgb(99, 102, 106);
		    border-color: rgb(99, 102, 106);
		}
		    .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: #e0dfe4;
            }
            .s_thumbnail-containerActive{
               border-color: #9FADAC;
            }
		.s_thumbnail-container .s_current{
			background-color: #e0dfe4;
		}
        .s_thumbnail-actionsContainer{
            border-top-color: #e0dfe4;
        }
        .s_thumbnail-innerContainer p.s_thumbnail-shared{
            border-top-color: #e0dfe4;
        }
    
    /* content-library-thumbnails */
        .s_contentlib-thumbnailContainer{
            background-color: #fff;
            border-color: #e0dfe4;
        }
        /* 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: #e0dfe4;
        }
    
/* folder-styles */
    /* containers */
        .s_folder-mainContentInner{
            border-color: #000;
        }
                
        /* no folders */
            .s_folders-noFolders .s_folders-sidebarContentExpand{
                background-color: #fff;
            }
			
    /* folder-scroll */
        .s_folders-scrolling .s_folders-scrollBar{
            background-color: #f5edde;
        }
        .s_folders-scrolling .ui-slider-handle{
            background-color: #a39161;
        }
    /* folder-list */   
		.s_folder-list li{
			background-color: #BBBCBC;
			border-color: #BBBCBC;
			color: #000;
		}
		.s_folder-list li.s_current {
			background-color: #000;
			border-color: #000;
			color: #fff;
		}
		
		.s_folder-list li.s_hover{
			background-color: #63666A;
			border-color: #63666A;
			color: #fff;
		}
		
		 .s_folders-noFolders div.s_hover{
			background-color: #fff;
			border-color: #fff;
		 }
		
		.s_folder-list li.s_dropped{
			background-color: #BBBCBC;
			border-color: #BBBCBC;
			color: #00447b;
		}
/* survey-styles */
        .s_survey-pageContainer{
            border-color: #a39161;
        }
        /* pages */
            #surveyPageList li{
                background-color: #00447b;
                border-color: #00447b;
                color: #fff;
            }
            #surveyPageList li.s_current{
                background-color: #a39161;
                border-color: #a39161;
            }
			
			#surveyPageList li.s_hover{
                background-color: #e36f1e;
                border-color: #e36f1e;
            }
			
            #surveyPageList li.s_dropped{
                background-color: #f5edde;
                border-color: #f5edde;
								color: #00447b;
            }
        /* content-areas */
            .sQ{
                background-color: #fff;
                border-color: #e0dfe4;
            }
        /* tools */
            .s_survey-tools{
               border-color: #e0dfe4;
            }
            .s_survey-contentToolsContainer{
                border-bottom-color: #e0dfe4;
            }
        /* survey-question-edit */
            .s_survey-questionEditContainer{
                background-color: #e0dfe4;
            }
        /* theme-styles */
            .s_survey-themeList li{
                border-color: #fff;
            }
            .s_survey-themeList li.s_current{
                background-color: #e0dfe4;
                border-color: #e0dfe4;
            }
        
/* 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: rgb(137, 12, 88);
		}
	
/* 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-color: #db3b0f;
		        color: #fff;
            border: 2px solid #db3b0f;
	        }
	        .s_button:hover, .s_button-inline:hover{
	            background-color: #fff;
	            color: #db3b0f;
              border: 2px solid #db3b0f;
	        }
	        /* Alternate button style for things like cancel */
                a.s_button2, a.s_button2:hover{
                    background-image: none;
                    background-color: transparent;
                    color: #505756;
                }
                a.s_button2 span{
                    background-image: none;
                }
                
    /* 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/rwealth/images/icons/brand.png');
		}
		.s_nav-sectionNav li.s_first{
		    background-image: none;
		}
		    
	/* dropdown-styles */
	    .s_form-dropdownContainer dt{
	        border-color: #63666A;
	    }
	    .s_form-dropdownContainer dt a{
	        background-image: url('/skins/rwealth/images/icons/brand.png');
			background-color: #fff;
	    }
	    .s_form-dropdownContainer dt a:hover{
	        color: #BBBCBC;
	    }
	    ul.s_form-dropdownOptionsList{
	        background-color: #fff;
	        border-color: #63666A;
	    }
	    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 span{
			color: #505756;
		}
	    ul.s_form-dropdownOptionsList li a:hover{
	        background-color: #BBBCBC;
			color: #000;
	    }
    
    /* context-quicklinks ; example jump to navigation in campaign tables */
	    .s_nav-contextQuickLinks a{
	        background-image: url('/skins/rwealth/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/rwealth/images/icons/brand.png');
		}
		.s_nav-step li.s_first{
			background: none;
		}
		.s_nav-step li.s_nav-stepDisabled{
		    background-image: url('/skins/rwealth/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: #e0e3e4;
			color: #222;
		}
		.s_nav-step a.s_current{
			border-color: #5a2f40;
		}
		.s_nav-step a:hover{
			border-color: #5a2f40;
		}
	
/* misc-elements ; stuff that doesn't go anywhere in particular */
    /* 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/rwealth/images/sendoptions-bg.gif');
	    }
    /* popup-style ; can be seen in settings if you try to change your password  */
        .s_popup-container{
            border-color: #d50032;
        }
    /* advanced search */
        .absResults .inner{
            border-color: #e0dfe4;
        }

/* 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/rwealth/images/icons/brand.png');
    }
    .s_icon-calendar{
        background-image: url('/skins/rwealth/images/icons/brand.png');
    }
	.s_icon-cog{
		background-image: url('/skins/rwealth/images/icons/brand.png');
	}
    .s_icon-dropDown{
        background-image: url('/skins/rwealth/images/icons/brand.png');
        border-color: #63666A;
    }
    .s_icon-dropDownSmall{
        background-image: url('/skins/rwealth/images/icons/brand.png');
        border-color: #63666A;
    }
    .s_icon-dropDownThumbs{
        background-image: url('/skins/rwealth/images/icons/brand.png');
		border-color: #63666A;
    }
    .s_icon-tableSort{
        background-image: url('/skins/rwealth/images/icons/brand.png');
    }
    .s_icon-thumbnailmove, .s_icon-tablemove, .s_icon-listmove, .s_icon-move, .s_icon-move2{
        background-image: url('/skins/rwealth/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/rwealth/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: #00447b;
            }
            .s_tabs-container ul li a.s_icon-defaultVersion{
                background-image: url('/skins/rwealth/images/icons/brand.png');
            }
            .s_tabs-container ul li a.s_icon-dropDown{
                background-image: url('/skins/rwealth/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/rwealth/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: #e0dfe4 !important;
	    }
	        
	/* ui-autocomplete */
        .ui-autocomplete{
            background-color: #fff;
            border-color: #BBBCBC;
        }
        .ui-autocomplete .ui-menu-item-wrapper{
            color: #222;
        }
        .ui-autocomplete .ui-menu-item-wrapper:hover, .ui-autocomplete .ui-state-focus{
            background-color: #BBBCBC;
			color: #000;
        }
			
        
    /* ui-dialog */
		.ui-dialog {
			background-color: #fff;
			border-color: #e0dfe4;
		}
		.ui-dialog .ui-dialog-titlebar, .ui-DOMWindow-titlebar{
			background-color: #63666A;
			border-color: #63666A;
			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/rwealth/images/icons/brand.png');
			color: #222;
		}
		
	/* ui-progress */
	    .ui-progressbar{
            border-color: #890C58;
						background-color: #BBBCBC;
        }
        .ui-progressbar .ui-progressbar-value{
            background-color: #63666A;
        }
	
	/* ui-accordion */
		.ui-accordion-header{
			background-image: url('/skins/rwealth/images/icons/brand.png');
			background-color: #63666A;
			border-bottom-color: #fff;
			color: #fff;
		}
		.ui-accordion-content{
			border-color: #e0dfe4;
		}
		.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: #890C58;
            border-color: #890C58;
            color: #fff;
        }
        .ui-datepicker-header a{
            background-image: url('/skins/rwealth/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: #ffffff;
            border-color: #a39161;
						color: #a39161;
        }
        .ui-datepicker td a.ui-state-active{
            background-color: #f5edde;
            border-color: #f5edde;
            color: #00447b;
        }
        .ui-datepicker-today a.ui-state-default{
            background-color: #63666A;
            border-color: #63666A;
						color: #fff;
        }
		
	/* horizontal slider ; example in template builder text restrictions */
		.ui-slider-horizontal{
			background-color: #BBBCBC;
			border-color: #BBBCBC;
		}
		.ui-slider-horizontal .ui-slider-range{
			background-color: #63666A;
		}
		.ui-slider-horizontal .ui-slider-handle{
			border-color: #890C58;
			background-color: #890C58;
		}
	
        
    /* option-list ; lists of options after form fields */
        .s_option-list li{
            background-image: url('/skins/rwealth/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/rwealth/images/icons/brand.png');
			background-color: transparent;
	    }
        
    /* ui-sortable porlets ; panels in reporting and home page */
        /* portlet-basics */
            .portlet{
	            background-color: #fff;
	            border-color: #e0dfe4;
	        }
	        .portlet-header{
	            border-bottom-color: #e0dfe4;
	        }
	        .portlet-move{
	            background-image: url('/skins/rwealth/images/icons/brand.png');
	        }
	        .portlet-footer{
	            border-top-color: #e0dfe4;
	        }

/* printing-styles */
    /* print-page */
        .s_print-toolbar{
            background-color: #e0dfe4;
            border-color: #e0dfe4;
        }

/*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: #BBBCBC;
        color: #000;
        border: 1px solid #890C58;
    }
    /* 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: #F05226;
    }
    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: #AF3C1C;
        color: #fff;
    }
    html#s_page-pc .s_tabs-contentContainer{
    	margin-top:0!important;
    }

/*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 h1 {
        background-position-y: -7px !important;
        background-size: 160px !important;
    }
     #s_mastheader-content{
        background: #fff !important;
    }

    .s_tabs-container .cbR-hamburger-btn-line {
        background: #F05226 !important;
    }
    .s_tabs-container .cbR-hamburger-button:checked ~ span {
        background: #F05226 !important;
    }
    #typesMenu, .s_tabs-container a span {
        background: #63666A !important;
        background-color: #63666A !important;
    }
   
    h2 {
        color: #63666A !important;
    }
    h2 .s_heading-highlight {
        color: #890C58 !important;
    }

    #cbR-report-type {
        color: #000 !important;
    }
    #prev-link a {
        color: #63666A !important;
    }
    .s_tabs-container ul.s_nav-tabs li a span{
      background-image: none !important;
      color: #fff !important;
    }
    #s_content-innerContainer {
        padding: 10px 3px 0 !important;
    }
}