/* CSS Document */


@import url("reset.css"); 

body{
font-family:Arial, Helvetica, sans-serif;	
background:#000;
}

#header hgroup.print
{
display:none;	
}

body.screen-small #box{
margin:auto;
width:100%;
background:url(../img/mobile-background.jpg) no-repeat 0px 0px #000;
}
body.screen-small #header{
position:relative;
height:100px;	
}
body.screen-small #header hgroup.branding h1,
body.screen-small #header hgroup.branding h2,
body.screen-small #header hgroup.branding h3{
position:absolute;	
left:0px;
top:0px;
}
body.screen-small #header hgroup.branding h1{
background:url(../img/mobile-logo.png) no-repeat left top;
width:82px;
height:35px;
left:15px;
top:15px;	
}
body.screen-small #header hgroup.branding h2{
width:auto;
height:35px;
left:15px;
top:60px;
font-size:14px;	
}
body.screen-small #header hgroup.branding h2 a{
color:#fff;	
text-decoration:none;
}
body.screen-small #header hgroup.branding h3{
background:url(../img/mobile-wgc.png) no-repeat left top;
width:82px;
height:35px;
right:15px;
left:auto;
top:25px;	
}
body.screen-small #header hgroup.branding h1 a,
body.screen-small #header hgroup.branding h3 a{
display:block;
width:inherit;
height:inherit;	
}
body.screen-small #header hgroup.branding h1 a em,
body.screen-small #header hgroup.branding h3 a em{
display:none;	
}
body.screen-small #tabs{
}
body.screen-small #tabs ul{
margin:0px 10px  10px  10px; 	
}
body.screen-small #tabs ul li{

}
body.screen-small #tabs ul li.home{
display:none;
}

body.screen-small #tabs ul li.usa,
body.screen-small #tabs ul li.singapore,
body.screen-small #tabs ul li.japan,
body.screen-small #tabs ul li.hong-kong,
body.screen-small #tabs ul li.mexico,
body.screen-small #tabs ul li.tax{
margin:5px 0px;
height:32px;
border-radius:4px;	
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */

}
body.screen-small #tabs ul li.usa a strong,
body.screen-small #tabs ul li.singapore a strong,
body.screen-small #tabs ul li.japan a strong,
body.screen-small #tabs ul li.hong-kong a strong,
body.screen-small #tabs ul li.mexico a strong{
background:url(../img/sprite-flags-24x24.png) no-repeat 5px 0px;	
margin-right:
}

body.screen-small #tabs ul li.usa a strong{
background-position: 5px 3px;
}
body.screen-small #tabs ul li.singapore a strong{
background-position:5px -21px;
}
body.screen-small #tabs ul li.japan a strong{
background-position:5px -69px;
}
body.screen-small #tabs ul li.mexico a strong{
background-position:5px -93px;
}
body.screen-small #tabs ul li.hong-kong a strong{
background-position:5px -45px;
}
body.screen-small #tabs ul li a{
text-decoration:none;
color:#666;	
background-image:url(../img/sprite-nav.png);
background-repeat:no-repeat;
background-position:100% -304px;
margin-right:10px;
display:block;
height:32px;
}
body.screen-small #tabs ul li a strong{
display:block;
padding:8px 0px 1px 32px;	
font-weight:bold;
font-size:16px;
}

body.screen-small #content{
background:none;
}
body.screen-small #content p{
font-size:12px;
line-height:18px;	
}
body.screen-small #content>h1{
margin:0px 15px 5px 15px;	
color:#fff;
text-shadow: 1px 1px 1px #000;
}

body.screen-small #content #data,
body.screen-small #content section.country{
margin:0px 10px  10px 10px ;	
background:#fff;
border-radius:4px;	
padding:10px;	
}
body.screen-small #content section.country section.right{
    margin-top:30px;
}


body.screen-small #content section.country h1,
body.screen-small #content section.country h2,
body.screen-small #content section.country h3,
body.screen-small #data h3{
font-size:16px;	
font-weight:bold;
color:#666;	
margin-bottom:5px;
}

body.screen-small #data section{
margin-top:10px;	
}

body.screen-small #data #homeSpotChartArea{
text-align:center;
}


body.screen-small #data .figures h3{
font-size: 16px;
font-weight: bold;
color:#333;
}
body.screen-small #data .figures dt{
font-size: 13px;
font-weight: bold;
color:#666;
margin-top:4px;
}

body.screen-small #data .figures dd{
color:#333;
font-size: 15px;
font-weight: bold;
min-height:17px;
margin-top:2px;
margin-bottom:6px;
}
body.screen-small #data .figures dd strong,
body.screen-small #data .figures dd span,
body.screen-small #data .figures dd em{
display:inline-block;	
}
body.screen-small #data .figures dd strong.currency{
font-size:0.9em;	
color:#666;
font-weight: normal;
}
body.screen-small #data .figures dd em.value{
font-size:1.1em;
}
body.screen-small #data .figures dd em.amount{
font-size:1.1em;
}
body.screen-small #data .figures dd span.direction{
background:url(../img/sprite-figures-arrow.png) no-repeat;
width:12px;
height:12px;
margin-left:3px;
}
body.screen-small #data .figures dd span.direction.up{
background-position:0px -4px;
}
body.screen-small #data .figures dd span.direction.down{
background-position:0px -66px;
}
body.screen-small #data .figures dd span.direction.middle{
background-position:0px -33px;
}
body.screen-small #data .figures dd span.timestamp,
body.screen-small #data .figures dd span.info{
display:block;
font-size:11px;
font-weight:normal;
line-height:14px;
}
body.screen-small #data .figures p{
font-size:11px;	
}




