/*
Common Styles Across All Pages
*/

body
{
    font-size:100%;
    font-family: 'arial', 'helvetica', sans-serif;
    background-color:#eaebed;
	font-size:13px;
    color:#313740;
	width:100%;
	margin:0px;
	padding:0px;
	line-height:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
}


form
{
	font-size:10px;
}

.page a:hover, form a:hover

{
	color:#e22038;
}

input[type="text"]
{
	height:22px;
}

.highlight-container.nomargin
{
    margin-bottom:0px;
}
.highlight-container
{
    width:100%;
    display:block;
}
/*.errors 
{
    display:none;
}*/

ul.table, ul.form
{
	display:table;
	margin-top:20px;
	width:100%;
}

ul.table li, ul.form li
{
	font-size:10px;
	width:100%;
}

ul.table li.title, ul.form li.title
{
    background:#1f4e91!important;
    color:#fff!important;
    line-height:28px;
    font-weight:700;
    font-size:12px;
    padding-left:10px;
}

ul.table li.separator, ul.form li.separator
{
    background-color:#979DA6!important;
    color:#fff!important;
}

input[type="textarea"]
{
    background-color:#fff;
    padding-left:10px;
    padding-top:20px;
    height:90px;
	border:0px;
	width:100%;
}

input[type="textarea"]:disabled
{
	border:0px;
}


ul.table li div, ul.form li div
{
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	border-left:1px solid #d2dce9;
	min-height:24px;
}

.simpleselect .options
{
	box-sizing: content-box;
	margin:0px;
	padding:0px;
}

ul.form li div.simpleselect
{
	min-height:22px;
}

ul.form li div.simpleselect .placeholder 
{
    min-height:22px;
}

ul.form li div.simpleselect .option
{
    min-height:21px;
}

ul.form.loan-repayment li div
{
    min-height:22px;
}
ul.form li div.select
{
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
}


ul.form li div div, ul.form.separated div, ul.form li div:first-child, ul.table li div:first-child
{
	border-left:0px;
}

ul.form li input
{
	line-height:18px;
}

/* Checkboxes and Square Radio Buttons */

