/* Colour scheme
Primary - Purple Bold - #5e2751
Secondary - Grey - #666666
*/
body {
    background-color: white;
    min-width: 1203px;
    padding: 0;
    margin: 0;
    /* min-width: 1060px; */
}
.normal {
    font: normal 12px Ariel, Verdana, sans-serif;
    color: #666666;;
    padding-left: 5px;
}
.banner {
    margin: 0 0 0 0;
    height:20px;
    background-color: #5e2751;
    /*text-align: right;*/
}
.banneruser {
    position: absolute;
    top: 5px;
    right: 25px;
    color: white;
    font: normal 16px Ariel, Verdana, sans-serif;
}
.bannername {
    display: block;
}
.bannerwelcome {
    font-size: 11px;
    color: #cbcbcb;
}
.headimg2 {
    float: right;
}
.heading2 {
    font: bold 18px Verdana, sans-serif;
    color: white;
    display: block;
    text-align: left;
    padding: 5px 5px 5px 24px;
    border: none;
    background-color: #666666;
    margin: 0 0 0 0;
}
.envText{
    width: 232px;
    color: red;
    font-size: 1.2em;
    font-weight: bold;
}

#one{
    float: left;
    width: 300px;
}
#two{
       float: left;
    margin-left: 25%;
    position: relative;
    width: 300px;
}
#three{
     float: right;
    position: relative;
    width: 100px;
}
#iconRight{
    float:right;
}
#iconRight2{
    float:right;
    position:relative;
}
#headbox td {
    font: normal 10px Ariel, Verdana, sans-serif;
    padding: 3px 1px 3px 5px;
}
#headbox td a {
    font: bold 10px Ariel, Verdana, sans-serif;
    color: #666666;
}
#headbox td.headboxLabel {
    width: 100px;
}
#headbox td.headboxValue {
    color: #666666;
    width: 200px;
}
#headbox td.headboxSpan {
    width: 500px;
    color: #666666;
}
#main {
    clear: left;
    font: normal 12px Ariel, Verdana, sans-serif;
    margin-bottom: 15px;
    color: #666666; /*#5e2751;*/
}
#mainHelp {
    font: normal 12px Ariel, Verdana, sans-serif;
    margin: auto;
    width: 50vw;
}
p, td {
    font: normal 12px Ariel, Verdana, sans-serif;
    color: #666666;
}
a {
    text-decoration: none;
    font: normal 12px Ariel, Verdana, sans-serif;
}
#smallLink {
    position: absolute;
    right: 20px;
    margin-top: 20px;
	text-decoration: none;
	font: normal 10px Ariel, Verdana, sans-serif;
	color: #666666;
}
.indentPara p {
	margin-left: 10px;
}
.pageHeading {
    padding-top: 10px;
    padding-left: 5px;
    font: bold 14px Verdana, Ariel, sans-serif;
    color: #666666;
}

.pageHeading2 {
    padding-top: 10px;
    padding-left: 5px;
    font: bold 18px Verdana, Ariel, sans-serif;
    color: #666666;
}

.pageHeading3 {
    padding-top: 10px;
    padding-left: 5px;
    font: bold 14px Verdana, Ariel, sans-serif;
    color: #666666;
}
.pageHeading4 {
    padding-top: 10px;
    padding-left: 5px;
    font: normal 12px Verdana, Ariel, sans-serif;
    color: #666666;
}

