/*
	Default style settings for all public area pages (i.e. not those in /secure/admin).
	Most pages will reference this style sheet file first, followed by one other specific to the web site area.
	Many settings will be over-ridden / augmented by the "other" style sheet, e.g. personal.css
	On the whole, only colours and backgrounds are overriden, leaving the layout / positioning / size
	specification (e.g. margins, padding, font size) the same throughout the site.
*/

/*
	Always show scroll bar, eve if page does not require it.
	This stops the standard layout elements (such as the heading area and menu bar)
	from appearing to jump when moving from between pages which require and
	do not require a scroll bar.
*/


html {
	overflow-y:scroll;
	overflow-x: hidden;
}
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
	font-family:'Open Sans', sans-serif;
	font-size: small;
	margin:0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	color:black;
}
h1 {
	margin:0 0 .3em 0;
}
h2, h3 {
	font-size: 16px;
	margin: 0;
	padding: 6px 0 8px 0;
	margin-left:10px;
}
h2 {
	font-weight: 600;
	font-size:24px;
}
h4 {
	border: 1px solid #e5e5e5;
	font-size: 13px;
	margin: 30px 10px 10px 8px;
	padding: 5px;
}
/* moved in from global as above settings not used any longer. */
h4 {
	border:none;
	font-weight: 400;
	border-bottom: 1px solid #CCCCCC;
	font-size: 16px;
}
img {
	border: none;
}
input {
	margin: 0;
	padding: 0;
}
hr {
	margin: 1em 0;
}
p {
	margin: .75em 0;
	margin-left: 10px;
}
dl {
	margin: 0 0 0 10px;
	padding: 0;
}
ol li {
	margin:0 10px 10px 0;
}
ul li {
	list-style-image: url(/images/listMarkerPersonal.gif);
}

.purchaseRadioTick{
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
.purchaseRadioTick + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('/images/checkBox.png') no-repeat 0 0;
  line-height  : 24px;
}
.purchaseRadioTick:checked + label{
  background   : url('/images/checkBoxTicked.png') no-repeat 0 0;
}
.purchaseRadioTick:disabled + label{
  background   : url('/images/checkBoxTicked.png') no-repeat 0 0;
}
.trialDownloadBox .purchaseRadioTick:checked + label{
  background   : url('/images/checkBoxTickedDark.png') no-repeat 0 0;
}
.purchaseRadioTickaml:checked + label {
  background   : url('/images/checkBoxTickedDark.png') no-repeat 0 0;
}
.purchaseRadioTickhub-ap:checked + label {
  background   : url('/images/checkBoxTickedPurple.png') no-repeat 0 0;
}
.purchaseRadioTickhub-cc:checked + label {
  background   : url('/images/checkBoxTickedPink.png') no-repeat 0 0;
}
.purchaseRadioTickhub-inc:checked + label {
  background   : url('/images/checkBoxTickedOrange.png') no-repeat 0 0;
}
.purchaseRadioTickhub-chf:checked + label {
  background   : url('/images/checkBoxTickedOrange.png') no-repeat 0 0;
}

/* Background colour to be set inline. See list.php */
.purchaseProductHighlight {
	margin-left: 16px;
	padding: 2px 5px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 500;
	line-height: 0.9;
	text-align: center;
	color: #ffffff;
	vertical-align: middle;
	background-color: #939797;
}

.blanklist{
list-style-image: none;
}

/* Main template layout is done with DIVs with particualr id values. The structure is as follows:
	header (class of centeredContent)
		headerLogin
			loginBox
			loginForm
	nav
		 unnamed div with class of centeredContent
	centrecontent (actully, an unnamed div with class of centredContent)
		userArea
		content
	footer
*/

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


.centredContent {
	margin: auto;
	width: 1000px;
}


.noSpace{
	margin-left: 0;
	padding: 0;
}

#cookieWarningInner a {
	text-decoration:none
}
#cookieWarningInner a:hover {
	text-decoration:underline
}