input[type="checkbox"] {
    display:none;
}
input [type="submit"] {
	text-indent: -999em;
}
input[type="checkbox"] + label {
	font-size:9.0px;
}
input[type="checkbox"] + label span {

	display:inline-block;
	border:1px solid red;
    width:15px;
    height:15px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:white;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url('../Images/icons/tickblue.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#fff;
}

ul.form li div.right-aligned-checkbox
{
    padding:0px;
    background-color:#fff;
    border: 1px solid #6283b2;
}

ul.form li div.right-aligned-checkbox input[type="checkbox"] + label span 
{
    position:absolute; right:5px
}

ul.form li div.right-aligned-checkbox input[type="hidden"] + label {
	font-size:9.0px;
}
ul.form li div.right-aligned-checkbox input[type="hidden"] + label span {

	display:inline-block;
	border:1px solid red;
    width:15px;
    height:15px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:white;
    cursor:pointer;
}
ul.form li div.right-aligned-checkbox input[type="hidden"]:checked + label span {
    background:url('../Images/icons/tickblue.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#fff;
}

ul.form li div.right-aligned-checkbox input[type="hidden"] + label span 
{
    position:absolute; 
    right:5px
}

input[type="radio"] {
     display:none;
}
input[type="radio"] + label {
    font-size:9.0px;
	text-transform:uppercase;
}
input[type="radio"] + label span {
    display:inline-block;
	border:1px solid red;
    width:15px;
    height:15px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:white;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url('../Images/icons/tickblue.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#fff;
}

input[type="radio"][disabled] + label span {
    border: 1px solid #919195;
    cursor: not-allowed;
}
input[type="radio"][disabled]:checked + label span {
    background:url('../Images/icons/tickgrey.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#fff;
}

.vertical-round-radio-buttons input[type="radio"] + label span {
    display:inline-block;
    border:1px solid red;
    border-radius:10px;
    width:14px;
    height:14px;
    margin:-10px 0px 0 0;
    vertical-align:middle;
    background:white;
    cursor:pointer;
}

.vertical-round-radio-buttons input[type="radio"]:checked + label span {
      background:url('../Images/icons/bluedot.svg');
	background-repeat:no-repeat;
	background-position:2px 2px;
	background-color:#fff;
	background-size:8px 8px;
}

.vertical-round-radio-buttons label {
    width:auto!important;
    padding-left:20px;
}

/* Selection option boxes using simpleselect.js */

div.simpleselect, div.options
{
	padding:0px!important;
}
div.option, div.placeholder
{
	padding-top:0px!important;
	padding-bottom:0px!important;
}

ul.table:first-child, ul.form:first-child
{
	margin-top:0px;
}


ul.table li, ul.form li
{
	clear:both;
	position:relative;
}
ul.table li:nth-of-type(even), ul.form li:nth-child(even)
{
	background-color:#fff;
}

ul.table li:nth-of-type(odd), ul.form li:nth-child(odd)
{
	background-color: #F4F4F4;
}

ul.table li div, ul.form li div
{
	float:left;
}


ul.table.bulleted
{
	border-bottom:2px solid #1F4E91;
	margin-bottom:20px;
	width:100%;
}

ul.table.bulleted li
{
	line-height:normal;
	padding-top:5px;
	padding-bottom:5px;
	font-size:11px;
	padding-left:10px;
	list-style:square;
	list-style-position: inside;
	display:list-item;
	width:100%;
}


ul.table.bulleted li:first-child
{
	background-color:#1F4E91;
	color:#FFF;
	font-weight:700;
	list-style:none;
	padding-left:10px;
}



ul.form li div.simpleselect div
{
	float:none;
}

ul.form.separated li
{
	margin-bottom:18px;
	background:transparent;
}

ul.form.separated li:last-child
{
	margin-bottom:0px;
}


ul.table li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

ul.table li {
    display: block;
}


ul.form li{
	width:100%;
	float:left;
}

.submit input[type=submit]
{
	width:auto;
	height:auto;
	background:#fff url('../Images/icons/shareofferrightarrowblue.svg');
	background-position:right center;
	background-size: 25px 25px;
	background-repeat:no-repeat;
	text-align:left;
	float:right;
	text-transform:uppercase;
	font-size:9.0px;
	font-weight:700;
	color:#1f4e91;
	line-height:23px;
	border:0px;
	cursor: pointer;
	padding-right:30px;

}

.submit input[type=submit]:hover
{
	border:0px;
	color:#e22038;
	background:#fff url('../Images/icons/shareofferrightarrowred.svg');
	background-position:right center;
	background-size: 25px 25px;
	background-repeat:no-repeat;

}


}

/*****************Form field list **************/


ul.form.field-list
{
	list-style: none;
}

ul.form.field-list li
{
	clear:both;
	position:relative;
	background:transparent;
}

ul.form.field-list li label
{
	width:295px;
	margin-right:10px;
	line-height:28px;
	background-color:#fff;
	display:inline-block;
	color:#313740;
	font-size:11px;
	padding-left:10px;
	float:left;
}


ul.form.field-list li label.disabled
{
	color:#919195;
}
ul.form.field-list li:nth-child(even) label
{
	background-color:#f4f4f4;
}
	
ul.form.field-list li input
{
	width:559px;
	line-height:20px;
	background-color:#fff;
	display:inline-block;
	height:20px;
	margin-top:5px;
	margin-left:0px;
	float:right;
	padding-left:10px;
	font-size:10px;
	border: 0px;
	color:#1F4E91;
}

ul.form.field-list li.editable input
{
    border: 1px solid #313740;
}

ul.form.field-list li.editable input:disabled
{
	color:#919195;
}

ul.form.field-list li.error input
{
	border: 1px solid #E11F37!important;
	color: #E11F37;
}


ul.form.field-list li select, .bank-overview ul li select
{
	width:559px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	background:#fff url(../Images/icons/downarrow.png) no-repeat right;
	height:20px;
	background-size: 20px 20px;
	float:right;
	padding-left:5px;
	color:#1f4e91;
	-webkit-border-radius:0px;
	border-radius: 0px;
  	border: 1px solid #6283b2;
	margin-top:5px;
}

ul.form.field-list li select option, .bank-overview ul li select option
{
	height:20px;
	line-height:20px;
}

ul.form.field-list li select option:nth-child(even)
{
	background-color:#F4F4F4;
}
ul.form.field-list li select option:nth-child(odd)
{
	background-color:#FFF;
}

ul.form.field-list li select select *
{
	-webkit-border-radius:0px;
	background-color:#fff;
}

ul.form.field-list li select:disabled
{
	border:0px;
	color:#919195;	
}

ul.form.field-list li select:disabled option
{
	color:#919195;	
}

ul.form.field-list li input:disabled + label
{
	color:#919195;
}
ul.form.field-list li select:disabled + label
{
	color:#919195;
}

ul.form.field-list input::-webkit-input-placeholder {
	color:#1F4E91;
	padding-left:0px;
	text-align:left;
	line-height:19px!important;
	font-size:11px;
	font-weight:400;
	opacity:1.0;
}

ul.form.field-list li .simpleselect
{
	position: relative;
	width:559px;
	display:inline-block;
	line-height:20px;
	color: #1f4e91;
	font-size: 11px;
	background-color:#fff;
	margin-top:5px;
	margin-left:4px;
}



ul.form.field-list li .simpleselect .options
{
	width:559px;
}



ul.form.field-list li .simpleselect .placeholder
{
	width:559px;
	font-size:11px;
}




ul.form.field-list input:disabled::-webkit-input-placeholder {
	color:#919195;
}
ul.form.field-list input::-moz-placeholder {
	color:#1F4E91;
	padding-left:10px;
	text-align:left;
	line-height:18px!important;
	font-size:10px;
	font-weight:400;
	opacity:1.0;
}


ul.form.field-list input:disabled::-moz-placeholder { 
	color:#919195;
	padding-left:10px;
	text-align:left;
	line-height:19px!important;
	font-size:10px;
	font-weight:400;
	opacity:1.0;
}

ul.form.field-list input:disabled
{
	color:#919195;
	/*-webkit-text-fill-color:#919195;*/
	background-color:#fff!important;
}

ul.form.field-list input:-ms-input-placeholder {  
	color:#313740;
	padding-left:10px;
	text-align:left;
	line-height:19px!important;
	font-size:10px;
	font-weight:400;
	opacity:1.0;

}
ul.form.field-list input:disabled:-ms-input-placeholder {  
	padding-left:10px;
	text-align:left;
	line-height:19px!important;
	font-size:10px;
	font-weight:400;
	opacity:1.0;
	color:#919195;
}





/*************** end form field list ***********/


/*************** Control buttons ***************/


form .control-buttons
{
	width:auto;
	float:right;
	padding-top:32px;
	padding-bottom:15px;
}

.control-buttons
{
	width:auto;
	float:right;
	padding-top:32px;
}

.control-buttons a, .control-buttons input
{
	text-transform:uppercase;
	color:#313740;
	font-size:10px;
	line-height:22px;
	padding-left:25px;
	padding-right:10px;
	display:inline-block;
	width:auto;
}

.control-buttons input
{
	padding-right:0px;
}
.control-buttons a:hover, .control-buttons input:hover

{
	color:#E11F37;
}

.control-buttons input:disabled, .control-buttons input:disabled:hover
{
	color:#b4bed1;	
}

.control-buttons a.edit
{
	background:url('../Images/icons/editblue.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
}

.control-buttons a.edit:hover
{
	background:url('../Images/icons/editred.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
}

.control-buttons input.edit
{
	background:url('../Images/icons/editblue.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
    border:0px;
	outline:none;
}

.control-buttons input.edit:hover
{
	background:url('../Images/icons/editred.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
    border:0px;
	outline:none;
	cursor:auto;
}

.control-buttons input.edit:disabled:hover
{
	background:url('../Images/icons/editgrey.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
	border:0px;
	outline:none;
	cursor:auto;
}

.control-buttons input.edit:disabled
{
	background:url('../Images/icons/editgrey.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
	border:0px;
	outline:none;
}	  
	
.control-buttons input.cancel
{
	background:url('../Images/icons/deleteblue.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
    border:0px;
	outline:none;
}				  

.control-buttons input.cancel:disabled:hover
{
	background:url('../Images/icons/deletegrey.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
	border:0px;
	outline:none;
	cursor:auto;
}


.control-buttons input.cancel:disabled
{
	background:url('../Images/icons/deletegrey.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
	border:0px;
	outline:none;
}

.control-buttons input.cancel:hover
{
	background:url('../Images/icons/deletered.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
    cursor:pointer;
}				  
	
.control-buttons input.save
{
	background:url('../Images/icons/saveblue.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
	border:0px;
	outline:none;
}	
	
.control-buttons input.save:disabled
{
	background:url('../Images/icons/savegrey.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
	border:0px;
	outline:none;
}

.control-buttons input.save:disabled:hover
{
	background:url('../Images/icons/savegrey.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
	border:0px;
	outline:none;
	cursor:auto;
}

	
.control-buttons input.save:hover
{
	background:url('../Images/icons/savered.svg');
	background-position:left;
	background-size:22px 22px;
	background-repeat:no-repeat;
	cursor:pointer;
}	
	
	
/***************** end control buttons **************/


/* Paging */


.pagination-block
{
	width:auto;
	float:right;
	height:25px;
	overflow:hidden;
}

.pagination
{
	height:25px;
	width:25px;
	display:inline-block;
	padding-left:25px;
}

.pagination.left-arrow 
{
	background:#313740 url('../Images/icons/leftarrowforslidernew.svg');
	background-repeat:no-repeat;
	background-size: 6px 9px;
	background-position:50% 50%;
}

.pagination.left-arrow:hover
{
	background:#e22038 url('../Images/icons/leftarrowforslidernew.svg');
	background-repeat:no-repeat;
	background-size: 6px 9px;
	background-position:50% 50%;
}


.pagination.right-arrow
{
	background:#313740 url('../Images/icons/rightarrowforslidernew.svg');
	background-repeat:no-repeat;
	background-size: 6px 9px;
	background-position:50% 50%;
}

.pagination.right-arrow:hover
{
	background:#e22038 url('../Images/icons/rightarrowforslidernew.svg');
	background-repeat:no-repeat;
	background-size: 6px 9px;
	background-position:50% 50%;
}




ul.page-navigation
{
	display:inline-block;
	height:25px;
}

ul.page-navigation li
{
	float:left;
	height:22px;
	line-height:22px;
	font-size:11px;
}

ul.page-navigation li:first-child
{
    padding-left: 5px;
}

ul.page-navigation li:last-child
{
	padding-right: 5px;
}

ul.page-navigation li a
{

	color:#6182B1;
}
ul.page-navigation li:hover a
{
	color:#e22038;
}

ul.page-navigation li:after
{
	content:',\00a0';
}
ul.page-navigation li.separated:after
{
	content:'....\00a0';
}
ul.page-navigation li:last-child:after
{
	content:''
}

.no-margin
{
	margin:0px!important;
}
.no-bottom-margin
{
	margin-bottom:0px!important;
}

.hidden-desktop
{
	display:none;
}

.underline
{
	text-decoration:underline;
}

.red-hover:hover
{
	color:#e22038;
}
header{
}

footer{
}

ul, ol
{
    margin:0px;
    padding:0px;
	list-style:none;
}

form ul
{
	overflow:visible;
}



#lightbox p
{
	cursor:pointer;
}

.btnd:active,
.btnd:focus,
.btnd.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

button:focus {outline:0;}
input:focus {outline:0}
textarea:focus {outline:0};
select:focus
{
 outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}	
*:focus {
    outline: none;
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

p
{   
	margin-bottom:10px;
	margin-top:10px;
}

.inline-element
{
    display:inline-block;
}
a
{
	text-decoration:none;
    color: #313740;
}

.bold
{
	font-weight:700 !important;
}


h1,h2,h3,h4,h5
{
}

.uppercase
{
	text-transform:uppercase;
}
.underline
{
	text-decoration:underline;
}

/* **************** background colours **************** */
.white-background {
    background-color:#ffffff;
}

.prim-blue-background{
    background-color:#313740;
	color:#FFF;
}

.prim-blue-background1{
    background-color:#313740;
	color:#FFF;
}

.sec-blue-background1{
    background-color:#979DA6;
	color:#FFF;
}

.sec-blue-background2 {
    background-color:#eaebed;
	color:#313740;
}

.alt-blue-background1{
    background-color:#909bb2;
}

.alt-blue-background2{
    background-color:#313740;
}



.grey-background {
    background-color:#979DA6;
	color:#FFF;

}

.green-background {
    background-color:#84bd00;
    color:#FFF;
}

.orange-background {
    background-color:#f47b21;
}

.red-background {
    background-color:#e22038;
}

.background-library {
    background-color:#007377;
}

.background-filing {
    background-color:#72246c;
}

.background-media {
    background-color:#b1a57e;
}

.background-rollover {
    background-color:#ffefc9;
}

.background-zebra {
    background-color:#f4f4f4;
}


.light-grey-background
{
    background-color:#f5f5f6;
}
	

/* **************** text colours **************** */

.text-white
{
	color:#fff;
}


.text-blue{
    color:#313740;
}

.text-darkblue{
    color:#313740;
}

.text-green{
    color:#84bd00;
}

.text-orange{
    color:#f47b21;
}

.text-red{
    color:#e22038!important;
}

.text-grey{
    color:#919195;
}

.text-other1{
    color:#7a99ac;
}

/* Highlight */


/* **************** Structure **************** */

* {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;    
box-sizing: border-box;         
}


.fixed
{
	position:fixed;
}

.italic
{
	font-style:italic!important;
}

.overflow
{
	overflow:visible!important;
}

.pull-right
{
	width:auto;
	float:right;
}

.container
{
	left:0;
	right:0;
	margin:auto;
	clear:both;
	overflow:auto;
}

.outer-canvas
{
	width:1024px;
}
.main-canvas
{
	width:960px;
}	
.inner-canvas
{
	width:892px;
    overflow:visible;
}
	
.row
{
	overflow:auto;
	clear:both;
}

.column
{
	float:left;
}


/* Paragraph Styles */

	
/* Header */

.header-information-bar
{
    height:35px;
    line-height:35px;
    margin-top:40px;
    position:relative;
}

.sharetrack
{
	font-size:12px;
	color:#313740;
}

.hello
{
	font-size:10px;
	color:#e22038;
}

.last-logged-in
{
	font-size:10px;
	color:#313740;
}
	
	

.header-information-bar-left 
{
    float:left;
    width:auto;
    list-style-type: none;
    padding-left:0px;
	
}

.header-information-bar-left li 
{
    display:inline-block;
	padding-right:4px;
	margin-right:4px;
	border-right:1px solid #1e4d90;
	line-height:9px;
}

.header-information-bar-left li:last-child, .header-information-bar-right li:last-child
{
	border-right:0px;
}	


.header-information-bar-right
{
    float:right;
    width:auto;
    list-style-type: none;
}

.header-information-bar-right li
{
	display:inline-block;
	line-height:9px;
	border-right:1px solid #313740;
	min-width:20px;
}

.header-information-bar-right .logout
{
	padding-right:5px;
}

.header-information-bar-right .logout a
{
	text-decoration:underline;
	color:#313740;
	font-weight:700;
	font-size:10px;
}

.header-information-bar-right .logout a:hover
{
	text-decoration:underline;
	color:#e22038;
	font-weight:700;
}
	
	
	


.header-information-bar-right li:last-child
{
	border-right:0px;	
}


.header-information-bar-right .phone-link
{
	background:url('../Images/icons/phoneblue.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:13px 17px;
	padding:10px;
	display:inline;
}

.header-information-bar-right .phone-link:hover
{
	background:url('../Images/icons/phonered.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:13px 17px;
	padding:10px;
	display:inline;
}


a.tasks-link
{
	height:20px;
}
.header-information-bar-right .tasks-link
{
	background:url('../Images/icons/mytaskbluenodot.svg');
	background-position:49% 50%;
	background-repeat:no-repeat;
	background-size:14px 18px;
	padding:13px;
}

.header-information-bar-right .tasks-link:hover
{
	background:url('../Images/icons/mytaskred.svg');
	background-position:49% 50%;
	background-repeat:no-repeat;
	background-size:14px 18px;
	padding:13px;
}


.header-information-bar-right .tasks-link.warning
{
	background:url('../Images/icons/mytaskbluewithdot.svg');
	background-position:49% 50%;
	background-repeat:no-repeat;
	background-size:14px 18px;
	padding:13px;
}	
.header-information-bar-right .tasks-link.warning:hover
{
	background:url('../Images/icons/mytaskredwithdot.svg');
	background-position:49% 50%;
	background-repeat:no-repeat;
	background-size:14px 18px;
	padding:13px;
}	


.header-bar{
    top:0px;
    overflow:visible;
	z-index:999;
}

.main-nav-bar {
        height:76px;
		position:relative;
		overflow:visible;

    }
	
/* New logo */
/*.logo {
    background: url('../Images/logo-new.jpg')no-repeat;
    background-size:auto 100%;
	background-position: center;
	padding-left:155px;
	padding-top:45px;
	margin-top: 16px;
	cursor:pointer;

}*/

.logo {
    background: url('../Images/logo-new.png')no-repeat;
    /*background-size:130px 55px;*/
	/*background-position: ;*/
	padding-left:123px;
	padding-top:50px;
	margin-top: 18px;
    background-size:contain;
	cursor:pointer;
}

.logo-8roads {
    background: url('../Images/ERLogo.png')no-repeat;
    background-size:105px 44px;
	padding-left:200px;
	padding-top:45px;
    margin-left: 20px;
    margin-top: 31px;
	cursor:pointer;
    background-size:contain;
    height:auto;
    -ms-interpolation-mode: bicubic;  /* IE (non-standard property) */
}

.header-menu {
    float:right;
    margin:0px;
    list-style-type:none;
	padding:0px;
}

.menu-item 
{
	margin-top:0px;
	text-decoration:none;
	list-style-type:none;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	width:102px;
    height:auto;
	padding-top:32px;
    display:inline-block;
    cursor:pointer;
}


.menu-item.active, .menu-item:hover{
    background: url('../Images/icons/menuselectedbgmain.svg')no-repeat;
    background-size: 100% 100%;
    height:93px;
}

.menu-item.home
{
    background: url('../Images/icons/homemainnobg.svg')no-repeat;
    background-position:center;
	background-repeat:no-repeat;
    background-size:66px 92px;
	padding-left:69px;
	margin-top:-5px;
	height:76px;
	float:right;
	cursor:pointer;
}

.menu-item.home.active, .menu-item.home:hover
{
    background: url('../Images/icons/homemain.svg')no-repeat;
    background-position:top;
	background-repeat:no-repeat;
    background-size:70px 93px;
	padding-left:69px;
	margin-top:0px;
	height:93px;
	float:right;
	cursor:pointer;

    /*background:  linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../Images/icons/homemain.svg')no-repeat;*/
     /*-webkit-filter: brightness(0.6)contrast(3.4)hue-rotate(217deg)saturate(9.9);
  filter: brightness(0.6)contrast(3.4)hue-rotate(217deg)saturate(9.9);*/
}

.menu-item-text{
    line-height:110px;
    text-decoration:none;
    color:#ffffff;
}

.main-container{
    padding-top:150px; 
    padding-bottom:0px;
}


.header-bar-spacer
{
    padding-top:0px;
}

.header-menu-dropdown
{
    display:none;
    position:absolute;
    top:76px;
    left:0;
    height:270px;
    border-bottom:1px solid #313740;
}


.header-drop-down-list {
    height:auto;
    width:250px;
    list-style: none;
    position:absolute;
    left:0;
    top:118px;
    background:transparent;
    z-index:101;    
    opacity:0;
	cursor:text;
	padding-bottom:0px;
}

.header-drop-down-list.column-1
{
	left:0px;
}
.header-drop-down-list.column-2
{
	left:300px;
}
.header-drop-down-list.column-3
{
	left:600px;
}


.header-drop-down-list li {
    text-align:left;
    text-transform:none;
}
.header-drop-down-list li a {
    color:#313740;
    line-height:23px;
    font-size:12px;
	font-weight:400;
}

.header-drop-down-list li a:hover
{
    color:#e22038;
	font-weight:400;
}	

.header-drop-down-list li.active
{
    color:#6283b2;
	font-weight:700;
}


.header-drop-down-list li:before
{
    content: url(../Images/rightarrowblue.png);
    padding-right:7px;
}

.header-drop-down-list li.active:before
{
    content: url(../Images/rightarrowlightblue.png);
    padding-right:7px;
}

.header-close-button
{
    width:22px;
    height:22px;
    background-image:url('../Images/icons/uparrow.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:8px 7px;
	background-color:#313740;
    float:right;
    cursor:pointer;
	margin-right:45px;
	margin-top:38px;
    
}
.header-close-button:hover
{
	background-color:#E11F37;
}

.two-columns
{
    column-count:2;
    -webkit-column-count:2;
    -moz-column-count:2;

}

.page-title
{
	font-size:18px;
	line-height:21px;
	padding-top:20px;
	padding-bottom:23px;
	color:#313740;
	font-weight:700;
	padding-right:10px;
	height:64px;
    width:auto;
    float:left;
}
    
/* *** footer styles *** */


.disclaimer-text {
    margin-left:50px;
	border-left:1px solid #FFF;
	padding-left:15px;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:15px;
	margin-bottom:15px;
}


.disclaimer-text p{
	margin-top:5px;
	margin-bottom:5px;
	font-size:9px;
}


.footer-bar-outer{
    height:auto;
}


.footer
{
	position:relative;
	line-height:30px;
	height:30px;
	overflow:hidden;
}


.footer-right
{
    margin-top:0px;
    float:right;
    display:block;
	padding-top:0px;   
}

.footer-right li
{
	border-right:1px solid #fff;
	text-decoration:none;
	list-style-type:none;
	display:inline-block;
	border-right:1px solid #fff;
	padding-right:7px;
	padding-left:7px;
	line-height:9px;
	font-size:10px;
}

.footer-right li a 
{
	font-weight:400;
	text-decoration:none;
	color:#fff;
	font-size:10px;
}

.footer-right li a:hover
{
	color:#d2dce9;

}



.footer-right li:last-child, .footer-right li:last-child a
{
	border-right:0px;
	padding-right:0px;
}


.footer-left
{
    float:left;
    width:auto;
    list-style-type: none;
}

.footer-left li
{
	display:inline-block;
	border-right:1px solid #fff;
	min-width:20px;
	line-height:9px;
}

.footer-left .text-link
{
	padding-left:5px;
}

.footer-left .text-link 
{
	text-decoration:underline;
	color:#fff;
	font-size:10px;
	font-weight:700;
}

.footer-left .text-link:hover
{
	color: #d2dce9
}


.footer-left li:last-child
{
	border-right:0px;	
}


.footer-left .phone-link
{
	background:url('../Images/icons/phonewhite.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:13px 17px;
	padding:14px;
}

.footer-left .phone-link:hover
{
	background:url('../Images/icons/phonered.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:13px 17px;
	padding:14px;
}

.footer-left .tasks-link
{
	background:url('../Images/icons/mytaskwhitenodot.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:14px 19px;
	padding:13px;
}

.footer-left .tasks-link:hover
{
	background:url('../Images/icons/mytaskred.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:14px 19px;
	padding:13px;
}

.footer-left .home-link
{
	background:url('../Images/icons/homewhite.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:15px 16px;
	padding:13px;
}

.footer-left .home-link:hover
{
	background:url('../Images/icons/homered.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:15px 16px;
	padding:13px;
}


.footer-left .tasks-link.warning
{
	background:url('../Images/icons/mytaskwhitewithdot.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:14px 19px;
	padding:13px;
	
}	

.footer-left .tasks-link.warning:hover
{
	background:url('../Images/icons/mytaskredwithdot.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:14px 19px;
	padding:13px;
	
}	



/* Information tables */

.information-table li div
{
	float:left;
}


.information-table li  {
    display: inline-block;
}
.information-table li :after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.information-table li  {
    display: block;
}
    
/* Sprites */

/* controls bar */
#navlist {
    height: auto;
    width:59px;
    list-style: none;
    padding: 0;
    right:0;
    position:fixed;
	top:214px;
	z-index:999;
}

#navlist li, #navlist a {
    height: 50px;
    display: block;
    float:right;
	position:relative;
}

#navlist li:hover .tooltip
{
	display:block;
}

.tooltip
{
	position:absolute;
	top:-7px;
	left: -39px;
	width:70px;
	z-index:999;
	height:24px;
	text-align:center;
	background:url('../Images/icons/tooltipbg.svg');
	background-size:69px 23px;
	background-repeat:no-repeat;
	background-position:top;
	display:none;
	font-size:11px;
	line-height:18px;
	color:#8598b1;
	
}
/* Control buttons */
.left-arrow
{
	background:url('../Images/icons/leftarrowforslidernew.svg');
	background-repeat:no-repeat;
	background-size: 9px 10px;
	background-position:50% 50%;
}

.left-arrow:hover
{
	background:url('../Images/icons/leftarrowforsliderred.svg');
	background-repeat:no-repeat;
	background-size: 9px 10px;
	background-position:50% 50%;
}

.right-arrow
{
	background:url('../Images/icons/rightarrowforslidernew.svg');
	background-repeat:no-repeat;
	background-size: 9px 10px;
	background-position:50% 50%;
}
.right-arrow:hover
{
	background:url('../Images/icons/rightarrowforsliderred.svg');
	background-repeat:no-repeat;
	background-size: 9px 10px;
	background-position:50% 50%;
}


.pause-control.pauseUnpause
{
	background:url('../Images/icons/pauseforslidernew.svg');
	background-repeat:no-repeat;
	background-size: 6px 10px;
	background-position:50% 50%;
}	

.pause-control.pauseUnpause:hover
{
	background:url('../Images/icons/pausered.svg');
	background-repeat:no-repeat;
	background-size: 6px 10px;
	background-position:50% 50%;
}	
.pause-control
{
	background:url('../Images/icons/playforslidernew.svg');
	background-repeat:no-repeat;
	background-size: 9px 10px;
	background-position:50% 50%;
}	

.pause-control:hover
{
	background:url('../Images/icons/playforsliderred.svg');
	background-repeat:no-repeat;
	background-size: 9px 10px;
	background-position:50% 50%;
}	





/* message sprite */
.control-bar-message-sprite.action a{
    background: url('../Images/sprites/envelope-sprite.svg') no-repeat -73px 0;
	width: 49px;
	height: 49px;
	right:0;
    margin:0;
    overflow:hidden;
}

.control-bar-message-sprite.action.active a {
    background: url('../Images/sprites/envelope-sprite.svg') no-repeat 0 0;
	width: 59px;
	height: 49px;
	right:0;
    
}
.control-bar-message-sprite.action a:hover {
    background: url('../Images/sprites/envelope-sprite.svg') no-repeat 0 0;
	width: 59px;
	height: 49px;
	right:0;
    
}
.control-bar-message-sprite a{
    background: url('../Images/sprites/envelope-sprite.svg') no-repeat -200px 0;
	width: 49px;
	height: 49px;
	right:0;
    margin:0;
    overflow:hidden;
    
}
.control-bar-message-sprite a:hover, .control-bar-message-sprite.active a {
    background: url('../Images/sprites/envelope-sprite.svg') no-repeat -125px 0;
	width: 59px;
	height: 49px;
	right:0;
}


/* clipboard sprite */
.control-bar-clipboard-sprite.action a{
    background: url('../Images/sprites/clipboard-sprite.svg') no-repeat -73px 0;
	width: 49px;
	height: 49px;
	right:0;
    margin:0;
    overflow:hidden;

}


.control-bar-clipboard-sprite.action.active a {
    background: url('../Images/sprites/clipboard-sprite.svg') no-repeat 0 0;
	width: 59px;
	height: 49px;
	right:0;
}


.control-bar-clipboard-sprite.action a:hover{
    background: url('../Images/sprites/clipboard-sprite.svg') no-repeat 0 0;
	width: 59px;
	height: 49px;
	right:0;
}


.control-bar-clipboard-sprite a{
    background: url('../Images/sprites/clipboard-sprite.svg') no-repeat -200px 0;
	width: 49px;
	height: 49px;
	right:0;
    margin:0;
    overflow:hidden;

}


.control-bar-clipboard-sprite.active a{
    background: url('../Images/sprites/clipboard-sprite.svg') no-repeat -125px 0;
	width: 59px;
	height: 49px;
	right:0;

}
.control-bar-clipboard-sprite a:hover {
    background: url('../Images/sprites/clipboard-sprite.svg') no-repeat -125px 0;
	width: 59px;
	height: 49px;
	right:0;

}


/* files sprite */
.control-bar-files-sprite a{
    background: url('../Images/sprites/folders-sprite.svg') no-repeat -200px 0;
	width: 49px;
	height: 49px;
	right:0;
    margin:0;
    overflow:hidden;
}

.control-bar-files-sprite.active a {
    background: url('../Images/sprites/folders-sprite.svg') no-repeat -125px 0;
	width: 59px;
	height: 49px;
	right:0;

}


.control-bar-files-sprite a:hover {
    background: url('../Images/sprites/folders-sprite.svg') no-repeat -125px 0;
	width: 59px;
	height: 49px;
	right:0;

}

.tool-tip
{
	position:absolute;
	top:0px;
	left:-20px;
}

/* library sprite */
.control-bar-library-sprite a{
    background: url('../Images/sprites/library-sprite.svg') no-repeat -200px 0;
	width: 49px;
	height: 49px;
	right:0;
    margin:0;
    overflow:hidden;

}

.control-bar-library-sprite a:hover, .control-bar-library-sprite.active a {
    background: url('../Images/sprites/library-sprite.svg') no-repeat -125px 0;
	width: 59px;
	height: 49px;
	right:0;

}


/* play sprite */
.control-bar-play-sprite a{
    background: url('../Images/sprites/play-sprite.svg') no-repeat -200px 0;
	width: 49px;
	height: 49px;
	right:0;
    margin:0;
    overflow:hidden;

}

.control-bar-play-sprite a:hover, .control-bar-play-sprite.action a{
    background: url('../Images/sprites/play-sprite.svg') no-repeat -125px 0;
	width: 59px;
	height: 49px;
	right:0;

}


@media only screen and (max-width:1023px)
{
	.main-content {display: none}
	.hidden-desktop {display:block;}
	footer {display:none}
}

/* iPad Landscape */
@media screen and (max-device-width: 1024px) and (orientation:landscape) {
	.main-content {display: block}
	.hidden-desktop {display:none;}
	footer {display:block}
/*	.outercanvas {width:980px;} */
}

@media only screen 
and (max-width : 640px)
{

.hidden-desktop
{
	display:block
}

.header-menu
{
	display:none;
}
	
.outer-canvas
{
	width:100%;
}
.main-canvas
{
	width:100%;

}	
.inner-canvas
{
	width:100%;
	padding-left:10%;
	padding-right:10%;
}

	
}

.redemption .dividend-redemption-request-simple-select {
    padding:0px; 
    width:155px;
}

.redemption .dividend-redemption-request-simple-select .simpleselect .placeholder {
    width:155px;
}

.redemption .dividend-redemption-request-simple-select .simpleselect .options {
    width:155px;
}

.redemption .dividend-redemption-request-simple-select .simpleselect .option {
    width:155px;
}

.redemption ul li .dividend-redemption-request-simple-select .simpleselect,  .redemption ul li div .dividend-redemption-request-simple-select .simpleselect {
	width:155px;
    margin: 0px;
}