.pageHeading5 {
    padding-left: 5px;
    font: bold 18px Verdana, Ariel, sans-serif;
    color: #666666;
}
.pageHeadingHelp {
    padding-top: 10px;
    padding-bottom: 10px;
    font: bold 14px Verdana, Ariel, sans-serif;
    color: #666666;
}
.boldText {  font-weight:bold;  }
table.std {
    border-collapse: collapse;
    /*border-top: 1px solid #666666;*/
    border: 1px solid #ddd;
    width: 100%;
    margin: 10px 0 20px 0;
}
table.std thead tr { background-color: #666666; color: white; border-bottom: 1px solid #666666;}
table.std thead th { 
    text-align: left; 
    /*border-right: 1px solid white;*/
    border: 1px solid #ddd;
}
/*table.std tr.even { background-color: #ccb; }
table.std tr.odd { background-color: #eec; } */
table.std tr.even { background-color: #eee; }
table.std tr.odd { background-color: white; }

table.std td { padding: 3px; min-width: 60px; height: 30px;
    border-right: 1px solid #ddd;
}

table.std td.numeric { text-align: right; }
table.std td.tickcross {width: 35px; min-width: 30px}
table.std td.short { min-width: 45px;}
table.std td.wide {min-width: 65px;}
table.std td.statusBar { background-color: darkgrey; color: white; border-bottom: 1px solid darkgrey; height: inherit;}
table.std td.index { padding: 3px; width: 25px; min-width: 25px; height: 30px; border-right: 1px solid #ddd; text-align: right;}

table.alloc {
    width: 100%;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
table.alloc thead tr { background-color: #666666; color: white;}
table.alloc tr.trans { background-color: #eee; }
table.alloc tr.transalloc { background-color: #cbcbcb; }
table.alloc input.amount { text-align: right; }

th a {
    font: bold 11px sans-serif;
    text-decoration: none;
    color: black;
}
td a {
	text-decoration: none;
	font-weight: bold;
	color: black;
}
td a.closed {
    text-decoration: none;
    font-weight: bold;
    color: #8d8d8d;
}
.closed {
    font-weight: bold;
    color: #8d8d8d;
}
table.subpage {
    border: 1px solid #cbcbcb;
    width: 90%;
}

/* Main table for form entry */
.label, .labelMandatory, .label25, .label50 .labelPassword {
    width: 500px;
    min-width: 500px;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #666666;;
    vertical-align: middle;
}
.labelPassword {
    width: 200px;
    color: #666666;
}
.label25 {
    text-indent: 25px;
}
.label50 {
    text-indent: 50px;
    color: #666666;
}
.label75{
    text-indent: 75px;
    color: #666666;
}
.labelindent {
    width: 500px;
    min-width: 500px;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #666666;
    vertical-align: middle;
}
.label2 { width: 500px; vertical-align: top; white-space: nowrap; padding-left: 5px; color: #666666;;}
.label3 { vertical-align: middle; padding-left: 5px; padding-right: 5px; color: #666666;;}
.label4 { vertical-align: middle; padding: 5px; color: #666666;; width: 100px;}
.label5 { vertical-align: top; text-align: right; padding: 5px; color: #666666; width: 100px;}
.label6 { vertical-align: middle; padding: 5px; color: #666666;; width: 258px;}
.label7 { vertical-align: middle; padding: 5px; color: #666666;; width: 258px;}
.label8 { vertical-align: top; padding: 5px; color: #666666;;}
.label9 { vertical-align: middle; padding: 5px; color: #666666;; width: 100px; font-weight: bold;}
.label10 { vertical-align: middle; padding: 5px; color: #666666;; width: 140px;}
.fields {
    width: 450px;
}
.fieldsright {   width: 500px; float:right; }
.basicfull   {   width: 100%;  border: 0px solid #cbcbcb;      }
.mandatory { font-size: 14px; color: red; }
.lilabel { width: 500px; vertical-align: top; }
.lifield { width: 300px;}
.error {
    color: red;
    font-weight: bold;
}
#mainpanel .error {
    color: red;
    font-weight: bold;
}
.hidden { display: none; } /* workaround - hides the error message */

div.error {
	color: red;
	font-weight: bold;
	padding-bottom: 10px;
}

td.hidden { display: none; } /* workaround - hides the error message */
textarea.write {
    width: 370px;
    border: 1px solid #cbcbcb;
    padding: 3px 3px;
    font: normal 12px sans-serif;
}
textarea.read {
    display: block;
    width: 370px;
    border: 1px solid #cbcbcb;
    padding: 3px 3px;
    background-color: #eee;
    font: normal 12px sans-serif;
}
.read {
    display: block;
    width: 450px;
    border: 1px solid #cbcbcb;
    font: normal 12px sans-serif;
    padding: 3px 3px;
    background-color: #eee
}
.readnumber {
    display: block;
    width: 80px;
    border: 1px solid #cbcbcb;
    font: normal 12px sans-serif;
    padding: 3px 3px;
    background-color: #eee;
    text-align: right;
}
.readshort {
    display: block;
    width: 92px;
    border: 1px solid #cbcbcb;
    font: normal 12px sans-serif;
    padding: 3px 3px;
    background-color: #eee;
    float: right;
}
.auto-width {
	width:auto;
}
/*.button {
    padding-left: 5px;
}*/
.button a {
    text-align: left;
    font: bold 8pt sans-serif;
    padding: 5px;
    text-decoration: none;
    display: inline;
    color: #666666; background: white;
    border: 1px solid #666666;
    border-radius: 7px;
    margin-right: 5px;
}
.button2 {
    margin: 15px 10px 0 10px;
    text-align: right;
}
.button2 a {
    font: bold 8pt sans-serif;
    padding: 5px;
    text-decoration: none;
    display: inline;
    color: #666666; background: white;
    border: 1px solid #666666;
    border-radius: 7px;
}
.button2 a:hover {
    background: #0f243a;
    border: 1px solid #0f243a;
    color: white;
}
.greyButton {
    margin: 15px 10px 0 10px;
}
.greyButton a {
    text-align: left;
    font: bold 8pt sans-serif;
    padding: 5px;
    text-decoration: none;
    display: inline;
    color: #d3d3d3; background: white;
    border: 1px solid #d3d3d3;
    border-radius: 7px;
    margin-right: 5px;
}
.linkpanels div {
    display: inline-block;
}
#highlight a {
    text-decoration: underline;
    font: bold 10px sans-serif;
    color: black;
    /*padding-left: 10px;*/
}
.options {
    color: #cbcbcb;
    /*padding-left: 10px;*/
}
.options a {
    text-decoration: none;
    font: bold 10px sans-serif;
    color: #5e2751;
}


/* Rating table */

table.matrix  {
    border-collapse: collapse;
    font: normal 11px sans-serif;
    margin: 5px 0 10px 0;
    width: 100%;
}

table.matrixhalf {
    border-collapse: collapse;
    font: normal 11px sans-serif;
    margin: 5px 0 10px 0;
    width: 50%;
    table-layout: fixed;
}

table.matrixfixtable  {
    border: 1px solid #9e9e9e;
    border-collapse: collapse;
    font: normal 11px sans-serif;
    margin: 5px 0 0 0;
    width: 100%;
}
table.matrixautowidth  {
    border: 1px solid #9e9e9e;
    border-collapse: collapse;
    font: normal 11px sans-serif;
    margin: 5px 0 0 0;
    width: auto;
}
table.matrixautowidth2  {
    border: 1px solid #666666;
    border-collapse: collapse;
    font: normal 11px sans-serif;
    margin: 15px 0px 0px 20px;
    width: auto;
}
td.matrixcheckbox {
    width: 10px;
    text-align:center;
    border: 1px solid #9e9e9e;
    font: 11px sans-serif;
}
td.matrixcheckboxRO {
    width: 10px;
    text-align:center;
    border: 1px solid #9e9e9e;
    font: 11px sans-serif;
    background-color: #eee;
}
th.matrix99 {
    width: 99px;
}
th.matrix100 {
    width: 100px;
}
th.matrix114 {
    width: 114px;
}
th.matrix115 {
    width: 115px;
}
th.matrix116 {
	width: 116px;
}
th.matrix274 {
    width: 274px;
}
td.matrixfixtable {
    border: 1px solid #9e9e9e;
}
td.matrix1 {
    border: 1px solid #9e9e9e;
    width: 180px;
}
td.matrix1bold {
    font: bold 11px sans-serif;
    border: 1px solid #9e9e9e;
    width: 180px;
}
/*subheading in the rating tables*/
td.matrixsubheading {
    font: bold 11px sans-serif;
    color: black;
    border: 1px solid rgb(132, 129, 129);
    background-color: rgba(81, 164, 199, 0.56);
    margin: 1px;
    padding: 2px;
    text-align: left;
}
td.matrixvalue2 {
    width: 100px;
    border: 1px solid #9e9e9e;
    background-color: #eee;
    text-align: right;
    width: 100px;
}
input.matrixcell11 {
    border: 1px solid white;
    border-right-width: 4px;    
    width: 50px;
    text-align: right;
    font: normal 11px sans-serif;
}
input.matrixvalue11 {
    border: 1px solid #eee;
    width: 50px;
    text-align:right;
    font: normal 11px sans-serif;
    background-color: #eee;    
}
input.matrixvalue11_2 {
    border: 1px solid #eee;
    width: 50px;
    text-align:right;
    font: normal 11px sans-serif;
    background-color: #fff;    
}
th.matrix4_43{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 43px;
}
th.matrix4_47{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 47px;
}
th.matrix4_48{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 48px;
}
th.matrix4_54{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 54px;
}
th.matrix4_56{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 56px;
}
th.matrix4_63{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 63px;
}
th.matrix4_64{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 64px;
}
th.matrix4_74{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 74px;
}
th.matrix4_75{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 75px;
}
th.matrix4_77{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 77px;
}
th.matrix4_168{
    border: 1px solid #9e9e9e;
    background-color: #eee;
    width: 168px;
}

/* table cell that contains the sum insured and premium values or input fields */
td.matrix5 {
    border: 1px solid #9e9e9e;
    background-color: #eee;
    text-align: right;
    min-width: 52px;
}
td.matrix5_140 {
    border: 1px solid #9e9e9e;
    font: 11px sans-serif;
    background-color: #eee;
    text-align: left;
    width: 140px;
}
td.matrix6 {
    border: 1px solid #9e9e9e;
    text-align: right;
}
td.matrix2tot {
    border: 1px solid #9e9e9e;
    background-color: #eee;
    text-align: right;
    font-weight: bold;
    width: 136px;
}
input.matrixcell {
    border: 1px solid white;
    width: 50px;
    text-align: right;
    font: normal 11px sans-serif;
}
/* style for sum insured and premium field */
input.matrixcell2 {
    border: 1px solid white;
    width: 75px;
    text-align: right;
    font: normal 11px sans-serif;
}
input.matrixcell4 {
    border: 1px solid white;
    width: 100%;
    text-align: right;
    font: normal 11px sans-serif;
}
input.matrixcell3 {
    border: 1px solid white;
    width: auto;
    text-align: left;
    font: normal 11px sans-serif;
}

input.matrixcell5 {
    border: none;
    text-align: right;
   font: normal 12px Ariel, Verdana, sans-serif; 
    font-weight: bold;       
}
input.matrixcell6 {
    border: 1px solid white;
    width: 75px;
    text-align: right;
    font: normal 12px Ariel, Verdana, sans-serif; 
}
input.matrixcell7 {
    border: none;    
    width: 75px;
    text-align: right;
    font: normal 12px Ariel, Verdana, sans-serif;   
    background-color: #eee;      
}
input.matrixcell8 {
    border: 1px solid white;
    width: 80%;
    text-align: right;
    font: normal 11px sans-serif;
}

input.matrixvalue {
    width: 100%;
    text-align: right;
    border: none;
    font: normal 11px sans-serif;
    background-color: #eee;
}
input.matrixvalueleft {
    width: 100%;
    text-align: left;
    border: none;
    font: normal 11px sans-serif;
    background-color: #eee;
}
input.matrixvalue2 {
    width: 100px;
    text-align: right;
    border: none;
    font: normal 11px sans-serif;
    background-color: #eee;
}
input.matrixvalue3 {
    width: auto;
    text-align: left;
    border: none;
    font: normal 11px sans-serif;
    background-color: #eee;
}
span.matrixhead {
    display: block;
    padding: 5px 1px 5px 1px;
    font: bold 11px sans-serif;
}
.matrix th {
    font: bold 11px sans-serif;
    color: white;
    border: 1px solid #666666;
    background-color: #666666;
    margin: 1px;
}
th.fapHeader {
    background-color: #f7d5b4;
    color: black;
}
.matrixhalf th {
    font: bold 11px sans-serif;
    color: white;
    border: 1px solid #666666;
    background-color: #666666;
    margin: 1px;
}
.matrixfixtable th {
    font: bold 11px sans-serif;
    color: white;
    border: 1px solid #666666;
    background-color: #666666;
    margin: 1px;
}
.matrixautowidth th {
    font: bold 11px sans-serif;
    border-right: 1px solid white;
    background-color: #666666;
    margin: 1px;
}
.matrixautowidth2 th {
    font: bold 11px sans-serif;
    color: white;
    border: 1px solid #666666;
    background-color: #666666;
    margin: 1px;
}
.matrixsubhead {
    font: bold 11px sans-serif;
    color: white;
    border: 1px solid #666666;
    background-color: #666666;
    margin: 1px;
    padding: 2px;
    text-align: center;
}
th.lastcolumn {
    border-right: 1px solid #666666;
}
table.matrixfixtable thead tr {
    border: 1px solid #666666;
}
#matrix {
    font: bold 11px sans-serif;
}
.searchlabel {
    font: bold 14px Verdana, Ariel, sans-serif;
    color: #666666;
    padding-right: 10px;
    text-decoration: none;
}
.searchInput {
    width: 500px;
    padding-left: 3px;
}
.searchForm {
    margin-top: 5px;
}
.searchComboLabel {
    padding-left: 10px;
    color: #666666;
}
.searchComboInput {
    padding-left: 10px;
    color: #666666;
}
#loginform {
    margin-top: 50px;
}
.loginlabel {
    width: 100px;
}
.historyMsg {
    color: red;
    font: normal 16px Verdana, Ariel, sans-serif;
    /* margin: 0 0 6px 10px; */
    border-top: 1px solid #666666;
    margin-top: 0;
    margin-bottom: 6px;
    padding: 5px 0 0 10px;
}
.listAlpha {
    list-style-type: lower-alpha;
}

ol {
    color: #666666;
}
.listRoman {
    list-style-type: lower-roman;
}
.comodo	{
    position: absolute;
    left:853px;
    top:152px
}
.comodo img {
    border: none;
}
.loginlinks a {
    display: block;
    font: bold 11px sans-serif;
    text-decoration: none;
    color: black;
}
img {
    border: none;
}
a {
    font: normal 12px sans-serif;
}
.emailpre {
    font: bold 11px sans-serif;
    text-decoration: none;
    color: black;
}
.bold {
    font-weight: bold;
    color: #666666;
    padding-left: 5px;
}
.accumulation {color: red; }
.redtext { font-weight: bold; color: red; }
.redtext2 { color: red; }
.red_st_text { font-weight: bold; color: red; text-decoration: line-through;}
.yellowtext { font-weight: bold; color: yellow; }
.greentext { color: green; }
.greytext { font-weight: bold; color: grey; }
.blacktext { color: black; }
.black_st_text { font-weight: bold; color: black; text-decoration: line-through;}
.gtbox {
    display: block;
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
    width: 100%;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cell100 {
    width: 510px;
}

.gtlabel {
    padding-left: 5px;
    color: #666666;
    width:150px;
    white-space:nowrap;
}

.gttotal {
    display: inline;
    padding-left: 550px;
}
.creditTable {
    border-bottom: 1px solid #666666;
    width: 100%;
    padding-bottom: 10px;
}
.creditTable td {
    color: #666666;
    padding-left: 5px;
}
.creditTable a {
    font-weight: bold;
    color: #666666;
    text-decoration: underline;
}
.stdlink {
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}
.person {
    font-weight: bold;
}
.endorsementText {
    width: 670px;
    border: 1px solid #cbcbcb;
    padding: 3px 3px;
    font: normal 12px sans-serif;
}
#lk54 {
    text-align: center;
}
.textinputerror {
    border: 1px solid #cbcbcb;
    padding: 3px;
    font: normal 12px sans-serif;
    vertical-align: middle;
    background-color: #ffb9e1;
}
.basic {}
.dialog {
    width:600px; 
    margin-left:auto; 
    margin-right:auto;
}
.info {
	/*border: 1px solid #666666;*/
	padding: 0 10px 0 10px;
	font-family:Verdana, Arial, sans-serif;
    font-size:13px;
}
#col1 {
	float: left;
	width: 250px;
	color: #666666;;
	font-family:Verdana, Arial, sans-serif;
        font-size:13px;
}
#col2 {
        float:left;
	width: 630px;
	padding: 10pt;
	color: #666666;;
	font-family:Verdana, Arial, sans-serif;
    font-size:13px;
}

#col3{
        float: left;
        color: #666666;;
        margin-top: 20px;
        padding: 5px;
        width: 258px;
}
#foot {
	clear: both;
}
#productImage {
	border: 1px solid #666666;
        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.23);
	margin: 10pt 0 8pt 0;
}
#title2 {
        width: 250px;
        font: bold 18px Verdana, sans-serif;
        display: block;
        text-align: left;
        border: none;
 }
.linktext {
	vertical-align: 60%;
}
.productLink {
	font: bold 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #666666;;
}
.email {
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

#searchbox {
    padding-left: 7px;
    margin-top: 5px;
}
.search1 {
    float: left;
    padding-bottom: 10px;
    padding-left: 5px;
}
.search2 {
    padding-left: 10px;
}
.trancount {
/*    padding-left: 7px;*/
    font: normal 12px Verdana, Ariel, sans-serif;
    color: #666666;
}
.trancount a {
    font: normal 12px Verdana, Ariel, sans-serif;
    color: #666666;
    text-decoration: none;
}
.whitetext {
    color: white;
}
.sorted {
    color: #666666;
    background-color: #0f243a;
    /*font-weight: normal;*/
}
.textbox {
    padding: 5px;
    color: #666666;;
}
#mainpanel {
    padding-left: 10px;
    padding-right: 10px;
}
#mainpanel p {
    margin: 5px;
    color: #666666;;
}
#mainpanel p a {
    margin: 5px;
    color: #666666;;
    font-weight: bold;
}

#revenue-recognition-panel {
    padding-bottom: 20px;
}
#revenue-recognition-panel h2 {
    padding-top: 10px;
    padding-left: 5px;
    font: bold 18px Verdana, Ariel, sans-serif;
    color: #666666;
}
#revenue-recognition-panel h3 {
    padding-top: 10px;
    padding-left: 5px;
    font: bold 14px Verdana, Ariel, sans-serif;
    color: #666666;
}
#revenue-recognition-panel p {
    margin: 5px;
    color: #666666;
}

