/****** BEGIN CSS RESET FOR CROSS-BROWSER COMPATIBILITY ******/
* { margin: 0; padding: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: baseline;
	text-transform: none;
}
body {
	color: black;
	background-color: #fff;
	font-size: 14px;
}
ol{
	list-style: none;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/******* END RESET STYLES *******/

.message { 
    width: 100%; 
    font-size: 14px; 
    border-bottom: solid 1px #c9b484; 
    border-top: 0px; 
    padding: 12px 0 12px 0; 
    color: #000; 
    background-color: #fff9d9; 
    text-align: center; 
} 

.highlight {
	color: #f27049;
}

#flashMsg {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 10;
	width: 100%;
}

/************************ ABOVE IS NOT REAL STYLE *********************/

/* common elements */
a:visited,a:active,a {
	text-decoration: underline;
	color: #003366;
}
a:hover{
	text-decoration: none;
}

a.upperLink{
/*	text-transform: uppercase; */
	font-size: 12px;
}
a.editlink{
	color: #660000;
	margin-right: 10px;
}

ul{
	list-style: none inside url("../img/disc.gif");
	margin: 0 0 18px 0;
}
li{
	font-size: 1em;
	margin-bottom: 4px;
}


/* main divs */
#page{
	float: left;
	padding-left: 20px;
	width: 930px;
}
#navi{
	width: 100%;
	margin-bottom: 16px;
	margin-top: 20px;
}
#content{
	width: 930px;
	height: 660px;
	margin-top: 8px;
	margin-bottom: 8px;
}
html>body #content
{
	height: auto;
	min-height: 500px;
}

#content_full{
	width: 930px;
	margin-top: 8px;
	margin-bottom: 8px;
	clear: both;
}

#content_left{
	width: 300px;
	height: 660px;
	float: left;
	margin-right: 9px;
	border-right: 1px solid #ccc;
}
html>body #content_left
{
	height: auto;
	min-height: 660px;
}
#content_middle{
	width: 300px;
	height: 660px;
	float: left;
	margin-right: 9px;
	border-right: 1px solid #ccc;
}
html>body #content_middle
{
	height: auto;
	min-height: 660px;
}
#content_right{
	width: 300px;
	height: 660px;
	float: left;
	margin-right: 9px;
}
html>body #content_right
{
	height: auto;
	min-height: 660px;
}

div.fulldivider{
	clear: both;
	border-bottom: 1px dotted #ccc;
}

#content_bottom_left{
	float: left;
	width: 300px;
	height: 300px;
	margin-right: 9px;
	padding-top: 10px;
	border-right: 1px solid #ccc;
}
html>body #content_bottom_left
{
	height: auto;
	min-height: 300px;
}
#content_bottom_middle{
	float: left;
	width: 300px;
	height: 300px;
	margin-right: 9px;
	padding-top: 10px;
	border-right: 1px solid #ccc;
}
html>body #content_bottom_left
{
	height: auto;
	min-height: 300px;
}
#content_bottom_right{
	float: left;
	width: 300px;
	height: 300px;
	margin-right: 9px;
	padding-top: 10px;
}
html>body #content_bottom_right
{
	height: auto;
	min-height: 300px;
}
#footer{
	width: 100%;
	border-top: 2px solid #000;
	margin-top: 8px;
	padding-top: 8px;
	margin-bottom: 40px;
	font-size: 12px;
	color: #333;
}

#traffic{
	width: 100%;
	clear: both;
}
div.col{
	float: left;
	width: 295px;
	padding-left: 9px;
}
div.col a.footerlink{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 8px;
	text-decoration: underline;
}

#content_wide{
	width: 600px;
	height: 500px;
	float: left;
	margin-right: 9px;
}
html>body #content_wide
{
	height: auto;
	min-height: 500px;
}
#content_half{
	width: 430px;
	height: 500px;
	float: left;
	padding: 10px 10px 10px 0;
	border-right: 1px solid #ccc;
}
html>body #content_half
{
	height: auto;
	min-height: 500px;
}

#content_half_2{
	width: 430px;
	height: 500px;
	float: left;
	padding: 10px 10px 10px 10px;
}
html>body #content_half_2
{
	height: auto;
	min-height: 500px;
}


