html { font-family:Georgia, "Times New Roman", serif; font-size:12px; background:url(/images/backgrounds/main.gif);}
.container {width:788px; margin:auto; background:url(/images/backgrounds/shadow-repeat.png) repeat-y #fff; padding:10px 10px 0px 10px; overflow:hidden}
.header { margin-bottom:15px; height:1%;}
.header:after { content: ""; display: block; height: 0; clear: both; }
.header h1 { float:left; background:url(/images/logo.gif) no-repeat; text-indent:-40000px;}
.header h1 a { width:135px; height:150px; display:block; overflow:hidden}
.header h2 { float:left; width:300px; color:#669999; font-size:200%; line-height:1.3; padding-top:50px; margin-left:20px;}
.header div.user-box { float:right; width:300px; background:#f8f8f8; margin:20px 0 0 0; padding:0px 10px 10px 10px; line-height:1.5;}
.header div.user-box p { margin:5px 0px; color:#666; font-size:90%;} 
.header div.user-box p.welcome { font-size:120%;}
.header div.user-box p.welcome a { color:#666;}
.header div.user-box ul { margin:0; padding:0; list-style:none; font-size:90%;  }
.header div.user-box ul li a { color:#666; padding:1px;}
.header div.user-box ul li a:hover { background:#666; color:#fff;text-decoration:none;}
.header div.user-box p.logout { float:right; margin-left:5px; margin-top:-22px;}
.header div.user-box dl { margin:10px 0 0 0;}
.header div.user-box dl dt { width:70px; float:left; padding-top:3px;} 
.header div.user-box dl dd { margin-left:70px; margin-bottom:3px;}
.header div.user-box dl dd input.text { width:80%; padding:2px;}
.header div.user-box dl dd a { color:#666; padding:1px;}
.header div.user-box dl dd a:hover { background:#666; color:#fff;text-decoration:none;}
.header div.user-box form { margin:0;}

.sub-menu:after { content: ""; display: block; height: 0; clear:both; }
/* Hides from IE-mac \*/
	/* IE 7 */
* + html .sub-menu { clear:both;}
/* End hide from IE-mac */
.sub-menu .left { width:125px; background:#efefef; float:left;  height:210px; margin-right:14px; padding:10px;  font-size:110%;}
.sub-menu .left p { margin:0; font-size:120%; font-weight:bold; margin-bottom:5px;}
.sub-menu .left ul { margin:0; padding:0; list-style:none; line-height:1.5;}
.sub-menu .left ul li a { color:#666; padding:1px;}
.sub-menu .left ul li a:hover { background:#666; color:#fff;text-decoration:none;}

.sub-menu .centre { width:385px; height:230px; float:left; margin-right:14px;}
.sub-menu .right { background:url(/images/backgrounds/menu.png) #000; width:210px; color:#fff; float:left; height:210px; padding:10px; font-family:"Lucida Grande", Verdana, Arial, sans-serif;}
.sub-menu .right h3 { margin:0; text-align:center; margin-top:10px; font-weight:normal; font-size:120%; margin-bottom:15px;}
.sub-menu .right p { margin:10px; font-weight:bold; text-align:center; text-decoration:underline}
.sub-menu .right ul { margin:0; padding:0px 10px; text-align:center; font-size:90%;}

/* Hides from IE-mac \*/
	/* IE 7 */
* + html .content { clear:both;}
/* End hide from IE-mac */

.content .menu h4 { background:url(/images/backgrounds/greybg.gif); padding:6px; border:1px solid #999; font-size:120%;}
.content .menu #menu { padding:10px 5px; background:#f8f8f8;}
.content .menu table {width:100%;}
.content .menu table thead td { width:20%; color:#3d3d3d;}
.content .menu table thead td .table-cell { margin:5px; background:url(/images/backgrounds/greybg.gif); padding:6px; text-align:center; border:1px solid #999;}
.content .menu table tbody td { padding:0; vertical-align:top; }
.content .menu table tbody td .table-cell { margin:5px;}
.content .menu table tbody td p, .menu table tbody td ul { margin:0;}
.content .menu table tbody td ul { padding:0; list-style:none; line-height:1.3; padding-left:5px; padding-top:5px; font-size:90%;}
.content .menu table tbody td ul li { padding-bottom:10px; }
.content .menu table tbody td p.date { padding:3px 3px 1px 3px; font-size:90%;}
.content .menu table tbody td ul { height:100px; font-family: Verdana, Arial, sans-serif; font-size:10px;}
.content .menu table tbody td p.status { padding:2px 3px 2px 3px; text-align:right; padding-right:5px; font-size:90%;}
.content .menu table tbody td p.status a{ color:#ffffff;}
.content .menu table tbody td p.status a:hover { background:#fff;color:#000;}

.content .menu table tbody td.previous .table-cell { color:#999; background:#efefef;}
.content .menu table tbody td.previous .table-cell ul { border:1px solid #ccc;}
.content .menu table tbody td.previous .table-cell p.date { background:#ccc; color:#999; }
.content .menu table tbody td.previous .table-cell p.status {background:#ccc; color:#999;}

.content .menu table tbody td.locked .table-cell { background:url(/images/backgrounds/red-main-background.gif); color:#ef7575;}
.content .menu table tbody td.locked .table-cell ul { border:1px solid #ed4d4d; border-top:0; border-bottom:0px;}
.content .menu table tbody td.locked .table-cell p.date { background:url(/images/backgrounds/red-calender.gif) repeat-x; color:#fff; }
.content .menu table tbody td.locked .table-cell p.status { background:url(/images/backgrounds/red-calender.gif) repeat-x; color:#fff; font-weight:bold;}

.content .menu table tbody td.edit .table-cell ul { border:1px solid #deaf52; border-top:0; border-bottom:0px; color:#2f2f2f;}
.content .menu table tbody td.edit .table-cell p.date { background:url(/images/backgrounds/brown-calender.gif) repeat-x; color:#fff; }
.content .menu table tbody td.edit .table-cell p.status { background:url(/images/backgrounds/brown-calender.gif) repeat-x; color:#fff; font-weight:bold;}


.content .menu table tbody td.place .table-cell ul { border:1px solid #1f9b8c; border-top:0; border-bottom:0px; color:#2f2f2f;}
.content .menu table tbody td.place .table-cell p.date { background:url(/images/backgrounds/green-calender.gif) repeat-x; color:#fff; }
.content .menu table tbody td.place .table-cell p.status {background:url(/images/backgrounds/green-calender.gif) repeat-x; color:#fff; font-weight:bold;}
.content .menu table tbody td.place .table-cell ul li.new { color:#666; font-style:italic; text-align:center; padding-top:20px;}

.content .menu table tbody td.closed .table-cell ul, .content .menu table tbody td.eaten .table-cell ul        { border:1px solid #e2e2e2; border-top:0; border-bottom:0px; color:#bbbbbb;}
.content .menu table tbody td.closed .table-cell p.date, .content .menu table tbody td.eaten .table-cell p.date    { background:#e2e2e2; color:#c0c0c0; }
.content .menu table tbody td.closed .table-cell p.status, .content .menu table tbody td.eaten .table-cell p.status  {background:#e2e2e2; color:#bbbbbb; font-weight:bold;}
.content .menu table tbody td.closed .table-cell ul li.new, .content .menu table tbody td.eaten .table-cell ul li.new { color:#bbbbbb; font-style:italic; text-align:center; padding-top:20px;}
.content .menu p.pay { text-align:right; }
.content .menu p.pay a:hover { background:none;}

.content h2 { border-bottom:2px dotted #ccc; color:#669999; font-weight:normal; font-size:150%; padding-bottom:3px; margin:15px 0px; }
.content h3 { border-bottom:2px dotted #ccc; color:#669999; font-weight:normal; font-size:150%; padding-bottom:3px; margin:15px 0px; }
.content p { line-height:1.5;font-size:90%; margin:15px 0px; color:#666666;}
.content p a { color:#990000; padding:1px;}
.content p a:hover { background:#990000; color:#fff; text-decoration:none;}
.content p strong, .content p b { font-weight:bold;}
.content p em { font-style:italic;}

.content .page-content ul {line-height:1.5;font-size:90%; margin:15px; color:#666666;}
.content .page-content ul li { list-style:circle;  margin:5px 0px; margin-left:15px;}
.content .page-content ol {line-height:1.5;font-size:90%; margin:15px; color:#666666;}
.content .page-content ol li {list-style:decimal; margin:5px 0px; margin-left:15px;}

.content .wide-right { width:629px; margin-left:159px;}
.content .no-border { border:none;}

.content dl.form { margin:0;padding:0;}
.content dl.form dt { width:120px; float:left; font-weight:bold; padding-top:8px;}
.content dl.form dd { margin-left:120px; margin:5px 0; padding:3px;}
.content dl.form dd a { color:#000;}
.content dl.form dd input.text { padding:3px; font-size:120%;}
.content dl.form dd input.password { padding:3px; font-size:120%; width:120px;}

.content dl.form dd.text-area textarea { width:425px;}

.content table.children { width:100%; margin:0px 0px 10px 0px;}
.content table.children thead tr td { background:#ebebeb; padding:10px; font-weight:bold; border:1px dotted #ccc; border-left:0; border-right:0; color:#333333;}
.content table.children tbody tr td { padding:10px; background:#f8f8f8; color:#333333; font-size:90%; border-right:1px solid #ffffff;}
.content table.children tbody tr td a { color:#333333;}
.content table.children tbody tr td.payments { border:none;}
.content table.children tbody tr td.payments a { color:#d86842; font-weight:normal;}
#footer { width:788px; margin:auto; background:url(/images/backgrounds/shadow-bottom.png) no-repeat #fff; padding:10px; color:#999; font-family:"Lucida Grande", Verdana, Arial; font-size:90%;}
#footer a { color:#999;}

div.fieldWithErrors { display:inline;}

div#flash-error { margin: 15px 0; background: #e3260b; padding: 7px; font-size: 110%; color: #fff; font-weight: bold; }
div#flash-error p { margin: 0 !important; padding: 0; color:#fff; }

div#flash-notice { margin: 15px 0; background: #8ad200; padding: 7px; font-size: 110%; color: #fff; font-weight: bold; }
div#flash-notice p { margin: 0 !important; padding: 0; color:#fff; }

form #errorExplanation { background-color:#FFD1C8	; padding:10px; border-top:4px solid #CE2C00; border-bottom:1px solid #CE2C00; }
form #errorExplanation h2 { font-size:14px; color:#CE2C00; margin:0; background:#FFD1C8;}
form #errorExplanation p {margin:6px 0 10px 0; font-size:90%;}
form #errorExplanation ul { margin-top:5px; margin:0; padding:0; font-size:90%;}
form #errorExplanation ul li { display:inline; margin-right:20px; background:#DAB3AB; padding:3px;}