.tooltip {
	display:none;
	background:transparent url(../img/tooltip/white.png);
	font-size:11px;
	height:100px;
	width:160px;
	padding:20px;
	font-weight: bold;
	color:black;
}
.tooltip.bottom {
	background:url(../img/tooltip/white.png);
	padding-top:20px;
	height:100px;
}
.tooltip.bottom {
	background:url(../img/tooltip/white.png);
}
.right {
    text-align: right;
    white-space: nowrap;
}
.boldRight {
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}
input.button {
	text-align: left;
    font: bold 8pt sans-serif;
    padding: 3px 3px;
    text-decoration: none;
    display: inline;
    color: #666666; background: white;
    border: 1px solid #666666;
}
input.buttonhover {
    border: 1px solid #0f243a;
	background: #0f243a;
    color: white;
    cursor: pointer;
}
#tabs p {
    margin-left: 0px;
}
.outer2 {
    width: 120px;
    text-align: center;
    display: inline;
    color: #666666;
}
.inner2 {
    width: 120px;
    display: inline;
    padding: 5px 10px 4px 10px;
    font-size: 14px;
    cursor: pointer;
    color: #666666;
}
.cellmiddle {
    text-align: center;
}
.allocationTotal {
    position: fixed;
    border: 1px solid #666666;
    width: 100%;
    bottom: 0px;
    margin-left: -1px;
    padding: 5px;
    background-color: white;
}
.allocTot {
    padding-left: 5px;
    padding-right: 30px;
    color: #666666;
    font-weight: bold;
}
.allocNum {
    color: black;
}
#allocMsg {
    color: red;
}
#allocPrev {
    visibility: hidden;
}

