*{
}

body{
 background:#cacaca url('/images/body_bg.gif') repeat-y top center;
 font-family: Arial, sans-serif;
 font-size : 11px;
 line-height : 14px;
 color : #6e6e6e;
}

#page{
 margin : 0 auto 0 auto;
 width:970px;
 background:#ffffff;
}

#header{
  background: url('/images/border_dotted_gray.gif') repeat-x bottom left;
  padding:0 0 6px 0;
  width:956px !important;
}

#navigationHolder{
  width:520px;
  float:left;
}

#logoHolder{
  width:436px;
  float:left;
  margin-top : 10px;
}

#footer{
  background: url('/images/border_dotted_gray.gif') repeat-x top left;
  padding:8px 0 20px 0;
  margin:0 4px 0 0;
  text-align:right;
}

#footer a {
  color : #6e6e6e;
  text-decoration : none;
}

#footer a:hover {
  text-decoration : underline;
}


/* NAVIGATION */

/* image navigation */
ul#nav1img {
  list-style : none outside none;
  margin : 15px 0 0 0;
  padding : 0;
}
ul#nav1img li {
  float : left;
  margin : 0 8px 4px 0;
}

ul#nav1img li a {
  display : block;
  height : 18px;
}
ul#nav1img li a span {
  display : none;
}

a.etusivu {
  background-image : url('/images/nav1.etusivu.gif');
  width : 96px;
}
a.ohjelma {
  background-image : url('/images/nav1.ohjelma.gif');
  width : 230px;
}
a.tutorit {
  background-image : url('/images/nav1.tutorit.gif');
  width : 94px;
}
a.asiaa_kuningaspelista {
  background-image : url('/images/nav1.asiaa_kuningaspelista.gif');
  width : 222px;
}
a.taustajoukot {
  background-image : url('/images/nav1.taustajoukot.gif');
  width : 152px;
}
.selected { background-position : left -36px; }
.hover { background-position : left -18px; }


/* text navigation (currently not in use) */
ul#nav1{
  list-style : none outside none;
  margin : 15px 0 0 0;
  padding : 0;
}

ul#nav1 li{
  background: url('/images/gray_arrow_right.gif') no-repeat scroll left center;
  display : block;
  float : left;
  margin : 0 7px 0 0;
  padding : 0 0 0 30px;
  height : 22px;
}
ul#nav1 li.s{
  background: url('/images/selected_menuarrow_light.gif') no-repeat scroll left center;
  display : block;
  float : left;
  margin : 0 7px 0 0;
  padding : 0 0 0 30px;
  height : 22px;
}
ul#nav1 li span{
  color:#ffb300;
  font-size:17px;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:-1px;
}

ul#nav1 li.s span.selected {
  color:#cccccc;
  font-size:17px;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:-1px;
}

ul#nav1 li a {
  color : #ffb300;
}

div#nav_actions{
  float:left;
  clear:both;
  margin:50px 0 0 0 ;
  padding:0;
}


