html {background:#fff;}
body,img,p,h1,h2,h3,h4,h5,h6,fieldset,form,table,td,ul,li,pre,blockquote,code{ margin:0; padding:0; border:0; }
/*body{ font: 100% Georgia, "Times New Roman", serif; background-color: #ffffff; color: #565656; text-align: center; }*/
body {
	font-family:Arial;font-size:10px;
 margin-left:0;margin-top:0;
	color:#000000;background:url('images/villa_background.jpg') repeat-x;
	text-align:center;
}

.dateCalendar {position:relative;top:;}
.dateCalendar input {width:18px;text-align:center;}
.dateCalendar a:visited img {border:none;}
.popupCalImg {position:relative;width:28px;border:0;margin-left:5px;top:7px;}

/* The main calendar widget.  DIV containing a table. */
.Calendars {margin:5px;width:200px;height:100px;vertical-align:top;}

.calendar {
  position:relative;display:none;border-top:2px solid #fff;border-right:2px solid #000;border-bottom:2px solid #000;
  border-left:2px solid #fff;font-size:11px;color:#000;cursor:default;background:#e8f4f0;
  font-family:tahoma,verdana,sans-serif;
  z-index:3000 !important;
}
.calendar table {
  border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;
  border-left:1px solid #000;font-size:11px;color:#000;cursor:default;
  font-family:tahoma,verdana,sans-serif;
}
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align:center;padding:1px;border-top:1px solid #fff;border-right:1px solid #000;
  border-bottom:1px solid #000;border-left:1px solid #fff;color:#fff;background:#800000;
}
.calendar .nav {background:#800000;/*background:transparent url(menuarrow.gif) no-repeat 100% 100%;*/}
.calendar thead .title { /* This holds the current "month, year" */
  font-weight:bold;padding:1px;border:1px solid #000;background:#800000;color:#fff;text-align:center;
}
.calendar thead .headrow {background:#800000; /* Row <TR> containing navigation buttons */}
.calendar thead .daynames { /* Row <TR> containing the day names */}
.calendar thead .name {border-bottom:1px solid #000;padding:2px;text-align:center;background:#e8f0f4;}
.calendar thead .weekend {color:#f00;}
.calendar thead .hilite {border-top:2px solid #fff;border-right:2px solid #000;border-bottom:2px solid #000;border-left:2px solid #fff;padding:0px;background:#800000;color:#fff;}
.calendar thead .active { /* Active (pressed) buttons in header */
  padding:2px 0px 0px 2px;border-top:1px solid #000;border-right:1px solid #fff;
  border-bottom:1px solid #fff;border-left:1px solid #000;background-color:#b8c0c4;
}
.calendar tbody .day {width:2em;text-align:right;padding:2px 4px 2px 2px;}
.calendar tbody .day.othermonth {font-size:80%;color:#aaa;}
.calendar tbody .day.othermonth.oweekend {color:#faa;}
.calendar table .wn {padding:2px 3px 2px 2px;border-right:1px solid #000;background:#e8f4f0;}
.calendar tbody .rowhilite td {background:#c8d4d0;}
.calendar tbody .rowhilite td.wn {background:#c8d4d0;}
.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding:1px 3px 1px 1px;border:1px solid;border-color:#fff #000 #000 #fff;background:#800000;color:#fff;
/*  padding:1px 3px 1px 1px;border:1px solid;border-color:#fff #000 #000 #fff;background:#BFEEF9;*/
}
.calendar tbody td.active {padding:2px 2px 0px 2px;border:1px solid;border-color:#000 #fff #fff #000;}

.dateCalendar {position:relative;top:;}
.calendar tbody td.selected {font-weight:bold;padding:2px 2px 0px 2px;border:1px solid;border-color:#000 #fff #fff #000;background:#d8e0e4;}
.calendar tbody td.weekend {color:#f00;}
.calendar tbody td.today {font-weight:bold;color:#00f;}
.calendar tbody .disabled { color:#999; }
.calendar tbody .emptycell {visibility:hidden;}
.calendar tbody .emptyrow {display:none;}
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */}
.calendar tfoot .ttip {padding:1px;border:1px solid #000;background:#800000;color:#fff;text-align:center;}
.calendar tfoot .hilite {border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #fff;padding:1px;background:#d8e0e4;}
.calendar tfoot .active {padding:2px 0px 0px 2px;border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #000;}
.calendar .combo {
  position:absolute;display:none;width:4em;top:0px;left:0px;cursor:default;
  border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;
  border-left:1px solid #fff;background:#d8e0e4;font-size:90%;padding:1px;z-index:100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {text-align:center;padding:1px;}
.calendar .combo .label-IEfix {width:4em;}
.calendar .combo .active {background:#c8d0d4;padding:0px;border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #000;}
.calendar .combo .hilite {background:#048;color:#aef;}
.calendar td.time {border-top:1px solid #000;padding:1px 0px;text-align:center;background-color:#e8f0f4;}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding:0px 3px 0px 4px;border:1px solid #889;font-weight:bold;background-color:#fff;
}
.calendar td.time .ampm {text-align:center;}
.calendar td.time .colon {padding:0px 2px 0px 3px;font-weight:bold;}
.calendar td.time span.hilite {border-color:#000;background-color:#667;color:#fff;}
.calendar td.time span.active {border-color:#f00;background-color:#000;color:#0f0;}

.calendar table {
  border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;
  border-left:1px solid #000;font-size:11px;color:#000;cursor:default;
  font-family:tahoma,verdana,sans-serif;
}

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align:center;padding:1px;border-top:1px solid #fff;border-right:1px solid #000;
  border-bottom:1px solid #000;border-left:1px solid #fff;color:#fff;background:#800000;
}
.calendar .nav {background:#800000;/*background:transparent url(menuarrow.gif) no-repeat 100% 100%;*/}
.calendar thead .title { /* This holds the current "month, year" */
  font-weight:bold;padding:1px;border:1px solid #000;background:#800000;color:#fff;text-align:center;
}

.textsize10 {font-family:Arial; font-size:11px; color:rgb(0,0,0);}
.textsize12 {font-family:Arial; font-size:12px; color:rgb(0,0,0);}
.textsize12b {font-family:Arial; font-size:12px; color:rgb(24,173,231);}
.textsize8 {font-family:Arial; font-size:9px; color:rgb(0,0,0);}

.horizline {background: rgb(78,77,57);}

.formbackground {font-family:arial;font-size:10px;color:#000;background:url('images/search_background.jpg') repeat-x;}

.activity {font-family:arial;font-size:10px;text-align:center;color:#000;background:url('images/villa_bottom.jpg') repeat-x;}

.extra {background:url('images/villa_extra.jpg') no-repeat;}
.extratab {font-family:arial;font-size:10px;text-align:center;color:#000;background:url('images/villa_extra_tab.jpg') no-repeat;}
.pagebottom {font-family:arial;font-size:11px;font-weight:bold;color:#000;background:url('images/villa_bottom.jpg') repeat-x;}
.pagebottom a {text-decoration:none;font-size:11px;font-weight:bold;color:#000;}
.searchbackground {background:url('images/search_now.jpg') no-repeat;}

h1 {font-family:helvetica,arial,sans-serif; font-size:12pt; font-weight: bold;color:#000000;}

.menu_01_option a {text-decoration:none;font-weight:bold;color:#FFFFFF;}
.menu_01_option a:hover {font-size:13px;}/*color:#B1B4C4;}*/
.menu_01_option {font-size:11px;padding-top:2px;float:left;text-align:center;background:url('images/villa_menu.gif') no-repeat;width:123;height:21px;}
.menu_01_selected {font-size:11px;font-weight:bold;color:#000000;padding-top:2px;float:left;text-align:center;background:url('images/villa_menu_here.gif') no-repeat;width:123;height:21px;}

.searchbanner {font-size:14px;color:#000000;padding-top:2px;float-left;text-align:center;background:url('images/villa_search.jpg') no-repeat;width:284;height:56px;}
input {font-size:8pt;border:1px solid #800000;}
/*button {font-weight:bold;border:0px;font-size:10pt;text-align:center;color:#000;background:url('images/villa_search.jpg') no-repeat;width:100px;height:27px;}*/
select {font-size:8pt;border:1px solid #800000;}
textarea {font-size:8pt;border:1px solid #800000;}

#err1,#err2,#err3,#err4,#err5,#err6,#err7,#err8,#err9 {display:none;color:#f00;}
#err1a,#err2a {display:none;color:#f00;}
#thx {display:none;padding-top:10px;font-size:large;}

.flag_horiz {padding-left:10px;}

.pb {font-weight:bold;}
.pi {font-style:italic;}
.pu {text-decoration:underline;}
.pbui {text-decoration:underline;font-style:italic;font-weight:bold;}
.pbi {font-style:italic;font-weight:bold;}
.px8 {font-size:8px;}
.px9 {font-size:9px;}
.px10 {font-size:10px;}
.px10grey {font-family:tahoma;font-size: 10px; color:rgb(144,144,144);}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.px18 {font-size:18px;}
.pt6 {font-size:6pt;}
.pt7 {font-size:7pt;}
.pt9 {font-size:9pt;}
.pt10 {font-size:10pt;}
.pt12 {font-size:12pt;}
.pt18 {font-size:18pt;}
.pt24 {font-size:24pt;}
.pages {font: normal 82.5% "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;}

#fxd td {padding-right:30px;}
#edt td {padding-right:30px;}
#edt {display:block;}
#Template-Contents td {font-family:Arial,verdana,tahoma;font-size:10pt;}
#agtDetails {font-family:Arial,verdana,tahoma;font-size:10px;color: #777777}
#agtBody {min-height:350px;}
#zbkgDetails {position:relative;left:100px;top:-100px;padding-bottom:35px;}
#bkgDetails {position:relative;width:100%;padding:0 0 0 45px;z-index: 9 !important; z-index:1;}
#trnDetails {position:relative;width:100%;padding:0 5px 0 5px;z-index: 9 !important; z-index:1;}
#agtMenu {width:150px;float:left;}
#agtMenu ul {margin:0px;padding:0px;}
#agtMenu li {margin:0px;padding:5px 0 5px 0;}
.fld1 {width:150px;float:left;}
.fld2 {float:left;}
/* http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks */
#container3 {float:left;width:100%;background:green;overflow:hidden;position:relative;}
#container2 {float:left;width:100%;background:yellow;position:relative;right:30%;}
#container1 {float:left;width:100%;background:red;position:relative;right:40%;}
#col1 {float:left;width:56%;position:relative;left:72%;overflow:hidden;}
#col2 {float:left;width:16%;position:relative;left:76%;overflow:hidden;}
#col3 {float:left;width:26%;position:relative;left:80%;overflow:hidden;}
.bkt th {text-align:center;padding-left:10px;}
.bkt td {padding-left:10px;}
.bh-6 {text-align:right;padding-right:10px;}
.bkt a {color:#000;text-decoration:none;}
.bkt a:visited {color:#000;text-decoration:none;}
.bkt a:hover {color:#000;}
.bkt a:active {color:#000;}
/*-------------impromptu---------- */
.jqiwarning .jqi{background:#d0dEb6; }
.jqifade{position:absolute;background:#000; }
div.jqi{position:absolute;background:#14ADCD;padding:3px;width:300px;text-align:left;font-family:helvetica,arial,sans-serif; font-size:12pt;}
div.jqi .jqiclose{float:right;margin:-35px -10px 0 0;cursor:pointer;background:#abc;}
div.jqi .jqicontainer{background:#E0EEE4;padding: 5px;color:#000;font-weight:bold;}
div.jqi .jqimessage{background:;padding:10px;}
div.jqi .jqibuttons{text-align:center;padding:5px 0 0 0;font-family:helvetica,arial,sans-serif; font-size:9pt;}
div.jqi button{padding:3px 10px 3px 10px;margin:0 10px;background:#C0CEFF;}

.brownJqiwarning .brownJqi{background:#cccccc; }
.brownJqifade{position:absolute;background:#ffffff;}
div.brownJqi{position:absolute;background:transparent;padding:10px;width:;text-align:left;}
div.brownJqi .brownJqiclose{float:right;margin:-20px 0 0 0;cursor:pointer;color:#777777;font-size:11px;}
div.brownJqi .brownJqicontainer{
	position: relative;
	background:#ffffff;
	border: solid 1px #5F5D5A;
	color: #ffffff;
	font-weight: bold;
	overflow:auto;
}
div.brownJqi td {font-size:9pt;}
div.brownJqi .brownJqimessage{
	position: relative;
	background: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3{
	background: url(images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin:0;padding:7px 0 7px 15px;color: #4D4A47;
}
div.brownJqi .brownJqimessage p{	margin:10px;padding:10px;color:#777777;}
div.brownJqi .brownJqimessage img.helpImg{position:relative;bottom:-35px;left:10px;}
div.brownJqi .brownJqibuttons{text-align:right;}
div.brownJqi button{
	background: url(images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;cursor:pointer;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
}
/*div.brownJqi button:hover{border: solid #aaaaaa 1px;background:url(images/icon-Yes-16.png) no-repeat;}*/
/*-------------------------------- */
.nav, .nav ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;color:#FFFFFF;z-index: 10 !important;}
.nav a:link, .nav a:active, .nav a:visited{display:block;padding:0px 10px;color:#fff;text-decoration:none;}
.nav a:hover {font-size:13px;font-weight:bold;}
.nav li {width:123px;;height:21px;float:left;position:relative;font-size:11px;padding-top:2px;text-align:center;background:url('images/villa_menu.gif') no-repeat;z-index: 9 !important; z-index: -1;}
.nav li ul {left:0px;}
.nav .nav-1 {font-size:11px;font-weight:bold;color:#000000;padding-top:2px;float:left;text-align:center;background:url('images/villa_menu_here.gif') no-repeat;width:123;height:21px;}
.nav li ul li {margin-top:0px;}
.nav ul {position:absolute;top:1.9em;z-index: 10 !important;display:none;}
.nav li ul a {float:left;color:#FFFFFF;}
.nav ul ul {top:auto;}
.nav li ul ul {left:11.2em;margin:0 0 0 0;}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{display:none;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{display:block;}
/*-------------------------------- */
.ndr {font-weight:bold;font-style:italic;}
.tr-1 {font-size:6pt;vertical-align:top;}
.tr-2 {background:;font-size:6pt;vertical-align:top;}
.tdr {text-align:right;}
.trt {vertical-align:top;text-align:right;}
.top {vertical-align:top;}
#trnDetails .due {color:red;}
#trnDetails .pg-1 {padding-bottom:20px;}
#trnDetails .pg-2 {padding-top:20px;}
#trnDetails .th-1 {font-style:italic;}
#trnDetails td {font: normal 8pt Arial,"Trebuchet MS",Verdana,Helvetica,sans-serif !important;}
#trnDetails .ico-minus {margin-left:-5px;}
#trnDetails .cur {font: normal 6pt "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif !important;}
.pg-1 {margin-bottom:20px;}
.pg-hdr {position:relative;float:left;width:500px;}
.pg-title {float:right;width:150px;text-align:center;}
.pg-123 {float:left;width:50%;text-align:center;}
.pg-123-xc {padding-right:10px;}
.pg-sep {width:100px;background:url(images/cbox-bottom5.gif) repeat-x -5 5;float:left;}
.trxG {font: normal 6pt "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif !important;}
/*-------------------------------- */
.lqd {width:;margin:0px auto;background:#fff url(images/cbox-left.gif) repeat-y left top;}
.lqd-t {width:100%;height:20px;background:url(images/cbox-top.gif) no-repeat left top;z-index:1;}
.lqd-t span {display:block;position:relative;height:20px;background:url(images/cbox-topright.gif) no-repeat right top;z-index:1;}
.lqd-c {position:relative;background: url(images/cbox-right.gif) repeat-y right top;padding:1px 10px 1px 10px;margin:-15px 0 -10px 0;z-index:2;}
html>body .lqd-c {margin:-15px 0 0px 0;}
.lqd-b {width:100%;height:5px;background:url(images/cbox-bottom.gif) no-repeat left bottom;z-index:1;}
.lqd-b span {display:block;position:relative;height:5px;background:url(images/cbox-bottomright.gif) no-repeat right bottom;z-index:1;}
.lqd p {margin:0 0 0px 0}
.clr {clear:both;}
/*------------------------------ */
.disabled {color:#808080;}
.special {background:#00cc00;}
.valid {background:#green;}
.booked {background:#cc0000;}
.selected {background:#d8e0e4;}
.half-s {background:URL(images/half-s.jpg) no-repeat center left;}
.half-e {background:URL(images/half-e.jpg) no-repeat center;}
.loader {background:#FFF url(/images/loading.gif) center center no-repeat;}
.example{color:#666;}