/* GLOBAL --------------------------------------- */

body 	{
	background-color: #F5F5F5;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #333333;
	}

a, a:visited {
	color: #21406E;
	text-decoration: none;
	}

a:hover {
	color: #333333;
	text-decoration: underline;
	}
	
li	{
	line-height: 170%;
	color: #4E545F;
	}
	
h2 	{
	font-size: 110%;
	}

h3 	{
	font-family: Helvetica;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	line-height: 150%;
	color: #5C6366;
	}
	
/* LAYOUT -------------------------------------- */

.cont {
	width: 880px;
	margin: 0 auto;
	}

#header_cont {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	}

#menu_cont {
	float: left;
	width: 100%;
	padding: 15px 0px 0px 0px;
	background-color: #FFFFFF;
	background-image: url(/pics/header_bg.gif) ;
	background-position: top;
	background-repeat: repeat-x;
	}

#content_cont {
	float: left;
	width: 100%;
	padding: 40px 0px;
	background-color: #FFFFFF;
	}

#footer_cont {
	float: left;
	width: 100%;
	padding: 20px 0px 30px 0px;
	border-top: 1px solid #BFBFBF;
	}

.content {
	vertical-align: top;
	text-align: left;
	padding: 0px 20px 0px 20px;
	}

.checkbox {
	border: 0px;
	}

.frontheader {
	padding: 10px 0 0 0;
	}

.languages {
	padding: 5px 0 0 20px;
	}

.fronttext {
text-align: center;
	padding: 15px 0 0 20px;
	}

.language_flag {
	margin: 0 5px 0 0;
	display: inline;
	}

.language_text {
	display: inline;
	margin: 0 10px 0 0;
	line-height: 12px;
	}
	
.inside-content2 {
	padding: 20px;
	text-align: left;
	vertical-align: top;
	}

.inside-content {
	background-color: #EFEFEF;
	vertical-align: top;
	text-align: left;
	padding: 20px;
	}
	
.login-box {
	vertical-align: center;
	}

/* MENU ---------------------------------------- */

