html, body{ height:100%;}
/*overflow:hidden }*/

body {
	padding:0;
	margin:0;
	FONT-FAMILY : Arial, Verdana, Helvetica;
	FONT-SIZE : 8pt;
	COLOR : #000000;
	margin: 0;
	padding: 0;
	background-color:#656565;
}

#leftcontent{
	width:312px;
	vertical-align: top;
}

#centrecontent{
	/*width:100%;*/
	vertical-align:top;
}

.rightAlign {
	text-align: right;
}

.centerAlign {
	text-align: center;
}

#footerbar{
	height: 50px;
	vertical-align: bottom;
}

img {
	border:0px;
	margin:0px;
	padding:0px;
}

div#page {
	width:100%;
	height:100%;
}

div.error {
	background-color: #ee5555;
	color: #ffffff;
	width: 100%;
}

div.messages {
	color:#000000;
	font-weight:bold;
	background-color:#f0f0f0;
	font-size:14px;
}


.notBold {
	font-weight:normal;
}


div.errorContainer {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: white;
}

div.fatalError {
	background-color: #ee6666;
	border:2px solid #f0f0f0;
	width: 400px;
	font-size: 14px;
	height:300px;
	text-align: justify;
	vertical-align: middle;
	padding: 10px;
}

table.fatalError {
	font-size: 14px;
	line-height: 20px;
}


A {
	COLOR : #555555;
	TEXT-DECORATION : none;
}

A:hover {
	color: #000000;
	text-decoration: none;
	FONT-WEIGHT: normal;
}

A img{
	border: 0;
}

a.domainLink {
	text-decoration: underline;
}

a.domainLink:hover {
	text-decoration: underline;
}

div.tabSelector {
	font-size:16px;
	padding-left:3px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align: left;
}

div.tabSelector a {
	font-weight:normal;
	color:#333333;
	margin-right:10px;
	margin-left:10px;
}

div.tabSelector a.selectedTab {
	color:#ffffff;
}

div.tabSelector a:hover {
	color:#666666;
}

div.tabSelector a.selectedTab:hover {
	color:#ffffff;
}

table.listing {
	text-align:center;
	width:100%;
	border-width:1px;
	border-color:#cccccc;
	/*margin:10px;*/
	border-collapse:collapse;
	FONT-SIZE : 10px;
	FONT-STYLE : normal;
	COLOR: #666666;
	FONT-WEIGHT: normal;
	/*width:97%;*/
}


table.listing tr.pager td {
	background-color: #c5c5c5;
}

table.listing th {
       text-align: left;
       font-weight: bold;
  		background-color:#ffcccc;
  		border-collapse:collapse;
   		padding:1px 2px 1px 2px;
   		vertical-align: middle;
}

table.listing th a {
	font-weight: bold;
}

table.listing th a:hover {
	font-weight: bold;
}

table.listing td {
        font-weight: normal;
        text-align: left;
   		padding:1px 2px 1px 2px;
        border-collapse:collapse;
}


table.listing tr {
    background-color: #f5f5f5;
    border-width: 1px;
}

table.listing tr.even {
    background-color: #e0e0e0;
    border-width: 1px;
}

table.listing tr.redAsHell {
    background-color: rgb(255, 138, 138);
    border-width: 1px;
}

table.listing tr.goldAsHell {
    background-color: #FFD700;
    border-width: 1px;
}

table.listing td a {
	text-decoration: underline;
}

table.listing img {
	border-width:0px;
	margin: 0px 3px 0px 0px;
}


A.white  {
	COLOR : #ffffff;
	TEXT-DECORATION : underline;
}

A.white:hover {
	color: #cccccc;
	TEXT-DECORATION : underline;
	FONT-WEIGHT: normal;
}


A.whiteNonDecorated  {
	COLOR : #ffffff;
	TEXT-DECORATION : none;
}

