﻿.borderedcol 
{ 
    border-right: #ffffff 1px solid; 
    border-top: #ffffff 1px solid; 
    border-left: #ffffff 1px solid; 
    border-bottom: #ffffff 1px solid 
}
.borderedcell 
{ 
    border-right: #a3aacb 1px solid;
    border-top: #a3aacb 1px solid; 
    border-left: #a3aacb 1px solid; 
    border-bottom: #a3aacb 1px solid 
}
.thickgreyborderedcol 
{ 
    background-color: #E8E6F4; 
    border-right: #bfbfbf 2px solid; 
    border-TOP: #bfbfbf 2px solid; 
    border-left: #bfbfbf 2px solid; 
    border-bottom: #bfbfbf 2px solid 
}
.thingreyborderedcol 
{ 
    background-color: #E8E6F4; 
    border-right: #bfbfbf 1px solid; 
    border-top: #bfbfbf 1px solid; 
    border-left: #bfbfbf 1px solid; 
    border-bottom: #bfbfbf 1px solid 
}
.thinwhiteborderedcol 
{ 
    border-right: #ffffff 1px solid; 
    border-top: #ffffff 1px solid; 
    border-left: #ffffff 1px solid; 
    border-bottom: #ffffff 1px solid 
}
.thindarkgreyborderedcol 
{ 
    border-right: #888888 1px solid; 
    border-top: #888888 1px solid; 
    border-left: #888888 1px solid; 
    border-bottom: #888888 1px solid 
}
.thingreyhorizontalborderedcol 
{ 
    border-top: #bfbfbf 1px solid; 
    border-bottom: #bfbfbf 1px solid 
}
.submenu 
{ 
    border-right: #c2cfdf 3px solid; 
    border-top: #c2cfdf 1px solid; 
    border-left: #c2cfdf 1px solid; 
    border-bottom: #c2cfdf 1px solid; 
    background-color: #dddeed 
}
.submenuB 
{ 
    border-right: #c2cfdf 3px solid; 
    border-top: #c2cfdf 1px solid; 
    border-left: #c2cfdf 1px solid; 
    border-bottom: #c2cfdf 1px solid 
}
.blueborderedcol 
{ 
    border-right: #c2cfdf 1px solid; 
    border-top: #c2cfdf 1px solid; 
    border-left: #c2cfdf 1px solid; 
    border-bottom: #c2cfdf 1px solid 
}
.chartBorder
{
    border-right: #999999 3px solid; 
    border-top: #999999 3px solid; 
    border-left: #999999 3px solid; 
    border-bottom: #999999 3px solid
}
.mainmenutext
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
    font-weight: normal;
    text-transform: none;
}
.linksbox 
{
    font-size: 11px;
    color: #163161;
    font-family: Arial, Helvetica, sans-serif;
}
.SubContentHead
{
    background-color: #EAE8DC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 20px
}

.MediumGreyDisplayFont
{
    color: #696969;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.MediumDisplayFont
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.GreyTextLink
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
}

.SubMenuText
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 19px
}

.SubMenuHead
{
    color: #696969;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 19px;
}

.ecbody {
    background-color: #FFFFFF;
}

.ecbody1
{
    background-image: url('images/Templecolor.jpg')
}

.ecdropdown
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    border: solid 1px #000000;
}

.ecdropdown-cont
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
    border: solid 1px #000000;
}

.ecdropdown-maxlenght
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
    border: solid 1px #000000;
	max-width:700px;
}

.ecdropdown-cont-small
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    border: solid 1px #000000;
}

.eclistbox
{
    background-color: #FFFFFF;
}
.LabelForm
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color:Red;
}
.ectextbox-contnoborder
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom:solid 1px #000000;
    border-top: solid 1px #FFFFFF;
    border-left:solid 1px #FFFFFF;
}

.ectextbox
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    border: solid 1px #000000;
}

.ectextbox-cont
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
    border: solid 1px #000000;
}

.ectextbox-cont-errorShowing
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
    border-color:red;
    border-width:thick;
}

