@charset "utf-8";

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

h1 {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
	color: #007faa;
}

h2 {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
	color: #007faa;
}

h3 {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
	color: #007faa;
}

h4 {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
	color: #007faa;
}

.errorbox {
	background-color: #fff9f9;
	color: #d8032e;
}

.errorbox h3 {
	color: #d8032e;
	font-size: 17px;
}

.errorLabel {
	color: #d8032e;
}

input.error_input::placeholder {
	color: #d8032e;
}
input.error_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d8032e;
}
input.error_input::-ms-input-placeholder { /* Microsoft Edge */
  color: #d8032e;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333333;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #333333;
}

input.error_input {
	border: 2px solid #d8032e;
	background-color: #fff9f9;
}

a:link, a:visited, a:hover {
	color: #007faa;
}

section.validate h1 {
	color: #007faa;
}

body.validate aside a:link, body.validate aside a:visited, body.validate aside a:hover {
	color: #007faa;
	text-decoration: underline;
}

footer a {
	color: #007faa;
	text-decoration: underline;
}

hr {
	color: #004422;
	background-color: #004422;
}

.colour_title {
	color: #007faa;
}

section.activate a:link,
section.activate a:visited,
section.activate a:hover {
	color: #007faa;
}

section.message a:link,
section.message a:visited,
section.message a:hover {
	color: #007faa;
}

section.signon a:link,
section.signon a:visited,
section.signon a:hover {
	color: #007faa;
}

/* Due to large footer content, force IE not to overlay main page content with it */
@media screen\0 {
	body.login, body.login footer,
	body.register, body.register footer,
	body.validate, body.validate footer,
	body.message, body.message footer,
	body.activate, body.activate footer {
		display:block;
	}
}

body.login {
	/* Account for the larger footer */
	-ms-grid-rows: 1fr 270px;
	grid-template-rows: 1fr 270px;
}

@media screen and (min-width: 950px) {
	body.login {
		/* Account for the larger footer */
		-ms-grid-rows: 1fr 195px;
		grid-template-rows: 1fr 195px;
	}
	body.login main {
		max-height: 442px;
	}
	body.login.support main {
		max-height: 442px;
	}
}

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

.header_highlight {
    background-color: #4b4b4b;;
}

header div.highlight {
	background-color: #4b4b4b;;
}

body aside#message_overlay {
	background-color: white;
	border: 3px solid #007faa;
}

nav.profile li a {
	font-family: roboto-regular,verdana,helvetica,arial,sans-serif;
}

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

#search_help {
	border-color: #007faa;
}

div.modules span>a.selected,
nav.modules span>a.selected,
nav.modules h1 a.selected {
	background-image: url(../images/mode_olympic.png);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #007faa;
}

div.search_fields {
	position: relative;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}

#search_results {
	height: inherit;
	position: relative;
	margin: 0px;
	padding-top: 3px;
	overflow-y: scroll;
	min-width: 375px;
}

#document_view {
	background: url("../../images/updown.png") no-repeat scroll center top rgb(192, 192, 192);
	margin: 0px 4px 4px 4px;
	padding: 6px;
	cursor: pointer;
}

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

table.assets tr.selected {
	background-color: #f5f5f5;
}

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

li.thumb.selected {
	border: 2px solid #3D7700;
}

li.thumb a.thumb_link {
	width: 62px;
	height: 16px;
	color: white;
	background-color: rgb(0, 170, 85);
	display: inline-block;
	padding-top: 5px;
	margin-top: 7px;
	border-bottom: 2px solid rgb(35, 106, 63);
}

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

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

article h2.title {
	margin-bottom: 0px;
}

table.cons tr.selected {
	background-color: #f5f5f5;
}

ol.cons li {
	border: 2px solid #007faa;
}

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

.mandatory {
	color: #004422;
}

.bold {
	background: #E8FAD4;
}

.password_hint {
	color: #004422;
}

body.register aside a {
	color: #007faa;
}

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

section.useradmin article.roles li.current {
	border-right: 4px solid #007faa;
}

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

/**************************************************************************/
/*                                PROOFING                                */
/**************************************************************************/

table.approval tr.selected {
	background-color: #f5f5f5;
}

li.definition.current,
li.definition.current:hover {
	border-right: 4px solid #007faa;
}

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

.select_list_mini div.roles .ui-selected,
.select_list_mini div.roles .ui-selected:hover {
	border-right: 4px solid #007faa;
}

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

.reports div.reports li.current {
	border-right: 4px solid #007faa;
}

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

.edelivery div.edelivery li.current {
	border-right: 4px solid #007faa;
}

/**************************************************************************/
/*                                BUTTONS                                 */
/*                                                                        */
/* Green:  #008844  hover:  #00642a                                       */
/* Blue:   #007faa  hover:  #005775                                       */
/*                                                                        */
/*                                                                        */
/**************************************************************************/

button.logout {
	color: white;
	border: solid 1px #007faa;
	background: #007faa;
}
button.logout:hover {
	background: #005775;
}
button.logout:active {
	color: white;
}

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

div.aspect_ratio span.selected {
	border: 1px solid #007faa;
	background-color: #01670514;
}