/*
	Description: Theme for Bolero Carrier Edition
*/

/*	CONTENTS
	00 Reset
	01 Core
	02 Typography
	03 Header
	04 Buttons
	05 Tables and lists
	06 EBL Details
	07 Messages
	08 Forms
	09 Statuses
 	10 Icons
 	11 Interactive
 	12 Comboboxes
*/

/* COLORS
   Blue Dark		#004784
   Blue Light		#007bb2
   Orange			#e97400
*/

/* 00 Reset, floats, clears and hidden content
-------------------------------------------------------------- 

Removed table, thead, th from here as was losing bold table headers from Bootstrap with inherit override.

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	caption, tbody, tfoot, tr, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100.01%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

/* 01 Core
-------------------------------------------------------------- */
html, body {
	height: 100%;
	width: 100%; }

body {	
	background: #f0f0f3;
	color: #444;
	font-family: Lato, Arial, sans-serif; }

body,
#wrapper,
#header,
#content,
#footer {
	width: 100%;
	position: relative;
	min-width: 900px; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	padding-bottom: 100px;
	position: relative; }
	
#header {
	background: #004784;
	height: 80px;
	overflow: hidden;
	display: block;
	position: fixed;
	top: 0; }	
	
#header > .branding {
    margin: 10px 8px;
    height: 60px;
    width: auto; }
    
.Clogo{
background-image:url(../images/bolero-on-blue.png);
background-repeat:no-repeat;
background-size: 155px auto;
height:50px;
width:154px;
margin-top:2px;
position:absolute;

}
.ie6 #header {
	position: absolute; }
		
#content {
	padding-top: 130px; }
#contentebl{padding-top: 10px;}
.headerebl{margin-top:120px}

#footer {
	border-top: 1px solid #d1d1d8; }

#content #content-header {
	/*margin: 0px auto 10px auto;*/
	margin: 0px auto 0px auto;
	float: left;
	width: 100%; }
/* .chtop{margin-top:-12px!important} */
#content #content-header #information,
.inner #message {
	float: left;
	width: 99.2%;
	margin-left: 10px; 
	padding-bottom: 20px;
	margin-top: 0em;
	position:relative
	 }

/* Start section styles */
#content  
	#summary {
		/*postion:relative;
		border: solid black 1px;
		margin-left: 500px;
		margin-right: 12px;
		left: 20px;
		top: -20px;
		background-color: white;*/
  		display: inline-block;
  		/*border: solid red 1px;*/
  		vertical-align: top;
  		width: 100%;
	}
	
#content #summary #section{
		display: inline-block;
		/*border: solid #027cb2 1px;*/
		vertical-align: top;
		width: 48%;
	}

#content #summary #section #embosed {
	
	/*box-shadow: 5px 5px 5px #888888;*/
	box-shadow:2px 2px 5px #800000;
	background: #f8f8f9;
	max-height: 75px;
	height: 75px;
	overflow-y: auto;
	padding: 5px;

}

/* End section styles */
	
#content #content-header #options,
.inner #message-options {
	float: right;
	width: 20% !important;
	min-width: 220px;
	text-align: right;
	margin-right: 10px;
	/*margin-top: 1em; */}
	
#printbutton{	
	float: right;
	width: 20% !important;
	min-width: 220px;
	text-align: right;
	margin-right: 20px;
	/* margin-top: 6.5em; */
}
#downloadattachment{	
	float: right;
	width: 20% !important;
	min-width: 220px;
	text-align: right;
	margin-right: -3px;
}
	
#content #content-body {
	clear: left; }
	
#content #content-footer {
	text-align: center;
	padding: 4% 1%; }

/* Overall 2-column width on Home page. */
.inner {
	width: 95%;
	/*max-width: 1004px;*/
	margin: 0 auto; }
	
.innercontent {
	width: 98%;
	max-width: 1004px;
	margin-left:20px;
	 }

.ie6 .inner {
	width: 1004px; }
	
#footer, .footer-margin {
	height: 50px; }
	
/* Clearing, floats and visually hidden */
 .fl {
	float: left
}

.fr {
	float: right
}

.cl {
	clear: left
}

.cr {
	clear: right
}

.cb {
	clear: both;
}

.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

.off {
	position: absolute;
	left: -9999em;
	top: 0;
}

/* 02 Typography
-------------------------------------------------------------- */
/* Page heading. 300 too light and 1.7 bit too big. */
h1 {
	font-size: 1.5em;
	font-weight: 400; }

/* This determines colour and weight of Form headings and Tabs on View Details. */
h2,
p.h2 {
	color: #444;
	font-weight: 600 !important;
}

h3 {
	font-weight: 600; }

p,
table,
li,
label {
	font-size: .8em; }

.data-table,
.data-list {
	font-weight: 400;
	color: #6e6e6e; }
		
a {
	color: inherit;
	text-decoration: none; }

li li,
li p,
table p,
table li,
li table,
li label {
	font-size: 1em; }

table label input {
	font-size: 1.2em; }

small {
	font-size: .75em;
	font-weight: normal; }

/* View Bill etc. Tabs heading. */
.data-table h2,
.data-list h2,
.form-fields h2,
ul#tabs {
	font-size: 1.2em;
	padding: 1em 10px;
	font-weight: 600;
	border-bottom: 1px solid #027cb2;
	background: #f6f6f8 url('../images/bkg-headers-soft-grad.png') repeat-x left top; }

.data-table h2,
.data-list {
	/*border-top: 1px solid #027cb2;*/
	border-bottom: none!important; }
	
ul#tabs {
	background: #e5e5ea url('../images/bkg-headers-soft-grad-inactive.png') repeat-x left top; }
	
.form-fields h2 {
	border-top: 1px solid #027cb2; }

table tbody td {
	line-height: 1.4em; }

table th.active {
	color: #007bb2; }

table th.active span {
	border: none;
	padding-right: 20px;
	background: url('../images/table-active.gif') no-repeat right center; }


/* Additional table content */
.data-table li,
.data-list li ul li {
	padding: 0; }

/* Formatted content (Article content) */
#formatted-content h2,
#formatted-content h3 {
	font-weight: 300;
	font-size: 1.4em;
	text-transform: none;
	margin: 1em 0; }

#formatted-content h3 {
	font-size: .9em;
	font-weight: 600;
	margin: 1.4em 0; }

#formatted-content p {
	line-height: 1.4em;
	margin-bottom: 1em; }

#formatted-content ol,
#formatted-content ul {
	list-style-position: inside;
	padding-left: 40px;
	margin: 0 0 1em; }

#formatted-content ol li {
	list-style-type: decimal; }

#formatted-content li {
	list-style: disc;
	padding-bottom: .5em; }

#formatted-content table {
	background: none;
	margin: 10px 0;
	width: auto; }

#formatted-content table th,
#formatted-content table td {
	border: none; }

#information table th,
#information table td {
	border: none;
	padding: .4em .4em 0 0; }	
	
.vieweblnumber{word-wrap: break-word;width:350px}
.docblnumber{word-wrap: break-word;width:640px}
.doceblnumber{width:75%;float:left}
	
/* Footer */
#footer p {
	color: #a7a7a9;
	text-align: center;
	padding: 1em;
	border-top: 1px solid #fcfcfc; }


/* 03 Header
-------------------------------------------------------------- */
/* Branding */
#branding {
	height: 50px;
	margin: 10px;
	overflow: hidden; }

#branding a {
	/*height: 100%;
	/*width: 100%;*/
	display: block; }
	
#branding img {
	 height: 100%; }

/* General nav Classes */	
/* Overrides a bootstrap default with more padding. */
.ce-nav li a {
	color: #fff;
	padding: 0 .8em;
	 }
/* Top header menu mouse over removing the background */		 
.ce-nav  > li > a:hover{background-color:transparent}
.ce-nav > li > a:focus{background-color:transparent}

.nav-inline li {
	float: left;
	display: inline-block;  }
	
.nav-inline-right li {
	/* float: left; */
	display: inline-block; }
	
/* Overrides a bootstrap default with header menu hover. */
/* .navbg  > li > a:hover{background-color:transparent}	 */
/*Nav Admin*/
#nav-admin{
z-index: 100;
	background: #e87400;
	border-bottom: 0px solid #e87400;
	position: absolute;
	/*top: 106px;*/
	top: 80px;
	width: 100%;
	min-width: 800px;
	opacity: 1;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#nav-admin ul a {
	padding: .5em 1em;
	font-size: 1.2em;;
	float: left; }

#nav-admin ul li:hover a {
	background: #cf5611; }

#nav-admin ul li.active {
background-color:#cf5611;
/*	background: url('../images/nav-main-active.png') repeat-x top; */}

#nav-admin.stickyadmin {
	position: fixed;
	top: 0;
	/*opacity: .9;*/
	-moz-box-shadow: 0 0 10px #ddd;
	-webkit-box-shadow: 0 0 10px #ddd;
	box-shadow: 0 0 10px #ddd; }
/* Nav Main */
#nav-main {
	z-index: 10;
	background: #007bb2;
	border-bottom: 0px solid #006da7;
	position: absolute;
	top: 80px;
	width: 100%;
	min-width: 800px;
	opacity: 1;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;}

#nav-main ul a {
	padding: .5em 1em;
	font-size: 1.2em;
	float: left; }

#nav-main ul li:hover a {
	background: #006aa1; }

#nav-main ul li.active {
background-color:#003e70;
height:31px;
/*	background: url('../images/nav-main-active.png') repeat-x top; */}


/* Sticky styling */ 
#nav-main.sticky {
	position: fixed;
	top: 0;
	opacity: .9;
	-moz-box-shadow: 0 0 10px #ddd;
	-webkit-box-shadow: 0 0 10px #ddd;
	box-shadow: 0 0 10px #ddd; }

.ie6 #nav-main.sticky {
	position: absolute; }

#header.sticky {
	position: fixed;
	top: -80px; }
	
/* Nav User */
#nav-user {
	margin: 10px; }

#nav-user p {
	float: left;
	color: #fff;
	margin: 0;
	font-weight: 600; }	
	
#nav-user ul {
	margin-left: 1em;
	float: left; }
	
#nav-user li a {
	border-left: 1px solid #007bb2;
	text-decoration: underline; }

#nav-user li a:hover {
	text-decoration: none; }

/* 04 Buttons
-------------------------------------------------------------- */
/* Add class of .button to any <a>. Colour default to orange.
To define alternative colours use classes on the <a> using the method ".button .button-blue". Using ".button" will set defaults and orange colouration. */
input.button {
	cursor: pointer; }
	
