/**
 * this stylesheet is for the asset bookings and asset listings area. 
 * blame: Jay. 
 **/

/*  Colors from rest of design: 
	even darker green; #517a00;
	body bg: #679A01;
	h1/h2: #93BB46;
	that blue hanging about: #008CFF;
	lighter green: #b9d87c;
*/


/* specific stylings */

/* #bookingsCal_cell0 {
	background-image: url(/gfx/interface/goodBookLeftCap.gif);
}
#bookingsCal_cell1 {
	background-image: url(/gfx/interface/goodBookMiddle.gif);
}
#bookingsCal_cell2 {
	background-image: url(/gfx/interface/goodBookRightCap.gif);
} */ 


/* 
	morgo's curved border style requires 10px margins on either side for stuff 
	which is in the main-content-pane
 */
#bookingsContainer {
	margin:0em 2em 1em 1.4em;
	padding:0em 1.1em 0.5em 0.1em;
}

#bookingsCal {
	/*width: 90%;
	margin-left: auto;
	margin-right: auto;*/
}
#bookingsCal * {
	font-family:verdana,arial,sans-serif;
	font-size: 7pt;
}
#bookingsCal a {
	text-decoration: none;
}

#bookingsCal .Days {
	background: white;
}
#bookingsCal .Days td {
	border: solid 1px #a18249;
	height: 4em;
	text-align: right;
	vertical-align: top;
	padding: 2px 2px 0 0 ;
}

#bookingsCal{
	background: #a18249;
	padding: 0em .5em .5em .5em;
}

#bookingsCal .Controls {
	background: #a18249;
}
#bookingsCal .Controls td {
	padding: 4px 0;
}

#bookingsCal table.Controls a.PrevButton,
#bookingsCal table.Controls a.NextButton
{
	/* padding: 2px; */
	background: white;
	color: #517a00;
	padding: 0 4px;
	border: solid 1px #517a00;
}

#bookingsCal table.Controls td.Mid {
	font-weight: bold;
}

#bookingsCal .DayHeadings {
	background: #a18249;
	color: #517a00;
}
#bookingsCal .DayHeadings td {
	border: none;
	height: auto;
	text-align: center;
	vertical-align: middle;
}

#bookingsCal .DayView td {
	text-align: left;
	padding: 2px;
	height: 1em;
}


/**
 * The following handle the backgrouns on td's to represent stored bookings
 **/
.Days td {
	cursor: pointer;
	background-repeat: no-repeat;
}

td.BookingStart {
	background-image: url(/gfx/interface/noBookLeftCap.gif);
	cursor: default;
	background-position: right;
}
td.BookingMid {
	background-image: url(/gfx/interface/noBookMiddle.gif);
	background-repeat: repeat-x;
	cursor: default;
}
td.BookingEnd {
	background-image: url(/gfx/interface/noBookRightCap.gif);
	background-position: left;
	cursor: default;
	background-repeat: no-repeat;
}

td.BookingOneCell {
	background-image: url(/gfx/interface/noBookSingle.gif);
	cursor: default;
	background-repeat: no-repeat;
}


td.MyBookingStart {
	background-image: url(/gfx/interface/goodBookLeftCap.gif);
	cursor: default;
	background-position: right;
}
td.MyBookingMid {
	background-image: url(/gfx/interface/goodBookMiddle.gif);
	background-repeat: repeat-x;
	cursor: default;
}
td.MyBookingEnd {
	background-image: url(/gfx/interface/goodBookRightCap.gif);
	background-position: left;
	cursor: default;
	background-repeat: no-repeat;
}

td.MyBookingOneCell {
	background-image: url(/gfx/interface/goodBookSingle.gif);
	cursor: default;
	background-repeat: no-repeat;
}



/** here is the bookings stuff for the day view **/
/* you down wit OPB */
.DayView td.BookingStart {
	background: url(/gfx/interface/NoBookTop.gif) right bottom no-repeat;
}

.DayView td.BookingMid {
	background: url(/gfx/interface/NoBookBelly.gif) right repeat-y;
}

.DayView td.BookingEnd {
	background: url(/gfx/interface/NoBookBottom.gif) right top no-repeat;
}

.DayView td.BookingOneCell {
	background: url(/gfx/interface/NoBookHour.gif) no-repeat right center;
}

/* these are my bookings */
.DayView td.MyBookingStart {
	background: url(/gfx/interface/GoodBookTop.gif) right bottom no-repeat;
	cursor: pointer;
}

.DayView td.MyBookingMid {
	background: url(/gfx/interface/GoodBookBelly.gif) right repeat-y;
	cursor: pointer;
}

.DayView td.MyBookingEnd {
	background: url(/gfx/interface/GoodBookBottom.gif) top  right no-repeat;
	cursor: pointer;
}

.DayView td.MyBookingOneCell {
	background: url(/gfx/interface/GoodBookHour.gif) no-repeat right;
	cursor: pointer;
}

/**
 * same thing for the little navigation calendar.
 **/
#navCal td.BookingStart,
#navCal td.BookingMid,
#navCal td.BookingEnd,
#navCal td.BookingOneCell {
	font-weight: bold;
	background-image: none;
	color: black;
}
#navCal td.MyBookingStart,
#navCal td.MyBookingMid,
#navCal td.MyBookingEnd,
#navCal td.MyBookingOneCell
{
	font-weight: bold;
	color: black;
	background-image: none;
}

#navCal td.PrevMonth, #navCal td.NextMonth {
	color: #bbb;
	font-weight: normal;
}




/*----------------------------------------------------------------------------*/
/* that little monthly calendar for navigating the day sheets called "navCal" */
#uglyTable {
	border-collapse: collapse;
	padding: 0;
	margin:0;
	width: 570px;
}
/* #uglyTable>tbody>tr>td {
	border: solid 1px black;
}
 */
#navCol {
	margin: 0;
	padding:0;
	padding-top: 1.5em;
	vertical-align: top;
	font-size: 8pt;
}
#bookingsCol {
	margin: 0;
	padding:0;
	vertical-align: top;
	width:100%;
}
#navCal .Days td.Selected {
	background-color:yellow;
}

#navCal  {
	width: 170px;
	background: #9b7a4b;
	padding: 4px 0px 8px 4px;
}
#navCal a {
	text-decoration: none;
}
#navCal table {
	width: 100%;
}
#navCal .Days td {
	cursor: pointer;
	padding: 0;
	font-size: 8pt;
}
#navCal .Controls {
	background: #c39f63;
}

#navCal .Controls .Mid {
	font-size: 10pt;
}

#navCal .Days {
	background: white;
}

#navCal table.Controls a.PrevButton,
#navCal table.Controls a.NextButton
{
	/* padding: 2px; */
	/* background: white; */
	color: #333333;
	padding: 0 4px;
	/* border: solid 1px #517a00; */
}