@charset "utf-8";

@font-face {
	font-family: 'roboto-light';
	src: url('../fonts/Roboto-Light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'roboto-regular';
	src: url('../fonts/Roboto-Regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/**************************************************************************/
/*                         GENERAL                                        */
/**************************************************************************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	font-size: 100%;
}

body {
	font-family: roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	color: #333333;
	position: relative;
	vertical-align: top;
	min-width: 320px;
}

img, a {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

/* Needed for IE */
main {
	display: block;
}

ol, ul, dir, menu, dd {
	margin-left: 0px;
}

hr {
	height: 2px;
	border: 0;
}

textarea {
	font-family: roboto-light,verdana,helvetica,arial,sans-serif;
	font-size: 15px;
	font-weight: normal;
}

fieldset {
	border: inherit;
}

table {
	border: 0px;
	margin: 0px;
	border-collapse: collapse;
}

table.full {
	width: 100%;
}

li {
	list-style-type: none;
}

h1 {
	color: darkslategray;
}

h2 {
	font: 24px roboto-regular, sans-serif;
	color: darkslategray;
	margin-bottom: 8px;
}

h3 {
	font: 20px roboto-regular, sans-serif;
	color: darkslategray;
	margin-bottom: 8px;
}

a:link, a:visited, a:hover {
	color: #898989;
	text-decoration: none;
}

aside a {
	color: #333333;
}

img {
	border: 0;
	vertical-align: middle;
}

strong {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}

* html .outer {
	height: 100%;
}

.outer {
	width: 100%;
	margin: auto;
	min-height: 100%;
	text-align: left;
}

.offscreen {
	position: absolute;
	left: -200em;
	top: -20em;
}

input, textarea, select {
	font-family: roboto-light,verdana,helvetica,arial,sans-serif;
	line-height: 1.4rem;
	font-size: 15px;
}

button {
	height: 26px;
	width: 110px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 0;
	font: 14px/1.0rem roboto-regular,sans-serif;
}

.ui-dialog-buttonset button {
	height: 33px;
}

input[type=checkbox] {
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}

/* IE alternatives */
.alternatives {
	text-align: center;
}
.alternatives img {
	vertical-align: bottom;
}

/* IE8 Fix */
.outer:after {
	clear: both;
	display: block;
	height: 1%;
	content: " ";
}

.label_info {
	font-size: xx-small;
}

.rx_status {
	color: white;
	background: #dfe1e6;
	border: 1px solid #dfe1e6;
	border-radius: 3px;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 99%;
	margin: 0;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	min-width: 76px;
}

.rx_status_success {
	background: #00875a;
	border: 1px solid #00875a;
}
.rx_status_error {
	background: #de350b;
	border: 1px solid #de350b;
}
.rx_status_info {
	background: #b3d4ff;
	border: 1px solid #b3d4ff;
	color: #0052cc;
}
.rx_status_warning {
	background: #ffab00;
	border: 1px solid #ffab00;
	color: #253858;
}
.rx_status_message {
	background: #dfe1e6;
	border: 1px solid #dfe1e6;
	color: #253858;
}

/**************************************************************************/
/*                              GENERAL                                   */
/**************************************************************************/

.body {
	vertical-align: top;
}

.grid {
	display: -ms-grid;
	display: grid;
	grid-gap: 5px;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	align-content: start;
}

article {
	font-size: 15px;
}

article span.title {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
	font-size: 15px;
	color: #373a3c;
	display: block;
	padding: 5px;
	background: -moz-linear-gradient(top, #f1f1f2, #fff 30px);
	background: -webkit-gradient(linear, 0 0, 0 30, from(#f1f1f2), to(#fff));
}

article h2.title {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
	font-size: 17px;
	display: block;
	padding: 5px;
	background: -moz-linear-gradient(top, #f1f1f2, #fff 30px);
	background: -webkit-gradient(linear, 0 0, 0 30, from(#f1f1f2), to(#fff));
}

article span.title img {
	vertical-align: top;
	padding: 2px 4px;
}

article span.title.slide {
	cursor: pointer;
}

div.left, span.left, img.left {
	float: left;
}

div.right, span.right, img.right, button.right {
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}

.absright {
	position: absolute;
	top: 4px;
	right: 4px;
}

div.title span.right {
	margin-top: 2px;
}

div.title span.right img {
	margin-top: -4px;
}

div.expired {
	width: 100%;
	height: 100%;
	background-color: silver;
}

fieldset.message_info, div.message_info {
	margin: 100px auto 0;
	width: 500px;
	background-color: #fff;
	border: 1px solid #C9C9C9;
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
	color: #333333;
	padding: 18px;
	border-radius: 5px;
}

div.message_screen.panel {

}

fieldset.message_terms {
	margin: 0px auto 0;
	width: 700px;
	background-color: #fff;
	border: 1px solid #C9C9C9;
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
	color: #333333;
	padding: 18px;
	border-radius: 5px;
	margin-top: 40px;
}

fieldset.message_terms li {
	list-style-type: disc;
	margin-left: 24px;
}

.ignore {
	cursor: default;
}

.centre {
	text-align: center;
}

.centre_text {
	margin: 0 auto;
	text-align: center;
}
.centred {
	margin: 100px auto 0;
}

span.right button img {
	margin-top: -5px;
}

.num {
	text-align: right;
}

.faded {
	color: silver;
}
.red {
	color: red;
}
.orange {
	color: orange;
}
.green {
	color: green;
}

.ui-tooltip {
	font-size: 0.75rem;
}

div.g-recaptcha {
	width: 300px;
	margin: 15px auto;
}

input.error_input {
	border: 2px solid rgb(204, 0, 0);
	background-color: rgb(255, 243, 243);
}

img.more {
	float: right;
}

/*
div.g-recaptcha,
#recaptcha-container {
	transform: scale(0.77); 
	-webkit-transform: scale(0.77); 
	transform-origin: 0 0; 
	-webkit-transform-origin: 0 0;
}
*/

.g-recaptcha-bubble-arrow {
	display: none;
}

.g-recaptcha-bubble-arrow + div {
	position: fixed !important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

/**************************************************************************/
/*                             HEADER                                     */
/**************************************************************************/

header {
	height: 70px;
}

.header_highlight {
	background-color: #f5f5f5;
}

header div.highlight {
	height: 14px;
	background-color: #f5f5f5;
}

header img.logo {
	display: none;
	float: left;
	margin: 25px 0 0 10px;
	max-width: 175px;
	max-height: 40px;
}

header img.profile {
	display: none;
	margin-top: -3px;
	border-radius: 3px;
	margin-right: 5px;
}


.alert {
	color: red;
	font-size: 15px;
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}

nav.profile {
	float: right;
	margin-top: -18px;
	font-size: 15px;
}

nav.profile ul {
	margin-top: 30px;
	margin-right: 6px;
}

nav.profile li {
	float: left;
	list-style-type: none;
	max-width: 220px;
}

nav.profile li a {
	display: inline;
	text-transform: uppercase;
}

nav.profile li span {
	display: inline;
	padding-left: 5px;
	padding-right: 15px;
	text-transform: uppercase;
	color: #333333;
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}

nav.profile button {
	font-size: 15px;
	margin-top: -2px;
}

form#signoff {
	margin-top: -4px;
}
form#signoff button {
	text-transform: uppercase;
}

body aside#message_overlay {
	position: absolute;
	top: 20px;
	left: 50%;
	height: 60px;
	width: 280px;
	margin-left: -140px;
	line-height: 1.8;
	background-color: white;
	text-align: center;
	z-index: 999;
	border: 3px solid darkslategrey;
}

@media screen and (min-width: 552px) {

	body aside#message_overlay {
		height: 50px;
		width: 440px;
		margin-left: -220px;
		line-height: 3;
	}

}


/**************************************************************************/
/*                            MODULES                                     */
/**************************************************************************/

nav.modules {
	background: url("../images/pixels/silver.gif") repeat-x scroll left bottom #ffffff;
	font-size: 15px;
	line-height: 2.8em;
	height: 35px;
	position: relative;
}

nav.modules span>a {
	font-size: 15px;
	margin-left: 10px;
	color: #898989;
}

nav.modules h1 {
	font-size: 15px;
	margin-left: 10px;
	color: #898989;
}

nav.modules img {
	margin-bottom: 3px;
}

nav.modules span.left {
	float: left;
	padding-left: 10px;
}

nav.modules span.right {
	float: right;
	padding-right: 10px;
}

nav.modules span>a.selected,
nav.modules h1 a.selected {
	font-family: roboto-regular;
	background-image: url(images/mode_grey.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 4px;
}

/**************************************************************************/
/*                          CHOOSE COMPANY                                */
/**************************************************************************/

section.intermediary article {
	text-align: center;
	border: 2px solid #f0f0f0;
	width: 230px;
	height: 105px;
	text-align: center;
	padding: 9px 4px 9px 7px;
	margin: 0 5px 10px 0;
	vertical-align: top;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	cursor: pointer;
	background-color: white;
	font-size: 15px;
	vertical-align: bottom;
}

section.intermediary article a {
	width: 100%;
	height: 100%;
}

section.intermediary article span {
	position: absolute !important;
	width: 100%;
	bottom: 5px;
	left: 0px;
}

div.roles_list td.access_alert {
	border: 2px solid red;
}
div.company_choice.umbrella_alert {
	border: 2px solid navy;
}
div.company_choice.access_alert {
	border: 2px solid red;
}

div.company_choice center {
	font-size: 15px;
	vertical-align: bottom;

	position: absolute !important;
	width: 100%;
	bottom: 5px;
	left: 0px;
}

/**************************************************************************/
/*                               MAIN                                     */
/**************************************************************************/

.welcome {
	margin: 100px auto;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 15px;
	width: 500px;
}

.welcome h2 {
	text-align: center;
}

.hydro {
	color: #3399CC;
	line-height: 1.3em;
	font-family: roboto-light,verdana,helvetica,arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding-left: 5px;
}

section.welcome {
	margin: 8px;
	padding: 10px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
}

section.welcome ul {
	margin-left: 20px;
}
section.welcome ul li {
	list-style-type: inherit;
}

section.announcements {
	margin: 8px;
	padding: 10px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
}

section.announcements ul {
	margin-left: 20px;
}
section.announcements ul li {
	list-style-type: inherit;
}

section.intermediary {
	margin: 8px;
	padding: 10px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
}

section.intermediary div.selection {
	text-align: center;
}

.admin_info {
	margin: 40px auto;
	background: none repeat scroll 0 0 #F7FFF7;
	border: 1px solid #27831F;
	padding: 15px;
	width: 700px;
}


/**************************************************************************/
/*                             LOGIN                                      */
/**************************************************************************/

body.login {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr 35px;
	grid-template-rows: 1fr 35px;
	width: 320px;
	margin: 0 auto;
}

body.login main {
	margin: auto;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row-start: 1;
	grid-row-end: 2;
}

section.signon {
	text-align: center;
	margin: 8px;
}

section.signon article {
	padding-top: 15px;
}

section.signon article a {
	white-space: nowrap;
}

/* SUPPORT MESSAGES */
section.support  li {
	list-style-type: disc;
	margin-left: 19px;
}

body.login.support section.support {
	margin: 8px;
	text-align: left;
}

body.login.support hr {
	display: block;
	margin: 0 10px 10px 10px;
	background-color: #efefef;
	border: none;
}

body.login.support section.signon form.login {
	position: relative;
	top: 1px;
	left: 1px;
	width: 484px;
}

body.login.support section.support h4 {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
}
/* SUPPORT MESSAGES */

form#login fieldset {
	border: inherit;
}

form#login fieldset input {
	height: 28px;
	margin: 2px 0;
	padding: 0 2px;
	width: 250px;
}

form#login fieldset button {
	margin: 2px;
	padding: 2px;
	width: 258px;
	height: 32px;
}

section.signon article p.loginmessage {
	font-size: 24px;
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	text-align: center;
	padding: 15px 0 10px 0;
}

body.login aside {
	font-size: 15px;
	text-align: center;
	padding-top: 10px;
}

body.login footer {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

body.login span.secure {
	background-image: url('../images/whitelock.png');
	height: 12px;
	width: 10px;
	margin-top: 2px;
	margin-right: 4px;
	vertical-align: text-top;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (min-width: 375px) {
	body.login {
		width: 363px;
		background-color: #f1f1f1;
	}

	body.login main {
		text-align: center;
		justify-content: center;
		/* Needed for IE */
		width: 347px;
	}
	body.login main div.login {
		background-color: #fff;
		border: 1px solid rgba(151,151,151,0.4);
		color: #333333;
		font-family: roboto-light,verdana,helvetica,arial,sans-serif;
	}

	/*
	body.login footer a, body.login aside a {
		color: #333333;
	}
	*/

	.rpow {
		cursor: pointer;
		border: 1px solid lightslategray;
		background-color: white;
		display: inline-block;
		padding: 1px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
}

@media screen and (min-width: 640px) {
	body.login {
		width: 500px;
	}
	body.login main {
		/* Needed for IE */
		width: 484px;
	}
	body.login.support {
		width: 500px;
	}
	body.login section {
		width: 468px;
	}

	body.register {
		width: 500px;
	}
	body.validate {
		width: 500px;
	}
	section.welcome {
		max-width: 600px;
		margin: 8px auto;
	}
	section.announcements {
		max-width: 600px;
		margin: 8px auto;
	}
	section.intermediary {
		max-width: 600px;
		margin: 8px auto;
	}
}

@media screen and (min-width: 950px) {
	body.login.support {
		width: 839px;
	}
	body.login.support main {
		/* Needed for IE */
		width: 823px;
		max-height: 422px;
	}
	body.login.support main div.login {
		display: flex;
	}
	body.login.support section.signon {
		width: 320px;
	}
	body.login.support section.support {
		width: 420px;
		position: relative;
		top: 1px;
		right: 1px;
		text-align:	left;
		margin: 30px auto;
	}
	body.login.support hr {
		display: block;
		position: relative;
		padding: 0;
		margin: 30px 0px 30px 10px;
		height: 310px;
		width: 2px;
		margin-bottom: 10px;
		background-color: #efefef;
		border: none;
	}
}

@media screen and (min-height: 700px) {
	body.login main {
		margin: 120px auto auto auto;
	}
	body.login.support main {
		margin: 40px auto auto auto;
	}
	section.welcome {
		margin-top: 120px;
	}
}

@media screen and (max-width: 950px) and (min-height: 900px) {
	body.login.support main {
		margin: 96px auto auto auto;
	}
}

@media screen and (min-width: 950px) and (min-height: 680px) {
	body.login.support main {
		margin: 120px auto auto auto;
	}
}

@media screen and (min-width: 640px) and (min-height: 740px) {
	section.announcements {
		margin-top: 80px;
	}
	section.intermediary {
		margin-top: 80px;
	}
}

/**************************************************************************/
/*                           REGISTRATION                                 */
/**************************************************************************/

body.register {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr auto;
	grid-template-rows: 1fr auto;
	width: 320px;
	margin: 0 auto;
}

section.register {
	text-align: center;
	margin-top: 50px;
}

section.register article {
	padding-top: 15px;
}

section.register article a {
	white-space: nowrap;
}

form#register fieldset {
	border: inherit;
	text-align: left;
}

form#register fieldset table.register {
	width: 320px;
	margin: 0 auto;
}

form#register fieldset table.register tr.portal_custom {
	height: 65px;
}

form#register fieldset table.register td {
	vertical-align: top;
}

form#register fieldset table.review {
	line-height: 1.7em;
}

form#register fieldset input {
	height: 28px;
	margin: 2px 0;
	padding: 0 2px;
}

form#register fieldset input.large {
	width: 146px;
}