A.whiteNonDecorated:hover {
	color: #cccccc;
	TEXT-DECORATION : none;
	FONT-WEIGHT: normal;
}


A#gray  {
	COLOR : #555555;
	TEXT-DECORATION : none;
}

A:hover#gray {
	color: #999999;
	text-decoration: none;
	FONT-WEIGHT: normal;
}

.underline {
	text-decoration: underline;
}

h1{
	font-size:14px;
	color:#2C5E67;
}

.text8gray  {
	FONT-SIZE : 11px;
	FONT-STYLE : normal;
	COLOR: #cccccc;
	FONT-WEIGHT: normal;
}

.text8gray_dark  {
	FONT-SIZE : 8pt;
	FONT-STYLE : normal;
	COLOR: #666666;
	FONT-WEIGHT: normal;
}

span.pager {
	width:100%;
	padding: 2px 7px 2px 7px;
	color: #333333;
	font-weight: bold;
}

span.pager img {
	border-width: 0px;
	margin:0px;
}

form.pager {
	display: inline;
}

form.pager input[type="text"] {
	width: 40px;
	height: 16px;
	font-size: 10px;
	border:1px solid #333333;
	padding:0px;
}

div.filterSection {
        margin-top: 4pt;
        margin-left: 30pt;
        margin-right: 10pt;
        font-size: 12px;
}

div.filterSection div.title {
	font-size:13px;
	font-weight:bold;
	margin-bottom:7px;
}

div.filterSection td {
	font-size:12px;
}

div.filterSection select {
  border: 1px solid #666666;
  width: 130px;
}

div.filterSection input[type="text"], div.filterSection input[type="select"], div.filterSection input[type="checkbox"] {
  border: 1px solid #666666;
  width: 130px;
  height: 20px;
  font-size: 11px;
  padding:0px;
}

div.filterSection input.dateField {
	width: 105px; 
	vertical-align:top;
}

div.filterSection input[type="text"].small {
  width: 30px;
}


div.filterSection input.short {
  width:80px;
}

div.filterSection input.checkBox, div.filterSection input.checkBox {
	width:15px;
	height:15px;
}

div.filterSection input.checkBoxSmall, div.filterSection input.checkBox {
	width:12px;
	height:12px;
}
.filterSubmit {
   text-align: right;
}

div.filterSubmit {
        margin-top: 8pt;
        text-align: right;
}

div.filterSubmit input {
  border: 1px outset threedface;
  color: buttontext;
  width: auto;
  background-color: buttonface;
  padding:0px;
  font-size:10pt;
}


div#footer1 {
	width:100%;
	height:32px;
	background-image:url("/images/v2/bgtabbottom.jpg");
	vertical-align: middle;
	text-align: center;
}

div#footer1 {
	width:100%;
	height:32px;
	background-image:url("/images/v2/bgtabbottom.jpg");
}

div#footer2 {
	width:100%;
	height:22px;
	background-image:url("/images/v2/bgfooter3.jpg");
}

div#footer3 {
	width:100%;
	height:25px;
	background-image:url("/images/v2/bgfooter2.jpg");
}

div.errors {
	color:#ffffff;
	font-weight:bold;
	background-color:#bb0000;
	font-size:14px;
}

div.warning {
	color:#000000;
	font-weight:bold;
	background-color:#ffff00;
	font-size:14px;
}

div.info {
	color:#ffffff;
	font-weight:bold;
	background-color:#7DCD5E;
	font-size:14px;
}

.section-warning {
	color: red;
	font-weight:bolder;
	/*background-color: rgb(251, 186, 174);*/
}

div#loginform {
	font-size:16px;
	width:400px;
	text-align: center;
}

div#lostPasswordPane {
	font-size:16px;
	width:400px;
	text-align: center;
}

div#changePasswordPane {
	font-size:16px;
	width:400px;
	text-align: left;
	margin:15px;
}

