/* CORE/GLOBAL RULES */

html,body {
	margin: 0px 10px;
	padding: 0px;
	/*background: #E0DFDC url(../img/header_Bg.gif) repeat-x top;*/
	/*font-family: arial, verdana, sans-serif;*/
	font-family: Arial, Helvetica, Verdana, san-serif;
	font-size: 12px;
	color: #332C1F;
	text-align: left;
}

#header { margin: 0; padding: 0; }
#main { margin: 0; padding: 0; }

/* PROJECT SUB NAVIGATION */
#site-menu { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; background: #fbfbfb; padding: 4px 0 4px 16px; }
#site-menu ul {  margin: 0; padding: 0; height: 16px; list-style: none; }
#site-menu li { float: left; height: 16px; padding: 0 12px 6px 0; color: #565656; font-size: 1em; font-weight: bold; vertical-align: bottom; }
#site-menu li a { display: block; font-weight: bold; text-decoration: none; font-size: 1em; }
#site-menu li a.selected { font-size: 1em; top: 0px; background: none; }

h1 { margin: 12px 0 8px 0; padding: 0; }
h2 { margin: 12px 0 8px 0; padding: 0; }
h3 { margin: 12px 0 6px 0; padding: 0; }
h4 { margin: 12px 0 4px 0; padding: 0; }

h1.compact { margin: 0; padding: 0; }
h2.compact { margin: 0; padding: 0; }
h3.compact { margin: 0; padding: 0; }
h4.compact { margin: 0; padding: 0; }

p.compact { margin: 6px 0 0 0; padding: 0; }

a,a:hover {
	color: #1c63b0;
}

a.dark,a.dark:hover {
	font-weight: bold;
}

a.light,a.light:hover {
	color: #494949;
}

a.lighter,a.lighter:hover {
	color: #787878;
}

a.regular { background: none !important; padding: 0 !important; margin: 0 !important; border: none !important; }
a img { border: 0; }
img.link-prefix { margin-right: 4px; position: relative; top: 2px; }
.link-button {
	background-color: transparent;
	text-decoration: underline;
	border: none;
	color: rgb(14, 99, 138);
	cursor: pointer;
}

img.inline { position: relative; top: 4px; }

.larger { font-size: 1.2em; }

h1.orange {
	color: #ce6700;
}

h1.blue {
	color: #0176a8;
}

h1.purple {
	color: #9400cc;
}

h3.large {
	font-size: 1.5em;
}

h3.huge {
	font-size: 32px;
}

h3.blue {
	color: #0176a8;
}

h3.green {
	color: #669900;
}

h3.red {
	color: #ae2929;
}

h3.orange {
	color: #ce6700;
}

h3.purple {
	color: #9400cc;
}

a.very-important {
	font-size: 1.2em;
	color: #b72222;
	font-weight: bold;
}

.label-small {
	font-size: .8em;
	color: #858585;
}

a.toggle-flag,a.toggle-flag:hover {
	text-decoration: none;
}

a.flagged {
	background-image: url(/qrp/images/star-sharp.png);
}

a.not-flagged {
	background-image: url(/qrp/images/star-grey.png);
}

a.external {
	background: url(/qrp/images/external_link.png) no-repeat scroll right
		center transparent;
	padding: 0 13px 0 0;
}

.attention {
	color: #c40707;
}

.large-attention {
	color: #ca0e0e;
	font-size: 1.4em;
}

div.left {
	float: left;
}

div.half {
	width: 50%;
}

div.sixty {
	width: 60%;
}

div.three-quarters {
	width: 75%;
}

div.right {
	float: right;
}

div#ajax-wait-message {
	float: right;
	padding: 0 12px 0 0;
	color: #b72222;
	font-size: 16px;
	font-weight: bold;
	display: none;
}

div.sub-title {
	color: #737373;
}

div.project-sub-title {
	color: #737373;
	font-size: 1.5em;
	line-height: 2 em;
}

div.light {
	color: #494949;
}

div.ipage {
	margin: 0 4em 0 2em;
}

ul.messages {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 15px;
	color: #436400;
	background-color: #d5f09b;
}

ul.messages > li {
	list-style: none;
}

div.help {
	border: 1px solid #6EABE8;
	background: #EAF3FD url(/qrp/images/icon_help.gif) no-repeat 10px 10px;
	background-repeat: no-repeat;
	padding: 1em 2em 1em 40px;
}

div.warning {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 15px;
	color: #aa0000;
	background-color: #fffeea;
}

div.alternate-warning {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 15px;
	color: #436400;
	background-color: #d5f09b;
}

div.greenbox {
	border: 1px solid #B8FF4D;
	background: #EBFFCC;
	padding: 1em 2em 1em 40px;
}

div.graywrap {
	border: 1px solid #8c8c8c;
	background: #dddddd;
	margin: 0px 0px 10px 0px;
	padding: 15px 10px 15px 15px;
}

div.lightgraywrap {
	border: 1px solid #8c8c8c;
	background: #f4f4f4;
	margin: 0px 0px 10px 0px;
	padding: 15px 10px 15px 15px;
}

div.wrap {
	border: 1px solid #8c8c8c;
	margin: 0px 0px 10px 0px;
	padding: 15px 10px 15px 15px;
}

div.greenwrap {
	border: 1px solid #74a125;
	background: #c7e09c;
	margin: 0px 0px 10px 0px;
	padding: 15px 10px 15px 15px;
}

div.yellowwrap {
	border: 1px solid #f0c000;
	background: #fff4ca;
	margin: 0px 0px 10px 0px;
	padding: 15px 10px 15px 15px;
}

div.orangewrap {
	border: 1px solid #ea8c00;
	background: #fdd599;
	margin: 0px 0px 10px 0px;
	padding: 15px 10px 15px 15px;
}

div.redwrap {
	border: 1px solid #ae2929;
	background: #fdc8c9;
	margin: 0px 0px 10px 0px;
	padding: 15px 10px 15px 15px;
}

div.bluewrap {
	border: 1px solid #6eabe8;
	background: #eaf3fd;
	color: #000;
	margin: 0px 0px 10px 0px;
	padding: 15px 10px 15px 15px;
}

div.overlay-blue {
	display: none;
	position: absolute;
	top: 0%;
	left:-10%;
	height:100px;
	width:250px;
	border: 1px solid #6eabe8;
	background-color: #eaf3fd;
	z-index: 1;
}

