/* begin overall style */

body
{
	margin: 0;
	padding: 0;
	background: url(/gfx/bg.jpg) repeat-x white;
	color: #444;
	font: normal 9pt Arial,Helvetica,sans-serif;
}

img {	border: none; }


#wrapper
{
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

#subwrapper {
	width:100%;
	background-color: white;
	float:left;
	padding: 0px;	
	margin-top:10px;
	/*-moz-border-radius: 10px;*/
	}

#topnavi ul {
	float:right;
	margin:0;
	list-style:none;
	}
#topnavi ul li {
	float:left;
	padding-right:6px;
	margin: 3px;
	border-right:1px solid #6ec1d9;
	}
#topnavi a {
	color: white;
	}

#header
{
	margin: 0;
	padding: 0;
	height: 110px;
	width:100%;
	background: url(/gfx/header.jpg) no-repeat 100% 0px white;
	border-bottom: 5px solid #20a8ce;
}

#header h1 {
	float:left;
	margin:8px;
	padding:5px;
	color: #20a8ce;	
	font-size: 16px;
	}


#mainmenu {
	position: absolute;
	top: 59px;
}

#mainmenu ul {
	padding: 0;
	margin: 0;
	padding: 0.4em 0 0.3em 0;
}

#mainmenu ul li {
	display: inline;
}

#mainmenu ul li a {
	padding: 0.4em 0.4em;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#mainmenu ul li a:hover, #mainmenu ul li a.active {
	background: #E6F2FF;
	color: #6399cd;
}

#last-news {
	margin-top:20px;
	padding-top:10px;
	border-top: 1px solid #f0f0f0;
	}




/* START: Structural styles */

div.row {
	width:100%;
	float:left;
	}

div.col {
	float:left;
	margin: 10px;
	width: 430px;
	}
div.col-left {
	margin-left: 0px;
	}

div.col-menu { width: 170px; }
div.col-news {	width: 200px; }
div.col-content {
	}

.rounded {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	}
.rounded2 {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

div.bottom-hype {
	margin-top:20px;
	text-align:center;
	}

/* END: Structural styles */

#main { margin-top:5px;}

#img-logo {
	float:left;
	margin-left:10px;
	margin-top:10px;
	}

#avoinna {
	float:left;
	clear:both;
	margin:0px 0px 0px 15px;

	}

#fitness {
	padding-left:200px;
	width:235px;
	background: url(../gfx/movefitness.jpg) no-repeat;
	}

#dance {
	padding-left:200px;
	width:235px;
	background: url(../gfx/movedance.jpg) no-repeat;
	}


#welcome {
	padding:10px; 		
	width: 878px;
	height: 140px;
	margin-top:10px;
	margin-bottom:5px;
	border:1px solid #ccc;
	background: url(../gfx/bg_welcome.jpg) repeat-y right #fff;
	}
	
#freeride {
	float: right;
	width:215px;
	margin-left:20px;
	margin-top:5px;
	}
#freeride-in {
	width:150px;
	}
#freeride-in input[type=text], #freeride-in input[type=submit] {
	width: 100px;
	}

#content {
    width: 490px;
    padding: 0px;
	 padding-right:10px;
	 margin-right:5px;
	 margin-left:0px;
	 border-right: 1px solid #eee;
}

#sidecol {
	float:left;
	width: 180px;
	}

#move-events {
	width:400px;
	border-left: 1px solid #e0e0e0;
	padding-left:15px;
	}

#footer
{
	padding: 5px 0px 15px 0px;
	text-align: center;
	border-top: 1px solid #EEE;
	line-height:14px;	
}
#siteseq {
	float:right;
	}

/* START: Base styles */

h1 { margin:3px 0px 15px 0px;	font-size: 22px; }
h2 { margin:3px 0px 8px 0px; font-size: 18px; }
h3 { margin:3px 0px 8px 0px; font-size: 16px; }
h4 { margin:3px 0px 3px 0px; font-size: 12px;	}

ul {
	list-style: square outside none;
	}
li {
	/*font-weight: bold;*/
	line-height:150%;
	}

p.big {
	font-size: 24px;
	}

a {
	text-decoration:none;
	color: #20a8ce;
	}
