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

This stylehseet is optimised for fast colour and background image changes.
If you need to make a lot of layout changes then use master.css as a base.
Comments related to each selector can be found by searching for it in master.css.

Table of Contents
    1) basic-layout ; very basic layout changes. Usually to do with client logo
    2) font-styles ; font-family, text size and font-style
    3) font-color ; all color properties
    4) border-colors ; all border-color properties
    5) background-colors ; all background-colors
    6) background-images ; all background images
    17) Preference center style

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

/* basic-layout */
    h1{
        height: 113px;
    }
    #s_nav-main{
        top: 78px;
    }
/* font-styles */
    html, body, input, select, textarea{
        font-family: arial, verdana, sans-serif;
    }
    
/* font-color */
    html, body,
    table a,
    .s_form-dropdownOptionsList a,
    .s_form-dropdownContainer2 dl dt a,
	ul.s_form-dropdownOptionsList li span,
    .ui-datepicker .ui-datepicker-header, .ui-datepicker td a.ui-state-active{
        color: #000;
    }
    #s_footer h4, #s_footer p{
        color: #666;
    }
    .s_form-explanation, .s_form-explanationInline, .s_form-explanationThin, .s_form-inputDefaultText,
    .s_nav-step li.s_nav-stepDisabled a{
        color: #999;
    }
    h2,
    .s_tabs-container ul.s_nav-tabs li a:hover, .s_tabs-container ul.s_nav-tabs li.s_current a, .s_tabs-container ul.s_nav-tabs li.s_nav-tabsModify a,
    .s_nav-tabSubNavContainer ul li a,
    .ui-dialog .ui-dialog-titlebar, .ui-DOMWindow-titlebar{
        color: #002D66;
    }
    h2 .s_heading-highlight{
        color: #ccc;
    }
    a,
    li.s_nav-tabsModify a,
    .s_button:hover, .s_button-inline:hover,
    #s_nav-main a:hover, #s_nav-main li.s_current a,
    .s_nav-contextQuickLinks a,
    .s_nav-tabSubNavContainer ul li a:hover, .s_nav-tabSubNavContainer ul li.s_current a,
    .s_form-dropdownContainer dl dt a:hover, .s_form-dropdownContainer2 dl dt a:hover{
		color: #505756;
	}
	#s_mastheader-userLinks,
	#s_mastheader-userLinks a,
	#s_user-subcriptionContainer, #s_user-subcriptionContainer a,
	#s_nav-main a,
	.s_tabs-container ul.s_nav-tabs li a,
	.s_button, .s_button-inline,
	.s_form-dropdownOptionsList a:hover,
	.ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-menu-item-wrapper:hover,
	.ui-datepicker td a.ui-state-active,
	.ui-datepicker-today a.ui-state-default,
	.ui-datepicker td a.ui-state-hover,
	.s_folder-list li.s_current{
	    color: #fff;
	}
	
/* border-colors */
    .s_nav-step a.s_current, .s_nav-step a:hover,
    .s_popup-container,
    #surveyPageList li,
    .s_folder-list li,
    .uploadifyProgress, .ui-progressbar, .ui-progressbar .ui-progressbar-value,
    .ui-datepicker td a.ui-state-active,
	.s_uploader-container{
		border-color: #002D66;
	}
	.s_form-dropdownContainer dl dt a, .s_form-dropdownContainer2 dl dt,
    .s_icon-dropDown,
    .s_form-dropdownOptionsList,
    .s_icon-dropDownSmall, .s_icon-dropDownThumbs,
    .ui-autocomplete,
    .s_tabs-container ul li a.s_icon-defaultVersion, .s_tabs-container ul li a.s_icon-dropDown,
    .s_table-displayData th.s_table-sortasc, .s_table-displayData th.s_table-sortdesc,
    .ui-datepicker-today a.ui-state-default,
	.ui-slider-horizontal .ui-slider-handle{
        border-color: #CC0000;
    }
    .s_table-toolbar, .s_print-toolbar,
    .s_table-displayData td,
    .portlet, .portlet-header, .portlet-footer,
    .s_thumbnail-containerDefault,
    .s_nav-step a,
    .s_nav-step li.s_nav-stepDisabled a,
    .s_survey-themeList li.s_current,
    #fscroll,
    .absResults .inner,
    .ui-datepicker, .ui-datepicker .ui-datepicker-header,
    .ui-datepicker .ui-state-default,
    .ui-DOMWindow-titlebar,
    .ui-dialog, .ui-dialog .ui-dialog-titlebar,
    .s_tabs-contentContainer,
	.s_table-colgroupDivider,
	.ui-slider-horizontal{
        border-color: #E5E5E5;
    }
    #DOMWindow{
        border-color: #E5E5E5 !important;
    }
    .s_hr{
        border-color: #D6DCDC;
    }
    .s_table-displayData tfoot td,
    .s_campaign-pageContainer,
    .s_clib-pageList,
    .s_icon-thumbnailmove,
    .s_thumbnail-containerActive,
    .s_survey-pageContainer,
    #surveyPageList li.s_current,
    #surveyPageList li.s_hover,
    #clib_folderListScroll,
    .s_folder-list li.s_current,
    .s_folder-list li.s_hover,
    .s_folders-noFolders div.s_hover,
    #s_content-innerContainer div.s_hover,
    .s_hover,
    .s_folder-mainContentInner{
        border-color: #ccc;
    }
    .s_droppableHover{
        border-color: #ccc;
    }
    .s_folder-list li.s_dropped, .s_drop,
    #surveyPageList li.s_dropped,
    .s_droppableDropped,
    .ui-datepicker td a.ui-state-hover{
        border-color: #567798;
    }