form#register fieldset input.vlong {
	width: 304px;
}

form#register fieldset div.buttons {
	text-align: center;
}

form#register fieldset div.buttons button {
	margin: 2px;
	padding: 2px;
	width: 258px;
	height: 32px;
}

section.register article p.register_title {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	padding: 15px;
}

section.register article p.register_desc {
	max-width: 380px;
	text-align: center;
	display: inline-block;
}

body.register aside {
	font-size: 15px;
	text-align: center;
}

/*
body.register aside a {
	color: #333333;
}
*/

body.register footer {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align: center;
}

/*
body.register footer a {
	color: #333333;
}
*/

body.register span.secure {
	background-image: url('../images/whitelock.png');
	height: 12px;
	width: 10px;
	margin-top: 3px;
	margin-right: 4px;
	vertical-align: text-top;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (min-width: 375px) {
	body.register {
		width: 363px;
		background-color: #f1f1f1;
	}

	section.register {
		text-align: center;
		background-color: #fff;
		border: 1px solid rgba(151,151,151,0.4);
		color: #333333;
		font-family: roboto-light,verdana,helvetica,arial,sans-serif;
		justify-content: center;
		margin: 50px 8px 8px 8px;
		/* Needed for IE */
		width: 347px;
	}

	body.register footer {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row-start: 2;
		grid-row-end: 3;
		text-align: center;
	}
}

@media screen and (min-width: 640px) {
	body.register {
		width: 500px;
	}

	section.register {
		width: 484px;
	}

	form#register fieldset table.register {
		width: 400px;
		margin: 0 auto;
	}

	form#register fieldset input.large {
		width: 186px;
	}

	form#register fieldset input.vlong {
		width: 384px;
	}
}


/**************************************************************************/
/*                       ACCOUNTLESS VALIDATION                           */
/**************************************************************************/

body.validate {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr auto;
	grid-template-rows: 1fr auto;
	width: 320px;
	margin: 0 auto;
}

section.validate {
	text-align: center;
	margin-top: 50px;
}

section.validate article {
	padding-top: 15px;
}

section.validate article a {
	white-space: nowrap;
}

form#validate fieldset {
	border: inherit;
	text-align: left;
}

form#validate fieldset div.fields {
	height: 65px;
	width: 320px;
	margin: 0 auto;
}

form#validate fieldset input {
	height: 28px;
	margin: 2px 0;
	padding: 0 2px;
}

form#validate fieldset input.large {
	width: 146px;
}

form#validate fieldset input.vlong {
	width: 304px;
}

form#validate fieldset div.buttons {
	text-align: center;
}

form#validate fieldset div.buttons button {
	margin: 2px;
	padding: 2px;
	width: 258px;
	height: 32px;
}

section.validate article h1.validate_title {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
	font-size: 24px;
	text-align: center;
	padding: 15px;
}

section.validate article p.validate_desc {
	max-width: 380px;
	text-align: center;
	display: inline-block;
}

body.validate aside {
	font-size: 15px;
	text-align: center;
}

/*
body.validate aside a {
	color: #333333;
}
*/

body.validate footer {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align: center;
}

body.validate span.secure {
	background-image: url('../images/whitelock.png');
	height: 12px;
	width: 10px;
	margin-top: 3px;
	margin-right: 4px;
	vertical-align: text-top;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (min-width: 375px) {
	body.validate {
		width: 363px;
		background-color: #f1f1f1;
	}

	section.validate {
		text-align: center;
		background-color: #fff;
		border: 1px solid rgba(151,151,151,0.4);
		color: #333333;
		font-family: roboto-light,verdana,helvetica,arial,sans-serif;
		justify-content: center;
		margin: 50px 8px 8px 8px;
		/* Needed for IE */
		width: 347px;
	}

	body.validate footer {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row-start: 2;
		grid-row-end: 3;
		text-align: center;
	}
}

@media screen and (min-width: 640px) {
	body.validate {
		width: 500px;
	}

	section.validate {
		width: 484px;
	}

	form#validate fieldset div.fields {
		width: 400px;
		margin: 0 auto;
	}

	form#validate fieldset input.large {
		width: 186px;
	}

	form#validate fieldset input.vlong {
		width: 384px;
	}
}

/**************************************************************************/
/*                 ACCOUNTLESS VALIDATION - THUMBNAILS                    */
/**************************************************************************/

li.thumb h3 {
	font: 13px roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	color: darkslategray;
	margin-bottom: 8px;
	height: 18px;
	overflow: hidden;
}

li.thumb div.thmb_cont {
	position: relative;
}

li.thumb div.thmb_cont div.thopt {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0px;
	right: 0px;
}

li.thumb div.thmb_cont div.thopt a img {
	vertical-align: top;
}

/*
li.thumb div.thmb_cont div.thopt a img {
	padding-top: 26px;
}
*/

/**************************************************************************/
/*                      ACTIVATE / CHANGE PASSWORD                        */
/**************************************************************************/

body.activate {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr auto;
	grid-template-rows: 1fr auto;
	width: 320px;
	margin: 0 auto;
}

section.activate {
	text-align: center;
	margin: 8px;
}

section.activate article {
	padding-top: 15px;
}

section.activate article p {
	margin: 10px;
	text-align: left;
}

section.activate article a {
	white-space: nowrap;
}

section.activate form article fieldset {
	border: inherit;
	margin: 0 auto;
}

section.activate form article fieldset .pass-graybar {
	width: 157px;
	margin: 0 auto;
}

section.activate form article fieldset .pass-percent,
section.activate form article fieldset .pass-text {
	font-size: 0.75rem;
}

section.activate form article fieldset input {
	height: 28px;
	margin: 2px 0;
	padding: 0 2px;
}

section.activate form article fieldset button {
	margin: 2px;
	padding: 2px;
	width: 258px;
	height: 32px;
}

