* { padding:0; margin: 0; }

ul				{ margin: 0 0 0 15px; }
ol,ul			{ margin: 0 5px 0 20px; font-size:9pt; color:#ccc; }
/* images/background2.png */
html,body { background-color: #003366; background-image:url(images/bluebackground_verydark.png); background-repeat:repeat; color: #fff; font-family:arial; font-size:10pt; width:100%; height: 100%; }

#header { background: url(images/tl_header.jpg); width:1024px; height:96px;  margin: 16px auto 5px auto; border: #000 1px solid; }
#header a { color: #fff; font-family: "Arial Black"; font-size: 20pt; font-weight: bold; padding: 40px 0 0 7px;}
#loginbox	{ background: url(images/login_box.png); width:192px; height:72px; position:absolute; top:100px; left: 912px; border:0; padding:4px; margin:0; }

.r32	{ background: url(images/icon-random_32x32.png); background-repeat:no-repeat; min-width:32px; height:32px; }
.z32	{ background: url(images/icon-zerg_32x32.png); background-repeat:no-repeat; min-width:32px; height:32px; }
.p32	{ background: url(images/icon-protoss_32x32.png); background-repeat: no-repeat; min-width:32px; height:32px;}
.t32	{ background: url(images/icon-terran_32x32.png); background-repeat: no-repeat; min-width:32px; height:32px; }

.r16	{ background: url(images/icon-random_16x16.png); background-repeat:no-repeat; min-width:16px; height:16px; padding: 0 0 0 16px; float:left; }
.z16	{ background: url(images/icon-zerg_16x16.png); background-repeat:no-repeat; min-width:16px; height:16px; padding: 0 0 0 16px; float:left; }
.p16	{ background: url(images/icon-protoss_16x16.png); background-repeat: no-repeat; min-width:16px; height:16px; padding: 0 0 0 16px; float:left; }
.t16	{ background: url(images/icon-terran_16x16.png); background-repeat: no-repeat; min-width:16px; height:16px; padding: 0 0 0 16px; float:left; }

.br16	{ background: url(images/bronze-medium_16x16.png); background-repeat:no-repeat; min-width:16px; height:16px; padding: 0 0 0 3px; float:left; }
.si16	{ background: url(images/silver-medium_16x16.png); background-repeat:no-repeat; min-width:16px; height:16px; padding: 0 0 0 3px; float:left; }
.go16	{ background: url(images/gold-medium_16x16.png); background-repeat:no-repeat; min-width:16px; height:16px; padding: 0 0 0 3px; float:left; }
.pl16	{ background: url(images/platinum-medium_16x16.png); background-repeat:no-repeat; min-width:16px; height:16px; padding: 0 0 0 3px; float:left; }
.di16	{ background: url(images/diamond-medium_16x16.png); background-repeat:no-repeat; min-width:16px; height:16px; padding: 0 0 0 3px; float:left; }
.ma16	{ background: url(images/master-medium_16x16.png); background-repeat:no-repeat; min-width:16px; height:16px; padding: 0 0 0 3px; float:left; }
.gm16	{ background: url(images/grandmaster-medium_16x16.png); background-repeat:no-repeat; min-width:16px; height:16px; padding: 0 0 0 3px; float:left; }

.win25	{ background:url(images/match-symbols.png); background-repeat: no-repeat; min-width: 18px; height: 18px; padding: 0 0 0 20px; }
.loss25	{ background:url(images/match-symbols.png); background-position: 0 -40px; background-repeat: no-repeat; min-width: 20px; height: 18px; padding: 0 0 0 20px; }

.iok32 			{ background: url(images/Check-icon_24.png);  background-position: left center; background-repeat: no-repeat; width:32px; height:32px; padding: 0 0 0 32px; }
.iedit32 		{ background: url(images/Edit-icon_24.png);  background-position: left center; background-repeat: no-repeat; width:32px; height:32px; padding: 0; }
.save32 		{ background: url(images/Save-icon_24.png);  background-position: left center; background-repeat: no-repeat; width:32px; height:32px; padding: 0 0 0 32px; }
.iadd32 		{ background: url(images/Add-icon_24.png); background-position: left center; background-repeat: no-repeat; width:32px; height:32px; padding: 0;  }
.istar32		{ background: url(images/Favorites-icon.png); background-repeat: no-repeat; width:32px; height:32px; padding: 0 0 0 32px;  }
.idel32 		{ background: url(images/Delete-icon.png); background-position: left center; background-repeat: no-repeat; width:32px; height:32px; padding: 0 0 0 32px;  }


div.button32	{ width:150px; height:32px; background-image:url(images/button32.png); font-size:20px; }

div.buttonrow										{ height: 32px; }
div.buttonrow .button32					{ width:150px; height:32px; background-image:url(images/button32_blackborder.png); font-size:14px; font-weight:bold; color:#0094ff; float:left; margin-left:5px; }
div.buttonrow .button32:hover		{ width:150px; height:32px; background-image:url(images/button32_blueborder.png); font-size:14px; font-weight:bold; color:#0094ff; float:left; margin-left:5px; cursor:pointer; }
div.buttonrow .label						{ float:left; margin-top:8px; }
div.buttonrow .iadd32						{ float:left; margin-left:4px; }
div.buttonrow .iedit32					{ float:left; margin-left:4px; }

div.btnrow											{ height: 32px; }
div.btn													{ height: 16px; width: 72px; border: 2px solid #ddf; border-radius: 0 10px 10px 10px; padding:4px; text-align:center; background-color:#000; }
div.btn:hover										{ height: 16px; width: 72px; border: 2px solid #ddf; border-radius: 0 10px 10px 10px; padding:4px; text-align:center; background-color:#036; }

#body 				{ width:1024px; margin: 0 auto 5px auto; min-height:600px; }
.menubody 		{ width:1022px; margin: 0 auto 5px auto; }
.menueffect 	{ background: #003; border: 1px solid #000; background-image:url(images/bargradient2.png); background-repeat:repeat-x; margin: 0; border: 1px solid #000; padding: 2px 5px; font-size:10pt; height:18px; }
.sidebaritem	{ background: #003; border: 1px solid #000;  border-width: 0 1px 1px 1px; margin: 0 0 8px 0; width:180px; padding: 4px; }
.mainitem			{ background: #003; border: 1px solid #000;  border-width: 0 1px 1px 1px; margin: 8px 0 0 0; padding: 4px; }
span.headline { margin:5px 200px 0 5px; }
.mainitem p   { font-family: Arial; font-size:14px; color: #ddf; }

div.button					{ background-image:url(images/buttongradient.png); background-repeat:repeat-x; border: solid 1px #000; height:22px; width:100px;  }
div.button .save32	{ text-indent:40px; }

.menu
ul.topmenu			{ list-style-type: disc; list-style-image: none; font-size: 10pt; margin:0;}
.topmenu li			{ display:inline; margin: 0 0 0 5px; }
.topmenu a			{ color: #09f; text-decoration:none; }
.topmenu a:hover	{ color: #f90; text-decoration:underline; }
.topmenu .new		{ color: #df1; }
a.admin					{ color: #fc0; text-decoration:none; }
a.admin:hover		{ color: #ff0; text-decoration:underline; }

.sidecolumn	{ width:190px; float:right; }
.maincolumn { width:826px; float:left; }
.lmaincolumn	{ width:1024px; }

/* table			{ border-collapse:collapse; border-spacing:0; margin: 10px auto 0 auto; border: solid 1px #09f;} */
.ladder .mini th.platinum			{ font-size: 16px; }

.ladder tr.recent			{ background-color: #113; }
.ladder tr.inactive		{ color: #999; }
.ladder tr.inactive a	{ color: #999; }
.ladder th.grandmaster	{ text-align: left; background-image: url(images/grandmaster-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; font-size:20pt; }
.ladder th.master			{ text-align: left; background-image: url(images/master-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; font-size:20pt; }
.ladder th.diamond		{ text-align: left; background-image: url(images/diamond-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; font-size:20pt; }
.ladder span.subtitle	{ padding-left: 0px; font-size:10px; color: #ccf; text-align:right;}
.ladder th.platinum		{ text-align: left; background-image: url(images/platinum-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; font-size:20pt; }
.ladder th.gold				{ text-align: left; background-image: url(images/gold-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; font-size:20pt; }
.ladder th.silver			{ text-align: left; background-image: url(images/silver-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; font-size:20pt; }
.ladder th.bronze			{ text-align: left; background-image: url(images/bronze-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; font-size:20pt; }
.ladder th.rating			{ text-align: left; background-repeat:no-repeat; padding-left: 2px; height: 52px; font-size:20pt; }

table.ladder 					{ border-collapse:collapse; border-spacing:0; text-align:center; }
.ladder td						{ font-size: 12pt; vertical-align: middle; }
.ladder td.smallicon	{ width: 20px; }
.ladder td.no 				{ width: 50px; }
.ladder td.winpct			{ width: 75px; color: #ccf; }
.ladder td.updated		{ width: 75px; color: #ccf; font-size:10px; }
.ladder td.placement	{ width: 50px; font-size: 16pt; font-weight:bold; padding-right: 4px; }
.ladder a							{ font-size: 12pt; }
.ladder a.smallname		{ font-size: 10pt; }
.ladder td.name 			{ width: 175px; }
.ladder td.division 	{ width: 175px; }
.ladder td.smallname 			{ width: 175px; font-size: 9pt; }
.ladder td.smalldivision 	{ width: 175px; font-size: 9pt; }
.hoverable	tr:hover	{ background-color: #339; };

.laddernews								{ width: 700px; height: 280px; overflow:hidden; }
div.laddernews						{ position:relative; }
.laddernews .newsitem			{ margin-bottom: 5px; height: 50px;}
.laddernews .headline			{ padding-left: 20px; color: #0cf; font-weight: bold; }
.laddernews .player				{ padding-left: 18px; }
.laddernews div.kind			{ color: #fff; font-size:20pt; float:left; vertical-align: middle; height: 52px; width:52px; text-align:center; }
.laddernews div.container	{ float:left; height: 52px; font-size: 12pt; }
.laddernews span.win			{ color: #3f3; }
.laddernews span.loss			{ color: #f33; }
.laddernews .message			{ font-size: 10pt; color: #ccf; border-width: 2px 0 0 0; border-style:solid; border-color: #036;  }
.laddernews .diamond			{ background-image: url(images/diamond-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; }
.laddernews .platinum			{ background-image: url(images/platinum-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; }
.laddernews .gold					{ background-image: url(images/gold-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; }
.laddernews .silver				{ background-image: url(images/silver-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; }
.laddernews .bronze				{ background-image: url(images/bronze-medium.png); background-repeat:no-repeat; padding-left: 52px; height: 52px; }

table.vipprofile					{ border-collapse:collapse; border-spacing:0; text-align:left; margin-left: 10px; }
table.vipprofile .label		{ font-size: 12pt; font-weight: bold; color: #ccf; width: 100px; }
table.vipprofile	td			{ font-size: 12pt; colot: #ddf; }

.l				{ text-align:left; }
.r				{ text-align:right; }
.c				{ text-align:center;}
.wsmall		{ width: 20px; }
.wmedium	{ width: 75px; }
.wlarge		{ width: 250px; }

/* Gfx effects - begin */
a.btnbig						{ width:160px; height:41px; background-image:url(images/bigbutton.png); display:block; float:left; }
div.btnsmall					{ width:80px; height:18px; background-color:#036; float:left; border: 1px solid #0af; }
div.btnsmall:hover		{ width:80px; height:18px; background-color:#fc0; float:left; border: 1px solid #0af; }
/* Gfx effects - end */

/* th			{ background-color: #09f; text-align:left; padding: 2px; }
td			{ padding:2px; }
*/
.nupdate p			{ margin: 0 0 5px 0;}
.nupdate h1			{ font-size:10pt; color:#09f; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#036; margin: 0; }
.nupdate span		{ color:#666; font-style:italics; }
h1							{ font-size:14pt; color:#09f; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#036; margin: 25px 10px 0 10px;}
.firstheader		{ margin: 0 10px 0 10px; }
h1 div.byline	{ font-size:10px; color: aaf; }
h1 .subheader	{ font-size:10pt; color:#069; font-family: Tahoma; }
p							{ color: #ffa; margin:4px 10px 10px 10px; font-family: Tahoma; }

div.racebtn					{ width:60px; float:left; border: 1px #99f solid; background-color:#036; margin: 0 6px 0 0; vertical-align:middel; position:relative; }
div.racebtn:hover		{ width:60px; float:left; border: 1px #336 solid; background-color:#003; margin: 0 6px 0 0; vertical-align:middel; position:relative; }
div.racebtn span 		{ position:absolute; top:6px; left:35px; font-weight: bold;}
div.racebtn.selected { background-color: #99f; color:#000; }
/*			
h1			{ background-image:url(images/tl_h1.png); font-size:14pt; color:#09f; margin: 0 5px 0 0; }
*/
h2			{ font-size:12pt; color:#09f; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#036; margin: 10px 5px 5px 0;}

.iccup								{ font-size: 16px; }
.iccupa								{ background-image: url(images/rank_bg.png); background-color: #00f; width:27px; height:27px; float:left; }
.iccupb								{ background-image: url(images/rank_bg.png); background-color: #00f; width:27px; height:27px; float:left; }
.iccupc								{ background-image: url(images/rank_bg.png); background-color: #ff0; width:27px; height:27px; float:left; color:#000; }
.iccupd								{ background-image: url(images/rank_bg.png); background-color: #f00; width:27px; height:27px; float:left; }

table.login						{ border-collapse:collapse; border-spacing:0; }
table.login	td				{ padding:2px; }
table.login	input			{ background-color:#336; color:#ff; border:solid 1px #09f; width:105px; color:#fff; height:18px; }
table.login td.label	{ padding: 0 4px 0 0; }

span.label 		{ width:75px; display:table-cell; font-size:9pt; font-weight:bold; }

.comment							{ font-size: 8pt; color:#99f; }
td										{ vertical-align:top; }

table.newladderprofile td.label	{ vertical-align:top; text-align:right; font-size: 12pt; padding:6px 10px 0 0; }
table.newladderprofile					{ width:800px; border-collapse:collapse; border-spacing:0; margin: 10px auto 10px auto; border: none 0px;}
table.newladderprofile td 			{ padding:4px 4px 12px 4px; }
table.newladderprofile input		{ width:500px; display:table-cell; background-color:#336; color:#fff; border:solid 1px #09f; height:20px; padding:3px; font-size:12pt; }
table.newladderprofile a.button	{ width:200px; height:20px; border:solid 1px #09f; padding:4px; }
table.newladderprofile input.button
																{ width:100px; display:table-cell; background-color:#336; color:#fff; border:solid 1px #09f; height:20px; padding:3px; font-size:12pt; }

table.newlogin td.label	{ vertical-align:top; text-align:right; font-size: 12pt; padding:6px 10px 0 0; }
table.newlogin				{ width:400px; border-collapse:collapse; border-spacing:0; margin: 10px auto 10px auto; border: none 0px;}
table.newlogin td 		{ padding:4px 4px 12px 4px; }
table.newlogin input	{ width:400px; display:table-cell; background-color:#336; color:#fff; border:solid 1px #09f; height:20px; padding:3px; font-size:12pt; }
textarea.larea				{ width:400px; height:80px; display:table-cell; background-color:#036; border: none; color:#fff; }
table.newlogin select	{ width:400px; display:table-cell; background-color:#336; color:#fff; border:solid 1px #09f; height:26px; padding:3px; font-size:12pt; }
div.information 			{ width:400px; background-color: #025; color:fff; border: solid 1px #09f; padding:15px; margin: 20px auto 20px auto; }
div.warningbox  			{ margin: 10px auto 10px auto; background-color: #ffa; font-size:14pt; color:#f00; padding:2px; text-align:center; }

input.field			{ width:200px; }
input.ffield		{	width:300px; color:#0cf; }
select.field		{ width:200px; display:table-cell; background-color:#036; border: none; color:#fff; border-bottom:dotted 1px #09f; }

a							{ text-decoration:none; color:#0cf; font-size: 10pt; font-weight:bold; }
a:hover				{ text-decoration:underline; }
div.bracketb	{ width:150px; height:60px; position:absolute; background-image:url(images/bracket_box.png); }
div.bracketa	{ width:30px; height:50px position:absolute; background-image:url(images/bracket_arrow.png); }

div.icon { width:20px; height:20px; }
.warning { background-image: url(images/tl_icons.png); offset-x:0; }

span.tag		{ background-color:#025; font-family: "Sans Serif"; font-size: 8pt; padding:1px 2px; color:#fff; font-weight:bold; margin:0 5px 0 0;}
td.winner		{ font-weight:bold; }
td.loser		{ color:#999; text-decoration:line-through; }
td.info			{ font-size:14pt; color:#ccc; padding:2px 0 0 0; }
span.details	{ color:#999; font-size:10pt; }
	
table.signuplist 			{ width:700px; border-collapse:collapse; border-spacing:0; border:none 0px; margin:0 auto;}
.signuplist td.no			{ font-size:20pt; text-align: right; }
.signuplist td.name		{ width:380px; text-align:left; font-size:14pt; }
.signuplist td.check	{ width:100px; text-align:center; }
.signuplist th				{ background-color:#003; font-size:14pt; border-bottom:solid 2px #039; text-align:left; }
.signuplist tr:hover	{ background-color:#669; }

table.rank					{ width:670px; border-collapse:collapse; border-spacing:0; border:none 0px; margin:0 auto;}
.rank td.no					{ width:20px; text-align:center; }
.rank	th						{ background-color:#003; font-size:14pt; border-bottom:solid 2px #039; }
.rank	td.points			{ font-size:20pt; text-align: right; }
.rank	td.status			{ font-size:20pt; text-align: center; vertical-align:middle; width:120px; }
.rank	td.vs					{ font-size:20pt; text-align: center; width:50px; }
.rank	td.descr			{ font-size:10pt; }
.rank span					{ margin: 0 5px 0 0; font-size:8pt; }
.rank	.looser 			{ text-decoration:line-through; color:#999; }
.rank	span.winner 	{ color:#09f; }
.rank	td.player			{ font-weight: bold; width:175px; text-align:center; }
.rank tr.seperator	{ border-top:dotted 1px #336; }
.rank td.name				{ font-size:20pt;  width:20px; text-align:left; }
 tr.hoverable:hover	{ background: #669; cursor: pointer;}

table.details				{ border-collapse:collapse; border-spacing:0; margin: 10px auto 0 auto; text-align:left; margin:0; }
.details td.label		{ font-size:20px; color: #09f; padding-right:20px; }
.details td					{ font-size:20px; color: #cc6; vertical-align:middle;}
.details .small			{ font-size:8pt }
.details input			{ height:20px; vertical-align: middle; }

span.zerg			{ font-size:8pt; color:#7F3300; font-weight:bold; }
span.terran		{ font-size:8pt; color:#4646FF; font-weight:bold; }
span.protoss	{ font-size:8pt; color:#FFE500; font-weight:bold; }
span.random		{ font-size:8pt; color:#FFE555; font-weight:bold; }

div.infobox				{ float: right; width:250px; height: 150px; border: 2px #09f solid; font-size:20px; color: #fff; text-align:center; vertical-align:middle; background-color:#000; margin: 0 0 0 5px; border-radius: 0 10px 10px 10px; }
div.infobox:hover	{ background-color: #0cf; }

div.video					{ width:560px; height:340px; border:none; margin: 0 auto 0 auto; }
iframe.emvideo		{ width:560px; height:340px; border:none; }
div.videopanel		{ margin: 3px auto; width: 560px; }
.videopanel ul		{ list-style-type: disc; list-style-image: none; font-size: 10pt; margin:0;}
.videopanel li		{ display:inline; margin: 0 0 0 5px; }

.selpopup					{ position:absolute; width:500px; background:#036; border: 2px solid #09f; padding:3px; }
.selpopup table.ladder { width:100% }

table.playerselector							{ border-collapse:collapse; border-spacing:0; }
table.playerselector input.name		{ border-width: 1px; border-style: solid; border-color:#09f; height:26px; width:400px; background: #036; color:#fff; font-size:12pt; }
table.playerselector input.button	{ border-width: 1px; border-style: solid; border-color:#09f; height:28px; width:108px; background: #003; color:#fff; font-size:12pt; }

.cmcolumn		{ width: 450px; float:left; }
#playerlist	{ border-width: 1px; border-style: dotted; border-color: #003; width:1020px; overflow-x:auto; position:relative; }
.participant	{ border-width: 0px; border-style: solid; border-color:#09f; height:38px; width:350px; background: #003; color:#fff; font-size:8pt; background-color:#002; position:relative; margin-bottom:2px;}
.hover 		{ background: #336; }
.pinactive { color: #666; background-color:#000; }
div.participant .league	{ position:absolute; top:5px; left:4px; }
div.participant .race 	{ position:absolute; top:5px; left:56px; }
div.participant .name		{ height:20px; width:200px; max-width:200px; overflow:hidden; position:absolute; top:2px; left:74px; text-align:left; font-size:18px; }
div.participant .score	{ position:absolute; top:0px; left:22px; font-size:22px; text-align:right; width: 26px; }
div.participant .games	{ position:absolute; top:6px; left:324px; font-size:12px; text-align:right; width: 20px;  }
div.participant .rating	{ position:absolute; top:6px; left:290px; font-size:12px; text-align:right; width: 35px; }
div.participant .results	{ position:absolute; top:26px; left:55px; font-size:12px; text-align:right; width: 20px;  }
div.rightbracket				{ border-width:2px 2px 2px 0; border-style:solid; border-color:#036; width:10px; position:absolute; }
div.leftbracket					{ border-width:2px 2px 0px 0; border-style:solid; border-color:#036; width:8px; position:absolute; }
div.bracketheader				{ border-width: 1px; border-style: solid; border-color:#09f; height:28px; width:150px; background: #003; color:#fff; font-size:8pt; position:absolute; background-color:#002; }

div.participant .results .win		{ font-size: 9px; padding-left:5px; color: #c30; }
div.participant .results .loss	{ font-size: 9px; padding-left:5px; color: #390; txext-decoration: line-through; }

#progress				{ width:1000px; height:8px; border-width:1px; border-style:solid; border-color: #09f; position:relative; margin:5px 0 10px 4px; }
#progress #bar	{ height:100%; background-color:#036; }

#playerheadline { width:400px; height:20px; border-bottom-width:1px; border-style:solid; border-color: #003; position:relative; }
#playerheadline #score { position:absolute; left:0px; width: 74px; }
#playerheadline #name  { position:absolute; left:74px; width: 200px; }
#playerheadline #games { position:absolute; left:320px; }

#gameheadline		{ width:400px; height:20px; border-bottom-width:1px; border-style:solid; border-color: #003; position:relative; }
#gameheadline #player1	{ position:absolute; left:0px; width: 74px; }
#gameheadline #vs  			{ position:absolute; left:74px; width: 200px; }
#gameheadline #player2	{ position:absolute; left:320px; }

#gameslist			{ position:relative; }
#gameslist .game		{ position:relative; height:26px; width:450px; }
#gameslist .player1	{ font-size:20px; text-align:right; position:absolute; width:205px; left:0; }
#gameslist .vs			{ font-size:12px; text-align:center; position:absolute; width:40px; left:205px; top:4px; }
#gameslist .player2	{ font-size:20px; text-align:left; position:absolute; width:245px; left:245px;}
#gameslist .defeat	{ text-decoration: line-through; color: #999; }
#gameslist .round		{ border-width:0 0 1px 0; border-style:solid; border-color:#069; padding-top:10px; text-align:center; font-size:20px; }
#gameslist .rating1	{ width:40px; position:absolute; left:0; top: 2px; text-align:left; }
#gameslist .rating2	{ width:40px; position:absolute; left:410px; top: 2px; text-align:right; }
span.statusmsg			{ text-decoration:none; color:#fc0; font-size: 10pt; font-weight:bold; }

.mainitem div.countdown		{ float:left; background: #069; width:100px; height:50px; border: 2px #036 solid; margin:20px 10px 5px 10px; position:relative; }
.mainitem div.countdown #days		{ font-size:20pt;font-familiy: arial; position:absolute; left:15px; top:8px; }
.mainitem div.countdown #hours	{ font-size:10pt;font-familiy: arial; position:absolute; left:40px; top:20px; }