@import "reset.css";

@import "global.css";

@import "layout.css";



/*----------------------start page styles--------------------------*/
.mainStart .mainRight .leftCol {
	float:left;
	width:226px;
}
.mainStart .mainRight .midCol {
	float:left;
	margin-left:15px;
	width:226px;
}
/*
.mainStart .mainRight .midCol .menuTop {
	background-image:url('Cssimg/startMenuTop.jpg');
	background-repeat:no-repeat;
	background-position:155px 10px;
}
*/
.mainStart .mainRight .midCol .enableBkg .menuBottom {
	background-image:url('Cssimg/startMenuBottom.jpg');
	background-repeat:no-repeat;
	background-position:110px bottom;
}
.mainStart .mainRight .midCol .enableBkg .shadContent {
	min-height:150px;
	height:auto;
	padding-bottom:30px;
}
.mainStart .mainRight .rightCol {
	float:right;
	width:226px;
}
.mainStart .mainRight .rightCol img {
	margin-bottom:15px;
}
.mainStart .mainRight .startBottom {
	clear:both;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:115%;
	line-height:115%;
	color:#2c2491;
	text-align:right;
}


/*----------------------txtSize styles--------------------------*/

.main .bigTxtContent, .mainStart .bigTxtContent {
	font-size:120%;
	line-height:1.1em;
}
.main .biggerTxtContent, .mainStart .biggerTxtContent {
	font-size:130%;
	line-height:1.1em;
}



/*----------------------restaurantDetail styles--------------------------*/

.restaurantDetail {
	
}
.restaurantDetail .leftCol {
	float:left;
	width:285px;
	margin-top:15px;
}
.restaurantDetail .midCol {
	float:left;
	width:285px;
	margin-left:15px;
}
.restaurantDetail .rightCol {
	float:right;
	width:170px;
}
.restaurantDetail .rightCol .restImg {
	margin-bottom:20px;
}



/*----------------------restaurantsOverview styles--------------------------*/
.restaurantsOverview {
	
}
.restaurantsOverview .leftCol {
	float:left;
	width:377px;
}
.restaurantsOverview .rightCol {
	float:right;
	width:377px;
}

.restaurantsOverview .rightImg {
	float:right;
	margin-left:14px;
}


/*----------------------restaurantsOverview styles--------------------------*/
.aLaCarteOverview {
	
}
.aLaCarteOverview .leftCol {
	float:left;
	width:377px;
}
.aLaCarteOverview .rightCol {
	float:right;
	width:377px;
}
.aLaCarteOverview .nextWeekContainer {
	text-align:right;
	margin-bottom:10px;
}
.aLaCarteOverview .nextWeekContainer .linkBlueArrowRight {
	background-position:right;
	padding:0 10px 0 0;
}
.aLaCarteOverview .shadowBox377 {
	margin-bottom:5px;
}
.aLaCarteOverview .legendContainer {
	text-align:center;
	margin-bottom:10px;
}
.aLaCarteOverview .legendContainer p {
	display:inline;
	margin-right:30px;
}


/*----------------------sectionStart styles--------------------------*/

.sectionStart {
	
}
.sectionStart .leftCol {
	float:left;
	width:287px;
	margin-top:15px;
}
.sectionStart .midCol {
	float:left;
	width:226px;
	margin-left:15px;
}
.sectionStart .rightCol {
	float:right;
	width:226px;
}
.sectionStart .rightCol .sectionStartImg {
	margin-bottom:20px;
}


/*----------------------siteMap styles--------------------------*/
.sitemapTable td {
	vertical-align:middle;
}



