@charset "utf-8";
/*
	Restel Tapahtumaravintolat CSS style sheet
*/

body
{
	margin: 0;
	padding: 0;
	background: #020e32 url(../images/body_bg.gif) repeat-x left top;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

h1
{
	margin: 0 0 1em;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

h2
{
	margin: 0 0 1em;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

h3
{
	margin: 0 0 1em;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #074892;
}

a img
{
	border: none;
}

a,
a:link,
a:visited
{
	color: #324a8b;
	text-decoration: none;
}

a:hover,
a:active
{
	text-decoration: underline;
}





#outer_wrapper
{
	margin: 0;
	padding: 0;
	background: transparent url(../images/wrapper_bg.jpg) no-repeat center -19px;
	height: auto !important;
	min-height: 755px;
	height: 755px;
}

#wrapper
{
	padding: 0;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}


#head
{
	width: 1000px;
	height: 80px;
	padding: 0;
	margin: 0;
	
}

#head h1
{
	margin: 0;
	width: 160px;
	height: 39px;
	padding: 18px 0 0 35px;
	float: left;
	background: transparent url(../images/masthead.gif) no-repeat 35px 18px;
}

#head h1 a,
#head h1 a:link,
#head h1 a:visited,
#head h1 a:hover,
#head h1 a:active
{
	display: block;
	cursor: pointer;
	width: 160px;
	height: 39px;
	margin: 0;
	padding: 0;
}

#banner_top
{
	margin: 0;
	width: 557px;
	height: 63px;
	padding: 10px 0 0 33px;
	float: left;
	overflow: hidden;
}

#banner_top div
{
	margin: 0;
	padding: 0;
}

#head form
{
	margin: 0;
	padding: 14px 0 0 0; /* was 24px 0 0 0*/
	width: 205px;
	float: left;
	background: transparent url(../images/searchfield_bg.gif) no-repeat left 14px;
}

#head form input.textinput
{
	width: 115px;
	padding: 0;
	margin: 4px 19px 2px 37px;
	background: transparent;
	border: none;
	vertical-align: top;
	font-size: 11px;
	color: #9f9fa1;
}


#navbar
{
	width: 986px;
	height: 51px;
	padding-left: 7px;
	clear: left;
}

#navbar ul
{
	width: 986px;
	height: 32px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent url(../images/navi_sprites.gif) no-repeat left top;
}

#navbar ul li
{
	height: 32px;
	float: left;
	margin: 0;
	padding: 0;
}

#navbar ul li a,
#navbar ul li a:link,
#navbar ul li a:visited,
#navbar ul li a:hover,
#navbar ul li a:active
{
	display: inline-block;
	float: left;
	cursor: pointer;
	width: 108px;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background-color: transparent;
}


#navbar ul li#navitem_1,
#navbar ul li#navitem_1 a,
#navbar ul li#navitem_1 a:link,
#navbar ul li#navitem_1 a:visited
{
	width: 115px;
	background: transparent url(../images/navi_sprites.gif) no-repeat left top;
}

#navbar ul li#navitem_1 a.active,
#navbar ul li#navitem_1 a.active:link,
#navbar ul li#navitem_1 a.active:visited,
#navbar ul li#navitem_1 a:hover,
#navbar ul li#navitem_1 a:active
{
	background-position: left -32px;
}

#navbar ul li#navitem_2,
#navbar ul li#navitem_2 a,
#navbar ul li#navitem_2 a:link,
#navbar ul li#navitem_2 a:visited
{
	width: 122px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -115px top;
}

#navbar ul li#navitem_2 a.active,
#navbar ul li#navitem_2 a.active:link,
#navbar ul li#navitem_2 a.active:visited,
#navbar ul li#navitem_2 a:hover,
#navbar ul li#navitem_2 a:active
{
	background-position: -115px -32px;
}

#navbar ul li#navitem_3,
#navbar ul li#navitem_3 a,
#navbar ul li#navitem_3 a:link,
#navbar ul li#navitem_3 a:visited
{
	width: 86px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -237px top;
}

#navbar ul li#navitem_3 a.active,
#navbar ul li#navitem_3 a.active:link,
#navbar ul li#navitem_3 a.active:visited,
#navbar ul li#navitem_3 a:hover,
#navbar ul li#navitem_3 a:active
{
	background-position: -237px -32px;
}

#navbar ul li#navitem_4,
#navbar ul li#navitem_4 a,
#navbar ul li#navitem_4 a:link,
#navbar ul li#navitem_4 a:visited
{
	width: 132px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -323px top;
}

#navbar ul li#navitem_4 a.active,
#navbar ul li#navitem_4 a.active:link,
#navbar ul li#navitem_4 a.active:visited,
#navbar ul li#navitem_4 a:hover,
#navbar ul li#navitem_4 a:active
{
	background-position: -323px -32px;
}

#navbar ul li#navitem_5,
#navbar ul li#navitem_5 a,
#navbar ul li#navitem_5 a:link,
#navbar ul li#navitem_5 a:visited
{
	width: 142px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -455px top;
}

#navbar ul li#navitem_5 a.active,
#navbar ul li#navitem_5 a.active:link,
#navbar ul li#navitem_5 a.active:visited,
#navbar ul li#navitem_5 a:hover,
#navbar ul li#navitem_5 a:active
{
	background-position: -455px -32px;
}

#navbar ul li#navitem_6,
#navbar ul li#navitem_6 a,
#navbar ul li#navitem_6 a:link,
#navbar ul li#navitem_6 a:visited
{
	width: 235px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -597px top;
}

#navbar ul li#navitem_6 a.active,
#navbar ul li#navitem_6 a.active:link,
#navbar ul li#navitem_6 a.active:visited,
#navbar ul li#navitem_6 a:hover,
#navbar ul li#navitem_6 a:active
{
	background-position: -597px -32px;
}

#navbar ul li#navitem_7,
#navbar ul li#navitem_7 a,
#navbar ul li#navitem_7 a:link,
#navbar ul li#navitem_7 a:visited
{
	width: 90px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -832px top;
}

#navbar ul li#navitem_7 a.active,
#navbar ul li#navitem_7 a.active:link,
#navbar ul li#navitem_7 a.active:visited,
#navbar ul li#navitem_7 a:hover,
#navbar ul li#navitem_7 a:active
{
	background-position: -832px -32px;
}
#navbar ul li#navitem_8,
#navbar ul li#navitem_8 a,
#navbar ul li#navitem_8 a:link,
#navbar ul li#navitem_8 a:visited
{
	width: 64px;
	background: transparent url(../images/navi_sprites.gif) no-repeat right top;
}

#navbar ul li#navitem_8 a.active,
#navbar ul li#navitem_8 a.active:link,
#navbar ul li#navitem_8 a.active:visited,
#navbar ul li#navitem_8 a:hover,
#navbar ul li#navitem_8 a:active
{
	background-position: right -32px;
}





#body
{
	width: 992px;
	padding: 0 4px 4px;
	background-color: #fff;
	float: left;
	border-bottom: 3px solid #000;
}



#main_image_area
{
	width: 992px;
	height: 290px;
	background: transparent url(../images/calendar_bg.gif) no-repeat left top;
	padding-bottom: 4px;
	border-bottom: 3px solid #000;
}

#event_calendar_wrapper
{
	width: 257px;
/*	padding: 35px 0 0 23px;*/
	padding: 0 0 0 11px;
	float: left;
}

#calendarWrapper
{
	margin-left: 4px;
	width: 231px;
	height: 260px;
	background: transparent url(../images/calendar_box.gif) no-repeat left top;
	color: #fff;
}

#calendarWrapper h2
{
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 2px;
	text-align: center;
}

#calendarWrapper table
{
	margin: 4px;
	width: 223px;
	border-collapse: collapse;
}

#calendarWrapper td
{
	width: 31px;
	line-height: 25px;
	border: 1px solid #141414;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #4f4f4f;
}

#calendarWrapper td.weekday
{
	background: #141414 url(../images/calendar_weekday_bg.gif) repeat-x left top;
	font-weight: bold;
}

#calendarWrapper td.otherMonth
{
	background-color: #3e3e3e;
	color: #6e6e6e;
}

#calendarWrapper td.today
{
	color: #f00;
	font-weight: bold;
}

#calendarWrapper td.event
{
	background-color: #0e74b4;
}

#calendarWrapper td.month
{
	background-color: #272727;
	border: none;
	line-height: 1;
	padding-top: 9px;
	width: 100%;
}

#calendarWrapper td.month *
{
	margin: 0;
	padding: 0;
}

#calendarWrapper td.month a.btn_calprev,
#calendarWrapper td.month a.btn_calprev:link,
#calendarWrapper td.month a.btn_calprev:visited,
#calendarWrapper td.month a.btn_calprev:hover,
#calendarWrapper td.month a.btn_calprev:active,
#calendarWrapper td.month a.btn_calnext,
#calendarWrapper td.month a.btn_calnext:link,
#calendarWrapper td.month a.btn_calnext:visited,
#calendarWrapper td.month a.btn_calnext:hover,
#calendarWrapper td.month a.btn_calnext:active
{
	display: inline;
	cursor: pointer;
	width: 20px;
	height: 13px;
	float: left;
	background: transparent url(../images/cal_buttons.gif) no-repeat 5px top;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#calendarWrapper td.month a.btn_calnext,
#calendarWrapper td.month a.btn_calnext:link,
#calendarWrapper td.month a.btn_calnext:visited,
#calendarWrapper td.month a.btn_calnext:hover,
#calendarWrapper td.month a.btn_calnext:active
{
	background: transparent url(../images/cal_buttons.gif) no-repeat 2px -13px;
}

#calendarWrapper td.month span.monthname
{
	display: inline;
	float: left;
	width: 182px;
	height: 1%;
}





#calendarWrapper #calendar2 table
{
	margin: 4px auto 4px 7px;
	width: 223px;
	border-collapse: collapse;
}

#calendarWrapper #calendar2 td
{
	width: 26px;
	padding-right: 5px;
	line-height: 21px;
	border: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	text-align: right;
	background-color: transparent;
}

#calendarWrapper #calendar2 td.weekday
{
	background-color: transparent;
	background-image: none;
	font-weight: bold;
	color: #ccff00;
}

#calendarWrapper #calendar2 td.otherMonth
{
	background-color: transparent;
	color: #707070;
}

#calendarWrapper #calendar2 td.today
{
	color: #f00;
	font-weight: bold;
}

#calendarWrapper #calendar2 td.event
{
	background-color: transparent;
	color: #ccff00;
}

#calendarWrapper #calendar2 td.month
{
	background-color: transparent;
	border: none;
	line-height: 1;
	padding-top: 9px;
	width: 100%;
	text-align: center;
	padding-right: 0;
}

#calendarWrapper #calendar2 td.month *
{
	margin: 0;
	padding: 0;
}

#calendarWrapper #calendar2 td.month a.btn_calprev,
#calendarWrapper #calendar2 td.month a.btn_calprev:link,
#calendarWrapper #calendar2 td.month a.btn_calprev:visited,
#calendarWrapper #calendar2 td.month a.btn_calprev:hover,
#calendarWrapper #calendar2 td.month a.btn_calprev:active,
#calendarWrapper #calendar2 td.month a.btn_calnext,
#calendarWrapper #calendar2 td.month a.btn_calnext:link,
#calendarWrapper #calendar2 td.month a.btn_calnext:visited,
#calendarWrapper #calendar2 td.month a.btn_calnext:hover,
#calendarWrapper #calendar2 td.month a.btn_calnext:active
{
	display: inline;
	cursor: pointer;
	width: 20px;
	height: 13px;
	float: left;
	background: transparent url(../images/cal_buttons2.gif) no-repeat 10px top;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#calendarWrapper #calendar2 td.month a.btn_calnext,
#calendarWrapper #calendar2 td.month a.btn_calnext:link,
#calendarWrapper #calendar2 td.month a.btn_calnext:visited,
#calendarWrapper #calendar2 td.month a.btn_calnext:hover,
#calendarWrapper #calendar2 td.month a.btn_calnext:active
{
	background: transparent url(../images/cal_buttons2.gif) no-repeat 8px -13px;
}

#calendarWrapper #calendar2 td.month span.monthname
{
	display: inline;
	float: left;
	width: 172px;
	height: 1%;
	padding-left: 10px;
}
#calendarWrapper #calendar2 #calendar_eventbox_wrapper
{
	background: transparent url(../images/calendar_events_bg.gif) no-repeat top left;
	margin-top: 10px;
	width: 250px;
	height: 82px;
}
#calendarWrapper #calendar2 #calendar_eventbox
{
	padding: 10px 9px 10px 9px;
	color: #282828;
	line-height: 15px;
	overflow: auto;

	width: 232px;
	height: 62px;
}
/*#calendarWrapper #calendar2 #calendar_eventbox
{
	margin-top: 10px;
	color: #282828;
	line-height: 15px;
	width: 232px;
	height: 62px;
	padding: 10px 9px 10px 9px;
	overflow: auto;
	background: transparent url(../images/calendar_events_bg.gif) no-repeat top left;
}*/
#calendarWrapper #calendar2 #calendar_eventbox a
{
	color: #282828;
}







#calendarWrapper #calendar3 table
{
	margin: 4px auto 4px 7px;
	width: 223px;
	border-collapse: collapse;
	background: transparent url(../images/calendar-bg.png) no-repeat top left;
}

#calendarWrapper #calendar3 td
{
	width: 26px;
	padding-right: 5px;
	line-height: 21px;
	border: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	text-align: right;
	background-color: transparent;
}

#calendarWrapper #calendar3 td.weekday
{
	background-color: transparent;
	background-image: none;
	font-weight: bold;
	color: #ccff00;
}

#calendarWrapper #calendar3 td.otherMonth
{
	background-color: transparent;
	color: #707070;
}

#calendarWrapper #calendar3 td.today
{
	color: #f00;
	font-weight: bold;
}

#calendarWrapper #calendar3 td.event
{
	background-color: transparent;
	color: #ccff00;
}

#calendarWrapper #calendar3 td.month
{
	background-color: transparent;
	border: none;
	line-height: 1;
	padding-top: 9px;
	width: 100%;
	text-align: center;
	padding-right: 0;
}

#calendarWrapper #calendar3 td.month *
{
	margin: 0;
	padding: 0;
}

#calendarWrapper #calendar3 td.month a.btn_calprev,
#calendarWrapper #calendar3 td.month a.btn_calprev:link,
#calendarWrapper #calendar3 td.month a.btn_calprev:visited,
#calendarWrapper #calendar3 td.month a.btn_calprev:hover,
#calendarWrapper #calendar3 td.month a.btn_calprev:active,
#calendarWrapper #calendar3 td.month a.btn_calnext,
#calendarWrapper #calendar3 td.month a.btn_calnext:link,
#calendarWrapper #calendar3 td.month a.btn_calnext:visited,
#calendarWrapper #calendar3 td.month a.btn_calnext:hover,
#calendarWrapper #calendar3 td.month a.btn_calnext:active
{
	display: inline;
	cursor: pointer;
	width: 20px;
	height: 13px;
	float: left;
	background: transparent url(../images/cal_buttons2.gif) no-repeat 10px top;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#calendarWrapper #calendar3 td.month a.btn_calnext,
#calendarWrapper #calendar3 td.month a.btn_calnext:link,
#calendarWrapper #calendar3 td.month a.btn_calnext:visited,
#calendarWrapper #calendar3 td.month a.btn_calnext:hover,
#calendarWrapper #calendar3 td.month a.btn_calnext:active
{
	background: transparent url(../images/cal_buttons2.gif) no-repeat 8px -13px;
}

#calendarWrapper #calendar3 td.month span.monthname
{
	display: inline;
	float: left;
	width: 172px;
	height: 1%;
	padding-left: 10px;
}
#calendarWrapper #calendar3 #calendar_eventbox_wrapper
{
	background: transparent url(../images/calendar_events_bg.gif) no-repeat top left;
	margin-top: 10px;
	width: 250px;
	height: 82px;
}
#calendarWrapper #calendar3 #calendar_eventbox
{
	padding: 10px 9px 10px 9px;
	color: #282828;
	line-height: 15px;
	overflow: auto;

	width: 232px;
	height: 62px;
}
/*#calendarWrapper #calendar3 #calendar_eventbox
{
	margin-top: 10px;
	color: #282828;
	line-height: 15px;
	width: 232px;
	height: 62px;
	padding: 10px 9px 10px 9px;
	overflow: auto;
	background: transparent url(../images/calendar_events_bg.gif) no-repeat top left;
}*/
#calendarWrapper #calendar3 #calendar_eventbox a
{
	color: #282828;
}


.tooltip_text,
.tooltip_caption
{
	text-align: left;
	color: #fff;
}

#main_image
{
	width: 707px;
	height: 290px;
	background-color: #000;
	overflow: hidden;
	float: right;
}


#crumbs
{
	width: 830px;
	float: left;
	padding: 5px 0 5px 5px;
}

#crumbs a,
#crumbs a:link,
#crumbs a:visited
{
	color: #333;
	text-decoration: none;
}

#crumbs a:hover,
#crumbs a:active
{
	text-decoration: underline;
}

#sidebar
{
	width: 145px;
	float: right;
	text-align: right;
	padding-top:5px;
}

#sidebar p
{
	margin:0;
	padding:0;
}

#content
{
	width: 842px;
	float: left;
	clear: left;
	padding: 0 0 0 3px;
}

#subnavi
{
	width: 274px;
	float: left;
	background: #fff url(../images/subnavi_bg.gif) repeat-y bottom left;
	margin: 0 6px 20px 0;
}

#subnavi #location_logo
{
	width: 248px;
	text-align: center;
	padding: 14px 13px 14px 13px;
	background: #fff url(../images/subnavi_bg.gif) no-repeat top left;
}

#subnavi ul
{
	margin: 0 13px;
	width: 248px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: none;
}

#subnavi ul ul
{
	margin: 0 0 3px;
	padding: 0;
	border-top: none;
	border-bottom: none;
}

#subnavi li
{
	display: inline-block;
	margin: 0;
	padding: 0;
	border-left: none;
}

#subnavi li a,
#subnavi li a:link,
#subnavi li a:visited
{
	display: block;
	width: 190px;
	background: #f2f2f2 url(../images/subnavi_arrows.gif) no-repeat 15px 8px;
	margin-bottom: 3px;
	padding: 5px 20px 5px 38px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	border-top: 1px solid #d8d8d8;
}


#subnavi li a:hover,
#subnavi li a:active,
#subnavi li a.haschildrenactive,
#subnavi li a.haschildrenactive:link,
#subnavi li a.haschildrenactive:visited,
#subnavi li a.haschildrenactive:hover,
#subnavi li a.haschildrenactive:active,
#subnavi li a.active,
#subnavi li a.active:link,
#subnavi li a.active:visited,
#subnavi li a.active:hover,
#subnavi li a.active:active
{
	background: #f2f2f2 url(../images/subnavi_arrows.gif) no-repeat 15px -35px;
}

#subnavi li a.haschildrenactive,
#subnavi li a.haschildrenactive:link,
#subnavi li a.haschildrenactive:visited,
#subnavi li a.haschildrenactive:hover,
#subnavi li a.haschildrenactive:active
{
	margin-bottom: 0;
}

/*
#subnavi li a.haschildren,
#subnavi li a.haschildren:link,
#subnavi li a.haschildren:visited
{
	background: #2f98d8 url(../images/navi_arrow_right.gif) no-repeat 158px 7px;
	margin-bottom: 1px;
	padding: 3px 40px 3px 17px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

#subnavi li a.haschildren:hover,
#subnavi li a.haschildren:active
{
	background-color: #4bade9;
	color: #fff;
}



#subnavi li a.haschildrenactive,
#subnavi li a.haschildrenactive:link,
#subnavi li a.haschildrenactive:visited,
#subnavi li a.haschildrenactive:hover,
#subnavi li a.haschildrenactive:active,
#subnavi li a.active,
#subnavi li a.active:link,
#subnavi li a.active:visited,
#subnavi li a.active:hover,
#subnavi li a.active:active
{
	display: block;
	width: 129px;
	background: #fff url(../images/navi_arrow_down.gif) no-repeat 155px 8px;
	margin-bottom: 1px;
	padding: 3px 40px 3px 17px;
	color: #006aa8;
	text-decoration: none;
	font-weight: normal;
}

#subnavi li a.active,
#subnavi li a.active:link,
#subnavi li a.active:visited,
#subnavi li a.active:hover,
#subnavi li a.active:active
{
	background-color: #fff;
	color: #006aa8;
}
*/

#subnavi li li a,
#subnavi li li a:link,
#subnavi li li a:visited
{
	width: 180px;
	background-color: #f2f2f2;
	background-image: none;
	margin-bottom: 0;
	padding: 5px 20px 5px 48px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	border-top: none;
}

#subnavi li li a:hover,
#subnavi li li a:active,
#subnavi li li a.active,
#subnavi li li a.active:link,
#subnavi li li a.active:visited,
#subnavi li li a.active:hover,
#subnavi li li a.active:active
{	
	background-image: none;
	text-decoration: underline;
}

#subnavi li li li a,
#subnavi li li li a:link,
#subnavi li li li a:visited
{
	width: 170px;
	background-color: #f2f2f2;
	background-image: none;
	margin-bottom: 0;
	padding: 5px 20px 5px 58px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	border-top: none;
}

#subnavi li li li a:hover,
#subnavi li li li a:active,
#subnavi li li li a.active,
#subnavi li li li a.active:link,
#subnavi li li li a.active:visited,
#subnavi li li li a.active:hover,
#subnavi li li li a.active:active
{	
	background-image: none;
	text-decoration: underline;
}









#subnavi #location_info
{
	height: auto !important;
	min-height: 155px;
	height: 155px;
	background: transparent url(../images/subnavi_bottom.gif) no-repeat left bottom;
	width: 248px;
	padding: 13px 13px 20px 13px;
	font-size: 11px;
}

#subnavi #location_info a,
#subnavi #location_info a:link,
#subnavi #location_info a:visited
{
	text-decoration: none;
	color: #333;
}

#subnavi #location_info a:hover,
#subnavi #location_info a:active
{
	text-decoration: underline;
	color: #333;
}

#subnavi #location_info h1
{
	font-weight: normal;
}

#subnavi #location_info p
{
	margin: 0 0 1em;
	padding: 0;
}





#content_main_wrapper
{
	float: left;
	width: 562px;
}

#main_top
{
	float: left;
	width: 562px;
	height: 9px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url(../images/content_corners.gif) no-repeat left top;
}

#main_wrapper
{
	float: left;
	width: 536px;
	height: auto !important;
	min-height: 275px;
	height: 275px;
	margin: 0;
	padding: 4px 12px 10px;
	border: 1px solid #000;
	border-top: none;
	border-bottom: none;
}

* html #main_wrapper
{
	padding: 4px 10px 10px;
}

#main_bottom
{
	width: 562px;
	float: left;
	margin: 0 0 20px 0;
	padding: 14px 0 5px 0;
	background: transparent url(../images/content_corners.gif) no-repeat left -9px;
}

#main_bottom_left
{
	float: left;
	width: 283px;
	overflow: hidden;
}

#main_bottom_right
{
	float: left;
	width: 279px;
	overflow: hidden;
}



#content_foot
{
	clear: left;
	width: 842px;
	text-align: center;
}








#footer
{
	width: 970px;
	float: left;
	padding: 0 16px 0 14px;
	background: #fff url(../images/restel_logo.gif) no-repeat 13px 8px;
}

#footer #restelLink
{
	float: left;
	width: 60px;
	height: 33px;
}

#footer_content
{
	width: 680px;
	height: auto !important;
	min-height: 14px;
	height: 14px;
	line-height:20px;
	float: left;
	/*padding-left: 175px;*/
	padding: 8px 0 8px 80px;
	text-align: center;
}

#footer_content img
{
	vertical-align:middle;
}

#footer_content a
{
	float:right;
}
	
#footer_utils
{
	padding: 8px 0;
	width: 150px;
	float: right;
	text-align: right;
	line-height:20px;
}

#footer_utils a,
#footer_utils a:link,
#footer_utils a:visited,
#footer_utils a:hover,
#footer_utils a:active
{
	color: #333;
}








/* Page type: subhome */

#content_body_left
{
	width: 240px;
	float: left;
	border-right: 1px solid #000;
	padding-right: 10px;
}

#content_body_right
{
	display: inline;
	width: 240px;
	float: left;
	margin: 0 0 0 -1px;
	border-left: 1px solid #000;
	padding-left: 10px;
}








/* Content element: hilight */

div.hilight_wrapper
{
	width: 278px;
	height: 214px;
	background: transparent url(../images/hilight_bg.gif) no-repeat left top;
	padding: 0;
	margin: 0 0 5px;
}

div.hilight_wrapper div.hilight_image
{
	width: 278px;
	height: 135px;
	overflow: hidden;
}

div.hilight_wrapper div.hilight_text
{
	width: 265px;
	padding: 11px 0 0 13px;
	color:#FFFFFF;
}

div.hilight_wrapper div.hilight_text div.image
{
	width: 71px;
	float: right;
}

div.hilight_wrapper div.hilight_text div.title,
div.hilight_wrapper div.hilight_text div.body
{
	clear: left;
	width: 180px;
	float: left;
	color: #fff;
}

div.hilight_wrapper div.hilight_text div.title
{
	font-weight: bold;
}

div.hilight_wrapper div.hilight_text div.title a,
div.hilight_wrapper div.hilight_text div.title a:link,
div.hilight_wrapper div.hilight_text div.title a:visited
{
	color: #fff;
	text-decoration: none;
}

div.hilight_wrapper div.hilight_text div.title a:hover,
div.hilight_wrapper div.hilight_text div.title a:active
{
	color: #fff;
	text-decoration: underline;
}

div.hilight_wrapper div.hilight_text a,
div.hilight_wrapper div.hilight_text a:link,
div.hilight_wrapper div.hilight_text a:visited
{
	color: #fff;
	text-decoration: none;
}

div.hilight_wrapper div.hilight_text a:hover,
div.hilight_wrapper div.hilight_text a:active
{
	color: #fff;
	text-decoration: underline;
}





/* Layout: home */

#home #content
{
	height: auto !important;
	min-height: 500px;
	height: 500px;
}

#home #main_content
{
	width: 844px;
	border-collapse: collapse;
	margin: 5px 0 10px;
}

#home #main_content td
{
	width: 278px;
	overflow: hidden;
	vertical-align: top;
	padding: 0;
}

#home #main_content .col_a,
#home #main_content .col_b
{
	width: 283px;
}

#content_bottom *
{
	vertical-align: middle;
}

#kompassi_link {
	height:25px;
	float:left;
	margin:5px 0 0 0px;
}

#kompassi_link a,
#kompassi_link a:visited {
	outline:none;
}




/* Map styles */



#mapLayer
{
	width: 355px;
	position: absolute;
	z-index: 1000;
	display: none;
	background: #4fa9e0 url(../images/maplayer_bg.gif) repeat-x left top;
	border: 4px solid #075699;
	padding: 10px;
	text-align: left;
}


#mapLayer a,
#mapLayer a:link,
#mapLayer a:visited,
#mapLayer a:hover,
#mapLayer a:active
{
	display: block;
	float: right;
	padding-right: 17px;
	margin-bottom: 10px;
	background: transparent url(../images/btn_close_map.gif) no-repeat right top;
	cursor: pointer;
}


#mapView
{
	clear: right;
	width: 355px;
	height: 355px;
}

#mapView a,
#mapView a:link,
#mapView a:visited,
#mapView a:hover,
#mapView a:active
{
	display: inline;
	float: none;
	padding-right: 0;
	background-image: none;
}

a.maplink,
a.maplink:link,
a.maplink:visited,
a.maplink:hover,
a.maplink:active
{
	display: block;
	cursor: pointer;
	width: 102px;
	height: 21px;
	background: transparent url(../images/btn_sijainti_kartalla.gif) no-repeat left top;
	text-indent: -9999px;
}

.adressWrapper_preview
{
	display: none;
}









/* Reklanet form */

#reklanet_form th,
#reklanet_form td
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-weight: normal;
	border-bottom: 1px solid #e4eff3;
}

#reklanet_form th.bold
{
	color: #000;
	font-weight: bold;
	padding: 10px 5px;
	font-size: 12px;
}

#reklanet_form table
{
	border-collapse: collapse;
}

#reklanet_form #tmp1
{
	margin-bottom: 5px;
}

.hidden
{
	display: none;
}










/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

.u4-table-default
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-default-header
{
	background-color: #074892;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-default-header2,
.u4-table-default-even,
.u4-table-default-odd
{
	background-color: #f2f2f2;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px 5px;
}

.u4-table-default-odd
{
	background-color: #fff;
}




/* Table w/o header row */

.u4-table-noheader
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-noheader-header
{
	background-color: #f2f2f2;
	vertical-align: top;
	text-align: left;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-noheader-header2,
.u4-table-noheader-even,
.u4-table-noheader-odd
{
	background-color: #fff;
	vertical-align: top;
	text-align: left;	
	padding: 2px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-noheader-odd
{
	background-color: #f2f2f2;
}




/* UNSTYLED TABLE */

.u4-table-unstyled-header,
.u4-table-unstyled-header2,
.u4-table-unstyled-even,
.u4-table-unstyled-odd
{
	vertical-align: top;
	text-align: left;
}

/* TABLE CELL STYLES */

.u4-table-default-left
{
	text-align: left;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-unstyled-left
{
	text-align: left;
}

.u4-table-default-right
{
	text-align: right;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-unstyled-right
{
	text-align: right;
}

/*  bullet-listakohtien valeista ylimaaraiset marginaalit pois */

ul p.MsoNormal { margin-top:2px; margin-bottom: 2px; }
ul p { margin-top:2px; margin-bottom: 2px; }

.textInputTd, .selectInputTd, .senderInputTd{
    width : 183px;
}














.ir,
.ir:hover,
.ir:active
{
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

.clearer
{
	clear: both;
}








.eventlist1 .item {
	cursor: hand;
	display: block;
	clear: both;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	font-size: 12px;
	font-family: Arial;
	color: #fff;
	background: transparent url(/stc/tapahtumaravintolat/images/eventlist_item_bg.png) repeat top left;
	margin-bottom: 9px;
}
.eventlist1 .item:hover {
	text-decoration: none;
	background: transparent url(/stc/tapahtumaravintolat/images/eventlist_item_bg2.png) repeat top left;
}
.eventlist1 .item .img {
	float: left;
	width: 50px;
}
.eventlist1 .item .date {
	float: left;
	width: 40px;
	font-weight: bold;
}
.eventlist1 .item .title {
 	float: left;
 	width: 160px;
}