.menu_links {
	padding: 0px 0px 3px 0px;
	background-image: url(/pics/menu_bs.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	}

.menu_left {
	width: 5px;
	background-image: url(/pics/menu_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

.menu_left span {
	width: 5px;
	height: 3px;
	background-image: url(/pics/menu_bs_left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}

.menu_right {
	width: 5px;
	background-image: url(/pics/menu_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}

.menu_bs_left {
	width: 5px;
	height: 3px;
	background-image: url(/pics/menu_bs_left.gif);
	background-position: top;
	background-repeat: no-repeat;
	}

.menu_bs {
	height: 3px;
	background-image: url(/pics/menu_bs.gif);
	background-position: top;
	background-repeat: repeat-x;
	}

.menu_bs_right {
	width: 5px;
	height: 3px;
	background-image: url(/pics/menu_bs_right.gif);
	background-position: top;
	background-repeat: no-repeat;
	}
	
/* TYPOGRAHPY ---------------------------------- */

.footertext {
	font-size: 90%; /* 10px */
	}

.title {
	margin-bottom: 10px;
	}

.result-header {
	margin-bottom: 10px;
	}

.result-quote {
	margin-bottom: 5px;
	}

.hits {
	font-weight: bold;
	font-size: 16px;
	}

.nohits {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	}

.vaadittu {
	color: #c00000;
	font-weight: bold;
}

.content ul, .content p {
	padding-top: 0;
	margin-top: 1px;
}

.content ul {
	margin-bottom: 1em;
}
	
/* FORMS --------------------------------------- */

form {
	padding: 0;
	margin: 0;
	}
	
input {
	font-size: 100%;
	}

input[type=text], input[type=password], textarea, input[type=button] {
	font-family: Tahoma;
	font-size: 100%;
	line-height: 16px;
	color: #4D4D4D;
	padding: 4px;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	border-left: 1px solid #BFBFBF;
	background-color: #FAFAFA;
	}

input[type=submit], input.submit {
	font-family: Tahoma;
	font-size: 100%;
	font-weight: bold;
	padding: 3px;
	background-color: #35538C;
	border: 0px;
	color: #FFFFFF;
	}

select {
	font-family: Tahoma;
	font-size: 100%;
	border: 1px solid #BFBFBF;
	padding: 3px 0px;
	}
	
input.login {
	width: 100px;
	}
	
.text-input {
	width: 100%;
}

.reg-text-input {
	width: 100%;
}

.reg-text-pwd {
	width: 100px;
}

.reg-text-input {
	width: 100%;
	/*border: 1px solid #b1b1b1;*/
}

/* MONITORS ------------------------------------ */

.notselected-num {
	width: 20px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	background-color: #E5E5E5;
	}

.notselected-monitor {
	padding-left: 5px;
	background-color: #F0F0F0;
	}

.selected-num {
	width: 20px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #456F99;
	}

.selected-monitor {
	padding-left: 5px;
	background-color: #EFEFEF;
	}

.selected-monitor-num, .notselected-monitor-num {
	padding-top: 8px;
	border: 1px solid #ABAEB4; 
	width: 40px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
	}

.selected-monitor-result, .notselected-monitor-result {
	padding: 5px;
	border-right: 1px solid #ABAEB4; 
	border-top: 1px solid #ABAEB4; 
	border-bottom: 1px solid #ABAEB4; 
	vertical-align: top;
	text-align: left;
	background-color: #FFFFFF;
	}

/* LINKS --------------------------------------- */

.menu_button {
	float: left;
	/*padding: 9px 20px 8px 20px;*/
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	background-image: url(/pics/menu_bg.gif);
	}

.menu_button a {
	padding: 9px 20px 8px 20px;
	display: block;
	text-transform: capitalize;
	}

.right-border
	{
	border-right: 1px solid #b1b1b1;
	}

.button
	{
	padding: 4px 0px;
	margin: 10px 0 0 0;
	width: auto;
	cursor: pointer;
	border: 1px solid #35538C;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	background-color: #35538C;
	}
	
/*.black_monitor_kor .kor {
	float: right;
	text-align: center;
	width: 35px;
	margin-top: 5px;
	margin-left: 5px;
}*/

/*.black_monitor_kor .kor+.kor {
	margin-top: 5px;
}*/

.black_monitor_kor .kor a, .black_monitor_kor .kor a:visited {
	float: right;
	text-align: center;
	width: 35px;
	margin-top: 5px;
	margin-left: 5px;
	display: block;
}

.kor a, .kor a:visited {
	color: #FFFFFF;
	font-size: 87%;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 5px;
	background-color: #35538C;
	display: inline;
	}

.kor a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

.kor a.rss {
	background-color: #f28422;
}

.kor a.xls {
	background-color: #0b6204;
}

.white {
	color: white;
	text-align: center;
}

.white a, .white a:visited {
	color: #55f;
}

.black {
	color: black;
	font-weight: bold;
	text-align: center;
}

.black a, .black a:visited {
	color: #33f;
}

/*.gradient-content {
	background-image: url("/pics/content-bg-gradient.jpg");
	background-color: #d6d9de;
	background-repeat: repeat-x;
	}*/

.letter {
	font-size: 130%;
	font-weight: bold;
	float: left;
}

/*.image3b {
	background-image: url(/pics/frontpage-image3b.jpg);
	background-repeat: no-repeat;
}
.image4 {
	background-image: url(/pics/frontpage-image4.jpg);
	background-repeat: no-repeat;
}


.insideright {
	background-image: url(/pics/inside-bg-gradient.jpg);
	background-repeat: repeat-x;
}*/

div.helphint {
	float: right;
	padding: 5px;
	color: #00b;
	width: 300px;
}

hr {
	border: 0;
	height: 1px;
	background-color: #999;
}

/* COLLECTIONS ---------------------------------- */

.graphHolder {
	overflow: hidden;
}

.collections-graph {
	float: left;
}

.collections-graph strong {
	text-align: center;
	display: block;
	margin: 5pt 0 10pt 0;
}

.collections-graph img {
	margin: 0 20pt;
}