.clear{
	clear: both;
	height:0px;
	line-height:0px;
	font-size: 0px;
}
.divider{
	clear: both;
	border-bottom: 1px dotted #ccc;
	margin: 9px 10px 9px 0;
}
.padder{
	clear: both;
	height: 10px;
	margin: 0 5px 0 5px;
}
.white{
	background-color: #fff;
}

/* otsikot */
h1 {
	font-size: 2em;
	line-height: 2.3em;
	font-weight: bold;
	color: #333333;
}
h1.h1_front{
	font-size: 1.4em;
	text-transform: uppercase;
	display: inline;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	margin-top: 4px;
	margin-bottom: 8px;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 8px;
}
h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 8px;
}
h5 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 8px;
}

/* inside navi */
#navi img.logo{
	float: left;
	border: 0px;
	padding-top: 14px;
}

div.navi-link-c{
	float: left;
	height: 28px;
	padding: 0 3px 0 3px;
	border-right: 1px #ccc solid;
	background-image: url("../img/navi_b_bg.gif");
}
div.selected{
	background-color: #eee;
	padding: 0;
	height: 28px;
	background-image: url("../img/navi_w_bg.gif");
}

#navi a:visited,#navi a:active,#navi a {
	font-size: 12px;
	margin: 0 8px 0 8px;
}

#navi a.navi:visited,#navi a.navi:active,#navi a.navi {
	font-family: Arial;
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 0 8px 0 8px;
	text-decoration: none;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#navi a.first{
	padding-left: 0px;
	margin-left: 0px;
}

#navi a.selected:visited,#navi a.selected:active,#navi a.selected {
	font-family: Arial;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 0 8px 0 8px;
	line-height: 28px;
	text-transform: uppercase;
}

#topright{
	float: right;
	width: 420px;
}
#topleft{
	margin: 0px;
	float: left;
	background-color: #000;
	color: #fff;
	width: 100%;
	height: 28px;
	background-image: url("../img/navi_b_bg.gif");
}
#topsearch{
	margin: 10px 0 0 0;
	float: right;
	width: 330px;
}
#login-info{
	float: right;
	margin-top: 6px;
	font-size: 12px;
}

#topsearch label{
	float: left;
	margin-right: 10px;
	font-weight: bold;
}
#topsearch input{
	float: left;
	width: 200px;
}
#topsearch input.searchbutton{
	width: 40px;
	height: 20px;
	font-size: 12px;
	margin-top: -1px;
}

/* inside content_bottom_right */
#content_bottom_right label, #content_right label{
	font-size: 0.8em;
	text-transform: uppercase;
	clear: both;
}
#content_bottom_right input, #content_right input{
	width: 200px;
	float: left;
	clear: both;
}
#content_bottom_right input.contbutton, #content_right input.contbutton{
	width: 50px;
}

/* inside footer */
#footer a {
	margin: 0 25px 0 0;
}
#footerlinks{
	float: left;
}
#footercopy{
	float: right;
}

p.ingress{
	font-size: 1.1em;
	margin-bottom: 10px;
}
hr{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* listauksia */
li.starli{
	clear: both;
}
span.listcontent{
	margin-left: 18px;
}
/* mainos */
div.adcontainer{
	background-color: #f7f1d7;
	margin: 10px;
	padding: 10px;
	border: 1px #ccc solid;
}

div.adcontainer-right{
	float: right;
	width: 550px;
	background-color: #f7f1d7;
	border: 1px #ccc solid;
	margin: 10px;
	padding: 10px;
}

div.errors{
	color: #ff3333;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px #f00 solid;
	font-weight: bold;
}
/* action that needs registering or logging */
div.mustRegister{
	border: 1px #e00 solid;
	background-color: #fdd;
	padding: 20px;
	font-weight: bold;
}
a.changeDivVisibility{
	margin: 10px 20px 0 0;
	font-size: 1.2em;
	text-decoration: underline;
}
a.notundis{
	text-decoration: none;
}
#logindiv{ 
	border: 1px #000 solid;
	width: 300px;
	padding: 20px;
}
#signupdiv{ 
	border: 1px #000 solid;
	width: 500px;
	padding: 20px;
}

#signupdiv label, #logindiv label{
	float: left;
	margin-right: 10px;
} 

#signupdiv input, #logindiv input{
	float: right;
	margin-right: 10px;
} 
#signupdiv input.leftis, #logindiv input.leftis, #signupdiv input.formbutton, #logindiv input.formbutton{
	float: left;
	margin-right: 10px;
} 

