body{
    margin: 0;
    padding: 0;   
    font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
    font-size: 12px;
}

body .center{
    margin: auto;   
    float: none;
}

body .blue{
    color: #47BCD8;   
}
body .bold{
    font-weight: bold;
}

select, input, textarea{
    font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
    
}

a, a:active{
	color: #3b5998;
	outline: 0;
    text-decoration: none;
}

a:visited{
    text-decoration: none;
	color: #3b5998;
}
a:hover{
    text-decoration: underline;    
}
.hidden{
    display: none;   
}

.teammember{
    display: block;
    width: 198px;
    float: left;
    position: relative;
    height: 70px;
}

.topbox .teammember{
    height: 50px;   
}
.teammember .memberrole{
    display: none;   
}
.topbox .teammember .tmname{
    padding-top: 20px;
    font-size: 13px;
    line-height: 13px;
    height: 26px;
}
.topbox .teammember .memberrole{
    display: block;
    position: absolute;
    top: 5px;
    height: 24px;
    color: black;
    left: 55px;
    font-size: 11px;   
}

.teammember .tmimg{
    float: left;   
    width: 50px;
    padding-right: 5px;
}
.teammember .tmname{
    display: block;
    font-size: 11px;
    height: 24px;
    line-height: 11px;
    overflow: hidden;
    width: 143px;
}


.teammember a.memlink{
    display: block;
    height: 50px;
    text-decoration: none;
    width: 100%;
}

.teammember .membertools{
	position: absolute;
	top: 24px;
	left: 55px; 
	width: 148px;
	height: 24px;
}


.teammember .membertools a{
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: block;
    font-size: 10px;
    height: 14px;
    line-height: 10px;
    margin: 0;
    padding: 0 0 0 18px;
    text-decoration: none;
    width: 130px;
}

h3.srk, h4.camp{
	margin: 0;
	padding: 0;
}
h3.srk{
	font-size: 20px;
}

h4.camp{
	font-size: 14px;
}

.invi{
	font-size: 11px;
	margin-bottom: 20px;
}
.riparikirjain{
	padding-right: 5px;
}
#riparilista a{
	display: block;
	width: 100%;
}

.teammember .membertools a.removefromgroup{
	background-image: url('i/13x13px_poista.png');
}

.teammember .membertools a.toggleisonen{
	background-image: url('i/13x13px_nuoliylos.png');
}

.teammember .membertools a.onisonen{
	background-image: url('i/13x13px_nuolialas.png');
}

.teammember .tmimg img{
    border: 0;
}

#newteamform label{
	display: none;	
	font-size: 11px;
	float: right;
	width: 220px;
}

#rootlink{
    position: absolute;
    top: 0;
    left: 0px;
    width: 160px;
    height: 120px;   
}

#beta h1{
    margin: 0; padding: 0;
    text-transform: uppercase;   
}
#beta{
	margin: auto;
	width: 688px;
	height: 149px;
	height: 110px;
	position: relative;
	background-image: url('i/header-2012.png');
    text-align: center;
    font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
    background-color: #e0e0e0;
    text-indent: -9999px;
}

.adminlinks a{
	color: black;
	text-decoration: none;
	display: block;
	width: 100%;
}

.adminlinks a.tavan{
	color: #3b5998;
	text-decoration: none;
	display: inline;
}


.adminlinks a#newteam{
	margin-top: 20px;
}
.activelink{
	font-weight: bold;
}

body .topbox{
    width: 190px;
    min-height: 30px;
    padding: 10px 20px;
    color: #bd1a0d;
    margin-bottom: 10px;
    overflow: visible;
}

.topbox p{
    color: black;
    padding: 10px;
    font-size: 14px;   
}

#colw230{
    width: 230px;
    float: left;
    margin-right: 10px;    
}

#colw310{
    width: 286px;
    float: left;
    margin-right: 10px;    
    margin-top: 42px;
}

#colw92{
    width: 112px;
    float: left;
    margin-right: 0px;    
    margin-top: 42px;
}


#colw410{
    width: 407px;
    float: left;
    margin-right: 0px;    
    margin-top: 42px;
}