a:hover {
	text-decoration:underline;
	}


a.big, a.big2 {
	display:block;
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
	}
a.big2 {
	font-size:24px;
	}

strong {
	font-weight: bold;
	}

th,td { text-align:left; vertical-align:top}

label.error { color:red; }
input.error { border: 1px solid red; }

.indent { padding-left:42px; }

/* END: Base styles */


/* START: Special styles */

#table-partners td {
	padding:8px 6px;
	text-align:center;
	vertical-align:middle;
	}

#menu-sub {
	margin-left: 10px;
	margin-right:10px;
	}
#menu-sub ul {
	margin:0;
	padding:0px;
	padding-left:0px;
	list-style: none;
	}
#menu-sub li {	
	margin-bottom: 1px;
	padding:3px 10px;
	width:170px;
	height:20px;
	background: url(/gfx/button_bg.jpg) no-repeat;
	color:white;
	}
#menu-sub li a { 
	color:white;
	font-weight:bold;
	}
#menu-sub li.rako {
	margin-bottom:10px;
	}
#menu-sub li.admin {	margin-top:10px; }
#menu-sub li.admin a {	color: yellow;	}

#div-freeride {
	padding:10px;
	margin-top:10px;
	background:url(/gfx/bg.jpg) 0px -250px repeat-x;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}

#welcome-in {
	margin-top:15px;
	padding:8px;
	padding-bottom:0px;
	background: url(../gfx/bg_ver.jpg) #fff repeat-x;
	border: 1px solid #d0d0d0;
	}
.shaded-ver {
	background: url(../gfx/bg_ver.jpg) #fff repeat-x;
	border: 1px solid #d0d0d0;
	}

.news-summary {
	margin-top:0px;
	padding:8px;
	padding-bottom:0px;
	background: url(/gfx/bg_sidecol.jpg) #2199bb repeat-x;
	color: white;
	}
.news-summary a {
	color: white;
	}

.partners {
	margin-top:15px;
	padding:8px;
	padding-bottom:15px;
	border: 1px solid #d0d0d0;
	}



#contact-pt {
	margin-top:15px;
	padding:8px;
	padding-bottom:0px;
	background: url(../gfx/bg_ver.jpg) #fff repeat-x;
	border: 1px solid #d0d0d0;
	}

div.main {
	padding-left: 195px;
	}

#fitness-main {
	height:230px;
	background: url(../gfx/movefitness.jpg) no-repeat;
}
#dance-main {
	height:240px;
	background: url(../gfx/movedance.jpg) no-repeat;
}
#events-main {
	background: url(../gfx/movecrew.jpg) no-repeat;
}
#dance-movecrew {
	padding-left:0px;
	padding-right:195px;
	background: url(../gfx/movecrew2.jpg) 100% 0% no-repeat;
}



#fitness-services {
	margin-top:25px;
	}
#fitness-services td {
	width: 150px;
	padding: 0px 5px 20px 10px;
	}

#fitness-ymmersta {
	border-top: 1px solid #f0f0f0;
	padding-top:15px;
	padding-bottom:15px;
	background: url(../gfx/ymmersta.jpg) 0 15px no-repeat;
	}
#fitness-grani {
	padding-top:15px;
	padding-bottom:15px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	background: url(../gfx/grani.jpg) 0 15px no-repeat;
	}
#fitness-pt {
	padding-left:215px;
	background: url(../gfx/villeteresa.jpg) no-repeat;
}

#start {
	height:200px;
	background: url(../gfx/temp4.jpg) no-repeat;
}

#dance-start {
	height:230px;
	background: url(../gfx/dance_start.jpg) no-repeat;
}

#events-start {
	height:230px;
	background: url(../gfx/events_start.jpg) no-repeat;
}



div.tmp-img1 { width:70px; height:60px; background:url(../gfx/temp1.jpg) no-repeat; }
div.tmp-img2 { width:70px; height:60px; background:url(../gfx/temp2.jpg) 80% 30% no-repeat; }
div.tmp-img3 { width:70px; height:60px; background:url(../gfx/temp3.jpg) 70% 25% no-repeat; }
div.tmp-img4 { width:70px; height:60px; background:url(../gfx/temp4.jpg) no-repeat; }
	

