/*
-----------------------------------------------------------
FLAT UI THEME
	* To override divider bars : <ul data-divider-theme="flat"><li class="ui-bar-whatever">
	-> theme "flat" stops us having to overwrite a theme and class "ui-bar-default" sets the actual colours
-----------------------------------------------------------
/* COLOURS */
/*

	#F22E2E	Red
	#FF8800	Amber
	#66CC00	Green
	#33CCFF	Blue
	#FF6400	Orange
	#FAF205	Yellow
	#999999	GreyLight
	#444444	GreyDark
	#000000	Black

*/
/* ----------------------------------------------------------- */
/* REMOVE GRADIENTS */

	.cssThemeFlat * {
		text-shadow: none;
	}

/* ----------------------------------------------------------- */
/* REMOVE GRADIENTS */

	.cssThemeFlat .ui-header {
		background:#000000 !important;
		-ms-filter:none !important;
	}

	.cssThemeFlat .ui-li {
		background-image: none !important;
		-ms-filter:none !important;
	}

	.cssThemeFlat div.ui-btn {
		background-image: none !important;
		-ms-filter:none !important;
	}

	.cssThemeFlat span.ui-li-count {
		background-image: none !important;
		-ms-filter:none !important;
	}

/* ----------------------------------------------------------- */

	.cssThemeFlat .cssTrafficLight {
		color: White;
	}

	/* RED */

	.cssThemeFlat .cssTrafficLightRed,
	.cssThemeFlat .cssBgGradientRed,
	.cssThemeFlat .cssBgRed {
		background:#F22E2E !important;
		background-color: #F22E2E;
		color:white;
	}

	.cssThemeFlat .cssColourRed {
		color: #F22E2E;
	}

	.cssThemeFlat .cssBorderRed {
		border-color: #F22E2E;
	}

	.cssThemeFlat .cssIconBgRed .ui-icon {
		background-color: #F22E2E;
		color:white;
	}

	.cssThemeFlat .cssDataCountRed .ui-li-count {
		background-color: #F22E2E;
		color:white;
	}

	/* AMBER */

	.cssThemeFlat .cssTrafficLightAmber,
	.cssThemeFlat .cssBgGradientAmber,
	.cssThemeFlat .cssBgAmber {
		background:#FF8800 !important;
		background-color: #FF8800;
	}

	.cssThemeFlat .cssColourAmber {
		color: #FF8800;
	}

	.cssThemeFlat .cssBorderAmber {
		border-color: #FF8800;
	}

	.cssThemeFlat .cssBorderAmberImportant {
		border-color: #FF8800 !important;
	}

	.cssThemeFlat .cssIconBgAmber .ui-icon {
		background-color: #FF8800;
		color:white;
	}

	.cssThemeFlat .cssDataCountAmber .ui-li-count {
		background-color: #FF8800;
		color:white;
	}

	/* GREEN */

	.cssThemeFlat .cssTrafficLightGreen,
	.cssThemeFlat .cssBgGradientGreen,
	.cssThemeFlat .cssBgGreen {
		background:#66CC00 !important;
		background-color: #66CC00;
		color:white;
	}

	.cssThemeFlat .cssColourGreen {
		color: #66CC00;
	}

	.cssThemeFlat .cssBorderGreen {
		border-color: #66CC00;
	}

	.cssThemeFlat .cssIconBgGreen .ui-icon {
		background-color: #66CC00;
		color:white;
	}

	.cssThemeFlat .cssDataCountGreen .ui-li-count {
		background-color: #66CC00;
		color:white;
	}

	/* BLUE */

	.cssThemeFlat .cssTrafficLightBlue,
	.cssThemeFlat .cssBgGradientBlue,
	.cssThemeFlat .cssBgBlue {
		background:#3CF !important;
		background-color: #3CF;
		color:white;
	}

	.cssThemeFlat .cssColourBlue {
		color: #3CF;
	}

	.cssThemeFlat .cssBorderBlue {
		border-color: #3CF;
	}

	.cssThemeFlat .cssBorderBlueImportant {
		border-color: #3CF !important;
	}

	/* ORANGE */

	.cssThemeFlat .cssBgGradientOrange {
		background: #FF6400;
	}

	/* YELLOW */

	.cssThemeFlat .cssBgGradientYellow {
		background: #FAF205;
	}

	/* GREY */

	.cssThemeFlat .cssTrafficLightGrey {
		background-color: #999999;
	}

	/* GREY DARK */

	.cssThemeFlat .cssTrafficLightGreyDark {
		background-color: #333333;
	}

	/* GREY LITE */

	.cssThemeFlat .cssTrafficLightGreyLite {
		background-color: #bbbbbb;
	}

	/* BLACK */

	.cssThemeFlat .cssTrafficLightBlack {
		background-color: Black;
	}

/* ----------------------------------------------------------- */

	.cssThemeFlat .ui-bar-default {
		background:#999999 !important;
		color:white;
	}

	.cssThemeFlat .ui-li-heading.cssSchedWonLarge {
		font-size:18px;
		/*margin:0.6em 0;*/
		margin:1px 0px 2px 0px;
	}

	.cssThemeFlat div.ui-btn {
		border:2px white solid;
	}

	.cssThemeFlat span.ui-li-count {
		border:2px white solid;
	}

	.cssThemeFlat .ui-btn-corner-all {
		border-radius: 2em;
	}

	.cssThemeFlat .ui-controlgroup .ui-btn-corner-all {
		border-radius: 0px;
	}

	.cssThemeFlat .ui-controlgroup-vertical .ui-btn.ui-first-child {
		border-top-left-radius: inherit;
		border-top-right-radius: inherit;
	}

	.cssThemeFlat .ui-controlgroup-vertical .ui-btn.ui-last-child {
		border-bottom-left-radius: inherit;
		border-bottom-right-radius: inherit;
	}

	.cssThemeFlat .ui-controlgroup-controls {
		display: block !important;
		width:auto;
	}

	.cssThemeFlat .ui-shadow {
		box-shadow: none;
	}

	.cssThemeFlat .ui-btn-hover-greydark {
		background: #aaaaaa;
	}

	.cssThemeFlat .ui-btn-hover-green {
		background: #99cc00;
	}

	.cssThemeFlat .ui-li-divider {
		border-width:0px;
	}

	.cssThemeFlat li.ui-li-divider + li.ui-btn {
		border-top: 0;
	}

	.cssThemeFlat li.ui-btn.cssBgGradientAmber {
		border-top-color: #ff9900;
	}

	.cssThemeFlat .ui-li.cssBgHeartbeat {
		background-image:url(/_images/heartbeat.gif) !important;
		background-repeat:repeat-x;
		background-size: auto 100%;
	}

/* ----------------------------------------------------------- */

	.cssThemeFlat .ui-header a.ui-btn {
		top:6px;
		border:2px solid #999999;
		height:25px;
		background:#444444;
	}

	.cssThemeFlat .ui-header a.ui-btn span.ui-btn-inner {
		border:0px;
	}

	.cssThemeFlat .ui-header a.ui-btn span.ui-btn-inner span.ui-btn-text {
		position:relative;
		top:-2px;
	}

	.cssThemeFlat .ui-header a.ui-btn span.ui-btn-inner span.ui-icon {
		margin-top:-11px;
	}

	.cssThemeFlat .ui-header a.ui-btn.ui-btn-icon-notext .ui-btn-inner .ui-icon {
		margin-top:3px;
	}

	.cssThemeFlat .ui-header a.ui-btn.ui-btn-icon-notext .ui-btn-inner .ui-icon-shadow {
		box-shadow:none;
	}

/* ----------------------------------------------------------- */