#header {
	height: 87px;
	background: #FFF;
	width: 100%;
	z-index: 2000;
}
#headerLogin {
	position: relative;
	float:right;
	height: 40px;
	margin-top: 18px;
}
#headerLoginLoggedIn {
	position: relative;
	float:right;
	height: 40px;
    margin-top: 18px !important;
}
#customerInfoPanel {
	color: #919191;
	text-align: right;
	padding-top: 3px;
}
#customerInfoPanel a {
	color: #919191;
	text-decoration: none;
}
#customerInfoPanel a:hover a:active {
	color: #919191;
	text-decoration: underline;
}
#basketButton {
	float: left;
    padding: 6px 4px 3px 8px;
    border: 1px solid #c6ced1;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    width: 28px;
}
#basketButton img {
	width: 25px;
    height: 25px;
    margin-top: 2px;
}
.loginButton {
	width: 115px;
	height: 34px;
	padding: 6px 0px 0px 0px;
	font-weight: 600;
	font-size: 18px;
	display: block;
	background-position: 50% 0%;
	background: #FF0066 url('/images/uniGrade.png');
	border-radius: 5px;
	text-align: center;
	color: #FFF;
	cursor: pointer;
	float:left;
	border:none;
	font-family: 'Open Sans', sans-serif;
}
.loginButtonModern {
	padding: 7px 19px;
	font-weight: 600;
	font-size: 16px;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border: none;
	font-family: 'Open Sans', sans-serif;
	background: #ff0066 linear-gradient(0deg, #e5005c 0%, #ff0066 100%);

}
.loginButtonModern:hover,
.loginButtonModern:focus,
.loginButtonModern:active {
	background: #ec005f;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.04);
}
.blackLoginButton {
    height: 25px;
    font-weight: 600;
    font-size: 15px;
    display: block;
    background-position: 50% 0%;
    background: transparent;
    border-radius: 5px;
    text-align: center;
    color: #293033;
    cursor: pointer;
    float: left;
    border: none;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    border-radius: 0.2em;
    padding: 10px 14px 5px 15px;
	border: 1px solid #c6ced1;
}
.blackLoginButtonActive {
	background: #293033 !important;
	color: #FFF;
	border: 1px solid #293033;
}
.blackLoginButtonActive .tc-caret {
	background:url(/images/dropmenu-arrow-white.png) no-repeat !important;
	background:url(/images/dropmenu-arrow-white.svg) no-repeat !important;
}
.blackLoginButton .tc-caret {
	/*background:url(/images/dropmenu-arrow-white.png) no-repeat;
	background:url(/images/dropmenu-arrow-white.svg) no-repeat;*/
    margin-top: 12px;
}
.loginButtonOutline {
	width: 104px;
	height: 40px;
	font-weight: 400;
	font-size: 18px;
	display: block;
	background-position: 50% 0%;
	background: transparent;
	border-radius: 5px;
	border: 1px solid #FFF !important;
	text-align: center;
	color: #FFF;
	cursor: pointer;
	float: left;
	border: none;
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
	border-radius: 0.2em;
	padding: 7px 15px !important;
}
.cancelButton {
	height: 23px;
    background: #293033;
    color: #FFFFFF;
    display: none;
    width: 104px;
    padding: 9px 15px;
}
.loginButton:hover {
	background-position: 50% 50%;
}
#loginBox a {
	color: #FFFFFF;
}
#loginBox img {
	margin-right: 6px;
	margin-top: 2px;
}
#loginForm {
	position: absolute;
	width: 375px;
	height: 260px;
	top: 67px;
	left: -247px;
	padding: 20px 10px 20px 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 101;
	display: block;
	background: #293033;
}
#loginForm p,
#loginForm p label {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
	margin: 0;
}
#loginForm a {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
#loginForm a:hover {
	text-decoration: underline;
}
#loginForm input[type=text] {
	font-size: 16px;
	padding: 10px 5px 10px 5px;
	width: 340px;
	background: #FFFFFF;
	color: #000000;
	border: 0;
	height: 15px;
	margin: 5px 0 10px 0;

}
#loginForm input[type=password] {
	font-size: 16px;
	padding: 10px 5px 10px 5px;
	width: 340px;
	background: #FFFFFF;
	color: #000000;
	border: 0;
	height: 15px;
	margin: 5px 0 10px 0;
}
/* Used in /secure/user/login.php */
#loginArea{
	margin:auto;
	margin-top: -20px;
	background: #f0f0f0;
	padding-top: 100px;
	overflow:hidden;
	min-height: 500px;
	margin-bottom: -20px;
}
#loginArea a {
	color: #FF0066;
	text-decoration: none;
}
#loginArea a:hover {
	color: #DC0058;
	text-decoration: underline;
}
#loginArea h2 {
	font-size: 16px;
}
.addressFields {
	display: none;
}
.proFields {
	display: none;
}
.loginAreaFieldLabel {
	font-size: 14px;
	vertical-align: initial;
	width: 178px;
text-align: right;
color: black;
}
.loginField{
	font-size: 16px;
	padding: 10px 5px 10px 5px;
	background: #FFFFFF;
	color: #919191;
	border: 1px solid #919191;
	height: 16px;
	margin: 3px 0 3px 0;
	width: 492px;
	margin-left: 10px;
}
.loginDropDown {
	margin: 3px 0px 3px 10px;
	background: #FFFFFF;
	width: 504px;
	color: #919191;
	font-size: 16px;
	border: 1px solid #919191;
	height: 32px;
}
#loginNewCustomerLabel {
	width: 400px;
	margin:auto;
	font-size: 20px;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
}
#loginNewCustomerLabel a {
	color: #FF0066;
	text-decoration: none;
}
#loginNewCustomerLabel a:hover {
	color: #DC0058;
	text-decoration: underline;
	cursor: pointer;
}
#nav {
	background-color: #28485b;
	clear: both;
}
#userArea {
	width:250px;
	float:left;
	margin: 30px 0 0 0;
	padding: 0;
	font-size:smaller;
}
#content {
	width: 690px;
	float: right;
	font-size: 14px;
	color: #000000;
	padding: 0 0 0 0;
	margin-top:30px;
	margin-bottom:20px;
	min-height: 600px;
}
#content h3 {
	border-bottom: none;
}
#content img {
	float: left;
	padding: 0;
}

.prominentMessage {
	color: #F0296B;
}

.footer_holder {
	background: #293033;
}
.footer_legal {
	text-align: center;
	font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 300;
    margin: auto;
	max-width: 900px;
	padding: 0 1rem 3rem;
    display: block;
}
.footer_legal p {
    margin: 0.6em 0;
}

ul.default {
	margin: 0 2em;
}
ul.default ul {
	margin: 0 2em;
}
.divider {
	border-top: 1px solid #e5e5e5;
	margin: 10px;
}
p.incCd {
	text-align:right;
	margin-bottom:0.5em;
}
p.incCd input {
	margin-bottom:0;
}

/* Pretty button links and submit buttons. */
.prettyBut
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
        padding: 1px 10px 1px 10px;
        margin: 0;
        border: 0;
        cursor: pointer;
        color: black;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
	font-weight:400;
}
.prettyBut:hover
{
	color: black;
}
.prettyBut:visited, .prettyBut:active
{
	text-decoration: none;
	color: black;
}
.professionalButton, .globalButton
{
	background-color: #AFD9E0;
}
.professionalButton:hover, .globalButton:hover
{
	background-color: #8EC9D2;
}
.personalButton {
	background-color: #AFD9E0;
}
.personalButton:hover {
	background-color: #8EC9D2;
}
.businessButton {
	background-color: #AFD9E0;
}
.businessButton:hover {
	background-color: #8EC9D2;
}
.hubButton {
	background-color: #ABA0C2;
}
.hubButton:hover {
	background-color: #8E7BB7;
}
.menuButton {
	display: block;
}
.linkButton {
	display: block;
	margin-bottom: 5px;
	margin-left:10px;
	width: 214px;
}
/* Used in eula and tnc web pages (in CMS) */
.lower-roman {
	list-style-type:lower-roman;
}

/* Only used in my_products.php */
.myProducts h2 {
    padding-bottom: 0;
}
.myProducts h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}
.myProducts p {
    margin-top:0px;
    margin-bottom:20px;
}
.myProducts .buyButton {
    background-color: #3b73af;
    padding: 5px 10px 5px 10px;
    font-size: 16px;
}
.myProducts .productBox {
	display:block;
	margin: 0 10px 5px 10px;
	padding: 10px 10px 10px 10px;
	padding-bottom:10px;
	width:670px;
}
.myProducts .productBox table {
    width:100%;
}
.myProducts .productBox td {
    padding-right: 1em;
}
.myProducts .renewalBox {
	background: #ecf1f5;
}
.myProducts td.productPrice {
    font-weight: 600;
    white-space: nowrap;
    text-align: right
}
.myProducts td.productInput {
    padding-right: 0;
    width: 40px;
}
.myProducts .productInput input, .myProducts .productInput select {
    float: right;
}
.myProducts h4 {
	color: black;
	font-size: 16px;
	font-weight: 600;
        border-bottom: 0;
        margin: 0px 0px 0px 0px;
}
.myProducts select {
    border: 0;
    width: 40px;
}
.myProducts td.moreProducts {
    padding-top: 15px;
}
.myProducts td.moreProducts a {
    font-weight: 600;
    color: #0b4b84;
}
.myProducts td.moreProducts img.upDownArrow {
    margin: 0px;
    float: none !important;
}
.myProducts td.moreAddons {
    padding-top: 15px;
    font-weight: 600;
}