.eclabel-cont
{
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

.ecbutton-round1
{
	-moz-border-radius:15px;
	-webkit-border-radius:15px; 
	border-radius:15px; 
	background-color:#E8E6F4;
	border:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:black; 
	text-align:left;
	padding-left: 7px;
	width:600px; 
	height:100px;
	outline:none;
}

.ecbutton-round1:hover
{
	-moz-border-radius:15px;
	-webkit-border-radius:15px; 
	border-radius:15px; 
	background-color:#665AB4; 
	border:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white; 
	text-align:left;
	padding-left: 7px;
	width:600px; 
	height:100px;
	outline:none;
}

.ecbuttonround1Static
{
	-moz-border-radius:15px;
	-webkit-border-radius:15px; 
	border-radius:15px; 
	background-color:#665AB4; 
	border:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white; 
	text-align:left;
	padding-left: 7px;
	width:600px; 
	height:100px;
	outline:none;
}

.ecbutton
{
    background: -webkit-linear-gradient(#D3D3D3,#BEB8E0);  
    background: -moz-linear-gradient(#D3D3D3,#BEB8E0);  
    background: -o-linear-gradient(#D3D3D3,#BEB8E0);  
    background: linear-gradient(#D3D3D3,#BEB8E0);  

    -webkit-transition: background 0.5s ease-in; 
    -moz-transition: background 0.5s ease-in; 
    -o-transition: background 0.5s ease-in;  
    transition: background 0.5s ease-in; 

    background-size:1px 200px;  
    border-radius: 3px;  
    border: 1px solid #7D71C1;  
    cursor:pointer;  
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
    height: 20px;  
}

.ecbutton:hover
{
	background-position:100px; 
    border: 1px solid #000000;  
    -webkit-transition: background 0.5s ease-in; 
    -moz-transition: background 0.5s ease-in; 
    -o-transition: background 0.5s ease-in;  
    transition: background 0.5s ease-in; 

}

.ecbutton:focus
{
	background-position:100px; 
    border: 1px solid #000000;  
    -webkit-transition: background 0.5s ease-in; 
    -moz-transition: background 0.5s ease-in; 
    -o-transition: background 0.5s ease-in;  
    transition: background 0.5s ease-in; 
}

.ecbutton-cont
{
    background: -webkit-linear-gradient(#D3D3D3,#BEB8E0);  
    background: -moz-linear-gradient(#D3D3D3,#BEB8E0);  
    background: -o-linear-gradient(#D3D3D3,#BEB8E0);  
    background: linear-gradient(#D3D3D3,#BEB8E0);  

    -webkit-transition: background 0.5s ease-in; 
    -moz-transition: background 0.5s ease-in; 
    -o-transition: background 0.5s ease-in;  
    transition: background 0.5s ease-in; 

    background-size:1px 200px;  
    border-radius: 4px;  
    border: 1px solid #D3D3D3;  
    cursor:pointer;  
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
    height: 25px;  
}

.ecbutton-cont:hover
{
	background-position:100px; 
    border: 1px solid #000000;  
    -webkit-transition: background 0.5s ease-in; 
    -moz-transition: background 0.5s ease-in; 
    -o-transition: background 0.5s ease-in;  
    transition: background 0.5s ease-in; 

}

.ecbutton-cont:focus
{
	background-position:100px; 
    border: 1px solid #000000;  
    -webkit-transition: background 0.5s ease-in; 
    -moz-transition: background 0.5s ease-in; 
    -o-transition: background 0.5s ease-in;  
    transition: background 0.5s ease-in; 
}

.eclinkbutton
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.eclinkbutton-cont {
    background-color: #ffffff; 
    color: #665AB4; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:25px;
}

.eclinkbutton-cont {
    background-color: #ffffff; 
    color: #665AB4; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:25px;
}

.eclinkbutton-cont {
    background-color: #ffffff; 
    color: #665AB4; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:25px;
}

.eclinkbutton-cont {
    background-color: #ffffff; 
    color: #665AB4; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:25px;
}

.ecsuccesslabel
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:Red;
    visibility:hidden;
}

.ecfaillabel
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:Red;
    visibility:hidden;
}

.ecmultilinetextbox
{
    background-color: #FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    height:72px;
    margin-left: 0px;
    border: solid 1px #000000;
}

.ecreadonlymultilinetextbox
{
    background-color: #d5d5dc;
    font-family:Arial;
    height:50px;
    border-style:none;
    border-width:0px;
    font-family:Arial;
    overflow:visible;
    white-space:pre-wrap;
}

.ecpagename
{
    color: black;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.etitle-Cont
{
    color: black;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

.ecthinline
{
	border-right: medium none; 
	border-top: #665AB4 2px solid; 
	border-left: medium none; 
	border-bottom: medium none; 
    height: 2px;
}

.verythinline
{
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	border-bottom: #665AB4 1px solid; 
    height: 1px;
}

.verythickline
{
	border-right: medium none; 
	border-top: #a3aacb 1px solid; 
	border-left: medium none; 
	border-bottom: medium none; 
    height: 1px;
}

.ecthickline
{
	border-right: medium none; 
	border-top: #665AB4 4px solid; 
	border-left: medium none; 
	border-bottom: medium none; 
    height: 4px;
	width: 100%;
	text-align:left;
}

.ecthicklinewhite
{
	border-right: medium none; 
	border-top: #FFFFFF 2px solid; 
	border-left: medium none; 
	border-bottom: medium none; 
    height: 2px;
}

.eccalendar
{
    display:inline;
    vertical-align:top;
    border-style: none;
    border-width: 0px;
    background-color: #FFFFFF;
}

.eccentredtable
{ 
    margin-left:0px;
    margin-right:auto;
    margin-bottom:0px;    
	width: 760px;
}

.eccheckboxlist
{
    background-color: #e1dcc8;
}

.contentfonts
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.tabledata-cont
{
	margin-left: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

.tabledata-cont-nospace
{
	margin: 0px;
	padding:0px;
	border-collapse:collapse;
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

.tabledata-cont-small
{
	margin-left: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.tabledata-header-medium
{
	margin-left: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	color: #000000;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

.tabledata-one-simple
{
    text-align:left;
    vertical-align:top;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
}

.ResourcesTitle1 {
    text-align: left;
    vertical-align: top;
    background-color: darkblue;
    font-size: 15px;
    font-weight:bold;
}

.tabledata-one
{
    text-align:left;
    background-color: #ffffff;
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
}

.tableborders
{
    text-align:left;
    background-color: #ffffff;
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    border:solid 2px #000000;
}

.tabledata-one-small
{
    text-align:left;
    background-color: #ffffff;
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
}

.tabledata-funds
{
    text-align:left;
    background-color: #ffffff;
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
}

.table-row-content-funds
{
    text-align:left;
    background-color: #ffffff;
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
}

.tabledata-one-withborder
{
    text-align:left;
    background-color: #ffffff;
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    border:solid 1px #000000;
}

.tabledata-one-header-blank-border
{
    background-color: #ffffff; 
    color: #000000; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border:solid 1px #000000;
}

.tabledata-one-header-blank
{
    background-color: #ffffff; 
    color: #000000; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.cell-border_bottomleft
{
    border-bottom:thin solid;
    border-left:thin solid;
    border-color:#000000;
}

.cell-border_left
{
    border-left:thin solid;
    border-color:#000000;
}

.shortCutTitle
{
    background-color: #ffffff; 
    color: #665AB4; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight: bold;
}

.shortCutBlankRow
{
    background-color: #ffffff; 
    color: #ffffff; 
}

.shortCutContent
{
    background-color: #ffffff; 
    color: #665AB4; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
}

.menupagelinks
{
    color: #665AB4;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:15px;
}

.window-header
{
    background-color: #EAE8DC; 
    color: #665AB4;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.tabledata-one-header
{
    background-color: #E8E6F4; 
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.tabledata-one-header-thin
{
    background-color: #E8E6F4; 
    color: #000000;
	font-weight: bold;
}

.tabledata-one-row-small
{
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
    background-color: #ffffff;
}

.tabledata-one-row
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}

.tabledata-one-row-alternate {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #EAE8DC;
}

.tabledata-one-info-blank
{
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
}

.table-row-header-fund
{
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
}

.tabledata-one-info
{
    background-color: #E8E6F4;
    color: #000000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
}

.padding7
{
	padding-left: 7px;
}


.logintextbox
{
	-moz-border-radius:10px;
	-webkit-border-radius:10px; 
	border-radius:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:medium;
	padding-left: 7px;
	outline:none;
}

.loginbtn
{
    background: -webkit-linear-gradient(#665AB4,#BEB8E0);  
    background: -moz-linear-gradient(#665AB4,#BEB8E0);  
    background: -o-linear-gradient(#665AB4,#BEB8E0);  
    background: linear-gradient(#665AB4,#BEB8E0);  

    -webkit-transition: background 0.5s ease-in; 
    -moz-transition: background 0.5s ease-in; 
    -o-transition: background 0.5s ease-in;  
    transition: background 0.5s ease-in; 

    background-size:1px 200px;  
    border-radius: 15px;  
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    color:White;
    border: none;  
    cursor:pointer;  
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	text-align:center;
	padding-left: 7px;
	width:180px; 
	height:40px;
	outline:none;
}

.loginbtn:hover
{
	background-position:100px; 
    -webkit-transition: background 0.3s ease-in; 
    -moz-transition: background 0.3s ease-in; 
    -o-transition: background 0.3s ease-in;  
    transition: background 0.3s ease-in; 
}

.loginbtn:focus
{
	background-position:100px; 
    -webkit-transition: background 0.5s ease-in; 
    -moz-transition: background 0.5s ease-in; 
    -o-transition: background 0.5s ease-in;  
    transition: background 0.5s ease-in; 
}

.tabledata-alert
{
    color: #ce0000;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
}

.tabledata-alert-non-bold
{
    color: #ce0000;
    font-family:Arial, Helvetica, sans-serif;
}
.hideColumn
{
	display: none;
}

xxcircle {
    fill:#007BFF
}

xxcircle:hover {
    fill: #00B2FF
}
.ecreadonlytextbox {
    background-color: #d5d5dc;
    font-family: Arial;
    border-style: none;
    border-width: 0px;
    font-family: Arial;
    overflow: visible;
    white-space: pre-wrap;
}

negativemoney {
    color: red;
}

.TwoColourToggleSwitch {
    appearance: none;
    padding: 12px 26px;
    border-radius: 16px;
    background: silver;
    background: -moz-radial-gradient(circle 8px, white 100%, transparent calc(100% + 4px)) silver -16px;
    background: -webkit-radial-gradient(circle 8px, white 100%, transparent calc(100% + 4px)) silver -16px;
    background: radial-gradient(circle 8px, white 100%, transparent calc(100% + 4px)) silver -16px;
    transition: 0.1s ease-in-out;
}

.TwoColourToggleSwitch:checked {
    background-color:limegreen;
    background-position: 16px;
}

.SingleColourToggleSwitch {
    appearance: none;
    padding: 12px 26px;
    border-radius: 16px;
    background: silver;
    background: -moz-radial-gradient(circle 8px, white 100%, transparent calc(100% + 4px)) silver -16px;
    background: -webkit-radial-gradient(circle 8px, white 100%, transparent calc(100% + 4px)) silver -16px;
    background: radial-gradient(circle 8px, white 100%, transparent calc(100% + 4px)) silver -16px;
    transition: 0.1s ease-in-out;
}

.SingleColourToggleSwitch:checked {
    background-color: silver;
    background-position: 16px;
}

.RowColouredTableMainRow {
    background-color: #ffffff;
}
.RowColouredTableMainRow:hover {
    background-color: #F4E6E6;
    cursor: pointer;
}
.RowColouredTableAlternateRow {
    background-color: #EAE8DC;
}
.RowColouredTableAlternateRow:hover {
    background-color: #F4E6E6;
    cursor: pointer;
}

@keyframes FadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under to indicate existence of tool-tip text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: #EAE8DC;
    color: black;
    text-align: left;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 65px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #EAE8DC transparent transparent transparent;
}

/* Show the tool-tip text when you mouse over the tool-tip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
