/* Colours ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Primary Blue	#0C2C67	
Primary Red		#ED1B23	
Primary Green	#009B3A
Mid Blue		#556FA4
Light Blue		#CED4E0	
Dark Grey		#666666	
Mid Grey		#D0D0D0	
Light Grey		#EEEEEE	

Boxes border	#A5A5A5

*/

/* ******************************************************** */
/* Base Layout */
/* ******************************************************** */


/* ******************************************************** */
/* Unique Controls */
/* ******************************************************** */

#breadcrumb li {
	background:url(assets/images/bg-nav-on.gif) no-repeat right 55%;
}

/* ******************************************************** */
/* UI Elements */
/* ******************************************************** */


/* Navigator ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dropdown li a.folder-toggle:hover {
	background-image:url(assets/images/bg-nav-down-over.gif);
}

/* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Tabs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Channel Selector -------------------------------------- */

div.region-selector h3 {
	background:url(assets/images/icon-one-red.png) no-repeat top left;
}
div.type-selector h3 {
	background:url(assets/images/icon-two-red.png) no-repeat top left;
}
div.region-selector a:hover,
div.region-selector a.active {
	background:url(assets/images/butt-region-select.png) left 1px no-repeat;
	*background:url(assets/images/butt-region-select.png) left top no-repeat;
}
div.type-selector a:hover,
div.type-selector a.active_blue,
div.type-selector a.active_green,
div.type-selector a.active_red,
div.type-selector a.active_lblue {
	background:url(assets/images/butt-type-select.png) left 1px no-repeat;
}

/* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.form fieldset.filter .input input {
	background:url(assets/images/icon-calendar.png) no-repeat center right #FFF;
	padding:4px 4px 5px;
	cursor:pointer;
}

/* Filters ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ******************************************************** */
/* Non UI Elements */
/* ******************************************************** */

/* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.ul-link-blue li a, li.link-blue a, a.link-blue,
div.ul-link-lblue li a, li.link-lblue a {
	background-image:url(assets/images/icon-go-blue.png);
	_background-image:url(assets/images/icon-go-blue.gif);
	}
div.ul-link-small-blue li a, li.link-small-blue a {
	background-image:url(assets/images/icon-go-blue.png);
	_background-image:url(assets/images/icon-go-blue.gif);
	}
div.ul-link-grey li a, li.link-grey a {
	background-image:url(assets/images/icon-go-grey.png);
	_background-image:url(assets/images/icon-go-grey.gif);
	}
div.ul-link-red li a, li.link-red a {
	background-image:url(assets/images/icon-go-red.png);
	_background-image:url(assets/images/icon-go-red.gif);
	}
div.ul-link-small-red li a, li.link-small-red a {
	background-image:url(assets/images/icon-go-red.png);
	_background-image:url(assets/images/icon-go-red.gif);
	}
div.ul-link-back-blue li a, li.link-back-blue a {
	background-image:url(assets/images/icon-go-back-blue.png);
	_background-image:url(assets/images/icon-go-back-blue.gif);
	}
div.ul-link-back-grey li a, li.link-back-grey a {
	background-image:url(assets/images/icon-go-back-grey.png);
	_background-image:url(assets/images/icon-go-back-grey.gif);
	}
div.ul-anchor li a, li.anchor a {
	background-image:url(assets/images/icon-go-down-blue.gif);
	_background-image:url(assets/images/icon-go-down-blue.gif);
	}
.expander ul li a.expander-toggle,
.expander ul li h2 a {
	background-image:url(assets/images/icon-expand-grey.png);
	_background-image:url(assets/images/icon-expand-grey.gif);
}
.expander ul li.active a.expander-toggle,
.expander ul li.active h2 a {
	background-image:url(assets/images/icon-collapse-grey.png);
	_background-image:url(assets/images/icon-collapse-grey.gif);
}
.expander ul li h2.active a.expander-toggle {
	background-image:url(assets/images/icon-collapse-grey.png);
	_background-image:url(assets/images/icon-collapse-grey.gif);
}


div.bullet-list-red li {
	background-image:url(assets/images/icon-bullet-red.png);
	_background-image:url(assets/images/icon-bullet-red.gif);
	}
div.bullet-list-blue li {
	background-image:url(assets/images/icon-bullet-blue.png);
	_background-image:url(assets/images/icon-bullet-blue.gif);
	}
div.bullet-list-green li {
	background-image:url(assets/images/icon-bullet-green.png);
	_background-image:url(assets/images/icon-bullet-green.gif);
	}
div.bullet-list-grey li {
	background-image:url(assets/images/icon-bullet-grey.png);
	_background-image:url(assets/images/icon-bullet-grey.gif);
	}

/* Text ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Images ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* CTA Buttons --------------------------------------------- */