section.activate article p.loginmessage {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	padding-bottom: 10px;
}

body.activate aside {
	font-size: 15px;
	text-align: center;
}

body.activate footer {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align: center;
}

body.activate span.secure {
	background-image: url('../images/whitelock.png');
	height: 12px;
	width: 10px;
	margin-top: 2px;
	margin-right: 4px;
	vertical-align: text-top;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (min-width: 375px) {
	body.activate {
		width: 363px;
		background-color: #f1f1f1;
	}

	section.activate {
		text-align: center;
		background-color: #fff;
		border: 1px solid rgba(151,151,151,0.4);
		color: #333333;
		font-family: roboto-light,verdana,helvetica,arial,sans-serif;
		justify-content: center;
		/* Needed for IE */
		width: 347px;
	}

	body.activate footer {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row-start: 2;
		grid-row-end: 3;
		text-align: center;
	}

	/*
	body.activate footer a, body.activate aside a {
		color: #333333;
	}
	*/
}

@media screen and (min-width: 640px) {
	body.activate {
		width: 500px;
		background-color: #f1f1f1;
	}

	/* Needed for IE */
	section.activate {
		width: 484px;
	}
}

@media screen and (min-height: 740px) {
	section.activate {
		margin-top: 80px;
	}
}


/**************************************************************************/
/*                        GENERIC MESSAGE SCREEN                          */
/**************************************************************************/

body.message {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr auto;
	grid-template-rows: 1fr auto;
	width: 302;
	margin: 0 auto;
}

section.message {
	text-align: center;
	margin: 50px auto;
}

section.message article {
	padding-top: 15px;
	display: inline-block;
}

section.message article p {
	margin: 10px;
	text-align: left;
}

section.message article a {
	white-space: nowrap;
}

body.message aside {
	font-size: 15px;
	text-align: center;
}

body.message footer {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align: center;
}

@media screen and (min-width: 375px) {
	/* Authenticated message */
	body.auth_message {
		background-color: #f1f1f1;
	}

	body.message {
		background-color: #f1f1f1;
		width: 345px;
		margin: 0 auto;
	}

	section.message {
		text-align: center;
		background-color: #fff;
		border: 1px solid rgba(151,151,151,0.4);
		color: #333333;
		font-family: roboto-light,verdana,helvetica,arial,sans-serif;
		width: 345px;
	}

	/*
	body.message footer a, body.message aside a {
		color: #333333;
	}
	*/
}

@media screen and (min-width: 640px) {
	body.message {
		width: 500px;
	
	}
	section.message {
		width: 500px;
	}
}

@media screen and (min-height: 700px) {
	section.message {
		margin-top: 100px;
	}
}

@media screen and (min-height: 800px) {
	section.message {
		margin-top: 180px;
	}
}


/**************************************************************************/
/*                      PRIVACY NOTICE & TERMS SCREENS                    */
/**************************************************************************/

body.notice main a img {
	margin-top: 15px;
}

section.notice {
	text-align: center;
	margin: 8px;
}

section.notice article {
	padding: 10px 15px;
	text-align: left;
}

section.notice article ul {
	margin-left: 20px;
}
section.notice article ul li {
	list-style-type: inherit;
}

section.notice article p {
	margin: 5px;
	text-align: left;
}

section.notice article a {
	white-space: nowrap;
}

body.notice aside {
	font-size: 15px;
	text-align: center;
}

@media screen and (min-width: 375px) {
	body.notice {
		background-color: #f1f1f1;
	}

	section.notice {
		text-align: center;
		background-color: #fff;
		border: 1px solid rgba(151,151,151,0.4);
		color: #333333;
		font-family: roboto-light,verdana,helvetica,arial,sans-serif;
	}

	/*
	body.notice footer a, body.notice aside a {
		color: #333333;
	}
	*/
}

@media screen and (min-width: 740px) {
	section.notice {
		width: 740px;
		margin: 15px auto;
	}
}


/**************************************************************************/
/*                             FOOTER                                     */
/**************************************************************************/

footer {
	text-align: center;
	font-size: 14px;
	margin: 5px auto;
}

footer a {
	color: #333333;
}

@media screen and (min-height: 700px) {
	.rpow {
		cursor: pointer;
		border: 1px solid lightslategray;
		background-color: white;
		display: inline-block;
		padding: 1px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
}

/**************************************************************************/
/*                             FORMS                                      */
/**************************************************************************/

fieldset h2 {
	margin: -8px -5px 8px 0;
}

form.rx div {
	padding-left: 195px;
}

form.rx div label {
	display: inline;
	float: left;
	font-weight: normal;
	left: -13em;
	margin-right: -13em;
	margin-top: 5px;
	padding: 0 0 5px;
	position: relative;
}

.leftEdit {
	display: inline;
	float: left;
	font-weight: normal;
	left: -14em;
	margin-right: -13em;
	margin-top: 1.6em;
	position: relative;
	width: 130px;
}

form div.full {
	padding-left: 8px;
}

form.rx input, form.rx select, form.rx textarea {
	margin:2px 0;
	padding:0 2px;
	height: 20px;
}

form.rx input {
	height: 22px;
}

form.rx input[type=radio] {
	margin-right: 8px;
}

input.short, select.short {
	width: 40px;
}

input.small, select.small {
	width: 80px;
}

input.medium, select.medium {
	width: 156px;
}

.errors {
	color: #cc0000;
}

.errorLabel {
	color: #cc0000;
}

.reqd {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	color: #cc0000;
}

#recaptcha_area, #recaptcha_image, div.recaptcha_input_area {
	padding-left: 0px!important;
	margin-top: 0px!important;
}
#recaptcha_response_field {
	height: 18px;
}

form div.label {
	padding-bottom: 2px;
}

form div.input {
	padding-bottom: 10px;
}

/**************************************************************************/
/*                              BODY                                      */
/**************************************************************************/

.errorbox {
	background-color: #fff3f3;
	color: #cc0000;
	position: relative;
	padding: 10px;
	margin-bottom: 5px;
}

.errorbox h3 {
	font: 18px roboto-regular, sans-serif;
	color: #cc0000;
}

.warningbox {
	background-color: #e6ffe6;
	border: 1px solid #00cc00;
	color: #00cc00;
	position: relative;
	padding: 11px;
	margin-bottom: 5px;
}

.infobox {
	margin-top: 15px;
	background-color: #fff;
	border: 1px solid #C9C9C9;
	color: #666;
	padding: 18px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5pm;
	border-radius: 5px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.21);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.21);
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
}

div.errors {
	background: none repeat scroll 0 0 #fff3f3;
	border: 1px solid red;
	color: #cc0000;
	margin: 10px 0;
	padding: 5px 0;
}

div.errors ul {
	list-style: none outside none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

div.errors li {
	background: url("../images/exclamation.gif") no-repeat scroll 8px 0 transparent;
	line-height:16px;
	margin:2px 0;
	padding-left:30px;
}

#noscript {
	white-space: nowrap;
	padding: 15px;
	font-size: 15px;
}

#noscript li {
	list-style: decimal;
	margin-left: 20px;
}


/**************************************************************************/
/*                      MODULE: DOCUMENTS                                 */
/**************************************************************************/

table.dataTable thead th,
table.dataTable tfoot th {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 10px 24px 10px 10px
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 6px !important;
}

article.summary a img {
	margin-top: -3px;
}

#resultsTime {
	opacity: 0;
}

.icon_padding {
	width: 25px;
	min-height: 45px;
	float: left;
}
.icon_padding img {
	vertical-align: top;
}
div.search_hint {
	padding-left: 25px;
	margin-top: -5px;
}
div.search_hint li {
	list-style-type: inherit;
	margin-left: 15px;
}
#search_help {
	width: 400px;
	min-height: 40px;
	text-align: left;
	margin: 25px 0 25px 0;
	padding: 10px;
	margin: 0 auto;
	color: black;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #ccc;
	border-radius:5px;
}

#search_container {
	width: 500px;
	margin: 40px auto;
}

#search_results {
	margin: 0 5px;
}

#search_results article.summary {
	padding: 5px;
	text-align: left;
	position: relative;
	min-height: 25px;
	margin-top: 5px;
}
#search_results article.summaryDetail {
	display: inline-block;
}

#search_results article.summary span.tip strong {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
	line-height: 1.4rem;
	font-size: 15px;
}

/**************************************************************************/
/*                             SEARCH FIELDS                              */
/**************************************************************************/

body.searchfields {
	display: -ms-grid;
	display: grid;
	align-content: start;

	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: 70px 35px 1fr;
	grid-template-rows: 70px 35px 1fr;

	height: 100vh;
}

body.searchfields header {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
body.searchfields nav {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
body.searchfields section.searchfields {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-column: 1 / 2;
	grid-row: 3 / 4;

	/* Nested grid */
	display: -ms-grid;
	display: grid;
	grid-gap: 5px;
	align-content: start;

	-ms-grid-columns: 1fr;
	grid-template-columns: auto;
	-ms-grid-rows: 288px 219px 1fr;
	grid-template-rows: 288px 219px 1fr;
}

body.searchfields section.searchfields article.fields {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

body.searchfields section.searchfields article#search_results {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	overflow: scroll;
}

body.searchfields section.searchfields article#document_view {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	overflow: scroll;
}

#maxi {
	display: none;
}

@media screen and (min-width: 760px) {

	body.searchfields section.searchfields {
		-ms-grid-columns: 407px 1fr;
		grid-template-columns: 407px auto;
		-ms-grid-rows: 288px 1fr;
		grid-template-rows: 288px 1fr;
	}

	body.searchfields section.searchfields article#search_results {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		overflow: scroll;
	}

	body.searchfields section.searchfields article#document_view {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-column: 1 / -1;
		grid-row: 2 / 3;
		overflow: scroll;
	}

	#maxi {
		display: inline;
	}
}


body.searchfields section.searchfields article.fields {
	background-color: rgb(249,249,249);
	width: 405px;
	padding-bottom: 3px;
	border: 1px solid rgb(229,229,229);
	margin-top: 3px;
}

form.search_fields div.buttons {
	margin-top: 6px;
	float: right;
}

table.search_fields {
	margin: 5px 0 0 10px;
}

table.search_fields tr td {
	padding-top: 5px;
	padding-left: 10px;
}

table.search_fields tr td input {
	border: 1px solid silver;
	height: 20px;
	width: 115px;
}

table.search_fields tr td label .label_info {
	font-size: xx-small;
}

/**************************************************************************/
/*                               LIST VIEW                                */
/**************************************************************************/

article#search_results div.summary {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 5px;
	text-align: left;
	position: relative;
	height: 25px;
}

tr.att {
	cursor: pointer;
}

#filterMode {
	display: none;
}

/**************************************************************************/
/*                         LIST VIEW - DATA TABLES                        */
/**************************************************************************/