/* background-colors */
    #s_mastheader-container,
    .s_form-dropdownOptionsList a:hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-menu-item-wrapper:hover,
    .ui-datepicker-today a.ui-state-default,
    .s_folders-scrolling .ui-slider-handle,
	.ui-slider-horizontal .ui-slider-handle{
        background-color: #CC0000;
    }
    .uploadifyProgressBar, .ui-progressbar .ui-progressbar-value,
    #surveyPageList li,
    .s_folder-list li,
    .ui-datepicker td a.ui-state-active,
    #s_nav-main a,
    .s_nav-tabs li a,
    .s_button, .s_button-inline,
    .s_tabs-container ul.s_nav-tabs li a{
        background-color: #002D66;
    }
    
    #s_nav-main li.s_current a, #s_nav-main li a:hover,
    .s_button:hover, .s_button-inline:hover{
        background-color: #fff;
    }
    .s_button:hover, .s_button-inline:hover{
      border: 2px solid #022c66;
    }
    .ui-dialog .ui-dialog-titlebar, .ui-DOMWindow-titlebar,
    .ui-datepicker .ui-datepicker-header,
    .s_tabs-container ul.s_nav-tabs li.s_current a, .s_tabs-container ul.s_nav-tabs li a:hover,
    .s_tabs-contentContainer,
    .s_nav-tabSubNavContainer,
    .s_clib-2ColsidebarContainer,
    .s_table-toolbar, .s_print-toolbar,
    .s_table-displayData tbody th,
    .s_table-displayData tr.s_table-rowHoverState td,
    .s_survey-questionEditContainer,
    .s_survey-themeList li.s_current,
    .s_folders-noFolders .s_folders-sidebarContentExpand,
    #fscroll,
    .s_folders-scrolling .s_folders-scrollBar,
	.ui-slider-horizontal,
	tr.expandActive td,
	.s_table-displayData .s_table-expandTarget{
        background-color: #E5E5E5;
    }
    .s_tabs-container ul.s_nav-tabs li a, .s_tabs-container ul.s_nav-tabs li a{
      border-bottom: 1px solid #002D66;
    }
    .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 #E5E5E5;
    }
    #surveyPageList li.s_current,
    #surveyPageList li.s_hover,
    #clib_folderListScroll,
    .s_folder-list li.s_current,
    .s_folder-list li.s_hover, .s_hover,
    .s_folders-noFolders div.s_hover,
    #s_content-innerContainer div.s_hover,
    .s_droppableHover{
        background-color: #ccc;
    }
    .s_folder-list li.s_dropped, .s_drop,
    #surveyPageList li.s_dropped,
    .s_droppableDropped,
    .ui-datepicker td a.ui-state-hover,
    .s_tabs-container ul.s_nav-tabs3 li a,
	.ui-slider-horizontal .ui-slider-range{
        background-color: #567798;
    }
    .s_tabs-container ul li.s_nav-tabsModify a, .s_tabs-container ul li.s_nav-tabsModify a:hover{
        background-color: transparent;
    }
	
