/* Main Layout */
html {height: 100%;}
body { 
	font-family: Helvetica, Arial, sans-serif; 
        color:#555;
        font-size: 8.25pt;
        font-weight: normal;
        letter-spacing: normal;
        text-transform: none;
        word-spacing: normal;
        margin: 0;
        padding: 0 0 0 0px
}

body.contentpane { 
	background:#fff; 
	color:#555;
}

.background {
	position: absolute;
	width: 100%; 
	background:#eeeeee url(https://www.jamaicatax.gov.jm/TAJ-Portal-theme/images/taj/bg.gif) repeat;
}

h1,h2,h3,h4,h5,h6 {
	margin:0; 
	font-weight:bold; 
	color:#134E8B ;
	font-family:Arial, Helvetica, sans-serif;
}

.componentheading { 
	font-style:italic;
	font-size:25px; 
	margin:0; 
	padding:0 0 10px 0; 
	color:#1a528c;
}

ul {margin:0 0 0 15px;}

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

p em {font-style:italic;}

blockquote { 
	background:#eee; 
	border:3px solid #ccc; 
	margin:5px; padding:5px; 
	font-size:18px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-style:italic
}

element.style { height:auto;}

hr { 
	width:100%; 
	clear:both; 
	border:none; 
	height:2px; 
	background:#eee; 
	margin:0; 
	padding:0;
}

.clr {clear: both;}

/* Header */
#header {
        position:relative;
        height:105px;
        margin: 0px auto 0;
        background:url(https://www.jamaicatax.gov.jm/TAJ-Portal-theme/images/taj/banner.png) repeat-x;
}

#header-w {
position: absolute;
    background: #555;
    height: 105px;
    width: 100%;
}