div.button span,
span.button {
	background:url(assets/images/btn-cta-left-blue.gif) left top no-repeat;
}
div.button-grey span,
span.button-grey {
	background:url(assets/images/btn-cta-left-grey.gif) left top no-repeat;
}
div.button-red span,
span.button-red {
	background:url(assets/images/btn-cta-left-red.gif) left top no-repeat;
}
div.button-small span,
span.button-small {
	background:url(assets/images/btn-cta-small-left.gif) left top no-repeat;
}
div.arrow-button span,
span.arrow-button {
	background:url(assets/images/btn-cta-left-blue-arrow.gif) left top no-repeat ;
}
div.arrow-button-grey span,
span.arrow-button-grey {
	background:url(assets/images/btn-cta-left-grey-arrow.gif) left top no-repeat ;
}
div.arrow-button-red span,
span.arrow-button-red {
	background:url(assets/images/btn-cta-left-red-arrow.gif) left top no-repeat ;
}
div.cross-button-grey span,
span.cross-button-grey {
	background:url(assets/images/btn-cta-left-grey-cross.gif) left top no-repeat ;
}
div.cross-button-red span,
span.cross-button-red {
	background:url(assets/images/btn-cta-left-red-cross.gif) left top no-repeat ;
}


div.button a,
span.button a {
	background:url(assets/images/btn-cta-right-blue.gif) right top no-repeat;
}
div.button-grey a,
span.button-grey a {
	background:url(assets/images/btn-cta-right-grey.gif) right top no-repeat;
}
div.button-red a,
span.button-red a {
	background:url(assets/images/btn-cta-right-red.gif) right top no-repeat;
}
div.button-small a,
span.button-small a {
	background:url(assets/images/btn-cta-small-right.gif) right top no-repeat;
}
div.arrow-button a,
span.arrow-button a {
	background:url(assets/images/btn-cta-right-blue.gif) right top no-repeat;
}
div.arrow-button-grey a,
span.arrow-button-grey a {
	background:url(assets/images/btn-cta-right-grey.gif) right top no-repeat;
}
div.arrow-button-red a,
span.arrow-button-red a {
	background:url(assets/images/btn-cta-right-red.gif) right top no-repeat;
}
div.button-small a:hover,
span.button-small a:hover  {
	background:url(assets/images/btn-cta-small-left.gif) -1px -1px no-repeat;
}


div.button input,
span.button input {
	background:url(assets/images/btn-cta-right-blue.gif) right top no-repeat;
}
div.button-small input,
span.button-small input {
	background:url(assets/images/btn-cta-small-right.gif) right top no-repeat;
}
div.button-grey input,
span.button-grey input {
	background:url(assets/images/btn-cta-right-grey.gif) right top no-repeat;
}


/* Expander ------------------------------------------------ */

h4.tree_heading_collapsed {
	background:url(assets/images/icon-expand-grey.png) no-repeat left top;
	_background:url(assets/images/icon-expand-grey.gif) no-repeat left top;
}
h4.tree_heading_expanded {
	background:url(assets/images/icon-collapse-grey.png) no-repeat left top;
	_background:url(assets/images/icon-collapse-grey.gif) no-repeat left top;
}

/* Boxes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.pop-out li.box {
	background:url(assets/images/bg-white-90fade.png);
	_background:none;
	_background-color:#EEEEEE;
}

/* Quote styles -------------------------------------- */

.quote-box-blue .left {
	background:url(assets/images/quote-open-blue.gif) no-repeat left top;
}
.quote-box-blue .right {
	background:url(assets/images/quote-close-blue.gif) no-repeat left top;
}
.quote-box-lblue .left {
	background:url(assets/images/quote-open-lblue.gif) no-repeat left top;
}
.quote-box-lblue .right {
	background:url(assets/images/quote-close-lblue.gif) no-repeat left top;
}
.quote-box-red .left {
	background:url(assets/images/quote-open-red.gif) no-repeat left top;
}
.quote-box-red .right {
	background:url(assets/images/quote-close-red.gif) no-repeat left top;
}
.quote-box-grey .left {
	background:url(assets/images/quote-open-grey.gif) no-repeat left top;
}
.quote-box-grey .right {
	background:url(assets/images/quote-close-grey.gif) no-repeat left top;
}

/* iHero styles -------------------------------------- */
	


/*  slider CSS stuff starts here */

div.controller-tabs li {
	background:url(assets/images/tabs-ihero-left.gif) no-repeat left top;
	}
div.controller-tabs a {
	background:url(assets/images/tabs-ihero-right.gif) no-repeat right top;
	}
div.controller-tabs li.active a {
	background:url(assets/images/tabs-ihero-right-active.gif) no-repeat right top;
	}
	
/* Tool tips -------------------------------------------- */


/* Blog styles ---------------------------------------------- */


/* Event icon styles ----------------------------------------- */


/* DatePicker styles ----------------------------------------- */

.datepicker {
	background: url(assets/images/frame.png) no-repeat;
}
.datepicker .header .previous,
.datepicker .header .next,
.datepicker .header .closeButton {
	background-image: url(assets/images/buttons2.png);
}
.datepicker .days .week .day:hover {
	xbackground: url(assets/images/days.png) left top no-repeat;
}
.datepicker .days .selected {
	xbackground: url(assets/images/days.png) left bottom no-repeat;
}
.datepicker .months .month:hover {
	xbackground: url(assets/images/months.png) left top no-repeat;
}
.datepicker .months .selected {
	xbackground: url(assets/images/months.png) left bottom no-repeat;
}
.datepicker .years .year:hover {
	xbackground: url(assets/images/years.png) left top no-repeat;
}
.datepicker .years .selected {
	xbackground: url(assets/images/years.png) left bottom no-repeat;
}