/* @override 
	http://www.pepsi.fi/css/pepsi.css
*/

/* -----------------------------------------------------------

	Project:		Pepsi
	Version:		1.0
	Created:		09/01/09
	Modified:		------
	
		[Table of contents]
		1. Reset
		2. Typography
			2.1	Headings
			2.2	Text elements
			2.3	Lists
			2.4	Tables
			2.5	Forms
		3. Structure
			3.1	Header
			3.2	Navigation
			3.3	Content
			3.4	Footer
		4. Clear floats
	
----------------------------------------------------------- */

//@import "diagnostics.css"; /* Remove this before the site goes live!!! */


/* -----------------------------------------------------------

	Reset
	
----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/* -----------------------------------------------------------

	Typography
	
----------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	font-size: 87%;
	color: #000;
	line-height: 1.5;
	font-family: "Helvetica Neue lt", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	position: relative;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3 a,h4 a { text-decoration: none; }
h3 a:hover, h4 a:hover { color: #007eff; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #000; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; vertical-align: top;}
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Forms
-------------------------------------------------------------- */

label { font-weight: bold; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* -----------------------------------------------------------

	Structure
	
----------------------------------------------------------- */


body, body.black, body.stream, body.streamvideo {
	margin-top: 0;
	margin: auto;
	text-align: center; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
} 
body              {background: #000 url(../img/bodybg.jpg) no-repeat top center; }
body.black        {background: #000;}
body.tekstari     {background: #000 url(../img/tekstari.jpg) no-repeat center 100px;} 
body.stream       {background: #000 url(../img/stream.jpg) repeat-x 0 100px !Important;}
body.k-system 	  {background: #000 url(../img/k-system.jpg) no-repeat center 99px; }
body.streamvideo  {background: #000 url(../img/blurbg.jpg) no-repeat 0 100px;}
body#terminaattori  {background: #000 url(../img/terminaattoribg.jpg) no-repeat center 90px;}

#wrapper {
	height: 50px !Important;
	margin: auto;
	background: #000000;
	_background: transparent url(../img/ie6bg.jpg) repeat-x 0 0;
	margin-top: 0;
	border-bottom: 1px solid #3e3e3e !important;
}
#wrappersub {
	height: 100px !important;
	float: left;
	display: inline;
	width: 100%;
	background: #fff url(../img/headerbgnew.jpg) repeat-x 0 0;
	_background: transparent url(../img/iebgnew.jpg) repeat-x 0 0;
	margin-top: 0;
}
#wrapperfull {
	height: 50px !Important;
	margin: auto;
	width: 100%;
	background: #000000;
	_background: transparent url(../img/ie6bg.jpg) repeat-x 0 0;
	margin-top: 0;
	border-bottom: 1px solid #3e3e3e !important;
}
.maincontentfullsize {
	width: 100%;
	margin: auto;
	min-height: 500px;
	padding-top: 1px;
}
#page {
	margin: auto;
	width: 940px; /*fill in the width of the page*/
	text-align: left; /*for previous ie hack*/
}
#pagefull {
	margin: auto;
	width: 100%;
	min-height: 500px;
}
#flashcontentbanner {
	width: 940px;
	height: 390px;
	float: left;
	display: inline;
	position: relative !important;
	background: transparent url(../img/syyttomat_nosto.png) no-repeat 0 0;
	background: transparent url(../img/syyttomat_nosto.gif) no-repeat 0 0;
}
#kilpailubutton {
	position: absolute;
	right: 0;
	bottom:20px;
	_bottom:25px;
	display: block;
	width: 180px ;
	height: 150px;
	outline: 0;
	text-indent: -9000px;
}
#syyttomat {
	position: absolute;
	right: 0;
	bottom:00px;
	_bottom:5px;
	display: block;
	width: 940px;
	height: 400px;
	outline: 0;
	xbackground: red;
	text-indent: -9000px;
}
#flashcontentbanner img {
	visibility: hidden;
}
.maxbanner {
	float: left;
	display: inline;
	xmargin-top: 1px;
	height: 309px;
	clear: both;
}
/* Header
-------------------------------------------------------------- */
.header {
	float: left;
	width: 940px;
	height: 50px;
}
.headersub {
	float: left;
	width: 940px;
	height: 100px;
}
.logo {
	text-indent: -9000px;
	width: 64px;
	height: 50px;
	float: left;
	display: inline;
}
.logo h1 {
	margin: 0;
	background: transparent url(../img/pepsilogo.jpg) no-repeat left center;
	width: 32px;
	height: 33px;
	margin-top: 7px;
	display: block;
	float: left;
}
.logo a {
	display: block;
	width: 32px;
	height: 33px;
}
.medialinkbox {
	width: 295px;
	height: 134px;
	margin-bottom: 5px;
	background: transparent url(../img/seuraapepsi.gif) no-repeat 0 0 !Important;
	color: #ffffff;
	padding: 8px 0 0 13px;
	clear: both;
}
.medialinkbox h2 {
	color: #ffffff;
	font-size: 17px !important;
	margin: 0 !Important;
	cursor: move;
}
.medialinkbox a {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.medialinkbox a:hover {
	color: #1086ff;
	xtext-decoration: underline;
}
.linkboxleft {
	width: 80px;
	padding-right: 20px;
	padding-top: 10px;
	height: 90px;
	float: left;
	display: inline;
}
.medialinkbox img {
	margin: 0;
	padding: 0 5px 2px 0;
}
.linkboxright {
	float: left;
	display: inline;
	width: 150px;
	padding-top: 10px;
	height: 90px;
}
.nostonrj {
	background: transparent url(../img/nrjnosto.png) no-repeat 0 0 !Important;
	width: 305px;
	height: 134px;
	padding-top: 8px;
	padding-right: 5px;
	margin-bottom: 5px;
	color: #ffffff;
	padding: 8px 0 0 10px;
	cursor: move;
	clear: both;
}
.nostonrj p {
	width: 163px;
	*width: 173px;
	margin: 0 0 7px 0;
}
.nostonrj a img {
	_height: 20px;
	_width: 131px;
}
.nostonrj h2 {
	color: #ffffff;
	margin: 0;
	font-size: 17px;
	padding-bottom: 5px;
	width: 300px;
}
.nostorekry {
	background: transparent url(../img/rekrynosto.png) no-repeat 0 0 !Important;
	width: 300px;
	height: 134px;
	margin-bottom: 5px;
	color: #ffffff;
	padding: 8px 0 0 10px;
	cursor: move;
	clear: both;
}
 .nostorekry h2 {
	color: #ffffff;
	margin: 0;
	font-size: 17px;
	padding-bottom: 0px;
	width: 300px;
}
.nostorekry p {
	width: 200px;
	padding-top: 5px;
}


.search {
	width: 230px;
	height: 30px;
	padding-top: 10px;
	xpadding-left: 36px;
	float: left;
	display: inline;
	
}
.search form {
	float: left;
	display: inline;
	width: 230px;
	_width:240px;
}
#keywords {
	float: left;
	display: inline;
	width: 150px;
	height: 20px;
	text-indent: 5px;
	padding: 0;
	padding-top: 6px;
	line-height: 20px;
	border: 0;
	background: transparent url(../img/hakuinput.jpg) no-repeat 0 0;
}
.submit {
	width: 55px !important;
	height: 25px !important;
	xline-height: 21px;
	padding: 0 !important;
	color: #ffffff;
	text-indent: 0 !important;
	font-weight: bold;
	cursor: pointer;
	margin-left: 20px;
	border: 0;
	background: transparent url(../img/submit.jpg) no-repeat 0 0 !important;
}
/* Navigation
-------------------------------------------------------------- */
.navigation {
	float: left;
	display: inline;
	width: 646px;
	_width: 626px;
	height: 50px;
	_margin-right: -3px;
}
.navigationsub {
	float: left;
	display: inline;
	width: 646px;
	_width: 626px;
	height: 58px;
}
.navigation a, .navigationsub a {
	float: left;
	display: block;
	height: 50px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	padding-right: 20px;
	line-height: 50px;
	outline: 0;
	font-family: "Helvetica Neue lt", Helvetica, Arial, sans-serif;
}
.navigation a:hover, .navigationsub a:hover {
	color: #1086ff;
}
.navigation a.selected, .navigationsub a.selected {
	color: #1086ff;
}


