/* Custom PHC App Themes */

/* ==========================================================================
   Light Theme
   ========================================================================== */

body.theme-light {
	color: #202020;
	background-color: #dfdfdf;
}

.theme-light a {
	color: #1168a6;
}

.theme-light .callout {
	color: #1168a6;
}

.theme-light .boxtitle {
	color: #435467;
}

.theme-light .box {
	border-color: #f4f4f4;
	border-right-color: #b5b5b5;
	border-bottom-color: #b5b5b5;
}

.theme-light .hdiv {
	background-image: url(themes/light/h-div.png);
}


/* form elements */

.theme-light div.required,
.theme-light label,
.theme-light table.form th {
	color: #435467;
	text-shadow: none;
}

.theme-light table.form .hilite {
	color: #fff;
	background: #525D66;
}

.theme-light select,
.theme-light .select-wrapper,
.theme-light input[type="text"],
.theme-light input[type="password"],
.theme-light textarea,
.theme-light .picklist,
.theme-light .custom-input {
	color: #202020;
	background-color: #c2ccd2;
	border-color: #91a3ae;
	box-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

.theme-light select:focus,
.theme-light textarea:focus,
.theme-light .select-wrapper.focus,
.theme-light input[type="text"]:focus,
.theme-light input[type="password"]:focus,
.theme-light .custom-input.focus {
	background-color: #ced6db;
	border-color: #7290a2;
	box-shadow: 0px 1px 0px rgba(255,255,255,1.0);
}

.theme-light input[type="checkbox"] + label,
.theme-light input[type="radio"] + label {
	color: #202020;
}

.theme-light .custom-checks input[type="radio"] + label {
	background-image: url(themes/light/radio-custom.png);
}

.theme-light .custom-checks input[type="checkbox"] + label {
	background-image: url(themes/light/checkbox-custom.png);
}

.theme-light .select-wrapper .holder {
	background-image: url(themes/light/select-custom.png);
	border-color: #91a3ae;
}


/* pick lists */

.picklist li,
.picklist li span {
	-webkit-transition: background-color 0.10s ease;
	-moz-transition: background-color 0.10s ease;
	transition: background-color 0.10s ease;
}


/* processing spinner */

.theme-light #Spinner {
	background-color: #ced6db;
	border-color: #a9b8c0;
}

#docBody.theme-light > #Spinner {
	background-color: #d5d5d5;
}

.theme-light #Spinner .txt {
	color: #555;
}


/* table data */

.theme-light table.data {
	background: #c2ccd2;
	border-color: #a9b8c0;
}

.theme-light table.data > thead > tr > th {
	color: #efefef;
	background-color: #5f6c76;
	border-bottom-color: #262B2F;
}

.theme-light .tablesorter-header:hover {
	background-color: #7d8b97;
}

.theme-light .tablesorter-header[data-sorter="false"] {
	background-color: #5f6c76 !important;
}

.theme-light .tablesorter-headerAsc,
.theme-light .tablesorter-headerDesc {
	color: #fff !important;
	background-color: #475258 !important;
}

.theme-light table.data > tbody > tr > td {
	border-top-color: #d4dbdf;
	border-bottom-color: #b0bdc4;
}

.theme-light table.hover tbody tr:hover > td {
	background: #dae0e4;
	border-top-color: #dae0e4;
	border-bottom-color: #dae0e4;
}

.theme-light table.data .nested td,
.theme-light table.data .expanded td,
.theme-light table.data .nested:hover td,
.theme-light table.data .expanded:hover td {
	background: #fff;
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.theme-light table.data .nested > td {
	border-top-color: #fff;
	border-bottom-color: #a9b8c0;
}

.theme-light table.data .nested > td.nested-content {
	border-top-color: #a9b8c0;
}

.theme-light table.data .nested-content ul,
.theme-light table.data .nested-content ul > li:first-child {
	border-color: #a9b8c0;
}

.theme-light .hilighted {
	background-color: #90efb0 !important;
}

/* modals */

.theme-light .modal {
	color: #202020;
	background-color: #d5d5d5;
	box-shadow: 0 0 20px rgba(0, 0, 0, 1.0);
}


/* qtips */

.theme-light .qtip-phc {
	color: #000;
	background-color: #b5dcf4;
	border: 2px solid #116ca6;
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
}

.theme-light .qtip-phc .qtip-titlebar {
	color: #fff;
	background-color: #116ca6;
}


/* jquery UI */

.theme-light .ui-menu {
	color: #fff;
	background-color: #7D8C97;
}

.theme-light .ui-datepicker {
	background-color: #dfdfdf;
}

.theme-light .ui-datepicker th {
	color: #202020;
}

.theme-light .ui-datepicker tbody .ui-state-default {
	color: #202020;
	background: #c2ccd2;
	border-color: #91a3ae;
}

.theme-light .ui-datepicker tbody .ui-state-default:hover {
	background: #8997a1;
	border-color: #333;
}

.theme-light .ui-datepicker tbody .ui-state-highlight {
	color: #fff;
	background: #998A6B;
}

.theme-light .ui-datepicker tbody .ui-state-active {
	color: #fff;
	background: #1479C1;
	border-color: #000;
}


/* jScrollpane */

.jspTrack {
	background: #8a969f;
}

.jspDrag {
	background: #525D66;
}