/*
** File: style.css
** Description: Main zauzeto.com CSS file
** Author: Vladan Zirojevic
** Email: vladan@zauzeto.com
** Version: 2.0
*/

body, html { 
 padding : 0px; 
 margin : 0px; 
 width : 100%; 
 height : 100%;
 min-width : 1005px; 
} 
body {
 font-family: Arial,Helvetica, sans-serif;
 font-size: 12px; 
 color: #2F2F2F; 
 padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 5px; 
 margin: 0; 
 margin-top: 5px; 
 background: #FAFAFA;
}
body#noheader {
 font-family: Arial,Helvetica, sans-serif;
 font-size: 12px; 
 color: #2F2F2F; 
 padding-right: 2px; padding-left:2px; background: #ffffff; padding-bottom: 0px;padding-top: 0px; 
 margin: 0px 3px 0px 12px; 
 background: #ffffff;
 width: 800px;
}

#page {
 margin: 0 auto;
 width: 1005px;
 padding:10px;
 background: #ffffff;
 border: 1px solid #DED7CA;
 -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
}
#page_header {
 margin: 0 auto;
  width: 1005px;
  padding:0px;
  text-align:left;
  border: 0;
 }

#waitplace {
 position: absolute;
 right:0;
 top:0;
 display: block;
 width: 90px;
 height: 24px;
 z-index: 999;
 text-align: center;
}
#wait {
 background: #2E9BDF;
 color: #ffffff;
 font-size: 1.1em;
} 

#topRightMenu {
 margin-top:10px;
 margin-left:5px;
 margin-right:5px;
 margin-bottom:0px;
 font-size:.9em;
 color:#cecece;
}

#topRightMenu a, #topRightMenu a:link, #topRightMenu a:visited {
 color:#cecece;
}

#topRightMenu a:hover {
 color:#fff;
}

#location {
 padding:2px;
 font-weight:bold;
}

#citylocation {
 padding:2px;
 font-weight:bold;
 font-size:1.2em;
}

#map {
  width: 340px;
  height: 300px;
  overflow: hidden;
}

/* =Menu
----------------------------------------------- */
#menucontainer{
 position:relative;
 list-style:none;
 margin:5px;
 margin-left:12px;
 clear:both;
 width: 100%
}

#menunav{
 position:relative;
 font-size:1.3em;
 padding:0 2px 0 0;
 width: 100%
}
 
#menunav ul{
 margin:0;
 padding:0;
 list-style-type:none;
 width:auto; 
 float:left;
}

#menunav ul li{
 display:block;
 float:left;
 margin:0 1px;
}

#menunav ul li a{
 display:block;
 float:left;
 text-decoration:none;
 margin:0 1px 0 0;
 padding:4px;
 padding-left:8px;
 padding-right:8px;
 color: #cecece;
 background: #261D18;
}

#menunav ul li a.current, #menunav ul li a.current:hover{
 color: #2E9BDF;
 background: #fff;
}

#menunav ul li a:hover{
 color: #fff;
}