.dont-break-out {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	/* word-break: break-all; */
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

td.left-column {
	padding: 12px;
	border-right: 1px solid #dddddd;
	background-color: #e1e6ec;
	min-width: 300px;
}

table.v-home-box {
	width: 800px
}

table.v-home-box td {
	width: 25%;
	padding: 15px;
	font-size: 14px;
}

/* FORMS */
fieldset.standard-form {
	width: 900px;
	background: #eaf3fd;
	border: 1px solid #aaaaaa;
	padding: 10px;
	margin-bottom: 24px;
	text-align: left;
	border-radius: 3px;
}

fieldset.wide-form {
	width: 60%;
	background: #eaf3fd;
	border: 1px solid #aaaaaa;
	padding: 10px;
	margin-bottom: 24px;
	text-align: left;
	border-radius: 3px;
}

fieldset.narrow {
	width: 95%;
}

fieldset.dialog {
	width: 95%;
	margin-bottom: 0;
	background: #ebf4fe;
	padding: 10px;
	text-align: left;
}

.dialog-input {
	width: 100%;
}

.dialog input.checkbox {
	width: 15px;
}

div.half fieldset {
	width: 90%;
}

fieldset.standard-form legend, fieldset.wide-form legend {
	background: #d0e4fb;
	padding: 4px 8px;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
}

label {
	padding: 0 3px 0 0;
}

dd {
	text-align: left;
	padding: 6px;
}

dt {
	float: left;
	clear: left;
	width: 150px;
	padding: 5px;
	text-align: right;
	font-weight: bold;
	color: #000;
}

fieldset.wide dt {
	width: 250px;
}

fieldset.fields-list {
	width: 900px;
	padding: 10px 0 0 0;
	margin-bottom: 24px;
	text-align: left;
	border: none;
}

fieldset.fields-list legend {
	background: #fff;
	padding: 4px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	border: none;
}

fieldset.fields-list dd {
	text-align: left;
	padding: 4px 4px 4px 0;
}

fieldset.fields-list dt {
	float: left;
	clear: left;
	width: 150px;
	padding: 4px 4px 4px 0;
	text-align: left;
	font-weight: bold;
	color: #56676d;
}

input,select {
	padding: 2px;
	margin-right: 4px;
}

input[type=text],input[type=password],input[type=textarea],select {
	border-style: solid;
	border-width: 1px;
	border-color: #a0a0a0;
}

.required {
	color: #c40707;
}

input.error,select.error,textarea.error {
	background-color: #FFCECE;
}

input.highlight {
	background-color: #FFFFA8;
}

input.image-input {
	padding: 0;
}

/*.form-button { background-color: #E6E6E6; color: #000; padding: 1px 4px; margin-right: 6px; } */
.add-note-fields {
	padding: 0 0 24px 0;
}

.radio-label {
	clear: left;
	padding-left: 63px;
}

div.buttons {
	padding: 12px 0 12px 6px;
}

div.buttons a,input {
	margin: 0 6px 0 0;
}

div.buttons input {
	padding: 8px;
}

.button-disabled {
	color: #848484;
}

p.half {
	width: 50%;
	padding: 0 0 12px 0;
}

div.onboarding-options {
	background: #f5fafe;
}

option.disabled {
	color: #c0c0c0;
}

input.link {
	 /* NOTE Remove all decorations */
    border: none;
    display: inline;
    margin: 0em;
    padding: 0em;
    outline: none;
    outline-offset: 0em;
    /* NOTE Look like a link */
    background: none;
    color: #1e60a2;
    cursor: pointer;
    font: inherit;
    text-decoration: underline;
}

/* DIALOG */
table.dialog-form td {
	align: left;
}

table.dialog-form td.label {
	padding: 6px 24px 6px 0;
}

table.dialog-form input {
	width: 300px;
}

table.dialog-form select {
	width: 300px;
}

table.rules-form {
	width: 100%;
}

table.rules-form td {
	padding: 12px 24px 12px 12px;
	background-color: #eaf3fd;
}

table.rules-form tr.alt td {
	background-color: #f2f2f2;
}

/* Notes */
div.note-container {
	padding: 36px 0 30px 0;
}

div.note {
	padding: 6px 0 16px 10px;
}

div.no-notes {
	padding-bottom: 6px;
	border: none;
}

div.note-info {
	background-color: #d0e4fb;
	color: #6C6F72;
	font-size: 11px;
	padding: 10px;
}

div.internal-note-info {
	color: #cc3300;
}

span.author {
	font-size: 14px;
	font-weight: bold;
}

div.add-note-fields a {
	padding: 0 6px 0 0;
}

div.edit-note-fields a {
	padding: 0 6px 0 0;
}

a.no-decorate {
	text-decoration: none;
}

ol.regular {
	padding: 0 0 10px 30px;
}

ol.regular li {
	padding: 2px 0 2px 0;
}

ol.spaced li {
	padding: 6px 0;
}

ul.regular {
	padding: 0 0 10px 30px;
}

ul.regular > li {
	padding: 2px 0 2px 0;
}

/* Estimated Demographics */
div.add-estimated-demographics-fields a {
	padding: 0 6px 0 0;
}

/* Attachments */
div.attachment-container {
	background: #eaeaea;
	padding: 10px 0 1px 12px;
}

/* ERRORS */
h4.error-header {
	color: #ae2929;
	font-weight: bold;
	padding: 12px 0 0 0;
}

ol.errors {
	border: 1px solid;
	margin: 4px 0 12px 0;
	padding: 15px 10px 15px 15px;
	color: #ae2929;
	background-color: #fae2e2;
	max-width: 900px;
}

ol.errors li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

span.error {
	color: #ae2929;
}

div.error {
	color: #ae2929;
}

/* Login */
fieldset#login {
	background: #EAF3FD;
	border: 1px solid #93B6FF;
	width: 300px;
}

fieldset#login dt {
	float: left;
	clear: left;
	width: 100px;
	padding: 5px;
	text-align: right;
	font-weight: bold;
	color: #000;
}

fieldset#login dd {
	text-align: left;
	padding: 6px;
}

fieldset#login .buttons {
	text-align: center;
}

/* HEADER */

div#logo {
	float: left;
	height: 52px;
	position: relative;
	top: -2px;
	z-index: -999;
}

div#logo img {
	border: none;
}

div#header ul {
	float: right
}

div#header li {
	display: inline;
	padding-left: 6px
}

/* NAVIGATION */
div#navigation ul {
	clear: both;
	background: url(/qrp/images/fade_light_blue.gif);
	border-top: 1px solid #5599dd;
	border-bottom: 1px solid #1374df;
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navigation li {
	float: left;
	border-right: 1px solid #59d;
	position: relative;
	padding: 0;
}

div#navigation li a {
	display: block;
	padding: 5px 15px 5px 15px;
	color: #fff;
	font-weight: bold;
	position: relative;
	text-decoration: none;
}

div#navigation li.selected {
	background: url(/qrp/images/fade_dark_blue.gif);
	font-weight: bold
}

.nav-notification-bubble {
    position: absolute;
    top: -5px;
    right: 3px;
    padding: 1px 4px 1px 4px;
    background-color: #dd3700;
    color: white;
    font-weight: bold;
    font-size: 0.8em;
    border-radius: 35px;
    box-shadow: 1px 1px 1px gray;
}

/* SUB NAVIGATION */
div#sub-navigation ul {
	clear: both;
	background: #eaf3fd;
	border-bottom: 1px solid #8ab9e8;
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#sub-navigation li {
	float: left;
	position: relative;
	margin: 0;
	padding: 4px 15px;
	color: #565656;
	font-size: 1.3em;
	font-weight: bold;
	display: flex;
	align-items: center;
	height: 18px;
}

div#sub-navigation li img {
	position: relative;
	top: -1px;
}

div#sub-navigation li.form {
	float: right;
	padding: 4px 16px 0 15px;
	font-size: .9em;
}

div#sub-navigation li.form input {
	width: 160px;
}

div#sub-navigation li.form select {
	width: 160px;
}

div#sub-navigation li.form input.button {
	padding: 0;
}

div#sub-navigation li a {
	display: block;
	color: #7f7f7f;
	font-weight: bold;
	position: relative;
	text-decoration: none;
	font-size: .8em;
}

div#sub-navigation li a.selected {
	color: #565656;
	font-size: 1em;
}

div#sub-navigation li a img {
	vertical-align: middle;
}

div.content {
	padding: 16px 0 24px 0;
}

.clear {
	clear: both
}

/* TABLES */
table {
	border-collapse: collapse;
	cellspacing: 0;
	cellpadding: 0;
}

table.data-table {
	clear: both;
	width: 100%;
}

table.data-table th {
	padding: 5px;
	background-color: #e5e5e5;
	color: #000;
	border-bottom: 1px solid #bbbbbb;
}

table.data-table th.linkify {
	cursor: pointer;
}

table.data-table th.linkify:hover {
	text-decoration: underline;
}

table.data-table td {
	padding: 5px;
	background-color: #fff;
	border-bottom: 1px solid #bbbbbb;
}

table.data-table th a {
	color: #000;
	text-decoration: none;
}

table.data-table th a:hover {
	text-decoration: underline;
}

table.data-table td {
	padding: 5px;
	background-color: #eaf3fd;
	border-bottom: 1px solid #bbbbbb;
}

table.data-table tr.alt td {
	padding: 5px;
	background-color: #d0e4fb;
	border-bottom: 1px solid #bbbbbb;
}

