/* Load external css */
@import url('../cc/lib/jquery/plugins/uniform/css/uniform.default.css');
/* jQuery Uniform css */
@import url('../cc/lib/css/smoothness/jquery-ui-1.8.16.custom.css');
/* jQuery UI css */

/* Standard CSS */
html {
    overflow-y: scroll;
}

body {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    margin: 0 auto;
    padding: 0;
    color: #444;
    background: #131618 url(../i/common13/site_background.jpg) no-repeat top center;
}

td {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
}

big {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

strong {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

small {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

sup,
sub {
    vertical-align: 0;
    position: relative;
}

sup {
    bottom: 1ex;
}

sub {
    top: 0.8ex;
}

.stock {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
}

.input2 {
    border: none;
    background: transparent;
    font-family: helvetica, sans-serif;
    font-size: 12px;
}

/* Text Links */
a:link,
a:visited {
    color: #0269b6;
    text-decoration: none;
}

a:hover {
    color: #2c6287;
    text-decoration: underline;
}

/* Text Headers */
H1 {
    color: #1b638b;
    font-size: 31px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

H2 {
    color: #4c4c4c;
    font-size: 19px;
    line-height: 24px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

H3 {
    color: #0269b6;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

H4 {
    color: #0269b6;
    text-transform: none;
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

/* FOUT prevention */
/* While loading...*/
#MainMenu ul li {
    visibility: hidden;
}

/* When ready */
.cufon-ready #MainMenu ul li {
    visibility: visible;
}

/* Layout & Formatting */
#HeaderBin {
    width: 100%;
}

.TopContent {
    width: 962px;
    height: 95px;
    margin: 0 auto;
    overflow: hidden;
}

#MainBin {
    width: 976px;
    margin: 0 auto;
    background: white url(../i/common13/content_top.png) no-repeat top left;
    overflow: hidden;
}

.Content {
    width: 976px;
    margin-top: 19px;
    overflow: hidden;
    background: url(../i/common13/maincontent_bg.png) no-repeat bottom left;
}

#Logo {
    width: 461px;
    height: 53px;
    margin: 0px;
    padding: 0;
    float: left;
    overflow: hidden;
}

#Symbol {
    width: 499px;
    padding: 0px;
    float: left;
    overflow: hidden;
}

#Symbol table {
    width: 189px;
    padding: 0;
    float: right;
}

#Symbol table td #value {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#MainMenu {
    width: 962px;
    height: 43px;
    padding: 0;
    margin: 0;
    background: url(../i/common13/menu_bg.jpg) no-repeat top left;
    overflow: hidden;
}

#Subscribe {
    width: 280px;
    padding: 0px;
    text-align: right;
    float: left;
}

#HeaderPic {
    width: 960px;
    height: 195px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#PageTitle {
    width: 960px;
    height: 36px;
    margin-top: 75px;
    padding: 0;
}

.ptinvestors {
    background: url(../i/pagetitles/investors.png) no-repeat top right;
}

.ptdisclaimer {
    background: url(../i/pagetitles/disclaimer.png) no-repeat top right;
}

.ptnews {
    background: url(../i/pagetitles/news.png) no-repeat top right;
}

.ptprojects {
    background: url(../i/pagetitles/projects.png) no-repeat top right;
}

.ptcontact {
    background: url(../i/pagetitles/contact.png) no-repeat top right;
}

.ptsocial {
    background: url(../i/pagetitles/social_responsibility.png) no-repeat top right;
}

#LCol {
    width: 226px;
    margin: 0;
    float: left;
    overflow: hidden;
}

#SectionTitle {
    width: 700px;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
}

#SectionTitle h2 {
    color: #4c4c4c;
    font-size: 19px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 25px 25px 10px;
    margin: 0px;
}

#Print {
    width: 160px;
    padding: 25px;
    float: left;
    overflow: hidden;
}

#MainCol {
    width: 740px;
    padding: 0 0 20px 0;
    float: left;
    overflow: hidden;
}

#MainText {
    width: 690px;
    padding: 0 25px 20px 25px;
    float: left;
    line-height: 18px;
    overflow: hidden;
}

#MainText ul.diamond {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#MainText ul.diamond li {
    background: url(../i/common13/diamond-blue.gif) 1px 6px no-repeat;
    padding-left: 12px;
    margin-top: 10px;
}

#FooterBin {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 50px;
    border-top: solid 1px #282b2d;
}

#FooterMenu {
    width: 960px;
    margin: 0 auto;
}

