body{
margin:0px;
padding:0px;
text-align:left;
background-color:#F9F9F9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3C3C3A;
line-height:18px;
}

a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#dd0000;
font-weight:bold;
text-decoration:underline;
}

img{ border:0px; padding:0px 0px 0px 0px; }
a:hover{ text-decoration:underline; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:24px;
line-height:26px;
color:#272f53;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h2{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:17px;
line-height:19px;
color:#1B7590;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h3{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:15px;
line-height:17px;
color:#1B7590;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h4{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#1B7590;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

#page{ width:1300px; text-align:left; border:1px solid #888;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ height:42px; background-color:#272f53; position:relative; }
#header .logo{ position:absolute; top:7px; left:10px; }

#middle{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */

#left{
width:170px;
background-color:#DAE3EB;
float:left;
border-right:1px solid #888;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left-nav css */

#left-nav{
padding-top:15px;
padding-bottom:15px;
color:#595959;
}

#left-nav ul{ 
padding:0px;
margin:0px;
list-style-type:none;
display:block;
}

#left-nav ul li{
height:auto;
text-indent:5px;
line-height:22px;
border-bottom:1px solid #888;
}
 
#left-nav ul li a{
color:#16387C;
font-weight:normal;
font-size:12px;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}

#left-nav ul li.header{background-color:#272f53; color:#fff; font-weight:bold; }

#left-nav ul li a:hover{
text-decoration:underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:1000px; float:left; }
#content .content-wrapper{ padding:30px 20px 30px 20px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */

#footer{ height:30px; background-color:#272f53; position:relative; }

#footer .copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
position:absolute;
top:8px;
left:15px;
}

#footer .footer-nav{ position:absolute; top:8px; left:300px; }

#footer .footer-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
padding:0px 5px;
}

#footer .footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ tables css */
              