.myProductsItems{
	margin-left:10px;
	margin-bottom:20px;
}
.myProductsItems th{
	text-align:left;
	font-size: 18px;
	color: #000;
	line-height: 18px;
	font-weight: 400;
}
.myProductsItems .buyButton, .textWithButtons a {
	font-size: 13px;
	width: 100px;
	padding: 5px 5px 5px 5px;
}
.myProductsItems .buyButton {
	background-image: linear-gradient(to bottom, #3d73ad, #0b4b84);
}
.myProductsItems a {
	color: #0b4b84;
}
.myProductsItems a.buyButton {
	color: white;
}
.myProductsItems .hub-tcButton{
	background: #6195AE url('/images/uniGrade.png');
}
.myProductsItems .hub-tcButton:hover{
	background: #6195AE url('/images/uniGrade.png');
	background-position: 50% 50%;
}
.renewalProductTitlehub-ap{
	color: #a01a84;
}
.standardRow{
	background:#FFFFFF;
}
.apRow{
	background:#e9e7ee;
}
.amlRow{
	background:#f0e7dd;
}
.servicesTd{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 10px 10px 0;
}
.center {
	text-align:center;
}

/* used in invoice and order */
.negative {
    font-style:italic;
}
.orderNo { /* only used once to highlight online banking ID in /secure/user/payment_onlineBanking.php */
	color: #4ba7ac;
	font-size: large;
}
.notify { /* only used in /secure/user/profile.php */
	color: #0b0;
}
.inactive { /* only used in /secure/user/my_products.php */
	color: #999;
	font-size:smaller;
}

/* infoBox style settings - used in status pages. Similar to infoButton. */
.infoBox {
	display:block;
	margin: 10px 10px 20px 10px;
	padding: 0px 10px 50px 10px;
	border: 1px solid #e5e5e5;
	background-color: #fafdfd;
}
.infoBox .end {
	clear:both;
}
.infoBox a {
	color: #4ba7ac;
}
.infoBox a.prettyBut {
	color: #fff;
	float:right;
}

/* For tables within FORM elements. Extensively used wherever user input is required
	and a tabular layout is used. */
table.form .descr, table.cool .descr
{
	text-align:right;
	padding-right:.5em;
	font-weight:bold;
}
table.form .descr.multi-line, table.cool .descr.multi-line {
	padding: 0.5em;
	vertical-align: top;
}
.contactUsDesrc{
	color:#42899F;
	font-weight:600;
	font-size:14px;
	text-align:right;
	padding-right:10px;
	white-space: nowrap;
}
.contactUsField{
	padding:5px 0 5px 0;
}
table.form .profLeft
{
	width:13em;
}
table.form tbody th
{
	text-transform:uppercase;
}

div.accountInfoBox {
	margin: 0 5px 5px 10px;
	padding: 10px 30px 10px 125px;
	color: #000000;
	background: #f4f4f4;
	width: 535px;
}
.accountInfoBox .buyButton {
	background: #FF0066 url('/images/uniGrade.png');
}
.accountInfoBox .buyButton:hover {
	background: #FF0066 url('/images/uniGrade.png');
	background-position: 50% 50%;
}

img.accountInfoIcon {
	float: left;
	margin-top: 10px;
	margin-left: -100px;
}
div.accountInfoBox p {
	font-size: 15px;
}
div.accountInfoBox p.title {
	font-size: 16px;
	font-weight: bold;
}
div.accountInfoBox p.note {
	font-size: 14px;
	font-style: italic;
}
div.accountInfoBox a.downloadButton {
	width:100px;
	padding: 5px 10px 5px 10px;
	margin-top:30px;
	margin-right:10px;
}
.reorderReminder {
	margin: 0 5px 5px 10px;
	padding: 10px 10px 10px 10px;
	color: #1b3747;
	background: #E8F4F6;
	width: 660px;
}
.upgradeBox{
	min-height:80px;
	display:block;
	margin: 0 10px 20px 10px;
	padding: 10px 10px 10px 10px;
	padding-bottom:10px;
	background: #E8F4F6;
	width:660px;
}
.upgradeTable {
	border-collapse: collapse;
	width: 100%;
	margin-left:10px;
	text-align: center;
}
.upgradeTitle {
	font-weight:500;
	font-size:18px;
	margin-left:0px;
}
.upgradeRow {
/*	background: #E8F4F6; */
	background: #F4F4F4;
}
.upgradeFindOutMoreButton{
	font-size: 16px !important;
	right: 0px !important;
	width: 100px !important;
	padding: 3px 10px 3px 10px !important;
	margin: 10px !important;
}
.upgradeFindOutMoreButtonAp{
	background: #9988BC;
}
.upgradeFindOutMoreButtonAp:hover{
	background: #8E7BB7;
}
.upgradeRow h3 {
	margin-left: 0;
	font-weight: 500;
	font-size: 14px;
}
.upgradeRow h4 {
	background: transparent;
	color: black;
	border: none;
	font-weight: 500;
	margin: 0;
	font-size: 14px;
}
.upgradeRowhub-ap {
	background: #D9D4E4;
}
/* infoButton style settings - now only used in "My products and Services" page. */
.infoButton {
	display:block;
	margin: 0 10px 5px 10px;
	padding: 10px 10px 10px 10px;
	padding-bottom:10px;
	background: #ecf1f5;
	width:670px;
}
.infoButton a {
	color: #6296ad;
}
.infoButton p
{
	min-height: 55px;
	margin: 10px 0px 10px 0px;
}

.infoButton p.incCd
{
	min-height:0px;
}
.infoButton .end
{
	clear:both;
}
.infoButton strong, .infoButton a
{
/*	color: #4ba7ac; */
}
.infoButton a.prettyBut
{
	color: #fff;
	position:relative;
	right:25px;
}
.infoButton img
{
	margin-top: 14px;
	margin-left: 28px;
}
.infoButton h3 {
    font-size: 20px;
}
.infoButton h5 {
	margin: 10px 0 0 145px;
}
.infoButton .productAction
{
	float:right;
}
.infoButton table
{
	border-collapse: collapse;
}
.infoButton td
{
	margin: 0px;
}
.infoButton h4{
	background: transparent;
	font-size:20px;
	color:black;
	font-weight:200;
	margin:0;
	padding:0;
	border: 0;

}
/*.infoButton {
	font-size: 13px;
	width: 100px;
	padding: 5px 5px 5px 5px;
}*/
.infoButton .buyButton a {
	font-size: 13px;
	width: 100px;
	padding: 5px 5px 5px 5px;
}

.alsoBuyBox {
    background-color: #f6f6f6;
}
/* "COOL" tables.
	"cool descr" settings inlcuded with "form descr" elsewhere. */
table.cool {
	width:656px;
	border-collapse:collapse;
	margin: 0 10px 10px 10px;
}
table.cool tbody td {
	vertical-align:top;
}
table.cool tbody tr.odd {
	background-color:#fff;
}
table.cool tbody tr.even {
	background-color:#fef;
}
table.cool thead th {
	background-color:#ddd;
}
table.cool th, table.cool td {
	padding:2px;
}
/* only used in /secure/user/order_info.php in order to make headings within
	a table look the same as h4 headings outside a table.
table.cool .h4 {
	background: #fafdfd;
	color: #4ba7ac;
	margin: 10px;
	padding: 5px;
	border: 1px solid #e5e5e5;
	font-size: 13px;
}
*/
/* change to standard h4 settings, originally taken from global.css */
table.cool .h4 {
	border:none;
	font-weight: 400;
	border-bottom: 1px solid #CCCCCC;
	font-size: 16px;
}
table.cool tr.pager td {
	border:none;
}
table.cool tr.pager td {
	text-align:center;
}
table.cool tbody th {
	text-align:left;
	font-size:smaller;
}
table.cool th.subtitle {
	text-align:center;
}
table.cool tbody.tfoot th {
	text-align:center;
	font-size:100%;
}

/* used primarily in /secure/user/profile.php, and also in /secure/user/aml/check.php (once) */
.profHeading {
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:0;
	margin-left:10px;
}
.profDesc {
	margin-top:0;
	font-size: 92%;
	padding-left:10px;
}
p.profDesc {
	margin-left:0;
}

.login {
	font-size:smaller;
}

/* only used once in /classes/HmrcStatus.php */
.statusTbl h3 {
	padding:0;
	margin:0;
}

/* only used once in /products/2007/cgt_info.php */
.cgtInfo {
	border:solid 1px #4ba7ac;
}
.cgtInfo th {
	border:solid 1px #4ba7ac;
	padding:.5em 0 .5em 1em;
}
.cgtInfo td {
	padding:0 1em .8em 1em;
	vertical-align:top;
	border:solid 1px #4ba7ac;
}
.cgtInfo ul {
	margin:0 1em;
}
.cgtInfo thead th {
	text-align:center;
	padding: .5em 0 .5em 0;
}

/* New 2009 FAQ styles */
#recent1, #recent2, #recent3, #recent4, #recent5, #taxRelated, #technical, #filing, #troubleshooting
{
	background:none;
}
#taxRelated li a, #technical li a, #filing li a, #troubleshooting li a
{
	text-decoration:none;
}
#taxRelated li a:hover, #technical li a:hover, #filing li a:hover, #troubleshooting li a:hover
{
	text-decoration:underline;
}

/* MISC */
.important /* used in a variety of files (7 at the last count) */
{
	color: #f00;
	font-size: 110%;
}
option.disabled /* potentially used whenever a SELECT list is created - see Util::makeDisplayList() */
{
	color: #999;
}
.reqd /* used in a variety of files (7 at the last count , excluding those in admin area) */
{
	background-color:#fff8dc;
}
.validError /* only referenced in FormErrors class, but is widely used. */
{
	background-color:#ffd0d0 !important;
	border:dotted 1px red !important;
}
.error /* used in a variety of files */
{
	color: red;
}
ul.error.default {
    padding: 1rem;
    background-color: #ffe6e4;
    border: 1px solid #e83e36;
    margin: 1rem 0 2rem;
    color: #e83e36;
}
ul.error.default li {
    list-style: square;
    margin-left: 1.4rem;
}
tbody.space /* only used in /secure/user/profile.php and /secure/user/aml/check.php */
{
	height:1em;
}
tbody.space hr
{
	color:#4ba7ac;
}
#header .logo {
	float: left;
	margin-left: 0;
	margin-top: 12px;
}
.logo a {
	position: relative;
	top: 3px;
	display: inline-block;
	background: url(/images/logos/taxcalc-logo-animated.gif);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 50px;
	width: 210px;
}
.nav{
	margin: 0 0 100px 0;

}
.nav_text {
	font-size: 14px;
    color: #FFF;
    text-decoration: none;
    font-weight: 400;
    height: 40px;
    border-collapse: collapse;
    position: absolute;
    bottom: 15px;
    left: 250px;
    margin-left: 20px;
}
.nav_text tbody {
	margin: 0;
	padding: 0;
	border: 0;
}
.nav_text td:hover {
	cursor: pointer;
	text-decoration: none;
}
.nav_text a:visited, .nav_text a:hover  {
	color: inherit;
}
.nav_cell{
	padding: 0px 5px 8px 10px;
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
	color: #293033;
}
.nav_cell a {
	color: #293033;
	text-decoration: none;
	margin-right: 30px;
}
.nav_cell a:visited a:link {
	color: #FFFFFF;
	text-decoration: none;
}
/* Level 2 menu*/
.nav2_text {
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	font-weight:400;
	height: 32px;
	border-collapse: collapse;
	width: 100%;
}
.nav2_text tbody {
	margin: 0;
	padding: 0;
	border: 0;
}
.nav2_text td:hover, .nav_text .currentPage {
	background-color: transparent;
	cursor: pointer;
}
.nav2_text a:link {
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}
.nav2_text a:visited {
	color:#FFF;
}
.nav2_cell{
	padding: 0 20px 0 10px;
}
.tc-caret {
	width: 11px;
	height: 6px;
	background:url(/images/dropmenu-arrow.png) no-repeat;
	background:url(/images/dropmenu-arrow.svg) no-repeat;
	background-size: 11px;
	display: inline-block;
}
.fa-arrow-down{
	transform: rotate(0deg);
	transition: all, .35s ease;
    margin-top: 7px;
    margin-left: 6px;
    margin-right: -12px;
    position: absolute;
	top: 6px;
}

