/* HTML Elements */
@import url("reset.css");
@import url("layout.css");

* { padding: 0; margin: 0; }
body {font: 12px/1.2 Lucida Grande, Arial, Tahoma, sans-serif; color: #DFDFDF; background: #000}

a:link, a:visited {color: #7389ae;}
a:hover, a:active {color: #990000;}

h1 {font-size: 20px; padding: 5px 0;}
h2 {font-size: 36px; padding: 0 0 1em 0; text-align: center}
h3 {font-size: 16px; padding: 3px 0;}
h4 {font-size: 14px; padding: 2px 0;}


/* Wrapper */
#wrapper {margin: 0 auto; width: 100%}
#main {width: 100%;}

/* Header */
#header {display: none}

/* Navigation */
#navigation {display: none}

/* Images */
img {display: none}

/* Main Table ** HACK **/
table#main {margin: 0px; padding: 0px; border-spacing: 0px; background: #fff; color: #323234}

/* Left Column */
#leftcolumn {display: none}

/* Right Column */
#rightcolumn {background: #fff; color: #333; padding: 0px height: 448px;  vertical-align: top}

/* Footer */
#footer {display: none}


#flashMessage {font-size: 1.2em; background: #FFF2EF; border: 1px solid #92191C; text-align: center; margin: 0.5em; padding: 0.5em}
.clear { clear: both; background: none; }

table.grid {border-collapse: collapse; border-left: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; width: 100%; margin: 1em auto;}
table.grid caption {font-size: 2em; font-weight: bold; margin-bottom: 10px; padding: 5px;}
table.grid caption div.title {float: left; margin-top: 0.2em}
table.grid caption div.create_link {float: right; font-size: 16px}
table.grid caption div.create_link a {text-decoration: none}
table.grid caption div.create_link img {vertical-align: middle}
table.grid a {text-decoration: none; border-bottom: 1px dotted #92191C; color: #92191C;}
table.grid tr th a, table.grid tr th a:hover {color: #fff; border-bottom: 1px dotted #fff;}
table.grid thead {border-bottom: 2px solid #666; }
table.grid thead tr th {background: #47567F; color: #fff; padding: 5px; line-height: 1em; vertical-align: top;}
table.grid tfoot tr th, table.grid tfoot tr td {color: #fff; background: #1D1D20; text-align: right; padding: 0.5em}
table.grid tfoot a {color: #9CAF51; font-weight: bold}
table.grid tbody tr td {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.5em 0.5em}
table.grid tr.odd, table.grid tr.odd {background: #efefef;}
table.grid tr:hover, table.grid tr.odd:hover {background: #F7F7F7}
table.grid tr.no-records td {padding: 2em; text-align: center}
table.grid tr.no-records:hover {background: transparent}
table.grid tr th.grid-actions {width: 180px; text-align: right}
table.grid tr td.grid-actions {width: 180px; text-align: right}


/* Debug */
#debug {background: #eee; color: #2f2f2f; width: 80%; margin: 1em auto}
.cake-sql-log {background: #eee; color: #323234}
pre {background: #f5f5f5; color: #323234}