.generaltext {
    padding-left: 3px;
}
.pdfwindow {
    width:980px;
    padding-top: 50px;
    padding-bottom: 500px;
    border: 1px solid #666666;
    margin-left: 220px;
    font: bold 20px Verdana, Ariel, sans-serif;
    color: lightgray;
    text-align: center;
}
.pdfwindow2 {
    width:980px;
    margin-left: 220px;
}
.pdfwindow2 object {
    border: 1px solid #666666;
}
.pdfwindow3 {
    width:1250px;
    padding-top: 50px;
    padding-bottom: 500px;
    border: 1px solid #666666;
    margin-left: 10px;
    margin-bottom: 10px;
    font: bold 20px Verdana, Ariel, sans-serif;
    color: lightgray;
    text-align: center;
}
.pdfwindow4 {
    width:1250px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.pdfwindow4 object {
    border: 1px solid #666666;
}
.doclink {
    vertical-align: 60%;
    color: #666666;;
    padding-left: 5px;
    font-weight: bold;
}
.doclink2 {
/*    vertical-align: 60%;*/
    color: #666666;;
    font-weight: bold;
}
.docselect {
    vertical-align: 50%;
}

.emailwindow {
    width:900px;
    margin-left: 280px;
    border: 1px solid #666666;
    color: #666666;
}
.emailfields {
    width: 900px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.emaillabelfield {
    width: 100px;
    /*vertical-align: top;*/
}
.tbl {
    border-collapse: collapse;
    margin-left: 6px;
    color: #666666;
    margin-bottom: 15px;
}
.tbl th {
    font: bold 12px Ariel, Verdana, sans-serif;
    width: 140px;
    border: 1px solid #cbcbcb;
}
.tbl td {
    font: normal 12px Ariel, Verdana, sans-serif;
    border: 1px solid #cbcbcb;
}
.tblfield {
    border: none;
    font: normal 12px Ariel, Verdana, sans-serif;
    padding: 3px;
}
.tblfield2 {
    text-align: right;
    border: none;
    font: normal 12px Ariel, Verdana, sans-serif;
    padding: 3px;
}
.tblfield3 {
    overflow: hidden;
    border: none;
    font: normal 12px Ariel, Verdana, sans-serif;
    padding: 3px;
}
.tblfield4 {
    text-align: right;
    border: none;
    font: normal 12px Ariel, Verdana, sans-serif;
    padding: 3px;
    color: red;
}
.tblfield5 {
    text-align: right;
    border: none;
    font: normal 12px Ariel, Verdana, sans-serif;
    height: 100%;
    width: 100%;
}
.tbl td.lastrow {
    border: none;
    padding: 3px;
    text-align: center;
}
.tbl td.action {
    padding: 3px;
    text-align: center;
}
.tblhead1 {
    background-color: #666666;
    color: white;
}
.tblcoltot {
    color: #999999;
    font: bold 12px Ariel, Verdana, sans-serif;
    padding: 3px;
    text-align: right;
}

.diff {
    border-collapse: collapse;
    margin-left: 6px;
    color: #666666;
    width: 99%;
    margin-bottom: 15px;
}
.diff th {
    font: bold 12px Ariel, Verdana, sans-serif;
    width: 300px;
    border: 1px solid #cbcbcb;
}
.diff td {
    padding: 5px;
    font: normal 12px Ariel, Verdana, sans-serif;
    border: 1px solid #cbcbcb;
}

.diff tr.diffhead {
    background-color: #0f243a;
}
.diff tr.diffhead td {
    font-weight: bold;
}
.diff tr.diffsep td {
    border-bottom: 1px solid #666666;
}
.diff td a {
    color: #666666;
    font: bold 12px Ariel, Verdana, sans-serif;
}
#pdflist {
    float: left;
    width: 210px;
}
.searchbar {
    padding-left: 10px;
}
.tools {
    float: right;
    padding-right: 10px;
    padding-bottom: 10px;
}
.tools a {
    text-decoration: none;
    vertical-align: top;
    color: #8d8d8d;
}
#fileNoteDiag {
    color: #666666;
    font: normal 12px Ariel, Verdana, sans-serif;
}
#fileNoteDiag label {
    display: inline-block;
    width: 40px;
    padding: 5px;
    vertical-align: top;
}
.reportTitle {
    padding: 5px;
    color: #666666;
    font: bold 14px Ariel, Verdana, sans-serif;
}
.clientpolicy {
    background-color: #0f243a;
    color: black;
    font-weight: normal;
}
.messagebox {
    border: solid 1px #666666;
    padding: 30px;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    border-radius: 10px;
    font: normal 12px Verdana, Ariel, sans-serif;
    color: #666666;
}
.tblread {
    background-color: #eee;
    border: 1px solid #ddd;
}
.tblreadright {
    background-color: #eee;
    text-align: right;
    white-space: nowrap;
    border: 1px solid #ddd;
}
.tbledit {
    background-color: white;
    border: 1px solid #ddd;
}
.tblediterror {
    color: red;
    background-color: white;
    border: 1px solid #ddd;
}
.tblreaderror {
    color: red;
    background-color: #eee;
    text-align: right;
    white-space: nowrap;
    border: 1px solid #ddd;
}
#serverId {
    color: white;
    position:fixed;
    left:0px;
    bottom:0px;
    height:32px;
    width:100%;
    background: #5e2751;
}
.serverText1 {
    display: inline-block;
    padding-left: 20px;
    font: normal 12px Verdana, Ariel, sans-serif;
    padding-top: 9px;
}
#serverText2 {
    display: inline-block;
    width: 55%;
    text-align: right;
    /*padding-right: 10px;*/
    font: normal 9px Verdana, Ariel, sans-serif;
}