/* Default (orange) */
a.button,
input.button,
button.ui-datepicker-trigger {
 	background: #e97400;
	border: 1px solid #e27509;
	padding: .75em 2em;
	color: #fff;
	font-weight: normal;
	font-size: 1em !important;
	text-decoration: none;
	display: inline-block;
	text-transform: none;
	-moz-box-shadow: 0px 2px #c6690c;
	-webkit-box-shadow: 0px 2px #c6690c;
	box-shadow: 0px 2px #c6690c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }
a.button,
input.button,
button.ui-datepicker-trigger.view {
padding: .20em 2em;
}
select.createeblbuttton{
 padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #e97400;
    color:#fff;
    border:none;
    outline:none;
    display: inline-block;
    height:35px;
    cursor:pointer;
width:180px;
}

a:hover.button,
input:hover.button {
	background: #f17f0e; }

a:active.button,
input:active.button {
	background: #e27509; }
	
/*Cancel*/
.button-cancel{
background: #e97400;
	border: 1px solid #e27509;
	-moz-box-shadow: 0px 1px 0px #e27509;
	-webkit-box-shadow: 0px 1px 0px #e27509;
	box-shadow: 0px 1px 0px #c6690c;
}
	
/* Blue */
a.button-blue,
input.button-blue,
button.ui-datepicker-trigger {
	background: #007bb2;
	border: 1px solid #0670a0;
	-moz-box-shadow: 0px 1px 0px #0c6188;
	-webkit-box-shadow: 0px 1px 0px #0c6188;
	box-shadow: 0px 1px 0px #0c6188; }

a:hover.button-blue,
input:hover.button-blue,
button.ui-datepicker-trigger:hover {
	background: #0b87bf;
	cursor: pointer; }

a:active.button-blue,
input:active.button-blue,
button.ui-datepicker-trigger:active {
	background: #0670a0; }

/* Gray */
a.button-gray,
input.button-gray {
	background: #bebebe;
	border: 1px solid #b5b5b5;
	-moz-box-shadow: 0px 1px 0px #8f8a8a;
	-webkit-box-shadow: 0px 1px 0px #8f8a8a;
	box-shadow: 0px 1px 0px #8f8a8a;
	color: #fff !important; }
.related-gray{width:20%;padding-left:5px!important;padding-right:5px!important;}
a:hover.button-gray,
input:hover.button-gray {
	background: #c6c6c6; }

a:active.button-gray,
input:active.button-gray {
	background: #b5b5b5; }
	
/* Clear button */
a.button-clear,
input.button-clear {
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #444; }

a:hover.button-clear,
input:hover.button-clear,
a:active.button-clear,
input:active.button-clear {
	background: none; }	


button.ui-datepicker-trigger {
	padding: 2px 4px; }

#content #content-header #options h2,
.inner #message-options h2 {
	margin-bottom: 1em; }
	
#content #content-header #options h2 a,
.inner #message-options h2 a {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align: center; }

/* Clear style focus */
input.button-clear:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none; }

/* 05 Tables and lists
-------------------------------------------------------------- */
/* Core */
table {
	width: 100%;
	background: #fff;
	margin: 0 auto; }

.data-table table,
.data-list {
	background: #fff;
	text-align: left;
	border-bottom: 1px solid #027cb2; }	

.data-table table {
	border-top: 1px solid #027cb2;
	float: left; }

.columned-data-2col .data-table,
.columned-data-2col .data-list {
	width: 49%;
	}

table th {
	text-align: left; }


table th,
table td {
	padding: .5em;
	vertical-align: top;
	/*overflow: hidden; */}

table tr {
	position: relative; }

tbody th {
	font-weight: 600; }

table td input {
	width: 90%;
	padding: .5em; }

table th.shrink {
	white-space: nowrap; }

table th.expand {
	width: 4%; }

table th span.hideheader {
	text-indent: -9999em;
	position: absolute;
	top: 0;
	left: -9999em; }

tr th {
	/*padding: 4px 5px !important;*/
	line-height: 1.4em; }	
		
/* Table headings */
table thead tr th,
thead th.cell-fix,
table.highlight thead tr:hover .cell-fix,
table.highlight thead tr th.cell-fix {
	 vertical-align: middle;
}

#tablehead{
	background: #f6f6f8 url('../images/bkg-headers-soft-grad.png') repeat-x left top !important; 
	/*border-bottom: 1px solid #027CB2;*/

	display: table; }
	
#tablehead div {
	display: table-cell;
	vertical-align: middle;
	height: 40px; }

#tablehead div span{
	border-bottom: 1px dotted #444444;
    font-size: .8em;
    font-weight: normal;
	color: #6e6e6e; }

thead th,
thead th.cell-fix td,
thead td,
tbody tr.table-filters td.cell-fix {
	border-bottom: 1px solid #027cb2; }

thead tr th {
	height: 40px;
	border-bottom: 1px solid #027cb2 !important; }

/* Table controls */
.table-controls {
	width: 100%;
	float: left;
	margin: .5em auto;
	text-align: right; }	

.table-controls div {
	float: left;
	width: 40%; }
	
.table-controls label,
.table-controls p {
	line-height: 1em;
	height: 2em; }		

.table-controls	input.input-button {
	padding: 0 10px !important; }

.table-controls	input.button-prev {
	margin-left: 20px;
	border-right: 1px solid #007bb2; }

.table-controls-show  {
	margin-left: 10px;
	width: 40% !important; }

.table-controls-show p {
	margin-right: 2em; }

.table-controls-show p,
.table-controls-show label {
	line-height: 2em; }

.table-controls-paging {
	float: right !important;
	margin-right: 10px;
	width: 50% !important;
	display: inline-block; }

.table-controls-options {
	text-align: left; }

.table-controls input {
	width: 140px; }

.table-controls	select {
	margin-bottom: 0; }

/* Row shading - Tables and lists */
/* Important: All tables must also have inline properties of: cellpadding="0" cellspacing="0" */
table tbody tr td,
table tbody tr th,
.data-list  {
	border-bottom: 1px solid #cdcdd5; }

table {
	border-collapse: separate !important; }

table tr.evenuserm td{
background: #f8f8f9;
}
	
table tr.even td,
table tr.even th,
.data-list .to-do-status {
	/*background: #f8f8f9;*/ }


table tr td,
table tr th,
table tr td.cell-fix {
	-moz--transition: background .2s ease-in-out 0s;
	-webkit-transition: background .2s ease-in-out 0s;
	transition: background .2s ease-in-out 0s; }

table.highlight tbody tr:hover {
	background: #f1f1f2;
	cursor: pointer; }

table.highlight tr:hover td,
table.highlight tr:hover th,
table.highlight tr:hover td.cell-fix {
	background: #f1f1f2;
	cursor: pointer; }

table.highlight tr.table-filters:hover td {
	cursor: auto;
	background: #f6f6f8 url('../images/bkg-headers-soft-grad.png') repeat-x left top !important; }
	
/* Table specific margins */
#wrapper-table-approval,
#wrapper-table-all,
#ebl-overview {
	margin-bottom: 0em; }

#wrapper-table-approval,
#wrapper-table-messagelog,
#wrapper-table-addressbook {
	width: 1004px;
	margin: 0 auto 60px; }

/* PD */
#documentListDiv {
	width: 1004px;
	margin: 0 auto 60px;
}

/* Table column widths */
th.action,
th.date,
td.action,
td.date {
	table-layout: fixed;
	width: 70px; }

th.date,
td.date {
	width: 90px;
	zoom: 1; }

th.action,
td.action {
	text-indent: -9999em; }

/* Fixed table */
.table-frozen {  }

.table-frozen table {
	border-top: 1px solid #027cb2;
	border-bottom: 1px solid #027cb2; }

.table-frozen .data-table {
	border: none; }

.table-frozen .data-table table {
	float: left;
	min-width: 140em; }

.ie6 .table-frozen .data-table table,
.ie7 .table-frozen .data-table table {
	width: 2200px;
	padding-right: 30px; }
	
.table-frozen .data-table table	th {}

.table-frozen tbody tr th,
.table-frozen tbody tr td {
	height:  40px;
	padding: 10px; }

.table-frozen tr.table-filters td { }
	
.table-frozen thead tr,
.table-frozen tr.table-filters  {
	height: 30px; }

tr.table-filters th {
	padding-right: 10px; }
		
tr.table-filters th input {
	padding-right: 10px;
	width: 80%;
	margin-bottom: 0;
	background: #fff url('../images/icon-search-filter.png') no-repeat left center; }

tr.table-filters th input:focus {
	background: #fff; }
		
.trow-vessel,
.trow-port {
	width: 140px; }

/* First cells */
.cell-fix {
	table-layout: fixed; }

.cell-fix-flagged {
	width: 34px !important; }

.cell-fix-details {
	width: 130px !important;
	border-right: 1px solid #cdcdd5; }
			

/* eBL overview */
#ebl-overview,
#ebl-details {
	max-width: 100%;
	margin: 0 1em 0em 1em;
	position: relative;
	border-top: 1px solid #027cb2;}
.ie6 #ebl-overview {
	width: 100%; }
	
#ebl-overview ul {
	width: 100%;
	margin: 0 auto; }

#ebl-overview ul li {
	float: left;
	display: inline-block;
	width: 50%;
	overflow: hidden; }

#ebl-overview ul li.even {
	background: #f8f8f9;
	border-left: 1px solid #cdcdd5;
	border-right: 1px solid #cdcdd5;
	width: 50%; }

/* Table overrides */
#ebl-overview table {
	background: none;
	margin: 5px;
	width: 0%!important; }
/*#ebl-overview table th {padding-right:1em!important;width:50%}*/

#ebl-overview table td {word-wrap:break-word;}
#ebl-overview table .thwidth {width:120px}
#ebl-overview table .eventhwidth {width:180px}
/*#ebl-overview .tablewidtheven td{ width:260px}*/
_/*:-ms-fullscreen, :root .tdwidth { width:300px}
_:-ms-input-placeholder, :root .tdwidth { width:300px }*/
_::selection, .tdwidth { width:300px\0; }
_:-moz-tree-row(hover), .tdwidth { width:300px; }
#ebl-overview .tdwidth { width:300px; }

#ebl-overview .tablewidth {table-layout: fixed;width:50%}
#ebl-overview .tablewidtheven {table-layout: fixed;width:50%}
#ebl-overview table th,
#ebl-overview table td,
.tabbed-pane table th,
.tabbed-pane table td,
.data-list table th,
.data-list table td {
	border-bottom: none;}
	
#ebl-overview table th, #ebl-overview table td, #information table th, #information table td, #documenttable table td, #documenttable table th  {line-height:1.1em!important;}
#documenttable table th {text-align:right}
#documenttable table td {padding-left:5px}
.pbalign{padding-bottom:2px!important;}
.tabbed-pane table th,
.tabbed-pane table td,
.data-list table th,
.data-list table td {
	padding: .25em 0; }

#information table,	
#message table, #printbutton table,
.tabbed-pane table {
	background: none; }	

.todolist-datatable{width:200%;}
.to-do-detailsdatatable{ height:auto; width:205%;}
.tododetailsleft{width:55%;height:auto;float:left;}
.to-do-detailsdatatable-wip{ height:auto; width:330%;}

.tododetailsright{width:40%;height:auto;float:right;margin-right:2px}
.tododetailsleft-amend{width:49%;height:auto;float:left;}
.tododetailsright-amend{width:48%;height:auto;float:right;margin-right:2px}
.to-do-detailsdatatable .todowrapright { word-wrap: break-word;width:120px}
.to-do-detailsdatatable .todowrapleft { word-wrap: break-word;width:128px}
.tododetailsright-amend .todowrapright { word-wrap: break-word;width:130px}
.to-do-detailsdatatable-wip .todowrapleft-wip { word-wrap: break-word;width:310px}

/* 06 eBL Details
-------------------------------------------------------------- */	
/* EBL information */
#information tr.bl-number {
	font-size: 1.4em; }
#information tr em {
	font-style: italic; }
	
/* Tabbed panels */
#ebl-details {
	border-top: 1px solid #027cb2;
	border-bottom: 1px solid #027cb2;
	background: #fff; }

ul#tabs {
	padding: 0; }
	
.tabbed-pane ul#tabs li {
	width: 100%;
	padding: 0;
	position: relative; }

.tabbed-pane-4 ul#tabs li {
	width: 25%; }

ul#tabs li a {
	display: block;
	padding: 1.30em 1em;
	border-right: 1px solid #dfdfe4;
	color: #444; }
	
ul#tabs li.active {
	color: #007bb2;
	background: #fff; }

ul#tabs li.active .mask {
	border-bottom: 3px solid #fff;
	position: absolute;
	width: 100%;
	bottom: -1px;
	left: 0; }

ul#tabs li.active a span,
ul#tabs li a:hover span {
	border-bottom: none; }
	