table.dataTable thead th {
	white-space: nowrap;
}

table.dataTable tbody tr {
	height: 40px;
}

table.dataTable tbody tr td {
	white-space: nowrap;
}

/**************************************************************************/
/*                              THUMBNAILS                                */
/**************************************************************************/

ol.assets {
	margin-top: 4px;
	font-size: 15px;
}

ol.assets li {
	border: 2px solid #f0f0f0;
	float: left;
	width: 130px;
	text-align: center;
	font-size: 15px;
	padding: 9px 4px 9px 7px;
	margin: 0 5px 10px 0;
}

li.thumb {
	position: relative;
}

li.thumb dl {
	overflow: hidden;
	position: relative;
	clear: left;
	display: block;
	width: 130px;
	white-space: nowrap;
}

li.thumb dt {
	text-align: left;
	float: left;
}

li.thumb dl dd {
	float: none;
	word-wrap: normal;
}

li.att.selected {
	border: 2px solid #aaaaaa;
}

.thopt {
	width: 16px;
	float: right;
	position: absolute;
	top: 6px;
	right: 4px;
}

/**************************************************************************/
/*                                 CONSUMER                               */
/**************************************************************************/

section.consumer {
	font-size: 15px;
	padding-bottom: 5px;
}

/*
section.consumer article.summary span#document_count {
	display: none;
}
*/

select#viewMode {
	width: 105px;
	height: 25px;
}

section.consumer article .information {
	width: auto;
	min-height: 40px;
	text-align: left;
	padding: 10px;
	background-color: #e6ffe6;
}
section.consumer article .information div {
	display: block;
	width: 25px;
	min-height: 45px;
	float: left;
}

section.consumer article {
	border: 1px solid #ebebeb;
}

section.consumer article.dashboard {
	text-align: left;
}

section.consumer article.dashboard.dash_sect {
	display: inline-block;
	vertical-align: top;
}

.resultset.hide_slide {
	display: none;
}

article.dash_sect .dash_cont {
	padding: 8px 15px;
	line-height: 1.8em;
	font-size: 15px;
}

table.my_dashboard th {
	font-weight: normal;
	border-bottom: 1px solid grey;
}

article.my_documents {
	text-align: left;
}

article.my_documents.dash_sect {
	display: block;
	vertical-align: top;
}


section.consumer article.list_only,
section.consumer article.thumbs_only {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / -1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / -1 ;
}

article.list_only span.pg_count,
article.thumbs_only span.pg_count {
	width: 25px;
	min-width: 25px;
	display: inline-block;
	text-align: left;
}

table.my_documents th {
	font-weight: normal;
	border-bottom: 1px solid grey;
}

article.dashboard.support  a {
	text-decoration: underline;
}

article.dashboard.support  li {
	list-style-type: disc;
	margin-left: 19px;
}

article.dashboard.support  p {
	font-size: 0.85rem;
}

button#dash.help {
	display: inline-block;
}

section.consumer div.resultset {
    width: auto;
    overflow: scroll;
    height: inherit;
    padding: 18px;
}

img.attach,
img.attachment,
img.doc {
	cursor: pointer;
}

section.consumer article.dashboard ul.my_dashboard li div.key {
	width: 130px;
	display: inline-block;
}
section.consumer article.dashboard ul.my_dashboard li div.val {
	display: inline-block;
}

nav.modules span.dash {
	position: absolute;
	top: 0px;
	right: 4px;
}
nav.modules span.dash>button {
	background: Transparent no-repeat;
	/*
	background-color: Transparent;
    background-repeat: no-repeat;
    */
    border: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/**************************************************************************/
/*                 DOCUMENT UPLOAD - CONSUMER & COMPANIES                 */
/**************************************************************************/

#shadow_overlay {
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 50%;
	background-color:black;
}

section.upload {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: white;

	z-index: 1000;
	scroll: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: transform 300ms ease;
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease,-webkit-transform 300ms ease;

	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

section.upload form div.queue {
	background-color: white;
	font-size: 26px;
}

section.upload.show {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

form.dropzone {
	text-align: center;
	width: 100%;
	height: 100%;
	border: 0px;
	padding-bottom: 40px;
}

section.upload button.close {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 7px;
	border: 0px;
}

section.switch article.search_results table.pending tr {
	cursor: auto;
}

section.switch article.search_results table.pending td {
	vertical-align: top;
}

section.switch article.search_results table.pending td div {
	padding-bottom: 8px;
}

section.switch article.search_results table.pending td strong {
	font-family: roboto,verdana,helvetica,arial,sans-serif;
	font-size: 15px;
	font-weight: normal;
}

section.switch article.search_results table.pending td img.thumbnail {
	border: 2px solid #999999;
	text-align: center;
	font-size: 15px;
	padding: 6px;
	margin: 10px 2px;
	background-color: white;
	cursor: pointer;
}

section.switch article.search_results table.pending td div.periodgroup {
	background-image: url(../images/pixels/red.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 8px;
	margin-left: -8px;
	background-size: 4px;
}

section.switch article.search_results table.pending td input.datepicker {
	background-image: url(../images/cal-red.png);
	background-repeat: no-repeat;
	background-position: right;
}


/*
form.dropzone {
	width: 600px;
	border: 2px dashed #0087F7;
	border-radius: 5px;
	background: white;
}

table.dropzone {
	width: 396px;
	margin: 10px auto;
}

table.dropzone td {
	padding-left: 8px;
	padding-bottom: 8px;
}


<div class="fullscreen-uploader-mask" />

element.style {
    opacity: 1;
}
#fullscreen-uploader-mask {
    z-index: 99;
}
.fullscreen.soft-black, .soft-black-bkg {
    background: rgba(0,0,0,.6);
}
.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}
*/


/**************************************************************************/
/*                           LIST VIEW - CONSUMER                         */
/**************************************************************************/

table.cons {

}

table.cons th {
	font-size: 15px;
	color: #039;
	border-bottom: 2px solid #6678b1;
	padding-left: 8px;
	white-space: nowrap;
	height: 30px;
}

table.cons th:hover {

}

table.cons tbody tr {
	color: navy;
	text-align: left;
	white-space: nowrap;
	font-size: 15px;
}

table.cons tbody tr.disp {
	cursor: pointer;
}

table.cons tbody tr.ver {
	cursor: pointer;
}

table.cons tfoot tr {
	color: navy;
	white-space: nowrap;
	font-size: 15px;
}

table.cons tfoot tr td {
	padding: 5px 5px 5px 8px;
	cursor: pointer;
}

table.cons tr.groupRow td {
	padding: 5px 5px 5px 8px;
}

table.cons tbody tr:hover td {
	color: #009;
}

table.cons tr.disp td {
	color: #669;
	padding: 5px 5px 5px 8px;
}

table.cons tr.att td {
	color: #669;
	padding: 5px 5px 5px 8px;
}

table.cons tr.ignore td {
	color: #669;
	padding: 5px 5px 5px 8px;
}

table.cons tr.ver td {
	color: #919191;
	padding: 5px 5px 5px 8px;
}

table.cons tr.accts td {
	color: #669;
	padding: 5px 5px 5px 8px;
}

table.cons div {
	display: inline-block;
}

table.cons tbody tr td {
	border-bottom: 1px solid silver;
}

table.cons tr.selected td, table.cons tr.selected:hover td {
	color: white;
}

tr.att {
	cursor: pointer;
}

/**************************************************************************/
/*                          THUMBNAILS - CONSUMER                         */
/**************************************************************************/

ol.cons {
	margin-top: 4px;
	font-size: 15px;
}

ol.cons li {
	border: 2px solid #f0f0f0;
	float: left;
	width: 130px;
	text-align: center;
	padding: 9px 6px 9px 6px;
	margin: 0 8px 8px 0;
}

ol.cons li.exp {
	border: 2px solid #A3000C;
	float: left;
	width: 130px;
	text-align: center;
	padding: 9px 6px 9px 6px;
	margin: 0 8px 8px 0;
}

div.container {
	width: 650px;
	margin: auto;
}

div.container_sml {
	padding-left: 15px;
	width: 600px;
	margin: auto;
}

/**************************************************************************/
/*                           GENERIC PROMPT                               */
/**************************************************************************/

form.pro input, form.pro select, form.pro textarea {
	margin:2px 0;
	padding:0 2px;
	height: 20px;
}

form.pro input {
	height: 22px;
}

div.prompt {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 0 8px 8px;
}

table.prompt {
	width: 100%;
	margin: 10px auto;
}

form#prompt {
	width: 100%;
	margin: 10px auto;
}

table.prompt td {
	padding-bottom: 10px;
}



/* Regular, arrow under content */
/*
.lightTip           { font-size:.9em; width: 342px; }
.lightTip .content  { width: 310px; text-align: left; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .arrow    { height: 14px; background: url(../images/notch/white.gif) top center no-repeat transparent; }
*/
.lightTip           { font-size:15px; width: 212px; }
.lightTip .content  { width: 180px; text-align: left; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .arrow    { height: 14px; background: url(../images/notch/white.gif) top center no-repeat transparent; }
/* Arrow above content */
.lightuTip          { font-size:15px; width: 212px; }
.lightuTip .content { width: 180px; text-align: left; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightuTip .arrow   { height: 14px; background: url(../images/notch/white_u.gif) bottom center no-repeat; }
/* Used for thumbnails */
.lightTTip          { font-size:15px; width: 162px; }
.lightTTip .content { width: 130px; max-height: 130px; text-align: center; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #020202; background: url(../images/ajax-loader.gif) center no-repeat white; }
.lightTTip .arrow   { height: 14px; background: url(../images/notch/white.gif) top center no-repeat transparent; }

.item {
	border-radius:2px 2px 2px 2px;
	-moz-box-shadow:0 1px 2px #EAEDF4;
	background-color:#FFFFFF;
	border:1px solid #E4E8F1;
	float:left;
	margin:0 4px 4px 0;
	text-align:center;
	width: 178px;
	height: 178px;
}

.itemlinks {
	height: 20px;
}

.itemlink img {
	text-align:center;
	width: 128px;
	height: 128px;
	border: none;
}

table.rooms {
	height: 100px;
}

table.rooms tr {

}

table.rooms tr td {
	border: 1px solid grey;
	background-color: #eeeeee;
	border-collapse: collapse;
	vertical-align: top;
}

table.rooms div {
	display: inline-block;
}

.groupRow {
	background: white;
}

.groupRowTitle {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	background:url("../images/arrow-r.gif") center left no-repeat;
	padding-left: 16px;
}

.exp .groupRowTitle {
	background:url("../images/arrow-d.gif") center left no-repeat;
}

.groupRowText {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}

.boldh-a {
	padding-right: 25px;
	background: #dce4ff;
	background: url("../images/arrow-a.gif") center right no-repeat;
}
.boldh-d {
	padding-right: 25px;
	background: #dce4ff;
	background: url("../images/arrow-d.gif") center right no-repeat;
}

td#yes {
	background: url("../images/tick_sml.gif") center left no-repeat;
}
td#yesb {
	background: url("../images/tick_sml.gif") center left no-repeat #E8FAD4;
}


/**************************************************************************/
/*                               PROFILE                                  */
/**************************************************************************/

section.profile {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: auto;
	-ms-grid-rows: repeat(1fr)[2];
	grid-template-rows: repeat(2, 1fr);
	margin: 40px 8px 8px 8px;
	justify-content: center;
}

section.profile aside {
	display: none;
}

section.profile nav {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / -1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2 / -1;
	padding-top: 15px;
	font-size: 15px;
}

section.profile article {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / -1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2;
}

section.profile article h1 {
	font-size: 24px;
}

section.profile article a {
	white-space: nowrap;
}

section.profile article p {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	padding-bottom: 10px;
}

section.profile article .redundant {
	display: none;
}

/*
 *	Specific to Edit Details form
 */
section.form form.profile_form nav.buttons {
	width: 226px;
}

section.form article form fieldset .pass-graybar {
	width: 155px;
}

section.form article form fieldset .pass-percent,
section.form article form fieldset .pass-text {
	font-size: 0.75rem;
}

@media screen and (min-width: 552px) {

	section.profile {
		-ms-grid-columns: 140px 1fr;
		grid-template-columns: 140px auto;
		-ms-grid-rows: repeat(1fr)[2];
		grid-template-rows: repeat(2, 1fr);
		margin: 50px auto;
		width: 636px;
	}

	section.profile nav {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / -1;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / -1;
		padding-top: 15px;
	}

	section.profile article {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / -1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}

	section.profile article .redundant {
		display: table-cell;
	}

	section.profile nav ul li {
		display: inline;
		margin-right: 15px;
	}

	section.profile aside {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / -1;
		display: block;
	}

	section.form article form fieldset .pass-graybar {
		width: 190px;
	}

}










div.profile {
	margin: 5px 5px 5px 25px;
	display: inline-block;
}

div.profile span {
	color: silver;
}

a.profile {
	font-family: roboto-regular;
}

table.profile {
	height: 10px;
}

table.profile th {
	font-size:15px;
	padding: 0 8px 0 8px;
}

table.profile tbody tr {
	color: darkslategray;
	text-align: left;
	white-space: nowrap;
	font-size: 15px;
	line-height: 1.8em;
}

table.profile tfoot tr {
	color: navy;
	white-space: nowrap;
	font-size:15px;
}

table.profile td {
	padding: 6px 0;
}

table.profile div {
	display: inline-block;
}

table.profile tbody tr td {
	border-bottom: 2px solid lightgray;
}


/**************************************************************************/
/*                           GENERIC FORMS                                */
/**************************************************************************/

section.form {

}

section.form article {

}

section.form article h2 {
	margin: 10px;
}

section.form div.message {
	margin: 12px;
}

section.form article a {
	white-space: nowrap;
}

section.form form fieldset {
	border: none;
	padding: 10px;
}

section.form form fieldset fieldset {
	padding: 0px;
}

section.form form fieldset input {
	height: 28px;
	margin: 2px 0;
	padding: 0 2px;
}

/* Sub-fieldset radio buttons */
section.form form td>fieldset input {
	margin-left: 20px;
}

section.form form nav.buttons {
	height: 36px;
	margin: 0 auto;
}

section.form form nav.buttons button {
	margin: 5px;
	font-size: 15px;
}

section.form form fieldset button {
	margin: 2px;
	padding: 2px;
	width: 258px;
	height: 32px;
}

section.form form fieldset table {
	width: 100%;
}

section.form form fieldset table td.fieldname {
	min-width: 100px;
	height: 32px;
}

@media screen and (min-width: 552px) {

	section.form {
		margin: 0 auto;
		width: 500px;
	}

	section.form form>fieldset {
		border: 2px solid #f0f0f0;
		border-radius: 2px;
	}

	section.form form fieldset input[type="text"] {
		width: 200px;
	}

	section.activate form article fieldset .pass-graybar {
		width: 258px;
		margin: 0 auto;
	}

}


/**************************************************************************/
/*                                                                        */
/**************************************************************************/

form#role {
	width: 600px;
}

form#role fieldset {
	background-color: #fff;
	border: 1px solid #C9C9C9;
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
	color: #666;
	padding: 18px;
	border-radius: 5px;
}

form#role fieldset input {
	height: 28px;
}