.alignColumnsLEA{
    
    width:250px;
    text-align:center;   
}

.delimiterLEA{
    
    background-color:white;
    border:1px solid white;
}

.textAlignLEA{
    
    width:500px;
    float:right;
    text-align:center;
}

.coverSelectionSupport {
   padding-top: 10px; 
   padding-left: 5px !important;
   font: bold 14px Verdana, Ariel, sans-serif !important;
   color: #666666;
}

.coverSelectionWithUncheck {
   padding-top: 10px;
   padding-left: 5px;
   font: bold 14px Verdana, Ariel, sans-serif;
   color: #666666;
}
.newquote {
    text-decoration: none;
    color: white;
    font: normal 12px Verdana, Ariel, sans-serif;
    padding-right: 20px;
}
#mainpanel p.newquotemsg {
    /*color: #5e2751;*/
    font: normal 12px Verdana, Ariel, sans-serif;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.overview {
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    background-color: #666666;
    width: 600px;
}
.overviewBox {
    width: 200px;
    text-align: center;
    display: inline-block;
    color: white;
    padding: 20px;
}
.overviewBox1 {
    width: 200px;
    text-align: center;
    display: inline-block;
    color: white;
    padding: 20px;
    border-right: 1px solid white;
}
.overviewCount {
    font: normal 28px Verdana, Ariel, sans-serif;
}
.overviewButton {
    margin-top: 15px;
}
.overviewLink {
    font: bold 10px Verdana, Ariel, sans-serif;
    color: #666666;
    text-decoration: none;
    background: white;
    border: 1px solid white;
    border-radius: 10px;
    padding: 3px 10px 3px 10px;
}
.taskTableDiv {
    font: normal 10px Verdana, Ariel, sans-serif;
    border: 1px solid #ddd;
    padding: 10px 10px 0 10px;
    width: 580px;
    border-collapse: collapse;
}
.taskTable {
    width: 570px;
    border-collapse: collapse;
}
.taskTable th {
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
}
.taskTable tr {
}
.taskTable td {
    border-top: 1px solid #ddd;
    padding: 10px;
}
.alltasksLink {
    color: #666666;
    font-weight: bold;
}
.alltasksLink a {
    color: #666666;
    font-weight: bold;
    outline: 0;
}
.accountLinks {
    padding-top: 10px;
}
.homepanelleft {
    display: inline-block;
}
.homepanelright {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
    margin-top: 10px;
}
.activity {
/*    padding-top: 15px;
    padding-bottom: 15px;*/
    color: #666666;
    border: 1px solid #ddd;
    width: 500px;
    padding-left: 10px;
    margin-bottom: 20px;
}
.activityTable {
    width: 480px;
    border-collapse: collapse;
}
.activityTable td.alltasksLink {
    width: 50px;
}
.activityTable th {
    text-align: left;
    vertical-align: top;
    padding-left: 5px;
    color: #666666;
    padding-top: 10px;
}
.activityTable tr.odd {
    border-top: 1px solid #ddd;
}
.activityTable tr.even {
    /*font: normal 10px Verdana, Ariel, sans-serif;*/
}
.activityTable td {
    /*border-top: 1px solid #ddd;*/
    font: normal 10px Verdana, Ariel, sans-serif;
    padding: 5px;
}
.activityTable td.activityStatus {
    font: normal 12px Verdana, Ariel, sans-serif;
}
.activityTable td.activityTime {
    font: normal 12px Verdana, Ariel, sans-serif;
}
.footlink {
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    top: 28%;
}
.pin {
    width: 15px;
    margin-right: 20px;
}
#pins {
    display: inline-block;
    margin: 0 auto;
    /*padding-left: 20px;*/
    position: absolute;
    top: 28%;
}
td.labelMandatory:after,
td.labelMandatory::after {
    content: "*";
    color: red;
    font-size: 14px;
    margin-left: 5px
}
.select2-container--default {
    width: 380px !important;
}
.select2-selection--multiple{
    border-radius: 0px !important;
}
.select2-selection--single{
    border-radius: 0px !important;
}

.cya_agmt {
    width: 10%;
}

.cya_met {
    width: 5%;
}

/* Declaration CSS */
.declaration_tablecell {
    text-align: center;
}

.declaration_error_tooltip {
    position: relative;
    display: inline-block;
    border: 1px solid red;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}

.declaration_error_tooltip .declaration_errortext {
    visibility: hidden;
    width: 240px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 0%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.declaration_error_tooltip .declaration_errortext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.declaration_errortext {
    visibility: hidden;
}

.declaration_error_tooltip:hover .declaration_errortext {
    visibility: visible;
    opacity: 1;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

table#validation_messages {
    border: 1px solid #cc4040;
    margin-left: 5px;
    width: auto;
}

table#validation_messages td {
    color: red;
    background: white;
    border-right: 1px solid #cc4040;
    padding: 0 3px;
}

table#validation_messages th {
    background: #cc4040;
    border: 1px solid #cc4040;
}

.version {
    top: 8px;
    position: absolute;
    right: 20px;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody td.selected_date a {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff;
}