@import url("global.css");
.ads {
padding:8px 0;
}
/* start action icons */
.play div {
background-position:0 0;
}
.supersite div {
background-position:0 -27px;
}
.mapPlay div {
background-position:0 -54px;
}
/* end action icons */
/* start featured area */
.feat {
position:relative;
border-width:8px 8px;
-webkit-border-image:url(../i/bg_feat.png) 8 8 8 8;
}
.feat dl {
margin:0 auto 50px;
width:306px;
}
.feat dt {
font-size:14px;
line-height:normal;
font-weight:bold;
margin-bottom:5px;
}
.feat dd {
float:left;
}
.feat a, .feat span {
height:77px;
width:102px;
}
/* end featured area */
.links {
padding-bottom:8px;
list-style:none;
}
/* start tab content */
#content {
background:transparent 0 36px repeat-x;
width:100%;
position:relative;
display:table;
table-layout:fixed;
}
#content > dl {
display:table-cell;
}
#content > dl > dt {
position:relative; /* for tab z-indexes */
display:block;
margin:0 -10px;
font-size:13px;
font-weight:700;
height:36px;
border-width:0 25px;
overflow:hidden;
-webkit-box-sizing:border-box;
}
#content > dl:first-of-type > dt {
margin-left:0;
border-width:0 25px 0 10px;
}
#content > dl:last-of-type > dt {
margin-right:0;
border-width:0 10px 0 25px;
}
#content > dl > dt span {
display:table;
width:100%;
}
#content > dl > dt em {
font-style:normal;
display:table-cell;
vertical-align:middle;
height:36px;
}
#content > dl > dt img {
display:block;
position:relative;
margin:0 auto;
}
#content > dl.active > dt img {
top:-100%;
}
#content > dl > dd {
position:absolute;
top:50px;
left:0;
text-align:left;
display:none;
}
#content > dl.active > dd {
display:block;
width:100%;
}
#content ul {
list-style:none;
}
#content li {
position:relative;
display:block;
border-width:0 10px;
-webkit-box-sizing:border-box;
}
#content .actions {
float:left;
}
#content dl + .actions {
position:absolute;
top:0;
right:0;
float:right;
}
#content dl + .actions div {
right:13px;
}
#content .actions:first-of-type a, #content .actions:first-of-type span {
height:63px;
width:82px;
}
#content .actions:first-of-type img {
height:52px;
width:71px;
}
#content dl + .actions a, #content dl + .actions span {
height:63px;
width:53px;
}
#content li dl {
background:transparent center right no-repeat;
height:63px;
padding:7px 5px 0 0;
margin:0 58px 0 87px;
-webkit-box-sizing:border-box;
}
#content li dt {
font-weight:bold;
}
#content li dd + dd {
position:absolute;
bottom:7px;
}
#content li:last-of-type {
margin-bottom:20px;
}
/* end tab content */
/* start more button */
#content li.more  {
margin-bottom:0 !important;
-webkit-border-image:none;
}
.more div {
padding:20px 0;
text-align:center;
}
.more p {
display:inline;
color:#fff;
font-size:14px;
font-weight:bold;
padding:12px 5px;
margin:15px 0;
border-width:0 24px 0 12px;
white-space:nowrap;
-webkit-border-image:url(../i/bg_moreButton.png) 0 24 0 12;
}
.more span {
display:none;
}
/* end more button */
/* start backpack */
#backpack {
background:transparent url(../../backpack/i/bg_backpack.png) top right no-repeat;
width:280px;
height:125px;
margin:0 auto 10px;
}
#backpack.logged {
background-position:bottom right;
}
#bpLogin, #bpLogged {
width:175px;
padding:20px 25px 0 5px;
}
.logged #bpLogin {
display:none;
}
#bpLogged {
display:none;
}
.logged #bpLogged {
display:block;
}
#bpLogin  input, #bpLogged p {
height:30px;
width:175px;
font-size:14px;
margin-bottom:13px;
text-align:center;
border-width:0 12px;
}
#backpack input {
-webkit-border-image:url(../../backpack/i/input.png) 0 12 0 12;
}
#bpLogged p {
line-height:30px;
font-weight:bold;
-webkit-box-sizing:border-box;
}
#bpUser {
-webkit-border-image:url(../../backpack/i/inputLogged.png) 0 12 0 12;
}
#bpDPoints {
font-size:12px !important;
text-align:right !important;
-webkit-border-image:url(../../backpack/i/dPoints.png) 0 12 0 12;
}
#bpSubmit{
display:inline;
color:#444;
font-size:13px;
font-weight:bold;
padding:9px 0 15px;
white-space:nowrap;
border-width:0 15px;
-webkit-border-image:url(../../backpack/i/submit.png) 0 15 0 15;
}
#dPoints {
text-align:left;
margin:40px auto 15px;
width:305px;
border-width:13px 12px 12px 12px;
-webkit-border-image:url(../i/bg_dPointsDropDown.png) 20 12 12 12;
-webkit-box-sizing:border-box;
}
#dPoints > dl {
position:relative;
top:-16px;
left:0;
margin-bottom:-17px;
}
#dPoints > dl > dt {
background:transparent url(../i/bg_dPointsDropDown.png) 0 0 no-repeat;
position:absolute;
top:0;
left:-12px;
color:#444;
font-weight:bold;
padding:0 12px 0;
line-height:33px;
height:33px;
width:305px;
-webkit-box-sizing:border-box;
}
#dPoints > dl > dt span:first-of-type {
display:block;
padding-right:30px;
}
#dPoints > dl > dt span:last-of-type {
background:transparent url(../i/ico_dPointsArrows.png) 0 0 no-repeat;
position:absolute;
top:8px;
right:10px;
height:16px;
width:16px;
}
#dPoints.active > dl > dt span:last-of-type {
background-position:0 -16px;
}
#dPoints > dl > dd {
background-color:#fff;
overflow:hidden;
height:0;
-webkit-transition:height 1s linear;
}
#dPoints.active > dl > dd {
padding-bottom:45px;
}
#dPoints dl dl {
padding:35px 0 5px;
}
#dPoints dl dl:last-of-type {
display:none;
}
#dPoints dl dl dt {
font-weight:bold;
margin-top:1em;
}
#dPoints dl dl dt:first-of-type {
margin:0;
}
#dPoints dl dl ul {
margin-left:20px;
padding-left:1em;
}
/* end backpack */