/* Main navigation */
/* Font setting */
#MainMenu {
    list-style: none;
    color: #fff;
}

#MainMenu ul {
    height: 39px;
    padding: 0;
    margin: 1px;
    list-style: none;
    border-collapse: collapse;
    font-weight: normal;
}

/* Font settings for each level */
#MainMenu ul li a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    width: 151px;
    text-align: center;
    padding: 10px 0 11px 0;
}

/* For main level only */
#MainMenu ul li a:hover,
#MainMenu ul li a.active:hover {
    color: #fff;
    background: #459dc1;
}

#MainMenu ul li a.active {
    display: block;
    color: #fff;
    background: #459dc1;
}

#MainMenu ul li a.selected {
    display: block;
    color: #fff;
    background: #459dc1;
}

/* Second level */
#MainMenu ul li ul {
    width: 608px;
    min-height: 250px;
    padding: 0;
    margin: 1px 0 0 -1px;
    background: #459dc1;
    border-top: solid 1px #f0f0f0;
}

#MainMenu ul li ul li {
    display: block;
    width: 185px;
    padding: 5px 4px 5px 6px;
    float: left;
    background: #459dc1;
    border-left: dotted 1px #f0f0f0;
}

#MainMenu ul li ul li a {
    display: block;
    width: 181px;
    text-align: left;
    text-transform: none;
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    padding: 3px 2px;
    margin: 0;
}

/* override the main nav */
#MainMenu ul li ul li:first-line {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 3px;
}

#MainMenu ul li ul li a:hover,
#MainMenu ul li ul li a.active,
#MainMenu ul li ul li a.active:visited {
    display: block;
    font-size: 11px;
    color: #0269b6;
    padding: 3px 2px;
    margin: 0;
}

#MainMenu ul li ul li a.active:hover {
    display: block;
    font-size: 11px;
    color: #0269b6;
    padding: 3px 2px;
    margin: 0;
}

#MainMenu ul li ul li a.has_sub,
#MainMenu ul li ul li a.has_sub:visited {
    color: #fff;
    background: url('http://www.tsodiloresources.com/i/common_13/arrow_right.gif') no-repeat 155px 9px;
}

#MainMenu ul li ul li a.has_sub:hover {
    color: #fff;
    background: url('http://www.tsodiloresources.com/i/common_13/arrow_right.gif') no-repeat 155px 9px;
}


/* Positioning */
#MainMenu li {
    /* all list items */
    float: left;
    /* width needed or else Opera goes nuts */
}

#MainMenu li ul {
    /* second-level lists */
    position: absolute;
    width: 168px;
    left: -999em;
    z-index: 200;
    /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#MainMenu li ul li {
    display: block;
    width: 168px;
    padding: 0;
}

#MainMenu li ul ul {
    /* third-and-above-level lists */
    position: absolute;
    margin: -27px 0 0 168px;
    z-index: 200;
}

#MainMenu li:hover ul ul,
#MainMenu li:hover ul ul ul,
#MainMenu li.sfhover ul ul,
#MainMenu li.sfhover ul ul ul {
    left: -999em;
}

#MainMenu li:hover ul,
#MainMenu li li:hover ul,
#MainMenu li li li:hover ul,
#MainMenu li.sfhover ul,
#MainMenu li li.sfhover ul,
#MainMenu li li li.sfhover ul {
    /* lists nested under hovered list items */
    left: auto;
}

#MainMenu li:hover ul.wide li {
    width: 200px;
}

#MainMenu li:hover ul.n_last {
    margin-left: -36px;
}

#MainMenu li:hover ul.n_last li {
    width: 120px;
}


/* Side nav */
#SideMenu {
    width: 224px;
    padding-bottom: 25px;
    border-right: solid 1px #9e9e9e;
    border-bottom: solid 1px #9e9e9e;
    background: #0269b6;
}

#SideMenu ul {
    width: 200px;
    list-style: none;
    color: #fff;
    padding: 0;
    margin: 0px 12px 18px 12px;
    font-size: 12px;
    font-weight: bold;
}

#SideMenu ul li {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
}

#SideMenu ul li a:visited,
#SideMenu ul li a {
    display: block;
    padding: 4px 0;
    color: #fff;
}

#SideMenu ul li a:hover,
#SideMenu ul li a.active,
#SideMenu ul li.active a {
    color: #fff;
    padding: 4px 0;
    text-decoration: none;
}

#SideMenu ul li ul {
    list-style: none;
    color: #ededed;
    margin: 0;
    padding: 2px 0 5px 0;
    font-size: 12px;
    font-weight: normal;
}

