table
{
    border-collapse: collapse; 
}

table td, table th
{
    padding: 0; 
}


.centered { 
	text-align:center !important; 
}

/*  TOOLTIP  */

div.tooltip{ display:none; position:absolute; margin:0px 0px 0px 0px; background-color:#efefc5; border:1px solid #000; width:auto; height:auto; padding:2px; color:#000; }

div.helptip{
	display:none;
	background:#c6d8e5;
	color:#000;
	padding:7px;
	position:absolute;
	margin-top:30px;
	font-size:11px;
	}
	.helpTipBottom{ width:200px; }
	.helpTipRight{ width:110px; margin:15px 0px 0px 0px !important; }

		div.helpTipArrow{
		background-image:url(img/bg_helptip.png);
		background-repeat:no-repeat;
		position:absolute;
		width:17px;
		height:17px;
		}
		.tipArrowBottom{ background-position:0px 0px; margin-top:-22px; }
		.tipArrowLeft{ background-position:0px -17px; margin:-5px 0px 0px -22px !important; }

/* GENERAL */

body { margin:5px 7px 5px 7px; padding:0; background-color:#618192; font-family:arial, helvetica, sans-serif; }
	.wBg{ background-color:#fff !important; }

img{ border:0; margin:0; padding:0; }
img.logo_varaavuoro{ margin:20px 0px 0px 10px; }

br{ clear:both; }

td.right{ text-align:right !important; }

p{ margin:5px 0px 0px 0px; font-size:11px; line-height:150%; text-align:left; }
	.white{ color:#ffffff; }
	.footerTxt{ color:#ffffff; line-height:120%; float:left; margin-top:25px; margin-left:30px; text-align:center !important; width:90%; }

input, select, textarea{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#fbfbfb;
	background-image:url(img/bg_input_shadow.gif);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #a8cae3;
	padding:2px;
	margin:auto;
}

input:focus, select:focus, textarea:focus { color:#000; border:1px solid #000 !important; }


a.basic{ color:#0072bc; font-weight:bold; text-decoration:none; }
		a:hover.basic, a:hover.header{ text-decoration:underline; }

a.header{ font-weight:normal; color:#ffffff; text-decoration:none; }


h1, h1.error{
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	height:20px;
	color:#073e57;
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
	text-align:left;
	margin:0px 0px 10px 0px;
}
	.login { margin:0px 0px 10px 0px; padding:0; }
	.navPrev{ background-image:url(img/icon_previous.gif); }
	.newsIcon{ background-image:url(img/icon_attention.gif); }

h1.error{
	font-size:18px;
	height:88px;
	color:#000000;
	background-repeat:no-repeat;
	padding:15px 0px 0px 90px;
	background-image:url(img/icon_error.gif);
	background-position:10px 10px;
}

	h1 span{ font-size:11px; font-weight:normal; }
	h1 a{ color:#0072bc; }

h1 a:hover{ 	text-decoration:none; }

table td, table th { padding:0; vertical-align: top; }

h2{ font-family:arial, helvetica, sans-serif; font-size:13px; color:#618192; margin:20px 0px 0px 0px; }

table.parent_container{ margin:auto; min-width:980px; }


.fullWidth{ width:100% !important; min-width:100% !important; }


/* ERROR */
div.message{
	margin:10px 0px 10px 0px;
	padding:15px 15px 15px 65px;
	background-repeat:no-repeat;
	background-position:10px center;
}


.error{
	border:2px solid #ed1c24;
	background-image:url(img/icon_error_big.gif);
}





/* RESERVATION */
table.book td{ padding:5px !important; vertical-align:middle !important; font-size:12px; color:#000000; font-family:arial, helvetica, sans-serif; }

div.reservationConfirm{ padding:10px; }
div.reservationConfirm h2{ font-size:16px !important; margin:0px !important; color:#000 !important; }
div.reservationConfirm p{ font-size:13px !important; color:#000; line-height:140% !important; margin-bottom:15px; }



/* MAIN AREA HEADER + FOOTER */



div.main_header_container{
	height:25px;
	overflow:hidden;
	background-image:url(img/bg_main_header_center.gif);
	background-repeat:repeat-x;
}

div.main_header_left{
	height:25px;
	background-image:url(img/bg_main_header_left.gif);
	background-repeat:no-repeat;
	background-position:left;
}

div.main_header_right{
	float:right;
	width:25px;
	height:25px;
	overflow:hidden;
	background-image:url(img/bg_main_header_right.gif);
	background-repeat:no-repeat;
	background-position:center;
}

div.main_footer_container{
	height:25px;
	overflow:hidden;
	background-image:url(img/bg_main_footer_center.gif);
	background-repeat:repeat-x;
}

div.main_footer_left{
	height:25px;
	background-image:url(img/bg_main_footer_left.gif);
	background-repeat:no-repeat;
	background-position:left;
}

div.main_footer_right{
	float:right;
	width:25px;
	height:25px;
	overflow:hidden;
	background-image:url(img/bg_main_footer_right.gif);
	background-repeat:no-repeat;
	background-position:center;
}

/* FOOTER */

div.footer{ height:64px; overflow:hidden; background-image:url(img/sprite_footer.png); }

	.fContainer{ background-position:0px 0px; background-repeat:repeat-x; }
	.fLeft{ background-position:0px -64px; background-repeat:no-repeat; }
	.fRight{ background-position:-10px -128px; background-repeat:no-repeat; width:25px; float:right; }


/* HEADER */

td.customer_info{
	padding:0px 0px 0px 10px;
	vertical-align:top;
}

td.customer_info p{
	line-height:120% !important;
}

#customer_logo_bg{
	background: transparent url(img/logo_bg.png) no-repeat;
	float: left;
	height: 122px;
	padding: 16px 0 0 20px;
	width: 200px;
	}

div.header_container{
	height:122px;
	overflow:hidden;
	background-color:#fff;
	background-image:url(img/bg_header.gif);
	background-repeat:repeat-x;
	/*
	min-width:980px;
	*/
}

div.header_content{
	float:left;
	margin:0px 20px 0px 0px;
	padding:15px 0px 0px 0px;
}

div.header_clock{
	height:122px;
	width:120px;
	overflow:hidden;
	float:right;
	padding:0px 10px 0px 0px;
	margin:0px;
	background-image:url(img/bg_header_right.gif);
	background-repeat:no-repeat;
	background-position:right;
}

div.header_clock div{
	padding:20px 20px 0px 0px;
	font-size:10px;
	text-align:center;
}


/* ROUND CORNERS */

div.roundedBasic{ height:5px; background-image:url(img/sprite_roundcorners.png); }
	.centerTopRound{ background-position:0px -5px; background-repeat:repeat-x; }
	.leftTopRound{ width:5px; background-position:0px 0px; background-repeat:no-repeat; }
	.rightTopRound{ width:5px; float:right; background-position:0px -10px; background-repeat:no-repeat; }

	.centerBottomRound{ background-position:0px -20px; background-repeat:repeat-x; }
	.leftBottomRound{ width:5px; background-position:0px -15px; background-repeat:no-repeat; }
	.rightBottomRound{ width:5px; float:right; background-position:0px -25px; background-repeat:no-repeat; }



div.rounded_content_container{
	border-left:1px solid #a8cae3;
	border-right:1px solid #a8cae3;
	padding:5px 10px 5px 10px;
	text-align:center;
}


/* MIDDLE CONTENT ROUND CORNERS */

div.contentHolder{
	margin:0px auto;
	min-width:920px;
}

td.contentcell{
	background-color:#fff;
}

td.round_corner{
	padding:0;
	width:25px;
	height:25px;
	font-size:1px;
	background-repeat:no-repeat;
	background-image:url(img/sprite_bg_round.gif) !important;
}
	.topLeft{ background-position:0px 0px; }
	.topRight{ background-position:0px -50px; }
	.bottomLeft{ background-position:0px -25px; }
	.bottomRight{ background-position:0px -75px; }

td.round_center{
	padding:0;
	height:25px;
	background-repeat:repeat-x;
	font-size:1px;
	background-image:url(img/sprite_bg_center.gif);
}

.topBG{ background-position:0px 0px; }
.bottomBG{ background-position:0px -25px; }

td.maintable_side{
	width:25px;
	background-image:url(img/sprite_bg_main.gif);
	background-repeat:repeat-y;
}

.leftSide{
	background-position:0px 0px;
}

.rightSide{
	background-position:-25px 0px;
}


/* TABS */
table.tabs{
	margin:0px 0px 0px 0px;
}

.empty{
	padding:0px !important;
	margin:0px !important;
	text-align:left !important;
}

.paddingBottom{ padding-bottom:10px !important; }

table.tabs td{
	vertical-align:middle !important;
}

table.tabs td.tab{
	background-color:#73b7dc;
	font-family:arial, helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	padding:0px 7px 0px 7px;
}

.gray{
	background-color:none !important;
	background-image:url(img/bg_tab_gray.gif) !important;
	background-repeat:repeat-x;
	background-position:bottom;
	font-weight:normal !important;
}

.selected_left, .selected_right, .gray_left, .gray_right{
	width:5px;
	height:23px;
	background-image:url(img/sprite_tabs.png);
	font-size:1px;
	padding:0px !important;
}

	.selected_left{ background-position:0px 0px !important; }
	.selected_right{ background-position:0px -23px !important; }
	.gray_left{ background-position:0px -46px !important; }
	.gray_right{ background-position:0px -69px !important; }




/* MAIN AREA */
div.main_container{
	background-color:none;
}

div.main_left{
	background-image:url(img/bg_main_left.gif);
	background-repeat:repeat-y;
	background-position:left;
	width:25px;
}

div.main_right{
	float:right;
	width:25px;
	background-image:url(img/bg_main_header_right.gif);
	background-repeat:repeat-y;
	background-position:right;
}



/* INFO AREA */
div.info_area_main{
	margin:0px auto;
}

div.padds{
	padding:10px 0px 20px 0px;
}

div.info_area_container{
	float:left;
	margin:0px auto;
}

div.lanesymbol_hall{
	width:32px;
	height:15px;
	overflow:hidden;
	margin-top:0px;
	background-repeat:no-repeat;
	background-image:url(img/sprite_lanesymbols_hall.png);
}

	.symbolReservedHall{ background-position:0px 0px; }
	.symbolReservedHallPaid{ background-position:0px -15px; }
	.symbolFreeHall{ background-position:0px -30px; }
	.symbolFreeGlow{ background-position:0px -45px; }
	.symbolReservedHallExtra{ background-position:0px -60px; }
	.symbolUnavailableHall{ background-position:0px -75px; }
	.symbolConstantHall{ background-position:0px -90px; }
	.symbolCompetitionHall{ background-position:0px -105px; }
	.symbolNotConfirmedHall{ background-position:0px -120px; }
	.symbolOfflineHall{ background-position:0px -135px; }
	.symbolReservedHallBumpers{ background-position:0px -150px; }


div.hallSymbol{ margin:10px 0px 0px 0px; cursor:arrow !important; height:18px; width:auto; background-image:url(img/sprite_online.png); background-repeat:no-repeat; float:left; padding:0px 20px 0px 20px; font-size:11px; font-weight:bold; line-height:18px; }
	.onlineAvailable{ background-position:0px 0px; }
	.onlineUnavailable{ background-position:0px -18px; }
	.admin{ background-position:0px -36px; float:right !important; }
	.logOut{ background-position:0px -72px; float:right !important; }
	.showFullDay{ background-position:0px -54px; float:right !important; }
	.noSymbol{ background:none !important; float:right !important; }







img.logoSmall{ float:left; margin:0px 10px 0px 0px; }



/* MONTH CALENDAR */

div.hallClock{ float:right; font-size:11px; text-align:center; }

table.monthCalendars{
	width:100%;
}

.mcLink{
	font-size:11px;
	font-weight:bold; white-space:nowrap;
}

.mcSelectedDay{
	font-size:14px; font-weight:bold;
}


div.month_calendar_container{
	float:left;
	width:380px;
	margin:0px 20px 0px 0px;
}

div.month_calendar{
	margin:10px 0px 10px 0px;
	clear:both;
}

p.time_today{
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0px 0px 15px 0px;
	line-height:150%;
}

/* MAIN CALENDAR */

.fixedTable { table-layout:fixed; width:100%; }
.fixedTable td{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



table.timetable{
	clear:both;
	margin:0px 0px 0px 0px;
	background-color:none;
}

.handCursor td{
	cursor:pointer;
	cursor:hand;
}

table.timetable td{
	padding:5px 5px 5px 5px;
	font-family:arial, helvetica, sans-serif;
	border-collapse:collapse;
	vertical-align:middle !important;
}

table.timetable td.table_header{
	padding:7px 0px 7px 0px !important;
	background-color:#000000;
	font-size:11px;
	color:#ffffff;
	text-align:center;
	background-image:url(img/bg_lane_header.gif);
	background-repeat:repeat-x;
	background-position:center;
	border-bottom:3px solid #ffffff;
}


/* TABLE HEADERS  */

td.info{
	font-size:11px !important;
	text-align:left !important;
	vertical-align:top !important;
	padding:4px 4px 2px 4px !important;
}

.border_top{
	border-top:3px solid #ffffff !important;
	border-bottom:0 !important;
}

td.time_header, td.time_header2{
	width:40px;
	height:30px;
	text-align:center;
	background-color:#71b6dc;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	border-bottom:3px solid #ffffff;
	background-image:url(img/bg_lane_header.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

	.highLight{ background-color:#5b5b5b !important; background-image:none !important; color:#fff !important; }

td.time_header2{
	text-align:center;
}

td.lane_header{
	height:30px;
	text-align:center;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	border-bottom:3px solid #ffffff;
	background-color:#71b6dc;
	background-image:url(img/bg_lane_header.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
	.darkBlue{ background-color:#134e69 !important; background-image:none !important; }
	.darkGreen{ background-color:#356913 !important; background-image:none !important; }



td.time_full_hour, td.time_full_hour2{
	background-color:#d9d9d9;
	font-weight:normal;
	font-size:11px;
	color:#000000;
	text-align:center;
	border-bottom:1px solid #cbcbcb;
	border-right:1px solid #7c7c7c;
}

td.time_full_hour2{
	border-right:none !important;
	border-left:none !important;
}

td.time_half_hour, td.time_half_hour2{
	text-align:center;
	background-color:#f0f0f0;
	font-weight:normal;
	font-size:11px;
	color:#676767;
	border-right:1px solid #7c7c7c;
}

td.time_half_hour2{
	border-right:none !important;
	border-left:none !important;
}






/*
CALENDAR
TABLE CELLS FREE
*/


.no_border{
	border-bottom:0 !important;
}

#timeTable .ui-selected {
	background: #6d881b;
	color: white;
}
#timeTable .ui-selecting {
	background: #6d881b;
	color: white;
}

td.free{
	background-color:#bad532;
	border-bottom:1px solid #91a71d;
	border-right:1px solid #9ab223;
	text-align:center;
	background-image:url(img/bg_calendar_free.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:11px;
	cursor:pointer;
	cursor:hand;
}

.freeDarkGreen{ background-image:url(img/bg_calendar_free_darkgreen.gif) !important; background-color:#7eb000 !important; }
.freeDarkerGreen{ background-image:url(img/bg_calendar_free_darkergreen.gif) !important; background-color:#539600 !important; }
	.freeDarkerGreen a{ color:#7eb000 !important; }



.offline{
	background-color:#eaf5af !important;
	background-image:none !important;
	color:#bad532;
	border-right:1px solid #bccb70 !important;
	cursor:default !important;
}

	table.fixedTable td.offline{ cursor:hand !important; cursor:pointer !important; }

.glow{
	background-color:#f6ff00 !important;
	background-image:url(img/bg_calendar_glow.gif) !important;
}

td:hover.free{
	background-color:#cfec39 !important;
	background-image:none !important;
}



td.free a{
	display:block;
	color:#505c12;
	text-decoration:none;
}

td.free a:hover{
	text-decoration:underline;
}

/*
CALENDAR
TABLE CELLS RESERVED, UNAVAILABLE, COMPETITION, CONSTANT
*/

td.reserved{
	background-color:#a52f2f;
	border-bottom:1px solid #791717;
	border-right:1px solid #791717;
	font-size:11px;
	color:#ffffff;
	text-align:center;
	background-image:url(img/bg_reserved.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

	table.fixedTable td.reserved{ cursor:hand !important; cursor:pointer !important; }

.paid{
	background-color:#4c0a0a !important;
	background-image:url(img/bg_reserved_paid.gif) !important;
	background-repeat:repeat !important;
}

.paid a{
	color:#fff !important;
}

:hover.paid { background-color:#000 !important; }


td.reserved a{
	display:block;
	color:#ffffff;
	text-decoration:none;
}

td.reserved a:hover{
	color:#f5f5f5;
	text-decoration:underline;
}

td:hover.reserved, td:hover.reserved .paid{
	background-color:#851a1a;
	background-image:none;
}

td.not_confirmed{
	background-color:#cacaca;
	border-bottom:1px solid #888888;
	border-right:1px solid #888888;
	font-size:11px;
	color:#555555;
	text-align:center;
	background-image:url(img/bg_not_confirmed.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	cursor:pointer;
	cursor:hand;
}

td.not_confirmed a{
	display:block;
	color:#000000;
	text-decoration:none;
}

td.not_confirmed a:hover{
	text-decoration:underline;
}

td:hover.not_confirmed{
	background-color:#a8a8a8;
	background-image:none;
}

td.unavailable{
	background-color:#383838;
	border-bottom:1px solid #791717;
	border-right:1px solid #791717;
	font-size:11px;
	color:#ffffff;
	text-align:center;

	background-repeat:repeat;
	cursor:pointer;
	cursor:hand;
}

td.unavailable a{
	display:block;
	color:#000000;
	background-color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

td.unavailable a:hover{
	text-decoration:underline;
}

td:hover.unavailable{
	background-color:#000;
}

td.competition{
	background-color:#4da3d3;
	border-bottom:1px solid #297097;
	border-right:1px solid #297097;
	font-size:11px;
	color:#ffffff;
	text-align:center;
	background-image:url(img/bg_competition.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	cursor:pointer;
	cursor:hand;
}

td:hover.competition{
	background-color:#3280ab;
	background-image:none;
}

td.competition a{
	display:block;
	color:#ffffff;
	text-decoration:none;
}

td.competition a:hover{
	color:#f5f5f5;
	text-decoration:underline;
}

td.constant{
	background-color:#f7941d;
	border-bottom:1px solid #b64215;
	border-right:1px solid #b64215;
	font-size:11px;
	color:#ffffff;
	text-align:center;
	background-image:url(img/bg_constant.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	cursor:pointer;
	cursor:hand;
}


td.constant a{
	display:block;
	color:#000;
	text-decoration:none;
}

td.constant a:hover{
	text-decoration:underline;
}

td:hover.constant{
	background-color:#e46d15;
	background-image:none;
}



/* EXTRAS */

div.reservationInfo{

	width:14px;
	height:16px;
	background-image:url(img/sprite_reservation_info.png);
	background-repeat:no-repeat;
	position:absolute;
	display:block;
	text-align:left;
	margin:-7px 0px 0px -10px;
}
	.ri_special{ background-position:0px 0px; }
	.ri_bumpers{ background-position:0px -16px; margin-top:6px !important; }


div.no_time{
	padding:30px 10px 30px 10px;
	text-align:left;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	background-color:#e46868;
	background-image:url(img/bg_header_no_time.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}