/* CORE ELEMENTS */
.orange_bg{ background-color: #ffaa00; }
.gray_bg{ background-color: #848081; }
.lgray_bg{ background-color: #e6e6e6; }
.promogray_bg { background-color: #CACACA; }
.green_bg{ background-color: #94d636; }

.c8_split_green{ background : url('/images/c8_split_green.gif'); }
.c8_split_orange{ background : url('/images/c8_split_orange.gif'); }
.c8_split_gray{ background : url('/images/c8_split_gray.gif'); }
.c9_split_green{ background : url('/images/c9_split_green.gif'); }
.c9_split_orange{ background : url('/images/c9_split_orange.gif'); }
.c9_split_gray{ background : url('/images/c9_split_gray.gif'); }

.border_right{ background : transparent url('/images/border_dotted_white_h.gif') repeat-y  right top; }
.border_left{ background : transparent url('/images/border_dotted_white_h.gif') repeat-y  left top; }
.border_top{ background : transparent url('/images/border_dotted_white.gif') repeat-x  left top; }
.border_bottom{ background : transparent url('/images/border_dotted_white.gif') repeat-x  left bottom; }

.noborder{
  border:none;
  background-image:none;
}

.nomargin{ margin:0 !important; }
.margin_left{ margin-left:4px !important; }
.margin_right{ margin-right:4px !important; }
.margin_top{ margin-top:4px !important; }
.margin_bottom{ margin-bottom:4px !important; }

.bm{
  margin-bottom:4px !important;
}

.clear{
  display:block;
  float:left;
  clear:both;
}

.block{
  margin-right:4px !important;
}

DIV.white_separator {
  border-bottom : 1px solid #fff;
  display : block;
  width : 100%;
  height : 1px;
  clear : both;
  float : none;
  padding : 0;
  margin : 0;
}

DIV.white_separator P {
  display : none;
}



/* CONTENT */
.title{
  margin:0 4px 0 0;
  padding:0;
  background-image: url('/images/border_dotted_white.gif') ;
  background-repeat: repeat-x ;
  background-position: bottom left ;
}

.contentHeader{
  margin:0 4px 0 0;
  border-bottom:1px solid #fff;
  text-transform:uppercase;
  font-weight:normal;
  padding:3px 0 4px 10px;
}

.contentBlock{
  float : left;
  overflow : hidden;
  clear : both;
  margin :0 0 10px 0;
  width : 100%;
}



/* PROMO & PROMOBOX */
.promo{
  margin-right:4px !important;
  padding:0 0 0px 0;
  background-image: url('/images/border_dotted_white_h.gif') ;
  background-repeat: repeat-y ;
  background-position: top center ;
}

.promo p, promobox p{
  margin:0 0 10px 0 ;
  padding : 8px 0 8px 0;
  width:45%;
  color:#ffffff;
  line-height:14px;
}

.promo h2{
  margin:0 0 10px 0 ;
  padding : 5px 0 0 8px;
  color:#ffffff;
  text-decoration:none;
  font-family:'arial black', arial, verdana;
  font-weight:bold;
  font-size:18px;
  line-height:20px;
  text-transform:uppercase;
  letter-spacing:-1px;
}

.promo a.more, .promobox a.more, .tutor_list a.more {
  background : transparent url('/images/border_dotted_white.gif') repeat-x scroll left top;
  display : block;
  padding : 7px 0 9px 0;
  text-decoration : none;
}

.tutorsnavi A.more {
  display : block;
  padding : 0 0 7px 0;
  text-decoration : none;
}

DIV.tutorsnavi SPAN.item {
  float: left;
  width: 33%;
}

.promo a.more span, .promobox a.more span, TABLE.tutor_list a.more span, .tutorsnavi A.more span {
  background: transparent url('/images/gray_arrow_right.gif') no-repeat scroll 8px center;
  padding : 0 0 0 43px;
  margin : 0;
  display : block;
  font-weight : bold;
  color : #373737;
  text-decoration : none;
  line-height : 18px;
}

.c4 .promo img{
  float:right;
  margin:0;
  padding:0;
}

.promobox, .tutorbox {
  margin:0 4px 10px 0;
  padding:0;
  clear : both;
  overflow : hidden;
}

.promobox .promo_content{
  margin : 0;
  padding : 3px 0px 0 0;
}
.promobox .promo_content p{
  padding : 0 8px 0 8px;
  margin : 0;
}



/* TEXT STYLES */

p{
  margin : 10px 30px 10px 10px;
}

p.teamname{
  color : #373737;
  margin-top:0;   
}

.contentText{
  border-bottom:1px solid #ffffff;
  padding: 0 0 8px 0;
}

.contentText b, .contentText strong {
  color : #373737;
}

.c9 .questionForm{
  color:orange;
  font-weight:bold;
  background-color: #000000 ;
  text-transform:uppercase;
  padding:10px 10px 10px 10px;
  margin:0 0 0 10px;
  width:200px;
}
.questionForm input, textarea{
  margin:5px 0 5px 0;
}


/* LINKS */

a {
  color:#373737;
  text-decoration:underline;
}

a.arrow, a.arrowDown, a.arrowUp {
  padding : 5px 0 11px 35px;
  margin : 0 20px 0 0;
  text-decoration : none;
  font-weight : bold;
}

a.arrow{
  display : block;
  background: url('/images/gray_arrow_right.gif') no-repeat left 3px;
}
a.arrowDown{ background: url('/images/gray_arrow_down.gif') no-repeat left 3px; }
a.arrowUp{ background: url('/images/gray_arrow_up.gif') no-repeat left 3px; }

a.block{ display : block !important; }

div#nav_actions a.arrowDown {
  background-position : left center;
  padding : 0 0 0 30px;
  display : block;
  float : left;
  line-height : 18px;
}

/* HEADLINES */
h1{
  margin : 0;
  padding : 0px 8px 8px 7px;
  background-image:none;
  background-repeat: repeat-x ;
  background-position: bottom left ;
  color:#ffffff;
  text-decoration:none;
  font-family:'arial black', arial, verdana, sans-serif;
  font-weight:bold;
  font-size:38px;
  line-height:33px;
  text-transform:uppercase;
  letter-spacing:-1px;
}

h1.green_bg_big, h1.gray_bg_big, h1.lgray_bg_big, h1.orange_bg_big {
  font-size:55px;
  line-height:48px;
  padding : 0px 8px 8px 7px;
  margin:0;
}

h2{
  margin:0 0 0px 0 ;
  padding:3px 8px 10px 8px;
  color:#ffffff;
  text-decoration:none;
  font-family:'arial black', arial, verdana;
  font-weight:bold;
  font-size:20px;
  line-height:18px;
  text-transform:uppercase;
  letter-spacing:-1px;
}

.tutorbox H2 {
  padding-right : 0;
}

h4 {
  font-size : 12px;
  line-height : 14px;
  font-weight : bold;
  margin : 13px 14px -7px 10px;
  color : #373737;
}

h3.title{
  padding:4px 0 4px 10px;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
}

h3.title a {
  display : block;
  text-transform : uppercase;
  text-decoration : none;
}

.green_bg h3.title a{ background: transparent url('/images/title_arrow_green.gif') no-repeat right center; }
.orange_bg h3.title a{ background: transparent url('/images/title_arrow_orange.gif') no-repeat right center; }
.orange_bg h2.title a{ background: transparent url('/images/title_arrow_orange.gif') no-repeat right center; }
.gray_bg h3.title a{ background: transparent url('/images/title_arrow_gray.gif') no-repeat right center; }
.lgray_bg h3.title a{ background: transparent url('/images/title_arrow_lgray_white.gif') no-repeat right center; }
.promogray_bg h3.title a{ background: transparent url('/images/title_arrow_pgray_white.gif') no-repeat right center; }

h3.title, .green_bg h3.title a, .orange_bg h3.title a, .gray_bg h3.title a, .lgray_bg h3.title a, promogray_bg h3.title a, p strong {
  color : #373737;
}


.content_split{
  float:left;
  width : 50%;
}

.imageHolder{
  display:block;
  float:none;
  clear:both;
  margin:0;
  padding:0;
  width: 320px;
  height: 540px;
}

.imageHolder content_image{
  display:block;
  float:none;
  clear:both;
  margin:0;
  padding:0;
}

.content_image {
	border-width : 1px 0 0px 0;
	border-style: dotted;
  border-color : #ffffff;
}

.content_image_no_top {
  border-width: 0 0 1px 0;
	border-style: dotted;
  border-color : #ffffff;
}

.image_from_content_text {
	float: left;
	margin-top: 22px;
  height: auto !important;
  width: 360px;
  border: 1px dotted white;
  border-width: 1px 0 0 0;
}

.tutorlist_comment{
  padding : 360px 130px 0 15px;
  text-align : center;
}
.tutorlist_comment span{
  font-size : 11px;
  font-weight : bold;
  color : #000000;
}

TABLE.tutor_list {
  width : 100%;
  height : 160px;
  border : none;
  border-collapse : collapse;
  border-spacing : 0;
}

TABLE.tutor_list, TABLE.tutor_list TR, TABLE.tutor_list TD {
  margin : 0;
  padding : 0;
}

TABLE.tutor_list .header {
  height : 126px;
  vertical-align : top;
}

TABLE.tutor_list .link {
}

TABLE.tutor_list .image {
  background : transparent url('/images/border_dotted_white_h.gif') repeat-y scroll left top;
  width : 121px;
}

TABLE.tutor_list .image img {
  /*padding-left : 1px;*/
}

.newComment{
  background: transparent url('/images/tutor_puhekupla.png') no-repeat top left;
}
.newComment .commenttext{
  display:block;
  padding:35px 125px 100px 0;
  margin:0;
  font-size : 11px;
  font-weight:bold;
  text-align:center;
  color : #000000;
}

.commentsHeader{
  background:#848081;
  color:#373737;
  font-weight:bold;
  margin:5px 7px 5px 0;
  padding:2px 10px;
}

.contentComment{
  padding:0;
  margin:0;
  border-bottom: 1px solid #fff ;
}



/* GALLERY */

#galleriaWrapper{
  background: url('/images/galleria_bg.gif') repeat-y top left;
  float:left;
  margin:0 0 10px 0;
}

#galleriaImage{
  margin:0;
  padding:0;
  background:#e6e6e6;
  width:476px;
  height:476px;
  overflow:hidden;
  border-bottom:1px solid #fff;
}

#galleriaActions{
  float:left;
  width:476px;
}
#galleriaActions a#prev{
  display:block;
  float:left;
  margin:0;
  padding:20px 10px 20px 40px;
  text-decoration:none;
}
#galleriaActions p#caption{
  display:block;
  float:left;
  margin:0;
  padding:10px;
}
#galleriaActions p#caption span{
  display:inline-block;
  width:270px;
}