body #content .hilite{
	background-color: #3ea5bd;
	padding: 20px;
	width: 367px
}

.hilite .w410{
	background-color: white;
	width: 367px;
}


.box{
	background-image: url('i/tint10.png');
	padding: 0 5px 5px;
	margin-bottom: 25px;
    overflow:hidden;
    float: left;
    clear: both;
    position: relative;
}

.justhead{
	padding: 0px;
}

.noclear{
    clear: none;
    margin-left: 5px;   
}

.w230{
    width: 220px;   
}

.w65{
    width: 60px;   
}

.w310{
    width: 276px;   
}

.w410{
    width: 407px;   
}

.w92{
    width: 102px;   
}

.teamscore{
    padding-left: 15px;   
}

.teamtoplist, .teamtoplist li{
    list-style-type: none;
    margin: 0; padding: 0 0 0 5px;
}

.teamtoplist{
    clear: both;
    display: block;
    /*background-image: url('i/suomi.png');
    background-color: transparent;
    background-repeat: no-repeat;
    min-height: 349px;
    background-position: 50% 50%;*/
    width: 250px;
}

.teamtoplist .teamscore{
    float: right;
}
.teamtoplist .teamlink{
    float: left;
    display: block;
    width: 190px;
}


.frontpagetoplist .teamtoplist{
    background-image: none;
    padding-left: 20px;
    min-height: 0px;
}
.frontpagetoplist{
    font-size: 11px;   
}

.isoselta{
    overflow: visible;
    height: 242px;
}

.isoselta a{
    height: 182px;
    width: 95px;
    display: block;
    position: absolute;
    top: 40px;
    left: -10px;
    background-image: url('i/isoselta.png');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#shoutbox{
    overflow: auto;
    height: 200px;
    width: 100%;
}

#shout{
    width: 190px;   
    display: block;
    float: left;
    font-size: 15px;
    font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
    height: 18px;
}
#shoutsend{
    width: 80px;   
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
}


#shoutbox .shoutitem{
    margin: 3px 0;
    font-size: 11px;
    position: relative;
    clear: both;
    width: 220px;
}

#shoutbox .shoutitem.isonen{
    color: red;    
}

#shoutbox .shoutitem .sender{
    width: 60px;
    display: block;
    float: left;
    font-weight: bold;
}


#shoutbox .shoutitem .msg{
    width: 160px;
    display: block;
    float: left;
}

.box h2 {
    color: #31A0BF;
    font-size: 30px;
    line-height: 30px;
    margin-left: 5px;
    margin-top: 10px;
}

.box h2.boxhead{
	text-transform: uppercase;
	margin: 0;
	padding-top: 0;
	padding-left: 10px;
	font-size: 16px;
	line-height: 30px;
	margin-left: -5px;
	margin-bottom: 5px;
	width: 100%;
	color: white;
	background-image: url('i/tint40.png');
}

h2.boxhead form#teampicker{
	display: inline;
	float: right;
	margin: 9px 5px 0 0;
}

.justhead h2.boxhead{
	line-height: 40px;
	margin-bottom: 0px;
}

.justhead h2.boxhead img{
	vertical-align: middle;
}


.box h3{
    font-size: 20px;   
    margin: 10px 0;
}


#content{
	position: relative;
	width: 648px;
	padding: 10px 20px 20px 20px;
	padding-bottom: 45px;
	margin: auto;
	background-image: url('i/bgrnd.jpg');
}



#footer{
	position: absolute;
	top: 10px;
	right: 0;
	line-height: 35px;
	padding: 0 10px 4px;
	height: 31px;
	font-weight: bold;
	font-size: 14px;
	/*background-color: #e3fbff;
	border-top: 2px solid #95e0ee;
	border-left: 2px solid #95e0ee;	*/
}
#footer li, #footer ul{
	margin: 0; padding: 0; list-style-type: none;
}


#footer li{
    background-color: #47bcd8;
	border-right: 1px dotted white;
	padding: 0 5px 0 3px;
	display: block;
	float: left;
}
#footer li:hover,
#footer li.akt{
   background-color: #3ea5bd;
}

