/* CSS Stylesheet - Deittisivusto */
/* Made by Memphis From HD SofT 2007 */

body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url('../background.jpg');	
	margin: 0px;
}

a 
{
	color: #000000;
}

input
{
        background-color: #e0f8dd;
	color: #000000;
        border: 2px dotted #b8b9cd;
}

.menu
{
	width: 150px;
	margin: 0px;
	background-color: #fff;
	border: 3px solid #aef1ff;
	font-size:10px;
	font-weight: bold;
	padding: 0px;
	vertical-align: top;
}

.menu table
{
	width: 100%;
	font-size:10px;
	font-weight: bold;
}

.menu td
{
	padding: 4px;
	border: 1px dotted #aef1ff;
}

.menu a, a:visited
{
	text-decoration: none;
}

.menu a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.main
{
	width: 490px;
	padding: 20px;
	margin-top: 0px;
}

.banner
{
	background-color: #fff;
	border: 0px solid #dcdcdc;
	font-size: 11px;
}

.banner td
{
	font-size:11px;

}

.banner input, select
{
	font-size: 10px;
	width: 120px;
        background-color: #e0f8dd;
        color: #000000;
        border: 2px dotted #dcdcdc;
}

.content2
{
	background-color: #fff;
	border: 3px solid #aef1ff;
	width: 490px;
	height: 550px;
	font-size:11px;
	vertical-align: top;
	padding: 2px;
}

.logo
{
background-attachment: fixed;

background-image: url(logo.jpg);

background-repeat: no-repeat;

background-position: center top;

}

.content
{
	background-color: #fff;
	background-image: url('../0-back.jpg');
	border: 3px solid #aef1ff;
	width: 490px;
	font-size:11px;
	vertical-align: top;
	padding: 5px;
}

.content td
{
	font-size: 11px;
}

.banner_bottom
{
	height: 70px;
        background-color: #fff;
	border: 3px solid #dcdcdc;
        font-size:11px;
        vertical-align: top;
	
}

.login
{
        font-size: 10px;
        font-weight: bold;
        background-color: #fff;
        border: 3px solid #dcdcdc;
	padding: 5px;
}

.login td
{
        font-size: 10px;
}

.login input
{
	width: 120px;
	font-size: 9px;
}

.title
{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin: 0px;
	margin-top: 10px;
}

.otsikko
{
	font-weight: bold;
}

.arvo
{
        border: 0px solid #dcdcdc;
}

.title2  {

    height: 25px;

    padding-left: 10px;

    background: url("tpl_box_bar.png") repeat-x;

    font: normal 19px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

    letter-spacing: -1px;

    color:#FFFFFF;

}

.arrow {

    margin: 0px;

    padding: 0px;

    height: 9px;

    background: transparent url(tpl_box_arrow.gif) no-repeat top left;

    position: relative;

    top: -12px;

    left: -10px;

}


.clear {

    clear: both;

}

.box {

    background-image: url('../0-back.jpg');
    display: block; 
    padding:2px; 
    border: 1px solid #DDDDDD;

}


#login-content, #statistic-content, #adv-content, #online-content,

#latestvideo-content, #profiledetail-content, #vote-content, 

#userinfo-content, #mediumbox-content, #recently-content, #fullbox-content,#invitefriend-content,#invitenewfriend-content,

#myprofile-content, #mostactive-content, #topwatched-content, #signup-content, #viewvideo-content,

#bookmark-content, #othervideo-content, #relatedvideo-content, #recently-added-content,

#browsegroup-content, #smallbox-content, #videodetails-content, #sharedetails-content, 

#groupforum-content, #grouprecentvideo-content,#small-rightbox-content {

    padding:10px;

    margin-top: 2px;

    background: url("../images/tpl_box_shading.png") repeat-x;

}

.bl {background: url(bl.gif) 0 100% no-repeat #e68200; width: 40em}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}


.rating{
width:80px;
height:16px;
margin:0 0 20px 0;
padding:0;
list-style:none;
clear:both;
position:relative;
background: url(star-matrix1.gif) no-repeat 0 0;
}
ul.rating li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
float:left;
/* end hide*/
text-indent:-999em;/* hide text*/
}
ul.rating li a {
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
text-decoration:none;
z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}

ul.rating li a:hover {
z-index:2;
width:80px;
height:16px;
overflow:hidden;
left:0;
background: url(star-matrix1.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}