#galleriaActions a#next{
  display:block;
  float:left;
  margin:0;
  padding:20px 40px 20px 10px;
  text-decoration:none;
}

ul#galleryList{
  list-style:none;
  margin:0;
  padding:0;
  display:block;
  float:left;
  clear:both;
  margin:0 4px 10px 0;
  background-color:#e6e6e6;
}
ul#galleryList li{
  width:63px;
  height:40px;
  overflow:hidden;
  display:block;
  float:left;
  margin:0;
  padding:0 !important;
  border:1px solid #ccc;
}

ul#galleryList li.selected{
  border-color: #fff !important;
}

ul#galleryList li img{
  margin:0;
  padding:0 !important;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

ul#galleryList li.selected img, ul#galleryList li.active img{
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}



/* LIST-ITEMS & DEFINITION LISTS*/

.contentText dl, dd, dt{
  padding: 0 0 5px 0;
  margin : 0 2px 0 0 ;
}

.contentText dd{
  margin : 0 4px 0 0;
  padding : 2px 10px;
}

.contentText dt{
  background-color : #cacaca;
  border-top : 1px solid #fff;
}

.contentText dt a{
  background: #cacaca url(/images/title_arrow_semigray.gif) no-repeat scroll right 3px;
  display: block;
  margin: 0 5px 0 0;
  padding : 4px 20px 4px 10px;
  text-decoration:none;
  font-weight : bold;
}

