/*
########################
# CORE
########################
*/

* { font-family: "Source Sans Pro", sans-serif;  }
hr, .bl1, .br1 { border-color: #c5c6c7; }

/*
########################
# TYPOGRAPHY
########################
*/

p, input, select, textarea, td, .text { color: #3c4144; }
a, .link { color: #f46412; }
h1, h2, h3, h4, h5, label, .label, th, li, .dark { color: #1f2225; }
.pos { color: #138e33; }
.neg { color: #c03b2f; }

/*
########################
# CONTENT
########################
*/

.content { background: #ffffff; }

/*
########################
# FORMS
########################
*/

input[type=text], input[type=date], input[type=password], div.select, textarea, .checkbox label, a.field, a.attachment { border-color: #d2d3d3; }
input[type=text], input[type=date], input[type=password], div.select, textarea, a.field, a.attachment { background-color: #ffffff; }

input[type=text], input[type=date], input[type=password], div.select, textarea, a.field, a.attachment {
	box-shadow: inset 0px 5px 5px #efefef; 
	-moz-box-shadow: inset 0px 5px 5px #efefef;
	-webkit-box-shadow: inset 0px 5px 5px #efefef;
}

input.date { background-image: url("../img/calendar.png"); }

.checkbox input:checked + label {
	background-color: #82c150;
	border-color: #69ad34;
	color: #ffffff !important;
}

.checkbox input:checked + label hr { border-color: #ffffff; }

.disabled input, input.disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.disabled .checkbox label, .disabled .checkbox input:checked + label {
	border-color: #d2d3d3;
	background-color: #f4f4f4;
	color: #a8abac !important;
}

a.field {
	background-image: url("../img/add.png");
	color: #3c4144;
}

a.attachment {
	background-image: url("../img/paperclip.png");
	color: #3c4144;
}

input.currency { background-image: url("../img/currency.png"); }
input.percent { background-image: url("../img/percent.png"); }

/*
########################
# SEARCH
########################
*/

.searchbox {
	background-color: #efefef;
	border-bottom-color: #d2d3d3;
}

a.result:hover * { color: #138e33; }

/*
########################
# BUTTONS
########################
*/

a.button, input[type="submit"] {
	color: #000000;
	background-color: #888c8f;
	border-color: #cccccc;
}

a.button:hover, input[type="submit"]:hover {
	background-color: #767A7C;
	border-color: #AAAAAA;
}

a.button.neutral, input[type="submit"].neutral {
	color: #3c4144;
	background-color: #e6e6e6;
	border-color: #d2d3d3;
}

a.button.neutral:hover, input[type="submit"].neutral:hover {
	background-color: #d2d3d3;
	border-color: #c5c6c7;
}

a.button.destructive, input[type="submit"].destructive {
	background-color: #c03b2f;
	border-color: #a22317;
}

a.button.destructive:hover, input[type="submit"].destructive:hover {
	background-color: #a22317;
	border-color: #a22317;
}

a.button.utility, input[type="submit"].utility {
	color: #3c4144;
	background-color: #ffffff;
	border-color: #d2d3d3;
}

a.button.utility:hover, input[type="submit"].utility:hover {
	background-color: #f4f4f4;
}

a.button:active, a.button.neutral:active, a.button.destructive:active, a.button.utility:active, input[type="submit"]:active, input[type="submit"].neutral:active, input[type="submit"].destructive:active, input[type="submit"].utility:active {
	color: #ffffff;
	background-color: #0a6db1;
	border-color: #005d9c;
}

a.button.transparent, a.button.transparent:hover, a.button.transparent:active {
	border-color: transparent;
	background-color: transparent;
}

a.button.disabled, a.button.disabled:hover, a.button.disabled:active, input[type="submit"].disabled, input[type="submit"].disabled:hover, input[type="submit"].disabled:active {
	border-color: #d2d3d3;
	background-color: #efefef;
	color: #a8abac;
	cursor: default;
}

a.button.selected, a.button.selected:hover, a.button.selected:active {
	background-color: #64696c;
	border-color: #3c4144;
	color: #ffffff;
}

/*
########################
# BUTTONS ICONS
########################
*/

.button.icon.create { background-image: url("../img/icon_create_s_white.png"); }
.button.icon.excel { background-image: url("../img/icon_excel_s_white.png"); }
.button.utility.icon.calendar { background-image: url("../img/icon_calendar_s.png"); }
.button.utility.selected.icon.calendar, .button.utility.icon.calendar:active { background-image: url("../img/icon_calendar_s_white.png"); }
.button.utility.icon.calendar_1 { background-image: url("../img/icon_calendar_1_s.png"); }
.button.utility.selected.icon.calendar_1, .button.utility.icon.calendar_1:active { background-image: url("../img/icon_calendar_1_s_white.png"); }
.button.utility.icon.calendar_2 { background-image: url("../img/icon_calendar_2_s.png"); }
.button.utility.selected.icon.calendar_2, .button.utility.icon.calendar_2:active { background-image: url("../img/icon_calendar_2_s_white.png"); }
.button.utility.icon.list { background-image: url("../img/icon_list_s.png"); }
.button.utility.selected.icon.list, .button.utility.icon.list:active { background-image: url("../img/icon_list_s_white.png"); }
.button.utility.icon.cursor { background-image: url("../img/icon_cursor_s.png"); }
.button.utility.selected.icon.cursor, .button.utility.icon.cursor:active { background-image: url("../img/icon_cursor_s_white.png"); }
.button.utility.icon.multiselect { background-image: url("../img/icon_multiselect_s.png"); }
.button.utility.selected.icon.multiselect, .button.utility.icon.multiselect:active { background-image: url("../img/icon_multiselect_s_white.png"); }
.button.utility.icon.bubble { background-image: url("../img/icon_bubble_s.png"); }
.button.utility.selected.icon.bubble, .button.utility.icon.bubble:active { background-image: url("../img/icon_bubble_s_white.png"); }
.button.utility.icon.pin { background-image: url("../img/icon_pin_s.png"); }
.button.utility.selected.icon.pin, .button.utility.icon.pin:active { background-image: url("../img/icon_pin_s_white.png"); }

.svg .button.icon.create { background-image: url("../img/icon_create_white.svg"); }
.svg .button.icon.excel { background-image: url("../img/icon_excel_white.svg"); }

.neutral.icon.search { background-image: url("../img/icon_search_s.png"); }
.neutral.icon.search:active { background-image: url("../img/icon_search_s_white.png"); }
.neutral.icon.more { background-image: url("../img/icon_more_s.png"); }
.neutral.icon.more:active { background-image: url("../img/icon_more_s_white.png"); }
.neutral.icon.gear { background-image: url("../img/icon_gear_s.png"); }
.neutral.icon.gear:active { background-image: url("../img/icon_gear_s_white.png"); }

.svg .neutral.icon.search { background-image: url("../img/icon_search.svg"); }
.svg .neutral.icon.search:active { background-image: url("../img/icon_search_white.svg"); }
.svg .neutral.icon.more { background-image: url("../img/icon_more.svg"); }
.svg .neutral.icon.more:active { background-image: url("../img/icon_more_white.svg"); }
.svg .neutral.icon.gear { background-image: url("../img/icon_gear.svg"); }
.svg .neutral.icon.gear:active { background-image: url("../img/icon_gear_white.svg"); }

.transparent.icon.x { background-image: url("../img/icon_x_s.png"); }
.transparent.icon.prev { background-image: url("../img/icon_left_s.png"); }
.transparent.icon.next { background-image: url("../img/icon_right_s.png"); }

.svg .transparent.icon.x { background-image: url("../img/icon_x.svg"); }
.svg .transparent.icon.prev { background-image: url("../img/icon_left.svg"); }
.svg .transparent.icon.next { background-image: url("../img/icon_right.svg"); }

/*
########################
# TABLES
########################
*/

.table th {
	border-color: #d2d3d3;
	background-color: #ffffff;
}

.table td, .table.stack tr, .table.stack_960 tr { border-color: #c5c6c7; }
.table tr.hot:hover, .hot:hover { background-color: #f4f4f4; }
.table tr.hot:active, .hot:active { background-color: #0a6db1; }
.table tr.hot:active *, .table tr.hot:active *, .hot:active * { color: #ffffff; }
.table tr.subtotal td { border-color: #d2d3d3; }
.table td.nohover, .table tr.hot.nohover:hover, .hot.nohover:hover { background-color: #ffffff; }
.table tr.hot.nohover:active *, .table tr.hot.nohover:active *, .hot.nohover:active * { color: #3C4144; }

/*
########################
# DIALOG/POPOVER
########################
*/

#dialog, #popover {
	background-color: #ffffff;
	border-color: #3c4144;
}

#popoverarrow.left { background-image: url("../img/arrow_left.png"); }
#popoverarrow.right { background-image: url("../img/arrow_right.png"); }
#popoverarrow.up { background-image: url("../img/arrow_up.png"); }
#popoverarrow.down { background-image: url("../img/arrow_down.png"); }

.po_menu ul > li { border-color: #d2d3d3; }
.po_menu ul > li:hover { background-color: #efefef; }
.po_menu ul > li:active {
	color: #ffffff;
	background-color: #9c5390;
}

/*
########################
# CALENDAR
########################
*/

.po_calendar .month a.prev { background-image: url("../img/prev.png"); }
.po_calendar .month a.next { background-image: url("../img/next.png"); }
.po_calendar table th { border-bottom-color: #c5c6c7; }

.po_calendar table td a {
	color: #3c4144;
	border-color: transparent;
}

.po_calendar table td a:hover { background-color: #e6e6e6; }
.po_calendar table td a.today { border-color: #c5c6c7; }

.po_calendar table td a:active {
	color: #ffffff;
	background-color: #0a6db1;
}

.po_calendar table td a.selected, .po_calendar table td a.selected:hover, .po_calendar table td a.active {
	color: #ffffff;
	background-color: #82c150;
}

/*
########################
# INVERT
########################
*/

.invert { background-color: #3c4144; }
.invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert label { color: #ffffff; }
.invert p { color: #c5c6c7; }
.invert input[type=text], .invert input[type=password] { border-color: #ffffff; }
.invert a.button, .invert input[type="submit"] { border-color: #aaaaaa; }
.invert a.button.neutral, .invert input[type="submit"].neutral { border-color: #ffffff; }
.invert a.button:active, .invert input[type="submit"]:active { border-color: #82c150; }

/*
########################
# HEADER
########################
*/

#header { background-color: #3c4144; }
#menu > ul li a { color: #ffffff; }
#menu > ul li a:hover { background-color: #64696c; }
#menu > ul li.selected a, #menu > ul li.selected a:hover { background-color: #1f2225; }
#menu > ul li a:active, #menu > ul li.selected a:active { background-color: #0a6db1; }

#menu > ul a span.alert {
	color: #ffffff;
	background-color: #2bb64f;
}

#btn_menu { background-image: url("../img/icon_menu_l_white.png"); }
#menu > ul li a.dashboard { background-image: url("../img/icon_dashboard_l_white.png"); }
#menu > ul li a.gear { background-image: url("../img/icon_gear_l_white.png"); }
#menu > ul li a.off { background-image: url("../img/icon_off_l_white.png"); }
#menu > ul li a.help { background-image: url("../img/icon_help_l_white.png"); }
#menu > ul li a.iq { background-image: url("../img/icon_iq_l_white.png"); }

.svg #btn_menu { background-image: url("../img/icon_menu_white.svg"); }
.svg #menu > ul li a.dashboard { background-image: url("../img/icon_dashboard_white.svg"); }
.svg #menu > ul li a.gear { background-image: url("../img/icon_gear_white.svg"); }
.svg #menu > ul li a.off { background-image: url("../img/icon_off_white.svg"); }
.svg #menu > ul li a.help { background-image: url("../img/icon_help_white.svg"); }
.svg #menu > ul li a.iq { background-image: url("../img/icon_iq_white.svg"); }

@media screen and (max-width: 960px) {
	#menu > ul {
		background-color: #3c4144;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2225", endColorstr="#3c4144");
		background-image: -webkit-gradient(linear, left top, left bottom, from(#1f2225), to(#3c4144));
		background-image: -moz-linear-gradient(top, #1f2225, #3c4144);
	}
}

/*
########################
# TILES
########################
*/

.tile {
	background: #82c150;
	border-color: #69ad34;
}
.tile:hover {
	background: #69ad34;
	border-color: #52971d;
}
.tile:active {
	background: #0a6db1;
	border-color: #005d9c;
}

.tile h2 { color: #ffffff; }

.tile span {
	background: #ffffff;
	color: #69ad34;
}

.tile:active span { color: #0a6db1; }

/*
########################
# BREADCRUMBS
########################
*/

.breadcrumbs a {
	border-color: #d2d3d3;
	color: #3c4144;
}

.breadcrumbs a:hover {
	background-color: #f4f4f4;
	border-color: #c5c6c7;
	color: #64696c;
}

.breadcrumbs a:active {
	background-color: #0a6db1;
	border-color: #005d9c;
	color: #ffffff;
}

.breadcrumbs span { color: #a8abac; }
.breadcrumbs span.dark { color: #1f2225; }

/*
########################
# TABS
########################
*/

.tabs {
	border-color: #d2d3d3;
	background: #efefef;
}

.tabs > ul > li {
	border-color: #d2d3d3;
	background: #e6e6e6;
}

.tabs > ul > li:hover { background-color: #dfdfdf; }

.tabs > ul > li.selected, .tabs > ul > li.selected:hover {
	background-color: #ffffff;
	border-bottom-color: #ffffff;
}

.tabs > a, .po_input {
	color: #1f2225;
	border-color: #d2d3d3;
	background-image: url("../img/arrow.png");
}

.tabs span, .po_tabs span {
	background-color: #f4f4f4;
	border-color: #d2d3d3;
}

@media screen and (max-width: 780px) {
	.tabs.mw780 {
		border-color: transparent;
		background: transparent;
	}
	.po_tabs.mw780 > ul > li { border-color: #d2d3d3; }
	.po_tabs.mw780 > ul > li:hover { background-color: #efefef; }
	.po_tabs.mw780 > ul > li:active {
		color: #ffffff;
		background-color: #9c5390;
	}
	.po_tabs.mw780 span { background-color: transparent; }
}

@media screen and (max-width: 680px) {
	.tabs {
		border-color: transparent;
		background: transparent;
	}
	.po_tabs > ul > li { border-color: #d2d3d3; }
	.po_tabs > ul > li:hover { background-color: #efefef; }
	.po_tabs > ul > li:active {
		color: #ffffff;
		background-color: #9c5390;
	}
	.po_tabs span { background-color: transparent; }
}

/*
########################
# FILTERS
########################
*/

.filter a { border-color: transparent; }

.filter a.selected, .filter a.selected:hover {
	border-color: transparent;
	color: #1f2225;
}