#SideMenu ul li ul li {
    text-transform: none;
    padding-left: 15px;
    margin: 2px 0;
    font-weight: normal;
}

#SideMenu ul li ul li a:visited,
#SideMenu ul li ul li a {
    display: block;
    padding: 4px 5px 5px 15px;
    color: #ededed;
    font-weight: normal;
}

#SideMenu ul li ul li a:hover,
#SideMenu ul li ul li a.active,
#SideMenu ul li ul li.active a {
    border: 1px solid #fff;
    padding: 3px 4px 4px 14px;
    color: #ededed;
    background: #0365ae;
    text-decoration: none;
    font-weight: normal;
}

/* Footer Navigation */
#FooterMenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-collapse: collapse;
}

#FooterMenu ul li a {
    display: block;
    text-decoration: none;
    color: #bfd2db;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 10px 14px 10px 13px;
    float: left;
}

#FooterMenu a:link,
#FooterMenu a:visited {
    color: #bfd2db;
    text-decoration: none;
}

#FooterMenu a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#FooterMenu ul li ul li {
    display: none;
}


/* News Releases */
.news_item {
    overflow: hidden;
    padding: 10px;
    margin: 10px 0;
}

.news_item a:link,
.news_item a:visited {
    color: #444;
    text-decoration: none;
}

.news_item a:hover {
    color: #003366;
    text-decoration: none;
}

.news_title {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px !important;
    padding: 0 0 2px;
    border-bottom: solid 1px #ccc;
}

.news_date {
    color: #0269b6;
    font-weight: bold;
    font-size: 13px;
}

.news_item h3 {
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
    margin: 0;
}

.news_abstract {
    clear: both;
}

.news_body {
    overflow: hidden;
    font-size: 13px;
    font-weight: normal;
}

.news_file {
    float: right;
    padding-bottom: 10px;
    padding-top: 5px;
}

.news_file ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news_file ul li {
    display: block;
    float: left;
    margin-right: 5px;
}

.news_file ul li.pdf a {
    font-weight: normal;
    margin: 0;
    padding-left: 22px;
    background: url('http://www.tsodiloresources.com/i/common/acrobat.gif') no-repeat left top;
    color: #2E65A8;
}

.news_file ul li.link a {
    font-weight: normal;
    margin: 0;
    padding-left: 22px;
    background: url('../cc/lib/masterfunctions/images/link_icon.gif') no-repeat left top;
    color: #2E65A8;
}

.news_file ul li a:hover {
    background-position: left -134px;
}



/* Management */

.mgmt {
    overflow: hidden;
    padding-bottom: 10px;
    line-height: 16px;
    border-bottom: solid 1px #999;
}

.mgmt .left {
    float: left;
    width: 500px;
    padding: 5px 10px 10px 0;
}

.mgmt .right {
    float: left;
    width: 140px;
    padding: 18px 0 5px;
}

.mgmt .name {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 5px;
}

.mgmt .position {
    font-style: italic;
}




/* Home page */

#HomeMainBin {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

#Welcome {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#HomeRow1 {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#HomeRow2 {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}


.hcol1 {
    width: 307px;
    min-height: 205px;
    padding: 3px;
    background: url("../i/front13/colbgfull.png") no-repeat top left;
    float: left;
    overflow: hidden;
}

.hcol2 {
    width: 307px;
    min-height: 205px;
    padding: 3px;
    margin-left: 10px;
    background: url("../i/front13/colbgfull.png") no-repeat top left;
    float: left;
    overflow: hidden;
}

.hcol3 {
    width: 307px;
    min-height: 205px;
    padding: 3px;
    margin-left: 10px;
    background: url("../i/front13/colbgfull.png") no-repeat top left;
    float: left;
    overflow: hidden;
}

#Overview {
    width: 275px;
    color: #c7c7c7;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 53px 15px 2px 17px;
    background: url("../i/front13/overview.jpg") no-repeat top center;
    overflow: hidden;
}

#News {
    width: 275px;
    color: #c7c7c7;
    margin: 0;
    padding: 53px 15px 2px 17px;
    background: url("../i/front13/news.jpg") no-repeat top center;
    overflow: hidden;
}

#PropertyInfo {
    width: 282px;
    min-height: 204px;
    margin: 0;
    padding: 53px 0 1px 25px;
    background: url("../i/front13/projects.jpg") no-repeat top center;
    overflow: hidden;
}