/* etusivu */
div.frontpagetopper{
	margin-bottom: 20px;
}
div.toprighter{
	float: right;
	vertical-align: top;
}
div.smalldatediv{
	padding-right: 10px;
}
/* etusivu pieni kalenteri */
#calsmall{
	width: 280px;
	overflow: hidden;
/*	background-color: #deedfc;
	border: 1px solid #ccc;*/
}
#calsmall h2{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	margin-left: 10px;
}
#calsmall td a{
	color: #9e0b0f;
	text-decoration: none;
	font-weight: bold;
}
#calsmall td a.curr{
	color: #fff;
}

#calsmall td a:hover{
	color: #9e0b0f;
	text-decoration: underline;
}

table.small_calendar_table  {
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px #ccc solid;
}

table.small_calendar_table  th {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding: 3px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

table.small_calendar_table td {
	width: 14%;
	font-size: 16px;
	padding: 3px;
	text-align: center;
	vertical-align: top;
}

table.small_calendar_table td.curr{
	background-color: #000;
	color: #fff;
}

#smalldetails{
	margin-top: 10px;
	margin-bottom: 10px;
}

span.sma_date{
	display: block;
	clear: both;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0;
}
span.sma_head{
	display: list-item;
	list-style: none inside url("../img/disc.gif");
	clear: both;
	text-transform: none;
	font-weight: normal;
}
span.sma_head a{
	font-weight: normal;
}
/* events/showlist */
div.narrow{
	width: 300px;
	margin-top: 60px;
	clear: left;
}
#calsmall h2.calHead{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	margin-left: 10px;
	float: left;
}
a.nLink:active, a.nLink:link, a.nLink:visited{
	font-size: 1.8em;
	font-weight: bold;
	float: right;
	color: #000;
	text-decoration: none;
}
a.nLink:hover{
	text-decoration: underline;
}
a.prevLink{
	margin-right: 10px;
	color: #ccc;
}
a.nextLink{
	margin-right: 20px;
	color: #ccc;
}

div.categories{
	float: left;
	padding: 0 0 10px 10px;
}
a.cat_selected{
	background: no-repeat url("../img/checked.gif");
	color: #000;
	text-decoration: none;
	padding-left: 22px;
}
a.cat_not_selected{
	background: no-repeat url("../img/not_checked.gif");
	color: #000;
	text-decoration: none;
	padding-left: 22px;
}


#cityDetails{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px;
	border: 1px solid #ccc;
}
h2.cityName{
	font-size: 1.6em;
	background-color: #474747;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 0 2px 10px;
}

span.listdate{
	margin: 2px 10px 0 0;
	font-size: 18px;
}

#details{
	margin-top: 10px;
	margin-bottom: 10px;
}

div.event_list_div {
	border: 1px solid #ccc;
	padding: 6px;
	margin-bottom: 6px;
}

