div.field { margin: 1em 0; }
div.field label { display: block; font-weight: bold; margin-bottom: .25em; }

div.tabs { margin: .5em 0; border-bottom: 1px solid #ccc; height: 1%; }
div.tabs a { display: block; float: left; padding: 0 .5em; background-color: #ddd; border: 1px solid #ccc; margin: 0 .5em -1px .5em; }
div.tabs a.current { background-color: #fff; border-bottom: 1px solid #fff; }
div.tabs a:hover { background-color: #eee; text-decoration: none; }

div.tabs2 { margin: .5em 0; height: 1%; }
div.tabs2 a { display: block; float: left; padding: 0 .5em; background-color: #ddd; border: 1px solid #ccc; margin: 0 .5em; }
div.tabs2 a.current { background-color: #fff; }
div.tabs2 a:hover { background-color: #eee; text-decoration: none; }

.clear { clear: both; }

div#wrap table { width: 100%; border-collapse: collapse; margin: 1em 0; }
div#wrap table td, div#wrap table th { padding: .25em .5em; text-align: left; vertical-align: top; font-size: 85%; }
div#wrap table td { border-bottom: 1px solid #bbb; }
div#wrap table th { border-bottom: 2px solid #bbb; color: #bbb; background: #eee; }
div#wrap table tr:empty { display: none; }
div#wrap table tr.busy { background-image: url(../images/busy-bg.gif); }
div#wrap table tr.busy td { background: transparent; }
div#wrap table tr.busy th { background: transparent; }

table { height: auto; }

.required { color: #f00; }

.errors { background-color: #a00; color: #fff; font-weight: bold; padding: .5em; }

.notice { background-color: #0a0; color: #fff; font-weight: bold; padding: .5em; }

textarea { font-size: 85%; }

div.fieldWithErrors { display: inline; }
div.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea { border-color: #a00; }

div#wrap div.text img { display: inline; float: none; padding: 0; margin: 0; }

fieldset { padding: .5em; margin: 1em 0; }
legend { padding: 0 .5em; margin: 0 .5em; font-weight: bold; }

div#wrap div.calendar_wrap { float: left; margin: 0 .5em .5em 0; height: 16em; }
div#wrap table.calendar { width: 1px; border-collapse: collapse; }
div#wrap table.calendar th { border: none; color: #000; background: transparent; text-align: center; font-size: 85%; text-align: center; vertical-align: middle; padding: .4em .5em; }
div#wrap table.calendar td { border: 1px solid #194e84; font-size: 85%; text-align: center; vertical-align: middle; padding: .4em .5em; }
div#wrap table.calendar td.otherMonth { border: none; color: #ddd; }
div#wrap table.calendar abbr { border: none; text-decoration: none; }
div#wrap table.calendar td.past { background-color: #eee; }
div#wrap table.calendar td.collection { background-color: #090; cursor: pointer; cursor: hand; padding: 0; }
div#wrap table.calendar td.unavailable { background-image: url(../images/x.gif); background-position: center center; }
div#wrap table.calendar td a { display: block; padding: .4em .5em; color: #fff; }
.greybg { background-color: #ddd; }

span.key { padding: .2em; }

div#wrap table.calendar td.type_1, span.type_1 { background-color: #909; color: #fff; }
div#wrap table.calendar td.type_2, span.type_2 { background-color: #000; color: #fff; }
div#wrap table.calendar td.type_3, span.type_3 { background-color: #009; color: #fff; }
div#wrap table.calendar td.type_4, span.type_4 { background-color: #099; color: #fff; }
div#wrap table.calendar td.type_5, span.type_5 { background-color: #990; color: #fff; }
div#wrap table.calendar td.type_6, span.type_6 { background-color: #090; color: #fff; }

td.multiple.type_1_type_2 { background-image: url(type-1-2.gif); }
td.multiple.type_1_type_3 { background-image: url(type-1-3.gif); }
td.multiple.type_1_type_4 { background-image: url(type-1-4.gif); }
td.multiple.type_1_type_5 { background-image: url(type-1-5.gif); }
td.multiple.type_2_type_3 { background-image: url(type-2-3.gif); }
td.multiple.type_2_type_4 { background-image: url(type-2-4.gif); }
td.multiple.type_2_type_5 { background-image: url(type-2-5.gif); }
td.multiple.type_3_type_4 { background-image: url(type-3-4.gif); }
td.multiple.type_3_type_5 { background-image: url(type-3-5.gif); }
td.multiple.type_4_type_5 { background-image: url(type-4-5.gif); }

td.multiple.type_1_type_6 { background-image: url(type-1-2.gif); }
/*td.multiple.type_2_type_6 { background-image: url(type-2-3.gif); }*/
td.multiple.type_3_type_6 { background-image: url(type-2-3.gif); }
td.multiple.type_4_type_6 { background-image: url(type-2-4.gif); }
td.multiple.type_5_type_6 { background-image: url(type-2-5.gif); }

.cancelled, tr.cancelled td { text-decoration: line-through; }

div#wrap table#appointments td.available { color: #080; }
div#wrap table#appointments td.unavailable { color: #800; }

.nobr { white-space: nowrap; }

input.busy { background-image: url(../images/busy-bg.gif); }

.moveable { cursor: move; }


div#progress { float: right; font-size: 85%; margin: .5em; }
div#progress img { border: none !important; }

#modal_container { padding: .25em; background-color: #fff; border: 1px solid #000; overflow: auto; } 
#modal_overlay { background-color:#000; }
#modal_container th, #modal_container td { padding-right: .5em; font-size: 85%; }
#modal_container td.available a { color: #080; }
#modal_container td.unavailable, #modal_container td.unavailable a { color: #800; }


div#wrap table.mceToolbar { width: auto; border: none; margin: 0 auto; }
div#wrap table.mceToolbar td { margin: 0; padding: 0; border: none; margin: 0; text-align: center; }

a span.eco b, span.eco b { color: #006633; }
a span.eco, span.eco { color: #339966; font-weight: bold; }