/* (c) Ch5 Finland Oy 2004 - www.ch5finland.com */

/* common - remove: text-align: center; (IE hack) from BODY to align site left */
body {font-family:georgia,verdana,arial,tahoma; font-size:80%; background:#dbe2e6; color:#000; text-align: center;}
body, h1, h2, h3, h4, p, img, form, label, fieldset {margin:0; padding:0}
form, label, fieldset, abbr, acronym {border:0}
p, div, span, td, th, table, input, textarea, button, ul, li, dl, dt, dd, ol, table {font-size:1em}
h1{font-size:1.6em; font-family: Georgia; }
h2{font-size:1.4em}
h3{font-size:1.2em}
h4{font-size:0.8em}
p.indent{display:block; margin:0 10px 0 20px}

.c-b {clear: both}
.h, legend {display: none}

a {text-decoration:none;  color:#41ad49; font-weight:bold; } 
a:hover {text-decoration:underline;}



#site{font-size:10px; width:542px; height:100%; padding: 12px 24px 48px 24px; background:#dbe2e6; margin-top: 15px; margin-left: auto; margin-right: auto; text-align: left;}
#hatch{width:542px; border:0; padding:0 0 0 3px; background: #fff }
#top_hatch{display:none;width:700px; height:3px; font-size:0; padding:0; margin:0; border:0; background: #fff ;}
#bottom_hatch{display:none;width:700px; height:3px; font-size:0; border:0; background: #fff ;}
#site2{width:700px; height:100%;  background:#fff  ; padding: 6px 0 0 0; margin:0 6px 0 6px;}
#topBanner{display:none;width:542px; height:115px; padding:0; padding-bottom:6px; border-bottom:1px solid black;}
#container{width:542px; height:auto; padding:0; margin: 0;}
#content{width:542px; height:auto; float:left;  margin-bottom:20px;}

#top{ width:542px; height:152px;}
#supportNavi{display:none;border-bottom: 1px dotted black; width:100%; height:10px; padding: 7px 0 7px 0; background: url(img/supportnavi.jpg) 0 7px no-repeat;}
#logo{height:105px; width:542px;}
#logo_text{display:none;float:right; width:320px; height:105px; padding:0; margin:0;}
.logo_arrow{ height:85px; background: url(img/logo_arrow.gif) top left no-repeat; margin-top:20px; padding-left:26px; color:#9fb0b9; line-height:20px; font-size:14px; font-weight:bold;}
#logo_text a{height:85px; overflow:hidden;color:#9fb0b9; line-height:20px; font-size:14px; font-weight:bold;  text-decoration:none;}

#logo_text img{ float:right;}
#logo img{ border:0;}
#logo_img{ display:none;}
#logo_right{float:right; width:105px;}

/* navigation */
#topNavi {display:none; height:22px; width:809px; overflow:hidden; background:#111 url(img/orange_bg.gif) repeat-x top left; }
#topNavi li { float:left ; }
#topNavi li a {height:19px !important; /*margin-right:2px;*/ padding: 3px 12px 0 14px !important; display:block ; float:left ; 
background: url(img/whitebg.gif) no-repeat top right;
color:#fff; font-size:12px;  font-weight:bold; text-decoration:none; text-transform: uppercase; 
  }
* #topNavi li a { height:1% ; }
#topNavi li a.act { color:#111 ; background:#111 url(img/orange_bg.gif) repeat-x top left; background: url(img/whitebg.gif) no-repeat top right;}
#topNavi li a:hover{ color:#111 ;}

/* naviList class to reduce redundancy */
ul.naviList { margin:0 ; padding:0 ; list-style:none ; font-family:verdana; } 
ul.naviList ul { list-style:none ;   }
ul.naviList li { }


#docNavi { }
.naviList ul {width:125px; height:auto;  padding:0 ; margin:0 ;  list-style:none ;}
.naviList li { display:inline ; }
.naviList li a { font-weight:bold; font-size:10px; text-align:center;text-transform: uppercase; 
	display:block ; padding:3px 0 ; 
	background:#b6d8db url(img/docnavi_top.gif) top right no-repeat; 
	text-decoration:none ; color:#5f6668 ; margin:0 0 6px 0; }
.naviList li a:hover {  /*background:#fafafa ; color:#000 ;*/ }
.naviList li a.act {margin:0; color:#e6e7e8; background:#b6d8db url(img/docnavi_top_act.gif) top right no-repeat; } 
.naviList li li a { padding:2px 10px 2px 20px ; font-size:0.9em ; background:#fcfcfc ; border:none ; margin:0 ; }
.naviList li li li a { padding:2px 10px 2px 30px ; } /* add more as needed... */
* html ul.naviList a { height:1% ; }

.specs_act a{margin:0 !important; color:#e6e7e8 !important; background:#b6d8db url(img/docnavi_top_act.gif) top right no-repeat !important;  }
.specs{ height:auto; padding:0 !important; margin:0 0 6px 0 !important; font-family:georgia,verdana,arial; background:#e4eff0;}
.specs  a{height:auto; padding-left:12px !important; color:#565657 !important; background:#e4eff0 url(img/docnavi_arrow.gif) 0 3px no-repeat !important; 
	font-size:11px !important; text-transform:none !important;
	text-align:left !important;
	font-weight:normal !important;
	}
	
.naviarrow{height:auto; padding-left:10px !important; color:#565657 !important; background:#e4eff0 url(img/docnavi_arrow.gif) 10px px no-repeat!important; 
	font-size:11px !important; text-transform:none !important;
	text-align:left !important;
	font-weight:normal !important;
	}
	
.specs a img{padding:0; margin:0; border:0;}

#siteBody{ margin-top:12px; padding:0px; width:809px; margin-top:12px;}
#left{display:none;height:100%;width:125px; float:left; margin-right:9px;}
#middle{font-size:12px;  text-align:left;height:100%;/*border-left:1px dotted gray;*/width:417px; margin: 0 0 0 0; padding:0 0 0 12px;}
#title{font-family:georgia; font-size:24px;  line-height:24px; }
#middle .article{height:auto; width:417px; line-height:19px; font-family:georgia; border-bottom:1px dotted #111; margin:0; padding:0 0 20px 0;}
.article_left{padding:0; margin:0;width:207px; }
.article_right{padding:0; margin:0; width:207px; float:right; display:block;}	
.banner_ad{float:right;width:417px;background:#eceded; border-top:2px solid #111; padding:0 0 6px 0;}

.banner_ad_header{font-size:9px; padding:3px 0 0 7px ; font-weight:bold; height:15px;}
#foo{width:206px; padding:0; margin:0; border:0;}



#article1{height:auto; border:0 !important; padding:0 !important; margin:0 !important;}

#right{display:none;height:100%;/*border-left:1px dotted gray;*/width:221px; float:right; padding-left:12px;}




#rightBanners{ display:none; width:141px; height:100%;  margin:4px 0 20px 0; float:right;}
#rightBanners img{margin-bottom:10px;}
#footer{background:#fff  !important;  /*border-top:1px dotted gray;*/ padding-top:10px; width:542px; clear:both; text-align:right; font-family:verdana;}


.highLight {
width:186px;
border:0;
margin:5px 0 5px 0;
padding-left:35px;
background: url(img/green_arrow.gif) 0 0 no-repeat;
}
.highLight .text{width:186px;font-weight:bold;line-height:18px;color:#9fb0b9; font-size:12px;}
.name{width:155px; display:block; color:#111; font-family:verdana; font-size:10px; font-weight:bold;}

div#navigoCMS {display:none; font:10px Verdana, sans-serif ; color:#c7c9c8 ; position:relative ; left:812px ; top:5px ; height:18px ;  width:170px ; }
div#navigoCMS strong { color:#c7c9c8 ; }
div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }



.spacer { clear:both ; height:1px ; overflow:hidden ; margin-bottom:-1px ;}
.printLink{display:none;}

#bottomNavi{display:none;}


/* gray arrow link styles */
div.gray_arrow_link{  
height:auto; 
color:#788892; font-size:12px;
background:#fff url(img/gray_arrow.gif) 0 1px no-repeat;
line-height:14px; display:block;
padding:0 0 10px 20px; 
margin:0; 
}
div.gray_arrow_link a{  
color:#788892 !important;
}


/* picture text for 2col article picture */
.picture_text {
font-size:11px;
line-height:13px;
padding-top:5px;
}

.dictionary{height:100%;}
#wordList{height:100%;}
#results{height:100%;}

.chars{ background:#fff url(img/dictionary_bg.gif) top left repeat-x;
text-align:center;
padding: 20px 0 0 0;
font-size:12px;
font-weight:bold;
font-family:arial;
height:30px;
}

/*.chars a{ color:#111 !important;}*/

.dictionary_line{
width:416px;
height:41px;
font-size:12px;
font-weight:normal;
overflow: auto;
padding:0 0 0 0 ;
border-bottom:1px dotted #111;
}
.dictionary_line .dname{
width:100px;
float:left;
font-size:14px;
}
.dictionary_line .description{
width:200px;
float:left;
color:#788892;
}
.dictionary_line .button{
width:50px;
height:18px;
text-align:center;
margin:5px 5px 0 0;
float:right;
color:#fff;
font-weight:bold;
background:#fff url(img/more.gif) top right no-repeat;
padding:0 12px 0 12px;
text-transform: uppercase;
}
.dictionary_line_selected {display:none;  overflow: auto; padding: 0 0 5px 0; border-bottom:1px dotted #111; width:416px;background:#f0f7f8 !important;}
.dictionary_line_selected .dname{
font-weight:bold;
width:100px;
float:left;
font-size:14px;
height:41px;
}
.dictionary_line_selected .description{height:100%; width:280px;float:left}
.dictionary_line_selected .description img{float:left;}
.dictionary_line_selected .button{
width:50px;
height:18px;
text-align:center;
margin:5px 5px 0 0;
float:right;
color:#fff;
font-weight:bold;
background:#f0f7f8 url(img/close.gif) top right no-repeat;
padding:0 12px 0 12px;
text-transform: uppercase;	
}

.dictionary_alpha_link_big{color:#e34e05 !important; font-size:16px;}
.dictionary_alpha_link_normal{color:#111 !important;}


/* navigation */
#dictNavi { height:22px; width:417px;  background:#fff;/*url(img/dictNavi_bg.gif) repeat-x top left;*/ }
#dictNavi li { float:left ; }
#dictNavi li a {height:21px !important; /*margin-right:2px;*/ margin-right:2px; padding: 1px 14px 0 16px !important; display:block ; float:left ; 
background: url(img/dictNavi_bg.gif) repeat-x top left;
color:#111; font-size:12px;  font-weight:bold; text-decoration:none; text-transform: uppercase; 
  }
* #dictNavi li a { height:1% ; }
#dictNavi li a.act { color:#111 ; background:#fff url(img/dictNavi_bg_act.gif) repeat-x top left; /*background: url(img/whitebg.gif) no-repeat top right;*/}
#dictNavi li a:hover{ color:#111 ;}


#dictionary_search{width:40px;}

/*
#article_list{ padding:0; margin:0; font-size:12px;
line-height:14px; padding-bottom:10px; height:auto; width:180px; display:block; color:#788892; 
	background:#fff url(img/gray_arrow.gif) 0 1px no-repeat; 
	padding-left:20px;
}


#article_list div{border-top:1px solid #111; padding:5px 0 5px 0; }
#article_list a{}
#article_list a:visited{color:#788892;  }
#article_list a:hover{color:#788892; }
#article_list a:hover{color:#788892; }

#quizz{width:221px; height:170px;}
#quizz_top{width:221px; height:19px; font-size:14px; font-weight:bold; padding-top:5px; color:#00a0a9; text-align:center;  border:0; background: top left no-repeat url(img/quizz_top.gif);}
#quizz_bottom{width:221px; height:146px; border:0; background:#e4eff0;}
#quizz_question{width:221px;height:30px;}

.green_link{color:#41ad49 !important; font-weight:bold !important; text-decoration:none;}


.spacer {

height:1px;
margin-bottom:-1px;
overflow:hidden;

*/