body.screen-small #totalGold h4{

}
body.screen-small #totalGold h4 strong{
display:block;	
font-size:13px;
color:#666;
font-weight:bold;
}
body.screen-small #totalGold h4 em.amount{
font-size:16px;
color:#000;
font-weight:bold;
}
body.screen-small #totalGold h4:first-child{
	
}
body.screen-small #totalGold h4:last-child{
	
}




body.screen-small #content #usa.country h2,
body.screen-small #content #singapore.country h2,
body.screen-small #content #japan.country h2,
body.screen-small #content #hongkong.country h2,
body.screen-small #content #mexico.country h2{
background:url(../img/sprite-flags-24x24.png) no-repeat 0px 0px #fff;
padding:4px 0px 4px 32px;
}


body.screen-small #content #singapore.country h2{
background-position:0px -24px;
}
body.screen-small #content #japan.country h2{
background-position:0px -72px;
}
body.screen-small #content #hongkong.country h2{
background-position:0px -48px;
}
body.screen-small #content #mexico.country h2{
background-position:0px -96px;
}
body.screen-small #content section.country a.enter-link,
body.screen-small #content section.country a.button-link{
display:block;

margin:5px 0px;
border:1px solid #000;	
background: #d5cea6; /* Old browsers */
background: -moz-linear-gradient(top,  #d5cea6 0%, #c9c190 40%, #b7ad70 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5cea6), color-stop(40%,#c9c190), color-stop(100%,#b7ad70)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* IE10+ */
background: linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */
color:#000;	
border-radius:3px;
text-decoration:none;
}

body.screen-small #content section.country a.enter-link strong,
body.screen-small #content section.country a.button-link strong{
display:block;	
padding:5px;
margin-right:10px;
background-image:url(../img/sprite-nav.png);
background-repeat:no-repeat;
background-position:100% -273px;
font-size:14px;	
font-weight:bold;
}

body.screen-small #footer{
margin:0px 10px  10px  10px ;	
background:#e6e6e6;
border-radius:4px;	
padding:10px;
font-size:12px;	
}
body.screen-small #footer ul li{
float:left;
width:33%;
}
body.screen-small #footer ul li a{
display:block;	
padding:5px;
border:1px solid #000;
border-radius:3px;
text-align:center;
background: #d5cea6; /* Old browsers */
background: -moz-linear-gradient(top,  #d5cea6 0%, #c9c190 40%, #b7ad70 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5cea6), color-stop(40%,#c9c190), color-stop(100%,#b7ad70)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* IE10+ */
background: linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */
font-size:12px;	
color:#000;	
text-decoration:none;
}

body.screen-small #footer ul li:first-child a{
margin-right:5px;
}
body.screen-small #footer ul li:last-child a{
margin-left:5px;
}

body.screen-small #footer ul,
body.screen-small #footer #copyright,
body.screen-small #footer #adobe{
display:block;
margin-bottom:10px;	
}
body.screen-small #footer #copyright{
clear:both;
display:block;
padding-top:10px;	
}
body.screen-small #footer #adobe{
margin-bottom:0px;	
}
body.screen-small #footer p a{
text-decoration:none;
line-height:18px;	
color:#000;	
}



body.screen-small  ul.list-documents,
body.screen-small  ul.list-documents li
body.screen-small #content ul.list-documents,
body.screen-small #content ul.list-documents li{
list-style:none;	
margin:0px;
padding:0px;
}
body.screen-small  ul.list-documents li a{
background:url(../img/doc-icons.png) no-repeat;	
background-position:-50px 0px;
min-height:16px;	
margin-bottom:3px;
display:block;
}
body.screen-small  ul.list-documents li.date-inline a{
display:inline-block;
}
body.screen-small  ul.list-documents li div,
body.screen-small  ul.list-documents li a{
padding-right:6px;
padding-left:20px;
}
body.screen-small  ul.list-documents li a{
padding-top:3px;
}
body.screen-small  ul.list-documents li.xls a {
background-position:0px 4px;
}
body.screen-small  ul.list-documents li.PDF a,
body.screen-small  ul.list-documents li.pdf a{
background-position:0px -46px;	
}
body.screen-small  ul.list-documents li.doc a{
background-position:0px -196px;	
}
body.screen-small  ul.list-documents li.link a{
background-position:0px -246px;	
}
body.screen-small  ul.list-documents li.zip a{
background-position:0px -246px;	
}