/* Subnavi
-------------------------------------------------------------- */

.subnavigation {
	width: 940px;
	float: left;
	display: inline;
	height: 35px;
	_margin-top: -5px;
	line-height: 34px;
	_margin-right: -3px;
}
.subnavigation a {
	color: #1086ff;
	text-decoration: none;
	height: 33px;
	display: block;
	float: left;
	padding-right: 12px;
	padding-left: 12px;
	outline: 0;
}

.subnavigation a:hover {
	color: #00065c;
	background: transparent url(../img/bluearrowdown.jpg) no-repeat bottom center;
}


.subnavigation a.selected {
	background: transparent url(../img/bluearrowdown.jpg) no-repeat bottom center;
}

/* Content
-------------------------------------------------------------- */

.col {
	float: left;
	display: inline;
	width: 310px;
	overflow: hidden;
	margin-right: 5px;
	height: 100%;
}



.maincontent {
	float: left;
	display: inline;
	width: 950px;
	_width: 955px;
	_margin-right: -3px;
	padding-bottom: 70px;
	position: relative;

}

.contentbox {
	float: left;
	display: inline;
	width: 310px;
	xmargin-right: 5px;
	margin-bottom: 5px;
	background: #eeeeee url(../img/contentboxbottom.jpg) no-repeat left bottom;
}
.cboxheader {
	background: #eeeeee url(../img/contentboxtop.jpg) no-repeat top left;
	float: left;
	display: inline;
	width: 310px;
	height: 40px;
	position: relative;
	cursor: move;
}
.cboxheader h2 {
	margin: 0;
	float: left;
	display: inline;
	width: 250px;
	padding-top: 8px;
	font-size:1.28em;
}

.redarrow {
	display: block;
	width: 31px;
	height: 19px;
	outline: 0;
}
.redarrow img { padding-left: 10px; }
.icon {
	float: left;
	display: inline;
	width: 15px;
	xheight: 15px;
	padding: 14px 6px 0 10px;
}
.cboxheader h2.active {
	margin: 0;
	float: left;
	display: inline;
	width: 120px;
	padding-top: 8px;
	font-size:1.28em;
	padding-left: 31px;
	background: transparent url(../img/redarrowright.jpg) no-repeat 10px 21px;
}
.cboxheader a {
	float: left;
	display: inline;
}

.nrj { padding-top: 4px; padding-left: 10px; padding-right: 10px;}
#nrj.contentbox .cboxtextcontent{ margin-bottom: 10px; }
.cd_thumb {
	width: 90px;	
	color: #a80000;
	float: left;
	font-weight: bold;
}
.cd_text {
	float: left;
	display: inline;
	width: 195px;
}
.cd_text strong {
	font-weight: normal;
}
.cd_text p {
	margin-bottom: 2px;
}
.cd_thumb p {
	width: 14px !important;
	height: 13px;
	float: left;
	display: inline;
}
.cd_thumb img {
	float: left;
	display: inline;
	padding-right: 10px;
}
.cboxheader h2 a { text-decoration: none; outline: 0; }
.feedlogos {
	position: absolute;
	height: 20px;
	top: 13px;
	*top:20px;
	_top:13px;
	right: 0px;
}
.feedlogos a {
	float: left;
	display: block;
	padding-right: 5px;
}


