*{
margin:0;
padding:0;
}

.clr{clear:both;}

body{
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
background-color:#F2EFE0;
text-align:center;
color:#333;
font-size: 12px;
}

/* General Style Info */
a{color:#5F5F4F;text-decoration:underline;}
a:hover{color:#444;text-decoration:none;}
a img{border:none;}
h1, h2, h3, h4{font-weight:normal; margin:0.2em 0;}
h1{color:#555;font-size: 1.8em;}
h2{color:#777;font-size: 1.5em;}
h3{color:#666;font-size: 1.4em;}
h4{color:#666;font-weight:normal;}
ul, li {margin: 0 12px;}
.panel {border:2px dashed #777;background-color:#E7E4D2;}
.panel_light {border:1px dotted #999;background-color:#E7E4D2; padding:5px;}

/* Layout */
#container{text-align:left;}
#middle{width:1060px;}

#header{
background:url('../img/body_bg.gif') repeat-x #F2EFE0;
height:35px;
padding: 9px;
}

#header, #header a {color:white;font-weight:bold;}

#menu{width:150px; float:left; margin:10px;}
#menu ul li{list-style:none;}
#menu ul li a{font-size:1.5em;line-height:1.8em;}

#content{
width:860px;
padding: 10px;
float:left;
}
#footer{
clear:both;
font-size:0.8em;
color:#444;
padding: 6px 10px;
margin-top:20px;
text-align: center;
}

/* tables */

table {
width: 100%;
border-top: 1px solid #888;
border-left: 1px solid #888;
border-bottom: 1px solid #888;
color:#333;

clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #716F64;
color:#efefef;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #888;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #F9F8F0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;

}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {clear:both;display:block;}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 250px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form {
border:1px dotted #888;
background-color:#FAF9F3; 
padding:5px;
}

}
form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:0.4em;
overflow: auto;
}
form div.date{
margin-left: 0em;
}
label {
display: block;
float:left;
min-width: 130px;
width: auto;
font-size: 1.1em;
}
*html label {width:130px;}
input[type=checkbox] {
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}
input, textarea {margin:2px;}
select {vertical-align: text-bottom; margin:2px;}
option {padding: 0 0.3em;}
input[type=submit] {
display: inline;
vertical-align: bottom;
}
.required{color:#555;font-weight:bold;}
.optional{color:#555;}

/* action links */
ul.actions {float: left;margin-left:20px;width: 200px;}
ul.actions li {margin-top: 4px;}
pre {padding: 1em;}

#map{float:left;margin-left:20px;border:1px solid #444;}
.mapfloat h3{color:#222;font-weight:bold;font-size:14px;}
.mapfloat h3, .mapfloat img, .mapfloat p {padding:2px 4px;}

#login{
width:350px;
padding:15px;
margin:0 auto;
}
#loginform {background:transparent;border:none;}

#logoutlink{text-align:right;}
#header .left{float:left;}
#header .right{float:right;}