/*----------------------standardPage2Columns styles--------------------------*/
.standardPage2Columns .leftCol {
	float:left;
	width:400px;
}
.standardPage2Columns .rightCol {
	float:right;
	width:330px;
}
/*----------------------Map Container/item styles--------------------------*/
.mapPage .leftCol {
	float:left;
	width:464px;
}
.mapPage .rightCol {
	float:right;
	width:276px;
}
/*----------------------order and cashier page styles--------------------------*/
.orderPage {
	
}
.orderPage .leftCol {
	float:left;
	width:377px;
}
.orderPage .rightCol {
	float:right;
	width:377px;
}
.orderPage .productsContainer {
	text-transform:uppercase;
	border-top:1px #E3E3E3 solid;
}
.orderPage .productsContainer .row {
	border-bottom:1px #E3E3E3 solid;
	/*padding:10px 0px 5px 0px;*/
}
.orderPage .productsContainer .productInfo {
	float:left;
	font-weight:bold;
	margin:5px 0 5px 0;
}
.orderPage .productsContainer .productInfo div {
	font-weight:normal;
	font-size:0.9em;
	margin-top:2px;
}
.orderPage .productsContainer .orderInfo {
	float:right;
	margin:8px 0 0 0;
	width:130px;
}
.orderPage .productsContainer .warning {
	float:right;
	clear:right;
	color:red;
	font-size:0.9em;
	margin:3px 0 3px 0;
	display:none;
}
.orderPage .productsContainer .orderInfo .cart {
	margin:0 0 0 10px;
	float:right;
}
.orderPage .productsContainer .orderInfo .amount {
	width:25px;
	float:right;
	text-align:right;
	margin:2px 0 0 10px;
}
.orderPage .productsContainer .orderInfo span {
	margin:9px 0 0 10px;
	float:right;
}
.orderPage label {
	/*text-transform:uppercase;
	font-size:0.9em;*/
}
.orderPage table.tab td {
	width:50%;
}
.orderPage table.tab input {
	width:180px;
}

.orderPage table.tab select {
	width:184px;
}
#divInvoiceInfo {
	position:relative;
}

.formHeading {
	display:block;
	padding-top:4px;
}



/*----------------------dropDown section page styles--------------------------*/

.dropDownSectionContainer {
	width:470px;
}
.dropDownSectionContainer fieldset {
	border:1px #A5A6A5 solid;
	padding:0 15px 15px 15px;
}
.dropDownSectionContainer fieldset legend {
	font-size:120%;
	line-height:1.1em;
	padding:5px;
}
.dropDownSectionContainer fieldset ul {
	margin:0;
	list-style:none;
}
.dropDownSectionContainer fieldset ul li {
	margin-bottom:10px;
	background-color:#E7E3E7;
	background-image:none;
	padding:5px 10px;
	line-height:20px;
}
.dropDownSectionContainer fieldset ul li strong {
	font-size:1.2em;
	margin-right:10px;
}

/*----------------------fileListing styles--------------------------*/
table.fileListing img {
	vertical-align:middle;
}
table.fileListing td {
	vertical-align:middle;
	padding:0 10px
}
table.fileListing a {
	text-decoration:none;
}

.weeklyMenu
{
	display: none;
}

/*----------------------support issue styles--------------------------*/
.siForm input, .siForm select{
	font-size:1.1em;
}
.siForm input.txtbox{
	width:168px;
	height:16px;
}
.siForm input.txtboxShort{
	width:149px;
	height:16px;
}
.siForm input.contact{
	width:143px;
}
.siForm select{
	width:172px;
	height:22px;
	margin-right:20px;
}
.siForm label.txtbox{
	width:172px;
	display:block;
	margin-right:20px;
}
.radioTable {
	margin-top:15px;
	width:400px;
}
.radioTable input{
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
.radioTable label{
	display:block;
	float:left;
}
/*----------------------support issue list styles--------------------------*/
table.issueListTbl{
	width:100%;
	font-size:1.05em;
}
table.issueListTbl th{
	font-weight:bold;
	padding:10px 8px 2px 3px;
}
table.issueListTbl td{
	padding:15px 8px 15px 3px;
}
table.issueListTbl tr.odd td{
	background:#f1f1f1;
}
table.issueListTbl small
{
	font-weight:normal;
}

/* NEW STYLES ADDED 2009-08 */

/* ----------------------------------------------- Column Layout & Global Styles */

.roomReservation .leftCol {
float:left;
width:245px;
margin-top:5px;
}

.roomReservation .midCol {
float:left;
width:525px;
margin-top: 20px;
}

.roomReservation label { font-weight: bold; }

.roomReservation label span { 
font-weight: normal; 
color: #999; 
}


/* ----------------------------------------------- Content Area  */

.roomReservation .midCol h1 {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 10px;
}

.roomReservation table.reservationInfo th  {
font-weight: bold;
padding-right: 25px;
padding-bottom: 9px;
}

.roomReservation .roomInfo { 
width: 100%; 
border-bottom: 1px solid #e3e3e3;
}

.roomReservation .roomInfo th {
font-weight: bold;
width: 70px;
padding-bottom: 15px;
}

.roomReservation .roomInfo .viewImage  { text-align: right; }

.roomReservation .roomInfo .viewImage a { 
padding: 3px 10px 3px 22px;
background: url(Cssimg/gfx-image-icon.gif) center left no-repeat; 
}

.roomReservation .basicInput {
display: block; 
margin: 3px 0 15px 0;
width: 170px;
}

.roomReservation .buttons {
padding: 15px 0 25px 0;
border-top: 1px solid #e3e3e3;
}

.otherDay {
text-align: right;
padding-top: 10px;
}

.roomReservation .meetingTimeDate { margin-bottom: 20px; }
.roomReservation .meetingTimeDate select { width: 77px; }


/* ----------------------------------------------- Frequent Reservation Box */

.roomReservation #frequentReservationBox {
border: 1px solid #e3e3e3;
background: #f1f1f1;
padding: 14px 15px 18px 15px;
margin: 8px 0 17px 0;
}

