/* CSS Reset (Eric Meyer) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


@font-face {
	font-family: WhitnHTFBoo;
	src: url('../font/WhitnHTFBoo.otf');
}

/* for centering */

div#page {
	height: 780px;
	/*height: 1080px;*/
	width: 100%;
	/*margin-left:auto;
	margin-right:auto;*/
	color: #000;
}


div.main {
	position: relative;
	/*left: 113px;*/
	/*width: 100%;*/
	width: 357px;
	
	font-size: 15px;
	
	/*z-index: */
	
	left: 50%;
	top: 120px;
	margin-left: -417px;
}

div.main_about {
	/*position: absolute;*/
	/*left: 50px;*/
	
	position: relative;
	font-size: 15px;
	width: 357px;
	
	left: 50%;
	top: 82px;
	margin-left: -417px;
}


div.main_upload {
	position: relative;
	font-size: 15px;
	/*width: 100%;*/
	width: 832px;
	/*left: 30px;*/
	left: 50%;
	margin-left: -417px;
	top: 50px;
}
div#texts {
	/*position: absolute;*/
	top: 50px;
	/*width: 400px;*/
	width: 800px;
	/*margin-left: auto;
	margin-right: auto;*/
	height: 300px;
	font-family: WhitnHTFBoo, sans-serif;
	
	display: none;
}


div.instruction_txt {
	/*width: 832px;*/
	width: 100%;
    height: 700px;
    /*margin: 20px auto;*/
    padding: 0 0;
    overflow: hidden;
    position: relative;
    

}

div.instru_0 {
	width: 261px;
	position: absolute;
	left: 0;
}

div.instru_1 {
	width: 261px;
	position: absolute;
	float: left;
	left: 286px;
}

div.instru_2 {
	width: 261px;
	position: absolute;
	float: left;
	left: 572px;
}

div.instru3_container {
	position: relative;
	top: 140px;
	width: 832px;
	height: 300px;
	/*width: 547px;*/
	margin-bottom: -10px;
}

div.instru_3 {
	top: 30px;
	/*width: 547px;*/
	width: 261px;
	height: 300px;
	position: absolute;
	left: 0;
	margin-bottom: 20px;
}

div.suggested1 {
	width: 261px;
	position: absolute;
	float: left;
	left: 286px;
	top: 30px;	
	color: #a1a0a0;
}

div.suggested2 {
	width: 261px;
	position: absolute;
	float: left;
	left: 572px;
	top: 30px;	
	color: #a1a0a0;
}

div#who {
	position:absolute;
	top:-2px;
	width: 100%;
	height: 600px;
	/*left: 240px;*/
	/*opacity: 0.0;
	filter: alpha(opacity=0);*/
	z-index: 2;
	line-height: 130%;
}

div#about {
	
	position:absolute;
	top:0;
	width: 100%;
	height: 600px;
	/*left:40px;*/
	/*opacity: 0.0;
	filter: alpha(opacity=0);
	/*visibility: hidden;/*/
	z-index: 2;
	line-height: 130%;
	margin-bottom: 13px;
}
/*
div.about_image {
	position: absolute;
	left: 473px;
	top: 4px;
}
*/
div.about_image {
    position: absolute;
    top: 0;
    left: 15px;
 	width: 185px;
}

div#about_image1 {
   
   padding-bottom: 10px;
}

div#about_image2 {
   padding-bottom: 7px;
}

div.about_title {
	font-size: 19px;
	width: 261px;
	position: absolute;
	left: 0;
	color: #000;
}

/*
div.about_text1 {
	font-size: 15px;
	width: 357px;
	position: absolute;
	left: 0;
}
*/

div.about_text1 {
 position: absolute;
 float: left;   
 margin-right: 23px;
 top: -4px;
 left: 286px;
 width: 560px;
 /*line-height: 15px;*/
}

div.about_lowerContainer {
	position: relative;
	top: 140px;
	height: 300px;
	width: 832px;
	margin-top: 30px;
	
}

