/* --------------------------------------------------------------

   layout.css
   * Sets up the application's layout

-------------------------------------------------------------- */


/* Divs
-------------------------------------------------------------- */
.main-background {
	height: 100%;
	width: 100%;	
	background-color: #3399CC;	
}

.echa-star-background {
	width: 100%;
	text-align: center;
}

.biocides-logo {
	position: relative;
    top: 60px;
    width: 265px;
    margin: 0 auto;
    left: -350px;
}

.main-menu-wrapper {
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 250px;
	height: 50px;
	right: 0px;
	background-image: url(/ulem-industry/javax.faces.resource/img/header_left.png.xhtml);
	background-repeat: no-repeat;
}

.main-menu-side {
	width: 100%;
	height: 50px;
	margin-left: 15px;
	background-image: url(/ulem-industry/javax.faces.resource/img/header_center.png.xhtml);
	background-repeat: repeat-x;
	z-index: 3;
}

.content-main {	
	background: none;
	padding-bottom: 65px;	
}

.content-child {
	background: none;
	background-color: #fff;
	overflow: hidden;
}

.content-page {
	overflow: auto;
	background: none;
	padding-left: 5px;
	padding-right: 5px;
}

.content {
	margin-left: 15px;
	margin-right: 15px;
	min-width: 45%;
	margin-top: 20px;
}

.content div.header {
	height: 25px;
	background-color: #005981;
	width: 100%;
}

.content div.header h3 {
	height: 25px;
	color: #111;
	font-size: 11px;
	font-weight: normal;
	background-image: url(/ulem-industry/javax.faces.resource/img/content_right.png.xhtml);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	padding-right: 2px;
}

.content div.header h3 span {
	display: block;
	padding-right: 2px;
	width: 100%;
	background-image: url(/ulem-industry/javax.faces.resource/img/content_left.png.xhtml);
	background-position: top left;
	background-repeat: no-repeat;
	height: 21px;
	padding-top: 6px;
	padding-left: 10px;
	color: #fff;
	text-align: left;
}

.footer-main {		
	text-align: left;
	height: 40px;	
	padding: 15px 10px 0; 	 
}

.footer-main span.copyright-version-info {
	color: #ccc;
	float: left;	
}

.session-info {	
	color: #ccc;
	float: right;
}

.session-info span {
	color: #f20808;
}

.content div.content-child-main {
	width: 100%;
	border-style: solid;
	border-color: #005981;
	background-color: #eff7fa;
	border-width: 0px 1px 1px 1px;
	min-height: 150px;
}

.content-child-main table.panelFilterButtons td {
	margin-top: 25px;	
	border: none;
	width: 495px;
}

.panelFilterButtons .highlight {
	width: 300px;
}

.section-details {
	padding: 20px;
}

.process-line {
	width: 100%;
	background-image: url(/ulem-industry/javax.faces.resource/img/metro_authority_line.png.xhtml);
	background-repeat: repeat-x;
	background-position: bottom left;
	position: relative;
	margin-top: 42px;
}

.wizard-steps {
	padding-right: 50px;
}

.reset-margin {
	margin: 0;
}

.reset-padding {
	padding: 0;
}

.content-task {
	background-color: #F2F5F7;
	width: 100%;
}

.content-block {
	padding: 6px;
}

.section {
	clear: left;
	width: 100%;
	margin-top: 10px;
}

.section .header {
	display: block;
	margin-bottom: 25px;
}


/* Links
-------------------------------------------------------------- */
.linkheader {
	color: #fff;
}
.linkheader:hover {
	color: #ff8305;
}

/* Tables
-------------------------------------------------------------- */
.fullwidth {
	width: 100%;
}

td {
	height: 16px;
}

.tblwithpadding td {
	padding: 5px;
}

.defaultcolumn {
	width: 300px;
}

.actioncolumn {
	width: 10px;
}

/* Task Actions
-------------------------------------------------------------- */
.task-actions {
	vertical-align: bottom;
	height: 100%;
}

.task-actions-list {
	position: absolute;
	left: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 5px;
}

.task-actions-list li {
	float: left;
	margin-left: 10px;
}

.task-actions-list li a {
	text-align: center;
	text-decoration: none;
	color: #000;
}

.reject-warning-note {
	list-style: disc;
	color: red
}