.cboxtextcontent {
	width: 290px;
	clear: both;
	min-height: 40px;
	height: auto !important;
	height:40px;
	background: transparent url(../img/linebreak.jpg) no-repeat top center;
	padding-top: 10px;
	font-size: 13px;
	padding-left: 5px;
	padding-bottom: 5px;
	line-height: 15px;
}
.cboxtextcontent2 {
	width: 290px;
	clear: both;
	min-height: 40px;
	height: auto !important;
	height:40px;
	xbackground: transparent url(../img/linebreak.jpg) no-repeat top center;
	padding-top: 10px;
	font-size: 13px;
	padding-left: 5px;
	padding-bottom: 5px;
	line-height: 15px;
}
.cboxtextcontent a.h3.blank {
	font-size: 13px;
}
.cboxtextcontent p {
	margin-bottom: 2px;
	width: 230px;
	float: left;
	display: inline;
}
.cboxtextcontent h3 {
	font-size: 13px;
	margin: 0 0 10px 0;
	width: 230px;
	float: left;
	display: inline;
}
.cboxtextcontent h3 a {
	outline: 0;
	line-height: 15px;
}

.cboxtextcontent a { 
	text-decoration: none;
	color: #1086ff;
	outline: 0;
}
.cboxtextcontent a:hover {
	text-decoration: none;
	color: #00065c;
}
.videotext {
	float: left;
	display: inline;
	width: 190px;
	_width: 180px;
}
.videotext p { width: 180px; }
.cboxtextcontent_img,.cboxtextcontent_img2,.cboxtextcontent_img3 {
	float: left;
	display: inline;
	width: 33px;
	height: 19px;
	padding-left: 15px;
	color: #ff0506;
	padding-top: 23px;
	font-weight: bold;
}
.cboxtextcontent_img { 
	background: transparent url(../img/pepsinumero3.png) no-repeat 0 0; 
	float: left; 
	display: inline; 
	width: 37px; 
	padding-bottom: 10px; 
	clear: both; 
	position: relative;
}
.cboxtextcontent_img2 { 
	background: transparent url(../img/pepsinumero3.png) no-repeat 0 0 !important; 
	_background: transparent url(../img/pepsinumero3.gif) no-repeat 0 0 !important;
	float: left; 
	display: inline; 
	width: 40px; 
	xpadding-bottom: 10px; 
	clear: both; 
	position: relative;
}
.cboxtextcontent_img2 img {
	position: absolute;
	top: 12px;
	left: 7px;
	x_top:0px;
	x_left: -12px;
}

.cboxtextcontent_img img {
	position: absolute;
	top: 5px;
	left: 12px;
	_top:-17px;
	_left: -12px;
}
.cboxtextcontent_img2 { background: transparent url(../img/pepsinumero2.png) no-repeat 0 0; float: left; display: inline; }
.cboxtextcontent_img3 { background: transparent url(../img/heartbrokenbox.png) no-repeat 0 0; }
.textcategory {
	text-transform: uppercase;
	color: #878787;
	letter-spacing: 1px;
}

.videothumb {
	float: left;
	display: inline;
	width: 100px;
}
.videothumb2 {
	float: left;
	display: inline;
	width: 120px;
}

#videobox strong { color: #000; }
#videobox { color: #002cc3; }
#videobox h2 { width: 200px; }
#videobox h3 {
	font-size: 1.2em;
	color: #002dc3;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 3px;
}
#videobox h3 a { color: #00065c; }
#userfeed h2 { width: 200px; }
#userfeed .cboxtextcontent_img2 {
	float: left;
	display: inline;
	width: 36px;
	height: 19px;
	padding-left: 12px;
	color: #ff0506;
	padding-top: 23px;
	font-weight: bold;
	background: transparent url(../img/brokenheart.png) no-repeat 0 0;
}
#userfeed .cboxtextcontent { background: none; }

.alllinks {
	float: left;
	display: inline;
	width: 240px;
	clear: both;
	font-size: 0.87em;
	text-decoration: none;
	padding-left: 13px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.alllinks a {
	font-size: 1.0em;
	text-decoration: none;
	color: #ff0506;
}
.alllinks a:hover { text-decoration: underline; }
.alllinks p { margin-bottom: 0; }

#invisiblebox1, #invisiblebox2, #invisiblebox3, #invisiblebox4, #invisiblebox5 {
	float: left;
	display: inline;
	width: 315px;
	xbackground: blue;
	min-height: 398px;
	height:auto !important;
    height:398px;
    position: relative;
}



/* stream sivu
-------------------------------------------------------------- */
#stream { margin-top: 20px; }
.maincol {
	width: 605px;
	padding-left: 20px;
	float: left;
	display: inline;
	margin-right: 5px;
	background: #fff url(../img/maincoltop.jpg) no-repeat 0 0;
	position: relative;
	xmin-height: 760px;
	xheight: auto !important;
	xheight:760px;	
}
.maincolheader {
	height: 58px;
	width: 605px;
	float: left;
	display: inline;
	position: relative;
}
.maincolheader2 {
	width: 605px;
	float: left;
	display: inline;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	_padding-top: 20px;
	*padding-top: 20px;
}
.maincolheader h2 {
	margin-top: 13px;
	width: 300px;
	float: left;
	display: inline;
}

