@CHARSET "UTF-8";

/**

e8f6fc		Blue Light
abd3e8		Blue Lighter
b0ddf3		Blue Bright
32a7e0		Blue Medium
277ea8		Blue Darker
0a435e		Blue Quite Dark

61456a		Purple Medium
a27eaf		Purple Bright

d1f475		Green Bright

a09c97		Silver Medium
aaaaaa		Silver Light
e3e3e1		Silver Bright
eeeeee		Silver Bright Extra

999999		Grey Medium
47423C		Grey Background

*/

#debug-kit-toolbar ul#panel-tabs .panel-content {
	width: 900px;
	height: 500px;
}

body {
	background: url('../img/bg-body.png') no-repeat scroll center top #47423C;
	color: #000000;
    font-family: OpenSans, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

pre {
	font-family: "Courier New", Courier;
}

p {
	margin-bottom: 20px;
}

.label p {
	margin-bottom: 10px;
}

b {
	font-weight: normal;
	font-family: OpenSansBold;
}

u {
	text-decoration: underline;
}

strike {
	text-decoration: line-through;
}

a:link, a:visited {
	color: #32a7e0;
	text-decoration: none;
}

a:hover, a:active {
	color: #47423C;
}

a.actions:link, a.actions:visited,
td.actions a:link, td.actions a:visited,
td.actions_small a:link, td.actions_small a:visited,
#footer .actions a:link, #footer .actions a:visited,
#utilities a:link, #utilities a:visited {
	color: #ffffff;
	text-decoration: none;
}

a.actions:hover, a.actions:active,
td.actions a:hover, td.actions a:active,
td.actions_small a:hover, td.actions_small a:active,
#footer .actions a:hover, #footer .actions a:active,
#utilities a:hover, #utilities a:active {
	color: #b0ddf3;
}

#nav a:link, #nav a:visited {
	color: #ffffff;
	text-decoration: none;
}

#nav a:hover, #nav a:active {
	color: #b0ddf3;
}

.clear {
	clear: both;
}

.light {
	color: #999999;
}

.small {
	font-size: 11px;
}

.medium {
	font-size: 14px;
}

.hide {
	display: none;
}

.show {
	display: block;
}

#wrapper {
	width: 95%;
	overflow: hidden;
	margin: auto;
	background-color: #ffffff;
	min-height: 500px;
}

#utilities {
	width: 95%;
	overflow: hidden;
	margin: auto;
	margin-bottom: 20px;
	line-height: 30px;
}

#utilities ul {
	float: right;
}

#utilities ul li {
	float: left;
	padding-left: 20px;
}

#utilities ul li.image img {
	vertical-align: top;
	margin-right: -20px;
}

#utilities ul li.user {
	font-family: OpenSansSemiBold;
	color: #ffffff;
	background-color: #a09c97;
	margin-left: 20px;
	padding: 0 20px 0 20px;
}

#utilities ul li.logout {
	font-family: OpenSansSemiBold;
	color: #ffffff;
	background-color: #000000;
	padding: 0 20px 0 20px;
}

#utilities ul.left {
	float: left;
}

#utilities ul.left li {
	font-family: OpenSansSemiBold;
	color: #ffffff;
	background-color: #a09c97;
	padding: 0 10px 0 10px;
	margin-right: 1px;
	float: left;
}

#utilities ul.left li.active {
	background-color: #333333;
}

#utilities ul.right {
	float: right;
}

#utilities ul.right li {
	float: left;
	padding-left: 20px;
}

#utilities ul.right li.user {
	font-family: OpenSansSemiBold;
	color: #ffffff;
	background-color: #a09c97;
	margin-left: 20px;
	padding: 0 20px 0 20px;
}

#utilities ul.right li.logout {
	font-family: OpenSansSemiBold;
	color: #ffffff;
	background-color: #000000;
	padding: 0 20px 0 20px;
}

#header {
	width: 100%;
	height: 90px;
	overflow: hidden;
	font-family: OpenSansLight;
	background-color: #32a7e0;
}

#header .title {
	padding: 15px;
	background-color: #000000;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 32px;
	text-align: center;
}

#header .title .title2 {
	color: #32a7e0;
}

#header .subtitle {
	font-size: 13px;
	font-family: OpenSans;
	color: #999999;
	display: block;
}

#header .location {
	text-align: right;
	color: #ffffff;
	font-size: 32px;
	font-family: OpenSansBold;
}

#header h2 {
	padding: 5px 20px 5px 0;
}

#nav {
	width: 100%;
	overflow: hidden;
	line-height: 35px;
	background-color: #277ea8;
	font-size: 16px;
	font-family: OpenSansSemiBold;
	text-transform: uppercase;
}