div.about_text2 {
	font-size: 15px;
	width: 261px;
	position: absolute;
	left: 580px;
	float: left;
	
}

div.about_text3 {
	
	width: 261px;
	position: absolute;
	float: left;
	left: 286px;
	
}

div.about_text4 {
	
	width: 261px;
	position: absolute;
	left: 572px;
	float: left;
	
}




#who h2 {
	font-size: 15px;
}

#who p.whotitle {
	padding-top: 10px;
	font-size: 13px;
	line-height: 110%;
}

#about p.cataloguetitle {
	padding-top: 10px;
	font-size: 13px;
	line-height: 110%;
	width: 200px;
	color: #888;
}

#who p.bigger {
	font-size: 19px;
	line-height: 130%;
}



#who p {
	font-size: 15px;
}

#whoimages {
    position: absolute;
    top: 0;
    left: 15px;
 width: 185px;
}

#svetlana {
 position: absolute;
 float: left;   
 margin-right: 23px;
 top: -4px;
 left: 286px;
 width: 560px;
 /*line-height: 15px;*/
}

#mina {
  position: absolute;
  top: 280px;
  margin-right: 23px;
  left: 286px;
  width: 560px;
/* line-height: 15px;*/
 
}

#juho {
 position: absolute;
 top: 558px;
 width: 560px;
 /*line-height: 15px;*/
 left: 286px;
  
}

#logos {
	position: absolute;
	top: 804px;
	width: 560px;
	left: 285px;
}

#sponsors {
  position: absolute;
  top: 50px;  
 /* clear: right;*/
  width: 251px; 
}



/** preview **/

#container #submit_fourth{ 
        
        	background: url('../images/finish.png') no-repeat;
        	 border: none;
            cursor: pointer;
            width: 102px;
            height: 30px;
            position: absolute;
            top: 467px;
           /* left: 410px;*/
           left: 714px;
        	
        }


.backtoedit {
	display: none;
	z-index: 1600;
	position: absolute;
	/*
	top: 564px;
	left: 145px;
	*/
	top: 467px;
	left: 17px;
	cursor: pointer;
	width: 120px;
}
/*
#finishedit {
	display: none;
	z-index: 1000;
	position: absolute;
	top: 350px;
	left: 890px;
	cursor: pointer;
}
*/
/*******************/

div#loading, div#loading2{
	width: 300px;
	height: 100px;
	font-family: Arial, serif;
	font-size: 15px;
	position: relative;
	
	top: 10px;
	left: 130px;
	display: none;
	color: #8a8686;
}

div#errorMsg {
	width: 300px;
	height: 100px;
	font-family: Arial, serif;
	font-size: 15px;
	position: relative;
	
	top: 10px;
	left: 130px;
	display: none;
	color: #8a8686;
}

div#loading, div#loading2 img {
	position: relative;
	top: 140px;
	left: 130px;
}

div#markerHover {
	/*width: 250px;*/
	display: inline-block;
	padding: 4px;
	height: 50px;
	/*background: url('../images/hover_name.png') no-repeat; */
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	background-color: rgba(255,255,255,0.9);
	color: #000;
	position: absolute;
	z-index: 300;
	line-height: 110%;
	font-size: 15px;
	display: none;
	z-index: 1200;
	cursor: pointer;
}



div#markerHover .hoverAddress {
	font-size: 15px;
	color: #9e9e9e;
}


#note,
#error {
	display:none;
}
#error  {
	height:20px;
	background:red;
	position:absolute;
	top:40px;
	right:0;
	color:#fff;
	padding:5px 10px;
	font-size:20px;
}

  


hr {
	color: #bcbec0;
	background-color: #bcbec0;
	height: 1px;
}

.message_close {
	display: none;
}



p.suggestions {
	font-size: 13px;
	display: none;
	line-height: 130%;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #000;
}





