/* CSS Document */

html{


}

body{
	margin:0px;
	padding:0px;
	font-family:"Calibri","Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size:15px;
	vertical-align:top;
	text-align:left;
	line-height:18px;
	color:#333333;
  background-color:#FFFFFF;
  
}

#all{
  	width:100%;
  	text-align:center;
  	margin:0px auto;
  	clear:both;
	padding:0px;

}

#site_bg{
  	width:900px;
  	margin:0px auto;
  	clear:both;


}

#site_clearer {
    clear:both;
    height:1px;
    line-height:1px;

}


#site{
    background-color:rgb(255,255,255);
  	width:900px;

    margin-top:0px;
  	clear:both;


}



#header{
    width:900px;
   	clear:both;
   	margin:0px 0px 0px 0px;
   	text-align:left;

  	background-position:0px 0px;
  	background-repeat:no-repeat;
}

div.indexheader{
    height:237px;
    background-image:url(../media/images/high_header_237.gif);
}

div.questheader{
    height:100px;
    background-image:url(../media/images/fb_header.gif);
}

div.resultheader{
    height:237px;
    background-image:url(../media/images/high_header_result.gif);
}





#main{
    text-align:left;
    clear:both;
    margin:0px 0px 0px 0px;

}

#main h1#pagetitle{
    margin:10px 0px 0px 0px;
    padding:0px;
    font-size:20px;
}


#main_clearer{

    clear:both;
    height:2px;


}

#site_footer{
   background-image:url(../media/images/footer.gif);
  	background-position:0px 0px;
  	background-repeat:no-repeat;
    height:50px;
    padding:35px 0px 0px 10px;
}

#site_footercopy{
   margin:15px;
   text-align:left;
}





/************************************************************************/
/************************************************************************/
/************************************************************************/

form{
    font-size:15px;
    padding:0px;
    margin:0px;


}


div#tabs{

margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


div#tabs ul#tabregister{
   height:28px;
   background-color:#9DBDCB;
   padding:0px 0px 0px 55px;
   margin:0px 0px 0px 0px;
}

div#tabs ul#tabregister li{
   display:block;
   float:left;
    
}
div#tabs ul#tabregister li a{
    color:#9DBDCB;
}

div#tabs ul#tabregister a{


}

.ui-tabs .ui-tabs-nav li{
   /*background-image:url(../media/images/tabarrow_no.gif);*/
   background-image:url(../media/images/tabarrow_no.png);
   background-position:5px 5px;
   background-repeat:no-repeat;
   padding:0px 0px 0px 0px;
   display:block;
   float:left;
}

.ui-tabs .ui-tabs-nav li a {
   
   color:#FFFFFF;
   font-weight:bold;
   padding:0px 0px 6px 10px;

}


div#tabs ul#tabregister li.ui-state-default a{
     color:#FFFFFF;

}

div#tabs ul#tabregister li.ui-state-default a:hover{
     color:#9DBDCB;

}


div#tabs ul#tabregister li.ui-tabs-selected a,
div#tabs ul#tabregister li.ui-tabs-selected a{
     color:#9DBDCB;

}

.ui-tabs .ui-tabs-nav li.ui-state-hover,
.ui-tabs .ui-tabs-nav li.ui-state-active {
   background-color:#FFFFFF;
   background-image:url(../media/images/tabarrow_cur.gif);
   background-position:5px 5px;
   background-repeat:no-repeat;
}


.ui-tabs .ui-tabs-nav li.ui-state-hover a,
.ui-tabs .ui-tabs-nav li.ui-state-active a {

   color:#63747C;
   font-weight:bold;

}



div.questblock{
   height:430px;
   /*width:793px;*/
   margin:0px 54px 0px 54px;
   font-size:15px;

    overflow:hidden;
}

div.questblock p{
   font-size:15px;
}


div.quest_number{
   padding:2px;
   border-bottom:2px solid #63747C;
   font-size:17px;
   /*margin:5px 54px 0px 54px;*/
}

div.quest_number span{
   padding:0px 0px 0px 5px;
   font-weight:bold;
   color:#63747C;
}

div.quest_wrapper{


}

div.quest_header{

}