.panel {
	margin: 2%; }
.mta{margin-top:0.4%!important}
.tabwidth{margin: 1%!important; }
.messagetab{margin:0.7% 0.7% 0.5% 0.5%!important}
ul#tabs li.last a {
	border-right: none; }

.tabbed-pane .data-table {
	margin-bottom: 1.5em; }

.tabbed-pane h3 {	
	font-size: 1.3em;
	margin-bottom: 0.3em;
	font-weight: 600;  }
		
/* Document items */
li.document {
	float: left;
	width: 50%;
	margin: 1em 0; }

img.document-preview {
	width: 63px;
	float: left;
	margin-left: 18px; }
img.document-preview-related {
	width: 32px;
	float: left;
	margin-left: 18px; }

li.document	div {
	float: left;
	margin-left: 6px; }

.document p.filename {
	font-weight: 600;
	margin-bottom: .75em; }
	
li.document div.no-preview {
	margin-left: 64px; }
			
ul.document-options {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 10px;
	margin-left:-88px;}
	
ul.document-options-related {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 10px;
	/* margin-left:-64px; */}
	
ul.document-options a {
	text-decoration:underline!important}
ul.document-options-related a {
	text-decoration:underline!important}
ul.document-options li {
	float: left;
	display: inline-block;
	padding: 0 .75em;
	border-left: 1px solid #027cb2; }

ul.document-options li.first {
	padding: 0 .75em 0 0;
	border-left: none; }

ul.document-options li a:hover {
	color: #007bb2; }
ul.document-options-related li a:hover {
	color: #007bb2; }

ul.document-options a {
	color: #444; }

form.form-fields li .popupdis {
	float: left;
	background: #fff;
	width:none!important;
	padding: 0; }	

ul.document-popup {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 10px; }
ul.document-popup li span{
float: left;
	display: inline-block;
	padding: 0 .75em;
	vertical-align:bottom;
	border-left: 1px solid #027cb2;
	}
ul.document-popup li span.first {
	padding: 0 .75em 0 0;
	border-left: none; }
ul.document-popup li span.firstreplace {
	border-right: 1px solid #027cb2;margin-right:10px; }
ul.document-popup li span.firstreplace a{
	padding-top:5px; }
	
/* Tabbed items list */
.item-list {
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 8px; }
.docmt{margin-top:0px!important;}
.documentnumber{margin-bottom:5px;table-layout: fixed;/* width:30% */}
.documentnumber th {width:120px}
.documentnumber td {word-wrap: break-word;}
.tdwidthie{width:300px}
.tdwidthierelated{width:200px;float:left}
_::selection, .tdwidthie { width:300px\0; }
.item-list h3 {
	font-size: 1.3em; }
	
.item-list li.document {
/*	width: 33.33%; */
width: 33.33%;;

}
	
.item-list-detail img.document-preview {
	width: 45px; }
	
.item-list h4 {
	font-weight: 600;
	font-size: 1.2em;
	margin-bottom: .5em; }


#endorsement-chain .item-list li.document,
#history .item-list li.document {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 0px; 
	border-bottom: 1px solid #d5d5d5; }	
	
/* Top page controls */
.buttons {
	margin: 0 10px;
	padding-bottom: .75em;
	border-bottom: 1px solid #d1d1d8; }

.buttons .fl {
	width: 40%; }

.buttons .fr {
	 }

.buttons .button {
	padding: .5em 1em;#
	font-size: .9em !important; }

.buttons .fr a {
	/*float: right;*/
	clear: right;
	margin-bottom: 10px;
	font-size: .9em; display:inline }

.buttons a,
.buttons a:visited {
	color: #444; } 
	
#ebl-status {
	float: left;
	width: 100%; }

#ebl-status .status-alert {
	float: left;
	width: 100%;
	text-align: center; }	

#ebl-status .status-alert span {
	float: none !important;
	display: inline-block;
	padding: .5em 1em;
	border-top: none;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px; }	
	
/* 07 Messages
-------------------------------------------------------------- */
#message-wrapper {
	background: #fff;
	border-top: 1px solid #027cb2;
	border-bottom: 1px solid #027cb2; }

#message {
	float: left;
	width: 100%;
	margin: 30px 10px 10px; }

#message-options {
	float: right;
	width: 20% !important;
	margin: 2%;
	margin: 30px 10px 10px; }

#message ul li {
	float: left;
	clear: left;
	width: 100%; }

#content-header ul li h3,
#content-header ul li p,
#content-header ul li ul,
#content-header ul li ol,
#content-header ul li table {
	float: left; }

#content-header ul li table {
	width: auto; }

#content-header table th {
	width: 170px;text-align:right;}
	
#message ul li h3 {
	width: 200px; }
	
#message ul {
	width: 100%;
	overflow: hidden;
	margin-left: 0; }	

#message ul.ebl-related {
	margin-left: 0; }	

#message ul.ebl-related h3 {
	clear: left; }

#message ul.ebl-related	li {
	float: left;
	clear: left; }

#content-header ul li p {
	line-height: 1.4em; }
	
#message li {
	margin: 0 3em 1em 0; }

#message ol { 
	list-style: decimal;
	list-style-position: inside; }

.ie6 #message ol {
	width: 50%; }
		
#message a {
	border-bottom: 1px dotted #333; }

.message-view h3 {
	margin-bottom: .5em; }

.message-view li {
	margin-bottom: 2em !important; }

/* 08 Forms
-------------------------------------------------------------- */
/* Defaults and basic styling for selectors */
input,
textarea {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #d1d1d9;
	font-size: 1em;
	min-height: 20px; }

input.input-button {
	background: none;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: .8em;
	padding: 0;
	margin: 0;
	font-weight: 600;
	font-family: Lato, Arial, sans-serif; }

input.input-button:hover {
	cursor: pointer; }

input[type=file] {
	border: none; }
	
.req {
	color: #dc2b2b;
	/* Increase size of required asterisk. */
	font-size: 1.5em;
	font-weight: bold;
	vertical-align: middle;
	 }
	
/* Form structure */
/* Forms are arranged in list format, each label/input wrapped in single <li> */

form.form-fields {
	width: 100%;
	margin: 0 auto;
	max-width: 550px; }

.ie6 .form-fields {
	width: 550px; }

.form-fields select,
.form-fields input,
.form-fields label,
form.form-fields legend {
	height: 30px;/*dropdown fields height increase*/
	/*line-height: 26px; */}

#eblForm ul li ul li label,#eblForm ul li ul li legend, #uploadEblFileIns3 ul li ul li label, #relateddocs ul li label {line-height: 26px!important;}

.form-fields input,
.form-fields textarea {
	padding: 0;
	width: 240px; }
.form-fields .datepicker{width:215px; height:28px;}

.form-fields select {
	width: 230px !important; }
	
form.form-fields ul {
	float: left;
	width: 100%;
	overflow: hidden; }

form.form-fields li {
	float: left;
	background: #fff;
	width: 100%;
	padding: 0; }

form.form-fields li ul {
	float: left;
	width: 100%;
	padding: 1em 3% 0; }
		
form.form-fields li li {
 	float: left;
 	width: 95%;
 	/*padding: .5em 0;*/
	clear: left; }

form.form-fields li label,
form.form-fields li legend,
form.form-fields h3 {
	float: left;
	width: 220px; }
/* .lvl{padding-top:6px;} */

form.form-fields li input,
form.form-fields li select,
form.form-fields li textarea,
form.form-fields p {
	float: left; }
	
form.form-fields li input.fr{
	float: left; 
	}

form.form-fields li#submit li input { }
	
form.form-fields li#submit,
form.form-fields li#submit li,
form.form-fields li.transparent,
form.form-fields li.transparent li {
	background: none; }

form.form-fields label,
form.form-fields legend {
	font-weight: 300;
	font-size: 1.1em; }
	
form.form-fields fieldset.radios input {
	margin-top: 0px; }

