/* * * * * * * * * * * * * * * * * * *
 * Application Global Styles
 * * * * * * * * * * * * * * * * * * */

.username-title, .username-login {
	font-size: 12px;
	color: #15428B;
}

.username-title {
  font-size:11px;
  vertical-align: middle;
  padding-left: 20px;
}

.required label {
	font-weight: bold !important;
}

.strong {
	font-weight: bold !important;
}

.app-title {
	font-size: 14px !important;
	font-family: Georgia, serif !important;
	color: #C40000 !important;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-none {
	clear:none;
}

strong {
	font-weight: bold;
}


/* * * * * * * * * * * * * * * * * * *
 * Login Splash
 * * * * * * * * * * * * * * * * * * */
 
 #login-form {
 	margin-top: 50px;
 }


/* * * * * * * * * * * * * * * * * * *
 * Main Navigation Menu
 * * * * * * * * * * * * * * * * * * */

ul.menu {
	font: 13px Verdana, Tahoma, sans-serif;
	padding: 0.5em 0.25em;
}

ul.menu li {
	cursor: pointer;
	margin: 0.25em;
	padding-left: 20px;
	background: url("/img/icons/bullet_black.png") left center no-repeat;
}
ul.menu li:hover {
	background-image: url("/img/icons/bullet_pink.png");
	text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * *
 * Menu Headers
 * * * * * * * * * * * * * * * * * * */

ul.menu li.icon-home {
	background-image: url("/img/icons/house.png");
}

ul.menu.reference-lists li {
	background-image: url("/img/icons/page.png");
}
ul.menu.users li {
	background-image: url("/img/icons/user.png");
}

ul.menu li.icon-new {
	background-image: url("/img/icons/add.png");
}
ul.menu li.icon-find {
	background-image: url("/img/icons/find.png");
}
ul.menu li.icon-browse {
	background-image: url("/img/icons/application_view_list.png");
}
ul.menu li.icon-permissions {
	background-image: url("/img/icons/application_side_list.png");
}
ul.menu li.icon-reports {
	background-image: url("/img/icons/pages_white_text.png");
}
ul.menu li.icon-report {
	background-image: url("/img/icons/report.png");
}
ul.menu li.icon-access {
	background-image: url("/img/icons/application_key.png");
}
ul.menu.users li.icon-new {
	background-image: url("/img/icons/user_add.png");
}
ul.menu li.icon-job-management {
	background-image: url("/img/icons/package_green.png");
}
ul.menu li.icon-purchase-orders {
	background-image: url("/img/icons/page_white_database.png");
}
ul.menu li.icon-sales-analysis {
	background-image: url("/img/icons/chart_curve.png");
}
ul.menu li.icon-suppliers-confirmations {
	background-image: url("/img/icons/lorry.png");
}
ul.menu li.icon-on-call-rota {
    background-image: url("/img/icons/calendar_view_month.png");
}
ul.menu li.icon-awaiting-invoicing {
    background-image: url("/img/icons/invoice_edit.png");
}
ul.menu li.icon-to-be-sent {
    background-image: url("/img/icons/email_go.png");
}
ul.menu li.icon-new-quote {
    background-image: url("/img/icons/page_go.png");
}
ul.menu li.icon-allocate-jobs {
    background-image: url("/img/icons/application_view_tile.png");
}


/* * * * * * * * * * * * * * * * * * *
 * Tab Icons
 * * * * * * * * * * * * * * * * * * */

.tab-icon-info { background-image: url("/img/icons/information.png"); }
.tab-icon-events { background-image: url("/img/icons/script_edit.png"); }
.tab-icon-financials { background-image: url("/img/icons/money.png"); }
.tab-icon-lines { background-image: url("/img/icons/cart.png"); }
.tab-icon-preview { background-image: url("/img/icons/report.png"); }


/* * * * * * * * * * * * * * * * * * *
 * View Pages
 * * * * * * * * * * * * * * * * * * */

.left-half-col, .right-half-col {
	width: 45%;
	margin-top: 10px;
	margin-left: 10px;
	float:left;
	text-align:left;
}

.right-half-col {
	float: left;
	margin-top: 10px;
	text-align: left;
	clear:none;
}

.space-at-bottom {
	margin-bottom: 10px;
}

.view-table {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
}

.view-table th, .view-table td {
	padding: 1px;
}

.view-table th {
	font-weight: bold;
	padding-right: 15px;
}

/* * * * * * * * * * * * * * * * * * *
 * DataView
 * * * * * * * * * * * * * * * * * * */

#images-view .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#images-view .thumb{
	background: #dddddd;
	padding: 3px;
}
#images-view .thumb img{
	height: 39px;
	width: 39px;
}
#images-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#images-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#images-view .x-view-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#images-view .x-view-selected .thumb{
	background:transparent;
}