div.toolBar {
	margin-left:7px;
	margin-right:7px;
	width:95%;
	background-color:#f0f0f0;
	margin-bottom:7px;
	font-size:12px;
	padding:3px;
}

table.entityDetailSection {
	text-align:center;
	width:500px;
	border-width: 0px;
	background-color: #cccccc;
	FONT-SIZE : 8pt;
	FONT-STYLE : normal;
	COLOR: #666666;
	FONT-WEIGHT: normal;
}

table.entityDetailSection tr {
	background-color: #f5f5f5;
	height: 17;
	text-align: left;
}


table.entityDetailSection td a {
	text-decoration: underline;
}

table.entityDetailSection tr th {
	font-weight: bold;
}


.pinkBackground {
	background-color: #ffcccc;
}

table.entityDetailSection tr.title {
	background-color: #ffcccc;
	font-weight: bold;
}

table.entityDetailSection tr.title a:hover {
	font-weight: bold;
}

table.entityDetailSection tr.isDeathInfo {
	background-color: #ff0000;
	font-weight: bold;
}

div.visible {
	display:block;
}

div.hidden {
	display:none;
}

#logo {
	width:160px;
	display: block;
}

#logo img {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

/* mac hide \*/
html, body {height:100%}
/* end hide*/

#outer{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:312px;
	border-left:1px solid #000;
	border-right:1px solid #000;
/*	margin-bottom:-52px;*/
	color: #000000;
}

* html #outer{height:100%;margin-left:309px}/* ie 3 pixel jog*/

#left {
	background-image: url("/images/v2/bgtree.jpg");
	background-repeat: repeat-y;
	width:312px;
}

#leftTopClear {
	height:109px;
}

* html #left {margin-right:-3px}/* three pixel jog*/

#footer {
	width:312px;
	clear:both;
	height:50px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #FF8080;
	color: #000000;
	text-align:center;
	position:relative;
	float:left;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

#clearheader{height:109px;}/*needed to make room for header*/
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

div #centrecontent {
}

div.controlBar {
	padding-left:3px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:5px;
	text-align: left;
}
div.controlBar div.controlElement{
	font-weight:normal;
	color:#333333;
	margin-right:10px;
	margin-left:10px;
}
div.controlBar div.controlElement a{
	color:#333333;
}
div.controlBar div.controlElement a:hover{
	color:#666666;
}

div#menuCloser {
	width:100%;
	height:2px;

}


input.short {
	width:80px;
}

input.long {
	width:170px;
}

input.longer {
	width:200px;
}

textarea {
	width:97%;
	margin-left:3px;
	margin-top:3px;
}


div.submitSection {
	width:90%;
	text-align: right;
	margin-bottom: 7px;
}

div.backLink {
	text-align:right;

}



div.largeMessage a {
	font-size:15px;
}


div.largeMessage {
	padding-top:7px;
	background-color:#eeeeee;
	height:40px;
	width:100%;
	font-size:15px;
	text-align:center;
}

div.testMessage {
	 color:black;
	 font-size:12pt;
	 font-weight: bolder;
	 text-align: center;
}

.ProgressDialog{
	background-color:#BBBBBB;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	z-index:1000;
}

div.warningBox {
	vertical-align:middle;
	font-weight:bold;
	font-size:18px;
	font-color:white;
	background-color:#ff1111;
	display:block;
	height:60px;
}

.lineThrough {
	text-decoration: line-through;
}


/*div.fullFinancialPlanLink {
	width:300px;
	font-size:14px;
	font-weight:bold;
	border: 2px solid #333333;
	background-color:#eeeeee;
	height:28px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	vertical-align: middle;
}
*/

a.fpLink {
	background-color:#eeeeee;
	border:2px solid #333333;
	padding: 3px;
	margin-left: 3px;
}



a.listFPLink {
	background-color:#eeeeee;
	border:1px solid #bbbbbb;
	text-decoration: none;
	margin-left: 3px;
	padding-top:1px;
}