div#scorecard {
	/*width: 713px;
	height: 541px;*/
	width: 800px;
	height: 404px;
	/*visibimlity: hidden;*/
	position:absolute;	
	top:117px;
	/*left:155px;*/
	left:50%;
	/*margin-left:-356px;*/
	margin-left: -400px;
	z-index: 1000;
	/*cursor: pointer;*/
	/*background: url('../images/scorecard.gif') no-repeat;*/
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	background-color: rgb(255,255,255);
	font-family: WhitnHTFBoo, serif;
	font-size: 15px;
	/*background-color: white;*/
	
	display: none;
	
}

div#scorecard_preview {
		/*width: 713px;
	height: 541px;*/
	width: 800px;
	height: 404px;
	/*visibimlity: hidden;*/
	position:absolute;	
	top:117px;
	/*left:155px;*/
	left:50%;
	/*margin-left:-356px;*/
	margin-left: -404px;
	z-index: 1000;
	/*cursor: pointer;*/
	/*background: url('../images/scorecard.gif') no-repeat;*/
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	background-color: rgb(255,255,255);
	font-family: WhitnHTFBoo, serif;
	font-size: 15px;
	/*background-color: white;*/
	
	display: none;
}


div#scorecard_locations {
	width: 640px;
	height: 588px;
	/*visibility: hidden;*/
	position:absolute;	
	top:65px;
	/*left:155px;*/
	left:50%;
	margin-left:-356px;
	z-index: 1000;
	/*cursor: pointer;*/
	/*background: url('../images/scorecard.gif') no-repeat;*/
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	background-color: rgb(255,255,255);
	font-family: WhitnHTFBoo, serif;
	font-size: 15px;
	
	display: none;
}

div#messageArea {
	width: 513px;
	height: 241px;
	
	position:absolute;	
	top:320px;
	
	left:56%;
	margin-left:-356px;
	z-index: 1000;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fafeff;
	font-family: WhitnHTFBoo, serif;
	font-size: 15px;
	
	display: none;
	
	opacity: 0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=0.8);
}

div#scorecard_content {
	width: 500px;
	height: 400px;
	position: relative;
	left: 67px;
	top: 36px;
}

div#scorecard_preview_content {
	width: 500px;
	height: 400px;
	position: relative;
	left: 64px;
	top: 16px;
}

div#sc_fb {
	position: absolute;
	left: 593px;
	top: 310px;
	cursor: pointer;
	display: none;
}

div#sc_gplus {
	position: absolute;
	left: 623px;
	top: 310px;
	cursor: pointer;
	display: none;
}

div#sc_twitter {
	position: absolute;
	left: 623px;
	top: 310px;
	cursor: pointer;
	display: none;
}

div#sc_pinterest {
	position: absolute;
	left: 653px;
	top: 310px;
	cursor: pointer;
	display: none;
}

.scorecard_minimage {
	/*position: absolute;
	left: 497px;
	top: 301px;
	/*top: 0;*/
	/*cursor: pointer;
	width: 66px;
	height: 33px;*/
	display: block;
	/*visibility: visible;*/
	z-index: 1;
	
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 0;
	width: auto;
	height: 37px;
	
	
}

#minimage_bg {
	width: 49px;
	height: 37px;
	position: absolute;
	left: 497px;
	top: 301px;
	cursor: pointer;
	background: #1f1f1f;
	z-index: 0;
}

#minimage_button {
	width: 49px;
	height: 37px;
	position: absolute;
	left: 497px;
	top: 301px;
	cursor: pointer;
	z-index: 2;
	
	display: none;
}

.scorecard_minimage2 {
	
	/*position: absolute;
	left: 497px;
	top: 301px;
	/*top: 0;
	left: 25%;
	cursor: pointer;
	width: 66px;
	height: 33px;*/
	/*visibility: hidden;*/
	display: none;
	z-index: 0;
	
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 0;
	width: auto;
	height: 37px;
}

div#preview_content {
	width: 500px;
	height: 400px;
	position: relative;
	left: 20px;
	top: 20px;
}

div#upload_preview {
	width: 660px;
	height: 480px;
	font-family: WhitnHTFBoo, serif;
	font-size: 15px;
}

.scorecard_close {
	position: relative;
	left: 705px;
	top: -53px;
	cursor: pointer;
	width: 12px;
	height: 12px;
	
	padding: 7px;
}