/* background-images */
    /* brand icons ; for skin check */
    .s_icon-brand{
        background-image: url('/skins/remax/images/icons/brand.png');
    }
	/* master-header */
	    h1{
		    background-image: url('/skins/remax/images/mastheader.png');
	    }
	    #s_mastheader-content{
	        background: url('/skins/remax/images/mastheader-bg2.png') 0 0 no-repeat;
	    }
		#s_mastheader-container{
      background-image: url('/skins/remax/images/mastheader-bg.png');
		}
	    /* user-links */
	        #s_mastheader-userLinks li{
	            background-image: url('/skins/remax/images/icons/brand.png');
	            background-position: 0 -149px;
	        }
	    /* site-main-nav */
	        .s_button, .s_button-inline{
            border: 2px solid #002D66;
	        }
          
          
	        
	/* tab-navigation */
        .s_tabs-container {
        }
	    .s_tabs-container ul li.s_nav-tabsModify a, .s_tabs-container ul li.s_nav-tabsModify a span{
	        background-image: none;
	    }
			
/* navigation-styles */	
	/* dropdown-styles */
	    .s_form-dropdownContainer dl dt a, .s_form-dropdownContainer2 dl dt a{
            background-image: url('/skins/remax/images/icons/brand.png');
        }
	/* context-quicklinks */
        .s_nav-contextQuickLinks a.s_first{
            background: none;
        }
    /* step-navigation */
	    .s_nav-step li{
	        background-image: url('/skins/remax/images/icons/brand.png');
	    }
	/* section-navigation */
	    #s_footer li, .s_nav-sectionNav li, .s_sortable-list ul li{
	        background-image: url('/skins/remax/images/icons/brand.png');
	    }
	    .s_nav-sectionNav li ul li{
		    background-image: none;
		}
	    
    /* icon-styles */
        .s_icon-tableSort{
            background-image: url('/skins/remax/images/icons/brand.png');
        }
        .s_tabs-container ul li a.s_icon-defaultVersion{
            background-image: url('/skins/remax/images/icons/brand.png');
        }
        .s_icon-calendar{
            background-image: url('/skins/remax/images/icons/brand.png');
        }
		.s_icon-cog{
			background-image: url('/skins/remax/images/icons/brand.png');
		}
        .s_icon-scroll{
            background-image: url('/skins/remax/images/icons/brand.png');
        }
        .s_tabs-container ul li a.s_icon-defaultVersion{
            background-image: url('/skins/remax/images/icons/brand.png');
        }
        .s_icon-dropDown, .s_tabs-container ul li a.s_icon-dropDown{
            background-image: url('/skins/remax/images/icons/brand.png');
        }
        .s_icon-dropDownThumbs, .s_icon-dropDownSmall{
            background-image: url('/skins/remax/images/icons/brand.png');
        }
        .s_icon-thumbnailmove, .s_icon-tablemove, .s_icon-listmove, .s_icon-move, .s_icon-move, .portlet-move{
            background-image: url('/skins/remax/images/icons/brand.png');
        }
        /* folder expand and collapse */
            .s_icon-folder-expcol{
                background-image: url('/skins/remax/images/icons/brand.png');
            }
        .ui-slider-handle .s_icon-move{
            background-position: -91px -38px;
        }
        
    /* jquery-plugins */
	     /* ui-dialog */
		    .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/remax/images/icons/brand.png');
		    }
    		
	    /* ui-datepicker */
	        .ui-datepicker-header a{
	            background-image: url('/skins/remax/images/icons/brand.png');
	        }
	        
	    /* uploadify */
	        #uploadifyButton{
                background-image: url('/skins/remax/images/uploadify-browse.gif');
            }
            
            
        .s_form-dropdownContainer dt{
            border-color: #CC0000;
        }
        .s_form-dropdownContainer dt a{
            background-image: url('/skins/raywhite/images/icons/brand.png');
            color: #333;
        }
        .s_form-dropdownContainer dt a:hover{
            color: #505756;
        }
        ul.s_form-dropdownOptionsList{
            border-color: #CC0000;
        }
        ul.s_form-dropdownOptionsList li{
            background-image: none;
        }
        ul.s_form-dropdownOptionsList li a:hover{
            background-color: #CC0000;
            color: #fff;
        }
		
		/* subscription-settings */
		.ui-accordion-header{
			padding-top: 5px;
			background-color: #E5E5E5;
			background-image: url('/skins/remax/images/icons/brand.png');
		}
		.ui-accordion-content{
			border-color: #E5E5E5;
		}

/*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: #cc0000;
    }
    /* 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: #1f3263;
    }
    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: #fff;
        color: #505756;
    }