:root {
    --medium-width: 40.6875em;
    --large-width: 50.0625em;
}

@charset "utf-8";
/* CSS Document */

/* RESET */
img {
    max-width: 100%;
}

a, a:active, a:hover, a:visited {/* Added by JAF */
    color:black;
}
a:hover {/* Added by JAF */
    color:#293593;
    /*font-weight:bold; bold distorts tables*/
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	/*margin: 0;*/
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
strong {
    font-weight:bold;
}
em {
    font-style:italic;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* LAYOUT */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	overflow-y: scroll;
}
a {
	font-family: Arial, Helvetica, sans-serif;
}

#container {width: inherit; margin: 0 auto; max-width:960px; background-color:rgb(61,133,198);}

#logo {margin:0px auto; max-width:960px; text-align: center;}

.header {background-color: #ffffff; height: 69px;}
.header-welcome p {font-size:20px; color:rgb(61,133,198); padding:10px;}

@media only screen and (min-width:40.6875em), print {
    #container {background-color: #ffffff; width:675px;}
    .header {background-image: url(../images/footprint.png); background-repeat: no-repeat; background-position: 440px 0px; margin-right:0px; margin-top:10px; background-color: #ffffff; height:115px; background-color:inherit;}
    .header p { text-align:right; font-size:1em; color:#000000; margin:0; }
    .header-welcome p { padding-right:10px;}
    .header-logout p {padding-right:10px;}
    #logo {margin:46px 0 0 0; float:left; height:69px;}
}

@media only screen and (min-width: 50.0625em) {
    #container {width:960px;}
    .header {background-position:637px 0px;}
}

#byline {
	margin-top: 14px;
	float: left;
	clear: both;
}
/*#menu {height:74px; float:left; width:100%}*/
#menu ul {list-style-type: none; background-color:rgb(61,133,198); height: 66px; max-width: 960px; margin: 2px auto;}
#menu ul li { float: left; display: block; float: left;	text-align: center; width: 16%; /* divide 100% by number of menu items */ padding: 10px 0;}
#menu ul li a { text-decoration: none; font-size: 0.9em; color: #ffffff; line-height: 20px; font-weight: bold; display:block; height:46px;}

#menu ul li p {margin:0; color:#ffffff; font-weight:normal; font-size:12px;}

#menu ul li.hamburger:hover { background-color:inherit !important; }
#menu ul li.hamburger img { height:35px; }
#menu ul li:hover { background-color: #dddddd /*#F06*/;}
#menu ul li:hover a { color: #000; /* Requested by MC */ }
#menu ul li.active { background-color: #13baff; }
#menu ul li.active a { color: #000; /* Requested by MC */}
#menu ul li svg { stroke: #ffffff; fill: #ffffff;}
#menu ul li.active svg { stroke: #ffffff; fill: #ffffff;}
#menu svg { stroke: black; fill: black;}

.popup-menu { color: #ffffff; width:147px; border:#000000; border-width:1px; border-style:solid; border-color:#ffffff; position:absolute; background-color:rgb(61,133,198); padding-bottom: 10px; border-radius:10px;}
.popup-menu li { height:40px; }
.popup-menu.hamburger { margin-left: 17px; z-index:2;}
.popup-menu.ideas { margin-left: 44%; }
.popup-menu img {height:35px; padding-left:6px;}
.popup-menu a {color:#ffffff; text-decoration:none;}
.popup-menu span.menu-item-text {line-height:34px; padding-left:8px; vertical-align:bottom; font-size:14px;}

@media only screen and (min-width: 40.6875em), print {
    #menu {height: 80px;}

    #menu ul {height: 80px; background-color:#000000}
    #menu ul li {width:12.5%; /* divide 100% by number of menu items */ padding:20px 0 0 0;}
    #menu ul li a {height:60px; text-transform: uppercase;}
    #menu ul li p {margin-bottom:0.75em;}
}

#sidebar {
	float: left;
	width: 162px;
	margin-right: -162px;
	position: relative;
	padding-top:21px;
	background-color:#dddddd;
}
#sidebar ul {
	list-style-type: none;
}
#sidebar ul li {
	display: block;
	text-align: left;
}
#sidebar ul li a {
	text-decoration: none;
	font-size: 0.9em;
	color: #000;
	text-transform: uppercase;
	line-height: 44px;
	font-weight: bold;
	display:block;
	height:44px;
	padding-left:39px;
}
#sidebar ul li:hover {
	background-color: #ffffff /*#F06*/;
}
#sidebar ul li.active {
	background-color: #13baff;
}
#content { margin:0 auto; min-height:500px;}
.onecolumn {width:inherit;}