div.quest_info_top{
   min-height:70px;
   margin:10px 10px 5px 10px;
   font-weight:bold;
}

div.quest_info_rightnojs span.quest_info_top_alternative{
   font-weight:bold;

}



div.quest_info_left{
   float:left;
   width:362px;
   min-height:400px;
   margin:0px 33px 0px 7px;

}


div.illu_left{
  text-align:center;
  margin:10px 0px 0px 0px;
}

span.quest_info_top_js{

   font-weight:bold;
}

div.quest_info_left div.audiowrapper{

  text-align:center;
  margin:10px 0px 0px 0px;


}

div.quest_info_left audio{

   margin:0px auto;
   padding:30px 0px 10px 0px;
}

div.quest_info_left audio:hover, audio:focus, audio:active{
-webkit-box-shadow: 15px 15px 20px rgba(0.4, 0.4, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(0.4, 0.4, 0.4);
box-shadow: 15px 15px 20px rgba(0.4, 0.4, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}


div.quest_info_left audio{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #666666;
-webkit-box-shadow:  2px 2px 4px 0px #666666;
box-shadow: 2px 2px 4px 0px #666666;
/*-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;*/
width:300px;
}

div.quest_info_left object{

   margin:0px auto;
   margin:30px 0px 0px 0px;
}



div.quest_info_left_header{
   margin:10px 0px 5px 0px;
   font-weight:bold;
   width:95%;
   float:left;
}

div.quest_info_left_text{
   margin:10px 0px 5px 0px;
   font-size:15px;
}



div.postcard{
   border:1px dotted #000000;
   line-height:25px;
   margin:10px 0px 0px 0px;
   padding:5px;
}


div.menucard{

   padding:5px 10px 5px 10px;
   border:1px dotted #000000;
}

div.menucard h3{
   font-weight:bold;
   margin:0px;
   padding:0px;
}

div.menucard dl{
   margin:0px;
   padding:0px;
}

div.menucard dl dt{
   font-weight:bold;
   margin:3px 0px 0px 0px;
}


input.text_input{
   border:1px solid #FFFFFF;
   border-bottom:1px solid #000000;
}



input.droppable_target{
   border:1px solid #F4F4F4;
   border-left:1px solid #000000;
   border-right:1px solid #000000;
   background-color:#F4F4F4;
   padding-left:5px;
   color:#F4F4F4;
   width:200px;
   height:22px;


}





div.quest_info_right{
   float:left;
   width:380px;

   margin:10px 0px 5px 0px;
   font-weight:bold;

}

div.quest_result_right{
   float:left;
   width:380px;

   margin:0px 0px 10px 0px;
}



div.quest_result_2col{

   width:880px;
   min-height:400px;
   margin:10px;
   font-size:15px;
}

div.dragdrop_text{
   float:left;

}

div.dragdrop_text_line{
   margin:0px 10px 4px 0px;
   line-height:26px;
   clear:both;
   display:block;
}

#quest-10_line1{

}




span.drop_text_line_label{
    font-weight:bold;
    display:block;
    float:left;
    margin:0px 5px 0px 0px;
}


h3.drop_text_line_label{
   font-weight:bold;
   margin:15px 0px 0px 0px;
   padding:0px;
   font-size:100%;
}






div.radiolist{
   margin:5px 10px 5px 0px;

}

div.radiolist2{
   margin:20px 10px 5px 0px;

}


div.radiolist_header{
    font-weight:normal;
    line-height:20px;
}

div.radiolist_line{
   line-height:26px;

}



div.dragdrop_puzzles{
  width:205px;


  border:1px solid #0000000;
  margin:12px 0px 0px 0px;
  /*display:none;*/
}

div.dragdrop_puzzles_item{
  height:25px;
  margin:0px 0px 4px 0px;
  padding:5px 10px;
  cursor:pointer;
  background-image:url(../media/images/puzzle_bg_200.gif);
  	background-position:0px 0px;
  	background-repeat:no-repeat;
}






div.ui-draggable-dragging{
  /*background-color:#F8F8F8;*/
}

div.ui-droppedintarget{

}

div.ui-droppedintarget:hover{
  /*background-color:#EEEEEE;*/

  cursor:pointer;

}


select{
    font-family:"Calibri","Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
    font-size:14px;

    height:20px;
    line-height:18px;
}

div.character_table{
   margin:20px 0px 5px 0px;
   display:none;

}

div.character_table h3{
   font-size:15px;
   font-weight:bold;
   margin:20px 0xp 0px 0xp;
}

div.character_table table td{
  border:1px solid #000000;
  padding:5px;
}


span.rightanswer{
  color:green;
  padding-right:20px;
}

span.wronganswer{
  color:red;
  padding-right:20px;
}

span.rightanswerchar,
span.wronganswerchar{
  display:none;
}


div#recomendation_summary{
  font-weight:bold;
  margin:10px 0px 0px 0px;
}

