/* ibooktable.book.css */

body {
font-family:sans-serif;

}

.invisible {
display:none;
}

.visible {
display:block;
}

#active_section {
font-size:18px;
font-weight:bold;
}
 
p {
	margin: 0;
	padding: 12px;
}

td#info h2 {
	padding: 0;
	margin: 0;
	color: #888;
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 16px;
	padding-bottom: 12px;
	line-height: 16px;
}

td#info p {
	margin: 0;
	padding: 0;
	color: #999;
	padding-bottom: 12px;
	font-size: 11px;
}

label {
	font-size: 11px;
	color: #C42100;
	font-weight:bold;
}

form {
margin:0px;
}

/* Backgrounds */

.sections_td_on {
	background-image: url( 'book/background/1_on.jpg' );
	background-repeat:no-repeat;
	vertical-align:top;
	position:relative;
	padding:0px;
	text-align:center;
	height:103px;
	overflow:hidden;
}
div.btn_meals {
	float: left;
	width: 89px;
	height: 30px;
	background-image: url( 'book/btn_tod_redo.gif');
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-right: 4px;
	font-size:11px;
	font-weight:bold;
	color:#C42100;
	cursor:pointer;
	text-align:center;
}

div.delete_button {
	float: left;
	width: 89px;
	height: 30px;
	background-image: url( 'book/btn_tod_redo.gif');
	background-repeat: no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#C42100;
	cursor:pointer;
	text-align:center;
	position:absolute;
	top:75px;
	left:760px;
}

div.btn_meals_inactive {
	float: left;
	width: 89px;
	height: 30px;
	background-image: url( 'book/btn_tod_grey.gif');
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-right: 4px;
	font-size:11px;
	font-weight:bold;
	color:#D7D7D7;
	text-align:center;
	cursor:default;
}

div.btn_meals_selected {
	float: left;
	width: 89px;
	height: 30px;
	background-image: url( 'book/btn_tod_red.gif');
	background-repeat: no-repeat;
	padding-top: 2px;
	margin-right: 4px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
}


.btn_sections_name {
font-size:12px;
font-weight:bold;
}

.numberOfPeople_td_off { 
    text-align:center;
	vertical-align:top;
	background-image: url( 'book/background/2_off.jpg' );
	background-repeat:no-repeat;
}


.numberOfPeople_td_off label { 
    color:#D7D7D7; 
}

.numberOfPeople_td_on { 
	background-image: url( 'book/background/2_on.jpg' );
	background-repeat:no-repeat;
}
.numberOfPeople_td_on label { 
    color:#C42100; 
}

/*times window*/
.times_td_off {
	background-image: url( 'book/background/4_off.jpg' );
	background-repeat:no-repeat;
	width:107px;
	height:328px;
	overflow:hidden;
	
}
.times_td_off label {
    color:#D7D7D7;
}

.times_td_on {
	background-image: url( 'book/background/4_on.jpg' );
	background-repeat:no-repeat;
	width:107px;
	height:328px;
	overflow:hidden;	
}
.times_td_on label {
    color:#C42100;
}
div.times {
height:220px;
width:105px;
overflow:auto;
}
div.single_time {
font-size:11px;
font-weight:700;
color:gray;
margin:2px 0px;
cursor:pointer;
text-align:center;
width:107px;
overflow:hidden;
}
div.single_time_selected {
font-size:14px;
font-weight:700;
color:#C42100;
margin:4px 0px;
cursor:default;
}

div.single_time_full {
text-decoration:line-through;
font-size:11px;
font-weight:700;
color:#C2C0C0;
margin:2px 0px;
cursor:default;
text-align:center;
width:107px;
overflow:hidden;
}


/* userdata td*/

div#userdata {
width:280px;
height:80px;
overflow:hidden;
margin:auto;
}

div.userdata_div {
width:140px;
height:40px;
overflow:hidden;
float:left
}

.userdata_td_off {
	background-image: url( 'book/background/5_off.jpg' );
	background-repeat:no-repeat;
	height:93px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
.userdata_td_off label {
    color:#D7D7D7;
}
.userdata_td_on {
	background-image: url( 'book/background/5_on.jpg' );
	background-repeat:no-repeat;
}

.userdata_td_on label {
    color:#C42100;
	margin:0px;
}

input {
background-color:white;
border:1px solid #D7D7D7;
margin:0px;
}

.userdata_td_off input.input_userdata {
color:#D7D7D7;
border:1px solid #D7D7D7;
}

.userdata_td_on input.input_userdata {
color:#C42100;
border:1px solid #C42100;
}


/*book td */

td.book_td_off {
	background-image: url( 'book/background/6_off.jpg' );
	background-repeat:no-repeat;
	vertical-align:middle;
	height:92px;
	overflow:hidden;
}
.book_td_off label {
    color:#D7D7D7;
}
td.book_td_on {
	background-image: url( 'book/background/6_on.jpg' );
	background-repeat:no-repeat;
    height:92px;
	overflow:hidden;
}
.book_td_on label {
    color:#C42100;
	cursor:pointer;
}
.book_td_on label#book {

}


/*links*/

a.sections_link {
text-decoration:underline;
font-size:12px;
color:#C42100;
font-weight:bold;
}


/*number people*/


.numberOfPeople_td_off input.numberOfPeople {
	padding: 0;
	margin: 0;
	font-size: 20px;
	text-align: center;
	border:0px solid #C42100;
	color:#A0A0A0;
}

.numberOfPeople_td_on input.numberOfPeople {
	padding: 0;
	margin: 0;
	font-size: 20px;
	text-align: center;
	border:0px solid #C42100;
	color:#C42100;
}


