* {
   padding:0;
   margin:0;
}

html {
	padding				:	0px;
	width				:	100%;
	text-align			:	center;
	
	color				:	#464646;
	margin				:	0px;
}

body {
	text-align			:	center;
	font-size			:	10px;
	font-family			:	Arial, Helvetica, sans-serif;
	background			:	url('http://www.finsecpro.net/img/bggrad.jpg') repeat-x top left #fff;

}


html, body {
min-height: 100%;
height: 100%
}

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

a:hover {
	text-decoration		:	none;
}

table, td, tr, tbody {
	font-size			:	1.0em;
	margin				:	auto;
	padding				:	5px;
}	

table {
	padding-right: 				100px;

}	



/*td p {
	width			:	300px;
	
}	*/



p {
	margin				:	0 0 1em 0;
}

h1,h2,h3,h4,h5,h6 {
 	font-size			:	1em;
	color				:	#004b8d;
	font-weight			:	normal;
	margin-bottom		:	0.8em;
}

img {
	border				:	0px;
	vertical-align		:	bottom;
}

#bgClouds {
	background			:	url('http://www.finsecpro.net/img/bgclouds.jpg') no-repeat center top;
}

#pageWidth {
	padding-top			:	44px;
	width				:	989px;
	text-align			:	left;
	margin-left			:	auto;
	margin-right		:	auto;
       
}
#pageTop {
	height				:	8px;
	line-height			:	1px;
	font-size			:	1px;
	/*background			:	url('http://www.finsecpro.net/img/pagebodytop.gif') no-repeat left top;*/
         background-color: white;
}

#pageBodyHolder {
	background			:	url('http://www.finsecpro.net/img/pagebodybg.png') repeat-y left top;
         background-color: white;
}

#pageBtm {
	position			:	relative;
	height				:	44px;
	background			:	url('http://www.finsecpro.net/img/pagebodybtm.jpg') no-repeat left top;
}
#pageBtmClean {
	height				:	44px;
	background			:	url('http://www.finsecpro.net/img/pagebodybtmclean.jpg') no-repeat left top;
}

#pageBody {
	margin-left			:	4px;
	width				:	981px;
	position			:	relative;
}

#headerHolder {
	height				:	58px;
	background			:	url('http://www.finsecpro.net/img/headerbtm.gif') no-repeat left bottom #fff;

}

#headerHolder a {
	margin-left			:	19px;
}

#topic {
	height				:	39px;
	padding-left		:	18px;
	background			:	url('http://www.finsecpro.net/img/topicbg.gif') repeat-x #1154ac;
}

#topic h1 {
	font-size			:	2em;
	line-height			:	39px;
	color				:	#fff;
	margin				:	0;
	padding				:	0;
}

#progressBarHolder {
	width				:	48px;
	float				:	left;
}

#progressBarHolder ul {
	margin				:	0;
	padding				:	0;
	list-style			:	none;
}

#progressBarHolder ul li {
	margin				:	0;
	padding				:	0;
}

#progressBarHolder ul li a {
	width				:	48px;
	display				:	block;
	text-align			:	center;
	text-decoration		:	none;
	font-size			:	2em;
}

#progressBarHolder ul li a.before {
	color				:	#ccc;
	line-height			:	38px;
}


#progressBarHolder ul li a.active {
	color				:	#1154ac;
	font-weight			:	bold;
	line-height			:	53px;
	background			:	url('http://www.finsecpro.net/img/selectedbg.gif') no-repeat left top #fff;
}

#progressBarHolder ul li a.after {
	color				:	#4f77ab;
	line-height			:	38px;
}

#progressBarHolder ul li a.before:hover {
	color				:	#9c9c9c;
}

#progressBarHolder ul li a.after:hover {
	color				:	#1154ac;
}

#questionHolder {
    	width				:	908px;
	float				:	right;
}
#question {
	margin-top			:	35px;
	width				:	880px;
}


.content {
	font-size			:	1.2em;
	color				:	#004b8d;
}

.content ul {
	margin-left			:	20px;
}


.content h1 {
	font-size			:	1.8em;
}

.content h2 {
	font-size			:	1.6em;
}