div.tmp-img {
	margin: 0px 10px 0px 0px;
	float:left;
	background-color: #eee;
	border:1px solid #444;
	vertical-align:middle;
	text-align:center;
	}

p.compact {
	margin:4px 0px 15px 0px;
	}

h2.lined {
	padding-bottom:3px;
	margin-bottom:6px;
	border-bottom: 1px solid #d0d0d0;
	}

table.collection-item-table { margin-bottom: 15px; margin-top:0px; width:100% } 
table.collection-item-table h3 { margin:0px; }
table.collection-item-table p { margin:0px; }
table.collection-item-table td { padding-right:10px; }
table.collection-item-table td.image { width:30px;  vertical-align:top; }
table.collection-item-table td.link { width:30px; padding:3px; vertical-align:middle;text-align:center }


/* end of overall style */

/* begin data grid style */
table.dataGrid
{
	background: white;
	border-collapse: collapse;
	width: 100%;
}

table.dataGrid th, table.dataGrid td
{
	font-size: 0.9em;
	border: 1px #bbb solid;
	padding: 0.3em;
}

table.dataGrid th
{
	background: #b4091d;
	color:white;
	text-align: center;
}

table.dataGrid th.label
{
	width: 150px;
}
table.dataGrid td { height:30px; }

table.dataGrid tr.odd
{
	background: #E6F2FF;
}
/* end of data grid style */

.actionBar
{
	margin: 10px;
}

div.item
{
	margin: 10px 0 0 0;
	border: 1px solid silver;
	padding: 5px;
}

/*a.news-summary-sidecol * { color: #444;	}*/
a.news-summary-sidecol *:hover { text-decoration:underline; }

a.news-summary-sidecol p { margin-top:3px; margin-bottom:15px	}

div.show { text-align:center; }

#table-main {
	width: 100%;
	margin-top:10px;
	}
#table-main td {
	width: 33%;
	}
#table-main a {
	color: inherit;
	}
#table-main a p:hover {
	text-decoration:underline;
	}


div.service {
	padding:5px 10px;
	border: 1px solid #eee;
	height: 105px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: url(/gfx/kuntosali.jpg) 0px 29px no-repeat;
	cursor:pointer;
	}
div.service:hover {
	background-color: #f7f7f7;
	}

div.service h2 {
	font-size: 15px;
	/*border-bottom: 1px solid #eee;*/
	}
div.service p {
	margin: 0px 0px 0px 105px;
	}

#aaa {
	margin-top:10px;
	text-align:center;
	border-top: 1px solid #eee;
	padding-top:10px;
	}
#setelit {
	margin-top:15px;
	}

div.card-info {
	background: url(/gfx/bg.jpg) 0px -350px repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	padding:10px;
	margin-top:10px;
	}

p.call-for-action {
	text-align: center;
	font-size: 20px;
	color: #20a8ce;
	color: black;
	}
p.call-for-action strong {
	color: black;
	}

#tinymce {
	background-image: none;
	}

table.admin-grid {
	border-collapse: collapse;
	}
table.admin-grid td {
	border:1px solid #eee;
	vertical-align:middle;
	}
table.admin-grid th {
	padding:2px 8px;
	vertical-align:middle;
	}
	
.round-box {
	border: 1px solid #eee;
	-moz-border-radius: 6px;
	-werbkit-border-radius: 6px;
	vertical-align:middle;
	}

a.to-calendar {
	display:block;
	background: url(/gfx/kalenteri.jpg) 0px 50% no-repeat;
	padding: 0px 0px 0px 80px;
	font-size: 15px;
	font-weight: bold;
	line-height:35px;
	}

#lukkari-header {
	padding:5px;
	}

input.publish-start { width: 70px; }
input.publish-end { width: 70px; }

#feedback input[type=text] { width: 300px; }
#feedback textarea { width: 300px; height: 250px; }


#feedback input[type=submit], #freeride-in input[type=submit] {
	padding: 5px 10px;
	color: #888;
	font-weight:bold;
	}

.required {
	color: red;}

#div-table-main {
	/*background-color:#ccc;*/
	}

img.select {
	margin:1px 10px;
	}