.roomReservation #frequentReservationBox label { font-weight: normal; }

.roomReservation #frequentReservation { 
margin-right: 13px;
width: 111px; 
}

.roomReservation #frequentReservationBox #endDate { 
width: 95px;
padding: 0 2px 0 2px;
margin-right: 6px;
}

#frequentReservationBox .calendar { 
display: inline;
padding: 10px 0 6px 16px;
margin-right: 15px;
}

/* ----------------------------------------------- Available Rooms Table */

.roomReservation .availableRooms { 
width: 100%; 
margin-bottom: 15px;
}

.roomReservation .availableRooms caption {
font-weight: bold;
border-bottom: 1px solid #e3e3e3;
padding: 0 0 7px 0;
}

.roomReservation .availableRooms label { font-weight: normal; }

.roomReservation .availableRooms td {
border-bottom: 1px solid #e3e3e3;
padding: 7px 0 7px 0;
vertical-align: middle;
}

.roomReservation .availableRooms .radioBtn { 
width: 30px; 
background: #f1f1f1; 
text-align: center;
border-left: 1px solid #e3e3e3; 
border-right: 1px solid #e3e3e3; 
}

.roomReservation .availableRooms .viewImage { 
border-right: 1px solid #e3e3e3; 
text-align: right; 
}

.roomReservation .availableRooms .viewImage a { 
padding: 3px 10px 3px 22px;
background: url(Cssimg/gfx-image-icon.gif) center left no-repeat; 
}

.roomReservation .availableRooms .roomName label { padding-left: 8px;}


/* ----------------------------------------------- Left Column Form */

.roomName {
width: 190px;
margin-bottom: 12px;
}

#chooseDate, .chooseDate { 
margin: 0 6px 0 0;
float: left; 
}
.selectInterval{
	margin-right:10px;
}
.repeatedEndDate {
	float:none;
 }
.shadContent label, .roomReservation .meetingTimeDate label { 
clear:both;
display: block;
margin-top: 15px;
margin-bottom: 4px;
}

.calendar {
background: url(Cssimg/gfx-calendar-icon.gif) top left no-repeat;
font-size: 1px;
display: block;
width: 15px; 
height: 15px;
overflow: hidden;
margin-top: 6px;
}

.calendar span { margin-left: -10px; }

.timeDivider { 
font-size: 15px; 
font-weight: bold;
}

.participants { 
margin-bottom: 15px;
width: 130px; 
}

h1.specificTime { 
border-top: 1px solid #e3e3e3;
padding-top: 10px; 
margin-top: 15px;
}


/* ----------------------------------------------- Popup Calendar */

#calendar {
border: 1px solid #c9c9c9;
background: #fff;
position: absolute;
margin-top: -1px;
padding: 1px 1px 13px 1px;
text-align: right;
border-right: 2px solid #999;
border-bottom: 2px solid #777;
}

#calendar table { margin-bottom: 10px; }
#calendar table th { padding: 8px 6px 8px 6px; }

#calendar table th {
text-transform: uppercase;
font-weight: bold;
color: #666;
text-align: center;
}