.message_close {
	position: relative;
	left: 478px;
	top: 5px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	
	padding: 7px;
}


.scorecard_instructions {
    position: relative;
    left: 497px;
    top: -387px;   
    line-height: 130%;
    width: 212px;
    
}

#scorecard_image {
	position: relative;
	
	top: 0;
	left: 0;
	/*
	top: 0:
	left: 0;*/
	/*clear:both;*/ 
	/*height:500px; */
	/*position:relative;*/
}

#scorecard_image_container {
	position: relative;
	/*top: 11px;*/
	top: -83px;
    left: -67px;
	width: 534px;
	height: 404px;
	text-align:center;
    background: #1f1f1f;
    
	/*border: 1px solid #c2c2c2;*/
	/*
	float:left; 
	height:50%; 
	margin-bottom:-250px;*/
}

/*
.scorecard_addresstime {
	color: #bbb;
	position: relative;
	top: 9px;
	width: 430px;
	font-size: 13px;
}
*/

.scorecard_addresstime {
	color: #7ec2d4;
	position: relative;
	top: 4px;
	width: 220px;
	font-size: 13px;
    left: 497px;
    line-height: 130%;
}

.scorecard_name {
	position: relative;
	top: -8px;
	left: 497px;
	font-size: 19px;
    color: #7ec2d4;
}



div#score {
	position:absolute;
	top:-2px;
	width: 100%;
	height: 600px;
	/*opacity: 0.0;
	filter: alpha(opacity=0);*/
	z-index: 2;
}

div#locations {
	position:absolute;
	top:0;
	width: 100%;
	height: 600px;
	/*opacity: 0.0;
	filter: alpha(opacity=0);*/
	z-index: 3;
	font-family: WhitnHTFBoo, sans-serif;
}

div#submit {
	position:absolute;
	top:62px;
	/*left: 220px;*/
	width: 100%;
	/*width: 832px;*/
	height: 600px;
	/*opacity: 0.0;
	filter: alpha(opacity=0);*/
	z-index: 1;
	font-family: WhitnHTFBoo, sans-serif;
	line-height: 130%;
}

div#score_page0 {
	background: url('../images/full-score.png') no-repeat;
	position: absolute;
	width: 375px;
	height: 504px;
	/*left: 180px;*/
	left: 230px;
	cursor: pointer;	
}

div#score_page1 {
	background: url('../images/page-1.png') no-repeat;
	position: absolute;
	width: 360px;
	height: 488px;
	left: 55px;	
	display: none;
	cursor: pointer;
}

div#score_page2 {
	background: url('../images/page-2.png') no-repeat;
	position: absolute;
	width: 360px;
	height: 488px;
	left: 420px;	
	display: none;
	cursor: pointer;
}

.score_address {
	position: relative;
	left: 57px;
	top: 50px;
	color: #999;
	width: 250px;
	line-height: 130%;
	font-size: 15px;
}

.score_instructions {
	position: relative;
	left: 58px;
	top: 50px;
	color: #999;
	width: 250px;
	font-size: 18px;
	line-height: 130%;
}

div#score_openbook {
	position: absolute;
	top: 370px;
	left: 379px;
	cursor: pointer;
	z-index: 1;
	width: 100px;
	/*display: none;*/
	color: #888;
	
}

div#score_nextpage {
	position: absolute;
	top: 370px;
	left: 585px;
	cursor: pointer;
	z-index: 1;
	display: none;
	opacity: 0.3; 
    -moz-opacity:0.3;
    filter:alpha(opacity=0.3);
}

div#score_prevpage {
	position: absolute;
	left: 220px;
	top: 370px;
	cursor: pointer;
	z-index: 1;
	display: none;
	opacity: 0.3; 
    -moz-opacity:0.3;
    filter:alpha(opacity=0.3);

}

div#score_upbutton {
	position: absolute;
	left: 750px;
}

div#insmain {
	white-space: pre;
}



span.showsuggestions {
	cursor: pointer;
	color: #888;
}