span.detail_date{
	display: block;
	clear: both;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
span.detail_head{
	text-transform: none;
	font-weight: normal;
	font-size: 0.9em;
	display: block;
	margin-bottom: 8px;
}
span.detail_head_city{
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
	text-transform: uppercase;
}

span.detail_head a{
	font-weight: normal;
}

span.detail_head_2{
	font-size: 1em;
	display: block;
	margin-bottom: 4px;
}
span.detail_head_2 a{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
span.detail_description a{ /* lisaa tapahtumasta linkki */
	font-size: 1em;
	margin: 4px 0 4px 0;
	display: block;
}

span.detail_description{
	display: block;
	font-weight: normal;
	margin: 0;
	text-transform: none;
}

a.cityNotVis{
	background-color: #fff;
	color: #000;
	text-decoration: underline;
	padding: 2px 4px 2px 4px;
	margin-bottom: 8px;
	line-height: 25px;
}
a.cityVis{
	background-color: #ddd;
	color: #000;
	text-decoration: underline;
	padding: 2px 4px 2px 4px;
	margin-bottom: 8px;
	line-height: 25px;
}

div.bottom_links{
	clear: both;
	float: left;
	width: 100%;
	margin: 4px 0 4px 0;
}
div.bottom_links a{
	font-size: 0.8em;
	margin: 4px 12px 4px 0;
}

.categoryInListing{
	font-size: 11px;
}

/* events/view */
div._header h1{
	clear: none;
	float: left;
	padding-top: 10px;
	margin-right: 20px;
	line-height: 1.5em;
	margin-bottom: 15px;
}
h1.eventNameh1{
	width: 510px;
	display: inline;
}
img._headerimage{
	float: left;
	height: 60px;
	width: 90px;
}
div._header{
	width: 100%;
	clear: both;
}

div.event_outer_image_container{
	float: right;
	width: 300px;
	height: 300px;
	vertical-align: middle;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 10px;
}

div.event_image_container{
	display: table-cell;
	width: 300px;
	height: 300px;
	line-height: 300px;
	border: 1px solid #ccc;
	padding: 4px;
	vertical-align: middle;
}

img.inside_image{
/*	display: inline;
	margin-bottom: 15px;
	text-align: center;*/
	vertical-align: middle;
	max-width: 280px;
	max-height: 280px;
}

div.breadcrumbs{
	font-size: 0.9em;
	display: block;
	margin-bottom: 5px;
	color: #9e0b0f;
}
a.breadcrumb{
	margin-right: 5px;
	color: #9e0b0f;
}

p.description{
	width: 610px;
}

/* bottom start */
#content_left_event{
	width: 300px;
	height: 330px;
	float: left;
	margin-right: 9px;
	border-right: 1px solid #ccc;
}
html>body #content_left_event
{
	height: auto;
	min-height: 330px;
}
#content_middle_event{
	width: 300px;
	height: 330px;
	float: left;
	margin-right: 9px;
	border-right: 1px solid #ccc;
}
html>body #content_middle_event
{
	height: auto;
	min-height: 330px;
}
#content_right_event{
	width: 300px;
	height: 330px;
	float: left;
	margin-right: 9px;
}
html>body #content_right_event
{
	height: auto;
	min-height: 330px;
}
/* bottom end */


span.date{
	display: block;
	margin-bottom: 3px;
}
span.time{
	display: block;
	margin-bottom: 4px;
}
table.showTable{
	border: 1px solid #ccc;
	width: 400px;
}
table.showTable td{
	border: 1px solid #ccc;
	padding: 2px;
	text-align: center;
}
table.showTable td.head{
	font-weight: bold;
}
table.showTable td.whead{
	font-weight: bold;
	background-color: #ccc;
	color: #fff;
}

span.smaller_right{
	font-weight: normal;
	float: right;
}

.righter{
	float: right;
}

div.highlight{
	float: left;
	font-weight: bold;
	color: #000;
	margin-right: 10px;
}
div.trip{
	float: left;
}

ul.noitem{
	list-style-type: none;
	list-style-image: none;
}
ul.noitem li{
	clear: both;
}
div.hs{
	float: left;
	margin: -17px 0 0 15px;
}

div.wide_content{
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 10px;
}
div.wide_half_left{
	float: left;
	width: 50%;
}
div.wide_half_right{
	float: left;
	width: 50%;
}

a.upperlink{
	font-size: 12px;
/*	text-transform: uppercase;*/
	line-height: 16px;
}

div.star_wrapper_right{
	float: right;
	margin: 10px 10px 0 0;
}
a.smalllink{
	font-size: 1em;
}

/* review/view */

div.review_content{
	float: left;
	width: 455px;
}
div.star_content{
	float: left;
	width: 425px;
	margin: 10px 0 0 10px;
}

.boldis{
	font-weight: bold;
}
/* end */



/* decapricated start */
div.leftis{
	float: left;
	margin-right: 10px;
	width: 40%;
}

#map{
	width: 350px;
	height: 600px;
	margin-right: 40px;
	float: right;
	border: 1px #000 solid;
}

/* ext window starts */
#extInfoWindow_funkyBox{
  width: 100px;
}
#extInfoWindow_funkyBox_contents{
  background-color: #fff;
  padding-left: 10px;
  padding-top: 5px;
}