#footer li.last{
	border-right: 0;
}

#footer li.yv{
	width: 41px;
	background-image: url('i/menuyv.png');
	
	background-position: center;
	background-repeat: no-repeat;
}
#footer li.yv a{
    text-indent: -9999px;
}

#footer a{
	display: block;
	width: 100%;
	height: 31px;
	line-height: 31px;
	color: white;
	text-decoration: none;
}

.clr{clear: both; display: block;}

.usercard_img{
    margin: 10px auto;
    width: 190px;
    display: block;       
}

.joukkue h2{
    clear: both;   
}

.profilelink{
    text-align: center;
    color: black;
    display: block;
    width: 100%;   
    font-size: 12px;
}

.usercard div{
    clear: both;   
    font-size: 12px;
    width: 400px;
}

.usercard .def{
    display: block;   
    width: 100px;
    font-weight: bold;
    float: left;
}

.usercard em{
    font-style: normal;   
    text-transform: uppercase;
}

.usercard .val{
    display: block;   
    width: 300px;
    font-weight: normal;
    float: left;
}

.usercard .edit{
    display: none;   
    width: 300px;
    float: left;
}

.usercard .edit a{
	color: red;
}

.usercard .edit input{
    font-size: 12px;
    border: 1px solid #47bcd8;
}
.usercard .edit a,
.usercard .val a{
    background-image: url("i/13x13px_muokkaa.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 13px;
    line-height: 9px;
    padding-left: 18px;
    text-align: left;
    width: 52px;
}

.teamcard{
    clear: both;   
    font-size: 12px;
    margin-bottom: 20px;
}

.teamcard .def{
    font-weight: bold;
}

.teamcard img{
    width: 150px;
    border: 0;
}

.teamcard .teamimglink{
    display: block;
    float: left;
    width: 150px;
    margin-right: 20px;
}

.fpbox .memberlist, .fpbox .memberlist li{
    margin: 0; padding: 0; list-style-type: none;   
}

.fpbox{
    font-size: 12px;   
}
.fpbox .campdata{
    margin-top: -10px;
    margin-bottom: 10px;   
}
.fpbox .camp{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.fpbox .teamimg{
    border: 0;
    margin: 10px auto;
    display: block;   
}

.teamimgsm{
	width: 50px;
}

.fpbox .teamimgsm_a{
	float: left;
	width: 50px;
	display: block;
	clear: both;
	margin-right: 10px;
}


.fpbox .memberlist li{
    font-weight: bold;
    float: left;
    width: 45%;
    font-size: 12px;
    margin-right: 5px;
}

.fpbox .memberlist li.admin,
.fpbox .memberlist li.isonen{
    width: 90%;
}

.fpbox .memberlist li.admin .label,
.fpbox .memberlist li.isonen .label{
    float: left;
    font-weight: normal;
    width: 35%;   
}


.fpbox .team{
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: block;
    margin: auto;   
    background-image: url('i/teambanner.png');
    background-repeat: no-repeat;
    background-position: 50% 0px ;
    height: 50px;
    text-decoration: none;
    line-height: 31px;
}
.fpbox .sm{
	float: left;
	width: 160px;
	margin-bottom: 15px;
}

.fpbox .teamsm{
	font-weight: bold;
}

.dokkari h1{
    font-size: 20px;   
}

.group h2{
	clear: both;
    font-size: 12px;
    text-transform: uppercase;
}

#newgooddeedform .tekija{
	width: 50%;
	float: left;
}
#newgooddeedform .tekija select{
	vertical-align: top;
}

#newgooddeedform .tekotaso{
	width: 50%;
	float: left;
}

#newgooddeedform .save{
	clear: both;
	float:right;
	display: block;
}

#gooddeedtable{
	margin-top: 30px;
	font-size: 9px;
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

#gooddeedtable td{
	border: 1px solid #47bcd8;
}

#joukkuepointsit{
    text-align: center;
    font-size: 17px;
    color: #bd1a0d;
    font-weight: bold;   
}

.w410 .ownpoints{
    font-size: 14px;
}
.w410 #pointsit{
    border: 0;   
}
.selite{
    padding-left: 20px;   
}