#nav ul li {
	float: left;
	padding: 0 15px 0 15px;
}

#body {
	width: 100%;
	overflow: hidden;
}

.widget {
	width: auto;
	padding: 10px;
	margin-bottom: 20px;
	display: block;
	clear: both;
}

.widget.left {
	background-color: #e8f6fc;
}

.widget.center {
}

.widget.header {
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget.right {
	background-color: #efefef;
	float: none !important;
	margin-top: 20px;
}

#footer .widget.right {
	background: none;
	padding: 0;
	margin: 0;
}

#body .widget h3, div.view1 h3, h3.search {
	font-size: 24px;
	font-family: OpenSansBold;
	margin: 10px 0 20px 5px;
}

#body .widget h3.left {
	display: inline;
	float: left;
}

#body .widget h4 {
	color: #999999;
	clear: both;
	display: block;
	padding: 0 0 10px 10px;
	margin-top: 20px;
	font-size: 18px;
}

div.view1 h4.search {
	display: block;
	clear: both;
	color: #000000;
	font-family: OpenSansBold;
	margin: 20px 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
}

div.index1 h4.search {
	display: block;
	clear: both;
	color: #000000;
	font-family: OpenSansBold;
	padding: 0 0 10px 0;
}

#body .widget.right h4 {
	color: #999999;
	clear: both;
	display: block;
	padding: 0 0 10px 0;
	margin-top: 10px;
	font-size: 18px;
}

#body .widget form h4.minimal_bottom_padding {
	padding-bottom: 0;
	margin-bottom: 10px;
	}

h4 sub {
	font-size:10px;
	}

.h-750 {
	min-height: 750px;
}

.h-1000 {
	min-height: 1000px;
}

.h-1200 {
	min-height: 1200px;
}

ul.stats {
	font-family: OpenSans;
	font-size: 13px;
	clear: both;
}

ul.stats li {
	display: block;
	width: auto;
	overflow: hidden;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #cccccc;
}

.widget.right ul.stats li span.label {
	float: left;
	font-size: 13px;
	font-family: OpenSansLight;
	color: #666666;
	margin-right: 5px;
}

ul.stats li span.value {
	background-color: #D9D9D9;
    border-radius: 10px 10px 10px 10px;
    float: right;
    font-family: OpenSansSemiBold;
    font-size: 12px;
    margin-left: 5px;
    padding: 0 10px;
}

ul.stats li.div {
	padding-top: 40px;
}

ul.activity li {
	width: auto;
	padding: 10px 0 10px 10px;
}

ul.actions li b,
ul.activity li b {
	color: #000000;
}

ul.activity li span.label {
	font-family: OpenSans;
	margin-bottom: 10px;
}

ul.actions.mini {
	width: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

ul.actions.mini li {
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #cccccc;
}

#footer {
	margin-top: 40px;
	width: 100%;
	overflow: hidden;
	background-color: #000000;
	color: #ffffff;
}

#footer .actions {
	background-color: #32a7e0;
	overflow: hidden;
	padding: 0 20px 0 20px;
	text-align: center;
	line-height: 35px;
}

#footer .actions a {
	margin: 0 20px 0 20px;
}

#footer .utility {
	width: auto;
	overflow: hidden;
	margin: 0 20px 0 20px;
}

#footer .utility .credits {
	padding: 20px;
	float: left;
}

#footer .utility .credits .cs {
	text-transform: uppercase;
	font-size: 8px;
	font-family: OpenSans;
	letter-spacing: 3px;
}

#footer .utility ul {
	float: right;
	line-height: normal;
	width: 300px;
	overflow: hidden;
	display: block;
	margin: 20px 0 20px 0;
}

#footer .utility ul li {
	display: block;
	width: 150px;
	float: left;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #333333;
}

#footer a.button {
	display: inline;
	background: none;
	width: auto;
	padding: 0;
}

table.hover tr:hover {
	cursor: pointer;
}

table.compact,
table.standard {
	width: 100%;
	border-collapse: collapse;
}

table.standard.no-headers {
	border-top: 3px solid #000000;
}

table.standard tr th.nowrap,
table.standard tr td.nowrap {
	white-space: nowrap;
}

tr:hover td {
	background-color: #d1f475;
}

table.standard tr th {
	font-family: OpenSansSemiBold;
	color: #ffffff;
	background-color: #000000;
	padding: 5px;
}

table.standard tr td {
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #cccccc;
}

table.standard tr td span.status {
	display: block;
	width: 75px;
	text-align: center;
	border-radius: 10px;
	padding: 3px 20px 3px 20px;
}