/* Class for file inputs */	
input.fileinput {
	width: 260px !important;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	background: #eee; }
	
select.small {
	width: 5em !important; }

li.upload-fields h3,
li.upload-fieldsedit h3,
li.upload-fields div,
li.upload-fieldsedit div,
li.upload-fields-add h3,
li.upload-fields-add div {
	margin-bottom: 0.5em;
	width: 480px }

li.upload-fields div {
	/*float: left*/}
	
/* #uploadFileName a {float:right;padding-right:100px} */

#uploadFileName{width:500px;float:left;}
#uploadFileName a  {word-wrap: break-word;width: 250px;}

.uploadrelateddocument{width:500px;float:left;}
.uploadrelateddocument a  {word-wrap: break-word;width: 250px;}


li#relateddocs li {
	height: auto; }

li#relateddocs li.upload-fields-add {
	width: 470px !important;
	border: 1px solid #007bb2;
	margin-bottom: 0px;
	position: relative; }

li#relateddocs li.upload-fields-add h3 {
	font-size: 1.2em; }
	
li#relateddocs ul {
	width: 480px;
	margin-left: 10px; }

li.upload-fields,
li.upload-fields-add {
	padding: 0px !important; }
	
li#relateddocs li.upload-fields-add .button {
	padding: 0 1em; }

.form-fields ul.collapse h2 {
	margin-top: -1px; }

.form-fields ul.collapse {
	border-top: 1px solid #027cb2;  }

.form-fields ul.collapse h2,
#relateddocs h2 {
	padding-left: 60px;
	background: url('../images/collaped-panel-open.png') no-repeat left center; }
	
.form-fields .open h2,
#relateddocs h2.open {
	background: url('../images/collaped-panel-closed.png') no-repeat left center !important; }
	
.form-fields li p {
	line-height: 1.4em; }

.form-fields li.certificate label {
	width: 340px;
	margin-right: 20px; }

/*send and receive conversatin message*/

.form-messagesend label,
.form-messagesend input,
.form-messagesend textarea {
	clear: left;
	width: 90%;
	font-family: Lato, Arial, sans-serif; }
	.formalign{margin-left:15px;margin-top:15px}
/* Message form */
.form-message label,
.form-message input,
.form-message textarea {
	clear: left;
	float: left;
	width: 90%;
	font-family: Lato, Arial, sans-serif; }

.form-message #submit {
	margin-top: 20px;
	border-top: 1px solid #027cb2; }
	
/* No title bar */
li.no-header {
	border-top: 1px solid #027cb2;
	padding-top: 0; }

li.no-header ul { }

li.no-header h2 {
	display: none; } 
	
/* Fieldsets (Fieldset is used for radio groups) */
fieldset input {
	float: left; }
	
form.form-fields li fieldset label {
	float: left;
	width: 60px;
	margin-left: .5em; }
	
/* Input form buttons */
li#submit ul {
	width: 100%; }

li#submit ul li {
	width: 30%;
	margin: 0 3% 0 0;
	float: left;
	clear: none;
	display: inline-block; }

li#submit ul li	input {
	width: 100%;
	height: auto; }

li#submit ul li.fr {
	float: right;
	margin-right: 0; }

form.form-fields select {
	width: 200px; }

inpute#remove {
	width: auto !important; }
	
/* 09 Statuses
-------------------------------------------------------------- */
.status {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #f3f3f5;
	border: 1px solid #e7e7ed;
	padding: .25em 1em;
	float: left; }

.status.status-ended,
.status.status-pending {
	background: #f8f6be;
	border: 1px solid #eae8a4; }

.status.status-issued {
	background: #deefbe;
	border: 1px solid #d5e6b4; }

.status.status-suspended {
	background: #f6cdcd;
	border-color: #efc4c4; }

table tr:hover .status-issued {
	border: 1px solid #d6f8d7; }

/* 10 Icons
-------------------------------------------------------------- */
/* Icons applied using the method: ".icon icon-archive", ".icon icon-new" etc.
Icons added as <span> elements */

/* Heading icons */
.icon {
	float: left;
	overflow: hidden;
	background-repeat: no-repeat; }

span.icon {
	border: none !important; }

/* Icons h1 */
h1 .icon {
	width: 44px; /* 35 */
	height: 44px;
	/* margin-right: .25em;*/
	/* margin-left: -5px; */
	background-image: url('../images/sprites-icons-h1.gif');
	background-position: 100px 100px;
	margin-top: -12px;  }

h1 .icon-archive {				background-position: 0 0; }		
h1 .icon-new {					background-position: 0 -44px; }	
h1 .icon-all {					background-position: 0 -88px; }	
h1 .icon-messagelog {			background-position: 0 -132px; }	
h1 .icon-addressbook {			background-position: 0 -176px; }
h1 .icon-help {					background-position: 0 -220px; }		
h1 .icon-preferences {			background-position: 0 -264px; }	
h1 .icon-addressbookedit {		background-position: 0 -308px; }	
h1 .icon-ebl {					background-position: 0 -352px; }	


/* Icons h2 */
h2 .icon,
#tabs li .icon {
	width: 60px;
	height: 35px;
	margin-top: -.6em;
	background-image: url('../images/sprite-icons-h2.gif');
	background-position: 0px 0px;
	margin-top: -10px;  }

#tabs li .icon-heading-history {				background-position: 0 -35px; }
#tabs li .icon-heading-documents {				background-position: 0 -70px; }
#tabs li .icon-heading-messages {				background-position: 0 -105px; }
#tabs li .icon-heading-endorsment-chain {		background-position: 0 -140px; }
h2 .icon-heading-todo {							background-position: 0 -175px; }
h2 .icon-heading-unassigned {					background-position: 0 -210px; }
h2 .icon-heading-approval {						background-position: 0 -245px; }
#tabs li .icon-heading-container {				background-position: 0 -285px; }


#tabs .icon { opacity: .5; }
#tabs li.active .icon { opacity: 1; }	
	
/* Small icons */
.icon-flag,
.icon-flag-black,
.icon-error {
	width: 22px;
	height: 26px;
	float: left;
	display: inline-block;
	background-image: url('../images/sprite-icons.gif'); }

.icon-flag  {						background-position: 0px -26px; text-indent: -9999em; }
tr:hover.icon-flag  {				background-position: -22px -26px !important; }
.icon-flag-black {					background-position: -22px 0px; text-indent: -9999em; }
.icon-error {						background-position: 0px -52px; margin-right: .5em; }
tr:hover .icon-error {				background-position: -23px -52px; }


/* Icons for shaded table rows */
.even .icon-flag  {					background-position: -22px -26px; }
.even .icon-error {					background-position: -22px -52px; }

/* Table text colour by status */
td.error {
	vertical-align: top;
	color: #c9302d; }

/* Buttons */
.icon-calendar {
	width: 17px;
	height: 17px;
	background: url('../images/icon-calendar.gif') no-repeat left top; }

.icon-add {
	width: 13px;
	height: 13px;
	display: inline-block;
	margin-right: .5em;
	position: relative;
	top: 2px;
	background: url('../images/icon-inline-plus.gif') no-repeat left top; }

.link-icon {
	padding-left: 20px;
	height: 20px; }

.link-print{ background: url('../images/icon-inline-print.gif') no-repeat 0px 2px; }
.link-download { background: url('../images/icon-inline-download.gif') no-repeat 0px 4px; }

/* Help */
a.icon-helptooltip {
	width: 20px;
	height: 20px;
	display: inline-block;
	float: none;
	margin-left: .25em;
	background: #ddd;
	color: #fff;
	font-weight: 600;
	line-height: 20px;
	text-indent: 0;
	text-align: center;
	background: url('../images/helptooltip.png') no-repeat left top; }

a:hover.icon-helptooltip {
	opacity: .8;
	cursor: pointer; }

/* Buttons with icons */			
input.button-export { }

/* 11 Interactive
-------------------------------------------------------------- */
/* Datepicker */
input.datepicker {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px; }

.ui-datepicker-trigger {
	height: 27px ;
	margin-left: -2px;
	-webkit-border-radius: 0 3px 3px 0  !important;
	-moz-border-radius: 0 3px 3px 0 !important;
	border-radius: 0 3px 3px 0 !important;	
	 }
@-moz-document url-prefix() {
	.ui-datepicker-trigger  {padding-top: 5px !important;}
	}

.ie6 .dropdown-toggle {
	overflow: hidden; }

.ie7 .ui-datepicker-trigger {
	height: 28px;
	width: 30px; }
	
.ui-datepicker {
	border: 2px solid #ddd !important;
	font-size: 1em !important;
	z-index:3!important;/*datapicker window displaying the fron*/
	 }

.ui-datepicker table {
	margin: 0 !important; }

.ui-datepicker .ui-state-default {
	height: 1.5em !important;
	border: none !important;
	background: #efefef !important;
	color: #444 !important;
	font-weight: normal !important;
	text-align: center; }
	
.ui-datepicker .ui-state-default:hover {
	background: #004784 !important;
	color: #fff !important; }
		
.ui-datepicker th span {
	border: none;
	font-size: 1em;
	font-weight: normal !important;
	color: #444; }

a.ui-datepicker-next,
a.ui-datepicker-prev {
	height: 26px !important;
	width: 22px !important;
	background: url('../images/sprite-icons.gif') -66px -25px !important; }

a.ui-datepicker-prev {
	background: url('../images/sprite-icons.gif') -66px 0px !important; }	

a.ui-datepicker-next:hover,
a.ui-datepicker-prev:hover {
	cursor: pointer; }
		
.ui-datepicker { }
/* Overlays / Pop ups */
.amend {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none; }
.amend .window {
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -300px;
	height: auto;
	padding: 20px 40px;
	width: 520px;
	max-height: 530px;
	overflow: auto;
	background: #fff;
	border: 4px solid #004784; }
/* Overlays / Pop ups */
.overlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none; }
	
.adminoverlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none; }
	
	
	/* Overlays / Pop ups */
.amendchangetype {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none; }
.amendchangetype .window {
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -300px;
	height: auto;
	padding: 20px 40px;
	width: 520px;
	max-height: 530px;
	overflow: auto;
	background: #fff;
	border: 4px solid #004784; }
/* Overlays / Pop ups */
.overlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none; }
	
.ie6 #overlay,	
.ie7 #overlay {
	background: url('../images/overlay.gif') repeat left top; }

.overlay .window {
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -300px;
	height: auto;
	padding: 20px 40px;
	width: 520px;
	max-height: 530px;
	overflow: auto;
	background: #fff;
	border: 4px solid #004784; }
	
.adminoverlay .window {
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -300px;
	height: auto;
	padding: 20px 40px;
	width: 520px;
	max-height: 530px;
	overflow: auto;
	background: #fff;
	border: 4px solid #004784; }
	

.overlay-close {
	position: absolute;
	right: 25px;
	top: 10px;
	font-size: .9em;
	color: #444;
	border-bottom: 1px dotted #444; }
	
.overlay-close a:hover {color:#fff!important; text-decoration: none!important}

.overlaymessagepop-close {
	position: absolute;
	right: 25px;
	top: 10px;
	font-size: .9em;
	color: #444;
	border-bottom: 1px dotted #444; }
	
.overlay h2 {
	text-transform: none;
	font-size: 1.4em !important;
	margin: 10px 0 1.5em;
	line-height: 1.3em;
	background: none !important;
	border: none !important;
	padding: 0 !important; }
	
.adminoverlay h2 {
	text-transform: none;
	font-size: 1.4em !important;
	margin: 10px 0 1.5em;
	line-height: 1.3em;
	background: none !important;
	border: none !important;
	padding: 0 !important; }

ul.overlay-options {
	float: left;
	width: 100%; }

ul.overlay-options li {
	width: auto;
	margin: 0 14px 0 0;
	float: left;
	display: inline-block; }

ul.overlay-options li.last {
	margin: 0; }

ul.overlay-options li input {
	width: 100%;
	padding: 0 1em; }


/* Tootips */
#aToolTip {
	position: absolute;
	display: block;
	z-index: 2000; }

#aToolTip .aToolTipContent {
	position:relative;
 	margin:0;
 	padding:0; }

.defaultTheme {
 	background: #007bb2;
 	color: #fff;
 	margin: 0;
 	padding: 6px 12px;
 	-moz-box-shadow: 0px 0px 5px #eee;
 	-webkit-box-shadow: 0px 0px 5px #eee;
 	box-shadow: 0px 0px 5px #eee; }
 	
/* 12 Comboboxes (includes Bootstrap styling)
-------------------------------------------------------------- */	
/* Based on Bootstrap */
select,
textarea,
input {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 13px;
  font-size: 1em;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

input,
textarea,
.uneditable-input { }

textarea {
  height: auto; font-size:1.3em;}

textarea,
input {
  background-color: #ffffff;
  border: 1px solid #cccccc; }

textarea:focus,
input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal; }

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

select {
  background-color: #ffffff;
  border: 1px solid #cccccc;  }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle {
  *margin-bottom: -3px; }

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""; }

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #027cb2;
  outline: 0; }
  
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {   top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 3px;
  -moz-border-radius: 0 3px 3px 3px;
  border-radius: 0 3px 3px 3px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 3px 3px 3px 0;
  -moz-border-radius: 3px 3px 3px 0;
  border-radius: 3px 3px 3px 0; }

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " "; }

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 3px 0 3px 3px;
  -moz-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px; }

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;}

.typeahead {
  z-index: 3051;
  margin-top: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9; }

.btn:active,
.btn.active {
  background-color: #cccccc \9; }

.btn:first-child {
  *margin-left: 0; }

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none; }
 
.btn .caret {
  margin-top: 8px;
  margin-left: 0; }

.btn-large .caret {
  margin-top: 6px; }

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px; }

.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px; }

.dropup .btn-large .caret {
  border-bottom-width: 5px; }

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff; }

.combobox-container {
  margin-bottom: 5px;
  *zoom: 1; }

.form-fields .combobox-container ul {
	width: 230px;
	margin-top: 2px;
	padding: 0; }

.form-fields .combobox-container li {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0; }

.combobox-container:before,
.combobox-container:after {
  display: table;
  content: ""; }
  
.combobox-container:after {
  clear: both; }

.combobox-container input,
.combobox-container .uneditable-input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  padding: 0 0 0 6px;
  width: 224px; /* minus padding from default width */ }