.fa-arrow-down.open{
	transform: rotate(-180deg);
	transition: all, .35s ease;
	top: 6px;
	margin-right: -12px;
    position: absolute;
}

.myAccountCaret {
	transform: rotate(0deg);
    transition: all, .35s ease, background 0ms;
    margin-top: 2px !important;
    float: right;
    margin-right: 0px;
    position: relative;
    margin-left: 9px;
	transform-origin: 50% 50%;
}
.myAccountCaret.fa-arrow-down.open {
	transform: rotate(-180deg);
    transition: all, .35s ease, background 0ms;
    margin-top: 2px !important;
    float: right;
    margin-right: 0px;
    position: relative;
    margin-left: 9px;
	transform-origin: 50% 50%;
}

.RANGE_taketrial {
	width:438px;
	height:41px;
	padding:14px 0 0 0;
	margin:0 10px 20px 10px;
	background:#94C0CB;
	text-align:center;
}
.RANGE_trial_light {
	font-size:14px;
	color:#000;
	font-weight:100;
}
.RANGE_trial_light a:link {
	color:#000;
	text-decoration:none;
}
.RANGE_trial_light a:visited {
	color:#000;
	text-decoration:none;
}
.RANGE_trial_light a:hover {
	color:#000;
}
.RANGE_trial_heavy {
	font-weight:600;
}
.PRICING_tableleftcolumn {font-size:14px; color:#666; font-weight:200; text-decoration:none}
.PRICING_tablename {font-size:14px; color:#000; font-weight:400; text-decoration:none; line-height:14px}
.PRICING_tablepricedark {font-size:24px; color:#702e9b; font-weight:400; text-decoration:none}
.PRICING_tablenumbersdark {font-size:18px; color:#702e9b; font-weight:400; text-decoration:none}
.accountMenu {
	font-size:15px;
	font-weight:400;
	color: #000000;
	line-height:19px
}
h2.accountMenu {
	font-size:20px;
	color:#000;
	font-weight:600;
	text-decoration:none;
	line-height:48px;
	margin: 0;
}
h3.accountMenu {
	font-size:18px;
	color:#000000;
	text-decoration:none;
	margin: 0px 0px 15px 0px;
	padding: 0;
}
h3.accountMenu a {
    color: #0b4b84;
}
.productTypeDescription {
	font-size:14px;
	color:#666;
	text-decoration:none;
	line-height:22px;
}
.downloadInstallerInfo {
	font-size:18px;
	color:#333;
	font-weight:400;
	text-decoration:none;
	line-height:42px
}
.TC2015Message {
	margin-bottom: 30px;
}

.extraTitle {
	font-size: 14px;
	color: #000000;
	line-height: 14px;
	font-weight: 600;
}
.extraTitle a {
	color: #000000;
	text-decoration: none;
}
.extraTitle a:hover {
	color: #000000;
	text-decoration: underline;
}
.productTitle{
	font-size: 20px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	font-weight: 600;
}
h2.productTitle {
    margin: 1em 0 1.2em;
    padding: 0;
}
.productPurchaseLine {
	width: 960px;
	margin: auto;
	overflow:auto;
	padding-top: 20px;
	padding-bottom: 10px;
}
#previousYearsProducts .productPurchaseLine {
	border-bottom: 1px solid #CECECE;
}
.productHiddenDiv {
	display: none;
}
.productDescription{
	color: #000000;
	margin-left: 40px;
	font-size: 13px;
	width: 630px;
}
.productDescription p {
    margin-left: 0;
}
.hideOptionsLink {
	color: #1E7590;
	font-size: 14px;
	margin: 10px 20px 5px 0px;
	cursor: pointer;
}
#productVersionsOpener {
	background: #FFFFFF;
	width: 100%;
	overflow: auto;
	margin-bottom: 35px;
}
#productVersionsOpenerNoMargin {
	background: #FFFFFF;
	width: 100%;
	overflow: auto;
}
.purchaseOption{
	background:#F4F4F4;
	text-align:left;
	padding:10px 0 10px 30px;
	font-size: 14px;
	line-height: 19px;
	overflow: auto;
}
.PURCHASE_checkbox {
	float:left;
	margin-right:9px;
	margin-bottom: 2px;
}
.purchasePrice{
	font-size: 18px;
	color: #000000;
	line-height: 14px;
	font-weight: 600;
	float: right;
}
.PURCHASE_whatsthis {
	font-size:9px;
	color:#5babb9;
	text-decoration:none;
	line-height:10px;
	font-weight:400;
	float:right;
	margin:3px 10px 0 0
}

.DOWNLOAD_howcanwehelp {
	font-size:20px;
	color:#000;
	text-decoration:none;
	line-height:24px;
	font-weight:400
}
.DOWNLOAD_alert_headers {
	font-size:18px;
	color:#000;
	text-decoration:none;
	line-height:24px;
	font-weight:400
}
.DOWNLOAD_alert_text {
	font-size:14px;
	color:#333;
	text-decoration:none;
	line-height:18px;
	font-weight:300
}
.DOWNLOAD_alert_text a:link {
	font-size:14px;
	color:#000;
	text-decoration:none;
	line-height:18px;
	font-weight:700;
	text-decoration:none
}
.DOWNLOAD_alert_text a:visited {
	font-size:14px;
	color:#000;
	text-decoration:none;
	line-height:18px;
	font-weight:700;
	text-decoration:none
}
.DOWNLOAD_alert_text a:hover {
	font-size:14px;
	color:#F60;
	text-decoration:none;
	line-height:18px;
	font-weight:700;
	text-decoration:none
}
.DOWNLOAD_answer_contact {
	font-size:14px;
	color:#333;
	text-decoration:none;
	line-height:19px;
	font-weight:400
}
.DOWNLOAD_answer_contact a:link {
	font-size:14px;
	color:#09c;
	text-decoration:none;
	line-height:19px;
	font-weight:400
}
.DOWNLOAD_answer_contact a:visited {
	font-size:14px;
	color:#09c;
	text-decoration:none;
	line-height:19px;
	font-weight:400
}
.DOWNLOAD_answer_contact a:hover {
	font-size:14px;
	color:#000;
	text-decoration:none;
	line-height:19px;
	font-weight:400
}

.DOWNLOAD_understand {
	background: #F4F4F4;
	padding: 20px 20px 15px 60px;
	margin: 30px 0 10px 0;
	font-weight: bold;
}
.DOWNLOAD_icon_alert {
	margin: 2px 14px 0 20px
}
.FAQ ul {
	margin-left:-20px;
	list-style-image:none;
	cursor:pointer
}
.FAQ {
	float: left;
	width: 640px;
	list-style:none;
	list-style-position:inside;
	padding-left: 12px;
}
.FAQ li {
	list-style:none;
	list-style-position:inside;
	margin-bottom: 40px;
}
.FAQ-head a {
	margin-left:-40px;
	display: block;
	padding:0;
	text-decoration: none;
	list-style:none;
	list-style-image:none;
	color: #000;
	font-size:1px;
	font-weight:400;
}
.FAQ-head a:hover {
	list-style-image:none
}
.FAQ li ul {
	margin-left:-48px;
	list-style:none;
	list-style-image:none;
	color: #333;
	font-size:14px;
	padding:10px 0 10px 0
}
.FAQ li ul li ul {
	display: none;
}
.DownloadFAQ_plusminusIcon {
	display:block;
}
.DownloadFAQ_plusminus {
	display:block;
	width:16px;
	height:16px;
	float:left;
	margin-top:7px;
	margin-right:20px;
	background:url(/images/minus.png) no-repeat;
}

.DownloadFAQ_question {
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
}

.FAQ-answer {
	display: none;
	margin-left: 42px;
	margin-top: 8px;
}

.FAQ-question a {
	list-style:none;
	list-style-image:none;
	margin-left:0px;
	font-size:15px;
	padding:30px 10px 5px 15px;
	color: #000;
	font-weight:700;
}
.FAQ-question div prettyBut{
	color:black;
}
.FAQ-question a:hover {
	list-style-image:none;
	color:#006699
}
.FAQ-question li {
	margin-left:0px;
	display:block;
	list-style:none;
	list-style-image:none;
	padding: 0 20px 0 38px;
	color:#333;
	font-size:14px;
	font-weight:300;
	line-height:20px
}
.xFAQ-question li a {
	font-size:14px;
	color:#09c;
	text-decoration:none;
	line-height:19px;
	font-weight:400;
	margin:0;
	display:inline;
	padding:0;
}
.FAQ-question li a:hover {
	font-size:14px;
	color:#000;
	text-decoration:none;
	line-height:19px;
	font-weight:400
}

.PURCHASE_whatsthis a:link {
	font-size:9px;
	color:#5babb9;
	text-decoration:none;
	line-height:10px;
	font-weight:400;
	float:right;
	margin:3px 0 0 0
}
.PURCHASE_whatsthis a:visited {
	font-size:9px;
	color:#5babb9;
	text-decoration:none;
	line-height:10px;
	font-weight:400;
	float:right;
	margin:3px 0 0 0
}
.PURCHASE_whatsthis a:hover {
	font-size:9px;
	color:#000;
	text-decoration:none;
	line-height:10px;
	font-weight:400;
	float:right;
	margin:3px 0 0 0
}

.buyButton{
	background: #00AAD1 url('/images/uniGrade.png');
	text-align: center;
	padding: 15px 10px 15px 10px;
	cursor: pointer;
	border: 0;
	text-decoration: none;
	color: white;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
}
.buyButton:visited {
	color: #FFFFFF;
}
.buyButton:hover{
	text-decoration:none;
	border:0;
	color:white;
	background: #00aad1 url('/images/uniGrade.png') 50% 50%;
}
.buyButton.buyButtonSmall {
	margin: 10px;
	padding: 5px 10px 5px 10px;
	font-size: 1rem;
}

.right_info{
	background:#EEE;
	width:230px;
	margin-top:10px;
	float: right;
	margin-bottom:10px;
}
.right_info h4{
	background-color: transparent;
	font-size: 14px;
	font-weight: 400;
	color:black;
	margin:0 0 0 5px;
	border: 0;
}
.right_info li{
	font-size:14px;
	list-style-image: url(/images/newTick.png);
	padding-right: 10px;
	padding-bottom:10px;
	color:#666;
	vertical-align: middle;
}
.right_info ul{
	padding-left:25px;
}
#minimumSpec em{
	margin-left: 10px;
}
#minimumSpec p{
	margin-left:10px;
}
#overview {
	width: 427px;
}
#overview h2 {
	font-size:16px;
	color:black;
	border-bottom: 0;
	margin: 20px 0 0 10px;
	font-weight:400;
	padding: 20px 0 0 0;
	border-top:1px solid #CCCCCC;
}
#overview h3{
	font-size: 14px;
	color: black;
	font-weight: 400;
	padding: 10px 0 0 0;
	margin: 10px 0 0 10px ;
}
#overview p {
	margin:0 0 0 0;
	font-size:14px;
	padding: 10px 0 0 10px;
	color:#666;
}
.supportText{
	font-size: 14px;
	color: #666;
	line-height: 18px;
	font-weight: 100;
	font-style: normal;
	padding-right:25px;
}
.supportText em {
	font-size: 16px;
	color: #26788f;
	font-style: normal;
}
.supportText a {
	color: #26788f;
	text-decoration: none;
}
.contactUsText{
	font-size: 16px;
	color: #ff0066;
	text-decoration: none;
	line-height: 18px;
	font-weight: 600;
	font-style: normal;
	padding-right:25px;
	display: block;
	margin-bottom: 10px;
}
.contactUsHours{
	font-size: 14px;
	color: #666;
	text-decoration: none;
	line-height: 18px;
	font-weight: 100;
	font-style: normal;
	padding-top:20px;
}
#fancyProductBox{
	background: #D4E3E6;
	margin-left:10px;
}
#fancyProductBox h3{
	padding:10px;
	padding-left:0;
}
#fancyProductBox img{
	margin-top:-20px;
	padding:10px;
	float:right;
}
#fancyProductBox p{
	color:black;
	padding:10px;
}
span.extraTitle{
	color:black;
}
.newswire{
	color: #333;
	margin-bottom:20px;
	border-bottom:1px solid #CCCCCC;
	overflow:auto;
}
.newswire h2{
	color: #333;
	line-height: 30px;
	font-weight: 400;
	border:none;
}
.newswire p{
	font-size: 15px;
	color: #333;
	line-height: 21px;
	font-weight: 300;
}
.newswire ul li {
	list-style:disc;
}
#browserWarning {
	background:#28485B;
	width:100%;
	height:40px;
	position: fixed;
	z-index: 79;
	bottom: 0;
}
#browserWarning h4 {
	margin: 5px;
	margin-top:10px;
	color: white;
	border: none;
	float: left;
	font-size:14px;
	font-weight:400;
}
#browserWarningInner {
	width: 900px;
	margin: auto;
}
.supplementaryPages {
	float:left;
}
.searchButton {
	width: 145px;
	padding: 5px 0 8px 0px;
	background: #ff0066 url('/images/uniGrade.png');
	color: white;
	border-radius: 0;
}
.searchButton:hover {
	background: #ff0066 url('/images/uniGrade.png');
	background-position: 50% 50%;
	color: white;
}
.searchButton:active {
	background-position: 50% 50%;
	color: white;
}
.faqLink {
	text-decoration:none;
	font-size:15px;
	colour:#70BFD0;
	margin-left:10px;
}
.faqLink a:visited {
	color:#70BFD0;
}
#supportWrapper{
	margin-top:20px;
	margin-bottom:-20px;
	margin-left: -10px;
}
#supportWrapper a {
	text-decoration:none;
	font-size:16px;
	color:#666;
	margin-left:10px;
}
#supportWrapper a:hover {
	color:#1A7E8F;
}
#supportWrapper .stripeMiddle h3 {
	float: none;
}
#supportWrapper .stripeMiddle {
	padding: 10px 0 0 0;
}
.supportOption {
	width: 30%;
	margin-top: 20px;
	float: left;
	margin-bottom:40px;
}
.supportOptionBottom {
	width: 30%;
	margin-right:40px;
	margin-top: 20px;
	float: left;
}
.stripeMiddle .supportOptionBottom > p {
	color:#7D7D7D;
	margin-top:5px;
	font-size:15px;
	margin-left: 0;
}
.stripeMiddle .supportOptionBottom > h3 {
	font-size:23px;
	font-weight:300;
}
.supportFloatingSearch {
        margin-top: 15px;
        left: 50%;
        position: absolute;
        cursor: pointer;
        margin-left: 309px;
}
.contactForm textarea:focus {
	background:#EFEFEF;
}
#contactMethods{
	padding-bottom: 100px;
	width: 100%;
	background: #F4F4F4;
	overflow: auto;
}
.contactFormInput {
/*	border: none; */
	height: 25px;
	margin: 5px 0 5px 0;
	width: 100%;
}
.contactFormTextArea {
	resize:none;
	margin:0;
/*	border: none; */
	padding-right:4px;
	width: 330px;
}
.contactForm td {
	color: #000000;
	text-align:right;
}
#contactQueryResults{
	margin-left: 10px;
	z-index: 1000;
	position: absolute;
	background: #D9EAED;
	left: 16%;
	width: 415px;
	margin-top: 203px;
	padding: 10px 20px 20px 20px;
	font-size: 13px;
	color: black;
}
#searchQueryResults{
	z-index: 1000;
        position: relative;
	background: #fff;
	margin-top: 5px;
	padding: 10px 20px 20px 20px;
	font-size: 13px;
	color: black;
        text-align: left;
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        border-radius: 8px !important;
        display: inline-block;
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
}
.search404 {
	left: 38% !important;
	margin-left: 6px;
	width: 630px;
	margin-top: -50px !important;
}
.kbSearch{
/*	left: 25%;
	margin-left: 15px;*/
	width: 665px
}
.leftTriangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 43.3px 25px 0;
	border-color: transparent #D9EAED transparent transparent;
	position: absolute;
}
.rightTriangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 43.3px 25px 0;
	border-color: transparent #D9EAED transparent transparent;
	position: absolute;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.upTriangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 25px 43.3px 25px;
	border-color: transparent transparent #D9EAED transparent;
	position: absolute;
}
ui-menu-item ul li {
	list-style-image: none;
}
ui-menu-item ul li {
	list-style-image: none;
}
.contactForm ul li {
	list-style-image: none;
}
#kbSearch {
        width: 630px;
        height: 54px;
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
        font-size: 20px;
	padding: 0px 60px 0px 15px;
	border: 1px solid #D7D7D7;
	-webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        border-radius: 8px !important;
}
.popularSearchTopics {
    padding: 8px !important;
    font-size: 14px !important;
    letter-spacing: 0.1px !important;
}
span.popularSearchTopicsItems {
    font-weight: bold;
    color: #fff;
}
a.popularSearchTopicsItems:link, a.popularSearchTopicsItems:visited, a.popularSearchTopicsItems:hover, a.popularSearchTopicsItems:active {
    color: #fff;
}