table.standard tr td.status0 span {
	background-color: #abd3e8;
}

table.standard tr td.status1 span {
	background-color: #ffa874;
}

table.standard tr td.status2 span {
	background-color: #d1f475;
}

table.tight tr td {
	padding: 3px;
	font-size: 12px;
}

table.standard tr td.actions {
	color: #666666;
	white-space: nowrap;
	vertical-align: middle;
}

table.standard tr td.actions_small {
	color: #666666;
	white-space: nowrap;
    vertical-align: top;
    width: 20px;
}

table.standard tr.div td {
	border-bottom: 3px solid #000000
}

table.standard tr.div-light td {
	border-bottom: 1px solid #000000;
}

a.actions,
td.actions a, td.actions_small a {
	display: block;
	float: right;
	margin-left: 5px;
	border-radius: 10px;
	padding: 2px 10px 2px 10px;
	text-transform: uppercase;
	font-size: 11px;
	font-family: OpenSansBold;
	background-color: #000000;
}

a.actions.blue, td.actions.blue a {
	background-color: #32a7e0;
}

select.index_assign_to {
	width:100%;
}

.map {
	width: 99%;
	border: 3px solid #cccccc;
}

.map.dashboard {
	height: 500px;
}

.map.schedule {
	height: 666px;
}

#body .map.widget {
	width: 95%;
	height: 250px;
}

.title-buttons a,
a.button {
	font-family: OpenSans;
	display: block;
	border-radius: 0;
	background-color: #efefef;
	padding: 5px 10px 5px 10px;
	text-align: center;
}

.title-buttons a,
a.button.right {
	float: right;
	margin: 15px 0 0 1px;	
}

.title-buttons a,
a.button.medium {
	width: 100px;
	font-size: 13px;
}

a.button.long {
	width: 200px;
}

.title-buttons a,
a.button.blue {
	background-color: #32a7e0;
}

.title-buttons a:link,
.title-buttons a:visited,
a.button.blue:link,
a.button.blue:visited {
	color: #ffffff;
}

.title-buttons a:hover,
.title-buttons a:active,
a.button.blue:hover,
a.button.blue:active {
	background-color: #277ea8;
	color: #ffffff;
}

a.button.green {
	background-color: #d1f475;
}

a.button.green:link,
a.button.green:visited {
	color: #000000;
}

a.button.green:hover,
a.button.green:active {
	background-color: #a5d034;
	color: #000000;
}

ul.actions {
	color: #999999;
	font-size: 16px;
	font-family: OpenSansSemiBold;
}

ul.actions li {
	padding-left: 10px;
}

table.data2,
table.data1 {
	font-family: OpenSans;
	font-size: 13px;
	clear: both;
	border-collapse: collapse;
	width: 100%;
}

table.data1 tbody,
table.data2 tbody,
table.standard tbody {
	display: table;
	width: 98%;
}

.contact-card table.data1 {
	margin: 0 10px 10px 10px;
	width: auto;
}
.contact-card table.data1 tr {
	width: 100%;
}
.contact-card table.data1 tbody {
	width: 100%;
	display:table;
}
.contact-card div.actions {
	clear:both;
	width:100%;
}
.contact-card div.actions a {
	float: right;
    margin: 0 9px 10px 0;
}

table.data2 tr th,
table.data1 tr th {
	padding: 10px 10px 10px 0;
	font-family: OpenSansSemiBold;
	width: 40%;
	border-bottom: 1px solid #cccccc;
	color: #999999;
}

table.data1.quote tr th {
	width: 25%;
}

table.data1.quote tr dt {
	width: 75%;
}

table.data2 tr th.icon,
table.data1 tr th.icon {
	line-height: 29px;
}

table.data2 tr th {
	color: #277ea8;
}

table.data2 tr th .light {
	font-family: OpenSans;
}

table.data2 tr td,
table.data1 tr td {
	padding: 10px 10px 10px 0;
	width: 60%;
	border-bottom: 1px solid #cccccc;
}

table.data1 tr th.no_border,
table.data1 tr td.no_border {
	border-bottom: none;
}

table.data2.col3 tr td.info,
table.data1.col3 tr td.info {
	width: 5%;
}

table.data2.col3 tr th,
table.data1.col3 tr th {
	width: 35%;
}

table.data2.col3 tr td.info span,
table.data1.col3 tr td.info span {
	font-size: 11px;
	font-family: OpenSansSemiBold;
	background-color: #000000;
	padding: 3px 10px 3px 10px;
	border-radius: 10px;
	color: #ffffff;
}