@media only screen and (min-width: 40.6875em), print {

    #content {float:left; margin:0 0 20px 0; min-height:0px; width:100%;}
    #text {padding-left:20px;}
    .onecolumn {max-width:690px;}
    .twocolumn { max-width:512px; border-left: 163px solid #dddddd;}
}

@media only screen and (min-width: 50.0625em) {
    .onecolumn {max-width:960px;}
    .twocolumn {max-width:745px;}
}

#footer {
	/*margin:0px 74px 20px 74px; Original */
	margin:0 2em 1em 2em;
    /*width: 295px;*/
}
#footertable {
	margin:0px 0px 0px 0px;
}

#footermenu {
    display: none
}

#footermenu, #footermenu a {
	color: #676767;
	text-decoration: none;
}
#footermenu {
	margin-bottom: 23px;
}
#footermenu a.active {
	color: #292929;
}
#footermenu a:hover {
	color: #000 /*#F06*/;
	font-weight:bold;
	text-decoration: underline;
}
#copyright {
	color: #9d9d9d;
}
h1 {
	color: #293593;
	font-size: 2em;
	font-weight: bold;
	line-height: 36px;
    margin-bottom:10px;
}
h2 {
	color:#7a7a7a;
	font-size: 1.5em;
	line-height: 24px;
	margin-bottom: 5px;
}
h3 {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	font-weight:bold;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-top:0;
	margin-bottom: 0.75em; /* Changed by JAF from 1.5 to 0.75 */
}
@media only screen and (min-width: 40.6875em), print {
    p {
        margin-top:0.75em; /* Added by JAF */
	    margin-bottom: 0.75em; /* Changed by JAF from 1.5 to 0.75 */
    }
}
td.dateDisplay {
    width:64px;
    text-align:center;
}
td.centreDisplay {
    text-align:center;
}
table {
	width:100%;
	border-top:1px solid #bbbbbb;
	border-right:1px solid #dddddd;
	margin:0 0 2em 0;
	border-collapse:collapse;
}
td {
	color:#000000;
	/*border-bottom:1px solid #dddddd;*/
	border-left:1px solid #dddddd;
	padding:.3em 1em;
	text-align:left;
	padding:10px;
}
th {
	/*padding:.3em 1em;*/
	padding:10px;
	text-align:left;
	font-weight: normal;
}
tr.AlternatingRows:nth-child(even) {
    background-color: #f8f8f8;
}
.column1 {
	background:#ffffff;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	color:#000;
	font-weight: bold;
}
thead th {
	background:#dddddd;
	text-align:left;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	border-bottom:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
}
.headend {
	border-right:1px solid #bbbbbb;
}
div#text li {margin-top:0.4em; margin-bottom:0.4em; color:#ffffff; text-align:justify;}

@media only screen and (min-width: 40.6875em), print {
    div#text li {color:#000000; text-align:left; line-height:1.5em;}
    div#text ul li {list-style-image:url(../images/bullet.png);}
}

/* data grids start */
table.dataGrid {width:98% !important; margin:auto !important; border:none !important;}
.dataGrid td {display:block;}

.dataGridHeader {display:none;}
tr.dataGridItem, tr.dataGridAltItem {text-align:left; font-size:14px; /*background-color: #ffffff;*/ display:table-row; width:100%; line-height:14px;}
.dataGridCellCentreAlign {text-align:center;}