#extInfoWindow_funkyBox_tl, #extInfoWindow_funkyBox_t, #extInfoWindow_funkyBox_tr, #extInfoWindow_funkyBox_l, #extInfoWindow_funkyBox_r, #extInfoWindow_funkyBox_bl, #extInfoWindow_funkyBox_b, #extInfoWindow_funkyBox_br{
  width: 0px;
  height: 0px;
}
* html #extInfoWindow_funkyBox_tr{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/funkyBox_tr.png', sizingMethod='crop');
}
* html #extInfoWindow_funkyBox_bl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/funkyBox_bl.png', sizingMethod='crop');
}
* html #extInfoWindow_funkyBox_br{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/funkyBox_br.png', sizingMethod='crop');
}
* html #extInfoWindow_funkyBox_close{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icon_close.png', sizingMethod='crop');
}
#extInfoWindow_funkyBox_close{
  width: 15px;
  height: 20px;
  margin: 5px 0 0 -10px;
  background: url('../img/icon_close.png') top left no-repeat transparent;
  cursor: pointer;
}

* html #extInfoWindow_funkyBox_beak{
  background-image:none;
}
#extInfoWindow_funkyBox_beak{
	width: 100px;
	height: 20px;
}
/* ext window ends */
#search{
	float: left;
	width: 400px;
}
/* decapricated end */

/* form */

fieldset{
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 6px;
}

label{
	float: left;
	clear: both;
	margin-bottom: 4px;
}
input.form1{
	width: 450px;
	margin-bottom: 10px;
}
input.disabled{
	background-color: #ddd;
}

#content_half input.form1, #content_half_2 input.form1{
	width: 350px;
	margin-bottom: 10px;
}
select.form1{
	width: 450px;
	margin-bottom: 10px;
}
input.form2{
	float: left;
	width: 100px;
	margin-bottom: 10px;
}
/* date fields */

select.formshortdate{
	width: 40px;
}
select.formlongdate{
	width: 60px;
}

button{
	background-color:#fff;
	border: 1px solid #ccc;
	margin: 0 5px -2px 0;
}

img.btn{
	
}
/* events/add */

#pickcalendar{
	height: 230px;
	width: 460px;
	background: no-repeat url("../img/loading_grey.gif");
	background-position: center center;
}
#pickcalendar h2.calHead{
	text-transform: none;
	font-weight: bold;
	font-size: 16px;
	float: left;
}
table.add_calendar_table  {
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px #ccc solid;
}

table.add_calendar_table  th {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

table.add_calendar_table td {
	width: 14%;
	font-size: 16px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
td.lever1{
	width: 100px;
}
td.lever2{
	width: 100px;
}
td.lever3{
	width: 80px;
}
a.selectDate, a.selectDate:link, a.selectDate:active{
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	line-height: 28px;
}
a.selectDate:hover{
	padding: 3px;
	line-height: 28px;
}
span.noLink{
	padding: 3px;
	line-height: 28px;
	color: #ccc;
}
td.dummy a{
	color: #000;
}
td.curra, td.curra a{
	background-color: #ffcc00;
	color: #000;
}
table.add_calendar_table td.curr, table.add_calendar_table td.curr a{
	background-color: #ccc;
	color: #000;
}
/* events/addConfirm */

div.forward{
	float: left;
	clear: left;
	display: block;
	width: 250px;
	font-weight: bold;
	line-height: 20px;
}
div.forward2{
	float: left;
	display: block;
	width: 600px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 10px;
}
div.forward3{
	float: left;
	display: block;
	width: 400px;
	font-weight: normal;
	line-height: 20px;
}

/* discussion_areas */
p.create-item{
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 12px;
	margin-right: 10px;
}
div.intro{
	background-color: #f7f1d7;
	margin-right: 10px;
	padding: 10px;
	border: 1px #ccc solid;
}
div.plainbox{
	margin-top: 10px;
}
table.discussion{
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 8px;
}
table.discussion td, table.discussion_table td{
	padding: 8px 0 8px 0;
}
.topic{
	border-bottom: 1px #ccc solid;
}
.messages{
	border-bottom: 1px #ccc solid;
	text-align: center;
}
.newest{
	border-bottom: 1px #ccc solid;
}
.writer{
	border-bottom: 1px #ccc solid;
}

th.topic, th.messages, th.newest, th.writer{
	font-weight: bold;
	padding-bottom: 5px;
}
div.show-more{
	margin: 10px 0 10px 0;
}

table.discussion_table{
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 8px;
}
ul.pagination-nav{
	list-style-image: none;
	list-style-type: none;
}
ul.pagination-nav li{
	float: left;
}
ul.pagination-nav li.previous, ul.pagination-nav li.next{
	margin-right: 10px;
}
/* Discussions */
#discussion_container label{
	display: block;
}
#discussion_container select, #discussion_container input{
	float: left;
	display: block;
	clear: both;
}
#DiscussionDiscussionAreaId, #DiscussionSubject{
	width: 400px;
}
#discussion_container textarea{
	float: left;
	display: block;
	clear: both;
	width: 400px;
	height: 150px;
}
#discussion_container .button{
	float: left;
	clear: left;
	margin-top: 16px;
}
#discussion_container ul{
	list-style-image: none;
}
#discussion_container ul.parent{
	padding-bottom: 16px;
}
#discussion_container ul.child{
	padding-left: 8px;
}
#discussion_container li{
}
#discussion_container p{
	margin: 10px 0 10px 0;
	padding-left: 8px;
}
#discussion_container p.pubdate{
	border-bottom: 1px solid #ccc;
	padding: 0 0 4px 8px;
}
span.edit-message{
	margin-right: 10px;
	float: right;
}
p.edit-time{
	background-color: #ddd;
	padding: 8px 0 8px 6px;
}
/* users/view */
a.user-edit-link{
	float: right;
}
img.user-image{
	float: left;
}
span.grey{
	color: #666;
}
span.invite_status{
	font-size: 12px;
	text-decoration: underline;
	float: right;
}