.combobox-container input:focus,
.combobox-container .uneditable-input:focus {
  position: relative;
  z-index: 2; }
  
.combobox-container .uneditable-input {
  border-left-color: #ccc; }

.combobox-container .add-on {
  float: left;
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: inherit !important;
  margin-right: -1px;
  padding: 4px 5px;
  font-weight: normal;
  color: #999999;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  margin-right: 0;
  margin-left: -3px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  /* PD 150616 This was making combo boxes odd height and already has inherit above. 
  height: 26px !important; */
  }

.combobox-container input,
.combobox-container .uneditable-input {
  float: left;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.combobox-container .uneditable-input {
  border-left-color: #eee;
  border-right-color: #ccc; }

.combobox-container input:first-child {
  *margin-left: -160px; }

.combobox-container input:first-child + .add-on {
  *margin-left: -21px; }

.combobox-container select {
  display: inline-block;
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  text-indent: -99999px;
  *text-indent: 0; }


.combobox-container ul li {
	padding: 0 !important;
	margin: 0 !important; }


.form-search .combobox-container,
.form-inline .combobox-container {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top; }

.form-search .combobox-container .add-on,
.form-inline .combobox-container .add-on {
  vertical-align: middle; }

.combobox-selected .combobox-clear {
  display: none; }

/*.combobox-selected .caret {
  display: none; }*/

.combobox-clear {
  display: none;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: top;
  opacity: 0.3; }

.dropdown:hover .combobox-clear,
.open.dropdown .combobox-clear {
  opacity: 1; }

.btn .combobox-clear {
  margin-top: 1px;
  margin-left: 1px; }

.btn:hover .combobox-clear,
.open.btn-group .combobox-clear {
  opacity: 1; }

.typeahead-long {
  max-height: 300px;
  overflow-y: auto; }

.control-group.error .combobox-container .add-on {
  color: #B94A48;
  border-color: #B94A48; }

.control-group.error .combobox-container .caret {
  border-top-color: #B94A48; }

.control-group.warning .combobox-container .add-on {
  color: #C09853;
  border-color: #C09853; }

.control-group.warning .combobox-container .caret {
  border-top-color: #C09853; }

.control-group.success .combobox-container .add-on {
  color: #468847;
  border-color: #468847; }

.control-group.success .combobox-container .caret {
  border-top-color: #468847; }

.btn .combobox-clear [class^="icon-"] {
  line-height: 1.4em; }
 .error {
		color:#FF0000;
	}
.mbalign {margin-bottom:10px}
.idate{padding-left:220px}

.relateddoc-fields {
	width: 100%;
	margin: 0 auto;
	max-width: 550px; }
.relateddoc-fields ul {
	float: left;
	width: 100%;
	overflow: hidden;
background: #fff;
	width: 100%;
	}

.relateddoc-fields li {
	float: left;
	padding: 5px 0px 0px 5px!important;
	width: 502px !important;
	margin-bottom: 5px;
	margin-left: 25px;
	position: relative;
	border: 1px solid #007bb2;
	}
.rdocb{
/*border: 1px solid #007bb2;
height:185px;*/
height:auto;
padding:10px 13px 10px 10px;
}
.brb {width: 512px!important;}
.rdresponseerror{height:auto!important;width:480px!important;margin-top:-10px!important}
.relateddoc-fields li ul {
	float: left;
	width: 100%;
	padding: 1em 3% 0; }
		
.relateddoc-fields li li {
 	float: left;
 	width: 95%;
 	padding: .5em 0;
	clear: left; }

.relateddoc-fields li label,
.relateddoc-fields li legend,
.relateddoc-fields h3 {
	float: left;
	width: 200px; }

.relateddoc-fields li input,
.relateddoc-fields li select,
.relateddoc-fields li textarea,
.relateddoc-fields p {
	float: left; }
	
.relateddoc-fields li input.fr{
	float: right; margin-right:20px }

.relateddoc-fields li#submit li input { }
	
.relateddoc-fields li#submit,
.relateddoc-fields li#submit li,
.relateddoc-fields li.transparent,
.relateddoc-fields li.transparent li {
	background: none; }

.relateddoc-fields label,
.relateddoc-fields legend {
	font-weight: 300;
	font-size: 1.1em; }
	
.relateddoc-fields fieldset.radios input {
	margin-top: 0px; }

.popup, .close, .popuprelateddoc{cursor:pointer}

.popup:hover, .popuprelateddoc:hover{color:#007bb2}

/* Overlays / Pop ups //related documents */
.overlayrelateddoc {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none; }

.ie6 #overlayrelateddoc,	
.ie7 #overlayrelateddoc {
	background: url('../images/overlay.gif') repeat left top; }

.overlayrelateddoc .window {
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -300px;
	height: auto;
	padding: 20px 40px;
	width: 520px;
	max-height: 530px;
	overflow: auto;
	background: #fff;
	border: 4px solid #004784; }

.overlay-relatedclose {
	position: absolute;
	right: 25px;
	top: 10px;
	font-size: .9em;
	color: #444;
	border-bottom: 1px dotted #444; }
	
.overlayrelateddoc h2 {
	text-transform: none;
	font-size: 1.4em !important;
	margin: 10px 0 1.5em;
	line-height: 1.3em;
	background: none !important;
	border: none !important;
	padding: 0 !important; }
	
/* Overlays / Pop ups //send message */
.overlaymessagepop {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none; }

.ie6 #overlaymessagepop,	
.ie7 #overlaymessagepop {
	background: url('../images/overlay.gif') repeat left top; }

.overlaymessagepop .window {
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -300px;
	height: auto;
	padding: 20px 40px;
	width: 520px;
	max-height: 540px;
	overflow: auto;
	background: #fff;
	border: 4px solid #004784; }

.overlay-messageclose {
	position: absolute;
	right: 25px;
	top: 10px;
	font-size: .9em;
	color: #444;
	border-bottom: 1px dotted #444; }
	
.overlaymessagepop h2 {
	text-transform: none;
	font-size: 1.4em !important;
	margin: 10px 0 1.5em;
	line-height: 1.3em;
	background: none !important;
	border: none !important;
	padding: 0 !important; }
/*calender data picker issues*/

input.popupButton
{ 
    color:  #00000; /* Fix for Firefox */
    border-style: none;
    border-width: 0;  
    background: transparent;
    cursor: pointer; height:15px;
}

.buttonalign{ margin-left:10px; }
.ebl-button{height:35px!important;margin-right:5px;padding-left:0px!important;width:100%!important;color:#fff;padding:5px!important;}
.upload-button{height:30px!important;margin-right:5px;padding-left:0px!important;color:#fff;padding:5px!important;}
.validate-button{margin-right:5px;padding-left:0px!important;width:14%!important;color:#fff;padding:3px!important;}
.upload-related{height:30px!important;margin-right:5px;padding-left:0px!important;color:#fff;padding:5px!important;}
.viewer-button{margin-right:5px;padding-left:0px!important;width:45%!important;color:#fff;padding:3px!important;}
.reAuthenticate {width:100%}
.reAuthenticate ul li {display:inline}
form.form-fields ul .reAuthenticate li{width:none!important;clear:none!important;display:inline}
.wf {width:100px!important;}
.reAuthenticatelabel{float:left;padding-top:10px;}
.reAuthenticateinputlabel{float:right; margin-right:150px; margin-top:10px;}
.dataTables_paginate{margin-top:-48px}

.tododetailsleft table{padding-left:10px}
.tododetailsleft-amend table{padding-left:10px}
.leftcontainer{    
     float:left;min-height:100%;position:static;height:100%;width:37%;}
.rightcontainer{
   overflow:hidden;
}
.right-content{width:106%;height:auto;background-color:#fcfcfc;border:1px solid #027cb2;position:static;margin-top:3px;overflow:auto;}
.right-content-combine{width:106%;height:auto;overflow:auto;background-color:#fcfcfc;border:1px solid #027cb2;position:static;margin-top:3px}
.right-content h2 {background-color:#007bb2;height:30px;color:#fff;padding:6px 0px 0px 5px}
.Amendment-content .left{width:290px;height:auto;float:left;margin:5px 0px 0px 2px}
.Amendment-content .right{width:145px;height:auto;float:right;}
.btalign{width:137px;}
.Amendment-content .left table tbody tr td, table tbody tr th{border-bottom:none!important;}
.combinedAmendment-content .left{width:380px;height:auto;float:left;margin:5px 0px 0px 2px}
.combinedAmendment-content .right{width:145px;height:auto;float:right;}
.combinedAmendment-content .left table tbody tr td, table tbody tr th{border-bottom:none!important;}
.combinedAmendment-content .left table{background-color:transparent;table-layout: fixed;word-wrap: break-word;}
.amendment-merge2 .left table tbody tr td, table tbody tr th{border-bottom:none;}
.combinedAmendment .left table tbody tr th{width:130px}
.combinedAmendment .left table{background-color:transparent;table-layout: fixed;word-wrap: break-word;}
.right-content-combine .left table tbody tr th{width:130px}
.Amendment-content .left table{background-color:transparent;table-layout: fixed;word-wrap: break-word;}
.amendment-right-ct h3{height:30px;padding:6px 0px 0px 5px;margin-bottom:4px}
.amendment-textarea textarea{margin-left:10px;margin-top:30px}
.reAuthenticate li input{margin-top:10px;margin-bottom:10px;}
.reAuthenticate li textarea{margin-top:10px;}
.messageheader{color: #444;
	font-weight: 600 !important;
	font-size: 1em !important;height:30px}
.smalign{width:100px!important;}
.sendmessagebt{width:105px!important;}
.right-amdreq{width:106%;min-height:110px;height:auto;background-color:#fcfcfc;border:1px solid #027cb2;position:static;}
.right-amdreq h2 {background-color:#007bb2;height:30px;color:#fff;padding:6px 0px 0px 5px}
.amdreqfreetext {padding-left:10px;padding-top:5px;word-wrap: break-word;width:380px}

/*����-Order Section���*/

#formdisplay{border:1px solid #cccccc;padding:10px;height:auto;background-color:#fff;width:860px;border-radius:3px}
#formdisplay ul 
{
display:inline-block;border-bottom:1px solid #ebebeb;
}
#formdisplay ul li
{
float:left;
}
#formdisplay label
{
padding-top:10px;display:inline-block!important;width:130px;
}
#formdisplay input
{
width:240px;height:27px;margin-bottom:10px!important;margin-top:10px;
}
.frw{width:410px!important}
.formview
{
width:240px;display:inline-block;padding-top:12px;padding-bottom:12px;font-weight:bold;word-break:break-all;
}
.selectcombo{width:240px;margin-left:-3px;margin-bottom:10px!important;margin-top:10px;
}
#formdisplay label.ups{margin-left:90px}
.scbutton{margin-top:5px;width:860px;height:40px}
.ar{float:right}
.wd{width:110px!important;font-size:0.9em!important}
.upsalign{margin-left:87px;}
input.radio-authent{width:20px!important;height:10px;margin:5px}
input.btw{padding:.0em 0.9em!important;}
input.btsn{padding:.10em 0.9em!important;}
.toalign{/*margin-left:46px;*/}
.aradmin{float:right;margin-top:10px;}
.adminmenudp{font-size:.8em;cursor:pointer;color:#fff;padding:7px 7px 0px 0px}
.viewb {padding:.3em 1em!important;}
.panelcontainer{background-color:#fff;width:985px;height:auto;margin-top:10px;margin-left:10px;border:1px solid #cccccc;border-radius:2px}
.tmr{margin-top:-15px}
.panelheader{width:100%;/*height:40px;*/
	font-size: .9em;border-bottom:1px solid #cccccc;
	padding: 1em 10px;
	font-weight: 600;
	background: #f6f6f8 url('../images/bkg-headers-soft-grad.png') repeat-x left top;}
.content-main{padding:10px 10px 10px 20px;background-color:#fff}
.subrid li{margin-top:-23px!important; display:inline!important;float:left}
/*tree view structure*/
.content-main table{width:30%;background-color:Red;}
.content-main ul{margin-top:10px}
.content-main .mod-align{margin-top:26px!important}
.content-main ul li{display:inline-block;padding:6px}
.content-main ul li .checkbox{margin-top:-2px}
.content-main ul li .sinput{width:35px;height:25px;margin-top:8px}
.blockcontainer{0px}
.tree {
    min-height:auto;
   /* padding-bottom:20px;*/
    background-color:#fbfbfb;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree ul{margin-left:40px;}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:5px 10px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:26px
}
.mod-header{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAFUlEQVR42mP4//8/A8OzZ8/+M4BYAEtpCazz+zmdAAAAAElFTkSuQmCC) repeat-x 0 10px;}
.mod-header h2 {background-color:#fff;font-size:12px!important ;font-weight:600!important;color:#444;padding-right:2px;}
.toggle-title{padding-top:4px;width:190px}
.toggle-title2{padding-top:4px;width:222px}
.toggle-title3{padding-top:4px;width:338px}

.conversationcont{width:245px;float:right}
.reAuthenticate li.lh{margin-bottom:20px}
.conversationcont ul{margin-bottom:30px;text-align: right;}
.conversationmenu ul {width:250px;}
.conversationleft{width:270px;float:left}
.conversationmenu li {display:inline;padding-left:10px;width:100px;clear:right!important}
.conversationmenuclose{text-align:right;margin-right:16px;margin-bottom:20px}
.conversationheader{background-color:#004784;color:#fff;height:45px;padding:7px}
.amendmentPopupHeader{background-color:#004784;color:#fff;height:40px}
.errormessagedisplay span{width:400px; background-color:red;height:50px}
.errormessagepp{height:40px;font-size:0.8em;color: #444;
	font-family: Lato, Arial, sans-serif;padding-top:3px;font-weight:normal!important}
#formdisplay label.upsauthenticate{margin-left:163px}
.ealign{margin-left:135px}
.ealignr{margin-right:155px}
.ealignr2{margin-right:160px}
.ealignr3{margin-right:65px}


.ufr {float:none!important}

.formtable{width:100%;margin-top:15px}
.reAuthenticateinputfield{width:50%!important; margin-bottom:0px!important}
.formtable tr th {width:17%;vertical-align:middle!important;font-weight:normal;padding-left:17px!important}
.formtable tr td {width:83%;border-bottom:none!important}
.formtablea{width:100%;}
.formtablea tr th {width:1%;text-align:none!important;font-weight:normal;padding-left:17px!important}
.formtablea tr td {border-bottom:none!important;vertical-align:middle!important;}
.formtablea tr th input[type="radio"]{margin:0px 0px 0px!important}
.freetext{line-height:25px;padding-left:17px;}


#buttonsubmit ul li {
	width: 30%;
	margin: 0 2% 0 0;
	float: left;
	clear: none;
	display: inline-block; }
	
.balign{
	padding:1em 1% 0!important
	}
.clf{color:#fff}
#displayValidationMessage, #reAuthenticateMessageForPWS, #reAuthenticateFailedDueToSecondAuthentication {padding-top:10px; padding-left:17px}

#selectrididerror{color:red;font-weight:bold}
#selectrididsucess{color:green;font-weight:bold}

.ridcontainer{width:955px;max-height:600px;overflow-y:auto;overflow-x:hidden}
.altranatetrows tr:nth-child(odd) { background: #f8f8f9; #000; }

.altranatetrows .arheader {
	padding: 1em 10px;
	font-weight: 600;
	color:#fff;
	background-color:#0095b3!important }
	
.poortlabel{bottom:3px;position:relative;margin-left:220px;float:left}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 0px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.btnbrowse {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  color: #fff;
	font-weight: normal;
	font-size: 1em !important;
  line-height: 21px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
 background-color:  #007bb2;
  *background-color: #007bb2;
	border: 1px solid #0670a0;
	-moz-box-shadow: 0px 1px 0px #0c6188;
	-webkit-box-shadow: 0px 1px 0px #0c6188;
	box-shadow: 0px 1px 0px #0c6188;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
  
  .fdlabel label{margin-top:5px;}

.port-button{color:#fff;width:68px!important}
.portofld{width:170px!important;margin-right:2px;}
.port-button{color:#fff;width:68px!important}

.Am-contentpanel {width:550px;margin-left:auto;margin-right:auto;margin-top:5px;background-color:#fff;height:auto;}
.Am-contentpanel h2 {background-color:#007bb2;height:30px;color:#fff;padding:6px 0px 0px 5px}
.amendment-button{height:28px!important;margin-right:5px;margin-bottom:5px;padding-left:0px!important;color:#fff;padding:3px!important;width:130px!important}
.bnack-button{height:28px!important;margin-right:5px;margin-bottom:5px;padding-left:0px!important;color:#fff;padding:3px!important;width:93px!important}
.sort-button{
			height:28px!important;
			margin-right:5px;
			margin-bottom:5px;
			padding-left:0px!important;
			color:#fff;
			width:160px!important
			}
.close-button{
            height:28px!important;
            margin-right:5px;
            margin-bottom:5px;
            padding-left:0px!important;
            color:#fff;
            width:50px!important
            }			
.amendmentview-button{height:30px!important;color:#fff;padding:5px!important;}
.amendment-merge{border:1px solid #000000;height:auto;overflo:auto;position:relative;width:380px;margin-left:10px;margin-top:12px}
.amendmenttablewidth {table-layout: auto!important;width:100%}
.tdleft{width:40px}
.tdright{width:260px; float:left}
_::selection, .tdleft { width:110px\0; }
_:-moz-tree-row(hover), .tdleft { width:110px; }
_::selection, .tdright { width:250px\0; }
_:-moz-tree-row(hover), .tdright { width:250px; }
.amendmentviewbutton{position: absolute; right:0px;bottom:0px;width:90px; height:45px;}
.amendmentprintbutton{position: absolute; right:0px;bottom:0px;width:90px;max-height:auto;margin-bottom: 5px; }
.amendment-merge2{height:152px;width:380px;}
.amendment-table{margin-left:12px;width:auto}
.amd-align{width:85px!important;padding-top:50px}
.amd-align2{width:85px!important;padding-top:160px;float:left!important}
.Am-contentpanel-inner {
 width:550px; height:auto; background-color: #fff;   float:left;border:1px red solid; border:1px solid #006DA7;
}
.amendment-mergeradio{width:540px;margin-top:10px;margin-left:7px}
.amendment-textarea-align{width:510px;margin-top:10px;margin-left:7px}
.amendment-table tbody th{width:123px!important;}
.amendment-table tbody td{/* padding:0px!important */}
.amendment-mergeradio label{padding:0px 5px 0px 5px;}
.nbrecords{width:60px!important;padding-right:5px}
.nbinput{width: 30px!important;height: 25px;margin: 5px;}
.textalign{width: 100%;font-size: 100.01%;font: inherit;}
.bordernone{border:none}
.ridformdisplay{width:100%!important}
.ridwidth{width:847px!important}
.selectcombo-rid{width:240px;margin-bottom:10px!important;margin-top:10px}
.outlineborder{border-bottom:solid 1px #000000;}
.to-do-detailsdatatable p{padding:10px;line-height:22px;text-align:justify}
.buttoneditform{background-color:transparent;text-decoration: underline;border: none;cursor: pointer;font-weight:800;font-size: 1em;color: #6e6e6e;}

/*
	Text for test mode.
*/
.alt{color:#FFFFFF;padding-right:500px;padding-top:20px;float:left;font-weight:bold;font-size:2em!important}
.testModeText {
	color: #FF0000;
	font-weight: bold;
	font-size: 1em;
}

.buttonsinline{width:auto;display:inline}
.buttonsinline li {width:auto!important;display:inline;background:none!important}
.changetyperadio{margin-left:10px;margin-top:20px;}
.changetyperadio ul li {margin-bottom:10px;}
#changeAmendmentType{height:55px;margin-top:15px;}

#SingleGrantAmendment label{font-weight:600}
.nbrecords{font-weight:600}
.amendmentdocuments{margin-left:5px;margin-top:5px}
.amendmentdocuments li label {width:125px!important;padding-top:5px}
.amendmentdocuments li {width:98%!important;}
.amendmentdocuments li div {height:auto;float:right!important;width:240px!important;position:relative}
.amendmentdocuments li div span {width:150px!important;display:block;line-height:25px}


/* 
******************** Generic datatable overrides.

   This section applies to all dataTables, not specific pages. Try to define generically here if possible.

*/
/* 
    15px margins, on tables otherwise right to edge of page.
*/
.dataTables_wrapper {
	margin-left: 15px;
	margin-right: 15px;
}

/*** Tools - Currently same spacing on: View All Ebls, View Ebl Detail Messages Tab, Message Log, User Details.

	DIV for the  table tools, so they are level with the page title above the
	main datatable content div.
*/
div.datatableControls {
	/* Push the DIV up above the DataTable wrapper.
		N.B. relative positioning will still leave the "space" for the div in the container.
		margin-bottom compensates for that.
	 */
	position: relative;
	top: -50px;
	margin-bottom: -50px;
	
	/* Float right within the wrapper and set an explicit width. */
	width: 600px;
	float: right;
}

/*
	(TableTools) Export - Override the position of the button within the datatableControls DIV, match colours etc.
	/webframework/src/main/webapp/web-resources/datatable/css/bootstrap.css
*/
div.DTTT.btn-group {
	position: relative;
	float: right;  /* Default: left */
}

/* Class of button specified in datatable setup.

 */
.datatables-export-button {
	/* Similar to other form buttons. Based on check on Message Log.
	 */
	font-size: 14px;
	height:27px;
	margin-top: 2px;
	/* Force a left margin to get a gap with search box. */
	margin-left: 15px !important;
	color:#fff;
	text-shadow: none;
}

.datatables-export-button:hover {
	color:#fff;
	background: #0b87bf;
}

/*
	Column Visibility - not able to set class when calling, so override here.
	/webframework/src/main/webapp/web-resources/datatable/css/dataTables.colVis.css
*/
button.ColVis_Button {
	/* From button-blue. */
	background: #007bb2;
	border: 1px solid #0670a0;
	-moz-box-shadow: 0px 1px 0px #0c6188;
	-webkit-box-shadow: 0px 1px 0px #0c6188;
	box-shadow: 0px 1px 0px #0c6188;
	
	/* Specific settings to mimic button-blue. Using Message Log submit.  */
	padding: .20em 2em;
	font-size: 14px;
	height:27px;
	margin-top: 2px;
	margin-right:5px;
	margin-left:5px;
	
	/* color has to be set important as set black important in default file. */
	color:#fff  !important;
}

button.ColVis_Button:hover {
	color:#fff;
	background: #0b87bf;
}

/* 
   Override for input for search terms so it is not fixed 240px width with big margins.
   /webframework/src/main/webapp/web-resources/datatable/css/dataTables.bootstrap.css
*/
.dataTables_wrapper .dataTables_filter {
  float: right;
  /* Give a width, so float kicks in, as sitting in datatableControls DIV */
  width: 250px;
  font-size: 1.1em;
}

/* 
   Reduce margin below search box, which controls gap to paging controls.
*/
.dataTables_wrapper .input-sm {
	margin-bottom: 6px;
}


/*
	Override the position of the info line
 	Overrides from: /webframework/src/main/webapp/web-resources/datatable/css/dataTables.bootstrap.css
*/
.dataTables_wrapper .dataTables_info {
  /* clear used to bring in parallel with pagination. */
  clear: both;
  float: left;
  /* Used to align  with pagination text. Was 0.755em */
  padding-top: 0.8em;

}

/* 
	Table th - default is 40px.
*/
.dataTables_wrapper th {
	height:auto;
}

/*
	Float pagination right, so that length can float up.
*/
.dataTables_wrapper .dataTables_paginate {
  float: right;
}

/* 
    Processing... text while table loading.
    Overriding from datatables.bootstrap.css
    
    Position relative to table so looks better on Unassigned/ToDo.
    Text smaller and no background.
*/
div.dataTables_processing {
    position: relative;
    font-size: 1em;
    background-color: transparent;
    background: none;
}

/*
	Length control

	Override the position of the table length control
 	Overrides from: /webframework/src/main/webapp/web-resources/datatable/css/dataTables.bootstrap.css
*/
.dataTables_length {
  float: left; 
}


/*
	Float blue buttons in table rows left, so they stay on one line.
	Used in View All Users table currently.

*/
.dataTables_wrapper .button-blue {
	float:left;
}

/* 
     Default Bootstrap hover for clickable rows in DataTables is too light: #f5f5f5
*/
.table-hover tbody tr:hover {
	background-color: #E1E1E4; /* Grey */
}

/* Tighten up default padding if not already set above. 
   This affects both cells in the table and buttons. Possibly split out buttons.
	*/
.dataTable tbody tr td form input {
	padding: 0em 1em;
	margin-bottom: 3px;
	margin-right: 3px;
}

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

   Specific page datatables overrides.

*/

/*** ToDo list 

   Create gap above Search box. */ 
#todolistdisplay_wrapper {
	padding-top: 1em;
	
}
.to-do-detailsdatatable p {
	padding: 10px;
	line-height: 22px;
	text-align: justify
}

/* View link */
.buttonAsLink {
	background-color: transparent;
	text-decoration: none;
	/* Don't want padding on this, as doesn't look like button. Needs to be important to take. */
	padding: 0em 0em !important;
	border: none;
	cursor: pointer;
	margin-left: -2px;
	font-weight: 600;
	font-size: 1.2em;
	color: #2A5DB0; /* Blue default link */
}

.buttonAsLink:hover {
	background-color: #E1E1E4; /* Grey */
}

/* .to-do-status{background: #f8f8f9;border-top:1px solid #cdcdd5} */

.data-list .to-do-status {
	padding: 0.5em 0.5em;
	}

.data-list .to-do-status h3 {
	margin: 0 0 .5em;
	font-size: 1em; }	

.data-list .to-do-status p {
	font-weight: 600;
	margin-bottom: .25em; }	
	
.to-do-status .status-options {
	float: right;
	text-align: right; }
	
.data-list .to-do-details {
	float: left;
	width: 98%;
}

#list-to-do li {
	float: left;
	width: 100%;
}	

#list-to-do li li {
	border: none;  }	

.data-list li.last {
	border: none !important; }

/* 
    ToDo details sections.
*/

.to-do-details li {
	float: left;
	clear: left; 
}

.to-do-details ul,
.to-do-details .priority {
	float: left;
	width: 90%;
	margin: 2%;
}

.to-do-details .priority {
	float: left;
	width: 5%;
	height: 1px;
}

.to-do-details table {
	margin: 2% 2% 0; float:left
}
		
.to-do-details td,
.to-do-details th {
	padding: 0 0 .1em 0 !important;
 }

.data-list .to-do-details ul li {
	margin-bottom: .5em; 
}
	

/*** Unassigned list 

    Create gap above paging controls. */
#unassignedmessage_wrapper {
	padding-top: 1em;
}

/*** Message Log

    */
#messageLogList_wrapper div.datatableControls {
	/* Wider to include the date filter controls. */
	width: 1100px;
}


/*** Message log filter table.

    */
#dateFilter {
	/* Float in line with other controls. Push down slightly in line with other controls. */
	float: right;
	margin-top: 2px;
	}

#dateFilterSubmit.button {
	float: right;
	margin-left: 15px;
	margin-right: 10px; 
	
	
}
#datafilterdiv{width:555px}
@-moz-document url-prefix() {
	#dateFilterSubmit.button {height: 27px;}
	}
#datafilterdiv .datepicker { 
	width:120px;height:28px;	
	}	
_::selection, #datafilterdiv .datepicker { margin-bottom:20px\0; } /*ie all specific code*/
	
#datafilterdiv label {
	height:28px;
	vertical-align: middle;
}
/*** Message History tab on View Bill details.

    */
#messagelistdisplay_wrapper  {
	/* Make room for datatable controls. */
	
	margin-top: 50px;
}


/*****  End of DatatTable-specific overrides.
*/

/*** View Bill Detail
 
*/
.watermark {   
	position: absolute;
	opacity: 0.50;
	left: 30%;
	top: -25%;
	text-align: center;
	font-size: 10em;
	/* width: 100%; */
	text-align: center;
	z-index: 1000;
	color: #f0b1b1;
	font-weight: bold;
 	transform: rotate(-25deg);
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
}

/*** View Bill Detail
 
*/
.watermark_wip {   
    position: absolute;
    opacity: 0.50;
    left: 30%;
    top: -25%;
    text-align: center;
    font-size: 4em;
    text-align: center;
    z-index: 1000;
    color: #f0b1b1;
    font-weight: bold;
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
}
   
/* 
	View All Ebls
*/
#viewallebl_wrapper {
	margin-left: 15px;
	margin-right: 15px;
}

/* 
    login page. Moved here from /login/bolero/style.css
  
*/
.boleroBranding {
    background-image: url('../images/bolero-on-white.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 130px;
    height: 38px;
    margin: 21px;	
}

.loginMiddle {
	display: table;
	margin: 0 auto;
	height: 100%;
}

.loginInnerdiv {
	/*padding-top:15%;*/
	vertical-align: middle;
	display: table-cell;
}

.loginHeader {
	min-height: 40px;
	font-size: 1.5em;
	font-weight: 700;
	color: #183e75;
}

.loginHeader span {
	display: block;
	font-size: 0.85em;
	font-weight: 400;
	padding: 10px 0;
	color: #075899;
}

.loginContentmiddle {
	height: auto;
}

.loginContainer {
	border-bottom: 1px solid #075899;
	border-top: 1px solid #075899;
	color: #555;
	padding: 0 0 1em 0 !important;
}

/*secondlogin page CSS*/
.SecondloginContainer {
	border: 1px solid #027cb2;
	border-radius: 10px;
	height:120px;
	background-color:#fff;
	padding:2%;
}
.secondloginbutton{	
	margin-top:30px;text-align:center;
}
.secondloginbutton input {width:290px}
.secondloginform{width:150px;float:left}
/*END*/

form.loginForm {
	margin-bottom: 0;
}

form.loginForm ul {
	width: auto !important;
}

form.loginForm li label {
	float: left;
	width: 100px;
	font-size: 1.07em;
	font-weight: 400;
	line-height: 30px;
}

form.loginForm li li {
	float: left;
	width: 95%;
	padding: .5em 0;
	clear: left;
}

form.loginForm li input, form.form-fields p {
	float: left;
}

form.loginForm li input[type="text"],
form.loginForm li input[type="password"] {
	text-indent: 3px;
	font-size: 1.07em;	
}

.loginTitle {
	height:30px;
	font-size: 1.07em;
}

.loginButton {
	padding: 0px 25px 0px 25px !important;
	width: 120px !important;
	margin-left:100px;
	background-color: #075899 !important;
	border-color: #075899 !important;
}

input[type="button"].loginButton {
	font-size: 1.07em !important;
}

.loginSuccessmessage {
	padding-left: 100px;
	color: #090;
	margin-top: 5px !important;
	vertical-align: bottom !important;
	font-size: 1.07em;
}

.loginErrormessage {
	padding-left: 100px;
	color: red;
	margin-top: 5px !important;
	vertical-align: bottom !important;
	font-size: 1.07em;
}


/***  Message Details and Repair Queue Message details.

*/

#messageDetailsTitle {
	margin-left: 10px;
	margin-bottom: 10px;	
}

#messageDetailsHeader {
	width: 100%; /* table inside is set at 50% so want overall Div at 100% */
	margin-left: 15px;
	margin-top: 15px;
}

#messageDetailsAttachmentsDiv {
	margin-left: 15px;
	width: 100%; /* table inside is set at 50% so want overall Div at 100% */
	clear: both; /* force below header. */
	float: left; /* Get margin from h2 despite clear. */
}

#messageDetailsTable,
#messageDetailsAttachments {
	background-color: white;
	width: 50%;
	margin-left: 0;
	margin-top: 10px;
	float: left; /* Float tables left so buttons come on right */
}

/* Action buttons 
   - Just to right of header table.
*/
#messageDetailsActions {
	margin-top: 10px;
	margin-left: 15px;
	float: left;
}

#messageDetailsActions #reply {
	margin-bottom: 10px;
}

#messageDetailsMessage{
	margin-left: 15px;
	width: 60%;
}

#messageDetailsMessage h2,
#messageDetailsAttachmentsDiv h2 {
	margin-top: 15px;
	margin-bottom: 10px;
}

#messageDetailsDownloadAll {
	margin-top: 10px;
	margin-left: 15px;
	float: left;
}




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

	Various page specific overrides.
	ToDo: Annotate with specific pages.
*/
.ptop {
	position: absolute;
	bottom: 0;
}

.endorementbt {
	margin-bottom: 0px;
	width: 200px !important;
	line-height: 17px;
	white-space: normal !important;
	height: 35px;
	padding-top: 0px !important;
}

.btop {
	border-top: 1px solid #007bb2
}

.endrosementchain {
	position: absolute;
	right: 12px;
	bottom: 0px;
	width: 202px;
	height: 51px;
}

.erroralign {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px
}

.enrosementchain {
	position: absolute;
	right: 12px;
	bottom: 0px;
	width: 202px;
	height: 51px;
}

.fieldAsLabel {
	width: 195%;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	border: none;
	box-shadow: none;
	padding: 0.3em 0.5em;
}

.fromtorow {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: normal;
	word-wrap: break-word;
	max-width: 300px;
}

.contseal {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: normal;
	word-wrap: break-word;
	max-width: 600px;
	width: 250px;
}

.sealcont {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: normal;
	word-wrap: break-word;
	max-width: 600px;
}

.tabrightbutton {
	float: right;
	margin-bottom: 10px
}

.linkspace {
	padding: 0em 0em !important;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
}

.closebutton {
	width: 50px;
	position: absolute;
	float: right;
	margin-left: 480px;
	margin-top: -20px
}

.bnackheader {
	width: 550px !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: 1px solid #006DA7;
	background-color: #fff
}

.actionbutton {
	width: 310px;
	margin-left: 180px;
	margin-top: 30px;
}

.rejectmessage {
	color: #f0b1b1;
	width: 440px !important;
	text-align: left;
	word-wrap: break-word;
	line-height: 27px
}

.rejectedebl {
	color: #f0b1b1
}

.error-header {
	height: 30px;
	text-align: center;
	color: red;
}
.sucess-header {
	height: 30px;
	text-align: center;
	color: green;
}
.inputhyperlink {
	color: blue;
	cursor: pointer;
	text-decoration: underline
}

.certinput {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: normal;
	word-wrap: break-word;
	max-width: 600px;
	text-align: left
}

.UploadCert {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	height: 283px;
	border: 1px solid #006DA7;
	background-color: #fff
}
.UploadCert form.form-fields li label {
	width: 195px !important
}
.EnableSD {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	height: 70px;
	border: 1px solid #006DA7;
	background-color: #fff
}
.EnableSD form.form-fields li label {
	width: 250px !important
}


.sucess {
	color: green;
}

.sucessalign {
	padding-left: 20px;
	padding-top: 10px
}

.body-main {
	margin-left: 15px;
	margin-right: 15px;
	width: 1100px
}

.submitbt {
	width: 100px;
	float: right;
	margin-right: 90px
}

.messageview {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: 1px solid #006DA7;
	background-color: #fff
}

.tmp {
	margin-bottom: 30px;
	font-weight: 600
}

.deletebt {
	margin-top: 10px !important;
	cursor: pointer
}

.erroralign {
	margin-left: 15px;
	margin-top: 5px
}

.messagedetail {
	width: 390px
}

.messagedetail th {
	width: 100px !important;
	text-align: left !important;
	line-height: 25px !important
}

.attachmentdetail {
	width: 660px
}

.attachmentdetail th {
	width: 0px !important;
	text-align: left !important;
}

.reAuthenticateinput {
	font-size: 100.01%;
	font: inherit;
}

#viewsurenderswitch{width:48%;float:right;margin-top:-35px}
#viewsurenderswitch table td{padding-left:5px}
#viewsurenderswitch .headerpanel {border-bottom:1px solid #027cb2;height:45px}
#viewsurenderswitch .buttonalign {text-align:right}
#viewsurenderswitch .textbold{font-weight:bold}
#viewsurenderswitch .panelleft{float:left;width:55%;height: 160px;}
#viewsurenderswitch .panelright{float: right;width: 40%;height: 160px;}
#viewsurenderswitch .reasoncontent {margin:2px 0px 10px 5px; max-height:55px;height:55px;overflow-y:auto; overflow-x:hidden;}
#viewsurenderswitch .buttonvalign {vertical-align: bottom;height: 160px;padding-bottom: 7px;}

#dropDownMenu,
#dropDownMenu ul {
    list-style: none;
}
#dropDownMenu {
    float: left;
}
#dropDownMenu > li {
    float: left;
}
#dropDownMenu li a {
display: block;
   /*  height: 2em;
    line-height: 2em;
    padding: 0 1.5em; */
    text-decoration: none;
   
}
#dropDownMenu ul {
    position: absolute;
    display: none;
z-index: 999;
margin-top:30px;
}
#dropDownMenu ul li a {
    width: 170px; font-size: 1.1em;
}
#dropDownMenu li:hover ul {
    display: block;background-color:red;
}

#dropDownMenu ul li a:hover {
 background-color:#007bb2;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    support: IE7;
    border-color: #F3F3F3;
    }
    
.blueButton {
   background-color:##004784;;
}   

.tdWithoutWrap {
	white-space: nowrap;
}

a.bnakCloselink:hover {
    color: white;
}

.reAuthenticate .docAlign span {line-height:21px}

.reAuthenticate .docAlign span:nth-child(n+2) {margin-left:128px}