.contentText dt a.open{
  text-decoration : none;
  background: #cacaca url(/images/title_arrow_semigray_down.gif) no-repeat scroll right 3px;
}

.contentText ul{
   list-style : none outside none;
   margin : 0 4px 10px 0;
   padding : 0;
}

.contentText ul li{
   background : #cacaca;
   margin: 0 0 1px 0;
   padding : 3px 30px 8px 10px;
   color : #373737;
}



/* FRONTPAGE */

#frontpageItems{
  margin:0 0 10px 0;
  padding:0;
}

.frontpageItem{
  margin:0;
  padding:0;
  margin-right:4px;
  float:left;
  text-align:left;
}

.frontpageItem .promo{
  float:left;
  margin:0;
  padding:0;
}

.frontpageItem .promo a.more {
  background: url('/images/border_dotted_white.gif') repeat-x left top;
  padding:15px 0 0 0;
  margin:0;
}

.frontpageItem .promo a.more span{
  background : url('/images/big_douple_arrow.png') no-repeat 8px center;
  padding : 1px 0 0 55px;
  font-size : 12px;
  line-height : 20px;
  color : #ffffff;
  text-decoration : none;
}
 
.frontpageItem .bigImageHolder{
  background : url('/images/border_dotted_white_h.gif') repeat-y left top;
  width:636px;
  float:left;
  margin:0;
  padding:0;
}

.frontpageItem .bigImageHolder img{
  margin:0;
  padding:0;
  float:right;
}