/**************************************************************************/
/*                                                                        */
/**************************************************************************/

span.status1 {
	font-size: 15px;
	color: green;
}
span.status2 {
	font-size: 15px;
	color: green;
}
span.status3 {
	font-size: 15px;
	color: red;
}
span.status4 {
	font-size: 15px;
	color: green;
}
span.status5 {
	font-size: 15px;
	color: green;
}
span.status6 {
	font-size: 15px;
	color: green;
}
span.status7 {
	font-size: 15px;
	color: green;
}
span.status8 {
	font-size: 15px;
	color: green;
}
span.status9 {
	font-size: 15px;
	color: green;
}
span.status10 {
	font-size: 15px;
	color: green;
}

/**************************************************************************/
/*                               HISTORY                                  */
/**************************************************************************/

.histCont {
	/* height: 200px; */
	overflow: scroll;
}

tbody#history th {
	white-space: nowrap;
	vertical-align: top;
	padding-right: 10px;
}
tbody#history td {
	white-space: nowrap;
	vertical-align: top;
	padding-right: 10px;
}

/**************************************************************************/
/*                            NOTES / PROOF                               */
/**************************************************************************/

.notesCont {
	height: 200px;
	overflow: scroll;
}

tbody#notes td.full {
	white-space: nowrap;
	vertical-align: top;
	padding-right: 10px;
}

tbody#notes td.noteContent {

}

/**************************************************************************/
/*                               BUTTONS                                  */
/**************************************************************************/
.buttons {
	margin: 0 auto;
}

.buttons button {
	margin: 5px;
}

button:hover {
	text-decoration: none;
}

button.pure-button {
	height: 43px;
}

/* white */
button.info {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	min-width: 100px;
}
button.info:hover {
	background: #ededed;
}
button.info:active {
	color: #999;
}

/* red */
button.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
}
button.red:hover {
	background: #b61318;
}
button.red:active {
	color: #de898c;
}

/* green */
button.green {
	color: white;
	border: solid 1px #3E6B18;
	background: #44840f;
}
button.green:hover {
	background: #44840f;
}
button.green:active {
	color: white;
}

/* logout */
button.logout {
	color: white;
	border: solid 1px #6e6e6e;
	background: #828282;
	width: 100px;
	height: 30px;
	margin-top: -6px;
	white-space: nowrap;
}
button.logout:hover {
	background: #6e6e6e;
}
button.logout:active {
	color: white;
}

/* gray */
button.info {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
}
button.info:hover {
	background: #616161;
}
button.info:active {
	color: #afafaf;
}

/* blue */
button.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	min-width: 100px;
}
button.blue:hover {
	background: #007ead;
}
button.blue:active {
	color: #80bed6;
}

/* help */
button.help {
	width: 35px;
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
}
button.help:hover {
	background: #ededed;
}
button.help:active {
	color: #999;
}

.hide {
	display: none;
}

.bulkOptions {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 6px;
	margin-top: 4px;
	font-size: 15px;
	text-align: left;
}

.bulkOptions span {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 0.5em;
}


.profileOptions {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 10px;
	margin-top: 5px;
	font-size: 15px;
	text-align: left;
}

.profileOptions span {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 0.5em;
}

/**************************************************************************/
/*                                 TABS                                   */
/**************************************************************************/

.field_tabs {
	padding: 0;
}

.field_tabs .tabs {
	padding: 0;
}

.field_tabs .content {
	padding: 0;
}

ul.tabs {
	margin: 0px;
	padding: 0px;
}

ul.tabs li {
	display: inline;
}

ul.tabs a {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	background: none repeat scroll 0 0 #ababab;
	padding: 6px 14px 6px 14px;
	border-left: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	color: white;
}

ul.tabs a.active {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	background: none repeat scroll 0 0 #fafafa;
	padding: 6px 14px 8px 14px;
	border-left: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	color: black;
}

table.groupRooms {
	height: 10px;
}

table.groupRooms tbody tr {
	text-align: left;
	white-space: nowrap;
	font-size:15px;
}

table.groupRooms tbody tr:hover td {
	color:#009;
}

table.groupRooms td {
	padding: 6px;
}

table.groupRooms div {
	display: inline-block;
}

table.groupRooms tbody tr.groupStart {
	border-top:1px solid silver;
}

.format {
	text-align: right;
}

.format.total {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	text-align: right;
}

#query {
	background: white url(../images/searchglass.png) no-repeat scroll 3px 4px;
	border: 1px solid #95A5C6;
	color: #000000;
	font-weight: normal;
	padding: 2px 0px 2px 17px;
}

.autocomplete-w1 {
	background: url(../images/shadow.png) no-repeat bottom right;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 8px 0 0 6px;
	/* IE6 fix: */
	_background: none;
	_margin: 0;
}
.autocomplete {
	border: 1px solid #999;
	background: #FFF;
	cursor: default;
	text-align: left;
	max-height: 350px;
	overflow: auto;
	margin: -6px 6px 6px -6px;
	/* IE6 specific: */
	_height: 350px;
	_margin: 0;
	_overflow-x: hidden;
}
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/**************************************************************************/
/*                           EXPIRED DIALOG                               */
/**************************************************************************/

#expired {
	display: none;
	width: 400px;
	border: 10px solid rgba(82, 82, 82, 0.698);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#expired div {
	padding: 10px;
	background-color: #ffffff;
}

#expired p {
	color: #999999
}

#expired h2 {
	margin: -10px;
	margin-bottom: 0px;
	color: #fff;
	background-color: #003366;
	padding: 5px 10px;
	font-size: 15px;
}

/**************************************************************************/
/*                        CONTEXT MENU PLUGIN - ICONS                     */
/**************************************************************************/

.context-menu-icon { min-height: 18px; background-repeat: no-repeat; background-position: 8px 6px; }
.context-menu-icon-add { background-image: url(../images/menu/add.png); }
.context-menu-icon-email { background-image: url(../images/menu/eml.png); }
.context-menu-icon-hist { background-image: url(../images/menu/hi.png); }
.context-menu-icon-excl { background-image: url(../images/menu/excl.png); }
.context-menu-icon-status { background-image: url(../images/menu/st.png); }
.context-menu-icon-edit { background-image: url(../images/menu/edt.png); }
.context-menu-icon-del { background-image: url(../images/menu/de.png); }
.context-menu-icon-enbl { background-image: url(../images/menu/enb.png); }
.context-menu-icon-lock { background-image: url(../images/menu/lock.png); }
.context-menu-icon-view { background-image: url(../images/menu/view.png); }

