/* GLOBAL
*******************************************************************************/
* { list-style: none; margin: 0; padding: 0; }
img { border: none; }
body { background: #fff; font: 11px "Tahoma", Verdana, Arial, Sans-Serif; color: #666666; text-align: center;}
body.popUp { background: #0054a5 URL("/resources/images/bkng/popup-container.jpg") repeat-x; }
a { text-decoration: none; color: #003366; font-weight: bold; }
a:hover { color: #3a87d4;}
input, select, textarea { font: 11px "Tahoma", Verdana, Arial, Sans-Serif; color: #666666; padding: 3px;  }
.clear { clear: both;}
p { margin-bottom: 12px; }
.white { color: #fff; }
.red { color: #c00; }

/*- Btns -*/
a.btn { height: 26px; background: URL("/resources/images/bkng/btn.jpg") repeat-x; line-height: 26px; display: inline-block; border: 1px solid #fff; padding: 0 15px; text-transform: uppercase; color: #fff; }
a.btn:hover { background: URL("/resources/images/bkng/btn-hover.jpg") repeat-x; }
p.pageBtn { text-align: right; padding-top: 5px; padding-right: 5px; }

/*- Modal Popup -*/
.modalBackground { background-color: #000; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { border: 1px solid #003366; background: #0054a5; padding: 3px;  }
.modalPopup-inner { padding: 15px; background: #fff; text-align: left; min-height: 200px;  }
.modalPopup-inner h2 { }
.modalClose { position: absolute; margin-top: -20px; margin-left: 330px; }

/* CONTAINERS
*******************************************************************************/
#master-container { margin-bottom: 10px; margin-top: 10px;}
#navigation-container { background: URL("/resources/images/bkng/navigation-strip.jpg") repeat-x; text-align: center;}
#navigation-container-inner { margin: 0px auto; width: 975px; text-align: left; height: 37px; line-height: 37px; }
#main-container { background: #0054a6 URL("/resources/images/bkng/main-content.jpg") repeat-x 0 0; text-align: center; margin-top: 10px; min-height: 500px; _height: 500px; padding-bottom: 40px; border-bottom: 3px solid #003366; }
#main-container-content { margin: 0px auto; width: 975px; text-align: left; }
#footer-container { margin: 0px auto; width: 975px; text-align: left; padding-top: 5px; background: URL("/resources/images/bkng/footer.jpg") no-repeat right 0; height: 79px; }


/* NAVIGATION CONTAINER
*******************************************************************************/

#logo { position: absolute; margin-left: 10px; }
#navigation-container-inner p { color: #fff; text-align: right;}

#navigation-container-inner a { color: #ffffff; }
#navigation-container-inner a:hover { color: #3a87d4;}


/* MAIN CONTENT
*******************************************************************************/

#main-content-left { width: 208px; float: left; padding-top: 170px; }
#main-content-right { width: 747px; float: left; padding-left: 20px; padding-top: 30px;   }

/*- Main Content Right -*/

#SubmitBtn { position: absolute; margin-left: 610px; margin-top: 364px; }
#PastOrders { position: absolute; margin-left: 580px;  z-index: 100; margin-top: -35px; background: transparent; }

/* navigation */
#nav { height:32px; width:747px; text-align: left; }
#nav ul { margin:0 auto; }
#nav li { float:left; list-style-type:none; text-align:left; padding-left: 2px; }
#nav a { color:#fff; display:block;	position:relative; font-size:11px; width: 110px; height:32px; line-height: 32px; text-decoration:none; background: URL("/resources/images/bkng/tab-off.jpg") no-repeat; text-align: center;}	
#nav a.current {  background: URL("/resources/images/bkng/tab-on.jpg") no-repeat; color: #0054a6; }

/* panes */
#panes { background:#fff; border: 1px solid #003366; width:745px; height:360px; position:relative; }
#panes div.mainTab { display:none; position:absolute; width:745px; }
.headerTabCheese { padding: 10px; height: 61px; width: auto; background: URL("/resources/images/bkng/cheese.jpg") no-repeat right top; border-bottom: 1px solid #003366; }
.headerTabCream { padding: 10px; height: 61px; width: auto; background: URL("/resources/images/bkng/cream.jpg") no-repeat right top; border-bottom: 1px solid #003366; }
.headerTabYoghurt { padding: 10px; height: 61px; width: auto; background: URL("/resources/images/bkng/yoghurt.jpg") no-repeat right top; border-bottom: 1px solid #003366; }
.headerTabMilk { padding: 10px; height: 61px; width: auto; background: URL("/resources/images/bkng/milk.jpg") no-repeat right top; border-bottom: 1px solid #003366; }
.headerTabButter { padding: 10px; height: 61px; width: auto; background: URL("/resources/images/bkng/butter.jpg") no-repeat right top; border-bottom: 1px solid #003366; }
.mainTab h3 { position: absolute; width: 400px; }
.mainTab p { padding-top: 35px; padding-left: 5px;  }

.mainTab-Tbl-Hdr th { height: 30px; line-height: 30px; background: #99ccff; border-bottom: 1px solid #003366; color: #003366; text-align: left;}
.mainTab-Tbl-Ftr th { height: 30px; line-height: 30px; background: #99ccff; border-bottom: 1px solid #003366; border-top: 1px solid #003366; color: #003366; text-align: left; font-size: 14px;}
.mainTab-Tbl-Ftr th.msg { color: #c00; font-size: 12px; text-transform: uppercase; }

.mainTab-Tbl-Wrapper { background: #fff; height: 216px; overflow-y: scroll;}
.mainTab-Tbl { }
.mainTab-Tbl td { height: 30px; line-height: 30px; color: #003366; border-bottom: 1px solid #99ccff; }
.mainTab-Tbl td input { width: 60px; color: #003366; }
.mainTab-Tbl tr.alt td { background: #eeecec; }
.mainTab-Tbl tr:hover td { background: #99ccff; }

/* login */
.loginTbl { margin-left: 20px; padding-top: 10px; }
.loginTbl td {  }
.loginTab div { padding: 10px; width: auto; }
.loginTab h3 { position: absolute; width: 400px; }
.loginTab p { padding-top: 35px; padding-left: 5px;  }

/*- Supplementary Content -*/
#supplementaryContent { margin-top: 30px; color: #fff; }

/*- Past Orders -*/
#PastOrdersTbl { display: none; width: 204px; position: absolute; margin-left: 524px; background: #eeecec; border: 1px solid #003366; z-index: 300; padding: 3px;}
#PastOrdersTbl li {    }
#PastOrdersTbl li:hover { }
#PastOrdersTbl li a { display: block; line-height: 25px; height: 25px; background: #fff; padding: 0 10px; color: #003366;font-weight: normal;}
#PastOrdersTbl li a:hover {font-weight: bold; background: #99ccff; border-top: 1px solid #003366; border-bottom: 1px solid #003366; } 

/*- Content Panel -*/
.contentPanel { color: #fff; }
.contentTbl { }
.contentTbl th { height: 30px; line-height: 30px; background: #99ccff; border-bottom: 1px solid #003366; color: #003366; text-align: left; padding: 0 10px; }
.contentTbl td.mainTd { background: #fff; border-bottom: 1px solid #003366; color: #003366; padding: 10px}
.contentTbl td.mainTd input { margin-right: 5px; }
.contentTbl td.mainTd input.dateRequired { margin-left: 20px;}


.contentTbl-Products { margin-top: 15px; }
.contentTbl-Products th { height: 30px; line-height: 30px; background: #99ccff; border-bottom: 1px solid #003366; color: #003366; text-align: left; padding: 0 10px; }
.contentTbl-Products td.mainTd { background: #fff; border-bottom: 1px solid #003366; color: #003366; padding: 10px}
.contentTbl-Ftr th { height: 30px; line-height: 30px; background: #99ccff; border-bottom: 1px solid #003366; color: #003366; text-align: left; padding: 0 10px; font-size: 14px; }