.dataGrid td { border-radius:10px; border:none; border-bottom:3px solid rgb(61,133,198); background-color: #ffffff;}
.dataGrid td.link-cell {background-color: #0b5394; color: white; width: 18%; border-radius: 10px; padding: 30px 5px; text-align: center; vertical-align:middle; margin:1px; display:table-cell;}
.dataGrid td.link-cell a {color:#ffffff;text-decoration:underline; }
.dataGrid td.link-cell span.stock-code {font-weight:bold; font-size:16px;}
.dataGrid td.link-cell span.doc-type {font-size:12px;}
.dataGrid td.comment p {margin:0px; color:#000000/*#0b5394*/; line-height:16px;}
a.doc-link-small { font-size:12px;}

@media only screen and (min-width: 40.6875em), print {
    .gridFilter td {display:table-cell;}

    table.dataGrid {width:100% !important; margin:0 !important;}
    .dataGridHeader { display:table-row; background-color: #dddddd; text-align: left; color: #000; font-size: 13px; font-weight: bold; line-height: 20px; border-bottom: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; vertical-align: middle; height:40px;}

    tr.dataGridItem, tr.dataGridAltItem {text-align:center; font-size:13px; display:table-row; line-height:13px;}
    tr.dataGridAltItem {background-color: #f8f8f8;}
    .dataGridItem .small-width, .dataGridAltItem .small-width {width:15%;}
    .dataGridItem .medium-width, .dataGridAltItem .medium-width, .dataGridHeader .medium-width {width:20%;}
    .dataGridHeader td {border-color:#bbbbbb;}
    .dataGrid td {display:table-cell; text-align:center; vertical-align:middle; border-radius:0px; border-bottom:none; background-color:inherit;}
    .dataGrid td.hide-for-small-only {display:table-cell !important; min-width:62px;}
    .dataGrid td.link-cell {background-color: inherit; color: #000000; width:120px; padding:0;}
    .dataGrid td.link-cell a {color:#000000; text-decoration:underline; color:#3366FF; padding:0 0 0 10px; display:table-cell;}
    .dataGrid td.comment {width:500px;}
    .doc-link { color:#3366FF; text-decoration:underline; cursor:pointer;}
}

/* data grids end */

/* standard page start */
.page-cont {min-height:500px; font-size:16px; clear:both; display:block;}
.page-cont h1, .page-cont h2, .page-cont p {color:#ffffff; margin-left:16px;}
.page-cont a {color:#ffffff; text-decoration:none}
.page-cont .btn {width: 128px; color:#ffffff; background-color: #0b5394; float: right; padding: 17px; text-align: center; margin: 20px 30px 0 0; border:0; border-radius:10px; }
.page-cont table {width:98%; margin:0 0 0 12px;}
.page-cont table th {color:#ffffff; background-color:#0b5394; text-align:center; font-size:14px;}
.page-cont table td {color:#000000 /*#0b5394*/; background-color:#ffffff; }
.dataGrid td.left-cell { border-radius: 10px 0 0 10px;}
.dataGrid td.right-cell { border-radius: 0 10px 10px 0;}
@media only screen and (min-width: 40.6875em), print {
    .page-cont {font-size:inherit;}
    .page-cont h1, .page-cont h2, .page-cont p {color:inherit; margin-left:0;}
    .page-cont a {color:inherit; text-decoration:underline;}
    .page-cont table {width:100%; margin:0 0 2em 0;}
    .page-cont table th {color:inherit; background-color:#dddddd; text-align:inherit; font-size:inherit;}
    .page-cont table td {color:inherit; background-color:inherit;}

    .dataGrid td.left-cell, .dataGrid td.right-cell { border-radius: 0;}

    input[type="submit"].btn { border:none; padding:4px 10px; color:gray; background-color:ButtonFace; border-radius: 0; float:none; }
    input[type="submit"].btn:hover { cursor: pointer; font-weight: bold;}
}
/* standard page end */

/* stock selector start */
.stock-selector-cont {position:relative;}
.stock-selector-cont input {width:94px; position:absolute; right:5px; top:91px; border-style:solid; border-width:1px; border-color:gray; border-radius:5px; padding:5px; }
.stock-selector-cont input { background-image: url(/images/stockSearchIcon.svg) !important;
    background-size: 20px 20px; background-position: 79px center; background-repeat: no-repeat; background-color: rgb(238,238,238); line-height:20px;}
/*.stock-selector-cont p {line-height:10px;}*/
#stocksPopup ul { margin:0px; padding:0px; list-style:none; }
#stocksPopup li { margin:0px; padding-left:1px; white-space:nowrap; cursor:default; line-height:22px; }
#stocksPopup li:hover { background-color:white; }
.stock-popup { width:145px;position:absolute;border:solid 1px black;background:#eee;height:8em;overflow-x:hidden;overflow-y:auto;}
/* stock selector end */

/* live page start */
.date-selection-control {margin-left:5px; width:80px;}
.btn-filter {margin-top:10px;}

.gridFilter table {width:100%; border:0px; margin:0; background-color:#dddddd;}
.gridFilter td {display:block;}
.dataGridItem.comment {width:72%;}
.dataGridItem.comment p {line-height:14px;}
.dataGridItem span.date, .dataGridAltItem span.date {font-size:12px; line-height:30px;}
.live-stocks-cont .dataGrid td.link-cell {padding: 30px 10px; }

@media only screen and (min-width: 40.6875em), print {
    .gridFilter td {display:table-cell;}
    .live-stocks-cont .dataGrid td {padding:10px; border:1px solid #dddddd;}
    .live-stocks-cont .dataGridHeader td {border-bottom-color:#bbbbbb; border-left-color:#bbbbbb;}
    .gridFilter tr {border-bottom:1px solid #bbbbbb; border-left:1px solid #bbbbbb;}
}
/* live page end */

/* stock page start */

.no-stock-selected {color:#ffffff; text-align:center; padding-top:70px;}

.select-stock-cont {background-color:#ddd; font-weight:bold; height:42px;}
.select-stock-cont p {line-height:37px; margin-top:0px;}
.select-stock-cont .stock-name {margin-left:237px;}
.select-stock-cont .stock-description {margin-left:10px;}
/*.stock-selector-cont input {width:94px; position:absolute; top:76px; left:66%; border-style:solid; border-width:1px; border-color:gray; border-radius:5px; padding:5px; }*/
.centerAlign { text-align:center; }
.leftAlign { text-align:left; }
td.leftAlign { text-align:left; }
.headerLineHeight { line-height:20px; }

.stock-disclosure-cont {padding:1px 10px; font-weight:bold;}
.stock-status-cont {padding:1px 10px; text-align:left;} 
/*.stock-name-cont {width:96%; margin-top:20px;}*/
.stock-name-cont table {border:0; width:98%; margin:auto;}
.stock-name-cont td {border:0;}
.stock-name-cont .stock-name {width:40%;}
.stock-name-cont td.model-link-cont { background-color:rgb(61,133,198); text-align: center; border:0;}
.stock-name-cont .model-link {color:#ffffff; background-color:#0b5394; font-size: 14px; text-decoration:underline; display:table-cell; padding: 20px 10px; border-radius: 10px;}
.stock-screening-cont {margin:10px auto 0 auto; width:98%;}
.stock-screening-cont .header-row {font-weight:bold; background:#dddddd; font-size:12px; line-height:20px; border-bottom:1px solid #bbbbbb;border-left:1px solid #bbbbbb; }
.stock-screening-cont .header-row td {background-color:transparent !important;}
.stock-screening-cont table {margin:auto; width:100%; border:none;}
.stock-screening-cont .header-row {display:none;}
.stock-screening-cont td, .stock-name-cont td {background-color:white; color:#3d85c6; font-size:14px; /*padding:10px 2px 10px 8px;*/ vertical-align:middle; border-bottom:none;}
.stock-name-cont td.column1 {width:97px;}
.stock-screening-cont .screening-title {font-weight:bold; font-size:12px; width:75%; }
.stock-screening-cont td.show-for-small-only {display:table-cell !important;}
.stock-screening-cont .screening-value {font-weight:normal; text-align:center; font-size:14px; padding:1px;}
#screeningHdr td {display:none; text-align:center; font-weight:bold; background:#dddddd; color:#000; font-size:12px; line-height:20px; border-bottom:1px solid #bbbbbb;border-left:1px solid #bbbbbb;}
.stock-disclosure-cont, .stock-status-cont {display:none;}
.screening-date {display:table-cell !important; text-align:left !important; width:60%;}
table.stock-research-list {width:95%; margin: auto;}
.stock-research-list td {font-size:14px; line-height:18px; border-bottom:1px solid #dddddd; width:80%;}
.stock-research-list .stock-research-col {width:25%; text-align:left;}
.stock-research-list .stock-research-comment {text-align:left;}
#stock-screening-risk, #stock-screening-reward {float:left; width:50%;}
/*#stock-screening-risk table td {border:none;}*/
/*#stock-screening-risk, .stock-name-cont {margin-left:12px;}*/

.stock-research-cont {clear:both; padding-top:10px;}
.stock-research-cont .section-title { color:#ffffff; font-size: 20px; margin: 0 0 0 11px;}
/*.stock-research-cont td.research-link {background-color: #0b5394; color: white; width: 10%; border-radius: 10px; padding: 30px 10px; text-align: center; margin:1px; font-size:18px;}*/
.stock-research-cont .research-link {background-color: #0b5394; color: white; width: 12%; border-radius: 10px; padding: 30px 10px; text-align: center; margin:1px;}
.stock-research-cont td.research-link a {text-decoration:none; color:#ffffff;}

@media only screen and (min-width: 40.6875em), print {
    /*#stockTable td {display:table-cell; padding:10px;}*/
    #screeningHdr td, td.screening-date {display:table-cell; font-size:12px; font-weight:bold;}
    /*#stock-screening-risk table td {border:inherit;}*/
    .stock-screeningHdr-cont {padding:15px 10px;}
    .stock-screening-cont {width:100%;}
    .stock-screening-cont table {width:-webkit-fill-available; margin:inherit;}
    .stock-screening-cont .header-row {display:table-row;}
    .stock-screening-cont td {color:#000000; font-weight:normal; font-size:inherit;}
    .stock-screening-cont .header-row td {font-weight:bold;}
    .stock-screening-cont td, .stock-name-cont td {border:1px solid #dddddd;}
    .stock-screening-cont td.show-for-small-only {display:none !important;}
    .stock-screening-cont td.hide-for-small-only {display:table-cell !important;}
    .stock-screening-cont .screening-title {font-weight:normal; font-size:13px; width:auto; height:13px;}
    .stock-screening-cont .screening-title.model {font-weight:bold;}
    .stock-disclosure-cont, .stock-status-cont {display:block;}
    .stock-selector-cont {height:23px; padding:10px; display:none; float:left;}
    .stock-selector-cont.stock-aspx, .stock-selector-cont.today-live-aspx {display:inline-block; background-color:#ffffff;}
    .stock-selector-cont input {right:inherit; border-radius:0; width:200px; border-style:inset; border-width:2px; border-color:initial; background:none; background-color: #ffffff; background-image:none !important; padding: 1px 0px; position:absolute; line-height:normal; }
     .stock-selector-cont.stock-aspx input {top: 208px; left:10px; width:200px;} 
     .stock-selector-cont.today-live-aspx input {top: 215px; left:25px; width: 160px;} 
    .stock-selector-cont p {display:inline;}
    .stock-selector-cont .stock-name { padding: 0 40px 0 228px; }
    .stock-status-cont {text-align:center;}
    .stock-popup { width:201px; }
    table.stock-research-list {width:100%;}
    .stock-research-list .stock-research-comment {text-align:center ;}
    .stock-research-list td {font-size:13px; width:auto;}
    .stock-research-cont td.research-link {background-color: #ffffff; color: #000000; font-size:100%;}
    .stock-research-cont td.research-link a {color:#3366FF; text-decoration:underline;}
    #stock-screening-risk, #stock-screening-reward {width:50%;}
    #stock-screening-risk {margin-left:0;}
}

@media only screen and (min-width: 50.0625em) {
    .stock-disclosure-cont, .stock-status-cont {display:inline-block;}
}
/* stock page end */

/* disclosure page start */
.disclosure-cont h2 {margin:10px 0 10px 7px;}
.disclosure-cont th, .disclosure-cont td {border:0;}
.disclosure-cont table {border:0; margin:auto;}
.disclosure-cont .recent-trades td {font-size:12px; text-align:center;}

@media only screen and (min-width: 40.6875em), print {
    .disclosure-cont h2 {color:inherit; margin-left:0;}
    .disclosure-cont th, .disclosure-cont td, .disclosure-cont table {border:inherit;}
    .disclosure-cont .recent-trades td {font-size:100%; text-align:left;}
    .disclosure-cont th.hide-for-small-only {display:table-cell !important;}
}
/* disclosure page end */


/* cms page start */
.cms-cont {clear:both; min-height:500px; margin:0 auto; width:94%;}
.cms-cont h1, .cms-cont h2, .cms-cont p {color:#ffffff; margin-left:0;}
.cms-cont p {text-align:justify;}
.cms-cont a {color:#ffffff; text-decoration:none;}

@media only screen and (min-width: 40.6875em), print {
    .cms-cont {margin:0; width:100%;}
    .cms-cont h1, .cms-cont h2 {color:#293593; margin-left:0;}
    .cms-cont p {color:inherit; margin-left:0;}
    .cms-cont a {color:inherit; text-decoration:underline;}
}
/* cms page end */

/* ideas page start */
.screening-cont h2 {margin:10px 0 0 10px;}

@media only screen and (min-width: 40.6875em), print {
    .screening-cont td.idea { min-width:100px; text-align:left; }
}

@media only screen and (min-width: 50.0625em) {
    .screening-cont td.idea { max-width:180px; }
}
/* ideas page end */

/* my account page start */
.myaccount-cont {margin:auto; clear:both; font-size:1em; width:315px;}
.myaccount-cont h2 {margin:5px 0px 0px 0px;}
.myaccount-cont h1, .myaccount-cont h2, .myaccount-cont p, .myaccount-cont span {color:#ffffff; margin-left:0;}
.myaccount-cont a {color:#ffffff; text-decoration:none;}
.myaccount-cont .user-details {display:table;}
.myaccount-cont .label {background-color:#0b5394; padding:10px; width:150px;}
.myaccount-cont .username {background-color:#ffffff; display:table-cell; color: #000000; padding:10px; font-weight:bold; width:158px;}
.myaccount-cont .change-password-cont {display:table;}
.myaccount-cont .row {display:table-row;}
.myaccount-cont .cell {display:table-cell; /*border: #b7b7b7 solid 1px;*/}
.myaccount-cont .input {display:table-cell; padding:10px 0 10px 10px; width:148px; border: #b7b7b7 solid 1px; border-bottom:none;}
.myaccount-cont .change-password-button-cont {max-width:320px; margin-top:10px;}
.myaccount-cont .change-password-button {width: 80px; background-color: #0b5394; float:right; padding: 17px; text-align: center; border-radius:10px;}
.myaccount-cont .change-password-button input.btn {background:none; color:#ffffff; border:none; white-space:normal; font-size:12.8px;}
.myaccount-cont .need-help {background-color:#ffffff; padding:10px; margin-top:100px; color:#000000 /*#0b5394*/; border-radius:10px;}
.myaccount-cont .need-help h2 {font-weight:bold; color:#0b5394; margin:0px 0px 10px 0px;}

@media only screen and (min-width: 40.6875em), print {
    .myaccount-cont {margin:0;}
    .myaccount-cont h1, .myaccount-cont h2, .myaccount-cont p, .myaccount-cont span {color:inherit; margin-left:0;}
    .myaccount-cont a {color:inherit; text-decoration:underline;}
    .myaccount-cont .cell {border:none;}
    .myaccount-cont .label {background-color:#ffffff;}
    .myaccount-cont .input {padding:1px;}
    .myaccount-cont .user-details {width:50%;}
    .myaccount-cont .change-password-button {background-color:#ffffff; float:none;}
    .myaccount-cont .change-password-button input.btn {background-color:ButtonFace; color:gray; border:inherit;}
}
/* my account page end */

/* logout page start */
.logout-cont {height:500px; padding:10px;}
.logout-cont h1, .logout-cont h2, .logout-cont p {color:#ffffff; margin-left:0px; line-height:30px; text-align:center;}
.logout-cont h1 {font-size:25px; margin-left:0px;}
.logout-btn-cont {text-align:center;}

@media only screen and (min-width: 40.6875em), print {
    .logout-cont h1, .logout-cont h2, .logout-cont p {color:inherit; margin-left:0;}
}
/* logout page end */

/* login page start */
.loginContainer {margin-top:70px;}
.loginContainer table {border:none; max-width:220px; margin:auto;}
.loginContainer td {border:none; padding:0px;}
.loginContainer .tdLabel {width:70px}
.loginContainer input {font-size:17px; line-height:27px; padding:8px 0; width:100%; -webkit-appearance:none; /*stop ios reformatting*/}

.login-element {font-size:21px; background-position: 10px center; background-repeat: no-repeat;}
label.login-element {display: none;}
.login-element.username {
    background-image: url(/images/usernameIcon.svg) !important; background-size: 25px 30px; text-indent: 36px; 
    border-top-left-radius: 10px; border-top-right-radius: 10px;
}
.login-element.password {
    background-image: url(/images/passwordIcon.svg) !important; text-indent: 36px;
    border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
 }

.remember-me {padding-left: 20px; color: #ffffff;}
.remember-me input[type="checkbox"]{vertical-align:middle;margin-left:-36px;display:none;}
.remember-me input[type="checkbox"]+label{cursor:pointer;margin:10px 0 0 5px; float:left; line-height:23px; font-size:14px;}
.remember-me input[type="checkbox"]+label:before{content:"";float:left;height:22px;margin:0 4px 0 40px;vertical-align:middle;width:22px;}
.remember-me input[type="checkbox"]+label:before{background:url('/Images/checkRadioSprite_v0.5.png')left top no-repeat;}
.remember-me input[type="checkbox"]:checked+label:before{background:url('/Images/checkRadioSprite_v0.5.png')-22px top no-repeat;}
.remember-me input[type="checkbox"]+label span{display:inline-block; width:254px;}

.login-btn {
    color: #ffffff;
    background-color: #0b5394;
    margin-top: 9px;
    width: 209px;
    border: 0;
    border-radius: 15px;
    height: 66px;
    padding:8px;
    display:inline-block;
    text-align:center;
    line-height:56px;
    font-size:18px;
}

a.forgot-psw {
    padding-left: 40px;
    line-height:130px;
    color: #ffffff;
    font-size:14px;
    text-decoration:none;
    display:block;
}

.validation-msg {color:#ffffff; text-align:center; margin-bottom:10px;}
#ContentPlaceHolder1_LoginPanel_UserNameRequired {display:none;}

@media only screen and (min-width: 40.6875em), print {

    .loginContainer {font-size:12px; padding:1px 0px; margin-top:inherit;}
    /*.loginContainer td {text-align:right;}*/
    .loginContainer input {padding:1px 0px; max-width:162px; line-height: normal; font-size:12px; margin-bottom:10px; width:auto; -webkit-appearance:inherit;}
    .loginContainer input[type="submit"] {padding:1px 6px; margin: 18px 0px 0px 18px; clear:both;}
    .login-element {font-size:12px;}
    label.login-element {width: 70px; display: inline-block; margin-left:18px;}
    .remember-me {float:left; margin-left:108px;}

    .loginContainer table {margin:inherit; max-width:255px;}
    .login-element.username {
        background-image: none !important;
        text-indent: 0px;
        border-radius: 0;
    }
    .login-element.password {
        background-image: none !important;
        text-indent: 0px;
        border-radius:0;
    }
    .login-element::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }

    .login-element:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }

    .login-element::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }

    .login-element :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }

    .remember-me {color: #000000;}
    .remember-me input[type="checkbox"]{vertical-align:middle;margin-left:-36px;display:inline-block; -webkit-appearance:checkbox;}
    .remember-me input[type="checkbox"]+label{cursor:pointer;margin:0; float:none; line-height:inherit; font-size:100%;}
    .remember-me input[type="checkbox"]+label:before{content:none;}
    .remember-me input[type="checkbox"]:checked+label:before{content:none;}
    .remember-me input[type="checkbox"]+label span{display:inline-block; width:254px;}

    .login-btn {
        color: #000000;
        background-color: ButtonFace;
        margin-top: 0px;
        border: 2px;
        border-radius: 0;
        border-radius: 0;
        height: inherit;
        border-color: buttonface;
        border-style: outset;
    }

    .loginContainer input[type="submit"] {float:left; width:auto;}

    a.forgot-psw, a.forgot-psw:active, a.forgot-psw:visited {
        padding-left: 25px;
        float: left;
        color: gray;
        font-weight: bold;
        font-size: 100%;
        text-decoration: underline;
        line-height:inherit;
    }

    a.forgot-psw:hover {
        padding-left: 20px;
        color: black;
        font-weight: bold;
    }

    .validation-msg {color:#ff0000; text-align:left; margin-left:18px;}

}

/* login page end */

/* The site CSS distorts the popup calendar.  Here we undo that distortion.  I'm not 100% sure we end up with the same result we had before the site CSS mucked things up, but it certainly looks good, so that's close enough. */
table.DynarchCalendar-topCont, div.DynarchCalendar table {
    width: auto;
    margin: auto;
}
table.DynarchCalendar-topCont, div.DynarchCalendar td 
{
    padding:1px 1px;
}

.msg-warning
{
    width: 400px;
}
div#text div.msg-warning ul li
{
    list-style-image: none;
    color: red;
}
fieldset label
{
    width: 150px;
    display: inline-block;
}
input:not([type]), input[type="color"], input[type="email"], input[type="number"], fieldset input[type="password"], fieldset input[type="tel"], fieldset input[type="url"], fieldset input[type="text"]
{
    width: 200px;
    display: inline-block;
}
fieldset .pterms
{
    width: 380px;
    float: left;
}

fieldset a.f-link, fieldset a.f-link:active, fieldset a.f-link:visited 
{
    color : black;    
    font-weight: bold;
}

fieldset a.f-link:hover
{  
    color : gray;
    font-weight: bold;
}
.water
{
     font-family: Tahoma, Arial, sans-serif;
     color:lightgray;
}
h3.categoryHeader 
{
    font-size: 1.2em;
    height: 30px;
    padding: 10px 0 0px 5px;
    vertical-align: baseline;
}
.categoryHeader td
{
    font-weight: bold;
    background: #dddddd;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    border-bottom: 1px solid #bbbbbb;
    border-left:1px solid #bbbbbb;
}
.categoryHeader td:first-child
{
    text-align: left!important;
}

.white-box {display:none; height:1500px; background-color:rgb(61,133,198); font-size:16px; margin:auto;}

#boxMX
{
    display:none; 
    background: #ffffff;
    padding: 10px;
    border: 1px solid rgb(61,133,198);
    float: left;
    position: fixed;
    top: 50%; 
    left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999; 
    -moz-box-shadow: 0px 0px 20px #999; 
    -webkit-box-shadow: 0px 0px 20px #999; 
    border-radius:6px 6px 6px 6px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    font:14px Arial, Helvetica, sans-serif; 
    padding:6px 6px 4px;
    width:300px; 
    color: black;
}

.hide-for-small-only, .show-for-large-only {display: none !important;}
.show-for-small-only, .hide-for-large-only, div.show-inherit-for-small-only {display: inherit !important;}
div.show-for-small-only, div.hide-for-large-only {display: inline-block !important;}
th.show-for-small-only, th.hide-for-large-only {display: table-cell !important;}
td.show-for-small-only, td.hide-for-large-only {display: table-cell !important;}
.display-none {display:none !important;}
.top-right-rounded-small-only { border-top-right-radius:10px;}
.top-left-rounded-small-only { border-top-left-radius:10px;}
.bottom-left-rounded-small-only { border-bottom-left-radius:10px;}
.bottom-right-rounded-small-only { border-bottom-right-radius:10px;}

@media only screen and (min-width: 40.6875em) {
    #footermenu {display:block;}
    #footer {margin: 10px 74px 74px 74px; max-width: 100%; clear:both;}
     
    .hide-for-small-only, .show-for-large-only {display: inherit !important;}
    th.hide-for-small-only, th.show-for-large-only {display: table-cell !important;}
    td.hide-for-small-only, td.show-for-large-only {display: table-cell !important;}
	.show-for-small-only, td.show-for-small-only, th.show-for-small-only, div.show-for-small-only, div.show-inherit-for-small-only {display: none !important;}
	.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-only, div.hide-for-large-only {display: none !important;}

    .top-right-rounded-small-only {border-radius:0px;}
    .top-left-rounded-small-only {border-radius:0px;}
    .bottom-left-rounded-small-only {border-radius:0px;}
    .bottom-right-rounded-small-only {border-radius:0px;}
}

/*@media (min-width: 640px) {body {font-size:1rem;}} 

@media (min-width:960px) {body {font-size:1.2rem;}} 

@media (min-width:1100px) {body {font-size:1.5rem;}}*/