/* users/edit */
#interestList h5{
	clear: both;
}
#interestList label{
	float: left;
	clear: right;
	width: 350px;
}
div.checkbox{
	float: left;
	clear: both;
}
div.checkbox input{
	display: inline;
	float: left;
	clear: none;
	margin: 3px 8px 0 0;
}
#UserGender{
	width: 350px;
}

/* events/search */
input.form-sh{
	clear: left;
	display: block;
	width: 250px;
}

/* reviews/rate */
#ReviewPrice{
	float: left;
	clear: left;
}
#ReviewHead{
	float: left;
	clear: both;
}
div.ratings{
	margin: 20px 0 20px 10px;
}

small{
	font-size: 10px;
}

/* next */

table.dateTable{
	width: 100%;
}
tr.showDiv{
	width: 100%;
}

span.showNumber{
	font-size: 12px;
	font-weight: bold;
	margin-right: 6px;
	line-height: 24px;
}
p.info{
	font-size: 1em;
	margin-bottom: 8px;
}
div.preview-image{
	padding: 10px;
}
div.preview-image-border{
	border: 1px solid #ccc;
	padding: 4px;
}
div.showDiv select{
	font-size: 10px;
	text-align: center;
}

select.daySelect, select.monthSelect, select.minuteSelect, select.hourSelect, input.minuteSelect{
	width: 40px;
	height: 20px;
}
select.yearSelect{
	width: 60px;
	height: 20px;
}

/* trips/add */
span.example{
	float: left;
	font-style: italic;
	font-size: 0.9em;
	margin: 2px 0 0 8px;
}

#TripFromCity{
	width: 150px;
}
#TripTripStarts, #TripTripEnds{
	width: 100px;
}

#trip_container #content_half label, #trip_container #content_half_2 label{
	width: 100%;
	clear: both;
}

#TripTripStatus1, #TripTripStatus2, #TripUserInviteStatus1, #TripUserInviteStatus2 {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
}

#radios fieldset{
	background-color: #f7f1d7;
	margin: 15px 10px 15px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px #ccc solid;
	width: 270px;
}
#radios fieldset legend{
	background-color: #fff;
	padding: 1px 5px 1px 5px;
	border: 1px #ccc solid;
}
#radios input.form1{
	width: 200px;
}
#radios div.text{
	float: left;
}
#radios div.submit{
	float: left;
	margin-top: 15px;
	margin-left: 8px;
}

#radios label{
	clear: none;
	float: left;
	width: 200px;
}

#button_container{
	margin-top: 100px;
	clear: both;	
}
input.tripbutton{
	clear: both;
}
/* trips/addConfirm */
#inviteDiv{
	border: 1px #ccc solid;
	padding: 6px;
}
#TripUserNamelist, #TripUserInvitation{
	display: inline;
	width: 300px;
}

/* places */
div.places{
	clear: both;
}

div.left_floater{
	float: left;
	margin-right: 10px;
}
div.place3{
	width: 40px;
}
div.place4{
	width: 180px;
}
div.place5{
	width: 100px;
}
div.dayDivider{
	font-weight: bold;
	clear: both;
}

