/******************************************************************* elements */
html, body
{
	background: #eee url(../images/body-bg.gif);
	margin: 0;
	padding: 0;
}
body
{
	color: #000;
	font: 76%/145% "Trebuchet MS" , Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 15px 15px 15px;
}
code, pre, kbd
{
	font-family: Monaco, Courier, "Courier New" , Tahoma;
}
img
{
	border: 0;
	vertical-align: middle;
}
a img, span.anchorcontrol img
{
	margin: 0 0.5ex 0 0;
}
a.iconafter img, span.anchorcontrol.iconafter img
{
	margin: 0 0 0 0.5ex;
}
a
{
	font-weight: normal;
	text-decoration: none;
}
a:link, a:visited
{
	color: #00f;
}
a:focus, a:hover
{
	color: #f00;
}
a.disabled:focus, a.disabled:hover
{
	color: #999;
}
a.active:focus, a.active:hover
{
	color: #000;
}
p
{
	margin: 0 0 1em 0;
}
h1, h2, h3
{
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h1 a, h2 a, h3 a
{
	font-weight: bold;
}

h1
{
	font-size: 1.4em;
	margin: 0 0 0.3em 0;
}
h2
{
	font-size: 1.2em;
	margin: 0 0 0.2em 0;
}
h3
{
	font-size: 1em;
	margin: 0 0 0.2em 0;
}
strong
{
	color: #d00;
}
blockquote
{
	background: url(../images/quote.gif) top left no-repeat;
	color: #333;
	margin: 2em 0;
	padding-left: 29px;
}
ol, ul
{
	margin: 1em 0 1em 2em;
	padding: 0;
}
ul.links
{
	margin: 0 0 5px 0;
	list-style-type: none;
}
ul.links li
{
	padding: 0.5ex 0;
}
ul.links li.back
{
	padding-top: 2ex;
}
ul.reslist
{
	margin-bottom: 0;
	margin-top: 4px;
	list-style-image: url(../icons/box.gif);
}
ul.reslist li
{
	padding-left: 4px;
}
table
{
	border: 0;
	border-collapse: collapse;
	font-size: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
th, td
{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
th.r, td.r, input.r
{
	text-align: right;
}

input.positive
{
	color: Green;
}

input.negative
{
	color: Red;
}

th.c, td.c
{
	text-align: center;
}
.disabled
{
	color: #999;
}
.active
{
	color: #000;
}
.nowrap
{
	white-space: nowrap;
}
.error
{
	color: #d00;
	font-weight: bold;
}
.success
{
	color: #090;
	font-weight: bold;
	margin: 0 0 1em 0;
}
.hidden
{
	display: none;
	visibility: hidden;
}
.expression
{
	color: #090;
	font-weight: bold;
}
.u
{
	text-decoration: underline;
}

.function
{
	color: rgb(0,0,255);
}

.operator
{
	color: rgb(0,0,255);
}

.attribute
{
	color: rgb(200,0,0);
}

.attributenumber
{
	color: rgb(200,0,0);
}


/********************************************************************* layout */
#wrap
{
	background: #fff url(../images/wrap-bg.gif) repeat-y 75% 0;
	border: 1px solid #999;
	border-width: 0 1px;
	margin: 0 auto;
	max-width: 80em;
	padding: 0;
	position: relative;
}
#head
{
	background: #450200 url(../images/head-bg.png) center right no-repeat;
	margin: 0;
	padding: 1.5em;
}
#head div
{
	overflow: hidden;
}
#head div div
{
	float: left;
	vertical-align: middle;
}
#head div div.logo
{
	width: 6%;
}
#head div div.logo a img
{
	margin-right: 1.5em;
}
#head div div.connected
{
	color: #000;
	background: none;
	text-align: right;
	width: 98%
}
#head a
{
	color: #fff;
}
#content
{
	height: 80%;
}
#main
{
	float: left;
	margin: 1em 0 0 2%;
	padding: 0 0 2em 0;
	width: 71%;
	overflow: hidden;
}
#side
{
	float: right;
	margin: 1em 2% 0 0;
	padding: 0 0 2em 0;
	width: 21%;
}
#foot
{
	color: #fff;
	background: #966;
	border: 1px solid #999;
	border-width: 1px 0;
	clear: both;
	margin: 0;
	padding: 1ex 2%;
	font-size: 0.82em;
}
#foot a
{
	color: #fff;
}
/*********************************************************************** menu */
#menu
{
	background: #fff;
	border-bottom: 1px solid #999;
	border-top: 1px solid #fff;
	float: left;
	margin: 0;
	padding: 0 0 1px 0;
	width: 100%;
}
#menu ul
{
	background: #841E2D;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li
{
	display: inline;
	margin: 0;
	padding: 0;
}
#menu a
{
	background: #841E2D;
	border-right: 1px solid #000;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 1ex 2ex;
	text-decoration: none;
	text-transform: lowercase;
	width: auto;
}
#menu a:hover, #menu a:focus
{
	background: #555;
}
#menu .sel a
{
	background: #91cc14;
	color: #000;
}
#menu .sel a:hover
{
	background: #91cc14;
}
#menu .sel a:focus
{
	background: #F1F8E1;
}
#menu a:active
{
	background: #000;
	color: #fff;
}

/*********************************************************************** list */
table.list
{
	margin-bottom: 1em;
}
table.list tr.alt
{
	background: #f0f0f0;
}

table.list td.sum
{
	font-weight: bold;
	border-top: 2px solid Black;
	border-bottom: 0px solid Black;
	padding: 0.5ex 1ex;
	vertical-align: top;
}

tr.error
{
	background: #FF9999;
}

table.list th
{
	background: #dadada;
	border-bottom: 1px solid #999;
	padding: 0.5ex 1ex;
}
table.list th img
{
	margin-right: 0.5ex;
}
table.list td
{
	border: 1px solid #999;
	border-width: 1px 0;
	padding: 0.5ex 1ex;
	vertical-align: top;
}
table.list th.nomargin, table.list th.nomargin img, table.list td.nomargin, table.list td.nomargin img
{
	padding: 0;
	margin: 0;
}
table.list td.leftmargin
{
	margin: 0;
	padding: 0;
	padding-left: 1ex;
}

table.list td.rb, table.list th.rb
{
	border-right: solid 1px #999;
}

table.list td.lb, table.list th.lb
{
	border-left: solid 1px #999;
}
table.list input.check
{
	left: 0px;
	top: 0px;
}

table.noborder, table.noborder th, table.noborder td
{
	border: 0;
}

/******************************************************************* datetime */
table.datetime
{
	margin-bottom: 1ex;
}
table.datetime td.date
{
	padding: 1ex 1ex 1ex 0; /* top right bottom left */
	width: 60%;
}
table.datetime td.time
{
	padding: 1ex 0 1ex 1ex; /* top right bottom left */
	width: 40%;
}
table.datetime label
{
	margin-top: 0;
}

/******************************************************************* daterange */
table.daterange, div.daterange
{
	margin-bottom: 1ex;
}
table.daterange td.startdate, div.daterange div.startdate
{
	float: left;
	padding: 0 1ex 1ex 0; 
	width: 47%;
}
table.daterange td.enddate, div.daterange div.enddate
{
	float: right;
	padding: 0 0 1ex 1ex;
	width: 47%;
}

/******************************************************************* radiotable */
table.radiotable td.rad
{
	padding-right: 0;
	padding-bottom: 0;
	width: 1%;
}
table.radiotable td.inf
{
	padding-left: 0;
	padding-bottom: 0;
	width: 99%;
}

/********************************************************************** pager */
div.pager
{
	overflow: hidden;
}
div.pager div
{
	margin-bottom: 0.5em;
}
div.pager div.l
{
	float: left;
	font-weight: normal;
}
div.pager div.r
{
	float: right;
	white-space: nowrap;
}
div.pager a
{
	margin: 0 1ex 0 0;
}
div.pager a.iconafter
{
	margin: 0 0 0 1ex;
}

/********************************************************************** forms */
form
{
	padding: 0;
	margin: 0;
}
button, input, select, textarea
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 94%;
	width: 100%;
}
input.autobtn
{
	margin: 2ex 1ex 2ex 0;
	width: auto;
}
input.btn
{
	margin: 2ex 1ex 2ex 0;
	width: 12ex;
}
input.listbtn
{
	margin: 0;
	width: 12ex;
}
input.addbtn
{
	margin: 0;
	width: auto;
}
input.check, input.radio, span.radio input
{
	width: auto;
}
input.inlinesmall
{
	width: 6ex;
}
select.inline
{
	width: 16ex;
}
input.inline
{
	width: 24ex;
}

label
{
	display: block;
	margin-top: 1ex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

label.inline, span.radio label
{
	display: inline;
	width: auto;
	white-space: normal;
}

div.error, span.error
{
	display: block;
	background: transparent url(../icons/error.gif) no-repeat 0% 50%;
	padding-left: 17px;
}

div.warning
{
	font-weight: bold;
	font-size: 1.1em;
	color: #d00;
	display: block;
	background: transparent url(../icons/warning.gif) no-repeat 0% 50%;
	padding-left: 17px;
	margin: 0 0 1em 0;
}

p.warning
{
	font-weight: bold;
	color: #d00;
	display: block;
	background: transparent url(../icons/warning.gif) no-repeat 0% 50%;
	padding-left: 17px;
	margin: 0 0 1em 0;
}

table.form
{
	background: #e6e6e6;
	border: 1px solid #999;
	margin-bottom: 1em;
	table-layout: fixed;
}
table.form td, table.form th
{
	padding: 1ex 2ex 2ex 2ex;
	width: 50%;
}
table.form th
{
	padding-bottom: 0;
}
table.form td.foot input.btn
{
	margin: 0 1ex 0 0;
}
table.form td.wrap
{
	padding: 0;
}
table.form td.wrap table.form
{
	border: none;
}
table.form td.wrap table.form td
{
	padding: 0 2ex;
	width: 50%;
}
table.form div.form
{
	padding: 0 2ex;
	border: none;
}
table.form table.datetime
{
	margin: 0;
}
table.form table.list tr
{
	background: #fafafa;
}
table.form table.list tr.alt
{
	background: transparent;
}
table.form table.list td, table.form table.list th
{
	padding: 0.5ex 1ex;
}
div.form
{
	background: #e6e6e6;
	border: 1px solid #999;
	margin-bottom: 1em;
	padding: 2ex;
}
div.form div.container, div.form div.footer
{
	width: 100%;
	overflow: hidden;
}
div.form div.footer input
{
	margin-bottom: 0;
}
div.form div.l
{
	float: left;
	width: 49%;
}
div.form div.ls
{
	float: left;
	width: 19%;
}
div.form div.r
{
	float: right;
	width: 49%;
}
div.form div.rb
{
	float: right;
	width: 79%;
}
div.form div.form
{
	padding: 0 0 0 0;
	border: none;
}
table.auto
{
	background: #e6e6e6;
	border: 1px solid #999;
	margin-bottom: 1em;
}
table.auto td, table.auto th
{
	padding: 1ex 2ex 2ex 2ex;
}
/*** Unread messages ***/
tr.unread td
{
	font-weight: bold;
}
tr.unread a
{
	font-weight: bold;
}


/******************************************************************* minutesselector */
div.minutesselector
{
	overflow: hidden;
}
div.minutesselector div.minutes
{
	float: left;
	width: 38%;
	padding: 0 1ex 0 0;
}
div.minutesselector div.unit
{
	float: right;
	width: 58%;
	padding: 0 0 0 1ex;
}
/****************************************************************** DateField */
div.datefield
{
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
div.datefield div.pickercell
{
	width: 16px;
	padding: 0 0 0 0; /* top right bottom left */
	margin: 0;
	float: right;
	display: inline;
}
div.datefield div.fieldcell
{
	margin: 0 18px 0 0;
	padding: 0;
}

/****************************************************************** signature */

div.signature
{
	visibility: hidden;
}

/************************************************************************ add */
table.add td
{
	padding: 0 0 1ex 1ex;
	width: 50%;
}
table.add td.options
{
	padding: 0 1ex 1ex 0;
}

/********************************************************** border for photos */
img.photo
{
	border: 1px solid #999;
}

/************************************************************* Booking colors */
.c-1
{
	/* Time pad uses black */
	background-color: #000 !important;
}
.c1
{
	background-color: #99f !important;
}
.c2
{
	background-color: #9c6 !important;
}
.c3
{
	background-color: #f99 !important;
}
.c4
{
	background-color: #9ff !important;
}
.c5
{
	background-color: #f96 !important;
}
.c6
{
	background-color: #f9f !important;
}
.c7
{
	background-color: #c9f !important;
}
.c8
{
	background-color: #9cc !important;
}
.c9
{
	background-color: #cc9 !important;
}
.c10
{
	background-color: #963 !important;
	color: #fff !important;
}
.c11
{
	background-color: #9f9 !important;
}
.c12
{
	background-color: #fcf !important;
}
.c13
{
	background-color: #c33 !important;
	color: #fff !important;
}
.c14
{
	background-color: #93c !important;
	color: #fff !important;
}
.c15
{
	background-color: #3c0 !important;
	color: #fff !important;
}
.c16
{
	background-color: #069 !important;
	color: #fff !important;
}
.c17
{
	background-color: #f00 !important;
	color: #fff !important;
}
.c18
{
	background-color: #33f !important;
	color: #fff !important;
}
.c19
{
	background-color: #060 !important;
	color: #fff !important;
}
.c20
{
	background-color: #366 !important;
	color: #fff !important;
}
input.anchorbutton
{
	width: auto;
	overflow: visible;
}