html {
	padding:0px;
	margin:0px;
}

body {
	padding:0px;
	margin:0px;
	background:url(/images/leiskat/v2/pohja3.jpg) repeat-y center 0px #dddddd;
	font-family: Lucida Sans Unicode, verdana, arial,sans-serif;
	text-align:left;
	
}

p {
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial, sans-serif;

}


h1 {
	font-size:24px;
	color: black;
	font-family: Myriad pro;
}

h2 {
	font-size:20px;
	color: black;
	font-family: Myriad pro;
}

h3 {
	font-size:16px;
	color: black;
	font-family: Myriad pro;
}

h4 {
	font-size:50px;
	color: black;
	font-family: Myriad pro;
}

h8 {
	font-size:36px;
	color: black;
	font-family: Myriad pro;
}


h9 {
	font-size:22px;
	color: gray;
	font-family: Myriad pro;
}

h10 {
	font-size:26px;
	color: black;
	font-family: Myriad pro;
	
}

h11 {
	font-size:18px;
	color: black;
	font-family: Myriad pro;	
}

h12 {
	font-size:28px;
	color: gray;
	font-family: Myriad pro;	
}

h13 {
	font-size:18px;
	color: red;
	font-weight:bold;
	font-family: Myriad pro;	
}


img {
	border:0px solid white;
}
#container {
    width:1000px;
	margin:auto auto;
}
#top {
	height:80px;
	margin:auto auto;
	background-color:#ffffff;	
	text-align:center;
	background:url(/images/fra/header-fr.png) no-repeat #000000;	
}


#top_data {
	width: 980px;
	margin: auto auto;
	text-align:right;
}

#main_navi {
	background: url(/images/leiskat/v2/main_navi_fr2.jpg) top center no-repeat #d8001a;
	height:40px;
	text-align:center;
	background-color: #ffffff;
	font-size:24px;
	word-spacing: 1px;
	font-weight:bold;
	clear:both;
}

#link_list {
	padding-top:2px;
		
}

#link_list a {
	padding-top:5px;
	font-family: Myriad Pro;
	font-size:17px;
	color:#ffffff;
	display:inline;
	text-decoration:none;
}	

#link_list a:hover {
	color: #cccccc;
	text-decoration: none;
	}
	
#link_list_top a {
	padding-top:5px;
	text-decoration:none;
	color: #06c;
	font-size:12px;
}

#link_list_top {
	float: right;
	padding-top:0px;
	height: 80px;
	width:600px;
}

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



#sub_navi {
	background: url(/images/leiskat/v2-en/alanavi_en.gif) top center no-repeat;
	height:15px;
	text-align:center;
}

#sub_navi a {
	font-size:14px;
	color: #000000;
}
#main_table {
	width:980px;
	padding-top:15px;
	height:400px;
	text-align:left;
	
}

#left {
	width:240px;
	font-size:12px;
	vertical-align:top;
}

#left2 {
	width:240px;
	font-size:12px;
	vertical-align:top;
}

#main {
	font-size:12px;
	vertical-align:top;
}

.box {
	width:240px;
	margin-bottom:10px;
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial, sans-serif;
	background:url(/images/box_bg.png) repeat-y;
}

.box .header {
	background: url(/images/leiskat/v2-en/boxi_fr3.jpgj) no-repeat #dddddd;
	height:20px;
	font-family: Myriad pro;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

.box .footer {
	background: url(/images/box_bottom.png) no-repeat;
}

.box2 {
	width:240px;
	margin-bottom:10px;
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial, sans-serif;
	background:url(/images/box_bg2.jpg) repeat-y;
}

.main {
        width:730px;
        font-family: Lucida Sans Unicode, arial, sans-serif;
	    background-color:#FFFFFF;
}

.main .header {
        background: url(/images/leiskat/v2-en/main_box_en.jpg) no-repeat;
        padding-left:10px;
        color:#FFFFFF;
        font-weight:bold;
}

.main .footer {
        background: url(/images/box_bottom.png) no-repeat;
}


#data_area {
	width:1000px;
	min-height: 735px;
	margin:auto auto;
	background-color:#FFFFFF;
	text-align:left;
}

.hpDataHeader {
        width:150px;
}



.hpData {
	clear:both;
	font-size:11px;

}
.hpDataHeader {
        width:150px;
}

.hpDataInput input {
	border: 1px solid #666666;
}

.hpDataUnit {
	width:30px;
}

.hpNavi {
	width:730px;
	margin:auto auto;
	text-align:center;
}

.hpDate {
	display:block;
	text-align;center;
	margin-left: 3px;
	margin-right: 3px;
	display:inline;
	padding:3px;
	border:1px solid black;
	background-color: #CCCCCC;
}
.hpArrow {
	padding:3px;
	font-weight:bold;
	font-size:16px;
}

.hpCal {
	display:inline;
}

a {
	font-size:12px;
	font-family: Lucida Sans Unicode, verdana, arial, sans-serif;
	text-decoration:none;
	color: #06c;
}

a:hover {
	color: #147;
	text-decoration: underline;
	}

.hpVisibilityN {
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}


td {
	font-size:12px;
}


.login {
	font-size:11px;
}

a {
	font-size:12px;
	color: #06c;
}

.flag {
	padding:2px;
}


.treeniJulkaise {
	border: 1px dashed #333333;
	margin:3px;
}



.objectTextArea{
        vertical-align:top;
        width:350px;
}

.objectTitle {
        font-size:13px;
        font-weight:bold;
        padding-bottom:10px;
}

.objectDataArea {
        vertical-align:top;
        width:350px;
}


.addExercise {
	padding-top:20px;
}

input {
		font-family:Lucida Sans Unicode, verdana, arial, sans-serif;
		font-family: Lucida Sans Unicode, verdana, arial,sans-serif;
	  font-size:12px;
	}
	
select {
		font-family:Lucida Sans Unicode, verdana, arial, sans-serif;
	  font-size:12px;
	}

#viitekehys {
	width:auto px;
	font-family: Lucida Sans Unicode, verdana, arial,sans-serif;
	font-size:12px;
}


.activePage {
	font-weight:bold;
	border:1px dotted #999999;
	padding:1px;
	background-color:#EEEEEE;
}

#ala_palkki {
	background: #333333 no-repeat;
	background-position: top center;
	width:1000px;
	height:200px;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
}	

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

#link_list_ala ul li {
	float: left;
	white-space: nowrap;
	width: 210px;
	padding: 20px 0px 0px 90px;
	list-style-type: none;
}
	
#link_list_ala a {
	padding-top:5px;
	color:#FFFFFF;
	text-decoration:none;
}

#link_list_ala {
	padding-top:7px;
}


.search td {
	border-bottom:1px solid #999999;
}

.sivut {
	margin-top:10px;
}


#testObjects {
        border-bottom:1px solid #666666;
}

#testObjects .active {
        background-color:#333333;
        color:#FFFFFF;
}

#testObjects .active a {
        color:#FFFFFF;
}
#testObjects ul {   
        padding:0px;
}

#testobjects li {
        list-style-type:none;
        display:inline;
        padding-left:10px;
        padding-right:10px;
        border:1px dotted #666666;
        background-color:#EEEEEE;
}


#testData {
	width:100%;

}

#testData .titleName {
	width:150px;
	font-size:14px;
	font-weight:bold;
}

#testData .titleDate {
	width:150px;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

#testData .subtitle {
	font-size:12px;
	font-weight:bold;
	padding-top:20px;
}

#testData .subLine {
	border-bottom:1px solid #AAAAAA;
}

/*--Main Container--*/
.main_view {
	float: center;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:480px;	width: 980px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -10px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(http://blogi.innosport.fi/files/2011/05/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}