a.underlined {
	text-decoration: underline;
}



table.sidebarHelp {
	font-size:11px;
	border-collapse: collapse;
	border: 1px solid #333333;
	margin-top:10px;
}

table.sidebarHelp thead tr th {
	font-weight: bold;
	border-collapse: collapse;
	border: 1px solid #333333;
}

table.sidebarHelp tbody tr td {
	border-collapse: collapse;
	border: 1px solid #333333;
}

.inactiveCollaborator{
	background-color: salmon !important;
}
.bold{
	font-weight:bold;
}
.verticalBottom{
	vertical-align: bottom;
}

.wrapLines{
	white-space:pre;
}

#menuIcons{
	float:right;
	padding-top:2px;
	padding-right:2px
}

.tooltipFix{
	z-index:10;
}

#smsInfoBox {
	width: 500px;
	-webkit-border-radius: 5;
  	-moz-border-radius: 5;
  	border-radius: 5px;
  	border: 2px solid #eeeeee;
  	background-color: #aaaaaa;
  	padding:10px;
}

#collaboratorChoosePane {
	font-size:14px;
	width: 500px;
	-webkit-border-radius: 5;
  	-moz-border-radius: 5;
  	border-radius: 5px;
  	border: 2px solid #eeeeee;
  	background-color: #aaaaaa;
  	padding:10px;
}


h4 {
	font-size:16px;
	vertical-align: middle;
}

h3 {
	font-size:14px;
}

div.entryPoint {
	padding-left:35px;
	padding-top:20px;
}

.entryPoint .heading {
	color:#ffffff;
	font-size:18px;
	font-weight: bold;
	vertical-align: bottom;
}

.entryPoint .heading .headingText {
	width:870px;
	border-bottom: 1px solid #ff0000;
	display: inline-block;
}

.entryPoint .heading .logo {
	vertical-align: bottom;
}

.contentBand {
	background: #7c7c7c; /* Old browsers */
	background: -moz-linear-gradient(left, #7c7c7c 0%, #656565 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #7c7c7c 0%,#656565 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #7c7c7c 0%,#656565 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#656565',GradientType=1 ); /* IE6-9 */
	padding:15px;
	margin-top:25px;
}

.contentBand .title {
	color: #ffffff;
	display:block;
	vertical-align: bottom;
	font-size: 20px;
	margin-bottom: 10px;
}

.contentBand .item {
	padding:10px 20px;
	text-align: center;
	display: inline-block;
}

.contentBand .item a img {
	/*filter: grayscale();*/
}

.contentBand .item a {
	color:#c7c7c7;
	font-size:18px;
}

.contentBand .item a.testEnv {
	font-size:15px;
}

.contentBand .item a:hover {
	color:#ffffff;
}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.lightGray {
	color:#c7c7c7;
}


.contentBand hr {
    display: block;
    width:30%;
    height: 1px;
    border: 0;
    border-top: 1px solid #656565;
    margin: 7px auto;
    padding: 0;
}

.clientServiceRequestFPFState-CLOSED_ACCORDING_TO_FP {
	background-color: #ffffff;
	text-align: center;
}

.clientServiceRequestFPFState-PLANNED_IN_MT6M {
	background-color: #ffffff;
	text-align: center;
}

.clientServiceRequestFPFState-PLANNED_IN_LT6M {
	background-color: #ffcc00;
	text-align: center;
}

.clientServiceRequestFPFState-MISSED_BY_LT6M {
	background-color: #ffcc00;
	text-align: center;
}

.clientServiceRequestFPFState-MISSED_BY_MT6M {
	background-color: #fe8081;
	text-align: center;
}

.clientServiceRequestFPFState-CLOSED_SEPARATEDLY {
	background-color: #ffffff;
	text-align: center;
}

img.csrFPFIcon {
	height:20px;
}

table.lightBorder {
	border:1px solid #aaaaaa;
	border-collapse: collapse;
}

table.lightBorder td {
	border:1px solid #aaaaaa;
	border-collapse: collapse;
}


span.zipCodeOut {
	color: #e00000;
	font-weight: bold;
	border-bottom: 1px dashed #e00000;
	cursor: help;
}



span.zipCodeok {
    color: #00b900;
    border-bottom: 1px dashed  #00b900;
    cursor: help;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

button.fpOutput {
	font-size: 11px;
	font-weight: bold;		
}

a.fpOutput {
	font-size: 11px;
	font-weight: bold;
	color: black;	
	cursor: pointer;
	padding-left: 10px;
	text-align: left;
}

div.message-error {
    margin: 5px;
    text-align: center;
    background-color: #ffcccc;
    padding: 8px;
    border: 1px dashed #fa8989;
    color: #ce0000;
    border-radius : 5px;
}

.overSelectIn, .overSelectOut {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.multiSelectIn, .multiSelectOut {
  width: 100%;
}

.selectBoxIn, .selectBoxOut {
  position: relative;
  width: 100%;
  font-weight: bold;
}

#checkBoxesIn, #checkBoxesOut {
  display: none;
  border: 1px black solid;
  position: absolute;
  z-index: 100;
  background-color: white;
}

#checkBoxesIn label, #checkBoxesOut label {
  display: block;
  background-color: white;
}

#checkBoxesIn label:hover, #checkBoxesOut label:hover {
  background-color: #1e90ff;
}

