﻿*{	padding: 0px;	margin: 0px;}
td, th{	padding: 5px; font-family: Segoe UI;}

body{ font-size: 11px; font-family: Segoe UI;}

a { color: #72809B; font-family: Segoe UI;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

.imgbutton { cursor: pointer;}

#mainContainer{	position: relative;	width: 850px;	margin: 0 auto;}

#header{ height:90px; width:100%; }
#logo { float:left; position:relative; width: 300px; padding-top:10px;	}
#globalnav {  position:relative; width:500px; text-align:right; z-index:10; margin-right:10px; }
#login { float:right; position:relative; width:400px; text-align:right; padding-right: 5px; text-align:right; }

/* GLOBALHEADER */
#adminnav { width: 100%; }
#adminnav li { display: inline; }
/*#adminnav li a { float: left; height: 0; padding-top: 40px; overflow: hidden; }
#adminnav li a { background-image: url(Images/admin_menu.gif); _background-image: url(Images/admin_menu.gif); background-repeat: no-repeat; }*/

/* BUTTONS */
#adminnav li#gn-home a { background-position: 0 0; width:79px }
#adminnav li#gn-countries a { background-position: -79px 0; width:115px; }
/*#adminnav li#gn-menusections a { background-position: -194px 0; width:172px; }*/
#adminnav li#gn-restaurants a { background-position: -194px 0;  width:150px;}

/* OVER STATES */
#adminnav li#gn-home a:hover { background-position: 0 -40px; }
#adminnav li#gn-countries a:hover { background-position: -79px -40px; }
/*#adminnav li#gn-menusections a:hover { background-position: -194px -40px; }*/
#adminnav li#gn-restaurants a:hover { background-position: -194px -40px; }

/* PRESSED STATES */
#adminnav li#gn-home a:active { background-position: 0 -40px; }
#adminnav li#gn-countries a:active { background-position: -79px -40px; }
/*#adminnav li#gn-menusections a:active { background-position: -194px -40px; } /*
#adminnav li#gn-restaurants a:active { background-position: -194px -40px; }

/* ON STATES */
#globalnav.home          #adminnav li#gn-home a { background-position:  0 -40px  !important; }
#globalnav.countries     #adminnav li#gn-countries a { background-position:-79px -40px !important; }
/*#globalnav.menusections  #adminnav li#gn-menusections a { background-position: -194px -40px !important; }*/
#globalnav.restaurants   #adminnav li#gn-restaurants a { background-position: -194px -40px !important; }

#ul-admin li { font-size:16pt; font-weight:bold;color:#A2A0A0;}
#ul-admin li a { color:#A2A0A0;}



/* ANON NAV */
#anonnav { float:right; position:relative; width:350px; text-align:left; height:40px; margin: 0; padding: 0; padding-right:0px;}
#anonnav li { display: inline; }
#anonnav li a { float: left; height: 0; padding-top: 40px; overflow: hidden; }
#anonnav li a { background-image: url(Images/anon_menu_grey.gif); _background-image: url(Images/anon_menu_grey.gif); background-repeat: no-repeat; }

/* BUTTONS */
#anonnav li#gn-home a { background-position: 0 0; width:98px }
#anonnav li#gn-restaurants a { background-position: -98px 0;  width:144px;}
#anonnav li#gn-requests a { background-position: -242px 0;  width:108px;}

/* OVER STATES */
#anonnav li#gn-home a:hover { background-position: 0 -40px; }
#anonnav li#gn-restaurants a:hover { background-position: -98px -40px; }
#anonnav li#gn-requests a:hover { background-position: -242px -40px;  width:108px;}

/* PRESSED STATES */
#anonnav li#gn-home a:active { background-position: 0 -40px; }
#anonnav li#gn-restaurants a:active { background-position: -98px -40px; }
#anonnav li#gn-requests a:active { background-position: -242px -40px;  width:108px;}

/* ON STATES */
#globalnav.home          #anonnav li#gn-home a { background-position:  0 -40px  !important; }
#globalnav.restaurants   #anonnav li#gn-restaurants a { background-position: -98px -40px !important; }
#anonnav li#gn-requests a { background-position: -242px 0;  width:108px;}


#footer{ height:30px; width:100%; color:gray; text-align:center;}
#footer .text { margin-top:30px;}

#content{ padding:20px 5px 20px 5px; font-family: Arial; font-size:10pt; min-height:500px;_height:500px;}

#myaccount { float:right; position:relative; text-align:right;}
#myaccount li { display:inline;}
#myaccount li a { float:left; height:0; padding-top:30px; overflow:hidden; background-image: url(Images/logout.gif); _background-image: url(Images/logout.gif); background-repeat: no-repeat; width:170px;}
#myaccount li#my-account a { background-position: 0 0; width:105px; }
#myaccount li#my-logout a { background-position: -105px 0; width:60px; }

#login { float: right; position:relative; text-align: right; height:30px;}

.error { font-size:12px; padding-left: 2px;}

/* MODAL */
.modal { width: 400px; background-color:#ffffff;}
.modal .header .outer { background:url(Images/modal_top.gif) right no-repeat; padding-right:30px; height:30px; }
.modal .header .inner { background:url(Images/modal_top.gif) left no-repeat; padding-left:30px; height:30px;  }
.modal .header .content { padding: 5px 0 0 0px; float:left; }
.modal .header .close { padding: 5px 20px 0 0; float:right; }
.modal .header .close a.closelink { background-image: url(Images/close.gif); _background-image: url(Images/close.gif); background-repeat: no-repeat;  background-position: 0 0px; width: 18px; height:20px;  position:absolute; }
.modal .header .close a.closelink:hover { background-image: url(Images/close.gif); _background-image: url(Images/close.gif); background-repeat: no-repeat;  background-position: 0 -20px; width: 18px; height:20px;  }

.modal .body .outer { background:url(Images/modal_right.gif) right repeat-y; padding-right:30px; }
.modal .body .inner { background:url(Images/modal_left.gif) left repeat-y; padding-left:30px;   }
.modal .body .content {  }

.modal .footer .outer { background:url(Images/modal_bottom.gif) right no-repeat; padding-right:30px; height:30px; }
.modal .footer .inner { background:url(Images/modal_bottom.gif) left no-repeat; padding-left:30px; height:30px;  }

.modalBackground { background-color:#e5e5e5; filter:alpha(opacity=70); opacity:0.7;}

/*
.text200 .textbox { float:left;  width:200px; background-image: url(Images/text_200.gif); height:24px; border:0; padding: 4px 2px 0px 6px; background-position:left; background-repeat: no-repeat;  border-style: none; }
.text200 input { border:0; width:190px;}

.text300 { float:left; width:300px; background-image: url(Images/text_300.gif); height:24px; border:0; padding: 4px 2px 0px 6px; background-position:left; background-repeat: no-repeat;  border-style: none; }
.text300 input { border:0; width:290px;}
*/

.text200 .textbox {  width:200px;}
.text300 .textbox {  width:300px;}

.textbox { height: 18px; background-image: url(Images/text_bg.gif); background-repeat:repeat-x; background-position:left; border: 1px solid #DEDEDE; padding: 2px 3px 0px 3px;}
.dropdown { font-size: 9pt; }

.textarea { height: 50px; background-image: url(Images/text_bg.gif); background-repeat:repeat-x; background-position:top; border: 1px solid #DEDEDE; padding: 2px 3px 0px 3px;}



.listview{}
.listview .headerrow td { font-weight: bold; font-size: 16px; border-bottom: 0	px solid #e5e5e5; background:url(Images/section_fill.gif) top repeat-x;}
.listview .headerrow td a { color: #000000;}
.listview .headerrow td.left {background:url(Images/section_fill.gif) left no-repeat; padding-left:10px; height:30px;}
.listview .headerrow td.right {background:url(Images/section_fill.gif) right no-repeat; padding-right:30px; height:30px;}

.listview .row td { font-size:14px; border-bottom: 1px solid #e5e5e5;}
.listview .row td.boldbig { font-size:20pt; font-weight:bold;}
.listview .row td.bold16 { font-size:16pt; font-weight:bold;}

.listview .menurow tr.itemdetails td{ font-size: 10pt; color:Gray;}
.listview .menurow td { padding: 2px 5px 2px 5px;}
.listview .menurow td.bold { font-size:12pt; font-weight:400;}
.listview .menurow td.boldlarge { font-size:16pt; font-weight:bold;}
.listview .menurow td.border {  border-bottom: 1px solid #e5e5e5;}

b.boldlarge { font-size:16pt; font-weight:bold;color:#000000;}
.boldtitle { font-size:16pt; font-weight:bold;color:#74839C;}

.pagerInfo { float:left; width:300px; text-align:left;}

.menusection { width: 100%;}
.menusection .outer {background:url(Images/section_fill.gif) right no-repeat; padding-right:30px; height:40px;}
.menusection .inner {background:url(Images/section_fill.gif) left no-repeat; padding-left:10px; height:40px; }
.menusection .content { padding: 5px 0 0 0px; float:left;}

.alpha { font-size: 14pt; padding: 0 5px 0 5px; width: 30px;}
.alpha:hover { background-color: #74839C;	color: white; font-size: 14pt; padding: 0 5px 0 5px; width: 30px; }
.alphaselected { background-color: #74839C;	color: white; font-size: 14pt; padding: 0 5px 0 5px; width: 30px; }

/* AutoComplete  */
.autocomplete { border: 1px solid #DEDEDE; border-top: 0px; height:200px; width:305px; overflow-y:scroll; overflow-x:hidden; background-color:White; z-index:10000;}
.autocomplete_highlightedListItem{	background-color: #74839C;	color: white;	padding: 2px;text-align:left;}
.autocomplete_listItem { background-color:White; list-style: none;padding : 2px; text-align:left;}

.downarrow { border: 1px solid #DEDEDE !important;  padding: 0; height: 20px; margin-left: -16px; }

.nodata { padding:10px; color: #000000; font-size: 12pt; text-transform: lowercase; font-weight:bold }