.maincolheader2 h2.blue {
	color: #1086ff;
	width: 580px;
	line-height: 35px;
	margin-bottom: 5px;
}
.maincolheader p {
	float: left;
	display: inline;
	
}
.sidebar {
	float: left;
	display: inline;
	width: 270px;
	background: #fff url(../img/sidebartop.jpg) no-repeat 0 0;
	position: relative;
	padding: 0 20px 10px 20px;
	margin-bottom: 5px;
}
.sidebarbottom {
	width: 310px;
	background: transparent url(../img/sidebarbottom.jpg) no-repeat left bottom;
	height: 3px;
	position: absolute;
	bottom: 0;
	_bottom: -1px;
	left: 0;
}
.mediaboxsidebar {
	float: left;
	display: inline;
}
.sidebarheader {
	width: 290px;
	xheight: 50px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
	position: relative;
	float: left;
	display: inline;
}
.sidebarnavi {
	position: absolute;
	top: 20px;
	right: 0;
}
.sidebarnavi a { background: #eaeaea; }
.sidebarheader a {
	float: left;
	display: block;
	xwidth: 30px;
	height: 32px;
	margin-right: 5px;
	text-decoration: none;
	color: #1086ff; 
}
.sidebarheader a:hover {
	color: #00065c;
}
.sidebarheader a.selected { background: #ffffff; }
#star img, #star2 img { padding-top: 11px; padding-left: 9px; }
#commentbox img, #commentbox2 img{ padding-top: 11px; padding-left: 9px; }
#thumbup img, #thumbup2 img{
	padding-top: 9px;
	padding-left: 10px;
}
.sidebar h2 { margin: 15px 0 0 0; font-size: 25px; }
.sidebaritem, .sidebaritem2 {
	float: left;
	display: inline;
	width: 270px;
	padding-top: 5px;
	_padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}
.sidebaritem , .sidebaritem2{ _margin-right: -10px; }
.sidebaritem h4 {
	font-size: 1.07em;
	float: left;
	display: inline;
	margin-top: 0px;
	margin-bottom: 5px;
}
.sidebaritem h4 a {
	color: #1086ff;
}
.sidebaritem h4 a:hover {
	color: #00065c;
}
.sidebaritem .votingcomments { float: left; display: inline; width: 200px; _margin-right:3px;}
.sidebaritem2 a { text-decoration: none; color: #979797; }
.sidebaritem2 a:hover { color: #1086ff; }
.toplogos {
	width: 390px;
	height: 25px;
	position: absolute;
	top: 25px;
	right: 20px;
	font-size: 12px;
}
.toplogos a { text-decoration: none; font-size: 12px;}
.toplogos img { padding-left: 10px; }
.maincolbottom {
	width: 625px;
	height: 3px;
	background: transparent url(../img/maincolbottom.jpg) no-repeat left bottom;
	position: absolute;
	bottom: 0;
	_bottom: -1px;
	left: 0;
}
.mainstream {
	float: left;
	display: inline;
	padding-top: 0px;
	width: 605px;
}
.mainstream2 {
	float: left;
	display: inline;
	padding-top: 20px;
	width: 605px;
	position: relative;
}

.mainstream2 h2,.mainstream2 h3 { margin:0 0 5px 0; }
.mainstream2 p { width: 580px; color: #000000; }
.mainstream2 a, .mainstream a { text-decoration: none; color: #1086ff; }
.greymiddlebox {
	float: left;
	width: 587px;
	height: 77px;
	background: transparent url(../img/arvostelebg.jpg) no-repeat 0 0;
	position: relative;
}
.greymiddlebox .thumbs {
	xpadding-top: 10px;
}
.greymiddlebox span { line-height: 40px; }
.greymiddlebox h3 {
	background: transparent url(../img/pepsilovegrey.jpg) no-repeat 13px 6px;
	padding-left: 35px;
	margin: 10px 0 0 0;
	width: 200px;
	float: left;
}
.padleft {
	padding-left: 160px;
}
.greymiddlebox p { margin: 9px 0 0 20px; }
#thumbsupdown { padding-top: 6px; }
.greylogos { padding-left: 10px; }
.votes {
	position: absolute;
	top: 10px;
	left: 300px;
	width: 80px;
	color: #979797;
}
.mainstream2 .categorytext { text-transform: uppercase; position: absolute; top: 20px ; right: 20px;margin: 0;height: 20px; }
.mainstream2 span { color: #979797; }
#votesDiv_25 { color: #000; }
.mainstream2 img {
	margin: 0;
	float: none;
	padding-right: 5px;
}

.mainstreamvideo {
	float: left;
	display: inline;
	width: 270px;
}
.mainstreamtext {
	position: relative;
	float: left;
	xwidth: 335px;
	padding-top: 10px;
}
.mainstreamtext h3 {
	float: left;
	display: inline;
	width: 480px;
	margin-top: 0;
	margin-bottom: 5px;
	clear: both;
}
.mainstreamtext h3 a { outline: 0; color: #1086ff;  }
.mainstreamtext h3 a:hover { color: #00065c;}
.mainstreamdetails {
	width: 590px;
	float: left;
	display: inline;
	color: #000;
	font-size: 0.92em;
	padding-bottom: 10px;
}

.mainstreamdetails a { text-decoration: none; color: #1086ff; }
.mainstreamdetails p {
	margin: 0;
	xfloat: left;
	xdisplay: inline;
	clear: both;
}
p.ingressimain {
	color: #000;
	padding-bottom: 10px;
}
.ingressistream {
	clear: both;
}
.mainstreamdetails p img { margin: 0 0 0 0; float: none;}
.time {
	padding-right: 12px;
	height: 20px;
	line-height: 20px;
	color: #979797;
	float: left;
	display: inline;
	margin-bottom: 5px;
}
.votingcomments { color: #0d1362; float: left; width: 60px; margin-bottom: 5px;}
.votingcomments img { margin: 0; padding-right:10px; float: none;}
.votingcomments a { text-decoration: none; color: #1086ff; }
.categorytext { text-transform: uppercase; text-align: right; margin: 0;xwidth: 600px; color: #979797;}

.categorytext2 { text-transform: uppercase; margin: 0; width: 200px; color: #ababab;}
.categorytext a,.categorytext2 a { color: #979797; text-decoration: none; }
.categorytext a:hover, .categorytext2 a:hover { color: #1086ff;}
.streamcol {
	width: 605px;
	float: left;
	display: inline;
  	border-top: 1px solid #e5e5e5;
  	padding-top: 5px;
  	padding-bottom: 0px;
  	position: relative;
  	clear: both;
}
.streamdetails {
	width: 470px;
	float: left;
	display: inline;
}
.streamdetails a {
	text-decoration: none;
	color: #1086ff;
}
.streamdetails p {
	clear: both;
}
.streamdetails h3 {
	margin: 0 0 10px 0;
	font-size: 1.07em;
}
.streamdetails h3 a { color: #1086ff; }
.streamdetails h3 a:hover { color: #00065c;}
.streamdetails .votingcomments {
	float: left;
	display: inline;
}
.pagination {
	float: left;
	display: inline;
	width: 585px;
	height: 20px;
	text-align: center;
	xmargin-bottom: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}
.pagination a {
	text-align: center;
	text-decoration: none;
	color: #1086ff;
}
.pagination a:hover { color: #00065c; }
.archive {
	float: left;
	display: inline;
	padding-bottom: 10px;
	_padding-top: 20px;
	*padding-top: 20px;
}
.archive h3 {
	font-size: 1.28em;
	background: transparent url(../img/archiveheaderbg.jpg) no-repeat left bottom;
	height: 40px;
	width: 605px;
}
.archive p {
	margin-bottom: 3px;
	position: relative;
	width: 590px !important;
}
.archive p img {
	margin: 0;
	padding-right: 5px;
	float: none;
}
.archive a { text-decoration: none; color: #1086ff;}
.archive a:hover { color: #00065c; }

.footer {
	clear: both;
	height: 50px;
	line-height: 50px;
	width: 100%;
	font-size: 1.0em;
	text-align: left;
	border-top: 1px solid #171526;
	background-color: #000000;
	margin-top: 100px;
}
.footer a, .footer p {
	font-size: 0.78em;
	vertical-align: top;
	color: #ffffff;
	text-decoration: none;
}
.footer a:hover {
	color: #ffffff;
}
.footercontainer a {
	font-size: 1.0em;
	color: #1086ff;
}
.footercontainer {
	width: 940px;
	margin: auto;
	margin-top: 4px;
	color: #ffffff;
}
.musicplayer {
	float: left; display: inline;}
.musicplayer img { margin: 0; float: none; }
.footerplain {
	float: left;
	display: inline;
	color: #fff;
	font-family: arial, verdana;
	font-size: 0.85em;
	margin-top: 10px;
}
#nomargin {
	margin-top: 0;
}

.commentscontainer {
	float: left;
	display: inline;
	width: 605px;
}
.commentscontainer h2, .commentarticleheader h2 {
	float: left;
	display: inline;
	background: transparent url(../img/archiveheaderbg.jpg) no-repeat left bottom;
	width: 605px;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
}
.commentsheader {
	position: relative;
	float: left;
	display: inline;
	height: 60px;
	width: 605px;
	padding-bottom: 20px;
}
.commentnavi {
	position: absolute;
	top: 17px;
	right: 60px;
	width: 390px;
	height: 35px;
	_position:none;
	_float: right;
	_margin-top: -45px;
}

#c1 { background: transparent url(../img/star.png) no-repeat 96% 50%; }
#c2 { background: transparent url(../img/thumbup.png) no-repeat 96% 50%; }
#c3 { background: transparent url(../img/questionbubble.png) no-repeat 96% 50%; }
.commentnavi a {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 2px 20px 2px 10px;
	display: block;
	background-color: #eaeaea !important;
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	margin-right: 3px;
}
.commentnavi a:hover { color: #00065c; }
.commentnavi a.selected { background-color: #ffffff !Important; }
.commentitem {
	width: 585px;
	padding-top: 5px;
	float: left;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	display: inline;
	border-bottom: 1px solid #d7d5d5;
	margin-bottom: 5px;
}
.commentitem p { padding-left: 10px; width: 500px; float: left; display: inline; }
.commentitem a:hover { color: #00065c; }
.commentarticle { float: left; display: inline; }
.commentarticleform {
	padding-top: 10px;
	float: left;
	display: inline;
	width: 605px;
	margin-bottom: 20px;
}
.commentarticleform p { margin: 0; width: 520px; }
.commentarticleheader { float: left; display: inline; }
.commentarticleform input{ border: 1px solid #979797; height: 20px; }
#checkboxLukenut { _border: 0; *border: 0 !important; }
.otsikko, .nimim { float: left; display: inline; margin-right: 4px; }
.textarea { clear: both; position: relative; width: 520px; }
.textarea textarea {
	background: #fcfcfc url(../img/textarea.jpg) no-repeat left bottom;
	height: 80px;
	width: 510px;
	font-family: arial, verdana;
}
.submit2 {
	width: 160px;
	height: 25px !Important;
	display: block;
	border: 0 !important;
	color: #ff0000;
	font-weight: bold;
	cursor: pointer;
	margin-top: 10px;
	background: transparent url(../img/lahetakommentti.jpg) no-repeat 0 0;
}
.ehdot {
	position: absolute;
	bottom: -20px;
	right: 0;
}

/* -----------------------------------------------------------

	Product page
	
----------------------------------------------------------- */

.productcontainer {
	width: 940px;
	background: transparent url(../img/productcolheader.png) no-repeat top center;
	xpadding-top: 7px;
	margin-top: 20px;
	float: left;
	display: inline;
}
.productheader {
	float: left;
	display: inline;
	margin-top: 7px;
}
.maintitle {
	float: left;
	display: inline;
	width: 940px;
	padding-bottom: 20px;
	background: #ffffff url(../img/productheaderbg.jpg) no-repeat 20px 90%;
}
.maintitle h2 {
	margin: 0 0 0 0;
	color: #1086ff;
	padding-left: 20px;
	width: 550px;
	float: left;
	display: inline;
}
.links {
	float: left;
	display: inline;
	width: 366px;
	padding-top: 5px;
	font-size: 12px;
}
.links a {
	text-decoration: none;
	font-size: 12px;
	padding-right: 5px;
}
.links p {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	line-height: 30px;
}
.links img { margin: 0;padding-top: 2px;}
.productsubnavi {
	width: 920px;
	float: left;
	display: inline;
	padding-left: 20px;
	background: #ffffff;
}
.productsubnavi p {
	margin: 0 0 10px 0;
}
.productsubnavi a { text-decoration: none; color: #1086ff;}
.productsubnavi a:hover { color: #00065c; }
.productitem {
	width: 900px;
	float: left;
	display: inline;
	background: #ffffff url(../img/productitemline.jpg) no-repeat 20px 0%;
	padding: 30px 20px 0 20px;
}
.productitem p {
	max-width: 600px;
}
.productimage {
	float: left;
	display: inline;
	width: 150px;
	text-align: center;
}
.producttext {
	float: left;
	display: inline;
	width: 440px;
	padding-right: 20px;
}
.producttext p {
	width: 400px;
}
.producttext a { color: #1086ff; }
.producttext h3 { margin: 10px 0 10px 0; }
.productdesc {
	width: 260px;
	float: left;
	display: inline;
	background: transparent url(../img/producttextbg.jpg) no-repeat 0 0;
	xmin-height: 250px;
	xheight:auto !important;
  	xheight:250px;
	padding-left: 30px;
}
.productdesc a {
	text-decoration: none;
	 color: #1086ff;
}
.productdesc a:hover {
	color: #00065c;
}
.productcontainerbottom {
	float: left;
	display: inline;
	clear: both;
	width: 940px;
	height: 6px;
	background: transparent url(../img/productcontainerbottom.png) no-repeat 0 0;
}

.subfooter {
	xfloat: left;
	xdisplay: inline;
	width: 920px;
	padding-left: 20px;
	height: 42px;
	clear: both;
	background: #ffffff;
	padding-bottom: 20px;
	overflow: hidden !important;
}
.subfooterleft {
	float: left;
	display: inline;
	width: 5px;
	height: 42px;
	background: transparent url(../img/footerbgleft.png) no-repeat 0 0;
}
.subfooter a { color: #1086ff; text-decoration: none; } 
.subfooter a:hover { color: #00065c; }
.subfootercontent {
	width: 880px;
	height: 42px;
	float: left;
	display: inline;
	background: #eeeeee url(../img/footerbg2.jpg) repeat-x 0 0;
	padding-left: 10px;
	overflow: hidden !important;
}
.subfootercontent p {
	float: left;
	display: inline;
	_float:none !important;
	height: 39px;
	line-height: 39px;
	margin: 0;
	padding-top: 3px;
}
.subfootercontent img {
	padding-top: 12px;
	_padding-top: 10px;
	padding-right: 10px;

}
.subfooterlogot {
	padding-left: 370px;
	_padding-left: 350px;
	padding-right: 10px;
}
p.subfooterlogot {
	font-size: 12px;
	padding-top: 3px;
}
.subfooterright {
	float: left;
	display: inline;
	width: 6px;
	height: 42px;
	background: transparent url(../img/footerbgright.png) no-repeat 0 0;
}


/* -----------------------------------------------------------

	yritys page
	
----------------------------------------------------------- */

.mediacontainer {
	float: left;
	display: inline;
	width: 940px;
	background: #ffffff;
}
.medialeft {
	float: left;
	display: inline;
	width: 480px;
	padding:0 30px 0 20px;
}
.mediaright {
	float: left;
	display: inline;
	width: 400px;
}
.videothumbnails {
	float: left;
	display: inline;
	
}
.videothumbnails img {
	padding-right: 10px;
}
.historycontainer {
	background: #ffffff;
	float: left;
	display: inline;
	width: 920px;
	padding-left: 20px;
	padding-bottom: 20px;
}
.historyitem {
	float: left;
	display: inline;
	width: 430px;
	min-height: 170px;
	height: auto !important;
	height:170px;
	border-bottom: 1px solid #ababab;
	margin-right: 20px;
	padding-top: 40px;
	padding-bottom: 10px;
}
.historylogo {
	float: left;
	display: inline;
	width: 230px;
}
.historytext {
	float: left;
	display: inline;
	width: 180px;
	padding-right: 20px;
}
.historytext p {
	margin: 0;
}
.historytext span a {
	font-size: 24px;
	color: #f20000;
	text-decoration: none;
	font-weight: bold;
}
#border {
	xborder-bottom: 1px solid #cdcdcd;
	background: #fff url(../img/border1px.jpg) no-repeat bottom center;
}

.flagging {
	display: none;
}
.flagging textarea {
	vertical-align: top;
}
c {
	xfloat: left;
	xdisplay: inline;
	overflow: hidden;
	padding-top: 12px;	
}
.aanestys {
	padding-top: 12px;float: left; display: inline; *clear:both;
}
a#tdButton {
	padding-right: 10px;
}
.more {
	float: left;
	display: inline;
	width: 500px;
}
.more a {
	color: #000;
}
.thumbs {
	xpadding-top: 10px;
	padding-right: 10px;
}

.kampanjacontainer {
	float: left;
	display: inline;
	width: 940px;
}

#pepsinokia-nosto { position: relative; z-index: 1; width: 920px; height: 300px; background: url(../img/pepsinokia-alanosto.jpg) no-repeat top left; }
#pepsinokia-nosto #kamppislinkki { display: block; width: 920px; height: 300px; }
#pepsinokia-ohjeet { position: absolute; top: 266px; left: 18px; width: 115px; height: 23px; }
#pepsinokia-ohjeet a { display: block; float: left; width: 115px; height: 23px; }
#pepsinokia-etusivu-nosto { position: relative; z-index: 1; width: 309px; height: 324px; margin-bottom:5px; background: url(../img/pepsifi_nosto_ohion.gif) no-repeat top left; clear: both; }
#pepsinokia-etusivu-nosto #kamppislinkki-etu { display: block; width: 309px; height: 324px; }
#pepsinokia-ohjeet-etu { position: absolute; top: 296px; left: 188px; width: 115px; height: 23px; }
#pepsinokia-ohjeet-etu a { display: block; float: left; width: 115px; height: 23px; }

a.h3.blank{
	text-decoration: none;
	outline: 0;
	line-height: 15px;
	color: #1086ff;
	font-size: 15px;
}
a:hover.h3.blank { color: #00065c; }
.marker { background: #f72b2b; }
.grey { color: #000000 !important; }
.bordertop { border-top: 1px solid #e5e5e5; padding-left: 160px; }
.bordertop a {
	color: #1086ff; 
}
.bordertop a:hover {
	color: #00065c; 
}
#etusivu { _padding-top:200px; }
.streamdetails .aanestys { padding-top: 0; }

.aanestabanner {
	padding-left: 8px;
	padding-top: 10px;
}

.nrjcontainer {
	float: left;
	display: inline;
	width: 940px;
	background: #ffffff;
}
.nrjbox {
	width: 440px;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-bottom: 40px;
	background: transparent url(../img/nrjboxheader.jpg) no-repeat center top;
}
.nrjheader {
	width: 440px;
	height: 56px;
	margin-top: 4px;
	background: #eeeeee url(../img/nrjheaderbg.jpg) no-repeat center bottom;
}
.nrjheader h3 {
	float: left;
	display: inline;
	margin: 20px 0 0 7px;
	
}
.nrjheader img {
	padding: 20px 0 0 20px;
	float: left;
	display: inline;
}
.nrjbiisiitem {
	width: 420px;
	background: #eeeeee url(../img/nrjdevider.jpg) no-repeat center bottom;
	padding: 20px 0 0px 20px;
	clear: both;
	float:left;
	display:inline;	
}
.nrjbiisiitem h4 {
	margin: 0 0 0 0;
	min-height: 50px;
	height: auto !important;
	height: 50px
	width: 390px;
	font-size: 1.08em;
}

.nrjbiisiitem a{
	text-decoration: none;
	color: #1086ff;
}

.nrjbiisiitem a:hover {
	color: #00065c;
}
.nrjbiisiitem .aanestys {
	xpadding-left: 50px;
	padding-top: 0;
	padding-bottom: 10px;
}
.nrjcontainerbottom {
	height: 4px;
	width: 440px;
	clear: both;
	border-top: 3px solid #eeeeee;
	margin-top: -3px;
	background: transparent url(../img/nrjboxbgbottom.jpg) no-repeat center bottom;

}
.nrjbiisiitem .cboxtextcontent_img {
	padding: 6px 10px 0 5px;
	height: 36px;
	font-size: 1.5em;
}
.nrjbiisiitem .cboxtextcontent_img img {
	padding-top: 6px;
	_padding-top: 20px;
	margin-left: -3px;
	_margin-left: 15px;
}
#hakutitle {
	font-size: 1.3em;
	text-decoration: none;
	color: #1086ff;
}
#hakutitle:hover {
	color: #00065c;
}

/* -----------------------------------------------------------

	K-system
	
----------------------------------------------------------- */
.maincontest {
	width: 465px;
	padding: 40px 0 0 10px;
	xbackground: transparent url(../img/maincontestbg.png) no-repeat 0 0;
}
.maincontest h2 {
	_padding-top: 10px;
	*padding-top: 10px;
	*margin-bottom: 10px;
	_margin-bottom: 10px;
}
.maincontest a {
	text-decoration: none;
	color: #ff0000;
	font-weight: bold;
	outline: 0;
}
.maincontest a:hover {
	color: #000000;
}
.listen {
	height: 66px;
	width: 456px;
	padding: 10px 0 0 10px;
	background: transparent url(../img/listenbg.jpg) no-repeat 0 0;
}
.listen p {
	margin-bottom: 3px;
}
.link1 {
	width: 180px;
	height: 180px;
	float: left;
	display: inline;
	margin-right: 16px;
	background: transparent url(../img/lataa1.png) no-repeat 0 0;
}
.link1 a, .link2 a {
	width: 180px;
	height: 180px;
	display: block;
	text-indent: -9000px;
}
.link1 a:hover {
	background: transparent url(../img/lataa1over.png) no-repeat 0 0;
	_background: transparent url(../img/lataa1over.gif) no-repeat 0 0;
	width: 180px;
	height: 180px;
	display: block;
}
.link2 {
	width: 180px;
	height: 180px;
	float: left;
	display: inline;
	background: transparent url(../img/laheta1.png) no-repeat 0 0;
}
.link2 a:hover {
	background: transparent url(../img/laheta.png) no-repeat 0 0;
	_background: transparent url(../img/laheta.gif) no-repeat 0 0;
	width: 180px;
	height: 180px;
	display: block;
}
.prizes {
	width: 368px;
	height: 368px;
	background: transparent url(../img/prizesbg.png) no-repeat 0 0;
	position: absolute;
	top: 415px;
	left: 460px;
	padding: 35px 0 0 75px;	
	color: #ffffff;
}
.prizes p {
	width: 210px;
	line-height: 16px;
}
.prizes h3 {
	color: #ffffff;
	_padding-top: 20px;
	*padding-top: 20px;
}
.terms {
	width: 220px;
	height: 220px;
	background: transparent url(../img/termsbg.png) no-repeat 0 0;
	position: absolute;
	top: 720px;
	left: 0;
	z-index: -1;
	padding: 40px 0 0 40px;
	color: #000;
}
.deadline {
	width: 140px;
	height: 135px;
	background: transparent url(../img/deadline.png) no-repeat 0 0;
	position: absolute;
	top: 100px;
	right: 80px;
	padding: 20px 0 0 15px;
}

.lahetaformi p{
	margin-bottom: 5px;
}

.viesti {
	position: absolute;
	top: 100px;
	right: 40px;
	width: 401px;
	color: #ffffff;
	line-height: 90px;
	text-indent: 20px;
	font-size: 50px;
	height: 76px;
	background: transparent url(../img/viestibg.png) no-repeat;
}
.left {
	float: left;
	display: inline;
	width: 420px;
	xpadding-right: 10px;
}
.left h2 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.left p {
	width: 300px;
}
.right {
	width: 445px;
	min-height: 645px;
	margin-bottom: 20px;
	padding-left: 30px;
	padding-top: 20px;
	float: left;
	position: relative;
	background: transparent url(../img/greybg.jpg) no-repeat 0 0;
}
.right h2 {
	margin: 0;
	border-bottom: 1px solid #ababab;
	width: 410px;
	margin-bottom: 20px;
}
.right h3 {
	position: absolute;
	top: 15px;
	font-size: 20px;
	right: 10px;
}
.right h3 a {
	color: #1086ff;
}
.right h3 a:hover {
	color: #00065c;
}
.right form p {
	margin-bottom: 5px;
}
.formreklamaatio textarea{
	width: 278px;
	height: 170px;
}
.fields {
	width: 600px;
}
.right .submit {
	margin-left: 0 !important;
}

.osallistu {
	padding-top: 68px;
	width: 605px;
	height: 265px;
	padding-bottom: 10px;
}
.voita {
	display: block;
	float: left;
	width: 300px;
	height: 250px;
	padding-right: 20px;
	padding-bottom: 200px;
}
.pelaa {
	display: block;
	float: left;
	width: 300px;
}
.formi {
	width: 460px;
	padding-top: 79px;
	margin-top: 70px;
	height: 440px;
	margin-bottom: 20px;
	padding-left: 43px;
	position: relative;
	background: transparent url(../img/pieniframe.png) no-repeat 0 0;
	_background: transparent url(../img/pieniframe.gif) no-repeat 0 0;
}
.formi p {
	color: #ffffff;
	margin-bottom: 2px;
	_margin-bottom: 0px;
	*margin-bottom: 0px;
	width: 400px;
	line-height: 1.2em;
}
.formi form {
	padding-top: 4px;
}
.formi a {
	color: #ffffff;
	text-decoration: none;
}
.formi input, .formi2 input {
	width: 200px;
	border: 0;
	line-height: 22px;
	height: 22px;
	margin-bottom: 4px;
}

.submitbutton {
	background: transparent url(../img/lahetanappi.jpg) no-repeat 0 0;
	display: block;
	margin-top: 5px;
	text-indent: -9000px;
	width: 150px !important;
	height: 27px !important;
	cursor: pointer;
}
.formi2 {
	width: 465px;
	padding-top: 80px;
	margin-top: 70px;
	height: 360px;
	color: #ffffff;
	padding-left: 43px;
	position: relative;
	background: transparent url(../img/voiteps3.gif) no-repeat 0 0;
}
#saantoinput {
	width: 13px !Important;
	_margin-right: 5px;
	*margin-right: 5px;
}
.formi2 a {
	color: #ffffff;
	text-decoration: none;
}
.formi2 form {
	padding-top: 5px;
	_margin-top:-10px;
}
.formi2 p {
	color: #ffffff;
	margin-bottom: 5px;
	width: 400px;
	line-height: 1.3em;
}
.submitbutton2 {
	background: transparent url(../img/kohtipelastusta.jpg) no-repeat 0 0;
	display: block;
	margin-top: 5px;
	text-indent: -9000px;
	width: 160px !important;
	height: 27px !important;
	cursor: pointer;
	
}
#dvd {
	position: absolute;
	right: 40px;
	_right: 40px;
	*right: 40px;
	bottom: 60px;

}
.dvdextra {
	width: 400px;
	padding: 5px;
	text-align: left;
	border: 1px solid #e0dddd;
	background: white;
	position: absolute;
	left: 20px;
	top: 10px;
	font-size: 11px !important;
	color: #000000;
	cursor: pointer;
}
.dvdextra h3 {
	font-size: 12px !important;
	line-height: 13px !important;
}
.dvdextra.viewport-bottom {
	position: absolute;
	left: 10px;
	top: 100px !Important;
}
.formi3 {
	width: 460px;
	padding-top: 90px;
	margin-top: 70px;
	height: 370px;
	color: #ffffff;
	margin-bottom: 20px;
	padding-left: 43px;
	position: relative;
	background: transparent url(../img/formibg.png) no-repeat 0 0;
	_background: transparent url(../img/formibg.gif) no-repeat 0 0;

}
.formi3 p {
	width: 430px;
	
}
.formi3 a {
	color: #ffffff;
	text-decoration: none;
}
#pelaaimg {
	margin-left: 0px;
}


#terminatorlink {
	width: 500px !important;
	height: 120px !important;
	display: block !important;
	background: transparent url(../img/11.gif);
	position: absolute !important;
	top: 710px;
	left: 0;
	text-indent: -9000px;
	_float: left;
	_display:inline;
	_position:none;
	_margin-top: -200px;
}


.formibig {
	width: 605px;
	background: transparent url(../img/formtop.gif) no-repeat 0 0;
	padding-top: 20px;
	color: #ffffff;
	margin-top: 50px;
	position: relative;
}

.formfields {
	background: transparent url(../img/formmiddle.gif) repeat-y 0 0;	margin: 0;
	padding-left: 35px !important;
	padding-top: 40px;
	width: 610px;
	position: relative;
}
table.formfields tbody td{
	_padding-left: 40px;
	*padding-left: 40px;
}
.formbottom {
	background: transparent url(../img/formbigbottom.gif) repeat-y 0 0;
	height: 20px;
	width: 605px;
	_xmargin-top: -20px;
	clear: both;
	
}
#dob_month,#dob_day, #dob_year {
	width: 80px;
}

.formfields p{
	margin-bottom: 5px;
	text-align: left !Important;
}
.data {
	color: #ffffff;
	background: none;
}
.data p {
	margin-bottom: 5px;
}
#koodiformi a{
	color: #ffffff;
	text-decoration: none;
	padding-top: 5px;
}
#kilpailunsaannot {
	color: #ababab !important;
}
#kirjaudusisaan {
	position: absolute;
	right: 30px;
	top: 30px;
}
#kirjaudusisaan a {
	color: #cccccb;
	text-decoration: none;
}

.mini {
	font-size: 11px;
}

.closed {
	width: 390px;
	height: 124px;
	background: transparent url(../img/paattynyt_1.jpg) no-repeat 0 0;
	position: absolute;
	top: 230px;
	left: 110px;
	padding:30px 0 0 20px;
	text-indent: -9000px;
	
}
.closed2 {
	width: 233px;
	height: 80px;
	background: transparent url(../img/paattynyt_2.jpg) no-repeat 0 0;
	position: absolute;
	top: 500px;
	left: 25px;
	padding:10px 0 0 0px;
	text-indent: -9000px;
}

.closed3 {
	width: 233px;
	height: 80px;
	background: transparent url(../img/paattynyt_3.jpg) no-repeat 0 0;
	position: absolute;
	top: 500px;
	left: 345px;
	padding:10px 0 0 0px;
	text-indent: -9000px;
}





/* -----------------------------------------------------------

	Clear floats
	
----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }