﻿/*---------------------------------------------------------
Default (All Browsers) CSS Index - Booking Made Easy 12.05.2008 Egghead Design Ltd 
For IE see IEStyle.css
For < IE6 see IE6.css

=1 Layout Structure Common Elements
=2 Generic Styling
=3 Home Page Specific
=4 Boxes
=5 Buttons
=6 SearchResults
=7 Generic Classes
=8 Forms
=9 Admin
=10 Tabs

/*---------------------------------------------------------
=1 Layout Structure Common Elements
-------------------------------------------------------*/
.testhours {
    height:16px !important;
}

body {
    background-color: #000000;
	color: #232323;
    font-size:0.7em;
    font-family: Verdana, Arial, Sans-Serif;
    text-align:center;
    font-weight:normal;
}


#fullwrapper 
{
	width:950px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#header 
{
	height:193px;
	position:relative;
	background-color:#ffffff;
	margin-bottom:4px;
}

#subheader1 
{
	height:25px;
	line-height:25px;
	position:relative;
	text-align:right;
	font-size:10px;
	background-image:url(images/footer_bg.gif);
		background-color:transparent;
		background-repeat:repeat-x;
		background-position:top;	
	border-bottom:5px solid black;
	color:#ffffff;
	font-weight:bold;
	font-family:Arial;
	padding-right:5px;
}

#subheader1 a 
{
	color:#ffffff;
	text-decoration:none;
	font-size:10px;
	line-height:25px;
}

#subheader1 a:hover 
{
	text-decoration:underline;
}

#subheader2 
{
	height:133px;
	line-height:35px;
	position:relative;
	background-color:black;
	background:url(images/subheader2_bg.gif) repeat-x top;
}

a.logo 
{
	background:url(images/logo.gif) no-repeat;
	width:214px;
	height:133px;
	display:block;
}

#menu 
{
	min-height:25px;
	line-height:25px;
	position:relative;
	background:url(images/menu_bg.gif) repeat-x top;
	background-color:#d5d5d5;
	float:left;
	width:100%;
}

#menu a 
{
	display:block;
	float:left;
	padding:0px 22px 0px 22px;
	background-color:transparent;
	color:#000000;
	font-size:13px;
	font-family:Arial;
	text-decoration:none;
}

#menu a:hover 
{
	background-image:url(images/menu_bg_hover.gif);
	background-repeat: repeat-x repeat-y;
	color:#fff;
}

#menu a:visited 
{

}

#footer 
{
	text-align:right;
	height:25px;
	background:url(images/footer_bg.gif) repeat-x top;	
	margin-top:4px;
	color:#ffffff;
	font-weight:bold;
	font-family:Arial;
	line-height:25px;
	padding-right:5px;
	clear:both;
}

	

/*---------------------------------------------------------
=2 General Styling
-------------------------------------------------------*/

a img {border:none;}

h5 
{
	font-size:13px;
	color:#202020;
	padding:5px 0px 5px 0px;
	margin:0px;
	font-weight:normal
}

h4, .label
{
	font-size:12px;
	color:#202020;
	padding:5px 0px 5px 0px;
	margin:0px;
	font-weight:bold
}

.label {line-height:40px;}

a 
{
	color:#b82a2e;
	font-weight:bold;
	font-size:10px;
}

ul {margin:0px;}
textarea {font-family:verdana;font-size:11px;}

/*---------------------------------------------------------
=3 Home Specific Styles
-------------------------------------------------------*/

#home_image 
{
	height:238px;
	background-image:url(images/home_image.jpg);
}

#home_image_text 
{
	height:238px;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	width:298px;
	float:left;
	padding:20px;
	height:198px;
}

#home_left 
{
	float:left;
	width:729px;
	margin-bottom:4px;
	height:auto;
}

#home_right 
{
	float:right;
	width:218px;
	height:auto;
	margin-bottom:4px;
	
}

.home_account_button 
{
	position:relative;
	right:3px;
}


/*---------------------------------------------------------
=4 Boxes
-------------------------------------------------------*/

.DarkGreyBox 
{
	background-color:#cccccc;
	width:auto;
	border-bottom:1px solid #e0e0e0;
	padding:10px;
}

.LightGreyBox 
{
}

.LightGreyGradientBox 
{
	background-color:#cccccc;
	background-image: url(images/boxes/lightgreygradientbox_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:auto;
	padding:10px;
	margin-bottom:7px;
	height:100%;
	border-bottom:1px solid #e0e0e0;
}

#admin_content 
{
	height:100%;
	width:100%;
	overflow:hidden;
}

.DarkGreyTitleBar 
{
	background-color:#cccccc;
	background-image: url(images/boxes/darkgreytitlebar_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:auto;
	height:32px;
	color:#262626;
	font-size:16px;
	line-height:32px;
	padding:0px 20px 4px 10px;
}

.LightGreyTitleBar 
{
	background-color:#cccccc;
	background-image: url(images/boxes/lightgreytitlebar_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:auto;
	height:32px;
	color:#262626;
	font-size:16px;
	line-height:32px;
	padding:0px 20px 4px 10px;	
}

/*---------------------------------------------------------
=5 Buttons
-------------------------------------------------------*/

.findbutton 
{
	position:relative;
	bottom:5px;
	left:18px;
	float:right;
}

/*---------------------------------------------------------
=6 SearchResults Table
-------------------------------------------------------*/

td.td_thumb 
{
	width:100px;
	text-align:center;
	vertical-align:middle;
}

.1px_grey 
{
	height:1px;
	width:auto;
	background-color:#fff;
	border-bottom:1px solid #b8b8b8;
}

hr.1px_grey 
{
	height:1px;
	width:auto;
	background-color:#fff;
	border-bottom:1px solid #b8b8b8;
}

.titletext 
{
	font-weight:bold;
	color:#262626;
}

table.search_form 
{
	width:95%;
}

table.search_form td 
{
	padding:0px 15px 0px 0px;
}

/*---------------------------------------------------------
=7 Generic Classes
-------------------------------------------------------*/

.leftfloat 
{
	float:left;
	}

.rightfloat 
{
		float:right;
	}
	
.clear 
{
	clear:both;
}

.valign 
{
	vertical-align:middle;
}

span.headercell 
{
	width:200px;
	display:table-cell;
	display:inline;
}

.spacer 
{
	margin:10px 0px 10px 0px;
}
	
	

/*---------------------------------------------------------
=8 Forms
-------------------------------------------------------*/

input[type="text"], input[type="password"], input[type="textarea"], .TextArea {border:1px solid #a0a0a0;}

table.form 
{
	width:100%;
}

input.textbox_button 
{
	height:18px;
	position:relative;
	top:2px;
}

.summary_table, .booking_table
{
	width:55%;
	margin:0px 0px 20px 0px;
	border:1px solid #cacaca;
	background-color:#fff;
	padding:0px;
	border-collapse:collapse;
}

.summary_table_restaurantConfig
{
	width:97%;
	margin:0px 0px 0px 0px;
	border:0px solid #cacaca;
	background-color:#fff;
	padding:0px;
	border-collapse:collapse;
}

.summary_table th ,.summary_table td, th.booking_table_header {
	padding:0px 5px 0px 5px;
	height:25px;
	line-height:25px;		 
}

.summary_table td, td.booking_table_cell {
	padding:5px 5px 5px 5px;		
}

td.booking_table_cell, th.booking_table_header 
{
	text-align:center;
}

.summary_table th, .booking_table_header 
{
	border:0px;
	border-bottom:1px solid #cacaca;
	background:url(images/gridview_titlebar_bg.gif) repeat-x top;

}

 .ddmenu 
 {
	margin-bottom:2px;
 }
 
 .continue {text-align:left;float:left; margin:20px 0px 20px 0px;}

/*---------------------------------------------------------
=9 Themes
-------------------------------------------------------*/

.DetailsViewStyle 
{
	width:100%;
	border:1px solid #cacaca;
}

.GridViewStyle 
{
	width:100%;
	border:1px solid #cacaca;
}

.RowStyle td 
{
	padding:5px;
}

.HeaderStyle th
{
	padding:5px;
	border:0px;
	border-bottom:1px solid #cacaca;
	background:url(images/gridview_titlebar_bg.gif) repeat-x top;		
	text-align:center;
}

.GridViewStyle .RowStyle td 
{
	padding:5px;
	border:0px;
	border-bottom:1px solid #cacaca;
	background-color:#ffffff;
	text-align:center;
}

#fullwrapper_admin .DetailsViewStyle .RowStyle td 
{
	padding:5px;
	border:0px;
	border-bottom:1px solid #cacaca;
	background-color:#ffffff;
}

td.HeaderStyle 
{
	padding:0px 5px 0px 5px;
	border:0px;
	border-bottom:1px solid #cacaca;
	background:url(images/gridview_titlebar_bg.gif) repeat-x top;		
}


/*---------------------------------------------------------
=9 Admin
-------------------------------------------------------*/

#body_admin {
    background-color: #000000;
	color: #232323;
    font-size:0.7em;
    font-family: Verdana, Arial, Sans-Serif;
    	text-align:center;
    	font-weight:normal;
    	height:100%;
}

#fullwrapper_admin 
{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#fullwrapper_admin  p
{
	font-style:italic;
}

#header_admin 
{
	min-height:158px;
	position:relative;
	background-color:#ffffff;
	margin-bottom:4px;
	overflow:hidden;
}

#subheader2_admin 
{
	height:133px;
	line-height:35px;
	position:relative;
	background-color:black;
	background:url(images/subheader2_bg.gif) repeat-x top;
}

/*---------------------------------------------------------
=10 Tabs
-------------------------------------------------------*/

.ajax__tab_container {}
.ajax__tab_default .ajax__tab_header {}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block;}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

.ajaxtabs .ajax__tab_header {font-size:11px;font-family:verdana;font-weight:bold;background-image:url(images/tabs/header.gif);background-repeat:repeat-x repeat-y;background-color:Transparent;}
.ajaxtabs .ajax__tab_outer {padding-right:2px;height:28px;background-color:transparent;}
.ajaxtabs .ajax__tab_inner {padding-left:3px;background-color:#ffffff;background-image:url(images/tabs/inner.gif);background-repeat:repeat-x;border-left:0px solid #cbcbcb;border-right:0px solid #cbcbcb;}
.ajaxtabs .ajax__tab_tab {padding:0px 30px 0px 8px; margin:0;background-color:transparent;height:28px;width:auto; vertical-align:middle;line-height:26px;display:-moz-inline-box;display:inline-block}
.ajaxtabs .ajax__tab_hover .ajax__tab_outer {}
.ajaxtabs .ajax__tab_hover .ajax__tab_inner {}
.ajaxtabs .ajax__tab_hover .ajax__tab_tab {}
.ajaxtabs .ajax__tab_active .ajax__tab_outer {}
.ajaxtabs .ajax__tab_active .ajax__tab_inner {background-image:url(images/tabs/active_inner.gif);height:28px;color:#ffffff;}
.ajaxtabs .ajax__tab_active .ajax__tab_tab {}
.ajaxtabs .ajax__tab_body {border:1px solid #cbcbcb;border-top:0;padding:8px;background-color:#ffffff;font-size:11px;}

.ajaxtabs .ajax__tab_body table {width:60%;}
.ajaxtabs .ajax__tab_body table td {padding:5px;}

.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}


/*.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}


/*---------------------------------------------------------
=11 Ajax Calendar
-------------------------------------------------------*/


.calendar .ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:160px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica; background-color:#ffffff;color:#000000;}
.calendar .ajax__calendar_body {height:120px;width:160px;position:relative;overflow:hidden;margin:auto;color:#000000;border:0px solid red;}
.calendar .ajax__calendar_days, .calendar .ajax__calendar_months,.calendar .ajax__calendar_years {top:0px;left:0px;height:139px;position:absolute;text-align:center;margin:auto; vertical-align:middle;}
.calendar .ajax__calendar_container TABLE {font-size:11px;}
 .calendar .ajax__calendar_header {height:20px;width:100%;}
 .calendar .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.calendar .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
 .calendar .ajax__calendar_title {cursor:pointer;font-weight:bold;color:#000000;}
.calendar  .ajax__calendar_footer {height:20px;margin:5px 0px 2px 0px;}
.calendar .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.calendar .ajax__calendar_dayname {height:17px;width:3px;text-align:center;padding:0 2px;border:0px solid red;}
.calendar .ajax__calendar_day  {height:17px;width:3px;text-align:center;padding:0 2px;cursor:pointer;}
.calendar .ajax__calendar_month {height:44px;width:20px;text-align:center;cursor:pointer;overflow:hidden;}
.calendar .ajax__calendar_year {height:44px;width:25px;text-align:center;cursor:pointer;overflow:hidden;}

.calendar .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.calendar .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.calendar .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.calendar .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.calendar .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.calendar .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

 .calendar .ajax__calendar_other .ajax__calendar_day,

.calendar .ajax__calendar_other .ajax__calendar_year
{

color:#999999;
}

.calendar1 .ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:160px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica; background-color:#ffffff;color:#000000;}
.calendar1 .ajax__calendar_body {height:120px;width:160px;position:relative;overflow:hidden;margin:auto;color:#000000;border:0px solid red;}
.calendar1 .ajax__calendar_days, .calendar1 .ajax__calendar_months,.calendar1 .ajax__calendar_years {top:0px;left:0px;height:139px;position:absolute;text-align:center;margin:auto; vertical-align:middle;}
.calendar1 .ajax__calendar_container TABLE {font-size:11px;}
 .calendar1 .ajax__calendar_header {height:20px;width:100%;}
 .calendar1 .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.calendar1 .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
 .calendar1 .ajax__calendar_title {cursor:pointer;font-weight:bold;color:#000000;}
.calendar1  .ajax__calendar_footer {height:20px;margin:5px 0px 2px 0px;}
.calendar1 .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.calendar1 .ajax__calendar_dayname {height:17px;width:17px;text-align:center;padding:0 2px;border:0px solid red;}
.calendar1 .ajax__calendar_day  {height:17px;width:10px;text-align:center;padding:0 2px;cursor:pointer;}
.calendar1 .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.calendar1 .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.calendar1 .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.calendar1 .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.calendar1 .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.calendar1 .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.calendar1 .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.calendar1 .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

 .calendar1 .ajax__calendar_other .ajax__calendar_day,

.calendar1 .ajax__calendar_other .ajax__calendar_year
{

color:#999999;
}

.RegisterButton 
{
	position:relative;
	right:220px;
}

.LoginButton 
{
	position:relative;
	right:8px;
}


/*---------------------------------------------------------
=12 Misc
-------------------------------------------------------*/

#product_left 
{
	float:left;
	width:650px;
	margin-bottom:4px;
	height:auto;
}

#product_right 
{
	float:right;
	width:297px;
	height:auto;
	margin-bottom:4px;
	
}


.time 
{
	width:45px;
	height:20px;
	display:block;
	float:left;
	
}

.resourcetable {width:95%;}

.booking_table_wrapper {
width:100%;
overflow:scroll;
}

.findrestaurantbutton  
{
	padding:10px 15px 0px 0px;
	}
	
.CentreGrid td
{
	text-align:center;
}

.calendarAppointment
{
	background-color:Blue;
	width:10px;
}

.right_img
{
    float: left;

}
.right_text
{
    float: left;
    margin: 0 0 0 10px;   
}
.left_img
{
    float: right;

}
.left_text
{
    float: left;
    margin-right: 10px;
}
.top_text 
{
    margin: 10px 0 20px 0;
}
/*
.ajax__calendar_title {
    background-color:#ff0000;
    width:150px;
    margin-left:10px;
}*/
