/*----------------------------- 
RESET STYLES 
-----------------------------*/  
  
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {  
	margin:0;  
	padding:0;  
	-webkit-text-size-adjust:none;  
}  

body {  
	font-size: 10px;  
}  

ul, li, ol, dl, dd, dt {  
	list-style:none;  
	padding:0;  
	margin:0;  
}  

a {  
	text-decoration:none;  
}

/*----------------------------- 
    BASIC PAGE STYLING 
-----------------------------*/  
   
html {overflow-y: scroll;}

body {  
	background:#000000;
	font-family: "Myriad Pro", "Myriad", Helvetica;  
	color:#FFFFFF;
}  

p {  
	font-size:16px;  
	padding-bottom:8px;
	color:#FFFFFF;  
}  

a {  
	color:#00FF00;  
	text-decoration:none;  
}  

/*----------------------------- 
    HEADINGS 
-----------------------------*/  
  
h1.toplogo {  
	display:block;  
	width:200px;  
	height:98px;  
	background-image:url(images/small/toplogo.png);  
	text-indent:-5000px;  
}

h1.test {  
	display:block;  
	width:320px;  
	height:100px;  
	background-image:url(images/small/test.png);  
	text-indent:-5000px;  
} 

/*----------------------------- 
    BASIC LAYOUT 
-----------------------------*/  
  
#textblock {
	text-align: left;
	font-size: 11px;  
	width: 320px;
}

#page_wrapper {
	padding-top:20px;  
	background:#000 url(images/page_background.gif) repeat-x;  
	overflow:auto;
	color:#FFFFFF;
}

table, tr, td {
	padding: 0px;
	margin: 0px;
}

table.yellow {
	vertical-align: top;
	width: 313px;
	height: 92px !important;
	background-image: url(images/small/block_yellow.png);
	background-position: left;
	background-repeat:no-repeat;
}

table.blue {
	vertical-align: top;
	width: 313px;
	height: 92px !important;
	background-image: url(images/small/block_blue.png);
	background-position: left;
	background-repeat:no-repeat;
}

table.red {
	vertical-align: top;
	width: 313px;
	height: 92px !important;
	background-image: url(images/small/block_red.png);
	background-position: left;
	background-repeat:no-repeat;
}

table.yellowsmall {
	vertical-align: top;
	width: 313px;
	height: 80px !important;
	background-image: url(images/small/blocks_desc_yellow.png);
	background-position: left;
	background-repeat:no-repeat;
}

table.redsmall {
	vertical-align: top;
	width: 313px;
	height: 80px !important;
	background-image: url(images/small/blocks_desc_red.png);
	background-position: left;
	background-repeat:no-repeat;
}

table.bluesmall {
	vertical-align: top;
	width: 313px;
	height: 80px !important;
	background-image: url(images/small/blocks_desc_blue.png);
	background-position: left;
	background-repeat:no-repeat;
}
table.info {
	width: 256px;
	height: 92px;
	vertical-align: top;
}

table.infosmall {
	width: 256px;
	height: 80px;
	vertical-align: top;
}

td.iconblock {
	width: 57px;
	height: 92px;
	vertical-align: top;
}

td.iconblocksmall {
	width: 57px;
	height: 80px;
	vertical-align: top;
}

td.infoblock {
	width: 256px !important;
	height: 92px;
	vertical-align: top;
}

td.infoblocksmall {
	width: 256px !important;
	height: 80px;
	vertical-align: top;
}

tr.infoblock_top {
	width: 256px;
	height: 20px !important;
	line-height: 14px;
	vertical-align: top;
	font-size: 18px;
}

tr.infoblock_top2 {
	width: 256px;
	height: 18px !important;
	line-height: 14px;
	vertical-align: top;
	font-size: 18px;
}

tr.infoblock_middle {
	width: 256px;
	height: 22px !important;
	vertical-align: middle;
	font-size: 11px;
}

tr.infoblock_bottom {
	width: 256px;
	height: 29px;
	vertical-align: top;
	text-align: right;
	font-size: 11px;
}

tr.infoblock_bottom2 {
	width: 256px;
	height: 40px;
	vertical-align: top;
	line-height: 12px;
	text-align: left;
	font-size: 11px;
}

td.button_more {
	text-align: center;
	vertical-align:top;
	width: 116px;
}

td.button_buy {
	text-align: left;
	width: 125px;
}

hr.blue {
display:block;
border:none;
height: 6px;
width: 315px;
background-image: url(images/small/hr_blue.png);
}

hr.red {
display:block;
border:none;
height: 6px;
width: 315px;
background-image: url(images/small/hr_red.png);
}

hr.yellow {
display:block;
border:none;
height: 6px;
width: 315px;
background-image: url(images/small/hr_yellow.png);
}

table.score {
	width: 320px;
	padding: 0px;
	margins: 0px;
}

tr.score_gold {
background-color:#837514;
}

tr.score_silver {
background-color:#666666;
}

tr.score_bronze {
background-color:#663300;
}

tr.score_swapcolor {
background-color:#333333;
}

tr.score_swapcolor_blue {
background-color:#323457;
}

tr.score_swapcolor_red {
background-color:#571818;
}

tr.score_swapcolor_yellow {
background-color:#5a5108;
}

tr.score_normalcolor {
background-color:#000000;
}

td.score_header {
	font-size: 14px;
	text-align: center;
}

td.score_cell {
	font-size: 12px;
	text-align: center;
}

img.screenshot_blue {
border: 2px solid #323457;
}

img.screenshot_yellow {
border: 2px solid #5a5108;
}

img.screenshot_red {
border: 2px solid #571818;
}

div.minilist {
width: 145px !important;
text-align: left;
}

div.scoreboard_button {
width: 296px;
height: 31px;
/* background-image:url(images/small/blank_button.png); */
text-align:center;
vertical-align:middle;
font-size: 18px;
line-height:29px;
color: #FFFFFF;
font-family: "Myriad Pro", "Myriad", Helvetica;  
}

font.copyright {
font-size: 9px;
}

div#textblock {
	width: 320px;
	text-align: justify;
}

/*----------------------------- 
    ORIENTATION CLEVERNESS 
-----------------------------*/  
  
#content_left,  
#content_right,  
#content_normal,  
#content_flipped {  
	display:none;  
}

.show_normal,  
.show_flipped {  
	width:320px !important;
}  

.show_left,  
.show_right {  
	width:480px !important;  
}



.show_left #content_left,  
.show_right #content_right,  
.show_normal #content_normal,  
.show_flipped #content_flipped {
	display:block;
}