.reject-warning-note li {
	margin-left: 25px;
}

.reject-warning-note li ul li{
	margin-left: 15px;
}

.complete-action, .save-action, .claim-action, .cancel-action, .export-action, .communication-action, .release-action, .assign-action, .industry-actions {
	background-repeat: no-repeat;
	background-position: top center;
	width: 70px;
	padding-top: 35px;
	cursor: pointer;
}

.complete-action:hover, .save-action:hover, .claim-action:hover, .cancel-action:hover, .export-action:hover, .communication-action:hover, .release-action:hover, .assign-action:hover, .industry-actions:hover {
	color: #FF8305;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: 1 !important;
}

.ui-state-disabled *, .ui-widget-content .ui-state-disabled *, .ui-widget-header .ui-state-disabled * {
	opacity: 0.35;
}

.ui-state-disabled *:hover {
	color: inherit;	
}

.industry-actions {
	background-image: url(/ulem-industry/javax.faces.resource/img/actions_large.png.xhtml);
}

.claim-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/lock_large.png.xhtml);
}

.communication-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/communication_large.png.xhtml);
}

.release-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/export_large.png.xhtml);
}

.assign-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/assign_large.png.xhtml);
}

.export-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/export_large.png.xhtml);
}

.cancel-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/cancel_large.png.xhtml);
}

.save-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/save_large.png.xhtml);
}

/* Complete button icons for enabled and disabled */
a .complete-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/complete_large.png.xhtml);
}

span .complete-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/complete_large_disabled.png.xhtml);
}

.print-action {
	background-image: url(/ulem-industry/javax.faces.resource/img/print_large.png.xhtml);
}

/* Misc classes
-------------------------------------------------------------- */
.clearleft {
	clear: left;
}
.center {
	text-align: center;
}

.center-word-break {
	text-align: center;
	word-break: break-all;
}