#checkBoxesIn label input, #checkBoxesOut label input {
    width: 20px;
}

table#commentSection{
	width: 100%;
	table-layout:fixed;
}

table#commentSection td {
	white-space: nowrap;
}

th.encDate {
	width: 17.5%;
}

th.author {
	width: 22%;
}

td.commentClass {
	text-overflow: ellipsis;
	overflow: hidden;
}

td.alignTop {
	vertical-align: top;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete > input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
.autocomplete > input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

#solutionProductCombo {
	display: none;
}

button#startover {
	cursor: pointer;
	z-index:12000;
	position: absolute;
	right: 4%;
	color: white;
	background-color: transparent;
	border: none;
	font-size: 1em;
	margin-top: 1%;
}
button#startover:hover {
	transform: translateY(10%);
}

table.filterTable {
	table-layout:fixed;
}

table.filterTable > tbody > tr:last-child {
	width:100%;
}

table.filterTable > tbody > tr:last-child > td {
	width:100%;
}

table.filterTable > tbody > tr:last-child > td > div.businessTipManual {
	margin-left: 140%;
}

a.businessTipManualImgTitle {
    margin-left: -7px;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
}

a#resetProduct {
    margin-left: 17%;
}

div#aBitLeft {
    margin-left: -1px;
}

img#imgWarningTriangle{
	float: left;
	margin: 30px 30px 50px 5px;
	width: 15%;
}

span.imgTitleImmediate{
	position: relative;
}

span.imgTitleImmediate:hover::after{ 
	content: attr(data-title);
	position: absolute;
	background: white;
	border: 1px solid #000;
	width: max-content;
	font-size: 1.3em;
	color: black;
	height: 1.2em;
	text-align: center;
	box-shadow: 4px 4px 4px black;
}

a.extLink {
	border: 1px solid black !important; 
	padding: 0px;
	font-weight: bold !important;
	color: inherit !important;
}
a.extLink:hover {
	color: inherit !important;
}

div.noRecordFound {
	margin:0.2em 0.4em;
	text-align: left;
}

.moneyValue {
	text-align: right !important;
	white-space: nowrap;
}

span#amlCategoryByTheSystem span { 
	display: none;
}

.greenBackgroundBox {
	background-color: #b1ffb1; color: #212327; 
}

table tr.noBottomBorder td {
	border-bottom-color: background;
}