table.grid td {
	background-color: white;
}

/* highlights the text in the td cell. */
table.std-table tr.alt td.highlight {
	background-color: #ffff93;
}

/* highlights the text in the td cell. */
table.std-table td.highlight {
	background-color: #ffff93;
}

/*table.data-table td.actions { width: 100px; }*/
.td-info {
	font-size: 11px;
}

table.data-table td.orange {
	color: #ff8000;
}

table.data-table td.dark-orange {
	color: #de5f01;
}

table.data-table td.red {
	color: #ae2929;
}

table.data-table td.yellow {
	color: #fdb913;
}

table.data-table td.pale-yellow {
	color: #fecd5c;
}

table.data-table td.expire-red { background-color: #f8696b; color: black; }
table.data-table td.expire-yellow { background-color: #ffe784; color: black; }
table.data-table td.expire-orange { background-color: #fba276; color: black; }
table.data-table tr.alt td.expire-red { background-color: #f8696b; color: black; }
table.data-table tr.alt td.expire-yellow { background-color: #ffe784; color: black; }
table.data-table tr.alt td.expire-orange { background-color: #fba276; color: black; }

.red-background {
	background-color: #ffb9b9;
}

.green-background {
	background-color: #c6e4a3;
}

.gray-background {
	background-color: #dddddd;
}

table.data-table td div.data {
	width: 100%;
	padding: 3px;
	margin: 1.5px;
	font-weight: bold;
}

table.sortable tr {
	cursor: move;
}

table.acceptable-ids td {
	padding: 8px 24px;
}

table.data-table img {
	vertical-align: middle;
	border: 0;
}

/* Electronic Signature Table */
table.esig {
	width: 400px;
	margin: 15px 50px 0 0;
}

table.esig th {
	padding: 2px 2px 2px 0;
}

/* Standard Table */
table.std-table {
	width: 100%;
}

table.std-table th {
	padding: 5px;
	background-color: #3C6C91;
	color: #fff;
}

table.std-table td {
	padding: 5px;
	background-color: #eaf3fd;
	border-top: 1px solid #fff;
}

table.std-table tr.alt td {
	background-color: #d0e4fb;
}

table.std-table th a {
	color: #fff;
	text-decoration: none;
}

table.std-table th a:hover {
	text-decoration: underline;
}

table.std-table tr.date-cut td {
	border-top: 1px solid #505050;
}

table.std-table tr.foot td {
	border-top: 1px solid #505050;
	background-color: #3C6C91;
	color: #fff;
	font-weight: bold;
}

table.current-aqm-table {
	min-width: 300px;
}

table.current-aqm-table td {
	border: 1px solid #d1dae0;
	padding: 2px 3px !important;
	background: #eceff2 !important;
	font-size: .9em;
}

/* Stat Table */
table.stat-table {
	width: 100%;
}

table.stat-table th {
	padding: 5px;
	background-color: #e5e5e5;
	color: #000;
	border-bottom: 1px solid #bbbbbb;
}

table.stat-table td {
	padding: 5px;
	background-color: #e6edde;
	border-bottom: 1px solid #bbbbbb;
}

table.stat-table tr.alt td {
	padding: 5px;
	background-color: #ccdabc;
	border-bottom: 1px solid #bbbbbb;
}

table.stat-table th a {
	color: #fff;
	text-decoration: none;
}

table.stat-table th a:hover {
	text-decoration: underline;
}

div.small {
	font-size: 10px;
}

td.small {
	font-size: 10px;
}

th.currency {
	text-align: right;
}

td.currency {
	text-align: right;
}

p.small {
	color: #777;
	font-size: 92%;
	margin: 0 0 9px;
}

/* Metric Table */
table.metric-table {
	border-collapse: separate;
}

table.metric-table td {
	border: 1px solid;
	padding: 12px 0 20px 12px;
	width: 250px;
}

/* User Info Table */
table.user-info-small td {
	padding: 0 6px 0 12px;
}

div.bulletin {
	border: 1px solid;
	margin: 0 0 20px 0;
	padding: 15px 10px 15px 15px;
	color: #8a1613;
	background-color: #f1f1e2;
}

div.bulletin ul {
	list-style-position: inside;
	margin: 0;
	padding: 12px 0 0 6px;
}

div.bulletin ul a {
	color: #0e638a;
}

/* Invoice Totals Table */
table.invoice-totals {
	width: 800px;
	margin: 0 0 24px 0;
}

table.invoice-totals td {
	padding: 3px 8px 3px 8px;
	border-top: 1px solid #c9c9cd;
	border-bottom: 1px solid #c9c9cd;
	font-size: 14px;
}

table.invoice-totals td.heading {
	color: #50505a; 
	font-size: 12px;
	text-align: right;
	width: 300px;
}

table.invoice-totals td.sub-heading {
	font-size: 10px;
	background: #f4f4f4;
	padding: 2px 8px 2px 8px;
}

table.invoice-totals td.pad-left {
	padding-left: 25px;
}

table.invoice-type-totals {
	width: 100%;
	max-width: 1200px;
	margin-bottom: 16px;
}

table.invoice-type-totals td {
	padding: 4px 8px;
}

table.invoice-type-totals tr.alt td {
	background: #f4f4f4;
}

table.invoice-type-totals th {
	padding: 4px 8px;
	background: #222222;
	color: white;
}

/* Payroll Totals Table */
table.payroll-totals {
	width: 600px;
	margin: 0 0 24px 0;
}

table.payroll-totals td {
	padding: 3px 8px 3px 8px;
	border-top: 1px solid #c9c9cd;
	border-bottom: 1px solid #c9c9cd;
	font-size: 14px;
}

table.payroll-totals td.heading {
	color: #50505a;
	font-size: 12px;
	text-align: right;
	width: 200px;
}

table.payroll-totals td.sub-heading {
	font-size: 10px;
	background: #f4f4f4;
	padding: 2px 8px 2px 8px;
}

table.payroll-totals td.pad-left {
	padding-left: 25px;
}

table.invoice-filters td {
	padding: 0 6px 0 0;
}

/* Dialog Table */
table.dialog-table {
	width: 100%;
}

table.dialog-table tr {
	font-size: 14px;
	color: #525252;
}

table.dialog-table th {
	padding: 5px;
	background-color: #525252;
	color: #f5f5f5;
	border-bottom: 1px solid #bbbbbb;
}

table.dialog-table td {
	padding: 5px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #bbbbbb;
}

table.dialog-table tr.alt td {
	background-color: #ffffff;
}

/* ACTION CENTER */
div.action-center {
	border: 1px solid #464646;
	margin: 10px 0 30px 0;
	padding: 15px 10px 15px 15px;
	background-color: #eaf3fd;
	width: 1124px;
}

table.action-center-table td {
	padding: 0 6px 6px 0;
	width: 25%;
	font-size: 1.2em;
	vertical-align: middle;
}

table.action-center-table td.number {
	padding-right: 80px;
	text-align: right;
}

table.action-center-table td.large {
	font-size: 1.5em;
}

table.action-center-table td.large-number {
	font-size: 2em;
	font-weight: bold;
}

table.action-center-table td a {
	text-decoration: none;
}

table.action-center-table td a:hover {
	text-decoration: underline;
}

div.action-category-label {
	font-size: .9em;
	font-weight: bold;
}

table.action-center-table tr.details td {
	vertical-align: top;
}

table.action-center-table td.action-category {
	padding: 22px 0 0 0;
	vertical-align: top;
}

table.action-center-table tr.divider td {
	padding-top: 6px;
	border-top: 1px solid;
}

table.action-details {
	width: 100%;
}

table.action-details td {
	width: 75%;
	padding: 0 0 6px 0;
	font-size: 1em;
}

table.action-details td.number {
	padding-right: 75px;
	width: 25%;
	text-align: right;
}

table.action-details tr.small td {
	padding: 3px 75px 3px 12px;
	border-top: 1px dotted;
	font-size: .7em;
	vertical-align: bottom;
}

table.action-details tr.alt td {
	background: #d2e6fb;
}

div.action-category-wrapper {
	border: 1px dashed;;
	margin: 10px 0 30px 0;
	padding: 15px 10px 15px 15px;
	background-color: #d2e6fb;
	width: 500px;
}

table.action-category {
	width: 100%;
}

table.action-category td {
	width: 75%;
	padding: 6px 0 6px 0;
	font-size: 1em;
}

table.action-category td.number {
	padding-right: 34px;
	width: 25%;
	text-align: right;
}

table.action-category tr.subcategory-label td {
	font-size: .9em;
	font-weight: bold;
	padding: 6px 0 0 0;
}

table.action-category tr.small td {
	padding: 3px 34px 3px 12px;
	border-top: 1px dotted;
	font-size: .7em;
	vertical-align: bottom;
}

table.action-category tr.alt td {
	background: #eaf3fd;
}

table.action-category tr.divider td {
	padding-top: 14px;
	border-top: 1px solid;
}

a.expand-top, a.expand-staged {
	color: #658347;
	font-weight: bold;
}

a.expand-customer {
	color: #658347;
}

a.expand-project {
	color: #658347;
}

a.expand-all {
	text-decoration: none;
	color: black;
}

/* EXPERIMENTS */
div.set-element {
	background: #e1f1fe;
	color: #3d68ad;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 12px 16px;
	font-weight: bold;
}

div.set-outcome {
	border-top: 1px solid #6eabe8;
	background: #eaf3fd;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 6px 12px 12px 0;
}

div.quality-review-element {
	background: #e1f1fe;
	color: #3d68ad;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 12px 16px;
	font-weight: bold;
	margin-top: 24px;
}

div.quality-review-options {
	border-top: 1px solid #6eabe8;
	background: #eaf3fd;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 6px 12px 12px 0;
	margin-top: 6px;
}

td.form-field-smaller { font-size: .9em; }

div.experiment-comment-box {
	padding: 6px 0 0 0;
}

div.element-wrapper {
	padding: 12px 0 0 0;
}

div.element-header {
	font: 140%/120% arial;
	background: #dedede;
	color: #333;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 6px 16px;
}

div.element-body {
	border-top: 1px solid #999;
	background: #fafafa;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 12px 16px;
}

fieldset.dynamic-group {
	border: 1px solid #dedede;
	margin: 6px 0 6px 0;
	padding: 12px;
}

fieldset.dynamic-group legend {
	font-weight: bold;
}

img.qr-code { margin: 12px 0; }

tr.spacer td {
	padding: 6px 0 0 0;
	border-top: 1px solid #9d9d9d;
}

div.guidelines-wrapper {
	padding: 6px 0 12px 0;
}

div.guidelines-wrapper h3 {
	margin: 0;
	padding: 6px;
}

div.guidelines-wrapper p {
	padding: 6px 0 0 0;
	margin: 0;
}

/* Experiment attributes / input tables */
table.set-element-attributes {
	margin: 6px 0 12px 0;
}

table.set-element-attributes td {
	padding: 0 12px 0 0;
}

div#grid-no-results {
	clear: both;
	width: 95%;
	border: 1px solid #000;
	padding: 25px;
	text-align: center;
	display: none;
}

/* Data Grid Table */
table.grid td {
	width: 33%;
	border: 1px solid #c6dff9;
	padding: 24px 24px 12px 24px;
}

table .title-text {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	color: #1e60a2;
}

table .title-text a {
	text-decoration: none;
}

table .title-text a:hover {
	text-decoration: underline;
}

#project-list td { padding: 24px 8px; }

.title {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4em;
	color: #507c0c;
}

.sub-title {
	font-size: 11px;
	line-height: 1.2 em;
}

.snippet {
	line-height: 1.2 em;
	padding: 0;
	margin: 6px 0 3px 0;
}

.rate-block {
	color: #33333;
	font-size: 11px;
	padding-top: 12px;
}

.ip-qualification-message {
	font-size: 11px;
	margin-top: 5px;
	font-weight: bold;
	color: #737373
}

/* EXPERIMENTS */
div.set-element {
	background: #e1f1fe;
	color: #3d68ad;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 12px 16px;
	font-weight: bold;
}

div.set-outcome {
	border-top: 1px solid #6eabe8;
	background: #eaf3fd;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 6px 12px 12px 0;
}

div.experiment-comment-box {
	padding: 6px 0 0 0;
}

div.element-wrapper {
	padding: 12px 0 0 0;
}

div.element-header {
	font: 140%/120% arial;
	background: #dedede;
	color: #333;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 6px 16px;
}

div.element-body {
	border-top: 1px solid #999;
	background: #fafafa;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 12px 16px;
}

fieldset.dynamic-group {
	border: 1px solid #dedede;
	margin: 6px 0 6px 0;
	padding: 12px;
}

fieldset.dynamic-group legend {
	font-weight: bold;
}

tr.spacer td {
	padding: 6px 0 0 0;
	border-top: 1px solid #9d9d9d;
}

div.guidelines-wrapper {
	padding: 6px 0 12px 0;
}

div.guidelines-wrapper h3 {
	margin: 0;
	padding: 6px;
}

div.guidelines-wrapper p {
	padding: 6px 0 0 0;
	margin: 0;
}

div.android-set-outcome {
	background: none repeat scroll 0 0 #EAF3FD;
	border-radius: 4px 4px 4px 4px;
	border-top: 1px solid #666666;
	padding: 6px 12px 12px 0;
}

div.android {
	background: black;
	color: #f4f4f4;
	font-size: 16px;
}

.android-value {
	color: #666666;
}

.android-textinput {
	font-size: 16px;
	width: 300px;
	-moz-border-radius: 4px 4px 4px 4px;
}

.android-select {
	font-size: 16px;
	width: 300px;
	-moz-border-radius: 4px 4px 4px 4px;
}

table.android td.android-pad {
	padding: 10px 0;
}

/* Experiment attributes / input tables */
table.set-element-attributes {
	margin: 6px 0 12px 0;
}

table.set-element-attributes td {
	padding: 0 12px 0 0;
}

div#grid-no-results {
	clear: both;
	width: 95%;
	border: 1px solid #000;
	padding: 25px;
	text-align: center;
	display: none;
}

div.data-grid-message {
	clear: both;
	width: 95%;
	border: 1px solid #000;
	padding: 25px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

div#click-button-first {
	clear: both;
	width: 95%;
	border: 1px solid #000;
	padding: 25px;
	text-align: center;
	font-size: 1.6em;
	color: #676767;
}

/* Action Buttons and Links */
.action-links {
	float: left;
	padding: 6px 0px 10px 15px;
}

/* PAGINATION */
#pagination-wrapper {
	text-align: right;
	float: right;
	padding: 12px 6px 35px;
}

.pagination-left {
	float: none !important;
	margin-left: 30px;
	margin: 25px 0 40px 30px;
}

ul#pagination-clean {
	margin: auto;
}

#pagination-clean li {
	padding: 3px 4px 0;
	font-size: 13px;
	list-style: none;
	display: inline;
	float: left;
}

#pagination-clean li.information {
	color: #332C1F;
	font-weight: bold;
}