#images-view .loading-indicator {
	font-size:11px;
	background-image:url('../../resources/images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

/* * * * * * * * * * * * * * * * * * *
 * File Field
 * * * * * * * * * * * * * * * * * * */

.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.search-item {
    font:10px !important;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}

.search-item .product-thumb {
	float: left;
	margin: 0 6px 0 0;
}

.search-item h3 {
    display:block;
    font-weight:bold;
    color:#222;
}

.search-item span {
	font-size: 10px;
}


.job-priority-item {
    color: #888;
    font-weight: bold;
    float: right;
    clear: right;
}

.job-desc-item {
    font-style: italic;
    color: #999;
}

.job-item-allocation-status {
    float: right;
    clear: right;
}

.status-pending {
    color: #f5b41d;
}

.status-accepted {
    color: #2bad11;
}


.status-rejected {
    color: #d10808;
}

.status-planned {
    color: #1b20b5;
}

.sla-red {
    font-weight: bold;
    color: red; !important
}

.sla-amber {
    font-weight: bold;
    color: orange; !important
}

.sla-green {
    font-weight: bold;
    color: green; !important
}

.sla- {
    color: white; !important
    display: none;
}


#allocation-date {
    font-weight: bold;
    font-size: 1.4em;
}


/* * * * * * * * * * * * * * * * * * *
 * Job Management
 * * * * * * * * * * * * * * * * * * */
 
.row-expander-head {
	font-size: 1.1em;
}

.row-expander-container {
	padding-top: 5px;
	padding-left: 5px;
}

.job-management-row-has-issues {
	background: #FFDEDF !important;
}

.job-management-row-all-received {
	background: #bdefbd !important;
}


/* * * * * * * * * * * * * * * * * * *
 * Feedback Boxes
 * * * * * * * * * * * * * * * * * * */

.x-icon-error{ background-image: url(img/icons/exclamation.png) !important;}
.x-icon-information{ background-image: url(img/icons/information.png) !important;}
.x-notification .x-window-body, .x-error-notification .x-window-body { margin: 0; padding:1em !important; width: auto !important;}
.x-notification .x-tool-close{display: none}
.x-notification.fixed .x-tool-close{display: block}
.x-error-notification > div.x-window-bwrap > div.x-window-ml > div.x-window-mr > div { border: 1px solid #99BBE8; }
.x-error-notification > div.x-window-bwrap > div.x-window-ml > div.x-window-mr > div > div { background-color: #FFDEDF	; }
.x-notification > div.x-window-bwrap > div.x-window-ml > div.x-window-mr > div > div { background-color: #fafafa; }
.x-error-notification > div.x-window-bwrap > div.x-window-ml > div.x-window-mr > div > div > p { color: #cc3333; }
.x-error-notification > div.x-window-tl > div > div > div, .x-notification > div.x-window-tl > div > div > div { padding-left: 5px !important; }

.x-fieldset-header-text {
    color: #C40000;
}

.employee-on-holiday {

color: lightgrey;
}
.employee-on-holiday > .x-panel-header {
background-image: none !important;
background-color: #ffc200 !important;
}