body {color:#BBD7E7; font-family:tahoma,Arial,sans-serif; font-size:13px; font-weight:normal;}

/* basic styles */
p			{line-height:18px; margin: 6px 0px;}

a			{text-decoration: none; color: #FFF; cursor: pointer;}
a:hover		{text-decoration: none; color: #3CF;}

img.profiles {margin-top: 10px; border: solid 1px #333;}

.page-break {display:none;} /* this is to create page break for long pages in print css */

/* ---------- headings ---------- */
h1, h2, h3, h6 {color: #FFF; font-family: Helvetica, Arial, sans-serif;}
h1 {font-size: 18px; padding-bottom: 8px; text-transform: uppercase; line-height: 40px;}
h2 {font-size: 18px; padding-top: 20px; font-family: Tahoma, Arial, Sans-Serif; line-height: 20px;}
h3 {font-size: 14px; font-weight: bold; padding-top: 16px; font-family: Tahoma, Sans-Serif;}
h4 {font-size: 12px; font-weight: bold; color: #FFF; padding: 10px 0px 2px 0px; line-height: 16px;}
h6 {font-size: 16px; text-transform: uppercase;}

/* ---------- paragraph ---------- */
.note   {color: #DDD; font-size: 11px; font-family: Verdana, Sans-Serif;}
.small  {font-size: 11px;}

/* ---------- float -------------- */
.left   {float: left; margin-right: 16px;}
.right  {float: right; margin-left: 20px;}
.center {text-align: center;}

/* ---------- links -------------- */
.pdf, .doc, .xls, .web, .media  {margin-left: 2px; text-decoration: none; padding-left: 20px; /*adjust bullet image padding*/}
.pdf	{background: transparent url(../images/icons/pdf.png) no-repeat center left;}
/*a.pdf {text-decoration: none; color: #BBD7E7;}
  a:hover.pdf  {text-decoration: none; color: #3CF;} */
.doc	{background: transparent url(../images/icons/doc.gif) no-repeat center left;}
.xls	{background: transparent url(../images/icons/xls.gif) no-repeat center left;}
.media	{background: transparent url(../images/icons/web.png) no-repeat center left;}
.video  {background: transparent url(../images/icons/video-blue.png) no-repeat 0 0; padding-left: 24px; display: block; height: 25px; line-height: 22px;}

/* list style unordered list */
ul      {margin-left: 25px;}
ul li   {line-height: 18px; list-style-type: square;}

/* list style unordered list */
ol      {margin-left: 25px;}
ol li   {line-height: 18px;}

/* form styles */
#form       {width: 98%; background: #FFF; border: solid 1px #C7C7C7;}
#form td    {background: #E8E8FC; line-height: 18px; padding: 5px 14px; border: solid 1px #FFF; font-family: Verdana, Sans-Serif;}
#form .heading {background: #C7C7C7; font-weight: bold;}

/*#form .checkbox {color: #121E3F; background: #eee; border: 0px solid #C7C7C7;} */
#form .submit {border: 1px solid #a3a3a3; background: #f2f2f2; padding: 4px;}
#form .dropdown {font-size: 12px; color: #121E3F; background: #f2f2f2; border: 1px solid #C7C7C7; font-family: Verdana, Sans-Serif;}

input, textarea, select {font-size: 12px; color: #121E3F; background: #f2f2f2; border: 1px solid #C7C7C7; font-family: Verdana, Sans-Serif;}
.formRadio { background: none; border: none;} /* removes the white background and borders */

/* box outline styles */
div.box {border: 1px solid #4e6085; padding: 15px;margin: 20px 0;}
span.box-title {color: #FFF; position: absolute; display: block; margin-top: -24px ;background: #293376; padding: 0 8px;font-weight: bold;font-size: 120%;line-height:120%;}

/* colours */
.white {color: #FFF;}

/* column widths */
/* p = percent, f = fixed */
.p10    {width: 10%}
.p15    {width: 15%}
.p20    {width: 20%}
.p33    {width: 33%}
.p30    {width: 30%}
.p40    {width: 40%}
.p50    {width: 50%}
.p60    {width: 60%}
.p70    {width: 70%}
.p80    {width: 80%}
.f50    {width: 50px}
.f120   {width: 120px}
.f130   {width: 130px}

/* ---------- buttons ---------- */
#agm-info {width: 150px; float: right;}

.clear-button a {background: url(../images/css/clear-button.png) no-repeat top left; width: 150px; height: 32px; line-height: 30px; text-align: left; display: block; margin: 8px 0px; padding-left: 10px}
.clear-button a:hover {background: url(../images/css/clear-button.png) no-repeat bottom left;}

.buttonSSaccess {color:#FFF; font-weight:bold; text-decoration:none; background:#102A55; text-align:center; vertical-align:middle; margin:1px 0px;padding: 2px 10px; border:solid 1px #121E3F;}
.buttonSSaccess:hover {background:#184083; text-decoration: none;}

/* ------------- holdings-calculator ---------------- */
#holdings-calculator    {width: 600px; margin: 10px 0px; text-align: left; border-collapse: collapse;}
#holdings-calculator th {padding: 0px 10px 0px 15px; font-weight: bold; height: 32px; color: #FFF; background: url(../images/css/table-head-solid.png) no-repeat right bottom;}
#holdings-calculator td {padding: 0px 15px; height: 32px; background: url(../images/css/table-row-clear.png) no-repeat left top;}
#holdings-calculator td.corner {background: url(../images/css/table-row-clear.png) no-repeat right bottom; padding-bottom:10px;}

#holdings-calculator input#sharecount {background: #e8ecf3; width: 90px; text-align: right; height: 18px; padding-right: 6px}
#holdings-calculator #current-share-price {width: 90px; text-align: right; display: block;}
#holdings-calculator input#totalprice {background: none; color: #FFF; text-align: right; width: 90px; border: none;}

#holdings-calculator .buttonCalculate, #holdings-calculator .buttonClear {background: url(../images/css/clear-button-small.png) top; color: #FFF; font-weight: bold; text-align: center; display: inline-block; width: 120px; height: 26px; line-height: 24px;}
#holdings-calculator .buttonCalculate:hover, #holdings-calculator .buttonClear:hover {background: url(../images/css/clear-button-small.png) bottom; color: #28b6ff;}

/* ------------- data table style ---------------- */
.data-table                 {width: 600px; margin: 10px 0px; text-align: left; border-collapse: collapse;}
.data-table th              {padding: 0px 10px 0px 15px; font-weight: bold; height: 32px; color: #FFF;}
.data-table th.dark-left    {background: url(../images/css/table-head-dark.png) no-repeat left;}
.data-table th.dark-right   {background: url(../images/css/table-head-dark.png) no-repeat right bottom;}
.data-table th.medium-left  {background: url(../images/css/table-head-medium.png) no-repeat left;}
.data-table th.medium-right {background: url(../images/css/table-head-medium.png) no-repeat right bottom;}
.data-table th.light-left   {background: url(../images/css/table-head-light.png) no-repeat left;}
.data-table th.light-right  {background: url(../images/css/table-head-light.png) no-repeat right bottom;}
.data-table th.solid-right  {background: url(../images/css/table-head-solid.png) no-repeat right bottom;}
.data-table td              {padding: 0px 15px; height: 32px; background: url(../images/css/table-row-clear.png) no-repeat left top;}

.data-table td.solid-row, .data-table tr:hover td.solid-row {padding: 0px 15px; height: 32px; background: url(../images/css/table-row-clear.png) no-repeat left top;}

.data-table td.sub, .data-table tbody tr:hover td.sub {background: url(../images/css/table-head-light.png) no-repeat right bottom;}
.data-table td.sub-left, .data-table tbody tr:hover td.sub-left {background: url(../images/css/table-head-light.png) no-repeat left bottom;}
.data-table td.sub-right, .data-table tbody tr:hover td.sub-right {background: url(../images/css/table-head-light.png) no-repeat right bottom;}
.data-table td.corner, .data-table td.solid-corner, .data-table tbody tr:hover td.solid-corner {background: url(../images/css/table-row-clear.png) no-repeat right bottom;}
.data-table tfoot td, .data-table tfoot tr:hover td {background: none; color: #FFF; font-size: 11px; font-family: Verdana, Sans-Serif; padding: 10px 15px}
.data-table tr:hover td     {background: url(../images/css/table-row-light.png) no-repeat left bottom;}
.data-table tr:hover td.corner {background: url(../images/css/table-row-light.png) no-repeat right bottom;}
.data-table td.spacer, .data-table tbody tr:hover td.spacer {background: none; height: 6px;}
.data-table td.none, .data-table tr:hover td.none {background: none;}

/* ------------- used only for asx announcements and search  results ---------------- */
.asx-posts      {width: 600px; margin: 10px 0px; text-align: left; border-collapse: collapse;}
.asx-posts th   {padding: 0px 10px 0px 15px; font-weight: bold; height: 32px; color: #FFF;}
.asx-posts th.medium-right  {background: url(../images/css/table-head-medium.png) no-repeat right bottom;}
.asx-posts th.solid-right   {background: url(../images/css/table-head-solid.png) no-repeat right bottom;}
.asx-posts td   {height: 32px; padding: 0px 15px; color: #FFF; font-size: 12px; line-height: 30px; background: url(../images/css/table-row-clear.png) no-repeat right bottom;}  

.asx-posts tr:hover td {background: url(../images/css/table-row-light.png) no-repeat right bottom;}
.asx-posts td.spacer, .asx-posts tbody tr:hover td.spacer {background: none; height: 6px;}

#asx-search td, #asx-search tbody tr:hover td  {height: 40px; padding: 0px 15px; color: #FFF; font-size: 12px; line-height: 30px; background: url(../images/css/table-row-clear.png) no-repeat left top;}
#asx-search td.corner, #asx-search tbody tr:hover td.corner  {height: 32px; padding: 0px 15px; color: #FFF; font-size: 12px; line-height: 30px; background: url(../images/css/table-row-clear.png) no-repeat right bottom;}  

.buttonASXsearch        {background: url(../images/css/clear-button-medium.png) top; color: #FFF; font-weight: bold; text-align: center; display: inline-block; width: 120px; height: 26px; line-height: 24px; border: none; margin-bottom: 6px;}
.buttonASXsearch:hover  {background: url(../images/css/clear-button-medium.png) bottom; color: #28b6ff;}

/* ---------- investor - company fundamentals table from Weblink ---------- */
.wlFundamentals     {width: 600px; margin: 10px 0px; text-align: left; border-collapse: collapse;}
.wlFundamentals td  {height: 32px; line-height: 16px; padding: 0px 20px; font-size: 12px;}
.wlFundamentals .wlFundamentalsSectionHeader {background: url(../images/css/table-head-solid.png) no-repeat right bottom; color:#FFF; font-weight: bold; margin: 0px;}
.wlFundamentals .wlFundamentalsKey, .wlFundamentals .wlFundamentalsValue  {background: url(../images/css/table-row-clear.png) no-repeat left top; border-bottom: solid 1px #3F55AB;}
.wlFundamentals tr:hover td.wlFundamentalsKey, .wlFundamentals tr:hover td.wlFundamentalsValue  {background: url(../images/css/table-row-light.png) no-repeat left top;}

/* ---------- boxes used on home page ---------- */

.big-box {display: block; width: 190px; height: 225px; text-align: left;}
.big-box a {color: #bbd7e7;}
.big-box span {color: #FFF; font-size: 12px;}
.big-box .logo-tatts, .big-box .logo-goldencasket, .big-box .logo-unitab, .big-box .logo-nswlotteries {width: 190px; height: 71px; display: block;}

.big-box .logo-tatts        {background: url(../images/home/tatts.png) no-repeat;}
.big-box .logo-goldencasket {background: url(../images/home/goldencasket.png) no-repeat;}
.big-box .logo-unitab       {background: url(../images/home/unitab.png) no-repeat;}
.big-box .logo-nswlotteries {background: url(../images/home/nswlotteries.png) no-repeat;}
.big-box .body-tatts, .big-box .body-goldencasket, .big-box .body-unitab, .big-box .body-nswlotteries {background: url(../images/home/big-box-bg.png) no-repeat left top; display: block; width: 190px; height: 154px;}
.big-box .body-tatts p, .big-box .body-goldencasket p, .big-box .body-unitab p, .big-box .body-nswlotteries p {font-size: 16px; margin: 0px; padding: 10px 18px; font-family: helvetica, Verdana, Sans-Serif;}

.big-box .link {font-size: 12px; padding-top: 2px;}

.small-box   {display: block; width: 163px; height: 190px; text-align: left; color: #bbd7e7; margin-top: 30px;}
.small-box a {color: #bbd7e7;}
.small-box span {color: #FFF; font-size: 11px;}
.small-box .logo-tattspokies {width: 150px; height: 190px; display: block;}
.small-box .logo-maxgaming, .small-box .logo-bytecraft, .small-box .logo-centreracing, .small-box .logo-talarius {width: 163px; height: 190px; display: block; margin-left: 0px;}
.small-box .logo-tattspokies    {background: url(../images/home/tattspokies.png) no-repeat;}
.small-box .logo-maxgaming      {background: url(../images/home/maxgaming.png) no-repeat; }
.small-box .logo-bytecraft      {background: url(../images/home/bytecraft.png) no-repeat;}
.small-box .logo-centreracing   {background: url(../images/home/centreracing.png) no-repeat;}
.small-box .logo-talarius       {background: url(../images/home/talarius.png) no-repeat;}
.small-box p {font-size: 14px; display: block; padding: 70px 0px 0px 15px; font-family: helvetica, Verdana, Sans-Serif;}

/* ---------- ASX table ---------- */
#asx        {width: 200px;}
#asx td     {line-height: 26px; color: #BCF; padding-left: 15px; font-family: Trebuchet MS, Tahoma, Sans-Serif; font-size: 12px;}
#asx .top-left      {background: url(../images/css/asx-top.png) no-repeat top left; color: #FFF;}
#asx .top-right     {background: url(../images/css/asx-top.png) no-repeat top right; color: #FFF;}
#asx .bottom-left   {background: url(../images/css/asx-bottom.png) no-repeat bottom left; height: 5px;}
#asx .bottom-right  {background: url(../images/css/asx-bottom.png) no-repeat bottom right; height: 5px;}
#asx .row1          {background: #051136;} 
#asx .row2          {background: #1e2d56;} 
#asx .white         {color: #FFF;}
#asx .note          {font-size: 9px; color: #4b5b85; line-height: 11px; padding: 10px 15px;}
#asx .note  a       {color: #b8c0d5; text-decoration: none;}
#asx .note  a:hover {color: #FFF; text-decoration: none;}

/* ---------- sub menu rsg ---------- */
#sub-nav ul {padding: 0px; margin:0px;}
#sub-nav li {list-style: none; line-height: 30px; color: #FFF; font-size: 12px;}
#sub-nav li a, #sub-nav li.active {text-decoration: none; background: url(../images/nav/sub-nav.png) no-repeat; height: 30px; width: 210px; display: block; margin: 4px 0px; padding: 0px 8px}
#sub-nav li a:hover, #sub-nav li.active {background: url(../images/nav/sub-nav-on.png) no-repeat; text-decoration: none; color: #33ccff;}
#sub-nav li a:active {text-decoration: none; color: #33ccff;}
#sub-nav li a:focus {text-decoration: none; color: #33ccff;}

/* ---------- sub menu portfolio ---------- */

div#portfolio-menu  {display: block; width: 128px;}
#portfolio-menu ul  {margin: 0px; padding: 0px;}
#portfolio-menu li  {list-style: none; padding: 0px; margin: 0px 0px 10px 0px; display: block; width: 128px; height: 60px; text-indent: -1000000000000px; font-size: 0.0000000000001em;}
#portfolio-menu li a {text-decoration: none; display: block; width: 128px; height: 60px;}

#portfolio-menu .tattsgroup             {background: url(../images/nav/portfolio-tattsgroup.png) no-repeat left top;}
#portfolio-menu .tattsgroup:hover, #portfolio-menu .tattsgroup-on       {background: url(../images/nav/portfolio-tattsgroup.png) no-repeat left bottom;}
#portfolio-menu .tattslotteries         {background: url(../images/nav/portfolio-tattslotteries.png) no-repeat left top;}
#portfolio-menu .tattslotteries:hover, #portfolio-menu .tattslotteries-on  {background: url(../images/nav/portfolio-tattslotteries.png) no-repeat left bottom;}
#portfolio-menu .unitab                 {background: url(../images/nav/portfolio-unitab.png) no-repeat left top;}
#portfolio-menu .unitab:hover, #portfolio-menu .unitab-on {background: url(../images/nav/portfolio-unitab.png) no-repeat left bottom;}
#portfolio-menu .tattspokies            {background: url(../images/nav/portfolio-tattspokies.png) no-repeat left top;}
#portfolio-menu .tattspokies:hover, #portfolio-menu .tattspokies-on     {background: url(../images/nav/portfolio-tattspokies.png) no-repeat left bottom;}
#portfolio-menu .maxgaming              {background: url(../images/nav/portfolio-maxgaming.png) no-repeat left top;}
#portfolio-menu .maxgaming:hover, #portfolio-menu .maxgaming-on      {background: url(../images/nav/portfolio-maxgaming.png) no-repeat left bottom;}
#portfolio-menu .bytecraft              {background: url(../images/nav/portfolio-bytecraft.png) no-repeat left top;}
#portfolio-menu .bytecraft:hover, #portfolio-menu .bytecraft-on        {background: url(../images/nav/portfolio-bytecraft.png) no-repeat left bottom;}
#portfolio-menu .talarius               {background: url(../images/nav/portfolio-talarius.png) no-repeat left top;}
#portfolio-menu .talarius:hover, #portfolio-menu .talarius-on        {background: url(../images/nav/portfolio-talarius.png) no-repeat left bottom;}

/* ---------- page logos ---------- */
#Club-Keno-Logo {background: url(../images/rsg/club-keno.png) no-repeat; height: 79px; width: 150px; display: block; float: right; padding: 0px 12px; margin: 0px;}

#contact-tattsgroup-logo, #contact-unitab-logo, #contact-bytecraft-logo, #contact-maxgaming-logo, #contact-tattspokies-logo, #contact-tattslotteries-logo, #contact-talarius-logo, #contact-tattsinternational-logo, #contact-centreracing-logo {display: block; width: 120px; height: 100px;}
#contact-tattsgroup-logo        {background: url(../images/contact/tattsgroup.png) no-repeat;}
#contact-unitab-logo            {background: url(../images/contact/unitab.png) no-repeat;}
#contact-bytecraft-logo         {background: url(../images/contact/bytecraft.png) no-repeat;}
#contact-maxgaming-logo         {background: url(../images/contact/maxgaming.png) no-repeat;}
#contact-tattspokies-logo       {background: url(../images/contact/tattspokies.png) no-repeat;}
#contact-tattslotteries-logo    {background: url(../images/contact/tattslotteries.png) no-repeat;}
#contact-talarius-logo          {background: url(../images/contact/talarius.png) no-repeat;}
#contact-tattsinternational-logo {background: url(../images/contact/tattsinternational.png) no-repeat;}
#contact-centreracing-logo      {background: url(../images/contact/centreracing.png) no-repeat;}