#pagination-clean li.shortcut-off {
	color: #747067;
}

#pagination-clean .shortcut a {
	font-weight: bold;
}

#pagination-clean li.active {
	color: #625F57;
	font-weight: bold;
	border: 1px solid #B1AFAB;
}

#pagination-clean a:link,#pagination-clean a:visited {
	text-decoration: underline;
}

#pagination-clean a:hover {
	text-decoration: underline;
}

/* ROWS PER PAGE (Yuck) */
#rows-per-page-wrapper {
	clear: both;
	text-align: right;
	float: left;
	padding: 12px 0 35px;
}

ul#rows-per-page-clean {
	margin: auto;
}

#rows-per-page-clean li {
	padding: 3px 4px 0;
	font-size: 13px;
	list-style: none;
	display: inline;
	float: left;
}

#rows-per-page-clean li.information {
	color: #332C1F;
	font-weight: bold;
}

#rows-per-page-clean li.shortcut-off {
	color: #747067;
}

#rows-per-page-clean .shortcut a {
	font-weight: bold;
}

#rows-per-page-clean li.active {
	color: #625F57;
	font-weight: bold;
}

#rows-per-page-clean a:link,#rows-per-page-clean a:visited {
	text-decoration: underline;
}

#rows-per-page-clean a:hover {
	text-decoration: underline;
}