.PI_text {
    width: 173px;
    color: #c7c7c7;
    font-size: 12px;
    line-height: 18px;
    float: left;
    overflow: hidden;
}

.PI_map {
    margin: 54px 24px 0 26px;
    float: left;
    overflow: hidden;
}

/* Front Latest News */

.newsitem {
    width: 275px;
    padding: 0 0 12px 0;
    font-family: verdana, arial, sans-serif;
    line-height: 18px;
    font-weight: normal;
    color: #c7c7c7;
}

.newsitem a:link {
    color: #0269b6;
    text-decoration: none;
}

.newsitem a:visited {
    color: #0269b6;
    text-decoration: none;
}

.newsitem a:hover {
    color: #2c6287;
    text-decoration: underline;
}

.listdate {
    color: #0269b6;
    font-weight: bold;
    padding-right: 5px;
}

#Features {
    width: 960px;
    height: 53px;
    padding-top: 25px;
    margin: 0 auto;
    border-bottom: solid 1px #000;
    overflow: hidden;
}

/*#Factsheet {float: left; width: 110px; height: 43px; padding-top: 7px;  text-align: center;  font-weight: bold; background: url("/i/front13/tick.png") no-repeat top right;}*/
#Presentation {
    float: left;
    width: 248px;
    height: 43px;
    padding-top: 7px;
    text-align: center;
    font-weight: bold;
}

#Corebox {
    float: left;
    width: 325px;
    height: 34px;
    margin-left: 20px;
}

#Copyright {
    float: left;
    width: 323px;
    font-size: 11px;
    color: #838383;
    text-align: right;
}

#ContactBox {
    width: 960px;
    padding: 0;
    margin: 20px auto;
    font-size: 11px;
    overflow: hidden;
}

#Address {
    width: 302px;
    float: left;
    color: #838383;
}

#Phone {
    width: 362px;
    float: left;
    color: #838383;
}

#Subscribe {
    width: 296px;
    padding: 0;
    text-align: right;
    float: left;
}

#SubBox {
    width: 296px;
    height: 20px;
    background: url(../i/common13/subscribebg.png) no-repeat bottom left;
    padding: 5px 0px;
    margin-top: 5px;
    overflow: hidden;
}

.input2 {
    border: none;
    background: transparent;
    font-size: 11px;
    color: #0269b6;
}

#SubBox2 {
    width: 315px;
    height: 20px;
    background: url(../i/common13/subscribebg22.png) no-repeat bottom left;
    padding: 5px 0px;
    margin-top: 5px;
    overflow: hidden;
}

.input22 {
    border: none;
    background: transparent;
    padding-top: 2px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}


.image_left {
    width: 280px;
    padding: 10px;
    float: left;
}

.image_right {
    width: 230px;
    padding: 10px;
    float: right;
}

.thumb {
    float: left;
    width: 230px;
    padding: 10px;
    background-color: #fff;
}

.thumb img {
    width: 227px;
    height: 150px;
    max-height: 152px;
    border: solid 1px #333;
}

#caption {
    text-align: center;
    font-size: 12px;
    color: #45677c;
}

#caption em {
    font-size: 11px;
    color: blue;
}

/* Text and element effects */
ul.plain {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.plain li {
    line-height: auto;
    padding: 10px;
}

ul.plain li span {
    margin-right: 6px;
}

.CTable2 {
    border: solid 1px #000000;
    border-collapse: collapse;
}

.CTable2 TH {
    border: solid 1px #000000;
    background-color: #0269B6;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
}

.CTable2 TD {
    border: solid 1px #000000;
    background-color: #FFFFFF;
    color: #333333;
    font-size: 11px;
    padding: 2px;
}

.CTable {
    border: solid 1px #ffffff;
}

.CTable TH {
    background-color: #0269b6;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
}

.CTable TD {
    background-color: transparent;
    color: #333333;
    font-size: 11px;
    padding: 2px;
}

.CTable2 {
    border-collapse: collapse;
    font-size: 12px;
}

.CTable2 TH {
    border: solid 1px #75c2d6;
    background-color: #0269b6;
    color: #ffffff;
    font-weight: bold;
    padding: 4px;
}

.CTable2 TD {
    border: solid 1px #75c2d6;
    color: #333333;
    padding: 4px;
}

.news_file ul li.pdf a {
    font-weight: bold;
    margin: 0;
    padding-left: 22px;
    background: url('../cc/lib/masterfunctions/images/pdf_icon.gif') no-repeat left top;
}

.border-b {
    border-bottom: solid 1px #ccc;
}