/**************************************************************************/
/*                               USER ADMIN                               */
/**************************************************************************/

section.useradmin {
	margin: 5px;
	display: inline-flex;
	width: 100%;
}

section.useradmin div.options {
	padding-bottom: 5px;
}

section.useradmin div.options div.summary {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 3px;
}

section.useradmin div.options div.summary span.title {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 0.5em;
}

section.useradmin div.title form {
	display: inline;
}

section.useradmin article.roles {
	float: left;
	width: 330px;
}

section.useradmin article.comms {
	width: 600px;
	margin: 0 auto;
	padding-top: 10px;
}

section.useradmin article.user_list, section.useradmin article.user_details {
	padding-left: 5px;
}

section.useradmin article.user_details fieldset {
	background-color: #fff;
	border: 1px solid #C9C9C9;
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
	color: #666;
	padding: 18px;
	border-radius: 2px;
}

section.useradmin article.roles div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 23px;
	margin-bottom: 2px;
}

section.useradmin article.roles div.title li {
	list-style: none;
}

section.useradmin article.roles ul.selectable li {
	padding: 3px 0 5px 10px;
	margin-bottom: 2px;
	cursor: pointer;
}
section.useradmin article.roles ul.selectable li span {
	color: #222;
	margin-left: 13px;
}
section.useradmin article.roles ul.selectable li:hover {
	background: none repeat scroll 0 0 #fafafa;
}
section.useradmin article.roles li.current {
	background: none repeat scroll 0 0 #fafafa;
}
section.useradmin article.roles li.current span {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}
section.useradmin article.roles .ui-selecting {
	background: none repeat scroll 0 0 #fafafa;
}
section.useradmin article.roles .ui-selected, section.useradmin article.roles .ui-selected:hover {
	background: none repeat scroll 0 0 #fafafa;
}
section.useradmin article.user_list {
	float: left;
	padding-left: 5px;
}

section.useradmin article.user_list div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 3px;
	height: 27px;
	margin-bottom: 2px;
}

section.useradmin div.chosen-container {
	margin-top: -4px;
}

section.useradmin .chosenImage-container .chosen-results li {
	background-position-x: 4px;
	background-position-y: center;
	background-size: 18px auto;
	background-repeat: no-repeat;
}

table.account {
	width: 315px;
}

table.account tr td {
	height: 26px;
	width: 80px;
	padding-left: 8px;
}

table.account_roles {
	width: 165px;
	margin-left: 8px;
}

table.account_roles tr td {
	height: 26px;
	padding-left: 8px;
}

table td.title {
	background: url("../images/pixels/silver.gif") repeat-x scroll left bottom #ffffff;

	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 2px;
}

table.role {
	width: 100%;
}

table.role tr td {
	height: 26px;
	padding: 0 8px;
}

section.useradmin article.roles .ui-selected, section.useradmin article.roles .ui-selected:hover {
	border-right: 4px solid #646464;
}

section.useradmin .ui-selectmenu-text {
	display: none;
}

section.useradmin .ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 18px;
	padding: 0;
	margin-left: -2px;
	height: 24px;
	margin-bottom: 2px;
}

/**************************************************************************/
/*                                APPROVAL                                */
/**************************************************************************/

section.approval article.summary {
	padding: 5px;
	text-align: left;
	position: relative;
	height: 25px;
	margin-top: 5px;
}

section.approval article.search_results div.summary {
	margin-top: 4px;
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 26px;
	margin-bottom: 2px;
	padding-right: 6px;
}

section.approval article.search_results div.summary span {
	line-height: 23px;
	margin-left: 5px;
}

section.approval article.search_results div.summary span.colour_title {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 0.975rem;
	margin-bottom: 0.5em;
}

section.approval article.search_results div.summary span#document_count strong {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}


section.approval article.thumbnails div.company_list {
	text-align: center;
	margin: 0 auto;
	padding: 0 15px;
}

section.approval article.thumbnails div.summary {
	height: 34px;
	margin-top: 4px;
}

section.approval article.thumbnails div.summary button {
	float: right;
}

section.approval article.search_results img.repl_ico {
	cursor: pointer;
}

/**************************************************************************/
/*                            APPROVAL TOOLBAR                            */
/**************************************************************************/

section.approval article.toolbar {
	line-height: 2.8em;
	height: 60px;
}

/*
section.approval article.toolbar a {
	margin-left: 10px;
}
*/

section.approval article.toolbar img {
	margin-bottom: 3px;
}

section.approval article.toolbar span.left {
	float: left;
	padding-left: 10px;
}

section.approval article.toolbar span.right {
	float: right;
	padding-right: 10px;
}

section.approval article.toolbar span.selected {
	background-image: url(images/mode_grey.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 11px;
	margin: 0 10px;
}

section.approval article.toolbar form#statusForm {
	padding-bottom: 10px;
}

section.approval .chosenImage-container .chosen-results li {
	background-position-x: 4px;
	background-position-y: center;
	background-size: 18px auto;
	background-repeat: no-repeat;
}

section.approval .chosenImage-container .chosen-results li.opt_level1 {
	text-indent: 22px;
}

section.approval .chosenImage-container .chosen-results li.opt_level2 {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
	line-height: 1.4rem;
	font-size: 14px;
}

section.approval .chosenImage-container .chosen-results li.group-option {
	text-indent: 14px;
}

.chosen-container .chosen-results {
	max-height: 280px;
}

.chosen-container-single .chosen-single {
	height: 28px;
}

/**************************************************************************/
/*                             APPROVAL ADMIN                             */
/**************************************************************************/

section.approval_admin {
	margin: 5px;
	display: inline-flex;
	width: 100%;
}

section.approval_admin article.dashboard,
section.approval_admin article.details {
	padding-left: 5px;
}

section.approval_admin article.definitions {
	float: left;
	width: 330px;
}

section.approval_admin article.definitions .ui-selecting {
	background: none repeat scroll 0 0 #fafafa;
}
section.approval_admin article.definitions .ui-selected,
section.approval_admin article.definitions .ui-selected:hover {
	background: none repeat scroll 0 0 #fafafa;
	border-right: 4px solid #646464;
}

section.approval_admin article.definitions div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 23px;
	margin-bottom: 2px;
}

section.approval_admin article.definitions div.title li {
	list-style: none;
}

section.approval_admin article.definitions ul.selectable li {
	padding: 3px 0 5px 10px;
	margin-bottom: 2px;
	cursor: pointer;
}
section.approval_admin article.definitions ul.selectable li span {
	color: #222;
	margin-left: 13px;
}
section.approval_admin article.definitions ul.selectable li:hover {
	background: none repeat scroll 0 0 #fafafa;
}
section.approval_admin article.definitions li.current {
	background: none repeat scroll 0 0 #fafafa;
}
section.approval_admin article.definitions li.current span {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}

section.approval_admin article.definitions ul.definitions li {
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	margin-bottom: 2px;
	border-right: 4px solid white;
}

section.approval_admin article.definitions ul.definitions li:hover {
	background: none repeat scroll 0 0 #fafafa;
	border-right: 4px solid #b8b8b8;
}

section.approval_admin article.definitions li.definition {
	position: relative;
}

section.approval_admin article.definitions li.definition.current, li.definition.current:hover {
	background: none repeat scroll 0 0 #fafafa;
}

section.approval_admin article.definitions li.definition a {
	color: #222;
	margin-left: 9px;
}

section.approval_admin article.dashboard {
	float: left;
	padding-left: 5px;
	width: 660px;
}

section.approval_admin article.dashboard div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 23px;
	margin-bottom: 2px;
}

section.approval_admin article.dashboard div.title span.right {
	margin-top: -2px;
}

section.approval_admin article.dashboard .proofing div.sessions {
	float: left;
	width: 660px;
	padding-left: 5px;
	position: relative;
}

section.approval_admin article.dashboard .proofing div.sessions div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 23px;
	margin-bottom: 2px;
	padding-left: 5px;
}

section.approval_admin article.dashboard .proofing div.sessions div.title span.right button.help {
	margin-top: -4px;
}

section.approval_admin article.dashboard #session_details {
	width: 100%;
	height: 205px;
	background-color: #fafafa;
	display: inline-block;
}

section.approval_admin article.dashboard #session_details table {
	margin: 10px;
}

section.approval_admin article.dashboard #session_details td {
	padding: 4px 20px 4px 0px;
}

section.approval_admin article.dashboard #session_details button {
	margin: 10px 10px 0 0;
}

section.approval_admin article.dashboard #sessionGauge {
	width: 200px;
	height: 160px;
	float: left;
	margin: 0 64px;
}

input.sign {
	padding-left: 6px;
	line-height: 22px;
	font-weight: bold;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 12px;
}

section.approval_admin article.team {
	float: left;
	width: 330px;
}

section.approval_admin article.team .ui-selecting {
	background: none repeat scroll 0 0 #fafafa;
}
section.approval_admin article.team .ui-selected,
section.approval_admin article.team .ui-selected:hover {
	background: none repeat scroll 0 0 #fafafa;
	border-right: 4px solid #646464;
}

section.approval_admin article.team div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 23px;
	margin-bottom: 2px;
}

section.approval_admin article.team div.title li {
	list-style: none;
}

section.approval_admin article.team ul.selectable li {
	padding: 3px 0 5px 10px;
	margin-bottom: 2px;
	cursor: pointer;
}
section.approval_admin article.team ul.selectable li span {
	color: #222;
	margin-left: 13px;
}
section.approval_admin article.team ul.selectable li:hover {
	background: none repeat scroll 0 0 #fafafa;
}
section.approval_admin article.team li.current {
	background: none repeat scroll 0 0 #fafafa;
}
section.approval_admin article.team li.current span {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}

section.approval_admin table.approval th {
	font-size: 15px;
	color: #039;
	border-bottom: 2px solid #6678b1;
	padding-left: 8px;
	white-space: nowrap;
	height: 30px;
	text-align: left;
}

section.approval_admin table.approval tbody tr {
	color: navy;
	text-align: left;
	white-space: nowrap;
	font-size: 15px;
}

section.approval_admin table.approval tbody tr.disp {
	cursor: pointer;
}

section.approval_admin table.approval tbody td.ignore div {
	position: relative;
}

section.approval_admin table.approval tbody tr.ver {
	cursor: pointer;
}

section.approval_admin table.approval tfoot tr {
	color: navy;
	white-space: nowrap;
	font-size: 15px;
}

section.approval_admin table.approval tfoot tr td {
	padding: 5px 5px 5px 8px;
	text-align: center;
	cursor: pointer;
}

section.approval_admin table.approval tr.groupRow td {
	padding: 5px 5px 5px 8px;
}