.top {color:#fff;width:450px;overflow:hidden; padding:20px 0 0 0; margin:0 0 0 500px;z-index:1;}
.top a {color:#fff; text-decoration:underline}
.logo { position:absolute; left:30px; color:#fff; top: 13px;}
.slogan { position:absolute; left:350px; color:#959595; top: 74px;}
.tguser { position:absolute; right:10px; top: 0px; color:#fff; float:right;}

.topmenu {right:130px; top:10px; float:right; height:22px;font-family: segoe ui, verdana, arial, sans-serif; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; webkit-bottom-right-radius: 7px; webkit-bottom-left-radius: 7px ;}
.topmenu ul {margin:0; padding:0; float:left; -moz-border-radius: 5px; border-radius: 5px;}
.topmenu ul li {list-style:none;float:left;height:100%;position:relative;}
.topmenu ul li a { display:block;padding:0 10px 0 10px; margin:0; line-height:22px; color:#0d829b; text-decoration:none;font-size:12px;font-weight:normal; font-family: ''Terminal Dosis'', sans-serif;}
.topmenu ul li.active {}
.topmenu ul li.active a {}
.topmenu ul li:hover {}
.topmenu ul li a:hover{ text-decoration:none; font-weight:normal; font-size:12px; -moz-border-radius: 5px; border-radius: 5px; color:#ff0000;text-shadow:none;}
.topmenu ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
.topmenu ul li:hover ul, #menu ul li.sfHover ul {left:0;}
.topmenu ul li ul li {padding:0;height:auto;width:180px; margin:0; border:none;}
.topmenu ul li:hover ul li a {text-shadow:none;}
.topmenu ul li:hover ul li { background:none;}
.topmenu ul li:hover ul li a, .topmenu ul li ul li a, .topmenu ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:11px;font-weight:normal;text-shadow:none;}
.topmenu ul li ul li a:hover, .topmenu ul li ul li.active a, .topmenu ul li.active ul li a:hover, .topmenu ul li.active ul li.active a {margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:11px;text-shadow:none;}
.topmenu ul li ul ul, .topmenu ul li:hover ul ul, .topmenu ul li:hover ul ul ul, .topmenu ul li:hover ul ul ul ul, .topmenu ul li.sfHover ul ul, .topmenu ul li.sfHover ul ul ul, .topmenu ul li.sfHover ul ul ul ul {left:-999em;} 

/* Content */
#main { margin:0px auto;position: relative;text-align: center;}
#main-content { clear:both;background:#fff;position:relative; padding: 9px; height:100%;border-left: 1px solid #bab9b9;border-right: 1px solid #bab9b9;color: #555;}

#nav {z-index:10; position:relative;}
#nav-left { float:left; width:80%;}
#nav-right { float:right; width:20%;}
#nav ul {margin-left: 3px; padding:0; float:left;}
#nav ul li {list-style:none;float:left;height:100%;position:relative; padding-right:1px; margin:0;}
#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:40px; color:#fff; text-decoration:none;font-size:14px;font-weight:normal; }
#nav ul li.active {}
#nav ul li.active a {-moz-border-radius: 5px; border-radius: 5px; color:#000000; background: #F4C100; height: 30px; margin: 5px 0px 5px 0px; line-height: 30px;}
#nav ul li:hover {}
#nav ul li a:hover{ background: #F4C100; text-decoration:none; font-weight:normal; color:#000000; text-shadow: none; -moz-border-radius: 5px; border-radius: 5px; height: 30px; margin: 5px 0px 5px 0px; line-height: 30px;}
#nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left; }
#nav ul li ul li:hover ul {left:180px; top:0}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#00ABE9;border-bottom:1px solid #3a3a3a;color:#fff; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0 0 0 10px;height:24px;line-height:24px;background:#F4C100;color:#000000; font-size:12px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}


/*=====================================================================================*/

#headerwrapper
{
width:auto;
display: inline-block;
}
.PageWrapper {
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0 0 15px #5E5C5C;
    display: inline-block;
    text-align: left;
    min-width: 970px;
}

.PageHeader { 
position: relative;
left: -1px;
height: 40px;
width: 100%;
background: url(https://www.jamaicatax.gov.jm/TAJ-Portal-theme/images/taj/mainmenu.png) 0 0 repeat-x;
font-family: ''Terminal Dosis'', sans-serif;
border-left: 1px solid #BAB9B9;
border-right: 1px solid #BAB9B9;
}

div.ControlMessageContainer
{
  padding: 10px 10px;
  max-width:  940px;
}

div.ContentWrapper
{
	position: relative;
	width: auto;
	padding-bottom: 10px;
}

div.ContentWrapper > div.ManagerContainer
{
	min-width: 950px;
	position: relative;
	min-height: 350px;
	padding: 10px;
	width: auto;
}

body.PageScrolling div.ContentWrapper > div.ManagerContainer
{
	padding-bottom: 30px;
}

div.ContentWrapper > div.ManagerContainer:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a.SidebarNavigationLink:hover
{
    color: #3587ff;
    text-decoration: underline;
    background: none;
}

.Sidebar, .SidebarBackgroundColor {
    background: #ffffff;
    max-width: 950px;
}

div.SidebarSection.SidebarSectionMenu {
    background: #F7F8FB;
}


.SidebarSection.SidebarNavigationMenu.SidebarNavigationBreadcrumbs {
    width: 660px;
    position: relative;
    left: 0px;
}

a.SidebarNavigationLink, span.SidebarNavigationLabel {
    color: #3587ff;
}

a.SidebarSectionHeaderLink.SidebarSectionHeaderLinkLogOff {
    color: #3587ff;
}

.SidebarNavigationEntries > li + li:before {
    color: silver;
}

.SidebarSectionDevelopment .SidebarSectionHeader {
    background: #5578BC;
}

.SidebarSectionDevelopment > .SidebarGroup {
    padding: 2px;
}

.SidebarSection.SidebarSectionDevelopment {
    left: 101%;
}

a.ManagerMenuLink {
    left: -20px;
    color: #3587ff;
    visibility: hidden;
}

.ManagerMenu .qtip-content
{
    background: #FFF;
    color: #FFF;
}

    .ManagerMenu .qtip-content a.MenuLink
    {
        color: #3587FF;
        margin: 5px 0;
    }

.SidebarContainer > a.SidebarSectionHeaderLinkLogOff:before {
    visibility: hidden;
}

.WebSpringboardHeader .WebHotLinksPanel {
    margin: -29px 0 0 -8px;
    border: #597CBC;
    border-radius: 8px;
    padding: 0;
}

.WebSpringboardHeader .WebHotLinksPanel .TableContainer {
	background: white;
	border-radius: 4px;
	padding: 5px;
}

.WebSpringboardHeader .WebHotLinksPanel div.TableTitlebar {
	margin: 0;
	height: auto;
	background: none;
	padding-left: 3px;
}

.WebSpringboardHeader .WebHotLinksPanel div.TableTitlebar div.TableCaption {
	position: relative;
	bottom: auto;
	margin-bottom: 5px;
	height: auto;
	background: none;
}

.WebSpringboardHeader .WebHotLinksPanel .FastTitlebarCaption {
	position: relative;
}

div.ActionBarContainer{
       max-width: 950px;
}

.ActionBarBorder {
height: 0px;
}

a.ActionButton, .FastMessageBox .ui-dialog-buttonset button {
margin: 0px 5px 0 0;
display: inline-block;
min-width: 75px;
padding: 4px;
text-align: center;
background: #597CBC;
color: white;
font-weight: bold;
clear: both;
moz-border-radius: 15px 15px 15px 15px;
webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
cursor: pointer;
webkit-text-shadow: 2px 2px 2px #333;
text-shadow: 2px 2px 2px #333;
border: 1px solid;
border-color: #6188CC #193C7C #193C7C #6188CC;
}

div.ContentWrapper > div.ManagerContainer > div.ControlContainer
{
	min-width: 740px;
	margin: 10px 0 10px;
	width: auto;
}

li.StepSelectorStepCurrent {
display: inline-block;
min-width: 60px;
text-align: center;
} 

li.SidebarNavigationCurrent {
font-weight: bold;
font-weight: bold;
moz-border-radius: 3px;
border-radius: 3px;
webkit-box-shadow: 0 0 2px 2px #D3D4D6;
}


a.StepSelectorButton.StepSelectorDisabled, a.StepSelectorButton.StepSelectorDisabled:hover {
background: #999;
text-decoration: none;
cursor: default;
}

a.StepSelectorButton {
margin: 0;
display: inline-block;
min-width: 60px;
padding: 3px 5px;
text-align: center;
background: #597CBC;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#597CBC), to(#496CBC));
background: -moz-linear-gradient(270deg, #597CBC, #496CBC);
background: -o-linear-gradient(#597CBC, #496CBC);
ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#597CBC, endColorstr=#496CBC)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=''#597CBC'', endColorstr=''#496CBC'');
color: white;
font-weight: bold;
clear: both;
moz-border-radius: 15px 15px 15px 15px;
webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
cursor: pointer;
border: none;
}

a.StepSelectorStep, span.StepSelectorStep {
vertical-align: middle;
padding: 2px 5px;
background-color: #BACDEF;
moz-border-radius: 10px;
border-radius: 10px;
font-weight: bold;
border: 1px solid #597CBC;
}

.StepSelectorStepCurrent .StepSelectorCaption {
color: black;
}

ul.GroupedTabSet
{
	background: none;
	filter: none;
	-ms-filter: none;
}

.ui-dialog .ManagerModalContainer {
    overflow: visible;
    padding: 40px;
}

a.GroupSelector {
color: #4F6FA5;
webkit-text-shadow: none;
text-shadow: none;
}

a.ViewSelector {
color: #597cbc;
white-space: nowrap;
font-weight: bold;
display: block;
padding: 3px 3px 2px 3px;
margin-bottom: 4px;
text-decoration: none;
}

.TableHeaderLink a {
color: white;
min-height: 14px;
}

.WebListPanel {
margin: 0 0 4px 4px;
}

a.DTColText, span.DTColText, .DocTable td.HeaderCell a {
color: black;
display: block;
height: 100%;
width: 100%;
overflow: hidden;
}

.SessionMessageContainer {
max-width: 1180px;
}

a.SessionMessageReturn {
font-family: inherit;
font-size: inherit;
font-weight: bold;
cursor: pointer;
background: #DDD;
color: black;
moz-border-radius: 15px 15px 15px 15px;
webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
border: 1px solid;
border-color: #EEE #AAA #AAA #EEE;
webkit-text-shadow: 2px 2px 2px #999;
text-shadow: 2px 2px 2px #999;
}

.FastComboButtonSet .ui-button.ui-state-disabled.ui-state-active
    {
        background-color: #5180CC;
    }

/*=======================COLLECTION PAYMENT BUTTON============================*/

button.ActionButton.ActionButtonColPym{
    top: -70px;
    left: -400px;
    height: 10px;
    width: 25%;
    padding: 7px;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    cursor: pointer;
    background: #597cbc;
    color: white;
}

div.ActionBarContainer.ActionBarBottom>div.ActionBar button.ActionButton.ActionButtonColPym{

position:  relative;
visibility:  inherit;
}

/*=======================TAX PREPARER SUBMIT BUTTON============================*/

button.ActionButton.ActionButtonSndSgn{
    top: -50px;
    left: -433px;
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    cursor: pointer;
    background: #193C7C;
    color: white;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 2px;
    border: none;
    border-color: #EEE #193C7C #193C7C #EEE;
    padding: 4px 5px;
    -webkit-text-shadow: 0px 0px 0px #999;
    text-shadow: none;
}

div.ActionBarContainer.ActionBarTop>div.ActionBar button.ActionButton.ActionButtonSndSgn{
background: black;
position: relative;
visibility: hidden;
}

/*================================IMPORT BUTTON=================================*/

button.ActionButton.ActionButtonImport {
    visibility: hidden;
}


/*==============================PDF BUTTON=====================================*/
button.ActionButton.ActionButtonPDFLnk{
    margin: 0 0 0 5px;
    box-sizing: content-box;
    min-width: 50px;
    height: auto;
    padding: 3px 5px;
    text-align: center;
    color: white;
    background: #DDD;
    font-weight: bold;
    border: none;
    border-radius: 2px;
    text-shadow: none;
}



/*==============================PROGRESS BAR===================================*/
ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 35px;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr[data-progtrckr-steps="2"] li.progtrckr-current:after { width: 88%; }
ol.progtrckr[data-progtrckr-steps="3"] li.progtrckr-current:after { width: 84%; }
ol.progtrckr[data-progtrckr-steps="4"] li.progtrckr-current:after { width: 79%; }
ol.progtrckr[data-progtrckr-steps="5"] li.progtrckr-current:after { width: 75%; }
ol.progtrckr[data-progtrckr-steps="6"] li.progtrckr-current:after { width: 71%; }
ol.progtrckr[data-progtrckr-steps="7"] li.progtrckr-current:after { width: 67%; }
ol.progtrckr[data-progtrckr-steps="8"] li.progtrckr-current:after { width: 62%; }
ol.progtrckr[data-progtrckr-steps="9"] li.progtrckr-current:after { width: 59%; }

ol.progtrckr li.progtrckr-todo {
    color: silver; 
    padding-bottom: 10px;
    border-bottom: 8px solid silver;
}

ol.progtrckr li.progtrckr-current {
    color: silver; 
    padding-bottom: 10px;
    border-bottom: 8px solid silver;
}

ol.progtrckr li.progtrckr-done {
    color: black;
    padding-bottom: 10px;
    border-bottom: 8px solid yellowgreen;
}

ol.progtrckr li:before {
    position: relative;
    bottom: -37px;
    float: left;
    left: 44%;
    line-height: 10px;
}

ol.progtrckr li.progtrckr-current:before {
    content: "";
    position: relative;
    bottom: -33px;
    float: left;
    left: 42%;
    color: white;
    background-color: yellowgreen;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border: 3px solid silver;
    border-radius: 50%;
}

ol.progtrckr li.progtrckr-current:after {
    content:"";
    position: relative;
    float: left;
    left: -55%;
    line-height: 25px;
    z-index:1;
    top: 45px;
    border:4px solid yellowgreen;
}


ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 25px;
    width: 25px;
    line-height: 26px;
    border-radius: 50%;
}

ol.progtrckr li.progtrckr-todo:before {
    content: "";
    color: white;
    background-color: silver;
    height: 25px;
    width: 25px;
    line-height: 26px;
    border-radius: 50%;
}

ol.progtrckr li.one:before {
  content: "1";
}

ol.progtrckr li.two:before {
  content: "2";
}

ol.progtrckr li.three:before {
  content: "3";
}

ol.progtrckr li.four:before {
  content: "4";
}

ol.progtrckr li.five:before {
  content: "5";
}

ol.progtrckr li.six:before {
  content: "6";
}

ol.progtrckr li.seven:before {
  content: "7";
}

ol.progtrckr li.eight:before {
  content: "8";
}

ol.progtrckr li.nine:before {
  content: "9";
}