@charset "UTF-8";
/* CSS Document */

/* -------------- PAGE SETUP -------------- */


* {padding: 0; margin: 0;}
body {font-family: arial,verdana, helvetica, sans-serif; background-color:#26517d; padding: 0;}

#container {
width: 900px;
margin:0 auto; /* center, not in IE5 */
background-color: #FFFFFF;
background-image:url(../images/containerback.gif); background-repeat:repeat-y;
padding: 0;
}

#header { height:120px; background:#999; padding: 0; margin: 0; border: 0; }
#subheader { background:#444444; padding: 0; height: 5px; margin: 0; border: 0;}

.header-image{border: 0;}

.two-column-left{width: 335px; float: left;}
.two-column-right{width: 335px; float: right;}

#footer {width: 900px; background:#444444; padding: 7px 0 7px 0; margin: 0; border: 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em;  color: #999999; text-align: right; clear: both; margin: 0 auto;
}

/* share is for the add this share widget */
div.share { float:right; width: 90px; margin-top: 10px; }

div.tenpadder{padding: 0 10px 0 10px;}
div.welcome{width: 435px;}
div.tenpaddermenu{padding: 0 10px 0 0px;}
.darkgreen{color: #16622d;}
.mainbox{overflow: auto; background-image: url(../images/divback.jpg); background-position: bottom left; background-repeat: no-repeat;
}


.stuffdiv{width: 180px; padding: 10px 0 1px 0; background-image: url(../images/divback.jpg); background-position:bottom; background-repeat: no-repeat;}

p{line-height: 1.6em;}
#leftpanel p{line-height: 1.2em;}

.menuitem1{}
.menuitem1on, .menuitemon{font-weight: bold; text-decoration: underline;}
.menuitem1underon{font-weight: bold;}


.image-float-right{float: right; margin: 0 0 10px 10px; border: 1px solid #000;}
.image-float-left{float: left; margin: 0 10px 10px 0px; border: 1px solid #000;}
.image-standard{margin: 0px; border: 1px solid #000;}

.frontpage-highlight{border-top: 1px solid #3366cc; border-bottom: 1px solid #3366cc; background-color: #d6e0f5; padding: 0 10px 0 10px;}

/* -------------- FORMS -------------- */

div.row {clear: both; padding-top: 10px;}

div.formseptop{clear: both; height: 1px; margin: 4px 0 0px 0;}
div.formsep{height: 1px; }
div.formsepbot{height: 1px; margin: 0px 0 9px 0;}
div.row span.label {float: left; text-align: right; width: 120px;}
div.row span.formw {width: 565px;  float: right; text-align: left;}  
div.row .formtext, .formfieldtext{width: 300px; border: 1px solid #000000; padding: 2px;} 
div.row .formtextshort, .formfieldtextshort{width: 150px; border: 1px solid #000000; padding: 2px;} 
div.row .formtextarea, .formfieldtextarea{width: 300px; height: 150px; border: 1px solid #000000; padding: 2px;}
div.row .formtextarea, .formfieldMCE{width: 560px; height: 300px; border: 1px solid #000000; padding: 2px;}
div.row .select{border: 1px solid #000000;}
div.formdiv{padding-bottom: 1em;}
.postcode-field {width: 100px; border: 1px solid #000000; padding: 2px;} 
.warning{color: #CC0000;}



/* -------------- PANELS -------------- */

#leftpanel{width: 180px; float: left; overflow: hidden; padding: 0 0 0 0; background-image: url(../images/divback.jpg); background-position:bottom; background-repeat: no-repeat; overflow: auto; height: 100%;}
#rightpanel{width:719px; float: right; overflow: hidden; padding: 0 0 0 0; }

.leftpanel-header{padding: 0px 0 0px 0px; line-height: 19px; background-image: url(../images/left-head.jpg); background-repeat: repeat-x; background-position:center;  font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold; color: #FFFFFF; height: 19px; float: left; width: 300px;}

#rightpanel-header{padding: 0px 0 0px 0px; line-height: 19px; background-image: url(../images/left-head.jpg); background-repeat: repeat-x; background-position:center;  font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold; color: #FFFFFF; height: 19px;}

#rightpanelcontainer{padding: 0px 0 0px 0px; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; overflow: auto;}

.rightpanel-header-datespacer{width: 110px;}
.rightpanel-header-name{width: 47px; font-weight: bold; text-align: center; }
.rightpanel-header-scrollspacer{width: 20px;}
.rightpanel-info-month{width: 30px; font-weight: bold; padding: 3px 0 3px 0px; font-size: 0.7em;}
.rightpanel-info-day{width: 65px; text-align: right; padding: 3px 0px 3px 0px; font-size: 0.7em;}
.rightpanel-info-date{width: 15px; padding: 3px 0px 3px 0px; font-size: 0.7em;}
.rightpanel-info-name{width: 47px; padding: 3px 0px 3px 0px; text-align: center; font-size: 0.7em;}
.rightpanel-info-blank{width: 47px; padding: 3px 0px 3px 0px; background-color: #999999; font-size: 0.7em; text-align: center; }
.rightpanel-info-doil{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; }
.rightpanel-info-dayoff{width: 47px; padding: 3px 0px 3px 0px; font-size: 0.7em; background-image:url(../images/stripe.gif); background-color: #999999;; background-position:center; background-repeat: no-repeat;}
.rightpanel-info-spacer{border-top: 2px solid #000000; border-bottom: 2px solid #000000; padding: 0; margin: 0; font-size: 1px;}

.rightpanel-info-doil-one-triangle{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/1-triangle.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-two-triangle{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/2-triangle.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-three-triangle{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/3-triangle.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-four-triangle{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/4-triangle.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-five-triangle{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/5-triangle.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-six-triangle{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/6-triangle.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-seven-triangle{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/7-triangle.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-eight-triangle{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/8-triangle.gif); background-position:top; background-repeat: no-repeat; }

.rightpanel-info-doil-one-only{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/1-only.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-two-only{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/2-only.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-three-only{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/3-only.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-four-only{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/4-only.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-five-only{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/5-only.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-six-only{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/6-only.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-seven-only{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/7-only.gif); background-position:top; background-repeat: no-repeat; }
.rightpanel-info-doil-eight-only{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/8-only.gif); background-position:top; background-repeat: no-repeat; }

.rightpanel-info-doil-triangle{width: 47px; padding: 3px 0px 3px 0px; color: #3c6e7f; font-size: 0.7em; text-align: center; background-image:url(../images/triangle.gif); background-position:top; background-repeat: no-repeat; }


.rightpanel-table-today{background-color: #d6ca97;}
.rightpanel-table-today .rightpanel-info-blank{background-color: #bbb084;}
.rightpanel-table-today .rightpanel-info-dayoff{background-image: url(../images/stripe.gif); background-color: #bbb084;}

#calendar-toggle{height: 19px; width: 20px; background-image: url(../images/toggle-down.gif); background-position:center; background-repeat: no-repeat; float: right;}
#doil-toggle{height: 19px; width: 20px; background-image: url(../images/toggle-down.gif); background-position:center; background-repeat: no-repeat; float: right;}
#alerts-toggle{height: 19px; width: 20px; background-image: url(../images/toggle-down.gif); background-position:center; background-repeat: no-repeat; float: right;}
#specials-toggle{height: 19px; width: 20px; background-image: url(../images/toggle-down.gif); background-position:center; background-repeat: no-repeat; float: right;}
#notes-toggle{height: 19px; width: 20px; background-image: url(../images/toggle-down.gif); background-position:center; background-repeat: no-repeat; float: right;}
.leftpanel-header img{border: 0;}


#leftpanelcalendar{height: 100px; vertical-align: middle; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em; overflow: auto; padding: 5px; background-color:#e7e9ea; clear: both; }

#leftpaneldoil{height: 100px; vertical-align: middle; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; overflow: auto; clear: both;}

#leftpanelalerts{height: 100px; vertical-align: middle; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; overflow: auto; clear: both;}

#leftpanelspecials{height: 100px; vertical-align: middle; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; overflow: auto; clear: both;}

#leftpanelnotes{height: 100px; vertical-align: middle; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; overflow: auto; clear: both;}



.doil-name-td{vertical-align: top;}
.doil-date-one{padding: 3px 0 3px 0; width: 46px;  font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em; text-align: center; color: #666666; border-left: 1px solid #999999;}
.doil-date-two{padding: 3px 0 5px 0; width: 46px; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; text-align: center; border-left: 1px solid #999999; border-bottom: 1px solid #999999;}
.doil-name{ font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; font-weight: bold; padding: 3px 0 0 5px;}
.doil-add{ font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em; padding: 3px 0 0 5px;}
.doil-table-one, .alert-table-one,  .special-table-one,  .notes-table-one,  .rightpanel-table-one{background-color: #e7e9ea; }
.doil-table-two, .alert-table-two, .special-table-two, .notes-table-two, .rightpanel-table-two{background-color:#d4d8db; }
.special-faces{width: 70px; text-align: right; padding: 5px 0 5px 0;}
.special-info{font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em;  padding: 3px 3px 5px 5px; }


.alert-date{font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em; font-weight: bold; padding: 5px 3px 5px 5px; text-align: right; width: 70px;}
.alert-item{font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em;  padding: 5px 3px 5px 5px;}

.notes-note{font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.7em; padding: 3px 3px 3px 5px; }
.notes-close{width: 16px; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif;  padding: 3px 0px 3px 0px; }



/* -------------- TABLES -------------- */

.services-day{vertical-align: top; width: 100px; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; font-weight: bold; padding: 4px 0px 4px 0px;}
.services-time{vertical-align: top; width: 70px; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; font-weight: bold; padding: 4px 0px 4px 0px;}
.services-type{vertical-align: top; width: 528px; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; padding: 4px 0px 4px 0px;}



/* -------------- PARAGRAPHS -------------- */

h1 { font-size: 1.3em; padding: 10px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif;  clear: left; color: #26517d;}
h2 { font-size: 1.2em; padding: 15px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; margin-top: 0.5em; clear: left; color: #26517d;}
h3 { font-size: 1em; padding: 15px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; clear: left; color: #26517d;}
h4 { font-size: 1em; padding: 15px 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; /* clear: both; */ color: #9900CC;}
p { padding: 0 0 10px 0; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif; font-size: 0.8em; }
li, li li {font-size: 1em; line-height: 1.6em;font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, Sans-serif;  }

ul{font-size: 0.8em; margin: 0 0 10px 20px;}
ul ul {font-size: 1em; margin: auto;  margin: 0 0 0 20px }

/* -------------- LINKS -------------- */

a:link, a:link:visited, a:visited{color: #3366cc; text-decoration: none;}
a:hover, a:link:visited:hover, a:visited:hover{color: #3366cc; text-decoration: underline;}

.menuitem1 a:link, .menuitem1 a:link:visited, .menuitem1 a:visited, .menuitem1underon a:link, .menuitem1underon a:link:visited, .menuitem1underon a:visited, .menuitem a:link, .menuitem a:link:visited, .menuitem a:visited{color: #000000; text-decoration: none;}
.menuitem1 a:hover, .menuitem1 a:link:visited:hover, .menuitem1 a:visited:hover, .menuitem a:hover, .menuitem a:link:visited:hover, .menuitem a:visited:hover, .menuitem1underon a:hover, .menuitem1underon a:link:visited:hover, .menuitem1underon a:visited:hover{color: #000000; text-decoration: underline;}

#footer a:link, #footer a:link:visited, #footer a:visited{color: #999999; text-decoration: underline;}
#footer a:hover, #footer a:link:visited:hover, #footer a:visited:hover{color: #999999; text-decoration: none;}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFFFFF;
}