table {
  background: #fff;
  border:1px solid #ccc;
  border-right:0;
  clear: both;
  color: #333;
  margin-bottom: 10px;
  width: auto;
}
th {
  background: #f2f2f2;
  border:1px solid #bbb;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  text-align: center;
  padding:0px 5px 0px 5px;
}
th a {
  background:#f2f2f2;
  display: block;
  padding: 2px 4px;
  text-decoration: none;
}
th a:hover {
  background: #ccc;
  color: #333;
  text-decoration: none;
}
table tr td {
  background: #fff;
  border-right: 1px solid #ccc;
  padding: 4px 6px;
  text-align: left;
  vertical-align: top;
}
table tr.altrow td {
  background: #f4f4f4;
}
table tr.changed td {
  background: #FBCFD7;
}
td.actions {
  text-align: center;
  white-space: nowrap;
}
td.actions a {
  margin: 0px 6px;
}
.cake-sql-log table {
  background: #f4f4f4;
}
.cake-sql-log td {
  padding: 4px 8px;
  text-align: left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ paging css */

/* Paging */
div.paging {
  background:#fff;
  color: #ccc;
  margin-bottom: 2em;
}
div.paging div.disabled {
  color: #ddd;
  display: inline;
}
div.paging span {
}
div.paging span.current {
  color: #000;
}
div.paging span a {
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ scaffold css */

/* Scaffold View */
dl {
  line-height: 2em;
  margin: 0em 0em;
  width: 60%;
}
dl.altrow {
  background: #f4f4f4;
}
dl.changed {
  background: #FBCFD7;
}
dt {
  font-weight: bold;
  padding-left: 4px;
  vertical-align: top;
}
dd {
  margin-left: 10em;
  margin-top: -2em;
  vertical-align: top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ forms css */

/* Forms */
form {
  clear: both;
  margin-right: 20px;
  padding: 0;
  width: 80%;
}
fieldset {
  border: 1px solid #ccc;
  margin-top: 20px;
  padding: 10px 10px;
}
fieldset legend {
  color: #e32;
  font-size: 160%;
  font-weight: bold;
}
fieldset fieldset {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 5px 5px;
}
fieldset fieldset legend {
  font-size: 100%;
  font-weight: normal;
}
fieldset fieldset div {
  clear: left;
  margin: 0 0px;
}
form div {
  clear: both;
  padding: 4px;
  vertical-align: text-top;
}
form div.input {
  color: #444;
}
form div.required {
  color: #333;
  font-weight: bold;
}
form div.submit {
  border: 0;
  clear: both;
  margin-top: 10px;
  margin-left: 40px;
}
label {   
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
font-weight:normal;
color:#000000;
text-decoration:none;
display: block;
padding-right: 20px;
}
input, textarea {
  clear: both;
  padding: 2px;
  width:700px;
}
select {
  clear: both;
  width:250px;
  vertical-align: text-bottom;
}
select[multiple=multiple] {
  width:250px;
}
option {
  font-size: 100%;
  padding: 0 3px;
}
input[type=checkbox] {
  clear: left;
  float: left;
  margin: 0px 6px 7px 2px;
  width: auto;
}
input[type=radio] {
  float:left;
  width:auto;
  margin: 0 3px 7px 0;
}
div.radio label {
  margin: 0 0 6px 20px;
}
input[type=submit] {
  display: inline;
  font-size: 100%;
  padding: 2px 5px;
  width: auto;
  vertical-align: bottom;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Notices and Errors css */

/* Notices and Errors */
div.message {
  clear: both;
  color: #900;
  font-size: 140%;
  font-weight: bold;
  margin: 1em 0;
}
div.error-message {
  clear: both;
  color: #900;
  font-weight: bold;
}
p.error {
  background-color: #e32;
  color: #fff;
  font-family: Courier, monospace;
  font-size: 120%;
  line-height: 140%;
  padding: 0.8em;
  margin: 1em 0;
}
p.error em {
  color: #000;
  font-weight: normal;
  line-height: 140%;
}
.notice {
  background: #ffcc00;
  color: #000;
  display: block;
  font-family: Courier, monospace;
  font-size: 120%;
  line-height: 140%;
  padding: 0.8em;
  margin: 1em 0;
}
.success {
  background: green;
  color: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ actions css */

/*  Actions  */
div.actions ul {
  margin: 0px 0;
  padding: 0;
}
div.actions li {
  display: inline;
  list-style-type: none;
  line-height: 2em;
  margin: 0 2em 0 0;
  white-space: nowrap;
}
div.actions ul li a {
  background:#fff;
  color: #003d4c;
  text-decoration: none;
}
div.actions ul li a:hover {
  color: #333;
  text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ related css */

/* Related */
div.related {
  clear: both;
  display: block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ debugging css */

/* Debugging */
pre {
  color: #000;
  background: #f0f0f0;
  padding: 1em;
}
pre.cake-debug {
  background: #ffcc00;
  font-size: 120%;
  line-height: 140%;
  margin-top: 1em;
  overflow: auto;
  position: relative;
}
div.cake-stack-trace {
  background: #fff;
  border: 4px dotted #ffcc00;
  color: #333;
  margin: 0px;
  padding: 6px;
  font-size: 120%;
  line-height: 140%;
  overflow: auto;
  position: relative;
}
div.cake-code-dump pre {
  position: relative;
  overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
  color: #000;
  background-color: #F0F0F0;
  margin: 0px;
  padding: 1em;
  overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
  clear: both;
  font-size: 12px;
  line-height: 15px;
  margin: 4px 2px;
  padding: 4px;
  overflow: auto;
}
div.cake-code-dump span.code-highlight {
  background-color: #ff0;
  padding: 4px;
}
div.code-coverage-results div.code-line {
  padding-left:5px;
  display:block;
  margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
  background:#ecc;
}
div.code-coverage-results div.covered span.content {
  background:#cec;
}
div.code-coverage-results div.ignored span.content {
  color:#aaa;
}
div.code-coverage-results span.line-num {
  color:#666;
  display:block;
  float:left;
  width:20px;
  text-align:right;
  margin-right:5px;
}
div.code-coverage-results span.line-num strong {
  color:#666;
}
div.code-coverage-results div.start {
  border:1px solid #aaa;
  border-width:1px 1px 0px 1px;
  margin-top:30px;
  padding-top:5px;
}
div.code-coverage-results div.end {
  border:1px solid #aaa;
  border-width:0px 1px 1px 1px;
  margin-bottom:30px;
  padding-bottom:5px;
}
div.code-coverage-results div.realstart {
  margin-top:0px;
}
div.code-coverage-results p.note {
  color:#bbb;
  padding:5px;
  margin:5px 0 10px;
  font-size:10px;
}
div.code-coverage-results span.result-bad {
  color: #a00;
}
div.code-coverage-results span.result-ok {
  color: #fa0;
}
div.code-coverage-results span.result-good {
  color: #0a0;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search-forms css */

/* Forms */
#search form { padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; width: 80%; }

#search fieldset {
  border: 1px solid #ccc;
  margin-top: 10px;
  padding: 5px 25px;
}
#search fieldset legend {
  color: #e32;
  font-size: 160%;
  font-weight: bold;
}
#search fieldset fieldset {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 16px 10px;
}
#search fieldset fieldset legend {
  font-size: 100%;
  font-weight: normal;
}
#search fieldset fieldset div {
  margin: 0 0px;
}
#search form div {
  margin-bottom: 1em;
  vertical-align: text-top;
}
#search form div.input {
  padding:0px 0px 5px 0px;
  margin:0px 0px 0px 0px;
  clear:none;
  float:left !important;
  width:220px;
  color: #444;
}
#search form div.required {
  color: #333;
  font-weight: bold;
}
#search form div.submit { border: 0; margin: 10px 0px 0px 0px; }
#search label {   
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
font-weight:normal;
color:#000000;
text-decoration:none;
display: block;
padding-right: 20px;
}
#search input, #search textarea, #search select{  width:200px; height:20px; padding:0px; background-color:#fff !important; border:1px solid #333;}

#search textarea{ height:200px !important; }
#search select[multiple=multiple] {}
#search option {}

#search input[type=checkbox] {
  float: left;
  margin: 0px 6px 7px 2px;
  width: auto;
}
#search input[type=radio] {
  float:left;
  width:auto;
  margin: 0 3px 7px 0;
}
#search div.radio label {
  margin: 0 0 6px 20px;
}
#search input[type=submit] { width: auto; height:auto; font-weight:bold; padding:2px; background-color:#EBB6A0 !important; border-style:ridge; }