.word-break{
	word-break: break-all;
	white-space:pre-wrap;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.note {
	color: #999;
}
.separator {
	border-style: solid;
	border-color: #e9e9e9;
	border-width: 0px 1px 1px 1px;
	clear: left;
	min-width: 400px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.folder-large {
	background-image: url(/ulem-industry/javax.faces.resource/img/folder_black.png.xhtml);
	background-repeat: no-repeat;
	background-position: left top;
	color: #ffcc00;
	padding: 15px 24px 5px 7px;
}

.folder-large span {
	font-size: 12px;
	position: absolute;
	padding-top: 2px;
}

.folder {
	background-image: url(/ulem-industry/javax.faces.resource/img/folder_black_small.png.xhtml);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 4px 3px 2px 4px;
	color: #ffcc00;
	font-size: 9px;
}

.folder span {
	font-size: 9px;
	cursor: pointer;
}

.search-filter {
	padding: 3px;
}

.search-filter td {
	padding-bottom: 5px;
	text-align: left;
	border: none !important;
}
.vertical-line {
	border-right: 1px solid #c9cbcc;
}

.lock-wrapper {
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ui-dialog {
	overflow: visible;
	z-index: 999
}
.closelock {
	background-image: url(/ulem-industry/javax.faces.resource/img/lock.png.xhtml);
	background-repeat: no-repeat;
	background-position: left center;
}

.openlock {
	background-image: url(/ulem-industry/javax.faces.resource/img/lock_open.png.xhtml);
	background-repeat: no-repeat;
	background-position: left center;
}

.duedate {
	background-image: url(/ulem-industry/javax.faces.resource/img/clock.png.xhtml);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 450px;
}
.notifyduedate {
	background-image: url(/ulem-industry/javax.faces.resource/img/clock.png.xhtml);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 450px;
	color:#FF0000;
}

.title-info-wrapper {
	min-width: 200px;
	padding-left: 21px;
    margin-top: 21px;
    float: left;
}

.process-container {
    position: relative;
    display: table;
    width: 100%;
}

.process-left {
    display: table-cell;
}

.process-center {
    display: table-cell;
    width: 1px;
}

.process-right {
    width: 572px;
    display: table-cell;
    vertical-align: top;
    
}
.process-right .metro {
    padding-top: 15px;
    
}

.tip-comments {
	/* background-image: url(/ulem-industry/javax.faces.resource/img/questionmark_s.png.xhtml);
	background-repeat: no-repeat;
	background-position: right center;
	width: 300px;
	display: block; */
	padding-top: 2px;
	padding-bottom: 2px;
}

.tip-comments img { 
	padding-top: 2px;
}
	
.column-content-container {
    position: relative;
    display: table;
    width: 100%;
}
.column-content {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.graphic-padding {
	/* padding-top:3px; */
}

.file-upload {
	width: 600px;
}

.fileupload-content .files .start  {
    height: 10px;
}

.fileupload-content .files .cancel  {
    height: 10px;
}

.fileupload-content .start .ui-button:after {
    content: "";
}

.fileupload-content .start .ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -38px;
    margin-top: -7px;
}

.fileupload-content .cancel .ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -38px;
    margin-top: -7px;
}

.fileupload-content .start .ui-button-icon-only {
	height: 22px;
    width: 78px;
}
.fileupload-content .cancel .ui-button:after {
    content: "";
}

.fileupload-content .cancel .ui-button-text {
    display: none;
}
.fileupload-content .start .ui-button-text {
    display: none;
}

.fileupload-content .cancel .ui-button-icon-only {
	height: 22px;
    width: 78px;
}


.file-upload-spacer {
	margin-left:165px
}

.disabledArea {
	background: #D7EBF9 !important;
	color: #555 !important;
	opacity: 1 !important;
	filter: Alpha(Opacity=100) !important; 
}
.background-error {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 1570px;
	width: 100%;
	background-image: url(/ulem-industry/javax.faces.resource/img/chemicals.jpg.xhtml);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 1;
	background-size: 100%;
}

.footer-error {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	z-index: 3;
	background-color: #003d58;
}
.footer-error span.copyright-version-info {
	font-size: 11px;
	color: #ff8305;
	position: absolute;
	top: 7px;
	left: 15px;
	text-align: center;
}
.content-error {
	position:fixed;
    top: 50%;
    left: 50%;
    width:60em;
    min-height: 10em; 
    margin-top: -15em; /*set to a negative number 1/2 of the div's height*/
    margin-left: -30em; /*set to a negative number 1/2 of the div's width*/
    border-width: 0px; 
	border-radius: .5em;
    background-color: #D7EFFA;
    text-align: center;
    z-index: 2;
}

.attachment-list-margin {
	margin-left: 140px;
}

.termsOfUseDim {
	height:	400px;
	overflow: scroll;
	color: #5588BB;
	padding-left:30px;
	padding-right:30px;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
	border: 1px solid #8e8e8e;			/* Azure - Same color as for the table forms */
}

/** BRC style */
.ruleLevel {
	color:red;
	padding-left: 10px;
}

/** Tabs */

ul.ui-tabs-nav li.ui-state-default.ui-state-active a {
	color: #2779AA;
	text-decoration:none;
}

ul.ui-tabs-nav li.ui-state-default.ui-state-active {
	background: repeat-x scroll 50% 50% #D7EBF9;
	border: 1px solid #AED0EA;
	color: #2779AA;
}

ul.ui-tabs-nav li.ui-state-default.ui-state-hover a {
	color: #0070A3;
	text-decoration:none;
}

ul.ui-tabs-nav li.ui-state-default.ui-state-hover {
	background: url("../images/ui-bg_glass_100_e4f1fb_1x400.png.xhtml?ln=primefaces-cupertino&uuid=1370438721874") repeat-x scroll 50% 50% #E4F1FB;
	border: 1px solid #74B2E2;
	color: #0070A3;
}

ul.ui-tabs-nav li.ui-state-default.ui-state-active.ui-state-hover a {
	color: #2779AA;
	text-decoration:none;
}

ul.ui-tabs-nav li.ui-state-default.ui-state-active.ui-state-hover {
	background: repeat-x scroll 50% 50% #D7EBF9;
	border: 1px solid #AED0EA;
	color: #2779AA;
}

ul.ui-tabs-nav li.ui-state-default a {
	color: #FFFFFF;
	text-decoration:none;
}

ul.ui-tabs-nav li.ui-state-default {
	background: repeat-x scroll 50% 50% #3BAAE3;
	border: 1px solid #2694E8;
	color: #FFFFFF;
}

/** BRC error/description width**/
.brc {
	width:40%;
}