.content h3 {
	font-size			:	1.4em;
}

.content h4 {
	font-size			:	1.2em;
}

.content h5 {
	font-size			:	1em;
}

.content h6 {
	font-size			:	0.8em;
}
.content .kuvatekstilaatikkovasemmalla {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #333333;
	margin-right:10px; 
	margin-bottom:10px;
	float: left;
}
.content .kuvatekstilaatikkooikealla {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #333333;
	margin-left:10px; 
	margin-bottom:10px;
	float: right;
}
#questionTextHolder {
	float				:	left;
	width				:	352px;
	font-size			:	1.2em;
	line-height			:	1.2em;
}

#questionText {
	width				:	310px;
	margin-left			:	23px;
}

#questionPic {
	float				:	right;
	width				:	306px;
}

#buttonHolder {
	width				:	160px;
	margin-left			:	335px;
	padding-top			:	15px;
       padding-bottom			:	15px;
	position: relative;
}

#leftButton {
	width				:	39px;
	overflow			:	hidden;
	position: absolute;
	left: 0px;
	top: 13px;
}

#leftButton a {
	width				:	39px;
	height				:	40px;
	display				:	block;
	padding-left		:	1000px;
	background			:	url('http://www.finsecpro.net/img/leftarrow.gif') no-repeat top left;
}

#leftButton a:hover {
	background			:	url('http://www.finsecpro.net/img/leftarrow.gif') no-repeat bottom left;
}

#questionCounter {
	width				:	80px;
	text-align			:	center;
	font-size			:	21px;
	font-weight			:	bold;
	color				:	#004b8d;
	left: 39px;
	top: 20px;
	position: absolute;
}

#jakinfo {
/*	width				:	400px;*/
	text-align			:	left;
	font-size			:	15px;
	font-weight			:	bold;
	color				:	red;
	left: 100px;
	top: 100px;
/*	position: absolute;*/
}

input {
min-width: 25px;
height: 25px;
vertical-align:middle;
} 



#rightButton {
	width				:	40px;
	overflow			:	hidden;
	position: absolute;
	top: 13px;
	right: 0px;
}

#rightButton a {
	width				:	40px;
	height				:	40px;
	display				:	block;
	padding-left		:	1000px;
	background			:	url('http://www.finsecpro.net/img/rightarrow.gif') no-repeat top left;
}

#rightButton a:hover {
	background			:	url('http://www.finsecpro.net/img/rightarrow.gif') no-repeat bottom left;
}

.clearfix:after {
	content				:	".";
	display				:	block;
	height				:	0;
	clear				:	both;
/*	visibility			:	hidden;*/
}

.clearfix {display:inline-block;}
/* Piilotellaan IE Mac:lta \*/
.clearfix {display:block;}
/* Lopetellaan piilottelu */

/*printtailut*/ 

@media print{ 

body { 
	color : #000000;
	background : transparent; 
	background-color: #ffffff;
}

img {
	display:static;
}

a:link, a:visited {
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
}

#pageTop, #headerHolder, #topic, #progressBarHolder, #pageBtm {
	display				:	none;
}

#bgClouds, #pageWidth, #pageHolder, #pageBodyHolder, #pageBody, #contentHolder, #questionHolder, #question {
	width				:	auto;
	height				:	auto;
	border-left			:	0;
	margin				:	0 0;
	margin				:	0px;
	padding				:	0;
	float				:	none !important; 
	overflow			:	visible;
	/*background			:	transparent;*/
        background: white;
	background-color	:	#ffffff;
	font-family			:	"Times New Roman", Times, serif; 
	font-size			:	12pt;
}

}
/**
*	Jere
*/
#headerHolder .logout{
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 1.1em;
}
#headerHolder .logout a{
	text-decoration: none;	
}
#loginContainer{
	text-align: center;
	padding: 50px;
}
#question .TestName{
	color: #333333;
	font-weight: bold;
}
#question .TestDescription{
	font-style: italic;
}
.error {
	font-weight: bold;
	color: #990000;
}
.TestGood{
	color: #339933;
}
.TestBad{
	color: #990000;
}