div.line {
	width: 832px;
}


div#belgrade {
	position:absolute;
	top:50px;
	left:565px;
	z-index: 3;
}

div#googlemap {
	position:absolute;
	height: 780px;
	/*width: 100%;*/
	width: 100%;
	/*top:680px;*/
	top: 0;
	left:0;
	/*opacity: 0.3;*/
	z-index: 998;
	/*border: 4px #ddd solid;*/

}

div#scorecard_googlemap {
	top: -36px;
	left: -67px;
	visibility: hidden;
	position:absolute;
	height: 404px;
	width: 534px;
    z-index: 2;
}

div#mapOverlay {
	position:absolute;
	height: 780px;
	/*width: 100%;*/
	width: 100%;
	top:0;
	left:0;
	z-index: 999;
	/*visibility: hidden;*/
	background-color: rgba(31,31,31,0.85);
	/*border: 4px #ddd solid;*/

}




a {
	text-decoration:none;
	color: #888;
}

img.location {
	margin-right: 5px;
}

div#navi {
	font-family: WhitnHTFBoo, sans-serif;
	font-size: 15px;
	color: #888;
	position: fixed;
	left: 0;
	top: 0;
	cursor: pointer;
	height: 60px;
	background-color: #fbfdff;
	width: 100%;
	z-index: 999;
	opacity: 0.8;
	
}


div#naviLinks {	
	/*margin-left: 600px;
	margin-top: -30px;*/
	/*margin-left: 113px;*/
	margin-top: -30px;
	right: 1172px;
	position: fixed;
	
	
}


span.allLocations {
	margin-left: 240px;
	font-size: 15px;
}


div#closeButton {
	position: relative;
	left: 444px;
	top: -4px;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

span.logo {
	left: 30px;
	top: 17px;
	position: relative;
	/*margin-right: 230px;*/
	/*margin-top: 20px;*/
	
}
/*
#logotext {
	position: absolute;
	margin-top: 24px;
	top: 620px;
	left: 280px;
}
*/



span.about {
	position: absolute;
	margin-right: 60px;
	margin-top: 13px;
	/*left: 670px;*/
	left: 774px;
	
}

span.submit {
	margin-right: 60px;
	position: absolute;
	margin-top: 13px;
	/*left: 774px;*/
	left: 878px;
}

span.locations {
	margin-right: 60px;
	position: absolute;
	margin-top: 13px;
	left: 878px;
}

span.score {
	margin-right: 60px;
	position: absolute;
	margin-top: 13px;
	left: 982px;
}

span.who {
	margin-right: 60px;
	position: absolute;
	margin-top: 13px;
	left: 1086px;
}

span.backtomap {
	position: fixed;
	margin-right: 60px;
	/*margin-top: 13px;*/
	margin-top: 110px;
	/*left: 297px;*/
	left: 0;
	/*left: 566px;*/
	z-index: 1001;
	display: none;
	
}

th {
	font-size: 15px;
	font-family: WhitnHTFBoo, sans-serif;
}

span.embedNote {
	font-size: 15px;
	line-height: 50%;
}





body {
	font-family: WhitnHTFBoo, sans-serif;
	background: #fafeff;
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; }
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

.file {
	width: 320px; 
	height: 22px; 
	margin: 0; 
	border: 1px solid #777;
    float: left; 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0;
    
    -moz-opacity:0;
    filter:alpha(opacity=0);
    z-index:3;
    color: rgba(0,0,0,0);
}

input[type="file"].file::-webkit-file-upload-button {
  float: right; 
  position: relative; 
  top: -1px; 
  right: -1px;
  opacity: 0;
  z-index:2;
  -moz-opacity:0;
  filter:alpha(opacity= 0);
   color: rgba(0,0,0,0);
}
/*
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity= 0);
	opacity: 0;
	z-index: 2;
	 color: rgba(0,0,0,0);
}
*/

.formcontainer {
	position: absolute;
	left: 284px;
	top: 20px;
}

