body{text-align: justify;word-wrap:break-word; margin: auto; padding:1em;background-color: rgba(255,255,255,1); color:rgba(047,079,079,1); font-family:arial,helvetica,sans-serif; font-size: 14px; line-height:2em;}

header{height:42px;}

#nava{z-index:20;}
#nava{left:1em;text-align:left;}
#nava div span{padding-left:.5em;padding-right:.5em;}
#nava div span:hover{background-color: rgba(204,204,255,.1);}
#nava div a{padding-left:.5em;padding-right:.5em;}
#nava div a:hover{background-color: rgba(204,204,255,.1);}

#navApp{left:1em;text-align:left;}
#navApp div span{padding-left:.5em;padding-right:.5em;}
#navApp div span:hover{background-color: rgba(204,204,255,.1);}
#navApp div a{padding-left:.5em;padding-right:.5em;}
#navApp div a:hover{background-color: rgba(204,204,255,.1);}

#navSite{z-index:20;}
#navSite{right:1em;text-align:right;}
#navSite div span{padding-left:.5em;padding-right:.5em;}
#navSite div span:hover{background-color: rgba(204,204,255,.1);}
#navSite div a{padding-left:.5em;padding-right:.5em;}
#navSite div a:hover{background-color: rgba(204,204,255,.1);}