/*Calendar*/
div.calendar {
width:275px;
height:310px;
text-align:center;
cursor:default;
overflow:hidden;
}

div.weekdays {
width:36px;
height:20px;
overflow:hidden;
float:left;
font-size:13px;
text-align:center;
margin: 0px 1px;
}

div.not_a_day {
width:36px;
height:36px;
background-image: url( 'book/day_inactive.jpg' );
background-repeat:no-repeat;
overflow:hidden;
float:left;
font-size:12px;
color:#D7D7D7;
margin: 0px 1px;
cursor:default;
}

td.calendar_td_off div.today {
width:36px;
height:36px;
background-image: url( 'book/day_inactive.jpg' );
background-repeat:no-repeat;
overflow:hidden;
float:left;
font-size:12px;
color:#D7D7D7;
margin: 0px 1px;
}
td.calendar_td_on div.today {
width:36px;
height:36px;
background-image: url( 'book/day_today.jpg' );
background-repeat:no-repeat;
overflow:hidden;
float:left;
font-size:12px;
color:#C42100;
margin: 0px 1px;
cursor:pointer;
}


td.calendar_td_off div.today_unavailable {
width:36px;
height:36px;
background-image: url( 'book/day_inactive.jpg' );
background-repeat:no-repeat;
overflow:hidden;
float:left;
font-size:12px;
color:#D7D7D7;
margin: 0px 1px;
}
td.calendar_td_on div.today_unavailable {
width:36px;
height:36px;
background-image: url( 'book/day_today.jpg' );
background-repeat:no-repeat;
overflow:hidden;
float:left;
font-size:12px;
color:#D7D7D7;
margin: 0px 1px;
}





td.calendar_td_off div.day_future {
width:36px;
height:36px;
background-image: url( 'book/day_inactive.jpg' );
background-repeat:no-repeat;
overflow:hidden;
float:left;
font-size:12px;
color:#D7D7D7;
margin: 0px 1px;
text-align:center;
}
td.calendar_td_on div.day_future {
width:36px;
height:36px;
background-image: url( 'book/day_avail.jpg' );
background-repeat:no-repeat;
overflow:hidden;
float:left;
font-size:12px;
color:#C42100;
margin: 0px 1px;
cursor:pointer;
text-align:center;
}

div.day_future_disabled {
width:36px;
height:36px;
background-image: url( 'book/day_inactive.jpg' );
background-repeat:no-repeat;
overflow:hidden;
float:left;
font-size:12px;
color:#D7D7D7;
margin: 0px 1px;
vertical-align:middle;
cursor:default;
text-align:center;
padding-top:10px;
}

td.calendar_td_on div.calendar_day_selected {
width:36px;
height:36px;
background-image: url( 'book/day_selected.jpg' );
background-repeat:no-repeat;
overflow:hidden;
float:left;
font-size:16px;
color:#ffffff;
font-weight:bold;
margin: 0px 1px;
cursor:default;
}

span.day_number {
position:relative;
top:10px;
}



.calendar_td_off {
	background-image: url( 'book/background/3_off.jpg' );
	color:#D7D7D7;
	height:328px;
	overflow:hidden;	
}

calendar_td_on {
	background-image: url( 'book/background/3_on.jpg' );
    height:328px;
	overflow:hidden;
}
td.calendar_td_off label { 
    color:#D7D7D7; 
}
td.calendar_td_on {
	background-image: url( 'book/background/3_on.jpg' );
}
td.calendar_td_on label { 
    color:#C42100; 
}
td.calendar_td_off .month_name {
font-size:15px;
font-weight:bold;
text-align:center;
}

td.calendar_td_on .month_name {
font-size:15px;
font-weight:bold;
text-align:center;
color:#C42100;
}


/* for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative; overflow:hidden;
    height:200px; z-index:100;
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:107px; height:200px; 
	clip:rect(0px, 107px, 200px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1 { 
	position:absolute; 
	left:0px; top:0px; 
	z-index:1; 
    width:106px;

    overflow:hidden;	
	}

.times_td_off div.up {
width:48px;
height:21px;
overflow:hidden;
background-image:url(book/earlier_off.gif);
font-size:10px;
text-align:center;
color:#D7D7D7; 
position:relative;
}

.times_td_on div.up {
width:48px;
height:21px;
overflow:hidden;
background-image:url(book/earlier.gif);
font-size:10px;
cursor:pointer;
text-align:center;
color:#C42100;
position:relative;
}

.times_td_off div.down {
width:48px;
height:21px;
overflow:hidden;
background-image:url(book/later_off.gif);
font-size:10px;
text-align:center;
color:#C42100;
position:relative;
}

.times_td_on div.down {
width:48px;
height:21px;
overflow:hidden;
background-image:url(book/later.gif);
font-size:10px;
cursor:pointer;
text-align:center;
color:#C42100;
position:relative;
}


.feature {
width:120px;
overflow:hidden;
float:left;
text-align:left;
font-size:11px;
}

.summary_container { 
color:#888;
font-size:12px;
}

.clickme {
color:#C42100;
text-decoration:underline;
cursor:pointer;
}

.clickme_small {
color:#C42100;
text-decoration:underline;
cursor:pointer;
font-size:11px;
}

.clickme_medium {
color:#C42100;
text-decoration:underline;
cursor:pointer;
font-size:12px;
}

.clickme_big {
font-size:18px;
color:#C42100;
cursor:pointer;
font-weight:bold;
position:relative;
top:34px;
}

.average_important {
font-size:12px;
color:#C42100;
font-weight:bold;
}

.important {
font-size:12px;
color:#C42100;
font-weight:bold;
}


.summary_box {
padding:8px;
width:300px;
text-align:left;
margin-left:52px;
}