#calendar table td {
color: #999;
vertical-align: middle;
background: url(Cssimg/gfx-calendar-bg.gif) 0 -200px no-repeat;
text-align: center;
border: 1px solid #fff;
}

#calendar table td.active a, #calendar table td.active a:hover { 
color: #fff;
background: url(Cssimg/gfx-calendar-bg.gif) top left no-repeat; 
}

#calendar table td a {
background: url(Cssimg/gfx-calendar-bg.gif) 0 -400px no-repeat;
padding: 6px;
display: block;
text-decoration: none;
}

#calendar table td a:hover {
color: #fff;
background: url(Cssimg/gfx-calendar-bg.gif) top left no-repeat;
}

#calendar .closePopup { padding-right: 10px; }

#calendar .previousMonth, #calendar .nextMonth { 
background: url(Cssimg/gfx-calendar-arrows.gif) 0 5px no-repeat; 
text-decoration: none;
padding: 3px;
}

#calendar .nextMonth { background: url(Cssimg/gfx-calendar-arrows.gif) 0 -87px no-repeat; }


/* ----------------------------------------------- My Reservations Page */

#my-reservations { 
width: 100%; 
margin-top: -12px;
}

#my-reservations td { 
border-bottom: 1px solid #e3e3e3; 
padding: 12px 0 12px 0; 
}

#my-reservations .edit-reservation, #my-reservations .delete-reservation { text-align: right; }

#my-reservations .edit-reservation a { 
padding: 2px 5px 2px 18px;
background: url(Cssimg/gfx-icon-pen.gif) center left no-repeat; 
}

#my-reservations .delete-reservation a { 
padding: 2px 0 2px 19px;
background: url(Cssimg/gfx-icon-delete.gif) center left no-repeat; 
}

.shadowBoxWide{
margin-bottom:15px;
width:527px;
background-image:url('Cssimg/shadLeft.gif');
background-repeat:repeat-y;
background-position:right;
}

.shadowBoxWide .shadContent { width:491px; }

#my-reservations td.last-item { 
border-bottom: none; 
padding-bottom: 5px;
}

#my-reservations th { padding-top: 12px; }

/*ASP.NET AJAX Calendar*/
.MyCalendar table{width:170px !important;}
.MyCalendar .ajax__calendar_container{background:#fff;border:solid 1px #dedede;padding:0;}
.ajax__calendar_header{padding-top:2px;background:#dce8f3;text-transform:uppercase;}
.ajax__calendar_prev{}
.ajax__calendar_title{color:#000;padding:0;}
.ajax__calendar_next{}
.ajax__calendar_body{border-top:1px solid #fff;background:#eaf1f8;}
.ajax__calendar_days{color:#000;padding:0;margin:0;width:10px !important;}
.ajax__calendar_dayname{color:#000;font-weight:bold;width:10px !important;}
.ajax__calendar_day{width:10px !important;}
.ajax__calendar_months{}
.ajax__calendar_month{}
.ajax__calendar_years{}
.ajax__calendar_year{}
.ajax__calendar_footer{border-top:solid 1px #fff;background:#dce8f3;}
.ajax__calendar_today{}
.ajax__calendar_hover{}
.ajax__calendar_active{font-weight:bold;}
.ajax__calendar_other{color:#ccc;}

/* ===================================================================== Styles added for Room Info-page 2009-08-27 */

.roomInfoBox {
border: 1px solid #dcdcdc;
margin: 0px 0 15px 0; 
padding: 0px; 
width: 746px;
padding: 11px;
}

.roomInfoBox h2 {
font-weight: normal;
font-size: 16px;
color: #2C2491;
}
.roomInfoBox h2 a{
font-weight: normal;
font-size: 16px;
color: #2C2491;	
}
.roomInfoBox p { line-height: 1.5em; }

.roomInfoBox table { 
margin-top: 5px;
border: 1px solid #ddd;
background: #e3e3e3;
}

.roomInfoBox table td { 
padding: 6px 0 4px 7px;
background: #e3e3e3;
}
.roomInfoBox table td img { 
border: 1px solid #ccc;
}

.roomInfoBox .roomData {
float: left;
width: 485px;
overflow: hidden;
padding-right: 12px;
border-right: 1px solid #dcdcdc;
}

.roomInfoBox .roomImage {
float: right;
width: 237px;
height: 176px;
overflow: hidden;
}