/*
Theme Name:Finpro
Theme URI:http://finpro.inoob.fi/wordpress/wp-content/themes/Finpro
Description:Jeah
Author:Me
Author URI:
Version:0.1
*/

body{
	margin: 0px;
	padding: 0px;
	background: white;
	font-family: Helvetica, Arial;
	font-weight: normal;
	font-size: 12px;
}

img{
	border: 0px;
}

p{
	color: #777777;
	font-size: 11px;
	margin-top: 0px;
	line-height: 16px;
}

ul{
	padding-left: 20px;
	line-height: 17px;
	font-size: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
}

li{
	color: #777777;
}

a{
	color: #777777;
}

a:hover, a .smallTitle:hover{
	color: #555555;
}

.bar6 a{
	text-decoration: none;
}

.bar6 a:hover{
	text-decoration: underline;
}

#lbox{
	display: none;
	position: absolute;
	z-index: 9999;
	top: 200px;
	left: 50%;
	margin-left: -220px;
	width: 400px;
	background: white;
	border: 1px solid grey;
	padding: 20px;
	padding-top: 10px;
	float: left;
}

.closeLbox{
	text-align: right;
	width: 100%;
	float: left;
}

.closeLbox a{
	color: black;
	text-decoration: none;
}

.top{
	background: urL(../img/topGrad.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 103px;
}

/* the orange navigation bar */
.bar{
	background: url(../img/bar.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 34px;
	border-top: 1px solid #806952;
	margin-bottom: 25px;
	font-weight: bold;
}

.bar a{
	color: white;
	text-decoration: none;
	line-height: 34px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

.bar a:hover, .selected{ background: url(../img/bar2.png); }

.tips a:hover{ background: transparent; }

.bar img{
	float: left;
}

/* a container that centers the content and sets the static width */
.w{
	width: 975px;
	margin: auto;
}

/* the grey, rounded box that contains a logout link and a searchbox */
.searchBar{
	float: right;
	width: 320px;
	height: 56px;
	background: #d7d7d7;
	margin-top: 24px;
	font-weight: bold;
}

.sbc{
	margin-top: 10px;
	margin-left: 10px;
	color: white;
	line-height: 37px;
	text-decoration: none;
	font-size: 11px;
	float: left;
}

.sbl, .sbr{
	background-repeat: no-repeat;
	width: 10px;
	height: 56px;
	float: left;
}

.sbl{ background: url(../img/bar2l.png);  }
.sbr{ background: url(../img/bar2r.png); float: right; }

/* the inner grey box with rounded corners */
.bar3{
	background: #c1c1c1;
	margin-top: 10px;
	height: 37px;
	overflow: hidden;
	float: right;
}

.bar3c{
	width: 193px;
	float: left;
}

.bar3l, .bar3r{
	background: url(../img/bar3l.png); 
	background-repeat: no-repeat;
	width: 6px;
	height: 37px;
	float: left;
}

.bar3r { background: url(../img/bar3r.png); }

/* input field */
.ip{
	margin-top: 7px;
}

.ipc{
	background: url(../img/ipc.png);
	background-repeat: repeat-x;
	height: 19px;
	width: 150px;
	padding-top: 4px;
	color: #969696;
	border: 0px;
	float: left;
	margin-left: -1px;
}

.ipl, .ipr{
	background: url(../img/ipl.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 4px;
	float: left;
}

.ipr{ background: url(../img/ipr.png);}

/* buttons */
.smallButton{
	margin-top: -1px;
	margin-left: 5px;
	float: left;
}

.tips{
	position: absolute;
	top: 104px;
	left: 50%;
	background: #fdfdfd;
	margin-left: 167px;
	width: 320px;
	float: left;
	overflow: visible;
	z-index: 200;
}

.bar4c{
	background: url(../img/bar4c.png); 
	width: 302px;
	height: 42px;
	color: #f77f00;
	float: left;
}

.bar4l, .bar4r{
	background: url(../img/bar4l.png); 
	background-repeat: no-repeat;
	width: 9px;
	height: 42px;
	float: left;
}

.bar4r { background: url(../img/bar4r.png); }

.arrow{
	margin-bottom: 1px;
	margin-left: 10px;
	float: left;
	margin-top: 15px;
}

.tipText{
	margin-left: 6px;
	margin-top: 10px;
	float: left;
}

.cursorHand{
	cursor:pointer;cursor:hand;
	float: left;
}

/* dropdown */
.drop{
	visibility: hidden;
	position: relative;
	top: 34px;
	left: 50%;
	width: 9000px;
	float: left;
	z-index: 100;
}

.drop a{ color: #f77f00; font-size: 10px; line-height: 14px; }

.ddl{
	background: url(../img/ddl.png);
	background-repeat: no-repeat;
	height: 202px;
	float: left;
	behavior: url(/js/iepngfix.htc);
}

.ddr{
	background: url(../img/ddr.png);
	background-repeat: no-repeat;
	width: 21px;
	height: 202px;
	float: left;
	behavior: url(/js/iepngfix.htc);
}

.ddCol{
	width: 120px;
	padding-left: 20px;
	margin-top: 20px;
	line-height: 10px;
	float: left;
}

.ddCol a{
	width: 100%;
}

.content{
	position: relative;
	width: 100%;
	background: url(../img/bottomGrad.png);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	padding-bottom: 30px;
	float: left;
}

.topBox1, .topBox2, .topBox3, .topBox4, .topBox5{
	background-image: url(../img/bigGrad.png);
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	width: 640px;
	height: 224px;
	float: left;
	padding: 4px;
}

.topBox2{
	width: 315px;
	border-left: 0px;
}

.topBox3{
	width: 965px;
	height: 325px;
}

.topBox4{
	width: 373px;
	height: 221px;
}

.topBox5{
	border-left: 0px;
	width: 579px;
	height: 221px;
	margin-right: -20px;
}

.topBarTitles{
	margin-left: 10px;
	float: left;
}

.ti1{
	font-size: 24px;
	color: #969696;
	letter-spacing: 1px;
	line-height: 38px;
	font-weight: bold;
}

.ti2{
	font-size: 16px;
	color: #cccccc;
	font-weight: bold;
}

.ti3{
	font-size: 12px;
	color: #969696;
	line-height: 40px;
	font-weight: bold;
}

.topBarButton{
	margin-right: 10px;
	margin-top: 10px;
	float: right;
}

.bar5l, .bar5r{
	background: url(../img/bar5l.png);
	width: 4px;
	height: 23px;
	float: left;
}

.bar5r { background: url(../img/bar5r.png); }

.bar5c{
	background: #d3d3d3;
	line-height: 23px;
	padding-left: 5px;
	padding-right: 5px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	float: left;
}

.smallButton2{
	margin-left: 5px;
	float: left;
}

.headerBar{
	background: url(../img/smallGrad.png);
	background-repeat: repeat-x;
	border: 1px solid #dbdbdb;
	width: 304px;
	height: 48px;
	line-height: 48px;
	color: #969696;
	padding-left: 19px;
	float: left;
	font-weight: bold;
}

.noLeftBorder{
	border-left: 0px;
}

.noRightBorder{
	border-right: 0px;
	padding-right: 2px;
}

.mainBg{
	background-color: white;
	background-image: url(../img/mainBackground.png);
	background-repeat: repeat-y;
	border: 1px solid #d5d5d5;
	border-top: 0px;
	margin-top: 20px;
	float: left;
}

.column{
	width: 284px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	color: #969696;
	font-size: 11px;
	margin-top: 0px;
	padding-top: 10px;
}

.wideColumn{
	width: 603px;
}

.smallTitle, .smallTitleNarrow, h2, h1{
	color: #f77f00;
	font-size: 12px;
	font-weight: normal;
	margin-top: 15px;
	text-decoration: none;
}

h2{
	margin: 0px;
}

h1{
	font-weight: bold;
	font-size: 13px;
}

.smallTitleNarrow{
	margin-top: 0px;
}

.smallTitle2{
	width: 100%;
	color: #f77f00;
	font-size: 11px;
	margin-top: 7px;
	float: left;
}

.topLine{
	width: 280px;
	float: left;
	border-top: 1px solid #d5d5d5;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #969696;
	font-size: 11px;
}

.surLines{
	width: 280px;
	float: left;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #969696;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bottomLine{
	width: 280px;
	float: left;
	border-bottom: 1px solid #d5d5d5;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #969696;
	font-size: 10px;
}

.icon{
	margin-right: 8px;
	margin-left: 5px;
	float: left;
}

.mtop{
	width: 235px;
	margin-top: 4px;
	padding-bottom: 4px;
	float: left;
}

.mtop2{
	margin-top: 2px;
	float: left;
}

.mtop3{
	margin-top: 15px;
}

.columnContainer{
	width: 324px;
	float: left;
}

.stars{
	font-size: 12px;
	font-family: verdana;
}

.greyLink{
	font-weight: normal;
	color: #969696;
}

.bar6{
	position: relative;
	width: 100%;
	top: 38px;
	left: -1px;
	padding-bottom: 10px;
	margin-bottom: -105px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

.bar6c{
	background: url(../img/bar6c.png);
	background-repeat: repeat-x;
	height: 51px;
	line-height: 51px;
	color: #969696;
	padding-right: 10px;
	float: left;
}

.icon2{
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 15px;
	float: left;
}

.bar6l, .bar6r{
	background: url(../img/bar6l.png); 
	background-repeat: no-repeat;
	width: 6px;
	height: 51px;
	float: left;
}

.bar6r { background: url(../img/bar6r.png); }

.grey { color: #969696; }

.narrowText{
	width: 157px;
	padding-left: 7px;
	float: left;
}

.boldOrange{
	font-weight: bold;
	color: #f77f00;
}

.orange{
	color: #f77f00;
}

.marginTop{
	margin-top: 10px;
}

.tbMarg{
	margin-top: 10px;
	margin-bottom: 10px;
}

.buotton{
	float: left;
}

/* dark button */
.buttonDarkL{
	background: url(../img/buttondarkl.png);
	height: 29px;
	line-height: 29px;
	color: #f77f00;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 10px;
	float: left;
}

.buttonDarkL2{
	background: url(../img/buttondarkl.png);
	height: 29px;
	line-height: 29px;
	font-size: 11px;
	color: #f77f00;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 10px;
	float: left;
	border: 0px;
}

.buttonDarkR{
	background: url(../img/buttondarkr.png);
	height: 29px;
	width: 6px;
	float: left;
}

.button:hover .buttonDarkL, .button:hover .buttonDarkL2{ background: url(../img/buttondarkl2.png); }
.button:hover .buttonDarkR{ background: url(../img/buttondarkr2.png); }

/* normal button */
.buttonL{
	background: url(../img/buttonl.png);
	height: 29px;
	line-height: 29px;
	color: #f77f00;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 10px;
	float: left;
}

.buttonR{
	background: url(../img/buttonr.png);
	height: 29px;
	width: 6px;
	float: left;
}

.button:hover .buttonL{ background: url(../img/buttonl2.png); }
.button:hover .buttonR{ background: url(../img/buttonr2.png); }

/* arrow button */
.arrowButtonL{
	background: url(../img/arrowbuttonl.png);
	height: 37px;
	width: 9px;
	float: left;
}

.arrowButtonR{
	background: url(../img/arrowbuttonr.png);
	background-position: 100% 0%;
	height: 37px;
	line-height: 37px;
	color: #f77f00;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 37px;
	float: left;
}

.button:hover .arrowButtonL{ background: url(../img/arrowbuttonl2.png); }
.button:hover .arrowButtonR{ background: url(../img/arrowbuttonr2.png); background-position: 100% 0%; }

.textOnTop{
	color: #969696;
	font-size: 11px;
	text-align: right;
	margin-top: 3px;
	height: 18px;
	line-height: 23px;
	overflow: hidden;
}

.textOnTop a{
	text-decoration: none;
	color: #969696;
	font-size: 11px;
}

.roundPlusButton{
	background: url(../img/roundplusbutton.png);
	background-repeat: no-repeat;
	height: 27px;
	line-height: 27px;
	padding-left: 35px;
	color: #f77f00;
	font-weight: bold;
	font-size: 11px;
	float: left;
}

.roundPlusButton:hover{
	background: url(../img/roundplusbutton2.png);
	background-repeat: no-repeat;
}

.imageGrid{
	width: 300px;
	float: left;
}

.imageGrid img{
	margin-top: 8px;
	margin-right: 8px;
	float: left;
}

.noRightMargin { margin-right: 0px; }

.fpGrad{
	background: url(../img/fpgrad.png);
	width: 579px;
	height: 181px;
}

.fph1{
	color: #f77f00;
	font-size: 40px;
	font-weight: normal;
}

.fph2{
	color: #f77f00;
	font-size: 14px;
	font-weight: bold;
}

.fph3{
	font-weight: normal;
	color: #969696;
}

.fph4{
	margin-right: 10px;
	font-size: 10px;
	line-height: 29px;
	float: left;
}

.clientList{
	width: 120px;
	margin-top: 10px;
	font-weight: normal;
	font-size: 10px;
	float: left;
}

/* small infobox */

.infoBoxT{
	background: url(../img/infoboxt.png);
	background-repeat: no-repeat;
	width: 307px;
	height: 12px;
	float: left;
}

.infoBoxC{
	background: url(../img/infoboxc.png);
	background-repeat: repeat-y;
	width: 277px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: normal;
	font-size: 11px;
	float: left;
}

.infoBoxB{
	background: url(../img/infoboxb.png);
	width: 307px;
	height: 58px;
	float: left;
}

/* large infobox */
.infoBox2T{
	background: url(../img/infobox2t.png);
	background-repeat: no-repeat;
	width: 618px;
	height: 12px;
	float: left;
}

.infoBox2C{
	background: url(../img/infobox2c.png);
	background-repeat: repeat-y;
	width: 588px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: normal;
	font-size: 11px;
	float: left;
}

.infoBox2B{
	background: url(../img/infobox2b.png);
	width: 618px;
	height: 58px;
	float: left;
}

.orangeUnderline{
	border-bottom: 1px solid #f77f00;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

.imageGrid2{
	margin-bottom: 7px;
	float: left;
}

.imageGrid2 img{
	margin: 2px;
}

.tapahtumaBox{
	margin-left: 0px;
	margin-bottom: 10px;
	float: left;
}

.tapahtumaBoxT{
	/* background: url(../img/tapahtumaboxt.png); */
	width: 307px;
	height: 200px;
	margin-bottom: 15px;
	float: left;
}

.tapahtumaBoxC{
	background: url(../img/tapahtumaboxc.png);
	width: 287px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.tapahtumaBoxB{
	background: url(../img/tapahtumaboxb.png);
	background-repeat: no-repeat;
	width: 307px;
	height: 8px;
	float: left;
}

.midBar{
	background: url(../img/midbar.png);
	width: 285px;
	height: 36px;
	line-height: 36px;
	padding-right: 2px;
	padding-left: 2px;
	color: #f77f00;
	font-size: 13px;
	font-weight: normal;
	float: left;
}

.midBarT{
	background: url(../img/midbart.png);
	background-repeat: repeat-x;
	width: 285px;
	padding-top: 5px;
	margin-bottom: 3px;
	float: left;
}

.midBarB{
	background: url(../img/midbarb.png);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	width: 285px;
	padding-bottom: 3px;
	float: left;
}

.midBarText{
	width: 250px;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
	float: left;
}

.midBar img{
	margin-top: 11px;
	float: right;
}

.smallTopPad{
	padding-top: 10px;
}

.notBold{
	font-weight: normal;
}

.hidden{
	display: none;
}

.boxThickBorder{
	border: 5px solid #ededed;
	margin-top: 10px;
	width: 590px;
	line-height: 16px;
	float: left;
}

.boxThickBorder img{
	margin-right: 10px;
	margin-bottom: 10px;
}

.scrollerBox{
	margin: 10px;
	overflow: hidden;
	width: 545px;
	float: left;
}

.larger{
	font-weight: bold;
	font-size: 13px;
}

.dropDown{
	background: url(../img/dd.png);
	behavior: url(/js/iepngfix.htc);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	width: 120px;
	padding-bottom: 20px;
	float: left;
}

.dropDown a{
	position: relative;
	z-index: 2;
	width: 100%;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	color: #a0a0a0;
	text-decoration: none;
	border-top: 1px solid #dadada;
	margin-left: 2px;
	float: left;
}

.dropDown a:hover{
	background: #e0e0e0;
}

.dropDownRight{
	position: relative;
	z-index: -1;
	background: url(../img/dd.png);
	behavior: url(/js/iepngfix.htc);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	width: 15px;
	padding-bottom: 20px;
	float: left;
}

.hiddenDd{
	display: none;
	position: absolute;
	margin-top: 31px;
	margin-left: 7px;
	z-index: 999;
	float: left;
}

.track{
	background: #ededed;
	width: 15px;
	height: 550px;
	float: left;
}

.slider{
	background: url(../img/slider.png);
	width: 15px;
	height: 8px;
	float: left;
}

.sliderArrowUp{
	background: url(../img/sliderarrowup.png);
	width: 15px;
	height: 10px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
}

.sliderArrowDown{
	background: url(../img/sliderarrowdown.png);
	width: 15px;
	height: 10px;
	float: left;
	overflow: hidden;
}

.green{
	color: #99cccc;
}

hr{
	color: #969696;
	background-color: #969696;
	height: 1px;
	border: 0px;
}

/* input */
.ip2, .ta{
	background: url(../img/ip.png);
	background-repeat: no-repeat;
	border: 0px;
	width: 167px;
	height: 27px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.ta{
	height: 110px;
	padding-bottom: 10px;
	background-image: url(../img/ta.png);
}

.ipLabel{
	float: left;
	width: 100%;
	margin-top: 5px;
}

/* list */
div#liiketoimintaBox li{
	list-style-image: url(../img/listelem.png);
	margin: 0px;
	padding: 0px;
}

div#liiketoimintaBox ul {
	width: 160px;
	margin: 0px;
	margin-right: 15px;
	float: left;
}

.submitButtonR{
	background: url(../img/submitbuttonr.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	height: 23px;
	line-height: 18px;
	color: white;
	font-weight: bold;
	font-size: 11px;
	font-family: Helvetica, Arial;
	padding-right: 43px;
	border: 0px;
	float: left;
}

.submitButtonL{
	background: url(../img/submitbuttonl.png);
	background-repeat: no-repeat;
	width: 5px;
	height: 23px;
	float: left;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}