div#recomendation_result{
  font-weight:bold;
  margin:10px 0px 0px 0px;
}


span.resultstr{
  color:green;
  padding:0px 0px 0px 0px;
  font-weight:bold;
}


form#resultmail{
  margin:0px 0px 0px 0px;
}

form#resultmail fieldset{
  border:none;
}

form#resultmail fieldset legend{
  margin:10px 0px 0px 0px;
  padding:0px;
  font-size:15px;
  font-weight:bold;
}

form#resultmail fieldset label{
  width: 500px;
  margin:0px 30px 0px 0px;
  display:block;
  float:left;
}

form#resultmail fieldset div.formelement{
  margin:10px 0px 0px 0px;
  height:40px;
  vertical-align:top;

}

form#resultmail fieldset div.textareawrapper{
  height:180px;
}

form#resultmail textarea{
  font-family: Calibri,Arial,Sans-Serif;
  font-size:15px;
  height:150px;
  width:500px;
}

form#resultmail input.inputtext{
  font-family: Calibri,Arial,Sans-Serif;
  font-size:15px;
  width:500px;
}


div.quest_infotext_wrapper {
  margin:0px 60px 0px 60px;

}

div.quest_infotext_wrapper h1{
   border-bottom:2px solid #63747C;
   font-size:20px;
   padding:2px 2px 2px 5px;
   font-weight:bold;
   color:#63747C;
}

div.quest_infotext_wrapper h3{
   font-size:17px;
   margin:20px 0px 0px 0px;
   color:#63747C;
}

div.quest_infotext_wrapper div.mini {
    font-size:85%;
}

div.quest_infotext dt{
   font-weight:bold;
   margin:20px 0px 0px 0px;
}


input#mailsend,
input#questsend{
    background: #FE0000;
    padding: 3px 6px;
   color:#FFFFFF;
   font-weight:bold;
   text-decoration: none;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border:1px solid #FE0000;

}

div.questopener{
   margin:20px 0px 20px 0px;
}
div.questopener a{
   background: #FE0000;

   color:#FFFFFF;
   font-weight:bold;
   text-decoration: none;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   background-image:url(../media/images/arrow_right_white.gif);
   background-position:5px 5px;
   background-repeat:no-repeat;
   padding:3px 10px 3px 25px;
   display:block;
   width:200px;
   text-align:left;

}


div.details_clicker{
   margin:0px 0px 20px 0px;
   height:20px;
   width:100px;
}

div.mailform_clicker{
   margin:0px 0px 20px 0px;
   height:20px;
   width:100px;
}


div.showhide_clicker{
   cursor:pointer;

}


div.showhide_clicker_show,
div.showhide_clicker_hide{
   background: #FE0000;

   color:#FFFFFF;
   font-weight:bold;
   text-decoration: none;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   width:200px;
   text-align:left;
}


div.showhide_clicker_show{
   background-image:url(../media/images/arrow_down_white.gif);
   background-position:5px 5px;
   background-repeat:no-repeat;
   padding:3px 10px 3px 25px;

}

div.showhide_clicker_hide{
   background-image:url(../media/images/arrow_up_white.gif);
   background-position:5px 5px;
   background-repeat:no-repeat;
   padding:3px 10px 3px 25px;

}
*/

div#quest_result{
   border:1px dotted #000000;
   padding:10px;
}

div#quest_mailform{
   border:1px dotted #000000;
   padding:10px;
}