#kbSearch::placeholder {
    color: #c5c7c7;
}

#kbLoginForm {
/*	overflow: hidden;
	height: 0px;
*/	position: absolute;
	left: -100px;
	top: 18px;
	width: 400px;
	background-color: #111b22;
	color: #FFFFFF;
	z-index: 999;

}
/* used in invoice, order and order_info */
.money {
	text-align:right !important;
}
/* only used in order page for "remove" link */
a.plainLink, a.plainLink:visited {
	text-decoration: none;
	color: black;
}
/* used in pages such as my_products */
.fancyLink {
	color:#0A93B1;
	text-decoration: none;
}
.fancyLink:visited{
	color:#0A93B1;
	text-decoration: none;
}
.fancyLink:hover{
	color:#1A7E8F;
	text-decoration: none;
}
.renewalButton {
	width: 200px;
	float: right;
	font-size: 16px;
	padding: 3px 10px 3px 10px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.serviceButton {
	float: left;
	width: 100px;
	padding: 5px 10px 5px 10px;
}
/* Style for list of sale items within order. Only used in /secure/user/order.php
	and order_info.php */
table.itemsReport {
	width:680px;
	border-collapse:collapse;
	margin: 0;
}
table.itemsReport thead th{
	color:black;
	background:#f4f4f4;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	padding: 5px;
}
table.itemsReport thead th, table.itemsReport td{
    border: solid 2px #FFFFFF;
}
table.itemsReport tfoot td.empty{
	border:none;
}
table.itemsReport th, table.itemsReport td{
    padding:0.5em;
    background: #f4f4f4;
    text-align: left;
    font-size: 14px;
}
table.itemsReport th.empty, table.itemsReport td.empty {
	background: transparent;
}
table.itemsReport tbody th{
	text-align:left;
	font-size:smaller;
}
table.itemsReport tfoot th{
	text-align:right;
}
/* Special settings for EULA page */
ol.eulaList li {
    font-weight: bold;
}
ol.eulaList li p {
    font-weight: normal;
}
ol.eulaList li ol li {
    font-weight: normal;
}


/* Lower order numbers to include parent number, e.g. item 3 within orimary list item 2 is shown as "2.3", rather than just "3".
	All these eulaList related classes are designed to achieve this numbering format requirement. */
ol.eulaList > li {
    counter-increment: root;
}
ol.eulaList > li > ol {
    counter-reset: subsection;
    list-style-type: none;
}
ol.eulaList > li > ol > li {
    counter-increment: subsection;
}
ol.eulaList > li > ol > li:before {
    content: counter(root) "." counter(subsection) "  \00a0 \00a0 ";
}
ol.eulaList > li > ol > li > ol {
    counter-reset: subsubsection;
    list-style-type: none;
}
ol.eulaList > li > ol > li > ol > li {
    counter-increment: subsubsection;
}
ol.eulaList > li > ol > li > ol > li:before {
    content: counter(root) "." counter(subsection) "." counter(subsubsection) "  \00a0 \00a0 ";
}

ol.eulaList > li > ol > li > ol > li > ol {
    counter-reset: subsubsubsection;
    list-style-type: none;
}
ol.eulaList > li > ol > li > ol > li > ol > li {
    counter-increment: subsubsubsection;
}
ol.eulaList > li > ol > li > ol > li > ol > li:before {
    content: counter(root) "." counter(subsection) "." counter(subsubsection) "." counter(subsubsubsection) "  \00a0 \00a0 ";
}

/* above classes effectively replaced by this approach. */
.eulaNumbered {
	margin-left: 4em;
}
.eulaSectionHeader {
	font-weight: bold;
}

.recentUpdate {
	background: #F4F4F4;
	padding: 10px;
}
.recentUpdate h2, .recentUpdate p {
	margin-left: 0;
}

#nonResHolder{
	width: 100%;
}
#nonResLeft {
	width: 50%;
	float:left;
	margin-top: 20px;
}
#nonResRight {
	width: 45%;
	float: right;
	margin-left: 5%;
	margin-top: 20px;
}#nonResHolder p {
	font-size: 15px;
	line-height: 21px;
	font-weight: 300;
	color: #333333;
}
#nonResHolder a {
	color: #0A93B1;
	text-decoration:none;
}
#nonResHolder a:hover {
	color: #1A7E8F;
}
#nonResHolder h2 {
	font-weight: 300;
}
.nonResButton {
	color: #fff !important;
	background: #0A93B1;
	padding: 7px 20px 9px 20px;
	font-size: 16px;
	text-decoration: none;
	font-weight: 300;
	margin: 10px;
}
.FINDOUT_BUTTON a {
	background: #28485B;
	padding: 20px 40px 22px 40px;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	margin: auto;
	height: 40px;
	width: 200px;
	text-decoration: none;
}
.FINDOUT_BUTTON a:hover {
	background : #247890;
}
#newIn2014Holder ul li{
	list-style-image: none;
}
.NUMBER {font-family:'Open Sans', sans-serif; font-size:30px; font-weight:600; color:#0777A4; padding:3px 10px 13px 0; border-bottom:1px solid #ccc; width:20px}
.SECTION {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#0777A4; padding:9px 0 13px 0; border-bottom:1px solid #ccc}
.SECTION a:link {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#0777A4; padding:9px 0 13px 0; text-decoration:none}
.SECTION a:visited {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#0777A4; padding:9px 0 13px 0; text-decoration:none}
.SECTION a:hover {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#000; padding:9px 0 13px 0; text-decoration:none}

.LIST_NUMBER {font-family:'Open Sans', sans-serif; font-size:20px; font-weight:600; color:#0777A4; padding:3px 10px 3px 10px; background:#dff0f4; width:20px}
.LIST_TEXT {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#444; padding:0 0 20px 0}

.NORMAL {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#444}
.NORMAL a:link {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#0777A4; text-decoration:none}
.NORMAL a:visited {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#000; text-decoration:none}
.NORMAL a:hover {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:300; color:#0777A4; text-decoration:none}
.NORMAL_STRONG {font-family:'Open Sans', sans-serif; font-size:15px; font-weight:600; color:#000}

#FIRST {display:block}
#SECOND, #THIRD, #FORTH, #FIFTH {display:none}

.DIV_HANDJOB div {cursor:pointer}

.DOWNLOAD_BUTTON a:link {background:#28485B; padding:10px 20px 12px 20px; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#fff; text-align:center; margin:auto; height:40px; width:200px; text-decoration:none}
.DOWNLOAD_BUTTON a:visited {background:#28485B; padding:10px 20px 12px 20px; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#fff; text-align:center; margin:auto; height:40px; width:200px; text-decoration:none}
.DOWNLOAD_BUTTON a:hover {background:#247890; padding:10px 20px 12px 20px; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#fff; text-align:center; margin:auto; height:40px; width:200px; text-decoration:none}
#remoteSupportWrapper {
	width: 325px;
	font-family: 'Open Sans', sans-serif;
	margin:auto;
	margin-top: 50px;
}
#remoteSupportWrapper p {
	text-align: center;
	color: #444;
	font-size: 13px;
}
#remoteSupportWrapper a {
	color: #0A93B1;
	text-decoration: none;
	cursor:pointer;
}
#remoteSupportWrapper a:hover{
	color: #1A7E8F;
}
#remoteSupportWrapper h3 {
	font-size: 20px;
	color: #444;
	padding-top: 0;
	margin-left:15px;
	border: none;
}
#remoteSupportBox{
	background: #EFEFEF;
	padding: 20px;
}

.reasonsContent {
	color: #000000;
}
#reasons {
	width: 800px;
	height: 500px;
	overflow-y: auto;
}
#reasons h2{
	border:none;
	font-size: 20px;
	margin: 0;
}
#reasons p{
	margin-left: 0;
	font-size: 13px;
}

.mb17{
	margin-bottom: 17px;
}
.float-center1{
	max-width: 350px;
	margin: 0 auto;
}

.amlTooltip {outline:none; }
.amlTooltip:hover {text-decoration:none;}
.amlTooltip span.tooltipText { z-index:10;display:none; padding:14px 20px; margin-top:22px; margin-left:28px; width:300px; }
.amlTooltip:hover span.tooltipText{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;}
.amlTooltip span.tooltipText { border-radius:4px; box-shadow: 5px 5px 8px #CCC; }

.amlTooltip {outline:none; }
.amlTooltip:hover {text-decoration:none;}
.amlTooltip span.tooltipText { z-index:10;display:none; padding:14px 20px; margin-top:22px; margin-left:28px; width:300px; }
.amlTooltip:hover span.tooltipText{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;}
.amlTooltip span.tooltipText { border-radius:4px; box-shadow: 5px 5px 8px #CCC; }

@media print {
	#header
	{
		border: none;
	}
	#footer
	{
		display: none;
	}
}

.chooseFile{
	margin-bottom: 11px;
	padding: 2px 12px;
	background-color: #ff0066;
	border: 1px solid black;
	color: white;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 600;
 }

.m-top10{
	margin-top: 10px;
}
.m-left10{
	margin-left: 10px;
}

.disabled, .saveChanges:disabled, #continueButton:disabled, .buyButton:disabled {
	background: #afafaf;
	cursor: no-drop;
}

/* Form Validation */

input[data-invalid] {
    border-color: red !important;
}

input[data-invalid]:focus {
    outline-color: red;
}

/*
	Custom Tooltip
*/
.tooltip-right {
	position: relative;
	display: inline-block;
	color: black !important;
	cursor: pointer;
}

.tooltip-right .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: #0b4b84;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 110%;
}

.tooltip-right .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #0b4b84 transparent transparent;
}

.tooltip-right:after {
	content: url(/images/icon/info.svg);
	margin-left: 6px;
	position: relative;
	top: 3px;
}
.tooltip-right:hover{
	text-decoration: underline;
	color: #0b4b84 !important;
}
.tooltip-hover:after {
	content: "";
}
.tooltip-hover:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.tooltip-right:hover:after {
	content: url(/images/icon/info-blue.svg);
	margin-left: 6px;
	position: relative;
	top: 3px;
}

.buyButton-t1{
	float: right !important;
	font-size:16px !important;
	padding: 8px 3px 10px 3px !important;
	width: 120px !important;
	color:white !important;
}

#password_indicator {
	box-sizing: border-box;
	padding: 2px 3px;
	width: 100%;
}

#piText, #piText2 {
	text-align: center;
	margin: 0.3em;
	font-weight: bold;
}

.pi-square-container {
	display: flex;
	gap: 2px;
	width: 100%;
}

.pi-square {
	background-color: #a5a5a5;
	height: 5px;
	min-width: 5px;
	width: 100%;
}

.pil1 #piText2, .pil0 #piText2 {
	color: #e83e36;
}

.pil1 .pi-square:nth-child(1) {
	background-color: #e83e36;
}

.pil2 #piText2 {
	color: #fe700b;
}

.pil2 .pi-square:nth-child(1),
.pil2 .pi-square:nth-child(2) {
	background-color: #fe700b;
}

.pil3 #piText2 {
	color: #f2a80d;
}