.secondary-sort {
	color: #ffffff;
}

.highlight {
	background-color: #ffff93;
}

/* STAT PORTLET CONTAINERS */
div.stat-container {
	width: 550px;
	margin: 6px 50px 12px 0;
	float: left;
}

div.full {
	width: 100%;
	padding: 0 0 16px 0;
}

div.stat-container h3 {
	margin: 0;
	padding: 0 0 6px 0;
}

span.small {
	font-size: 10px;
	font-weight: normal;
}

.tiny-info {
	font-size: 9px;
	color: #676767;
	font-weight: normal;
}

.small-info {
	font-size: 11px;
	color: #676767;
	font-weight: normal;
}

.info {
	font-size: 12px;
	color: #676767;
	font-weight: normal;
}

.large-info {
	font-size: 14px;
	color: #676767;
	font-weight: normal;
}

.larger-info {
	font-size: 15px;
	color: #676767;
	font-weight: normal;
}

.tiny-th-info {
	font-size: 9px;
	color: #ffffff;
}

/* Public Job List */
ol.search-list li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 20px 0 0 6px;
}

h4.top-news-headline { color: #0176a8; margin: 0; padding: 0; }
p.news-text { word-wrap: break-word; word-break: break-word; }

/* Text Styles */
div.style1 {
	font: 15px Arial, Helvetica, sans-serif;
	color: #1C4B8C;
	line-height: 1.5em;
}

div.style2 {
	font: 15px Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 2em;
	font-weight: bold;
}

div.push {
	margin: 10px 0 0 12px;
}

div.push-more {
	margin: 24px 0 0 36px;
}

div.top {
	margin-top: 0px;
}

/* Invoice styles */
.invoice_leftmenu {
	padding: 8px;
}

.strong { font-weight: bold; }

.green {
	color: #1b8136;
}

.red {
	color: #ae2929;
}

.orange {
	color: #ea8c00;
}

.dark-orange {
	color: #de5f01;
}

.entry-description {
	width: 200px;
}

table.invoice-builder {
	clear: both;
}

table.invoice-builder .date-picker {
	width: 6em;
}

.invoice-entry-description {
	font-size: 12px;
}

.big-stat {
	font-size: 22px;
}

.big-stat-smaller {
	font-size: 16px;
}

.big-stat-smallest {
	font-size: 14px;
}

.big-stat-tiny {
	font-size: 12px;
}

div.event-info {
	color: #4B4B4B;
	font-size: 11px;
	padding: 0 0 6px 0;
}

ul.other-invoices {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.other-invoices > li {
	padding: 0 0 0 12px;
}

/* Language Exam */
div.language-exam {
	padding: 20px 0 10px 0;
}

div.language-question {
	padding: 24px 0 0 0;
}

div.language-question ul {
	margin: 0;
	padding: 0 0 0 16px;
	list-style: none;
}

div.language-question ul li {
	padding: 2px;
}

div.language-radios {
	padding: 0 0 0 24px;
}

/* Thematic Screening Exam */
div.thematic-exam {
	padding: 20px 0 10px 0;
}

div.thematic-question {
	padding: 24px 0 0 0;
}

div.thematic-question dl {
	width: 100%;
}

div.thematic-question dt {
	width: 200px;
	text-align: left;
	font-weight: normal;
	padding: 0;
}

div.thematic-question dd {
	padding: 2px;
}

/* IC Statement */
ol.ic-statement li {
	list-style-position: inside;
	padding: 12px 0 0 0;
	font-weight: bold;
}

ol.ic-statement li span {
	font-weight: normal;
}

/* Dashboard Styles */
td.dash-metric-square {
	width: 50%;
	height: 275px;
	padding: 0 48px 0 0;
}

.emphasize {
	font-size: 14px;
	font-weight: bold;
}

/* Taken from public.css for form styling */
.error-header {
	font-size: 15px;
	font-weight: bold;
	color: #ae2929;
}

fieldset.standard-form table th, fieldset.wide-form table th {
	padding-top: 7px;
	padding-right: 10px;
	text-align: right;
	font-weight: normal;
	white-space: nowrap;
	width: 200px;
	font-weight: bold;
	vertical-align: top;
}

fieldset.standard-form table td, fieldset.wide-form table td {
	padding-top: 8px;
	padding-right: 8px;
}

fieldset.standard-form input, fieldset.wide-form input {
	font-size: 14px;
	padding: 3px;
	font-weight: bold;
	margin-bottom: 3px;
}

fieldset.standard-form input.wide, fieldset.wide-form input.wide {
	width: 300px;
}

fieldset.standard-form input.extra-wide, fieldset.wide-form input.extra-wide {
	width: 535px;
}

fieldset.standard-form input.checkbox, fieldset.wide-form input.checkbox {
	padding: 3px;
	margin-bottom: 3px;
}

select.hours-minutes-picker { width: auto !important; }

input.radio {
	padding: 0px;
	width: 15px;
	margin-bottom: 0px;
}

input.checkbox {
	padding: 0;
	width: 15px;
	margin-bottom: 0px;
}

div.form-note {
	font-size: 10px;
	line-height: 1;
	color: #666;
	padding-bottom: 5px;
	font-weight: bold;
}

div.showcase {
	font-size: 12px;
	color: #c40707;
}

input.task-button {
	width: 120px;
}

input.short-button {
	width: 100px;
}

input.tiny-button {
	padding: 2px;
	margin-right: 0;
	padding: 1px;
}

textarea.internal-note {
	background-color: #fff0ec;
}

input.internal-note {
	color: #cc3300;
}

input.error {
	background-color: #FFCECE;
}

.grey_border_box {
	border: 2px solid #ebebeb;
	padding: 3px;
	margin-bottom: 10px;
}

.grey_box {
	background: #ebebeb;
	padding: 8px;
	font-size: 16px;
	font-weight: bold;
}

.green_border_box {
	border: 1px solid #74a125;
	padding: 3px;
}

.green_box {
	background: #e9ffc2;
	color: #516f1a;
	padding: 4px;
	font-size: 13px;
	font-weight: normal;
}

.green_box a {
	color: #516f1a;
}

.green_box a.visited {
	color: #516f1a;
}

table.fat td {
	padding: 6px;
}

.sub {
	font-size: 9pt;
	color: #555;
	font-weight: normal;
	margin: 0; padding: 0;
}

.smallsub {
	font-size: 8pt;
	color: #333;
	margin: 0; padding: 0;
}

dl { margin: 0; padding: 0; }

hr {
	border: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
	text-align: left;
}

table.task_table td {
	padding: 5px;
}

table.task_table {
	margin-left: 12px;
}

/* Side by Side ranking table */
table.sxs-rating {
	background-color: white;
	border: 1px solid gray;
	border-collapse: collapse;
	border-spacing: 1px;
}

table.sxs-rating th {
	-moz-border-radius: 0 0 0 0;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-size: 1.2em;
	padding: 3px;
}

table.sxs-rating td {
	-moz-border-radius: 0 0 0 0;
	background-color: white;
	border: 1px solid gray;
	font-size: 1em;
	padding: 4px;
}

ul.sortable {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Quiz Question Table */
table.question-table {
	width: 100%;
}

table.question-table th {
	padding: 5px;
	text-align: right;
	vertical-align: middle !important;
}

table.question-table td {
	padding: 5px;
	background-color: #eaf3fd;
	border-top: 1px solid #fff;
}

/* BUTTONS */
.btn {
	border: 1px solid #688833;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -0.03em;
	line-height: 1.25em;
	overflow: visible;
	padding: 7px;
	width: auto;
	text-decoration: none;
}

.btn:hover {
	text-decoration: none !important;
	color: #fff;
}

.btn-default {
	background: none repeat scroll 0 0 #f3f3f3;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),
		to(#f3f3f3) );
	background: -moz-linear-gradient(center top, #FFFFFF, #F3F3F3) repeat
		scroll 0 0 #F3F3F3;
	border: 1px solid #8ab9e8;
	color: #333333;
	text-shadow: 0 1px 0 #FFFFFF;
}

.btn-default:hover {
	border-color: #333333;
}

.btn-default:active {
	background: none repeat scroll 0 0 #F3F3F3;
}

.btn-disabled {
	color: #b1b1b1;
}

.btn-disabled:hover {
	color: #b1b1b1;
	border-color: #8ab9e8;
}

.btn-disabled:active {
	background: none;
}

.btn-primary {
	background: none repeat scroll 0 0 #799E3C;
	background: -moz-linear-gradient(center top, #8EAF53, #799E3C) repeat
		scroll 0 0 #799E3C;
	background: -webkit-gradient(linear, left top, left bottom, from(#8EAF53),
		to(#799E3C) );
	border: 1px solid #799E3C;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 #619C33;
}

.btn-primary:active {
	background: none repeat scroll 0 0 #799E3C;
}

.btn-secondary {
	background: none repeat scroll 0 0 #005991;
	background: -moz-linear-gradient(center top, #0066A6, #005991) repeat
		scroll 0 0 #005991;
	background: -webkit-gradient(linear, left top, left bottom, from(#0066A6),
		to(#005991) );
	border: 1px solid #15497f;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 #023B83;
}

.btn-secondary:hover {
	background: -moz-linear-gradient(center top, #0066A6, #1B84C8) repeat
		scroll 0 0 transparent;
}

.btn-secondary:active {
	background: none repeat scroll 0 0 #023B83;
}

.btn-secondary.disabled {
	background: none repeat scroll 0 0 #BDCDE1;
	border: 1px solid #BDCDE1;
	text-shadow: 0 -1px 0 #BDCDE1;
}

.btn-special {
	background: -moz-linear-gradient(center top, #FFFFFF, #E3ECF6) repeat
		scroll 0 0 #E3ECF6;
	border: 1px solid #1B5790;
	color: #105CB6;
	padding-bottom: 7px;
	padding-top: 6px;
	text-shadow: 0 1px 0 #FFFFFF;
}

.btn-special:active {
	background: none repeat scroll 0 0 #E3ECF6;
}

.btn-upgrade {
	background: #F9BE00 none repeat scroll 0 0;
	border: 1px solid #F9BE00;
	color: #333E48;
	text-shadow: 0 -1px 0 #E6B000;
}

.btn-upgrade:active {
	background: #F9BE00 none repeat scroll 0 0;
}

.btn.loading {
	background: -moz-linear-gradient(center top, #FFFFFF, #F3F3F3) repeat
		scroll 0 0 #F3F3F3;
	border: 1px solid #80A1C1;
	color: #CCDCEF;
	cursor: wait;
	text-shadow: 0 1px 0 #FFFFFF;
}

.load-more {
	border-radius: 0 0 5px 5px;
	display: block;
	margin-bottom: 20px;
	padding: 10px 0;
	text-align: center;
}

.btn-small {
	font-size: 1em;
	padding: 6px;
}

.btn-smaller {
	font-size: 0.916667em;
	padding: 5px;
}

.btn-big {
	font-size: 1.16667em;
}

.btn-huge {
	font-size: 1.33333em;
	padding: 6px 7px 7px;
}

.btn-centered {
	margin-bottom: 15px;
	text-align: center;
	width: 284px;
}

.btn-small-centered {
	width: 213px;
}

.btn-default.btn-follow span {
	background-position: -113px -158px;
	height: 11px;
	margin-right: 5px;
	vertical-align: -1px;
	width: 10px;
}

.btn-submit {
	float: left;
	font-size: 1.08333em;
	margin: 1px 10px 0 0;
	padding: 7px 9px 7px 6px;
}

.btn-submit:active {
	background: none repeat scroll 0 0 #799E3C;
}

.plus-icon {
	background-color: #507C0C;
	border-bottom: 1px solid #A1BC74;
	float: left;
	height: 2px;
	margin-right: 5px;
	position: relative;
	top: 7px;
	width: 8px;
}

.plus-icon span {
	background-color: #507C0C;
	border-bottom: 1px solid #A1BC74;
	height: 8px;
	left: 3px;
	position: absolute;
	top: -3px;
	width: 2px;
}

ul.ticket-notes {
	margin: 0;
	padding: 0;
}

ul.ticket-notes > li {
	list-style: none;
}

.center { text-align: center; }

.option-icon {
	margin-left: 5px;
}

/*
		USER PROFILE
*/

table.profile { border-collapse: collapse; }
table.profile td { vertical-align: top; }
table.profile td.left-panel { padding: 12px; min-width: 300px; border: 1px solid #aaaaaa; background-color: #e1e6ec; }
table.profile td.center-panel { padding: 0 12px 0 12px; width: 100%; }
table.profile td.right-panel { min-width: 350px;  }

td.profile-picture { padding: 0 12px 12px 0; text-align: center; }
img.profile-picture { border: 1px solid #aaaaaa; height: 120px; width: 120px; }
img.no-image { border: none; }
h2.profile-name { margin: 0; padding: 0; font-size: 2.2em; color: #4b4b4b; }
h2.profile-name span { font-size: .5em; }
.profile-subtitle { font-size: 1.4em; color: #4b4b4b; }
div.user-status { float: right; padding-right: 16px; font-size: 1.5em; }

table.profile-header-details { margin-bottom: 12px; }
table.profile-header-details th { padding: 2px 24px 0 0; color: #787878; font-weight: normal; font-size: .9em; text-align: left; }
table.profile-header-details td { padding: 2px 0 0 0; min-width: 200px; margin: 24px 0 24px 0; font-size: .9em; }

h4.left-panel { font-size: 1.2em; margin-bottom: 4px; color: #414141;  }
div.left-panel-details { margin-bottom: 16px; background-color: #eceff2; font-size: .9em;  }
div.left-panel-scrollable { overflow-x: wrap; overflow-y: auto; max-height: 250px; }
div.left-panel-details table.user-info-small { width: 100%; }
div.left-panel-details table.user-info-small td { padding: 0 6px 0 0; vertical-align: middle;  }
div.left-panel-details ul.other-invoices li { color: #4B4B4B; }

table.profile-section { width: 100%; }
table.profile-section caption { font-weight: bold; padding-bottom: 5px; font-size: 1.2em; color: #787878; }
table.profile-section td { vertical-align: top; }
table.profile-section td.wrap { border: 1px solid #aaaaaa; }
table.profile-section tr.section-header td { margin-top: 12px; padding: 4px 4px 4px 8px; border: 1px solid #aaaaaa; background-color: #d0e4fb; font-size: 1.2em; font-weight: bold; color: #4b4b4b; }
table.profile-section tr.section-details > th { padding: 2px 6px 0 6px; min-width: 185px; width: 190px; color: #787878; font-weight: normal; font-size: .9em; text-align: right; }
table.profile-section tr.section-details > td { padding: 2px 0 0 6px; min-width: 200px; margin: 24px 0 24px 0; font-size: .9em; vertical-align: middle; color: #414141; }
table.profile-section tr.section-details td.actions { font-size: .8em; width: 100%; }
table.profile-section tr.section-details td.actions a { margin: 0 2px 0 2px; }
table.profile-section tr.top-spacer td { padding: 0; margin: 0; }
table.profile-section tr.bottom-spacer td { padding-bottom: 6px; }

table.profile-section table.details-drill { padding: 12px; border: 1px solid #aaaaaa; background-color: #e1e6ec; width: 350px; }
table.profile-section table.details-drill th { padding: 6px 12px 0 12px; }
table.profile-section table.details-drill td { padding: 4px 12px 6px 12px; }
table.profile-section table.documents td { padding-left: 24px; }

table.middle th { vertical-align: middle; }
table.middle td { vertical-align: middle; }
input.slim { padding: 0 4px 0 4px; }

#qualifications .ui-tabs-panel { padding: 12px 0 12px 0; }
#qualifications .ui-tabs-nav { border-radius: 0px; }
#qualifications .ui-tabs-nav li a { padding: 3px 8px 3px 8px; }
#qualifications li { float: right; }
#qualifications .ui-widget-header { font-size: 1em; background: #d0e4fb; border: 1px solid #aaaaa; }
#qualifications { padding: 0px; border-radius: 0px; border: none; }
#qualifications .section-header { position: absolute; top: -26px; color: #4B4B4B; font-size: 1.2em; font-weight: bold; padding: 4px 4px 4px 8px; }
#qualifications p { padding: 12px 0 24px 12px; font-size: 1.4em; color: #787878; }
.section-details p { padding: 12px 0 24px 12px; font-size: 1.6em; color: #787878; }
table.qualification tr.section-details > td { min-width: 0px; }

#demographics .ui-tabs-panel { padding: 12px 0 12px 0; }
#demographics .ui-tabs-nav { border-radius: 0px; }
#demographics .ui-tabs-nav li a { padding: 3px 8px 3px 8px; }
#demographics li { float: right; }
#demographics .ui-widget-header { font-size: 1em; background: #d0e4fb; border: 1px solid #aaaaa; }
#demographics { padding: 0px; border-radius: 0px; border: none; }
#demographics .section-header { position: absolute; top: -26px; color: #4B4B4B; font-size: 1.2em; font-weight: bold; padding: 4px 4px 4px 8px; }
#demographics p { padding: 12px 0 24px 12px; font-size: 1.4em; color: #787878; }
.section-details p { padding: 12px 0 24px 12px; font-size: 1.6em; color: #787878; }
table.demographic tr.section-details > td { min-width: 0px; }

#permissions h3 { margin: 0; font-size: 1.2em; color: #787878; padding-bottom: 0; }
#permissions .ui-tabs-panel { padding: 12px 0 12px 0; }
#permissions .ui-tabs-nav { border-radius: 0px; }
#permissions .ui-tabs-nav li a { padding: 3px 8px 3px 8px; }
#permissions li { float: right; }
#permissions .ui-widget-header { font-size: 1em; background: #d0e4fb; border: 1px solid #aaaaa; }
#permissions { padding: 0px; border-radius: 0px; border: none; width: 100%;  }
#permissions .section-header { position: absolute; top: -26px; color: #4B4B4B; font-size: 1.2em; font-weight: bold; padding: 4px 4px 4px 8px; }
#permissions p { padding: 12px 0 24px 12px; font-size: 1.4em; color: #787878; }
#permissions div.stat-container { width: 100%; }
#locales-groups { margin: 0 24px 0 24px; width: 95%; }
#group-table td { min-width: 85px; }
#locale-table td { min-width: 85px; }
#mappings { margin: 0 24px 0 24px; width: 95%; }
#customer-table td { min-width: 85px; }
#project-table td { min-width: 85px; }

#lc { padding: 0px; border-radius: 0px; border: none; width: 100%;  }
#lc h3 { margin: 0; font-size: 1.2em; color: #787878; padding-bottom: 0; }
#lc .ui-tabs-panel { padding: 12px 0 12px 0; }
#lc .ui-tabs-nav { border-radius: 0px; }
#lc .ui-tabs-nav li a { padding: 3px 8px 3px 8px; }
#lc li { float: right; }
#lc .ui-widget-header { font-size: 1em; background: #d0e4fb; border: 1px solid #aaaaa; }
#lc { padding: 0px; border-radius: 0px; border: none; width: 100%;  }
#lc .section-header { position: absolute; top: -26px; color: #4B4B4B; font-size: 1.2em; font-weight: bold; padding: 4px 4px 4px 8px; }
#tlc { margin: 0 24px 0 24px; width: 95%; }
#tlc .tiny-info { margin-bottom: 6px; }
#alc { margin: 0 24px 0 24px; width: 95%; }
#alc .tiny-info { margin-bottom: 6px; }

div.duplicates { margin: 0 0 20px 0; padding: 0 10px 15px 15px; color: #4b4b4b; }
div.duplicates h3 { margin: 0; padding: 0; color: #cc3300; }
div.duplicates ul { margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
div.duplicates ul li { background-color: #ffd9cc; border: 1px dotted #aaaaaa; padding: 4px 8px 4px 8px; margin: 4px 0 4px 0; }
div.duplicates ul li.viewed { background-color: lightgrey }

div.achievements { margin: 0 0 20px 0; padding: 0 10px 15px 15px; color: #4b4b4b; }
div.achievements h3 { margin: 0; padding: 0; color: #cc3300; }
div.achievements ul { margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
div.achievements ul li { background-color: #ffedcc; border: 1px dotted #aaaaaa; padding: 4px 8px 2px 8px; margin: 4px 0 4px 0; }
span.achievement-count { position: relative; background-color: #9ec97f; color: white; }
span.achievement-count.small { top: -4px; left: -8px; font-size: 10px; padding: 0 2px 0 2px; }

div.notes { margin: 0 0 20px 0; padding: 0 10px 15px 15px; color: #4b4b4b; }
div.notes-scrollable { padding: 0 8px 4px 4px; background-color: #fffddf; border: 1px dotted #aaaaaa; overflow-x: wrap; overflow-y: auto; max-height: 300px; margin-top: 4px; }
div.notes div.note { font-size: .9em; }
div.notes span.author { font-size: .9em; }
div.notes a.delete-note { float: right; }
div.notes div.note-info { padding: 4px 0 2px 0; background: none; font-size: .8em; }
div.notes div.note { padding: 0; }
div.notes h3 { margin: 0; padding: 0; color: #cc3300; }
div.notes ul { margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
div.notes ul li { padding: 4px 0 0 4px; margin: 4px 0 4px 0; }
div.notes ul li.no-notes { margin: 4px 0 0 4px; padding: 0; }
div.notes div#add-note-wrapper { margin-top: 12px; }
div.notes textarea { height: 80px; width: 323px; margin-bottom: 8px; }
div.notes a { float: right; }
div.notes div#add-estimated-demographics-wrapper { margin-top: 12px; }

div.quiz-wrap { padding: 0 0 12px 8px; }
.quiz-question-title { color: #4B4B4B; padding: 8px; border: 1px solid #4B4B4B; width: 600px; background-color: #f7f7f7; font-weight: bold; }
.quiz-image { max-width: 980px; margin: 0 0 10px 0; }
.quiz-question { padding: 12px 0 12px 0; width: 600px; border-bottom: 1px dashed #848484; }
div.correct { border: 1px solid #74a125; background: #e9ffc2; }
div.correct h2 { color: #669900; }
div.incorrect { border: 1px solid #ae2929; background: #ffe0e0; }
div.incorrect h2 { color: #ca0e0e; }
div.marking-pending { border: 1px solid #dbe182; background: #ffe784; }
table.quiz-summary th { width: 200px; text-align: left; }
.quiz-response { padding: 12px 0 12px 0; width: 600px; border-top: 1px dashed #848484; }

div.achievements div#add-achievement-wrapper { margin-top: 12px; }
#jquery-modal-fix { position: relative; float: right; top: -12px; color: white; border: none; background: none; height: 1px; width: 1px; overflow: hidden; }

/*----------------------- LF Social Follow Us Links --------------------------*/
.social-follow-link { padding: 4px 0 4px 0; }

/*----------------------- URL Audit Punch Card -------------------------------*/
table.punchcard { width: 1350px; }
table.punchcard th { background-color: #aed1f4; color: black; padding: 6px; border: 1px solid black; text-align: center; }
table.punchcard td { font-size: 10px; color: black; padding: 6px; border: 1px solid black; text-align: center; }
table.punchcard td.label { font-size: 12px; background-color: #d2e6f9; }
table.punchcard td.name { min-width: 85px; }
table.punchcard td.alt { background-color: #e9f2fc !important; }
table.punchcard td.green { background-color: #75c37c; }
table.punchcard td.light-green { background-color: #b7d780; }
table.punchcard td.lighter-green { background-color: #c9dc81; }
table.punchcard td.darker-yellow { background-color: #dbe182; }
table.punchcard td.yellow { background-color: #ffe784; }
table.punchcard td.red { background-color: #f8696b; }
table.punchcard tr.totals td { background-color: #dbdbdb; }

/*----------------------- BT Metrics -------------------------------*/
table.bt-metrics { margin: 20px 0 40px 0; width: 100%; }
table.bt-metrics th { text-align: center; color: #4b4b4b; padding: 4px; border: 1px solid black; }
table.bt-metrics tfoot th { background: #ebebeb; color: #4b4b4b; font-weight: normal; }
table.bt-metrics td { padding: 6px; border: 1px solid black; text-align: center; font-size: 1.2em; }
table.bt-metrics td.label { color: #4b4b4b; font-weight: bold; }
table.bt-metrics td.large-metric { color: #4b4b4b; font-size: 1.4em; font-weight: bold; }
table.bt-metrics th.space { border: none; background: none; }
table.bt-metrics tr.review th { border:none; background: none; font-size: .8em; }
table.bt-metrics td.space { border: none; background: none; }
div.small-metric { font-size: 11px; color: #676767; font-weight: normal; }
table.bt-metrics td.red { background: #f8696b; color: black; }
table.bt-metrics td.yellow { background: #ffe784; color: black; }
table.bt-metrics td.orange { background: #fba276; color: black; }
table.bt-metrics td.light-green { background: #dbe182; color: black; }
table.bt-metrics td.medium-green { background: #b7d780; color: black; }
table.bt-metrics td.dark-green { background: #75c37c; color: black; }
div.review { font-size: .9em; font-weight: bold; }
div.tooltip { padding: 6px; }
.qtip-title { font-weight: bold; }
.qtip-content { font-size: .8em; }
p.description { font-size: .9em; color: #4b4b4b; padding-top: 16px; }
p.feedback-link { font-weight:bold; width: 100%; text-align: center; font-size: 16px; }
a.whats-this { font-size: 9px; color: #676767; position: relative; top: -2px; padding-left: 4px; }

/*--------------------------------- LF Extension OS Install Instructions ---------------------------------*/
table.os-content td { padding: 8px; }

/*--------------------------------- Search ---------------------------------*/

input#ticket-search { padding-left: 6px; }
.search-hl { font-weight: bold; }
table.search-layout { width: 100%; }
table.search-layout td { vertical-align: top; }
td.search-pane { padding: 20px 0 0 80px; width: 600px; }
td.search-filters { padding: 20px 0 0 40px; }
table.search-results td { padding-top: 20px; }
table.search-results td { padding-top: 20px; }
table.search-users td { padding-top: 10px !important; }
table.search-results h3 { font-size: 18px; font-weight: normal; margin: 0; padding: 0; }
table.search-results h3 .smaller { font-size: 16px; }
table.search-results p { font-size: 13px; font-weight: normal; color: #4b4b4b; margin: 2px 0 0 0; padding: 0; }
table.search-results p.small { font-size: .8em; font-weight: normal; color: #676767; }
div.search-info { float: left; width: 600px; margin: 0 0 0 80px; color: #888888; }
div.spelling { clear: both; font-size: 16px; margin: 8px 0 20px 80px; color: #ae2929; width: 600px; }
.spelling-info { font-size: 12px; color: #888888; }
div.result-info { color: #888888; }
div.result-info a { color: #006621; text-decoration: none; }
div.search-refiner { width: 160px; color: #888888; margin: 8px 0 0 60px; float: left; }
div.search-refiner h4 { font-size: 15px; color: #888888; }
div.search-refiner a { font-size: 14px; text-decoration: none; }
div.search-refiner ul { margin: 0; padding: 0; list-style: none; }
div.search-refiner ul > li { padding: 1px 0; list-style: none; }
div.search-used-refiners { position: relative; overflow: hidden; vertical-align: top; left: 100px; color: #888888; }
td.search-picture{ width: 70px; padding-right: 12px; text-align: center !important; vertical-align: middle !important; }
img.search-picture { border: 1px solid #aaaaaa; height: 70px; width: 70px; }
table.user-result { width: 100%; }

/* ---------------------------------- Academy ---------------------------------- */
ul.academy-menu { list-style: none outside none; margin: 0; padding: 0; }
ul.academy-menu li { padding: 12px; margin: 4px 8px 4px 4px; border: 1px solid; background: #dddddd; border: 1px solid #888888; }
ul.academy-menu li.selected { background: #c7e09c; }
ul.academy-menu li.buttons { background: none; border: none; }
ul.academy-menu li.page { margin: 2px 8px 2px 12px; padding: 1px 4px; font-size: .9em; }
ul.academy-menu li.page a { text-decoration: none; }
ul.academy-menu li.selected-page { background: #efefef; font-weight: bold; }
ul.academy-menu li.quiz-page {}
div.aca-completion { font-size: 1.3em; line-height: 1em; font-weight: bold; color: #4b4b4b; }
iframe.quiz-frame { border: none; width: 100%; }

/* ------------------------------- Leapbot Leaders ------------------------------*/
table.leapbot-leaders { width: 100%; }
table.leapbot-leaders td { padding: 4px 6px; border: 1px solid black; }
table.leapbot-leaders th { padding: 4px 6px; color: white; background: #626263; border: 1px solid black; }

/* ------------------------------- I-9 ------------------------------*/
div#i9-employee-details { background-color: #ebeced; border: 1px solid #868c93; padding: 12px; position: relative; margin-bottom: 48px; }
div#i9-employee-details table td { padding-right: 24px; vertical-align: top; }
div#i9-employee-details table td.heading { width: 180px; }
a.small { font-size: 11px; }
table.justify-left th { text-align: left !important; font-weight: normal !important; vertical-align: middle !important; width: auto !important; }
fieldset.i9-document { width: 600px !important; float: left; }

/* ------------------------------- Employment Wizard ------------------------------*/
#wizard-nav { list-style-type: none; margin: 0; padding: 0; width: 420px; border: 1px solid #5c6267; float: left; }
#wizard-nav li { display: block; color: white; padding: 16px 16px; text-align: center; font-size: 1.2em; border-bottom: 1px solid #5c6267; font-weight: bold; background: #5b8fc4; }
#wizard-nav li:hover { background: #366696; }
#wizard-nav li img { vertical-align: middle; float: right; }
#wizard-nav li:last-child { border-bottom: none; }
#wizard-nav li a { color: white; text-decoration: underline; }
#wizard-nav li.active { background: #366696 url('../images/arrow_right.png') no-repeat 95% center; }
#wizard-nav li.complete { background: #81c984 url('../images/green_check.png') no-repeat 95% center; display: block; color: white; text-decoration: none; font-weight: normal; }
#wizard-nav li.disabled { color: #8d949a; background: #f1f1f1; text-decoration: none;
	font-weight: normal; }
#wizard-info { float: left; font-size: 1.2em; padding: 24px; position: relative; height: 300px; width: 500px; }
#wizard-info .buttons { position: absolute; bottom: 0; }