div.fakefile{
	position: absolute;
	top: 205px;
	left: 284px;
	
	z-index: 0;
	background-color: #e4e6e7;
	
    border: none;
    width: 263px;
    height: 95px;
    
    float: left;
    cursor: pointer;
    pointer-events: none;
}

div.fakefile input{
	position: absolute;
	top: 0;
	left: 0;
	
	z-index: 1;
	background: url('../images/browsebutton2.gif') no-repeat;
	background-color: #e4e6e7;
	
    color: #888;
    border: none;
    font-family: WhitnHTFBoo, sans-serif;
    
    font-size: 15px;
    width: 263px;
    height: 93px;
    
    float: left;
    cursor: pointer;
}


input.file{
	position: absolute;
	top: 205px;
	left: 284px;
	width: 340px;
	z-index: 2;
	
   /* width: 357px;*/
    height: 93px;
    padding: 0 0;
    float: left;
    cursor: pointer;
}


.browseFile {
	
}



.clear { clear: both; }

#container {
   /* background: url('images_form/container.png') no-repeat;*/
    /*width: 832px;*/
    width: 100%;
    height: 570px;
    /*margin: 20px auto;*/
    padding: 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1200;
    top: 10px;
    top: -715px;
    /*left: 300px;*/
    left: 300px;
}
    #container #first_step, #second_step, #third_step, #fourth_step { display: none; }
    #container #first_step { display: block; }

    #container .form { margin: 0 0 0 0; }

/*
    #container h1, #container h2 {
        font-family: WhitnHTFBoo, sans-serif;
        text-align: center;
        font-size: 15px;
        text-shadow: 1px 1px 2px #222;
    }
    
    #container h1 span { color: #a90329; }
*/
    #container h2 {
        color: #888;
        font-size: 15px;
        text-align: left;
        text-shadow: none;
    }

    #container table {
        margin: 20px 40px;
        font-size: 15px;
        font-weight: bold;
    }
    
    #container table td {
        padding: 5px 10px;
    }
    
    #container table td:nth-child(2) {
        color: #a90329;
    }
	
	.form input, label {
   	   display: block;
	}
	
	

	 #container input.submit_name {
        background: #e4e6e7;
        color: #888;
        border: 1px solid #e4e6e7;
        font-family: WhitnHTFBoo, sans-serif;
        font-size: 15px;
        width: 251px;
        height: 33px;
        padding-left: 10px;
        margin-right: 10px;
        
    }
	
    #container input.submit_city,  #container input.submit_street {
        background: #e4e6e7;
        color: #888;
        margin-right: 10px;
        margin-top: 10px;
        border: 1px solid #e4e6e7;
        font-family: WhitnHTFBoo, sans-serif;
        font-size: 15px;
        width: 251px;
        height: 33px;
        padding-left: 10px;
        
    }
    
    #container select.submit_state {
        background: #e4e6e7;
        color: #888;
        margin-right: 10px;
        margin-top: 10px;
        border: 1px solid #e4e6e7;
        font-family: WhitnHTFBoo, sans-serif;
        font-size: 15px;
        width: 265px;
        height: 33px;
        padding-left: 10px;
    }

    
        #submit_first {
            background: url('../images_form/nextbutton.gif') no-repeat;
            border: none;
            cursor: pointer;
            /*width: 130px;
            height: 37px;*/
            
            width: 264px;
            height: 35px;
            position: absolute;
            bottom: 224px;
            left: 284px;
            border-radius: 0;
        }
        #submit_first:focus { border: none; }

        

        #submit_first.error { border: 1px solid black; } 
        #submit_first.valid { border: 1px solid #e4e6e7; }

      /*  #container input:focus, #container select:focus, #container textarea:focus {*/
      /*
      #submit_first:focus, #container textarea:focus {
            border: 1px solid black;
            color: black;
        }*/

    #container select { padding: 5px 0 5px 25px; }
        #container option { padding: 0 13px; }