table.nohover tr:hover td,
table.data2 tr:hover td,
table.data1 tr:hover td {
	background: none;
}

table.data2 tr.action th,
table.data2 tr.action td,
table.data1 tr.action th,
table.data1 tr.action td {
	background-color: #000000;
	padding: 3px 3px 3px 0;
	color: #ffffff;
}

table tr.large th {
	font-size: 18px;
}

table tr td.v-center {
	vertical-align: middle;
}

table tr.no-border td {
	border: none;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

.ui-autocomplete .ui-menu-item {
	font-size: 13px;
	font-family: OpenSans;
}

div.info-box {
	clear: both;
	font-size: 12px;
	padding: 10px;
	padding-bottom: 0;
	padding-left: 55px;
	margin: 20px 0px 20px 0px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	background-color: #ffffef;
	background-image: url('../img/icon-info.png');
	background-repeat: no-repeat;
	background-position: -15px -15px;
	color: #666666;
}

form div.info-box {
	margin-left: 21%;
	width: 43%;
}

form.wide div.info-box {
	width: 65%;
}

form div.flush-left div.info-box {
	margin-left: 0;
}

div.info-box p {
	margin-top: 0;
	margin-bottom: 10px;
}

a.gear {
	margin: 0px 5px 0px 0px;
	display: block;
	float: left;
	width: 30px;
	height: 29px;
	overflow: hidden;
	background-image: url('../img/button-gear.png');
	background-position: top center;
}

a.gear:hover {
	background-position: bottom;
}

a.more {
	margin: 0px 5px 0px 0px;
	display: block;
	float: left;
	width: 30px;
	height: 29px;
	overflow: hidden;
	background-image: url('../img/button-readmore.png');
	background-position: top center;
}

a.more:hover {
	background-position: bottom;
}

a.download {
	margin: 0px 5px 0px 0px;
	display: block;
	float: left;
	width: 30px;
	height: 29px;
	overflow: hidden;
	background-image: url('../img/button-download.png');
	background-position: top center;
}

a.download:hover {
	background-position: bottom;
}

img#sales-totals,
img#sales-jobs,
img#sales-bids {
	width: 99%;
	border: 3px solid #cccccc;
}

div.response-msg {
	margin: 20px;
	padding: 5px 0 15px 40px;
	border-bottom: 2px solid #cccccc;
	color: #277ea8;
	font-family: OpenSansSemiBold;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left top;
}

div.response-msg.success {
	background-image: url('../img/icon-success2.png');
}

div.response-msg.error {
	background-image: url('../img/icon-error4.png');
}

div.response-msg.info {
	background-image: url('../img/icon-info2.png');
}

div.response-msg.notice {
	background-image: url('../img/icon-alert1.png');
}

div.paginator {
	clear: both;
	width: 100%;
	overflow: hidden;
	background-color: #efefef;
	border-radius: 5px;
	font-size: 11px;
	color: #666666;
}

div.paginator div.paginator-info {
	float: left;
	padding: 10px;
}

div.paginator div.paginator-controls {
	float: right;
	padding: 10px;
}

div.paginator div.paginator-controls span.previous {
}

div.paginator div.paginator-controls span.next {
}

div.paginator div.paginator-controls span.numbers {
	margin: 0 10px 0 10px;
}

div.paginator div.paginator-alpha div.letters {
	margin: 10px 10px 0 10px;
	padding-bottom: 10px;
	width: auto;
	overflow: hidden;
	text-align: left;
	border-bottom: 1px solid #cccccc;
}

div.paginator div.paginator-alpha div.letters span {
	font-size: 13px;
	font-family: OpenSansBold;
	padding: 0 10px 0 0;
}

div.paginator div.paginator-controls span.numbers span {
	font-family: OpenSansBold;
	font-size: 13px;
	background-color: #ffffff;
	padding: 0 10px 0 10px;
	margin: 0 1px 0 1px;
	border-radius: 5px;
}

div.paginator div.paginator-controls span.numbers span.current {
	color: #ffffff;
	background-color: #000000;
}

div.paginator.top {
	margin-bottom: 10px;
}

div.paginator.bottom {
	margin-top: 10px;
}

img.profile {
	display: block;
	margin: auto;
}

img.profile-edit {
	margin-left: 21%;
	margin-bottom: 10px;
	border: 3px solid #ffffff;
}

.address-map-icon-link {
	float: right;
	margin: 0 0 0 10px;
}

.bold {
	font-family: OpenSansBold;
}

.strikethrough {
	text-decoration: line-through;
}

.left {
	float: left;
}

.inline {
	display: inline;
}