nav{position:absolute;display:inline-block;z-index:4;background-color: rgba(255,255,255,1);border-width: 0px; border-radius: .2em; padding:4px;}
nav div{display:none;font-weight: 500;}
nav:hover {box-shadow: 0px 0px .2em .1em #ccccff;}
nav:focus {box-shadow: 0px 0px .2em .1em #ccccff;}
nav:hover div{display:block;}
nav:focus div{display:block;}

nav div a{display:block;}
nav div span{display:block;}
nav div a span{display:inline; margin-left:0em;}

h1{opacity:.8; font-size:1em; padding:0em; margin:0em; margin-left:.5em ;text-shadow: 1px 1px 1px rgba(0,0,0,.2); display:inline;}
nav .logo{margin-right:.5em}
.logoplus{color:#ff6600;font-weight:700;font-size:120%;}

.img {text-align:center;}
img{max-width:100%;height:auto;}

#fade {position: fixed; left: 0%;top: 0%; background-color: #000000; opacity:0.8; width: 100%;height: 100%; margin:0px; padding:0px; z-index: 199;}
#overlay {position: fixed; overflow: auto; left: 10%; top: 10%; width: 80%; height: 80%; margin:auto; z-index:200; background-color: #ffffff;color:#000000; border-width:0px; border-radius:1em;}
#overlay div {padding:1em; margin:auto; vertical-align:middle; text-align:center; line-height:1.2em;}

#sections {top:32px;}
#sections a:link{text-decoration: none;background-color:rgba(255,255,255,1); color:rgba(0,0,255,1); opacity:.8;}
#sections a:hover {opacity:1;}
#sections a:visited {color:rgba(0,0,255,.8);}
#sections a:active{color:rgba(0,0,255,1); opacity:1;}

#content a:link{text-decoration: none;background-color:rgba(255,255,255,1); color:rgba(0,0,255,1); opacity:.8;}
#content a:hover {opacity:1;}
#content a:visited {color:rgba(0,0,255,.8);}
#content a:active{color:rgba(0,0,255,1); opacity:1;}


p iframe{width:100%;height:500px;}
iframe{width:100%;height:100%;}

div object{width:100%; height:100%;}

.link{text-decoration: none;background-color:rgba(255,255,255,1); cursor: pointer; color:rgba(0,0,255,1); opacity:.8; white-space: nowrap; padding:2px; margin:2px;}
.link:hover {opacity:1;}
.link:visited{color:rgba(0,0,255,1); opacity:.8;}
.link:active{color:rgba(0,0,255,1); opacity:1;}

#tochelp a{line-height:2.5em;}

#microdata {text-align:center;line-height:2em;font-size:90%}
#microdata img{height:32px;width:32px;}

#sections .inlink {border-color:rgba(0,0,255,.5); color:rgba(0,0,255,.8); cursor: pointer; width:5em; text-align:center;}
#sections .inlink:hover{border-color:rgba(0,0,255,1); color:rgba(0,0,255,1);}

#sections .inhidelink {color:rgba(0,0,255,.5); border: none; cursor: pointer; width:5em; background-color: unset;}
#sections .inhidelinkgreen {color:rgba(0,153,0,1); border: none; cursor: pointer; width:5em; background-color: unset;;font-weight: 700;}
#sections .inhidelinkred{color:rgba(255,0,0,1); border: none; cursor: pointer; width:5em; background-color: unset;;font-weight: 700;}
#sections .inhidelinkblue {color:rgba(0,0,255,1); border: none; cursor: pointer; width:5em; background-color: unset;;font-weight: 700;}

#sections .inhidelink:hover{opacity:1; box-shadow: 0px 0px .2em .1em #0000ff;}
#sections .inhidelinkgreen:hover{opacity:1; box-shadow: 0px 0px .2em .1em #0000ff;}
#sections .inhidelinkred:hover{opacity:1; box-shadow: 0px 0px .2em .1em #0000ff;}
#sections .inhidelinkblue:hover{opacity:1; box-shadow: 0px 0px .2em .1em #0000ff;}

#appHead {line-height:2em;}

#appData {overflow-x:auto;overflow-y:hidden;}

#appData table{max-width:100%;border-collapse: collapse;line-height:1.2em;}
#appData thead tr{height:3em;}
#appData tbody tr{height:2em;}
#appData th{text-align:right;position: sticky;top: 0;background-color: rgba(255,255,255,1);z-index:3;}
#appData td{text-align:right;}

#appData th[data-sortDir='none']:after {content: "\2195";}
#appData th[data-sortDir='asc']:after {content: "\2191";}
#appData th[data-sortDir='dec']:after {content: "\2193";} 

#appData tr[data-collection='none'] td:nth-child(1) span:nth-child(3) {color:rgba(0,0,0,.1);}
#appData tr[data-collection='star'] td:nth-child(1) span:nth-child(3) {color:rgba(0,0,0,1);}

#appData [tabindex]{position: relative;}
#appData [tabindex]:focus::after {content: attr(title);font-size:80%;color:rgba(051,102,102,1);font-weight:500; line-height:1.2em; position: absolute;top: 1em; left:-7em; background-color: rgba(255,255,255,1);border-width: 0px; border-radius: .2em; padding:.5em; box-shadow: 0px 0px .2em .1em #ccccff; width: 7em;z-index:2;} 

#appFoot{line-height:1.2em;}

#help p.list a{text-decoration:none;display:block;margin:.5em;}

#account {line-height:2em;}
#accountdetails p input{width:200px;border-style:none;border-width:0em;}
#accountdetails p input:first-of-type{width:100px;font-weight: 700;text-align:left}

#sections h2 {opacity:.8;font-size:1.2em; text-align:left;text-shadow: 1px 1px 1px rgba(0,0,0,.2);}

.bluebut{text-decoration:none;cursor: pointer; font-style: italic; font-weight: 700; color: #ffffff !important; background-color:#0000ff !important; opacity:1; border-width: 0px; border-radius: .5em; padding:.5em; margin:.5em;}
.bluebut:hover {opacity:1; box-shadow: 0px 0px .2em .1em #0000ff;}

.redbut{cursor: pointer; font-style: italic; font-weight: 700; color: #ffffff; background-color:#ff0000; opacity:.8; border-width: 0px; border-radius: .5em; padding:.5em; margin:.5em;}
.redbut:hover {opacity:1; box-shadow: 0px 0px .2em .1em #ff0000;}

.bluebutbor{text-decoration:none;cursor: pointer; font-style: italic; font-weight: 700; color: #0000ff; background-color:#ffffff; opacity:.8; border-width: 0px; border-radius: .2em; padding:.5em; margin:.5em;}
.bluebutbor:hover {opacity:.8; box-shadow: 0px 0px .2em .1em #0000ff;}

.stygreen{color:rgba(0,153,0,1);font-weight: 700;}
.styred{color:rgba(255,0,0,1);font-weight: 700;}
.styblue{color:rgba(0,0,255,1);font-weight: 700;}

.stystar{background-color: rgba(204,204,255,.1);}

.icon{padding:.5em;font-size:120%;}

.highlight{font-weight:700;}
.fontsmall{font-size:80%;}

.adres{padding:1em;text-align:center;}
footer{margin-top:1em;padding-top:1em;border-top:3px solid rgba(255,102,0,1);background-color: rgba(255,255,255,1);}
.tagline{font-size:1em;line-height:1.2em;text-align:right;}
.cstate{visibility:hidden;padding:0px; margin:0px;font-size:80%;line-height:1.2em;word-spacing:normal;}
.copy:hover ~ .cstate{visibility:visible;}
footer .bottom{text-align:right;line-height:3em;}
footer .bottom a{margin-left:3em;}

.subNav{text-align:center;font-size:small;font-family:arial,sans-serif;padding:1em;}
.subNav a+a{margin-left:3em;}
.subNav span+span{margin-left:3em;}
.subNav span+a{margin-left:3em;}
.subNav a+span{margin-left:3em;}

#navApp:focus {outline:none;}
#navSite:focus {outline:none;}

::placeholder {color:rgba(204,051,0,.5);}

.adapp{text-align: center;padding:1em;}

.content {position:absolute;width:65%;left:15%;top:20px;background-color: rgba(255,255,255,1);text-align: justify;z-index:10;word-wrap:break-word;} 

.border{border-style:solid;border-width:1px;border-color:#f0f0f0;border-radius:1em;padding:1em;margin:1em;}

.fulltableborder {text-align: left; vertical-align: top; border-style:solid;border-width:1px;border-color: rgba(204,204,255,.1);border-radius:1em; border-collapse:collapse; width:100%; line-height: 120%;}
.fulltableborder tr td{padding:1em;}
.colshade tr td:nth-child(odd) {background-color: rgba(204,204,255,.1);} 
.rowshade tr:nth-child(even) {background-color: rgba(204,204,255,.1);}
td{vertical-align: top;}

ul{line-height:2.5em}
 
#content h1{opacity:1; padding:0em; margin:0em; text-shadow: 1px 1px 1px rgba(0,0,0,.2); display:block;}

#comments{position:absolute;right:0%; top:0%; height:auto; width:15%; background-color: rgba(255,255,255,1); color: rgba(0,0,0,1); line-height: 120%;z-index:5;}

#comments a:link{color:inherit;}

#comments a{display:block;text-decoration:none;text-align:right;padding:1em;font-family:serif;font-size:14px;}
#comments a span:nth-child(1) {display:block;font-style:italic;}
#comments a span:nth-child(2) {display:block;color: rgba(0,0,66,.8);}

#comments a span:nth-child(1):before {content: '"';} 
#comments a span:nth-child(1):after {content: '"';} 

#comments span:hover {color:rgba(0,0,0,1);transition: all 2s ease-in-out;}
#comments:hover {animation-play-state: paused;}

#comments span:active {color:rgba(0,0,0,1);transition: all 2s ease-in-out;}
#comments:active {animation-play-state: paused;}


#comments a[href="http://bas-i.com.au/"]:after {content: 'BAS-I.C free and easy small business accounting';color: rgba(153,153,0,1);text-decoration:underline;}

#comments a[href*="basbusinessaccounts"]:after {content: 'BAS Business Accounts';color: rgba(153,153,0,1);text-decoration:underline;}

#comments a[href*="pricebreakeven"]:after {content: 'Price Break Even Analysis';color: rgba(153,153,0,1);text-decoration:underline;}

#comments a[href*="businessvaluation"]:after {content: 'Business Valuation';color: rgba(153,153,0,1);text-decoration:underline;}

div.comments > :nth-child(2n+1) {font-style:italic;}
div.comments > :nth-child(2n+1):before{content: '"'}
div.comments > :nth-child(2n+1):after{content: '"'}
div.comments > :nth-child(2n+2) {color: rgba(0,0,66,.8);margin-bottom:2em;font-weight:700;}


#comments p{display:block;text-decoration:none;text-align:right;padding:1em;font-family:serif;font-size:14px;}
#comments p:nth-child(odd) {display:block;font-style:italic;padding-bottom:0em;}
#comments p:nth-child(even) {display:block;color: rgba(0,0,66,.8);padding-top:0em;}
#comments p:nth-child(odd):before {content: '"';} 
#comments p:nth-child(odd):after {content: '"';} 

h1.hone{font-size:12px;text-align:right;width:100%;}
div.tile {text-align: center;}
div.tile a {opacity:1;padding:4px;}
div.tile a img[src$=".svg"]{opacity:1;}
div.tile a img {width:30%;}
div.tile a img:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,1);}

h2.htwo{font-size:1.2em;text-align:center;}

#links{font-size:16px; margin-top:16px; line-height:200%;letter-spacing:normal; text-align:center;margin:4px; font-family:courier,serif;}
#links a:first-child::before {content: " : ";}
#links a::after {content: " : ";}

.cent {text-align: center;}
.sm{font-size: 80%;line-height:2em;}

span.qa{font-weight: bold;color:#cc9933;}
span.q{font-weight: bold;color:#990000;}
div.line {margin: 20px;width: 300px;border-bottom:3px solid rgba(255,102,0,1);}
.topic {text-align:center;}
.topic a{padding-left:1em;margin:1em;}
.topic a:first-of-type{padding-left:0em;}

.high{font-weight: bold; color: #990000;}
.cent {text-align: center;}

@media all and (max-width:1100px)
{
.content{width:90%;margin:0px;position:relative;left:5%;}
 
#comments{position:relative;margin:0px;width:90%;left:5%;padding-top:3em;}
#comments a{padding-left:0em; padding-right:0em;}
#comments{display:none;}

section h1 {padding-top:.6em;}
.tile{display:none;}

#navSite {display:none;}

#appChart {min-height:300px;}

#appData th{padding-left:1em;text-align: right;}
#appData table {width:initial;}
#appData{display:none;}
#appHead p {line-height:1.2em;}
}