ul#ticker{
  margin:0 4px 0 0;
  padding: 5px 10px 5px 10px;
  list-style:none;
  height:37px;
}
ul#ticker li{
  background: url('/images/gray_arrow_right.gif') no-repeat right 2px;
  display : block;
  float : left;
  margin-top : 3px;
  padding : 0;
}
ul#ticker li a{
  display : block;
  padding : 0 35px 6px 0;
  margin : 0;
  color : #ffffff;
  text-decoration : none;
}

.js_row2 {
  height : 163px;
}

TABLE.promo_index {
  width : 100%;
  height : 163px;
  border : none;
  border-collapse : collapse;
  border-spacing : 0;
}

TABLE.promo_index, TABLE.promo_index TR, TABLE.promo_index TD {
  margin : 0;
  padding : 0;
}

.promo_index .header {
  height : 129px;
  vertical-align : top;
}

.promo_index .link {
  /*
  background : transparent url('/images/border_dotted_white.gif') repeat-x scroll left top;
  padding-top : 3px;
  padding-left : 8px;
  */
  /*height : 34px;*/
}

.promo_index .image {
  background : transparent url('/images/border_dotted_white_h.gif') repeat-y scroll left top;
  width : 159px;
}

.promo_index .image img {
  /*padding-left : 1px;*/
}

/* SEARCH */

#searchlist{   
}

#searchlist dt{
  background : #cacaca;
  border : none;
  margin : 0 2px 0 0;
  padding : 4px 10px;
  font-weight : normal;
}

#searchlist dd{
  background : transparent url('/images/border_dotted_white.gif') repeat-x scroll left top;
  margin : 0 0 1px 0;
  padding : 5px 0 5px 10px;
}

#searchlist dd p{
  margin : 0;
  padding : 0;
}

#searchlist a{
  background : transparent url('/images/title_arrow_lgrayb.gif') no-repeat scroll 99% 4px;
  display : block;
  margin-right : 3px;
  padding : 4px 25px 4px 0;
  text-decoration : none;
}




/* DIALOG */

.dialog{
  background: #000;
  padding:0;
  position:absolute;
  z-index:100;
  top:10px;
  left:10px;
  color:#ffaa00;
  text-align:left;
  width:220px;
  display : none;
}

.dialog .header{
  display:block;
  color:#ffffff;
  font-weight:bold;
  padding:0 5px 5px 5px;
  text-transform:uppercase;
}

.dialog label{
  display:block;
  color:#ffaa00;
  font-weight:bold;
  padding:0 5px;
  text-transform:uppercase;
}

.dialog input[type=text], .dialog input[type=password], .dialog select, .dialog textarea {
  width:200px;
  margin:0 0 5px 5px;
  padding:0;
}

.dialog textarea{
  height: 200px;
}

.dialog input[type=submit], .dialog button[type=submit]{
  float:right;
  margin: 5px;
  padding: 0 15px 15px 0;
  color: #ffaa00;
  text-decoration:none;
  text-transform:uppercase;
  border:none;
  background: #000000 url('/images/dialog_send.gif') no-repeat right 3px;
}

.dialog a.dialog_close{
  display:block;
  padding:5px 20px 5px 5px;
  border-bottom:1px solid #fff;
  color: #ffaa00;
  margin:0 0 5px 0;
  text-align:right;
  text-decoration:none;
  text-transform:uppercase;
  background: #000000 url('/images/dialog_close.gif') no-repeat right 6px;
}

.dialog p{
  margin:5px;
  width:200px;
  color:#fff;
  padding:5px 0;
}




/* TAUSTAJOUKOT */
.leveltwo {
  border : 1px solid #e6e6e6;
  padding-bottom : 6px;
}



/* UUSI ETUSIVU TESTI */

#frontpageItems{
  border:0px solid red;
  height:336px;

}
.frontpageItem{
  position:absolute;
  top:152px;
  height:336px;
  overflow: hidden;
}

.frontpageItem .promo a.more{
  border:px solid red;
  position:absolute;
  top:280px;
  left:0px;
  z-index:20;
  width:320px;
}

/* ERRORBOX */
.errorbox {
  background : #e6e6e6 url('/images/bg_errorbox.gif') repeat scroll left top;
  padding : 30px 0 30px 20px;
  margin : 0 4px 10px 0;
  text-align : center;
}

.audioplayer {
	padding: 0 0 8px 8px;
}