img.icon-close.quote-line-item {
	margin-top: -3px;
}

div.wizard {
	width: auto;
	overflow: hidden;
	padding: 20px;
}

div.wizard .grid {
}

div.wizard div.step {
	text-align: center;
	background-image: url('../img/div-orange.png');
	background-repeat: repeat-x;
	background-position: 0px 12px;
}

div.wizard div.step a.dot {
	width: 25px;
	height: 25px;
	display: block;
	margin: auto;
	margin-bottom: 5px;
	background-image: url('../img/circle-orange.png');
	background-repeat: no-repeat;
	background-position: top;
}

div.wizard div.step.active a.dot {
	background-position: bottom;
}

div.wizard div.step a.text {
	display: inline !important;
}

div.wizard div.step.normal a.text:link,
div.wizard div.step.normal a.text:visited {
	color: #999999;
}

div.wizard div.step.normal a.text:hover,
div.wizard div.step.normal a.text:active {
	color: #f7931f;
}

div.wizard div.step.disabled a.text:link,
div.wizard div.step.disabled a.text:visited {
	color: #999999;
	cursor: inherit;
}

div.wizard div.step.disabled a.dot {
	cursor: inherit;
}

div.wizard div.step.disabled a.text:hover,
div.wizard div.step.disabled a.text:active {
	color: #999999;
}

div.wizard div.step.active a.text:link,
div.wizard div.step.active a.text:visited {
	color: #f7931f;
}

div.wizard div.step.active a.text:hover,
div.wizard div.step.active a.text:active {
	color: #f7931f;
}

img.ajax_loader {
	height: 25px;
    position: absolute;
    right: 15px;
    width: 25px;
    display:none;
}

img.ajax_loader_success, img.ajax_loader_error {
	height: 30px;
    position: absolute;
    right: 13px;
    width: 30px;
    display:none;
}

a.vcard32 {
	float:right;
}
a.vcard24 {
	float:left;
}
#statistics_go {
	margin-top: 20px;
}
#SearchKeyword {
	color:#000000;
}
div#keyword_search {
	float: right;
    position: relative;
    width: 245px;
}
div#keyword_search div#background {
	position:absolute;
	top:2px;	
	color:#666666;
	font-size: 13px;
	font-family: OpenSansLight;
}

.blue {
	color: #277ea8;
}

a.button.right.no-margin {
	margin: 0;
}

.pill {
	border-radius: 10px;
	background-color: #efefef;
	padding: 3px 20px 3px 20px;
	font-size: 11px;
	width: 75px;
	display: block;
	text-align: center;
}

.pill.c0 {
	background-color: #FFA874;
}

.pill.c10,
.pill.c1 {
	background-color: #D1F475;
}

.pill.c20,
.pill.c2 {
	background-color: #ABD3E8;
}

.pill.c30,
.pill.c3 {
	background-color: #44abef;
}

.pill.c35,
.pill.c3-5 {
	background-color: #44efef;
}

.pill.c40,
.pill.c4 {
	background-color: #ababef;
}

.pill.c50,
.pill.c5 {
	background-color: #d1abc2;
}

.pill.c60,
.pill.c6 {
	background-color: #ccabef;
}

.pill.c70,
.pill.c7 {
	background-color: #abef44;
}

.pill.c100 {
	background-color: #999999;
	color: #ffffff;
}

.widget.ct-bg {
	margin-bottom: 0;
	background-color: #efefef;
}
.pad {
	margin-top:8px;
}

iframe.modal {
	width: 100%;
	height: 100%;
	display: inline-block;
}

select#email-to option:disabled {
	border-top: 1px solid #CCCCCC;
    color: #999999;
    margin: 10px 0 5px;
}

.icon-file-doc { 
	background-image: url('../img/icon-file-doc.png');
	background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
}
.icon-file-odt { 
	background-image: url('../img/icon-file-odt.png');
	background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
}
.icon-file-pdf { 
	background-image: url('../img/icon-file-pdf.png');
	background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
}
.icon-file-xls { 
	background-image: url('../img/icon-file-xls.png');
	background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
}
.icon-file-default { 
	background-image: url('../img/icon-file-default.png');
	background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
}
div#email-loader-container {
	background-color: #FFFFFF;
    height: 766px;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    display:none;
}
div#email-loader-container img {
	width: 100px;
	height: 100px;
	height: 300px;
    margin: 235px 0 0 190px;
    width: 300px;
}

ol.numbered {
	list-style-type: decimal;
	margin-left: 35px;
	margin-bottom: 20px;
}

ol.numbered li {
	margin-bottom: 5px;
}