.bottom_floater{
	float: left;
	margin-bottom: 10px;
}
input.form3{
	width: 40px;
}
input.form4{
	width: 180px;
}
input.form5{
	width: 100px;
}

label.shortLabel3{
	float: left;
	clear: none;
	width: 40px;
}
label.shortLabel4{
	float: left;
	clear: none;
	width: 180px;
}
label.shortLabel5{
	float: left;
	clear: none;
	width: 100px;
}
/* end of trips/add */

/* trips/view */

/* questions/ask */
#QuestionQuestion{
	display: inline;
	clear: left;
	float: left;
	width: 400px;
	height: 150px;
}

/* pages display kayttoehdot, rekseloste, jne... */

#doc #toc {
	font-size: 1.2em;  
	border-bottom: 1px solid #C4C4C4;
	margin-bottom: 1.2em;      
}

#doc #toc ol {
	margin-bottom: 1.2em;   	
	margin-left: 34px;    
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;    
	font-size: inherit;    
}    

#doc #toc ol li {   
	margin-top: 0.2em; 
	margin-bottom: 0.2em;
	margin-left: 0;  
	padding-left: 0;
	font-size: inherit;   		    
} 

#doc{
	padding-left: 10px;
}
#doc h3 {
	color: #000;
}
#ohead h1 {
	color: #000;
}
a.pagetoplink{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
#doc p{
	margin-top: 10px;
	margin-bottom: 10px;
}
/* end of pages display */

textarea.formarea{
	width: 450px;
	height: 200px;
	display: block;
	margin-top: 20px;
}

#content_half textarea.formarea{
	width: 350px;
	height: 200px;
	display: block;
	margin-top: 20px;
}


input.formbutton{
/*	color: #000;
	background-color: #ccc;
	font-weight: bold;
	border: 0;
	width: 150px;
	height: 30px;*/
}

input.hiddenbutton{
	color: #9E0B0F;
	background-color: #fff;
	font-weight: normal;
	border: 0;
	width: 170px;
	height: 20px;
	text-decoration: underline;
}

a.greybiglink{
	float: left;
	color: #000;
	background-color: #ccc;
	font-weight: bold;
	border: 0;
	width: 180px;
	height: 20px;
	padding: 5px 0 5px 20px;
	margin-top: 20px;
	text-decoration: none;
}

a.pick{
	float: right;
	margin-right: 120px;
	text-decoration: underline;
	color: #3333ff;
}
/* mail/tellafriend */
#FeedbackEmail, #FeedbackMessage, #FeedbackSubject{
	float: left;
	clear: both;
	width: 450px;
}
#FeedbackTarkistus{
	float: left;
	clear: both;
	width: 100px;
}

/* authentication/login */

#login-container label{
	float: left;
	clear: both;
	margin-top: 10px;
}

#login-container input{
	float: left;
	clear: both;
}

#login-container div.submit{
	float: left;
	clear: both;
	margin-top: 10px;
}

/* signups/signup */

#UserAcceptRules{
	float: left;
	clear: none;
}
#UserAllowMailing{
	float: left;
	clear: none;
}
#content_half_2 label{
	clear: none;
	margin-top: 0px;
}
fieldset.widefieldset{
	width: 370px;
}

/* jotain */

div#elftis{
	float: left;
	margin: 0 0 10px 0;
}
#elftis a{
	font-size: 12px;
}
span.inside{
}

a.marg{
	margin-right: 3px;
}

div.event_rightis{
	float: right;
	margin-bottom: 10px;
}

/* global footer fix */
#global_footer .gf_inner .gf_col ul li{
	width: 280px;
}

/* form fixes */

#ReviewContent, #ReviewImage{
	clear: both;
	width: 350px;
}

div.editbox{
	border: 1px solid #ccc;
	padding: 8px;
	background: #eee;
}

div.headOne{
	float: left; margin-top: 10px;
}
div.headTwo{
	float: left; margin-left: 10px;
}

/* iltasanomat top */

#hdr_container {
	width:100%;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
#hdr {
	width:990px;
/*	margin:10px auto;*/
	margin: 0 0 5px 20px;
	padding: 0;
	text-align: left;
}
a.blacktop{
	color: #000;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica;
}
#suurtaulut{
	float: left;
	width: 160px;
	margin-top: 50px;
}