body {
	font-family: tahoma,arial,verdana,sans-serif;
	background-color: #5e6367;
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
}

.welcomePage {
	/*background-image: url('/images/ipad_texture.png') !important;
	background: repeat;*/
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: none;
}

.titleBar {
	background: rgb(246,246,246); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
}

.welcomeText {
	position: relative;
	width: 100%;
	height: 215px;
	padding: 10px;
	background-color: #F2F2F2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.largeComplete {
	background-image: url('../images/icons/startBtn.png') !important;
	background-size: 100% !important;
	width: 990px !important;
	height: 180px !important;
	background-repeat: no-repeat;
	background-color: transparent;
	margin: auto;
}

.CostPanel {
	background: rgb(228,239,192); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(228,239,192,1) 0%, rgba(171,189,115,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,239,192,1)), color-stop(100%,rgba(171,189,115,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); /* IE6-9 */
}

.HeaderColor .x-panel-header {
background: rgb(64,150,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(64,150,238,1) 0%, rgba(41,135,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,150,238,1)), color-stop(100%,rgba(41,135,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(41,135,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(41,135,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(41,135,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(64,150,238,1) 0%,rgba(41,135,204,1) 100%); /* W3C */
}

        .btnPanel{
background: rgb(64,150,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(64,150,238,1) 0%, rgba(41,135,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,150,238,1)), color-stop(100%,rgba(41,135,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(41,135,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(41,135,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(41,135,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(64,150,238,1) 0%,rgba(41,135,204,1) 100%); /* W3C */


        }

		        .btnStart {
            background-image: url('/tools/commontoolfiles/images/new_btn.png') !important;
            background-size: 100% !important;
            width: 96px !important;
            height: 96px !important;
            background-repeat: no-repeat;
            background-color: transparent;
            margin: auto;
        }

        .btnOpen {
            background-image: url('/tools//commontoolfiles/images/open_btn.png') !important;
            background-size: 100% !important;
            width: 96px !important;
            height: 96px !important;
            background-repeat: no-repeat;
            background-color: transparent;
            margin: auto;

        }

        .btnLogin {
            background-image: url('/tools//commontoolfiles/images/login_btn.png') !important;
            background-size: 100% !important;
            width: 96px !important;
            height: 96px !important;
            background-repeat: no-repeat;
            background-color: transparent;
            margin: auto;
        }

.HeaderColor .x-btn-inner {
	color: #2178BA !important;
}

.HeaderColor .x-header-text {
	Color: white;
	font-size: 16px;
	font-family: 'Calibri';
}


.HeaderColor .x-panel-header-default-top {
	box-shadow: none;
}

.x-grid-row-selected .x-grid-cell {
	/*font-weight: bold; ffaf4b 7db9e8*/
	background-color: #ffd65e !important;
}

.white .x-btn-inner {
	color: #494949;
		font-size: 11px !important;
}

.white:hover .x-btn-inner {
	color: #494949;
}

.x-btn.x-btn-btnPressed {
	background-color: #ffd65e !important;
	border: solid 1px #ffaf4b;
}
.x-column-header{
		font: 12px tahoma,arial,verdana,sans-serif !important;
}
.x-grid-cell {
	font: 12px tahoma,arial,verdana,sans-serif !important;
}

 .x-btn-inner {
	font-size: 12px !important;
}

.darkFocus {
	color: black;
}

.LargeText .x-btn-inner {
	position: relative;
	font-size: 15px;
	bottom: 0px;
}

.TitleText {
	color: white;
	font-size: 30px;
	text-align: center;
}

.economicIcon {
	background-image: url('../images/icons/cost tool_32.png') !important;
	width: 32px !important;
	height: 32px !important;
	background-size: 100% !important;
	background-repeat: no-repeat;
	margin: auto;
}

.ablIcon {
	background-image: url('../images/abl_large.png') !important;
	width: 175px !important;
	height: 32px !important;
	background-size: 100% !important;
	background-repeat: no-repeat;
	margin: auto;
}


.scheduleIcon {
	background-image: url('../images/icons/luminaires_wide.png') !important;
	background-size: 100% !important;
	width: 42px !important;
	height: 32px !important;
	background-repeat: no-repeat;
	text-align: center;
	margin: auto;
}

.designIcon {
	background-image: url('../images/icons/design_icon.png') !important;
	background-size: 100% !important;
	width: 32px !important;
	height: 32px !important;
	background-repeat: no-repeat;
	text-align: center;
	margin: auto;
}

.randallBtn{
	height: 22px !important;
}
.add24 {
	background-image: url('../images/icons/AddButton20x20.png') !important;
		width: 20px !important;
	height: 20px !important;
	background-repeat: no-repeat;
		margin: auto;
}

.lumIcon16 {
	background-image: url('../images/icons/lum_16.png') !important;
	background-repeat: no-repeat;
}

.lumIcon16add {
	background-image: url('../images/icons/lum_16_add.png') !important;
	background-repeat: no-repeat;
}

.controlsIcon {
	background-image: url('../images/icons/occupancy_control_32.png') !important;
	width: 32px !important;
	height: 32px !important;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	margin: auto;
	background-size: 100% !important;
}

.controlIcon16 {
	background-image: url('../images/icons/control_16.png') !important;
	background-repeat: no-repeat;
}

.controlIcon16add {
	background-image: url('../images/icons/control_16_add.png') !important;
	background-repeat: no-repeat;
}

.otherIcon16add {
	background-image: url('../images/icons/other_16_add.png') !important;
	background-repeat: no-repeat;
}

.roomsIcon {
	background-image: url('../images/icons/office-building_32.png') !important;
	background-size: 100% !important;
	width: 32px !important;
	height: 32px !important;
	background-repeat: no-repeat;
	margin: auto;
}

.fileIcon {
	background-image: url('../images/icons/file.png') !important;
	width: 32px !important;
	height: 32px !important;
	background-size: 100% !important;
	background-repeat: no-repeat;
	margin: auto;
}

.resultsIcon {
	background-image: url('../images/icons/bar chart.png') !important;
	width: 32px !important;
	height: 32px !important;
	background-repeat: no-repeat;
	text-align: center;
	margin: auto;
}

.helpIcon {
	background-image: url(/tools/commontoolfiles/images/Question.png) !important;
	width: 32px !important;
	height: 32px !important;
	background-size: 100% !important;
	background-repeat: no-repeat;
	text-align: center;
	margin: auto;
}

.visualicon16 {
	background-image: url(/tools/commontoolfiles/images/visuallogos/logo_16.png) !important;
}

.toolsbutton {
	width: 30px !important;
	height: 30px !important;
	background-size: 100% !important;
	background-repeat: no-repeat;
	margin: auto;
	background-image: url(/tools/commontoolfiles/images/visuallogos/logo_32.png) !important;
}

.borderRight {
	border-right: 1px solid #BCB0B0;
}

.schedule-dropdown {
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	padding: 3px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eeeeee;
	white-space: normal;
	color: #555;
	display: inline-block;
	width: 100%;
}

	.schedule-dropdown img {
		float: left;
	}

	.schedule-dropdown .text {
		margin-left: 52px;
	}

.audit {
}

	.audit ul {
		list-style: none;
		padding: 0px;
	}

		.audit ul li {
			width: 100%;
			padding-left: 5px;
			padding: 3px;
			font-weight: bold;
		}

			.audit ul li:first-child {
				width: 100%;
				padding-left: 5px;
				padding: 3px;
				font-weight: bold;
				border-bottom: solid 1px #EEB4B4;
			}

			.audit ul li ul {
				padding-left: 0px;
				background-color: #F7F7F7;
				font-weight: normal;
			}

				.audit ul li ul li {
					border-bottom: none;
					padding-left: 5px;
					font-weight: normal;
				}

					.audit ul li ul li:first-child {
						border-bottom: none;
						padding-left: 5px;
						font-weight: normal;
					}

.MainPanel {
	background-color: #EAEAEA;
}

	.MainPanel .x-tab-bar-strip {
		top: 22px !important; /* Default value is 20, we add 20 = 40 */
	}

	.MainPanel .x-tab-bar {
		position: absolute;
	}

		.MainPanel .x-tab-bar .x-tab-bar-body {
			height: 25px !important; /* Default value is 23, we add 20 = 43 */
			border: 0 !important; /* Overides the border that appears on resizing the grid */
		}

			.MainPanel .x-tab-bar .x-tab-bar-body .x-box-inner {
				height: 23px !important; /* Default value is 21, we add 20 = 41 */
			}

				.MainPanel .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
					height: 23px !important; /* Default value is 21, we add 20 = 41 */
				}

					.MainPanel .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button {
						height: 15px !important; /* Default value 13, we add 20 = 33 */
						line-height: 15px !important; /* Default value 13, we add 20 = 33 */
					}

.toptoolbar {
	background: rgb(246,246,246); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
}