.ownpoints, .selite{
    color: #47bcd8;
    font-size: 11px;
    clear:both;
    position: relative;
}
.ownpoints span {
    display: block;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
}
#pointsit{
    border-top: 1px dotted #9be4f4;   
}
    
#pointsit strong{
	font-size: 12px;
}

#pointsit .teot{
	margin: 0 0 0 0px; padding: 0 0 0 20px;
	font-size: 10px;
}

.missionrow{
    margin-bottom: 30px;    
}

.missionrow h3{
    margin-bottom: 0;
    padding-bottom : 0;   
}

.missionrow, .missionsubmit{
	clear: both;
	display: block;
}
.missionrow .tb{
	clear: both; 
	float: left;
	margin-right: 20px;
}
.missionrow .tb input{
	width: 100px;   
}

.missionrow .sm input{
	width: 40px;   
}

.missionrow small{
	float: left;
	line-height: 22px;
}
.missionrow .desc{
	clear: both; 
	margin-bottom: 10px;
}

.seikkailupalkinto{
    display: block;
    margin: -24px auto 25px;
    float: left;   
}
.sikailupalkinto{
    margin-top: 0;   
}

.editprofile{
    font-size: 11px;
    font-weight: bold;   
}

#teampicker,
#teampicker select{
    font-size: 12px;   
}
#teampicker{
    margin-bottom: 20px;   
}

.editformtoggler,
.adminfpedit a{
    background-image: url("i/13x13px_muokkaa.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 13px;
    font-size: 13px;
    line-height: 13px;
    padding-left: 18px;
    text-align: left;
    width: 180px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.teameditform{
    border: 1px solid #47bcd8;
    padding: 3px;   
    font-size: 12px;
}
.teameditform .item{
    clear: both;   
}

.teameditform .item select, .teameditform .item input{
    font-size: 11px;
    float: right;   
    width: 150px;
    border: 1px solid #47bcd8;
}

.teameditform .savebtn{
    background-color: transparent;
    background-image: url("i/13x13px_muokkaa.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    border: 0 none;
    display: block;
    font-size: 13px;
    height: 23px;
    line-height: 13px;
    margin-bottom: 10px;
    margin-left: 100px;
    margin-top: 20px;
    padding-left: 18px;
    text-align: left;
    width: 156px;
}

.postbox{
    border-top: 1px dotted #9be4f4;   
}

.postilaatikko #pbmsg{
    float: right; 
    display: none;
    font-size: 18px;
    color: green;   
}

.postmsg .msg{
    color: #bd18d6;
    font-size: 14px;
}

.postilaatikko,
.postmsg{
    background-image: url('i/kirje.png');
    background-repeat: no-repeat;
    padding-left: 35px;
    background-position: 0 5px;   
}
.postilaatikko select,
.postilaatikko textarea{
    font-size: 11px;
    border: 1px solid #47bcd8;
}

.postilaatikko input,
#kutsukummi input.sbmt{
    background-color: transparent;
    border: 0;
    float: right;
    color: #3b5998;
}

#kutsukummi label{
    display: block;
    width: 50px;
    float: left;      
    clear: both;
}
#kutsukummi input.sbmt{
    clear: both;   
}
#kutsukummi input.in, #kutsukummi textarea{
    display: block;
    width: 160px;
    float: left;      
}
.postilaatikko .reci{
    color: #3b5998;   
}

.postilaatikko textarea{
    width: 360px;   
}

.hyvaa{
    /*background-image: url('i/star.png');
    background-repeat: no-repeat;
    background-position: 0 5px;*/
	clear: both;
	width: 300px;
    margin-bottom: 10px;
}

.hyvaaalt{
	padding-top: 20px;
	margin-top: -15px;
}

.hyvaa .indi{
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 15px;
	float: left;
	background-image: url('i/hyvaaindex.png');
	background-repeat: no-repeat;
    background-position: 0;
    font-size: 23px;
    color: white;
    text-align: center;
    line-height: 27px;
    padding-left: 1px;
}

.alt .indi{
	background-image: url('i/hyvaaindex2.png');
}