/* =Colors
----------------------------------------------- */
.whitebg {background: #ffffff;}
.whitefg {color: #ffffff;}
.greenbg {background: #339900;}
.lightgreenbg {background: #EAECD6;}
.redbg {background: #EFAFA4;}
.red {color: red;}
.silverbg {background: silver;}
.gray {color: gray;}
.green {color: #84AF00;}
.highlighted { background-color:#FFFF99;}
.base {color: #2F2F2F}
.closed {color: gray;}


/* =Links
----------------------------------------------- */
a:link, a:visited {
 color: #2E9BDF;
 text-decoration: none;
}
a.closed:link, a.closed:visited {
 color: gray;
 text-decoration: none;
}
a:hover, a.closed:hover {
 color: #FF6600;
 text-decoration: none;
}

.nav {
 font-size: 1.3em; 
}

.orange, a.orange, a.orange:link, a.orange:visited { color: #2E9BDF;}
a.orange:hover { color: #F9590A;}
.white, a.white, a.white:link, a.white:visited { color: #ffffff;}
a.white:hover {color: #ffffff;}

a.food:link, a.food:visited {
 color: #505050; text-decoration: none;
}

.city, a.city, a.city:link, a.city:visited {
 font-size: 20px; 
 font-wight: bold;
 color: #2E9BDF;
 margin:10px;
 padding:5px;
 padding-left:25px;
 padding-right:25px;
 border: #F9590A 1px solid;
 height: 22px;
 background: #EBEDD8;
}
a.city, a.city:link, a.city:visited {
 text-decoration: none;
}
a.city:hover {
 text-decoration: none;
 border: #2E9BDF 1px solid;
}


/* =Headings
----------------------------------------------- */
h1,.pagetitle {
 font-size: 1.8em; 
 margin: 2px;
 font-weight: bold;
}
h2 { 
 font-size:1.4em;
 margin: 0px;
 padding: 0px;
 font-weight: bold;
}
h3, .pagesubtitle, .strongtitle {
 font-size: 1.6em; 
 padding:4px;
 color: #261D18;
 font-weight: bold;
 width:98%;
 margin:0px;
 border-bottom:1px solid #EDF3FE;
}

.strongtitle {
 color: #F9590A;
}

.pagesubsubtitle {
 font-size: 1.1em; 
 font-weight: normal;
 padding-bottom: 4px;
}

h4 {margin: 0; width: 99%; color: #EDF3FE;}
h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
 display: block;
 color: #EDF3FE;
 width: 100%
 cursor:pointer;
}

.h4desc {
 font-size:1em;
 margin-bottom:5px;
 margin-left:5px;
 font-weight:normal;
 color: #F9590A;
}

h6, h5 {
 margin: 0;
 font-size: 1.2em;
 text-align: left;
 font-weight: bold;
 
}
h6 a:link, h6 a:visited {
 padding: 4px 8px;
 display: block;
 height: 16px;
 text-decoration: none;
 background:#261D18; 
 color:#fff; 
 border-bottom:1px solid #eeeeee;
 
}
h5 a:link, h5 a:visited {
 border-bottom:1px solid #eeeeee;
 padding: 4px 8px 2px;
 height: 16px;
 text-decoration: none;
 
}
h6 a:hover {
 color: #FFFF99;
 text-decoration: none;
}

h5 .display, h6 .display {
 padding:5px;
}

/* =General elements
----------------------------------------------- */
td {font-size: 1em; }
p {font-size: 1em; }
ul, li {margin-left: 0px; padding-left: 0;list-style: block;}
ul {margin-left: 15px}
img {border: none; background: none;}
hr {color: #EDF3FE; background : #EDF3FE; width: 100%;border: 0; height: 1px; margin-top:3px; margin-bottom:3px}
.orangehr {color: #2E9BDF;background : #2E9BDF; width: 100%;border:0;}
fieldset { border:1px solid #EDF3FE; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;}
legend {
 padding: 0.2em 0.5em;
 font-size:14px;
 font-weight:bold;
 text-align:left;
 background:#EDF3FE;
}

small, .small {
font-size:11px;
}

big, .big {
font-size:1.1em;
color: #261D18;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
position:relative;
}

.bold {
 font-weight:bold;
}

.nomargin {
margin:0;
}

/* =Forms elements
----------------------------------------------- */
form {margin: 0; padding: 0;}
textarea,input,select { font:normal 1em Arial,Helvetica, sans-serif; }
textarea:focus,input:focus,select:focus {background:#FFFF99;}

checkbox, .checkbox {font-size: 1em; }

.stdFPOuterTable { width: 100%; }
.stdFPOuterTableHeaderCell {font-size: 1.5em; margin:3px; padding-bottom:2px; font-weight: normal; width:98%; border-bottom:1px solid #eeeeee; }
.stdFPOuterTableContentCell {text-align:left;}
.stdFPTable { text-align:left; position: relative; clear: both; margin: 0 0 4em 0; padding: 0;}
.stdFPTitle { color:gray; }
.stdFPReqTitle { color:#505050;}
.stdFPCheckBoxTitle {}
.stdFPRadioTitle { }
.stdFPError { font:normal 1em Arial,Helvetica, sans-serif; color:red; width:100%; background: #FFEFEF }
.stdFPErrorDiv { border:1px solid #CC3300; background:#ffefef; padding:3px 0;}
.stdFPComment { font:normal 11px Arial,Helvetica, sans-serif;}
.stdFPText {}
.stdFPFatalError { font:bold 12px Arial,Helvetica, sans-serif; color:#ff0000; }
.stdFPGroupTbl { border:1px solid #E7E7DE; }
.stdFPRequired {border: 1px solid #E7E7DE; border-left-width: 3px; padding: 2px; border-left-color: #2E9BDF;}
.stdFPNotRequired {border: 1px solid #E7E7DE; border-left-width: 3px; padding: 2px; border-left-color: #E7E7DE;}

 input[type=button], input[type=submit]  {
 	font-size:13px;
 	font-weight:bold;
 	cursor:pointer;
 	padding:3px 12px;
	 -moz-border-radius: 6px;
 	border-radius: 6px;
 	-webkit-border-radius: 6px;
 }
 
 input[type=button]:hover, input[type=submit]:hover{
 	background:#2E9BDF;
 	color:#FFFFFF;
 }

.stdFPSmallButton, .stdFPSmallButton:focus,
.stdFPButton, .stdFPButton:focus,
.stdFPBigButton, .stdFPBigButton:focus { 
	color:#505050;
	background:#EDF3FE;
	border:2px solid #DED7CA;
}
.stdFPSmallSubmitButton, .stdFPSmallSubmitButton:focus,
.stdFPSubmitButton, .stdFPSubmitButton:focus,
.stdFPBigSubmitButton, .stdFPBigSubmitButton:focus {
	color:#ffffff;
	background:#2E9BDF;
	border:2px solid #2E9BDF;
}

.stdFPSmallSubmitButton:hover,
.stdFPSubmitButton:hover,
.stdFPBigSubmitButton:hover  {
	color: #FFFF99;
}

/* =Admin table
----------------------------------------------- */
.admintable {background:#261D18; border: 1px #fafafa solid;border-left: 2px #fafafa solid}
.head { 
 WIDTH: 100%;
 font-size: 1em; 
 font-weight: bold;
 align:left;
 }
.head td {border: #fafafa 1px solid; background: #EDF3FE; color: #261D18}
.odd, .odd td {background: #ffffff; padding:5px ;border-bottom: #E7E7DE 1px solid;border-right: #EEEFFF 1px dotted;}
.even, .std, .even td, .std td{background: #fafafa; padding:5px ;border-bottom: #E7E7DE 1px solid; border-right: #EEEFFF 1px dotted;}
.highlight, .highlight td{background: #FFFF99; border-bottom: #E7E7DE 1px solid; padding:5px; border-right: #EEEFFF 1px dotted; }
.important, .important td {background: #FFEFEF; border-bottom: #F9590A 1px solid; }

/* =Showbox
----------------------------------------------- */
.box, .navblock {border: 1px #E7E7DE solid; width: 100%; }
.navblock_header {}
.navblock_body {BACKGROUND: #ffffff;}
.boxtitle {
 background: #ffcc66;
 font-size: 12px; 
 font-weight: bold;
 text-decoration: none;
 padding: 0px 6px 0px 4px;
 text-align:left; 
}
.boxsmalltitle {
 background: #ffcc66;
 font-size: 12px; 
 font-weight: bold;
 text-decoration: none;
 padding: 2px 2px 2px 2px;
 text-align:left; 
}
.boxfooter {background: #f4f4f4; font-size: 12px;}
.boxcontent {background: #ffffff;}
.boxborder {background: #808080;}


/* =Messages
----------------------------------------------- */
div.errormessage {background: #ffefef;color: #505050; border: 1px solid #F9590A;margin-top: 8px;margin-bottom: 16px;padding: 6px;line-height: 18px;
font-size:1.1em; 
-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
}
div.errormessage td {line-height: 18px;}
img.errormessage {}

div.infomessage {background: #FFFF99; border: 1px #FFB900 solid;margin-bottom: 8px;padding: 6px;line-height: 18px;
font-size:1.1em; 
-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
}
img.infomessage {}

div.inactiveoverlay { 
 visibility: visible; 
 display: block;
 width:100%; 
 z-index: 3000; 
 filter:alpha(opacity=12);-moz-opacity:.12;opacity:.12;
 background-image:url(images/overlay.gif); 
}

/* =Tags
----------------------------------------------- */
a.tag{
 background:url(images/icons/tag_yellow.png) 2px 1px no-repeat;
 text-transform:uppercase;
 font-size:0.8em;
 padding:4px 2px 3px 20px;
 margin-right:5px;
}

a.tag:hover{
 background:url(images/icons/tag_yellow.png) 2px 1px no-repeat;
}

#admintags ul {
 float: left; width: 60em; margin: 0; padding: 0; list-style: none;
}

#admintags li {
 float: left; width: 10em; height:16px; margin: 0; 
}

/* =Inline buttons
----------------------------------------------- */
.inline-button {
 _width:12em;
 font-size: 12px; color: #505050; font-family: Arial,Helvetica, sans-serif;
 font-weight: bold;
 margin: 0.1em; 
 padding: 2px 8px;
 white-space:nowrap;
 text-decoration: none;
 vertical-align:middle;
 color: #ffffff;
 background: #EDF3FE;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-radius: 8px;
border:1px solid #DED7CA; 
}
.inline-button em {
 _width:1em; _cursor:pointer;
 font-style: normal;
 margin:0; padding: 0.1em 0.5em;
 background: #EDF3FE;
 color: #505050;
}
a.inline-button, a.inline-button:link, a.inline-button:visited {
 color: #505050;
 text-decoration: none;
}
a.inline-button:hover{
 color: #ffffff;
}
.inline-button span {
 _width:1em; _cursor:pointer;
 margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
}
.inline-button:hover {
 background: #2E9BDF;
  color: #ffffff;
}
.inline-button:hover em {
 background: #94B540;
 color: white;
}

/* =Lists
----------------------------------------------- */
.vlist { width: 100%; margin: 0px; padding: 0px; }
.vlist ul { list-style-type: none; text-align: left; position: relative; }
.vlist li { display: block; text-align: left; margin: 3px; margin-bottom:5px; padding: 1px; width: 97% }
.vlist li a { TEXT-DECORATION: none; }
.vlist li a:hover {TEXT-DECORATION: none;}

.hlist { width: 100%; margin: 0px; padding: 0px; }
.hlist ul { list-style-type: none; text-align: left; position: relative; margin: 0px;}
.hlist li { display: inline; text-align: left; margin: 2px; margin-right: 15px; }
.hlist li a { TEXT-DECORATION: none; }
.hlist li a:hover {TEXT-DECORATION: none;}

.tlist { width: 100%; margin: 0px; padding: 0px; }
.tlist ul { width: 100%; list-style-type: none; text-align: left; position: relative;}
.tlist li { float: left;width: 30%; display: block; text-align: left; margin: 2px; padding: 1px; }
.tlist li a { TEXT-DECORATION: none; }
.tlist li a:hover {TEXT-DECORATION: none;}


/* =Footer
----------------------------------------------- */
#pagefooter {
 position:relative;
 width:1015px;
 clear:both;
 margin:0 auto;
 margin-top:8px;
 text-align:left;
 font-size: .9em;
 padding: 5px;
}

#pagefooter a:link, #pagefooter a:visited {
 color: #2F2F2F;
}

#pagefooter a:hover {
color: #FF6600;
}

#pagefooter h4 {
 background:#EDF3FE;
 color: #2F2F2F;
 font-size:1.2em;
 padding:2px;
}

.pagefooter_vdivider{
 border-right: 1px dotted #E7E7DE;
}


/* =Zone overlay
----------------------------------------------- */
#zonepopup { 
 min-height: 100%;
 visibility: visible; 
 position: absolute; 
 display: block;
 left: 0px; top: 0px; width:100%; 
 height:200%; 
 text-align:center; 
 background-image:url(images/overlay.gif); 
 z-index: 3000; 
}
* html #zonepopup{
 height: expression(document.body.clientHeight);
 width: expression(document.body.clientWidth);
}
#zonepopup div { width:750px; margin: 100px auto; background-color: #fff; border:2px solid #339900; padding:15px; text-align:center; }


/* =Working time
----------------------------------------------- */
#workingtimefull {
 border: 1px #E7E7DE solid;
 z-index: 999;
 position: absolute;
 padding: 10px;
 background: #FFFF99;
 
}
#workingtimetable {
 padding: 2px;
 width: 250px;
 background: #FFFFFF;
}
#workingtimetable td {
 font-size: 12px;
 border: 1px #E7E7DE solid;
}
.workingtimecurrent td {
 font-weight: bold;
 background: #E7E7DE;
}

/* =Specials
----------------------------------------------- */
.inlinespecials {
 border: 1px #FFB900 dashed;
 padding: 1px;
 margin: 0px;
 text-align:center;
 color: #F9590A;
 font-weight:bold;
 }
.specials {
 border: 1px #FFB900 dashed;
 padding: 4px;
 margin: 0px;
 margin-bottom: 8px;
 }
.specials .name, .chargespecials .name{
 font-size:1em;
 font-weight:bold;
 color:#F9590A;
}

.specials .comment, .chargespecials .comment{
 font-weight:normal;
 font-size:0.9em;
}
.chargespecials {
 border: 1px #FFB900 dashed;
 background: #FFEFEF;
 padding: 4px;
 margin: 0px;
 margin-bottom: 8px;
 }
.minusspecials{}
.plusspecials{}

/* =Restaurant menus
----------------------------------------------- */
#listing { padding-right:10px; border-right:1px dotted #DED7CA}
#rest_listing {}
.name { font-size:1.2em; font-weight:bold}
.bigname { font-size:16px;}
.description {font: normal 1em Arial,sans-serif;}

.rl{ 
	margin:0px; 
	padding: 3px; 
	clear: both; 
	border: 1px solid #EDF3FE; 
	margin-bottom:3px; 
	margin-top:3px;
	-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
	min-height:65px;
}
.rl h2{ font-size:1.4em; }

.rl:hover{ 
	border: 1px solid #DED7CA; 
}

#restaurant {
 height:100%
 width:100%;
}
#food_listing{
 margin-top:10px;
 width:99%;
}
div#menu{width:100%;margin: 0 auto; font: 1em Arial,sans-serif;text-align:left; }
dl{width: 100%;overflow: hidden;margin: 0; margin-bottom:3px; background: #FFF url(images/dot.gif) repeat-x 0 1em}
dt,dd.price{background: #FFF;}
dt{float: left;padding-right: 3px; font-size: 1.2em;font-weight: bold;}
dd{margin:0; text-decoration: none;}
dd.price{float: right;padding-left: 3px;color: #505050; font-weight: normal;}
dd.ingr{float: left;width: 100%; font: normal 1em Arial,sans-serif;color: #6F6F6F}
.ic {float: left;cursor:pointer;}
div.food {
 text-decoration: none;
 background: #ffffff; 
 border: 1px #ffffff solid;
 margin-left: 2px;
 margin-right: 2px;
 margin-top: 0px;
 margin-bottom: 1px;
 padding: 1px;
 
}
div.swf{
 bottom: 0px;
}

/* =Gallery
----------------------------------------------- */
.gallery {padding:5px; border: 1px solid #EDF3FE; background-color:#ffffff; }
.gallery:hover {background-color: #EDF3FE; }

/* =Reviews
----------------------------------------------- */
table.reviewcontainer {margin-top:5px; margin-bottom:10px; border: 1px solid #EDF3FE; -moz-border-radius: 8px; border-radius: 8px;-webkit-border-radius: 8px;}
table.reviewcontainer:hover {border: 1px solid #DED7CA; }
.reviewmsg {padding:3px;}
.reviewtitle {
 font-size: 1.2em; 
 font-weight: bold;
 margin: 10px 0;
 padding:3px 10px;
 border-bottom: 1px solid #EDF3FE;
}
.reviewauthor {font-size:1.1em; font-weight: bold; margin:3px 0 7px 0;}
.reviewdetails {font-size:0.9em; padding:5px; padding-left:10px;}
.reviewthumb {padding:2px; font-size:0.9em}
.reviewhelp {font-size:0.9em}

.reviewunapproved{background: #ffefef;border: 2px solid #F9590A;}

.reviewcontup{border: 2px solid #FFB900;}
.reviewcontdown{filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35;}

/* =Ads
----------------------------------------------- */
#ad728 {
 margin:5px auto;
 text-align:center;
 width:728px
}

#ad250 {
 margin:25px auto;
 text-align:center;
 width:250px
}


/* =Slideshow
----------------------------------------------- */
#mySlideshowContainer{
 margin: 0;
 margin-bottom: 10px;
 padding:0;
 height: 180px;
 width: 100%;
 clear: both;
 display:block;
}
#mySlideshow0, #mySlideshow1{
 width: 333px;
 height: 170px;
 z-index:5;
 margin:5px;
 float:left;
}
.jdSlideshow{
 display: none;
 overflow:hidden;
 position: relative;
}
.jdSlideshow img{
 border: 0;
 margin: 0;
}
.jdSlideshow .slideElement{
 width: 100%;
 height: 100%;
 background-color: #fff;
 background-repeat: no-repeat;
}
.jdSlideshow .loadingElement{
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: center center;
 background-image: url('images/wait2.gif');
}
.jdSlideshow .slideInfoZone{
 position: absolute;
 z-index: 10;
 width: 100%;
 margin: 0px;
 left: 0;
 bottom: 0;
 height: 45px;
 background: #F9590A;
 color: #fff;
 text-indent: 0;
}
.jdSlideshow .slideInfoZone h2{
 padding: 0;
 font-size: 1.3em;
 margin: 10px;
 padding-top: 15px;
 font-weight: bold;
 color: inherit;
}
.jdSlideshow .slideInfoZone p{
 padding: 0;
 font-size: 0.91em;
 margin: 5px;
 margin-left: 10px;
 color: #fff;
}
.jdSlideshow a{
 font-size: 100%;
 text-decoration: none;
 color: inherit;
}

/* =Other
----------------------------------------------- */

#fastsecure{
 border: 2px solid #EEEEEE;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 padding:10px;
}


#addthis {
 float: left;
}

#favorites_index{
 margin:15px 0;
 width:100%
 clear: both;
}

#categoryfilter{
 text-align:right;
 font-size:1.2em;
}

#categorydropdown {
 width: 98%;
 padding:10px;
 font-size:1.2em;
 background: #EDF3FE; 
 border: 1px #FFB900 solid; 
 -moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px;
 
}

.sidecart {
 margin-top: 5px;
 margin-bottom: 10px;
}
.zoneselect {
 font-size: 15px;
 font-weight: bold;
 background: #FFFF99;
}
.ordstat {
 border: 1px #FFB900 solid;
 padding:2px;
 background: #FFFF99;
 width: 150px;
 -moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px;
 }
.pagenavdis {
 padding: 3px;
 border: 1px #E7E7DE solid;
 color: #E7E7DE; 
 }
.pagenav {
 padding: 3px 6px;
 border: 1px #DED7CA solid;
 color: #261D18;
 -moz-border-radius: 3px; border-radius: 3px;-webkit-border-radius: 3px;
 font-size: .9em;
}
.pagenav a {color: #261D18; }

.pagenav a:hover {background: none;}

.pagenavcurent {
 padding: 3px 6px;
 border: 1px #261D18 solid;
 background: #261D18;
 color: #fff;
 -moz-border-radius: 3px; border-radius: 3px;-webkit-border-radius: 3px;
}

.icon {
 vertical-align:middle;
 border: none;
 background-image: expression(
 this.runtimeStyle.backgroundImage = "none",
 this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
 this.src = "images/transparent.gif"
 );
}
.sparkline {
 vertical-align:middle;
 border: none;
 border: 1px silver solid;
}
.alert {
 color: #CC3300;
 font-weight: bold;
}
.title {
 font-size: 1.2em; 
 margin: 2px;
}

.inactive {color: gray; text-decoration: line-through;}
.active {font-weight: bold;}
.active-alert {font-weight: bold; color:#CC3300}
.pick {font-weight: bold;}
.order {
 font-family: Arial, "courier New", courier, monospace;
 font-size: 12px;
 color:#505050;
 text-decoration:none;
}
.rowdatasel {background: #D8E1EB;}
.editortextarea { height: 30em; width: 100%; }

.loading {margin: 3px;padding: 3px;color: #555555;}

.menuHeader, .menuHeader td{ 
 font:normal 1.5em Arial,Helvetica, sans-serif; 
 text-align:left; 
 color: #505050;
 padding:2px;
 margin:2px;
 padding-left:7px;
 border: #CFCFCF 1px solid; 
 width: 100%; 
 background: #E7E7DE;
}

a.menuHeader:hover {
 color: #F9590A;
}

#subMenuTable {margin-bottom: 10px; font-size:0.9em;}

.openedlist { 
  width: 99%;
 font-size:125%;
 border: 1px #008000 solid;
 background: #EAECD6;
 padding: 2px;
}

.closedlist { 
 margin-top: 25px;
 width: 99%;
 padding: 2px;
 color: gray;
}

.stretcher {
 background: #ffffff;
 margin-bottom: 1em;
 border: 1px #E7E7DE solid;
}

.stretchercont {
 border: 0; 
 padding: 5px;
}
.menustretch{
 width:100%;
}
.menustretchtoggle{
 cursor: pointer;
 padding-left:5px;
 color: #505050;
}
.menustretcher{
 margin-top:10px;
 margin-bottom:15px;
}

.clearhack { display: inline; }

#copyright {
 margin:5px;
 font-size:1em;
}

/* =User levels
----------------------------------------------- */
span.ulev {padding: 1px; font-size:9px; font-weight:normal;  text-align:center;text-transform:uppercase; cursor:help;}

span.ulev-bronze {background: #CD7F32;color: #fff; border: 1px solid #D4AF37;}
span.ulev-silver {background: #C0C0C0;color: #fff; border: 1px solid #A59A98;}
span.ulev-gold {background: #FFD700;color: #505050; border: 1px solid #C0C0C0;}
span.ulev-platinum {background: #A59A98;color: #fff; border: 1px solid #505050;}
span.ulev-diamond {background: #EFFFFE;color: #0000A0; border: 1px solid #7FB9FF;}
span.ulev-star {background: #D4AF37;color: #fff; border: 1px solid #FFD700;}

/* =Sprites for rating stars and bars
----------------------------------------------- */
.star, .starbig {
 color: #ffffff;
zoom:1;
font-size:11px;
padding:1px;
width:81px;
 background:#2E9BDF;
 border:1px solid: #2E9BDF;
 -moz-border-radius: 2px;
 border-radius: 2px;
 -webkit-border-radius: 2px;
}

.starbig {
padding:1px;
margin:2px;
width:111px;
font-size:14px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 -webkit-border-radius: 2px;
}

.star b, .starbig b {
  margin:0; padding:0; float:left;
  margin-left: 2px;
  margin-right: 4px;
}

.sprite{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	overflow:hidden; 
	background-repeat:no-repeat;  
	background: url(/images/sprite.png) no-repeat top left; 
}

.sprite-bigstars10 { background-position: 0 -158px; width:85px; height:16px} 
.sprite-bigstars15 { background-position: 0 -579px; width:85px; height:16px} 
.sprite-bigstars20 { background-position: 0 -821px; width:85px; height:16px} 
.sprite-bigstars25 { background-position: 0 -533px; width:85px; height:16px} 
.sprite-bigstars30 { background-position: 0 -487px; width:85px; height:16px} 
.sprite-bigstars35 { background-position: 0 -112px; width:85px; height:16px} 
.sprite-bigstars40 { background-position: 0 -250px; width:85px; height:16px} 
.sprite-bigstars45 { background-position: 0 -700px; width:85px; height:16px} 
.sprite-bigstars50 { background-position: 0 -204px; width:85px; height:16px} 

.sprite-stars10 { background-position: 0 -30px; width:60px; height:11px} 
.sprite-stars15 { background-position: 0 -378px; width:60px; height:11px} 
.sprite-stars20 { background-position: 0 -625px; width:60px; height:11px} 
.sprite-stars25 { background-position: 0 -780px; width:60px; height:11px} 
.sprite-stars30 { background-position: 0 -296px; width:60px; height:11px} 
.sprite-stars35 { background-position: 0 -901px; width:60px; height:11px} 
.sprite-stars40 { background-position: 0 -337px; width:60px; height:11px} 
.sprite-stars45 { background-position: 0 -71px; width:60px; height:11px} 
.sprite-stars50 { background-position: 0 -942px; width:60px; height:11px} 

.sprite-bar_10 { background-position: 0 -746px; width:54px; height:4px; margin-bottom:5px;} 
.sprite-bar_20 { background-position: 0 -867px; width:54px; height:4px; margin-bottom:5px;} 
.sprite-bar_30 { background-position: 0 -666px; width:54px; height:4px; margin-bottom:5px;} 
.sprite-bar_40 { background-position: 0 -419px; width:54px; height:4px; margin-bottom:5px;} 
.sprite-bar_50 { background-position: 0 -453px; width:54px; height:4px; margin-bottom:5px;} 


.lang-menu{
	border:solid 1px #eeeeee;
	width:120px;
	clear:both;
	position: absolute;
	background: #fff;
}
ul.lang-menu, .lang-menu li{
	padding:0; 
	margin:0;
	list-style:none;
}
ul.lang-menu{
	clear:both;
	padding:2px 4px;
}
.lang-menu li a{
	color:#261D18;
	display:block;
	padding:5px;
	text-decoration:none;
}
.lang-menu li a:hover{
	color:#261D18;
	background: #EDF3FE
}
#lang-menu-link a, #lang-menu-link a:hover {
	color: #2F2F2F; 
	background: none; 
}

#indexintro{
position:relative;
 width:610px;
 clear:both;
 margin:5px;
 margin-bottom:15px;
  padding: 10px;
 -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
  border: 2px solid #FF6600;
  background: #FAFAFA;
  font-size:1.4em;
  font-weight:bold;
}

#reservenow, #filternow {
 position:relative;
 width:610px;
 clear:both;
 margin:5px;
 font-size: 1.2em;
 border: 2px solid #F1EEE8;
 background: #EDF3FE;
 padding: 10px;
 -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
}

#reservenow:hover, #filternow:hover {
	border: 2px solid #DED7CA; 
}

.contrasttable table {
  margin: 0px 10px;
  padding:5px;
  width:100%;
  color: #fff;
  -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
}

.contrasttable h2 {
  font-size:1.6em;
}

a:active{
  outline: none;
}
:focus {
  -moz-outline-style: none;
}


#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 600px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


.panel {
clear: both;
display: none;
}

.panel.active-tab-body {
display: block;
}

#tabsmain {
margin:0;
padding: 3px 0;
list-style: none;
height: 25px;
font-size:1.2em;
}


#tabsmain li {
float: left;
list-style: none;
margin: 0;
display: inline;	
}

#tabsmain a {
float: left;
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #FAFAFA;
border-bottom: none;
height: 21px;
font-weight: normal;
color: #2E9BDF;
background: none;
font-weight: bold;
}

#tabsmain a:hover {
 border-color: #eeeeee;
 color: #FF6600;
 -moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

#tabsmain a.active-tab {
background: #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #E7E7DE;
border-right: 1px solid #E7E7DE;
border-left: 1px solid #E7E7DE;
color: #FF6600;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;

}

#tabsmain a.no-tab {
background-color: #fff;
border: 0px;
margin-left: 5px;
background: #ffffff;
color: #008000;
font-weight: normal;
float:right;
}

#tabs {
margin:0;
padding: 3px 0;
list-style: none;
border-bottom: 1px solid #E7E7DE;
height: 25px;
font-size:1.2em;
background: #EDF3FE;
}


#tabs li {
float: left;
list-style: none;
margin: 0;
display: inline;	
}

#tabs a {
float: left;
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #EDF3FE;
border-bottom: none;
height: 21px;
font-weight: normal;
background: none;
color: #2E9BDF;
}

#tabs a:hover {
 border-color: #eeeeee;
 color: #FF6600;
 -moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

#tabs a.active-tab {
background-color: #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #E7E7DE;
border-right: 1px solid #E7E7DE;
border-left: 1px solid #E7E7DE;
background: #ffffff;
color: #FF6600;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
font-weight: bold;
}

#tabs a.no-tab {
background-color: #fff;
border: 0px;
margin-left: 5px;
background: #ffffff;
color: #008000;
font-weight: normal;
float:right;
}




/*
scal.css - The style sheet for the scal calendar control.

Everything style-wise in scal is controlled through the use of css classes.  You begin by defining your
base element (i.e. the div that will hold the calendar) with a style class as defined in this file.  From there,
all elements of the calendar will automatically be assigned their style as a subset of the class.

To make a new style, just copy the scal classes paste at the bottom of the file.  Change the
css class name to a unique name (ex. .scal to .mycalendar) and then you will have your own unique class for scal.
Once the css is in place, update your HTML to use the new class name in the base element definition:

<div id="calendar_holder" class="scal"></div>

That's all you need to do to create your own style for scal.  Of course, you can also derive your own classes from
the scal class itself.  Just override the element you want to change and then append your new class name to the 
class element of the base element:

.mycal{background-color:red;}

<div id="calendar_holder" class="scal mycal"></div>

Now, you'll have a sweet red background for your scal.

P.S. Try out the included versions to see how they work and have fun! 
*/


/*
googleblue - inspired by google's default calendar widget on iGoogle
*/
.googleblue{
	background-color: #DED7CA;
	margin:1px;
	border:1px solid #DED7CA;
	font-size:10pt;
	width:218px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	display:block;
	padding:3px;
	min-height:175px;
	-moz-border-radius: 7px; border-radius: 7px; 
	
}
.googleblue:hover{
	cursor:pointer;
	/*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.googleblue .calwrapper{
	display:block;
}
.googleblue .calweekswrapper{
	display:block;
}
.googleblue .calheader{
	display: block;
	width:100%;
	text-align:center;
	font-size:11pt;
	font-weight: bold;
	margin-bottom:2px;
}
.googleblue .caltitle{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.googleblue .calcontrol{
	font-weight: bold;
	width:25px;
}
.googleblue .calcontrol:hover{
}
.googleblue .calclose{
	float:right;
	display:none;
}
.googleblue .calprevmonth{
	float:left;
}
.googleblue .calnextmonth{
	float:right;
}
.googleblue .calnextyear{
	display:none;
}
.googleblue .calprevyear{
	display:none;
}
.googleblue .daybox{
	float:left;
	background-color: white;
	border:1px solid white;
	width:25px;
	padding:2px;
	color:black;
	text-align:center;	
}
.googleblue .dayboxvalue{
    display: none;
}
.googleblue .dayboxname{
	border: 1px solid #261D18;
	background-color: #261D18;
	color:white;
}
.googleblue .dayboxsunday{
	background-color: #F8F6F3;
	border: 1px solid #F8F6F3;
}
.googleblue .dayboxsaturday{
	background-color: #F8F6F3;
	border: 1px solid #F8F6F3;
}
.googleblue .daybox:hover{
}
.googleblue .dayboxname:hover{
}
.googleblue .dayinmonth{
	color: black;
}
.googleblue .dayoutmonth{
	color:gray;
}
.googleblue .dayselected{
	background-color: #FF6600;
	color: white;
}
.googleblue .daycurrent{
	border:1px solid #FF6600;
}
.googleblue .weekbox{
	width:100%;
	min-height:21px;
	display:block;
}
.googleblue .endweek{
	float:left;
}
.googleblue .weekboxname{
}



/*
iscal - based on apple's ical default design
*/
.iscal{
	background-color: #F8F6F3;
	margin:1px;
	border:2px solid #F8F6F3;
	font-size:10pt;
	width:890px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	display:block;
	padding:3px;
	min-height:540px;
	-moz-border-radius: 7px; border-radius: 7px; 
}
.iscal .calwrapper{
	display:block;
}
.iscal .calweekswrapper{
	display:block;
	border-right:1px solid #cccccc;
}
.iscal .calheader{
	display: block;
	width:100%;
	text-align:center;
	color:#000;
	font-size:14pt;
	margin-bottom:2px;
}
.iscal .caltitle{
	width:70%;
	height:30px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.iscal .calcontrol{
	font-weight: bold;
	width:25px;
	cursor: pointer;
}
.iscal .calcontrol:hover{
}
.iscal .calclose{
	float:right;
	display:none;
}
.iscal .calprevmonth{
	float:left;
}
.iscal .calnextmonth{
	float:right;
}
.iscal .calnextyear{
	display:none;
}
.iscal .calprevyear{
	display:none;
}
.iscal .daybox{
	float:left;
	background-color: white;
	border-left:1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width:120px;
	height:70px;
	padding:3px;
	color:black;
	text-align:right;
    	overflow: auto;
    	margin:0;
}
.iscal .dayboxname{
	border-left: 1px solid #ffffff;
	height:auto;
	width:120px;
	text-align: center;
	color:#000000;
}
.iscal .dayboxvalue{
	text-align:left;
	overflow: auto;
}
.iscal .daybox:hover{
}
.iscal .dayboxname:hover{
}
.iscal .dayinmonth{
	color: black;
}
.iscal .dayoutmonth{
	color:gray;
}
.iscal .dayselected{

}
.iscal .daycurrent{
	border:1px solid #FF6600;
}
.iscal .weekbox{
	width:100%;
	display:block;
}
.iscal .endweek{
	float:left;
}
.iscal .weekboxname{
}
.iscal .dayboxdate{
    width: 15px;
    text-align: center;
    float: right;
}
.iscal .dayboxvalue p {
    margin: 0px;
    padding: 0px;
    display: block;
    clear: both;
    border-bottom: 1px solid #ccc;
}
.iscal .dayselected{
}

 p.iscalpast {
    background: #F8F6F3;
    font-style:italic; 
    font-size:0.8em;
 }
 p.iscalfuture {
    background: #FFFF99;
    font-size:0.8em;
 }
 
 p.iscalcanceled {
    text-decoration: line-through;
 }