.pil3 .pi-square:nth-child(1),
.pil3 .pi-square:nth-child(2),
.pil3 .pi-square:nth-child(3) {
	background-color: #f2a80d;
}

.pil4 #piText2 {
	color: #11a768;
}

.pil4 .pi-square {
	background-color: #11a768;
}

#passwordAdditionalInfo, span[id$="-mismatchMessage"] {
	display: block;
	padding: 4px 12px;
}

.green {
	color: green;
}
.db-cb{
	display: block;
	clear: both;
}


div.managePayments{
	margin: 0 5px 15px 10px;
	padding: 10px 35px 10px 10px;
	color: #000000;
	background: #f4f4f4;
	width: 645px;
}

.managePayments .buyButton, .textWithButtons a {
	font-size: 13px;
	width: 100px;
	padding: 5px 5px 5px 5px;
}
.managePayments .buyButton {
	background-image: linear-gradient(to bottom, #3d73ad, #0b4b84);
}
.managePayments a {
	color: #0b4b84;
}
.managePayments a.buyButton {
	color: white;
}
.managePayments .hub-tcButton{
	background: #6195AE url('/images/uniGrade.png');
}
.managePayments .hub-tcButton:hover{
	background: #6195AE url('/images/uniGrade.png');
	background-position: 50% 50%;
}
.p-left2 {
	padding-left: 2px;
}
.productSelectQty {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin-left: 4px;
	width: 40px;
}

input[type="number"].productSelectQty,
input[type="text"].productSelectQty {
	padding: 1px 3px;
	box-sizing: border-box;
}