/*
    #container label {
        color: #666;
        font-size: 12px;
       font-weight: bold;
        line-height: 10px;
        float: right;
        margin: 16px -25px;
        width: 300px;
    }*/
    
    textarea {
    	
    	line-height: 130%;
    	background: #e4e6e7;
    	border: 1px solid #e4e6e7;
    	padding-left: 12px;
    	padding-right: 12px;
    	padding-top: 10px;
    	margin-top: 10px;
    	border: 1px solid #e4e6e7;
        font-family: WhitnHTFBoo, sans-serif;
        color: #888;
    	font-size: 15px;
    	position: absolute;
    	width: 260px;
    	
    	height: 324px;
		top: 10px;
		left: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		resize: none;

    }
    
div#logotext {
	z-index: 1300;
	position: absolute;
	/*left: 30px;*/
	
	right: 30px;
	bottom: 54px;
	
}

div#fb {
	z-index: 1300;
	position: fixed;
	/*right: 120px;*/
	
	left: 30px;
	
	bottom: 50px;
	/*top: 620px;*/
	cursor: pointer;
	
}



div#gplus {
	z-index: 1300;
	position: fixed;
	/*right: 90px;*/
	
	left: 60px;
	bottom: 50px;
	cursor: pointer;
}

div#twitter {
	z-index: 1300;
	position: fixed;
	/*right: 60px;*/
	left: 60px;
	bottom: 50px;
	cursor: pointer;
}

div#pinterest {
	z-index: 1300;
	position: fixed;
	/*right: 30px;*/
	left: 90px;
	bottom: 50px;
	cursor: pointer;
}

div#zoomin {
	z-index: 1300;
	position: fixed;
	left: 30px;
	top: 90px;
	cursor: pointer;
}

div#fullview {
	z-index: 1300;
	position: fixed;
	left: 30px;
	top: 120px;
	cursor: pointer;
}

div#zoomout {
	z-index: 1300;
	position: fixed;
	left: 30px;
	top: 150px;
	cursor: pointer;
}

div#infoBoxButton {
	z-index: 1300;
	position: fixed;
	left: 30px;
	top: 180px;
	cursor: pointer;
	display: none;
}


div#infoBox {
	left: 115px;
	top: 90px;
	position: fixed;
	z-index: 1300;
	
	width: 211px;
	height: 230px;
	background-color: #000;
	color: white;
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-right: 100px;
	
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	
	font-family: WhitnHTFBoo, serif;
	font-size: 15px;
	
	/*display: none;*/
	
	opacity: 0.75;
    -moz-opacity:0.75;
    filter:alpha(opacity=0.75);  
    line-height: 130%;
    cursor: move;
}

.infoBox_close {
	position: relative;
	left: 165px;
	top: 5px;
	cursor: pointer;
	width: 12px;
	height: 12px;
	padding: 5px;
	z-index: 2;
}

span.infoMore {
	cursor: pointer;
}

span.info_nosound_small {
	font-size: 13px;
	
}

span.info_nosound_large {
	font-size: 13px;
	position: relative;
	top: 11px;
}

p.shortText {
	position: absolute;
	margin-right: 20px;
	top: 17px;
}

p.longText {
	display: none;
	position: absolute;
	margin-right: 20px;
	top: 17px;
}

h1.uploadForm {
	margin-bottom: 20px;
	margin-top: 10px;
}

/*
canvas {
	position: relative;
	top: 20px;
	left: 1px;
}

*/





.pageCount {
	position: absolute;
	top: 450px;
	left: 180px;
	color: #999;
}

.pageNr1 {
	position: absolute;
	top: 450px;
	left: 70px;
	color: #999;
}

.pageNr2 {
	position: absolute;
	top: 450px;
	left: 300px;
	color: #999;
}

/*****************4*/

#phptesti {
	position: absolute;
	top: 50px;
}

/*body { font-family: Helvetica; font-size: 12px; color: #63665F; overflow-x: hidden; }*/

div#test {
	position: relative;
	width: 1100px;
	height: 200px;
	/*top: 50px;*/
	left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*border: 2px solid #000;*/
}	

p.uploadInfo {
	display: none;
	position: relative;
	top: 245px;
	text-align: center;
}