.hyvaa .hyvaamsg{
	display: block;
	width: 220px;
	float: left;
}

.fptoplistitem .posi{
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 11px;
    width: 20px;
    height: 20px;
    background-image: url('i/pallo.png');
    background-repeat: no-repeat;
    text-align: center;
    line-height: 20px;
}

.fptoplistitem{
    border-bottom: 1px dotted #9be4f4;   
    position: relative;
    margin-bottom: 15px;
}

.fptoplistitem img{
    width: 100px;
    border: 0;
}

#groupmsg{
    font-size: 25px;
    color: green;
    border: 2px solid green;
    display: block;
    padding: 5px;
    display: none;   
}

#notification{
    position: absolute;
    top: 20px;
    right: 40px;
    border: 0px;
    width: 200px;
    padding: 30px;
    font-size: 14px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /*background-image: url('i/tint40.png');*/
    background-color: white;
    color: #47BCD8;
    font-weight: bold;
}

.testilista, .testilista li{
    list-style-type: none;
    margin: 0; padding: 0;
    font-weight: bold;
    font-size: 13px;
}

.donebefore .testilista, .donebefore .testilista li, .donebefore, .donebefore .testilista a{
    font-weight: normal;
    color: #909090;
    font-size: 13px;
}

.testilistaus{
    padding: 0 0 0 20px;
}

.testilistaus strong{
    display: block;
    color: #47BCD8;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}

.donebefore{
    padding: 0 0 0 10px;   
}

.testquestion{
	display: none;
	position: relative;
}

.testanswer h3{
    color: #47BCD8;
    text-align: center;   
    font-size: 13px;
} 

.testanswer{
    text-align: center;   
}

.testanswer p{
    text-align: center;   
    font-size: 12px;
}

.testmore{
    text-align: right;   
}

.testmore a{
    display: block;   
}

.testnextprev{
    clear: both;   
}

.testnext{
    display: block;
    width: 100px;
    height: 30px;
    float: right;
    text-align: right;
    font-size: 20px;
}

.testprev{
    display: block;
    width: 100px;
    height: 30px;
    float: left;
    font-size: 20px;
}


.question{
    font-weight: bold;
    padding: 10px;
    font-size: 14px;
}

.ind{
    position: absolute;  
    right: 0;
    top: 0;
    color: #909090;
    margin-top: -40px; 
}

.ans{
    font-size: 12px;
    padding: 10px;   
    clear: both; 
}
.ans input{
    float: left;
    display: block;
    margin-right: 10px;
    width: 20px;
}

.ans label{
    display: block;
    width: 300px;
    float: left;
}

.tehtavat dl{
	width: 260px;
	padding: 20px 0 10px 0; margin: -5px 0;
	font-weight: bold;
	float: left;
    border-right: 1px dotted #9be4f4;   	
}

.tehtavat .edit{
	width: 90px;
    float: left;
    padding-left: 10px;
	padding-top: 20px;
}

.tehtavat dl dt{
	width: 190px;
	clear: both;
	float: left;
	padding: 0; margin: 0;
}

.tehtavat dl dd{
	width: 70px;
	float: left;
	color: #47BCD8;
	padding: 0; margin: 0;
}

.feedback{
	display: block;
}

.feedbackform{
	width: 198px;
	text-align: right;
}

.feedbackform textarea{
	width: 198px;
	height: 150px;
	font-size: 11px;
}

.topbox .enkeli{
    position: absolute;
    top: -8px;
    left: -25px;
    height: 49px;
    width: 106px;
    background-image: url('i/enkeli.png');
    background-repeat: no-repeat;   
}

.topbox h3.tervetuloa{
    color: #47BCD8;      
    font-size: 14px;
    margin-left: 60px;
    margin-top: 0;
    line-height: 14px;
}


#kummiksi{
    background-image: url('i/kummiksi.png');
    width: 143px;
    height: 108px;
    position: absolute;
    top: 45px; right: 0;
    z-index: 100000;   
}

#kummiksi a{
    display: block;   
    text-indent: -9999px;
    width: 143px;
    height: 108px;
}

#kummipois{
	text-align: center;
	font-size: 11px;
}