section.approval_admin table.approval tbody tr:hover td {
	color: #009;
}

section.approval_admin table.approval tr.disp td {
	color: #669;
	padding: 5px 5px 5px 8px;
}

section.approval_admin table.approval tr.att td {
	color: #669;
	padding: 5px 5px 5px 8px;
}

section.approval_admin table.approval tr.ignore td {
	color: #669;
	padding: 5px 5px 5px 8px;
}

section.approval_admin table.approval tr.ver td {
	color: #919191;
	padding: 5px 5px 5px 8px;
}

section.approval_admin table.approval tr.accts td {
	color: #669;
	padding: 5px 5px 5px 8px;
}

section.approval_admin table.approval div {

}

section.approval_admin table.approval tbody tr td {
	border-bottom: 1px solid silver;
}

section.approval_admin table.approval tr.selected td, table.approval tr.selected:hover td {
	color: white;
}

section.approval_admin tr.att {
	cursor: pointer;
}

/**************************************************************************/
/*                        GENERIC FOR LIST SELECTION                      */
/**************************************************************************/

.select_list {
	margin: 5px;
	display: inline-flex;
}

.select_list div.options {
	padding-bottom: 5px;
}

.select_list div.options div.summary {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 3px;
}

.select_list div.options div.summary span.title {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 0.5em;
}

.select_list div.title form {
	display: inline;
}

.select_list div.roles {
	float: left;
	width: 330px;
}

.select_list div.roles div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 23px;
	margin-bottom: 2px;
}

.select_list div.roles div.title span {

}

.select_list div.roles div.title li {
	list-style: none;
}

.select_list div.roles ul.selectable li {
	padding: 3px 0 5px 10px;
	margin-bottom: 2px;
	cursor: pointer;
}
.select_list div.roles ul.selectable li span {
	color: #222;
	margin-left: 13px;
}
.select_list div.roles ul.selectable li:hover {
	background: none repeat scroll 0 0 #fafafa;
}
.select_list div.roles li.current {
	background: none repeat scroll 0 0 #fafafa;
}
.select_list div.roles li.current span {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}

.select_list div.roles .ui-selecting {
	background: none repeat scroll 0 0 #fafafa;
	border-right: 4px solid #B8B8B8;
}
.select_list div.roles .ui-selected, .select_list div.roles .ui-selected:hover {
	background: none repeat scroll 0 0 #fafafa;
}

.select_list div.users {
	float: left;
	width: 710px;
	padding-left: 5px;
}

.select_list div.users div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 3px;
	height: 27px;
	margin-bottom: 2px;
}

.select_list div.chosen-container {
	margin-top: -4px;
}

/**************************************************************************/
/*                       PROOFING - NEW DEFINITION                        */
/**************************************************************************/

form#new_definition fieldset {
	background-color: #fff;
	border: 1px solid #C9C9C9;
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
	color: #666;
	padding: 18px;
	border-radius: 5px;
}

form#new_definition fieldset input {
	height: 28px;
}

table.new_definition {
	width: 482px;
}

table.new_definition td {
	padding-bottom: 12px;
	vertical-align: initial;
}

.select_list_mini {
	margin: 5px;
	display: inline-flex;
}

.select_list_mini div.options {
	padding-bottom: 5px;
}

.select_list_mini div.options div.summary {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 3px;
}

.select_list_mini div.options div.summary span.title {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 0.5em;
}

.select_list_mini div.title form {
	display: inline;
}

.select_list_mini div.roles {
	float: left;
	width: 290px;
}

.select_list_mini div.roles div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 23px;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
}

.select_list_mini div.roles div.title span {

}

.select_list_mini div.roles div.title li {
	list-style: none;
}

.select_list_mini div.roles ul.selectable li {
	padding: 8px 0 8px 13px;
	margin-bottom: 2px;
	cursor: pointer;
}
.select_list_mini div.roles ul.selectable li span {
	color: #222;
	margin-left: 21px;
}
.select_list_mini div.roles ul.selectable li:hover {
	background: none repeat scroll 0 0 #fafafa;
}
.select_list_mini div.roles li.current {
	background: none repeat scroll 0 0 #fafafa;
}
.select_list_mini div.roles li.current span {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}

.select_list_mini div.roles .ui-selecting {
	background: none repeat scroll 0 0 #fafafa;
	border-right: 4px solid #B8B8B8;
}
.select_list_mini div.roles .ui-selected, .select_list_mini div.roles .ui-selected:hover {
	background: none repeat scroll 0 0 #fafafa;
}

.select_list_mini div.users {
	float: left;
	width: 600px;
	padding-left: 5px;
}

.select_list_mini div.users div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 3px;
	height: 27px;
	margin-bottom: 2px;
}

.select_list_mini div.chosen-container {
	margin-top: -4px;
}

div.new_definition #slider {
	width: 170px;
	margin-top: 5px;
}

/**************************************************************************/
/*                               MAILHOUSE                                */
/**************************************************************************/

.mailhouse {
	margin: 5px;
}

div.mailhouse .title {
	position: relative;
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 5px;
	height: 25px;
	margin-bottom: 2px;
}

div.mailhouse div.title div.chosen-container {

}

div.summary form.option {
	display: inline;
}

ul.chosen-results li.active-result.proof-1 {
    background-image: url('../images/session/1.png');
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 20px;
    text-indent: 15px;
}

ul.chosen-results li.active-result.proof-2 {
    background-image: url('../images/session/2.png');
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 20px;
    text-indent: 15px;
}

ul.chosen-results li.active-result.proof-3 {
    background-image: url('../images/session/3.png');
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 20px;
    text-indent: 15px;
}

ul.chosen-results li.active-result.proof-4 {
    background-image: url('../images/session/4.png');
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 20px;
    text-indent: 15px;
}

ul.chosen-results li.active-result.proof-5 {
    background-image: url('../images/session/5.png');
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 20px;
    text-indent: 15px;
}

ul.chosen-results li.active-result.proof-6 {
    background-image: url('../images/session/6.png');
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 20px;
    text-indent: 15px;
}

ul.chosen-results li.active-result.proof-7 {
    background-image: url('../images/session/7.png');
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 20px;
    text-indent: 15px;
}

ul.chosen-results li.active-result.proof-8 {
    background-image: url('../images/session/8.png');
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 20px;
    text-indent: 15px;
}

.opt_level5 {

}
.opt_level4 {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}
.opt_level3 {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}
.opt_level2 {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}
.opt_level1 {
	text-indent: 20px;
}

div.icon_portal {
	cursor: not-allowed;
	width: 28px;
	height: 28px;
}
div.icon_portal.is_enabled {
	background: url("../images/sticker/laptop.png") no-repeat left top;
	background-size: 28px 28px;
}
div.icon_portal.not_enabled {
	background: url("../images/sticker/laptop-disabled.png") no-repeat left top;
	background-size: 28px 28px;
}

div.icon_notifications {
	cursor: pointer;
	width: 28px;
	height: 28px;
}
div.icon_notifications.is_enabled {
	background: url("../images/sticker/megaphone.png") no-repeat left top;
	background-size: 28px 28px;
}
div.icon_notifications.not_enabled {
	background: url("../images/sticker/megaphone-disabled.png") no-repeat left top;
	background-size: 28px 28px;
}

div.icon_delivery {
	cursor: pointer;
	width: 28px;
	height: 28px;
}
div.icon_delivery.is_enabled {
	background: url("../images/sticker/mail-open.png") no-repeat left top;
	background-size: 28px 28px;
}
div.icon_delivery.not_enabled {
	background: url("../images/sticker/mail-open-disabled.png") no-repeat left top;
	background-size: 28px 28px;
}

div.icon_api {
	pointer: not-allowed;
	width: 28px;
	height: 28px;
}
div.icon_api.is_enabled {
	background: url("../images/sticker/key.png") no-repeat left top;
	background-size: 28px 28px;
}
div.icon_api.not_enabled {
	background: url("../images/sticker/key-disabled.png") no-repeat left top;
	background-size: 28px 28px;
}

/**************************************************************************/
/*                                REPORTS                                 */
/**************************************************************************/

tr.detail.processing {
	background-color: #eaeaea;
	color: green;
}

#report_options div.summary {
	border: 1px solid #eaeaea;
	padding: 9px 5px 5px 5px;
	margin-left: 5px;
	text-align: left;
	position: relative;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	height: 23px;
	min-width: 707px;
}
#report_options div.summaryDetail {
	display: inline-block;
}
#report_options div.summary span.title {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 0.5em;
}

.select_list_mini div.reports {
	float: left;
	width: 290px;
}

.select_list_mini div.reports div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 23px;
	margin-bottom: 2px;
}

.select_list_mini div.reports div.title span {

}

.select_list_mini div.reports div.title li {
	list-style: none;
}

.select_list_mini div.reports ul.selectable li {
	padding: 3px 0 5px 10px;
	margin-bottom: 2px;
	cursor: pointer;
}
.select_list_mini div.reports ul.selectable li span {
	color: #222;
	margin-left: 12px;
}
.select_list_mini div.reports ul.selectable li:hover {
	background: none repeat scroll 0 0 #fafafa;
}
.select_list_mini div.reports li.current {
	background: none repeat scroll 0 0 #fafafa;
}
.select_list_mini div.reports li.current span {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
}

.select_list_mini div.reports .ui-selecting {
	background: none repeat scroll 0 0 #fafafa;
	border-right: 4px solid #B8B8B8;
}
.select_list_mini div.reports .ui-selected, .select_list_mini div.reports .ui-selected:hover {
	background: none repeat scroll 0 0 #fafafa;
}

form.option input[type=text] {
	height: 22px;
	width: 120px;
	margin: -3px 0 0 0;
	padding-left: 3px;
}

tbody.archiving_summary tr.summary.current {
	background-color: rgb(235,235,235);
}

table.definition {
	width: 100%;
}
table.definition tr td {
	height: 26px;
	padding-left: 8px;
}
table.execution tr td {
	height: 26px;
	padding-left: 8px;
}
table.execution pre {
	height: 240px;
	max-height: 240px;
	overflow: scroll;
}

.reports_loading {
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	width: 36px;
	height: 36px;
}

.dataTables_scrollBody thead{
    visibility:hidden;
}
.table_group {
	background-color: #333333 !important;
	color: #fff !important;
	opacity: 0.7;
}

/**************************************************************************/
/*                               EDELIVERY                                */
/**************************************************************************/

#edelivery_options div.summary {
	border: 1px solid #eaeaea;
	padding: 9px 5px 5px 5px;
	margin-left: 5px;
	text-align: left;
	position: relative;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	height: 23px;
	min-width: 707px;
}
#edelivery_options div.summaryDetail {
	display: inline-block;
}
#edelivery_options div.summary span.title {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 0.5em;
}