div#kuva {
	z-index: 2;
}

div#kuva img {
	border: 20px solid #000;
}

div#kuva2 {
	position: absolute;
	top: -20px;
	z-index: 1;
	visibility: hidden;
	float: left;
}
	
div#kuva2 img {
	border: 2px solid #000;
}	

div#locations_prevpage {
	position: relative;
	top: -100px;
	left: -60px;
}

div#locations_nextpage {
	position: relative;
	top: -150px;
	left: 1000px;
}


.nametag {
	position: absolute;
	top: 150px;
	left: 500px;
}

div.lokaatio {
	position: relative;
	cursor: pointer;
}

#flashContent {
	position: absolute;
	top: -49px;
	left: 0;
}

.uploadformtext  {
	position: absolute;
    top: 370px;
    font-size: 15px;
	color: #000;
    width: 757px;
    left: 0;
}

.titlebigger {
	font-size: 22px;
	color: #000;
	line-height: 130%;
}

.bigger {
	font-size: 19px;
	color: #000;
	line-height: 130%;
}

.loadanimSlot {
	position: relative;
	top: 200px;
	left: 215px;
	
}

.errorarrow {
 position: relative;
 top: 2px;   
 left: 2px;
}
/*
.scorecard_name {
	position: relative;
	top: 7px;
}
*/
.paddedLine {
	padding-top: 22px;
	padding-bottom: 12px;
}

.paddedLine2 {
	padding-top: 28px;
	padding-bottom: 12px;
}

.paddedLine3 {
	padding-top: 35px;
	padding-bottom: 12px;
}

.showdisclaimer {
	font-size: 13px;
	color: #888;
	cursor: pointer;
	
}

.showdisclaimer:hover {
	color: #000 !important;
}

.showsuggestions:hover {
	color: #000;
}

a:hover {
	color: #000;
}

#disclaimer {
	position: absolute;
    font-size: 13px;
	color: #000;
	display: none;
	left: 0;
	/*width: 261px;*/
	width: 852px;
	top: 450px;
	line-height: 130%;
    
}

#disclaimerContainer {
    position: absolute;
    left: 0;
    top: 425px;
    
}

#counter {
 position: absolute;
 z-index: 2;
 left: 224px;
 top: 316px;   
 color: #888;
}

.telenor {
	margin-right: 15px;
    position: relative;
    top: 15px;
    
}

.ringring {
    margin-right: 15px;
    position: relative;
    top: 17px;
}

.supermarket {
    margin-right: 15px;
    position: relative;
    top: 13px;
}

.mailicon {
	 position: relative;
    top: 5px;
    padding-right: 5px;
}

.supported {
    position: relative;
    top: 7px;
    padding-left: 0;
    padding-right: 5px;
}

.finishhack {
	display: none;
	position: absolute;
	left: 378px;
	top: 491px;
}

.addtime {
    position: absolute;
    top: 14px;
    
}

#score_info {
	position: relative;
	/*left: 814px;*/
	left: 634px;
	top: -2px;
	cursor: pointer;
}

#score_print {
	position: relative;
	left: 813px;
	top: 18px;
	cursor: pointer;
	display: none;
}

.score_performerinfo {
	position: relative;
	left: 57px;
	top: 50px;
	color: #999;
	width: 250px;
	line-height: 130%;
	font-size: 18px;
}

.scoreinfo_close {
	position: relative;
	left: 335px;
	top: 5px;
	cursor: pointer;
	width: 12px;
	height: 12px;
	padding: 5px;
	z-index: 2;
	display: none;
}

#score_bg {
	position: absolute;
	left: 55px;
	z-index: 2;
	display: none;
	
}

@media print {
	.score_prevpage, .score_nextpage, .logo, .img_backtomap, #score_print img, #score_info, #naviLinks {
		display: none;
	}
	
	
#score_bg {
	
	display: block;
	
}

}

.purchaseinfo {
	font-size: 13px;
	line-height: 130%;
	width: 165px;
	
}

.hoverName {
	position: relative;
	top: -4px;
	left: 4px;
}