.select_list_mini div.edelivery {
	float: left;
	width: 290px;
}

.select_list_mini div.edelivery div.title {
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 23px;
	margin-bottom: 2px;
}

.select_list_mini div.edelivery div.title span {

}

.select_list_mini div.edelivery div.title li {
	list-style: none;
}

.select_list_mini div.edelivery ul.selectable li {
	padding: 3px 0 5px 10px;
	margin-bottom: 2px;
	cursor: pointer;
}
.select_list_mini div.edelivery ul.selectable li span {
	color: #222;
	margin-left: 12px;
}
.select_list_mini div.edelivery ul.selectable li:hover {
	background: none repeat scroll 0 0 #fafafa;
}
.select_list_mini div.edelivery li.current {
	background: none repeat scroll 0 0 #fafafa;
}
.select_list_mini div.edelivery li.current span {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}

.select_list_mini div.edelivery .ui-selecting {
	background: none repeat scroll 0 0 #fafafa;
	border-right: 4px solid #B8B8B8;
}
.select_list_mini div.edelivery .ui-selected,
.select_list_mini div.edelivery .ui-selected:hover {
	background: none repeat scroll 0 0 #fafafa;
}

.edelivery_loading {
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	width: 36px;
	height: 36px;
}


/**************************************************************************/
/*                               COMPANIES                                */
/**************************************************************************/

section.companies {

}

section.companies article.thumbnails {

}

section.companies article.thumbnails div.company_list {
	text-align: center;
	margin: 0 auto;
	padding: 10px 15px;
}

section.companies article.thumbnails div.summary {
	margin-top: 4px;
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 26px;
	margin-bottom: 2px;
	padding-right: 6px;
}

section.companies article.thumbnails div.summary button {
	float: right;
}

section.companies article.thumbnails div.comp {
	text-align: center;
	border: 2px solid #f0f0f0;
	width: 230px;
	height: 105px;
	text-align: center;
	padding: 9px 4px 9px 7px;
	margin: 0 5px 10px 0;
	vertical-align: top;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	cursor: pointer;
}

section.companies article.thumbnails div.comp .company-menu-icons {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	background: rgba(255,255,255,0.9);
	width: 14px;
	text-align: left;
	padding: 6px 4px;
	font-size: 12px;
	z-index: 999;
}

section.companies article.thumbnails div.comp nav.stickers img,
section.companies article.thumbnails div.comp img.sticker {
	width: 18px;
	height: auto;
	vertical-align: middle;
}


section.companies article.thumbnails div.comp.access_alert {
	border: 2px solid red;
}
section.companies article.thumbnails div.comp.umbrella_alert {
	border: 2px solid navy;
}

section.companies article.thumbnails div.comp aside {
	font-size: 1.0em;
	vertical-align: bottom;

	position: absolute !important;
	width: 100%;
	bottom: 5px;
	left: 0px;
}

form.company {
	width: 600px;
	margin: 10px auto;
}

form.company fieldset {
	background-color: #fff;
	border: 1px solid #C9C9C9;
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
	color: #666;
	padding: 18px;
	border-radius: 5px;
}

form.company fieldset input, form.company fieldset select {
	margin: 2px 0;
	padding: 0 2px;
	height: 28px;
}

form.company input {
	height: 22px;
}

.company_logo {
	max-width: 230px;
	max-height: 70px;
}

.thumb_logo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding-bottom: 20px;
	/*
	-moz-transform: scale(0.75);
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	*/
	max-width: 230px;
	max-height: 70px;
}

.img_announce_icons {
	position: absolute;
	top: 1px;
	right: 2px;
	width: 20px;
}

.img_announce_icons img {
	padding-bottom: 4px;
}

table.company_docs input {
	height: 26px;
	margin: 6px 0;
}

table.company_docs input.error {
	background-color: #f9d5d5;
}

#company_search {
	height: 21px;
	width: 150px;
}

div.aspect_ratio span {
	display: inline-block;
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .21);
	color: #666666;
	padding: 12px;
	border-radius: 1px;
	vertical-align: top;
	margin: 3px;
	text-align: center;
}

div.aspect_ratio span.selected {
	border: 1px solid #666666;
	background-color: #6666661c;
}

/**************************************************************************/
/*                          COMPANIES - LIST ONLY                         */
/**************************************************************************/

section.companies article.thumbnails div.summary span {
	padding: 0 5px;
}

section.companies .chosen-container {
	vertical-align: bottom;
}

/**************************************************************************/
/*                     SWITCH COMPANIES - THUMBS ONLY                     */
/**************************************************************************/

section.switch article.thumbs_only div.resultset {
	width: auto;
	overflow: scroll;
	height: inherit;
	padding: 18px;
}

/**************************************************************************/
/*                                  SWITCH                                */
/**************************************************************************/

section.switch {

}

section.switch article.summary {
	padding: 5px;
	text-align: left;
	position: relative;
	height: 25px;
	margin-top: 5px;
}

section.switch article.search_results div.summary {
	margin-top: 4px;
	padding-bottom: 7px;
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding-top: 7px;
	height: 26px;
	margin-bottom: 2px;
	padding-right: 6px;
}

section.switch article.search_results div.summary span {
	line-height: 23px;
	margin-left: 5px;
}

section.switch article.search_results div.summary span.colour_title {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 0.975rem;
	margin-bottom: 0.5em;
}

section.switch article.search_results div.summary span#document_count strong {
	font-family: roboto-regular,roboto-light,verdana,helvetica,arial,sans-serif;
	font-weight: normal;
}


section.switch article.thumbnails div.company_list {
	text-align: center;
	margin: 0 auto;
	padding: 0 15px;
}

section.switch article.thumbnails div.summary {
	height: 34px;
	margin-top: 4px;
}

section.switch article.thumbnails div.summary button {
	float: right;
}


/**************************************************************************/
/*                               TEMPLATES                                */
/**************************************************************************/

section.templates div.summary {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 3px;
	margin: 2px 5px;
}

section.templates form.template {
	width: 600px;
	margin: 10px auto;
}

section.templates form.template fieldset {
	background-color: #fff;
	border: 1px solid #C9C9C9;
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
	color: #666;
	padding: 18px;
	border-radius: 5px;
}

form.template fieldset input, form.template fieldset select {
	margin: 2px 0;
	padding: 0 2px;
	height: 28px;
}

form.template fieldset textarea {
	margin: 2px 0;
	padding: 0 2px;
	border: 1px solid #C9C9C9;
}

form.template input {
	height: 22px;
}

.template_list {
	text-align: center;
	margin: 20px auto;
	padding: 15px;
}

div.brand_thumb {
	text-align: center;
	border: 1px solid #f0f0f0;
	width: 200px;
	height: 160px;
	text-align: center;
	padding: 9px 4px 9px 7px;
	margin: 0 5px 10px 0;
	vertical-align: top;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

div.brand_thumb.brand_active {
	border: 2px solid #bfbfbf;
}

div.brand_thumb center {
	font-size: 15px;
	vertical-align: bottom;
	position: absolute !important;
	width: 100%;
	bottom: 5px;
	left: 0px;
}

img.brand_thumb {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto 40px auto;
	width: 160px;
	height: 120px;
	border: 1px solid grey;
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
	cursor: pointer;
}

.brand_disabled {
	cursor: not-allowed;
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

/**************************************************************************/
/*                                COMPOSER                                */
/**************************************************************************/

section.composer div.summary {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #eaeaea;
	padding: 3px;
	margin: 2px 5px;
}

section.composer form.template {
	width: 600px;
	margin: 10px auto;
}

section.composer form.template fieldset {
	background-color: #fff;
	border: 1px solid #C9C9C9;
	box-shadow: 0 1px 2px rgba(0,0,0,.21);
	color: #666;
	padding: 18px;
	border-radius: 5px;
}

section.composer fieldset input /*, form.template fieldset select */ {
	margin: 2px 0;
	padding: 0 2px;
	height: 28px;
}

.template_list {
	text-align: center;
	margin: 20px auto;
	padding: 15px;
}

div.template_thumb {
	text-align: center;
	border: 1px solid #f0f0f0;
	width: 200px;
	height: 160px;
	text-align: center;
	padding: 9px 4px 9px 7px;
	margin: 0 5px 10px 0;
	vertical-align: top;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

div.template_thumb.template_active {
	border: 2px solid #bfbfbf;
}

div.template_thumb center {
	font-size: 15px;
	vertical-align: bottom;
	position: absolute !important;
	width: 100%;
	bottom: 5px;
	left: 0px;
}

img.template_thumb {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto 40px auto;
	width: auto;
	height: 130px;
	border: 2px solid darkgray;
	/* box-shadow: 0 1px 2px rgba(0,0,0,.21); */
	cursor: pointer;
}

/*
form.template fieldset textarea {
	margin: 2px 0;
	padding: 0 2px;
	border: 1px solid #C9C9C9;
}

form.template input {
	height: 22px;
}

.brand_disabled {
	cursor: not-allowed;
	-webkit-filter: blur(5px);
	filter: blur(5px);
}
*/



.block-description {
	display: none;
	position: absolute;
	bottom: 0px;
	left: 4px;
	right: 4px;
	background: rgba(255,255,255,0.9);
	height: 14px;
	text-align: left;
	padding: 6px 4px;
	font-size: 15px;
}

span.stickers img, img.sticker, td.sticker img {
	width: 18px;
	height: auto;
	vertical-align: middle;
}

div.icon_favourite {
	position: absolute;
	top: 0px;
	right: 2px;
	width: 13px;
	height: 15px;
}

div.icon_favourite.is_default {
	background: url("../images/star_gold.png") no-repeat left top;
}
div.icon_favourite.not_default {
	background: url("../images/star_grey.png") no-repeat left top;
}

@media screen and (min-width: 552px) {

	.grid {
		-ms-grid-columns: 358px auto;
		grid-template-columns: 358px auto;
		-ms-grid-rows: repeat(auto)[4];
		grid-template-rows: repeat(4, auto);
	}

	header img.profile {
		display: block;
	}

	header img.logo {
		display: block;
	}

	button.logout {
		min-width: 100px;
		width: 100px;
	}

	button#dash.help {
		display: none;
	}

	input.large, select.large, textarea {
		width: 182px;
	}

	input.long, select.long, textarea {
		width: 250px;
	}

	input.vlong, select.vlong, textarea {
		width: 380px;
	}

	article.dashboard.details {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}

	article.my_documents {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / -1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / -1 ;
	}

	article.dashboard.support {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / 3;
	}

	article.dashboard.monthly {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row: 3 / 4;
	
	}

	article.list_documents {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / -1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / -1;
		overflow: scroll;
	}

	section.consumer article.summary span#document_count {
		display: inline;
	}

	select#viewMode {
		width: 140px;
	}

}