/* Web Colors for Scaffolds, Notices/Errors, and Debugging
 * -------------------------------------------------------
 *  #ddd;       The "Disabled Gray" look
 *  #444;       Dull Gray
 *  #333;       Dark Muddy Gray
 *  #900;       Almost Brick Red
 *  #ffcc00;    Dark Yellow
 *  #ff0;       Light Purple
 *  #ecc;       Purple-Pink
 *  #cec;       Lavendar Blue
 *  #aaa;       Gray-Blue
 *  #666;       Very Dull Gray
 *  #bbb;       Lavendar Blue #2
 *  #a00;       Dark Red
 *  #fa0;       Purple
 *  #0a0;       Grass Green
 *
 *
 * Theme Colors
 * ============
 *
 * Type             Text/Bkgrnd     Color
 * ------------     -----------     -------------------------
 * DEFAULT          Text            #FFDC6D (Light Brown)
 * ALTERNATE        Text            #FF6A00 (Orange)
 * Anchor           Text            white
 * Header           Background      #EE1616 (Red)
 * Body             Background      IMAGE
 * Footer           Background      #EE1616 (Red)
 */



/*************************
 * Standard Elements
 *************************/
* {
    margin: 0px;
    padding: 0px;
}

body {
    color: #FFDC6D;  /* Light Brown */
    background-color: #ffdc6d;
    font-family: "Segoe Print", Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

a {
    color: #FFDC6D;  /* Light Brown */
    font-weight: bold;
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: none;
}

p {
    margin-bottom: 4px;
}

h1, h2, h3, h4 {
    font-weight: bold;
}
h1 {
    font-size: 28pt;
}
h2 {
    font-size: 18pt;
}
h3 {
    font-size: 14pt;
}
h4 {
    font-weight: normal;
}



/*************************
 * Admin Layout
 ************************/
#container {
    width: 900px;
    margin: 0px auto;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}
#header {
    padding: 10px;
    color: black;
    background-color: white;
}
#header div.logout {
    text-align: right;
    margin-bottom: 3px;
}
#header div.logout a {
    color: black;
}
#header div.logout a:hover {
    text-decoration: none;
}
#header div.banner {
    text-align: center;
    background-color: #ee1616;
    border: 1px solid black;
    margin-bottom: 5px;
}
#content {
    color: black;
    background-color: white;
    padding: 10px;
}
#footer {
    padding: 0px;
    text-align: center;
    color: black;
    background-color: white;
}



/*************************
 * Visitor Layout
 ************************/
#visitorContainer {
    width: 975px;
    margin: 0px auto;
    background: url(../img/background.png) no-repeat;
    text-align: left;
}

#visitorContainer div.logout {
    color: black;
    text-align: right;
    margin: 0px 35px -20px 0px;
    padding-top: 5px;
}
#visitorContainer div.logout a {
    color: black;
}

#visitorWrapper {
    width: 905px;
    margin: 0px auto;
    padding: 0px;
}


#visitorHeaderWrapper {
    background-color: transparent;
    border: 1px solid transparent;
}
#visitorHeader {
    margin-top: 20px;
    padding: 0px;
    color: black;
    background-color: #EE1616;  /* Red */
    border: 2px solid #EE1616;  /* Red */
}
#logoWrapper {
    float: left;
    background: #FFDC6D;  /* Light Brown */
    width: 150px;
    height: 145px;
    padding: 5px;
    margin-right: 5px;
}
#logo {
    background: white;
    width: 150px;
    height: 145px;
    text-align: center;
}
#logo img {
    margin-bottom: 0px;
}
#logo a.HomeLink {
    color: black;
}
#banner {
    color: #FFDC6D;  /* Light Brown */
    text-align: center;
    float: left;
}

#visitorContentWrapper {
    margin: 10px 0px;
    background-color: #EE1616;  /* Red */
    border: 2px solid #EE1616;  /* Red */
}
#visitorContentPics {
    background-color: #FFDC6D;  /* Light Brown */
    width: 175px;
    float: left;
}
#visitorContentPics table {
    width: 150px;
    margin: 0px auto;
}
#visitorContentPics table td {
    padding: 5px 0px;
}
#visitorContentPics table td img {
    width: 150px;
}
#visitorContent {
    float: left;
    padding: 0px 5px;
    font-size: 12pt;
    font-weight: bold;
}

#visitorSidebar {
    background-color: #FFDC6D;  /* Light Brown */
    width: 175px;
    float: right;
}
#visitorSidebar table {
    width: 150px;
    margin: 0px auto;
}
#visitorSidebar table td {
    padding: 0px;
    width: 150px;
    height: 110px;
}

#visitorFooterWrapper {
    background-color: transparent;
    border: 1px solid transparent;
}
#footer {
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFDC6D;  /* Light Brown */
    background-color: #EE1616;  /* Red */
    border: 1px solid #FFDC6D;  /* Light Brown */
}



/*************************
 * Scaffolding
 ************************/

/* Scaffold: Index */
.index a {
    color: black;
    text-decoration: underline;
}
.index a:hover {
    text-decoration: underline;
}
.index table, .related table {
    background-color: white;
    border: 1px solid DarkGray;
    border-right: 0px;
    color: black;
    margin-bottom: 10px;
    width: 100%;
}
.index table th, .related table th {
    background-color: LightGrey;
    border: 1px solid gray;
    border-top: 1px solid white;
    border-left: 1px solid white;
    text-align: center;
}
.index table th a, .related table th a {
    background-color: LightGrey;
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
.index table th a:hover, .related table th a:hover {
    background-color: DarkGray;
    text-decoration: none;
}
.index table tr td, .related table tr td {
    background-color: white;
    border-right: 1px solid DarkGray;
    padding: 4px;
    text-align: center;
    vertical-align: top;
}
.index table tr.altrow td, .related table tr.altrow td {
    background-color: lavender;
}
.index table td.actions, .related table td.actions {
    text-align: center;
    white-space: nowrap;
}
.index table td.actions a, .related table td.actions a {
    margin: 0px 6px;
}
.index table td.actions a:hover, .related table td.actions a:hover {
    color: black;
}
.index table td.alignLeft, .related table td.alignLeft {
    text-align: left;
}
.index table td.alignRight, .related table td.alignRight {
    text-align: right;
}
.index h2 {
    margin-bottom: 10px;
}

/* Scaffold: Paging */
div.paging {
    background-color: white;
    color: DarkGray;
    margin-bottom: 2em;
}
div.paging div.disabled {
    color: #ddd;
    display: inline;
}
div.paging span {
}
div.paging span.current {
    color: black;
}

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

/* Scaffold: Actions (Not a Table Row Action) */
div.actions ul {
    margin: 0px 0px;
    padding: 0px;
}
div.actions li {
    display: inline;
    list-style-type: none;
    line-height: 2em;
    margin: 0px 2em 0px 0px;
    white-space: nowrap;
}
div.actions ul li a {
    color: black;
}
div.actions ul li a:hover {
    color: black;
}

div.related {
    clear: both;
    display: block;
}

/* Scaffold: Forms */
.form form {
    clear: both;
    margin-right: 20px;
    padding: 0px;
}
.form fieldset {
    border: 1px solid #ccc;
    margin-top: 0px;
    padding: 0px 2px;
}
.form fieldset legend {
    background: white;
    color: red;
    font-size: 160%;
    font-weight: bold;
}
.form fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0px;
}
.form fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
.form fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
.form form div {
    clear: none;
    margin-bottom: 1em;
    padding: .5em;
    vertical-align: text-top;
}
.form form div.input {
    color: #444;
}
.form form div.required {
    color: #333;
    font-weight: bold;
}
.form form div.submit {
    border: 0px;
    clear: both;
    margin-top: 10px;
}
.form label {
    display: block;
    font-size: 110%;
    padding-right: 20px;
}
.form input, .form textarea {
    clear: both;
    font-size: 140%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 2px;
    width: 100%;
}
.form select {
    clear: both;
    font-size: 120%;
    vertical-align: text-bottom;
}
.form select[multiple=multiple] {
    width: 100%;
}
.form option {
    font-size: 120%;
    padding: 0 3px;
}
.form input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
.form input[type=radio] {
    float: left;
    width: auto;
    margin: 0px 3px 7px 0px;
}
.form input[readonly=readonly] {
    color: gray;
}
.form div.radio label {
    margin: 0 0 6px 20px;
}
.form input[type=submit] {
    display: inline;
    font-size: 110%;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
}



/*************************
 * Notices and Errors
 ************************/
div.message {
    clear: both;
    color: black;
    background-color: #EE1616;  /* Red */
    font-size: 140%;
    font-weight: bold;
    margin: 1em 5px;
    text-align: center;
}
div.error-message {
    clear: both;
    color: maroon;
    font-weight: bold;
}
p.error {
    background-color: maroon;
    color: white;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0px;
}
p.error em {
    color: maroon;
    font-weight: normal;
    line-height: 140%;
}
.notice {
    background-color: #ffcc00;
    color: black;
    display: block;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0px;
}
.success {
    background-color: green;
    color: white;
}



/*************************
 * Debugging
 ************************/
.cake-sql-log {
    background-color: white;
    color: black;
    width: 100%;
    border: 1px solid gray;
}
.cake-sql-log caption {
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid gray;
}
.cake-sql-log th {
    background-color: DimGray;
    border-right: 1px solid gray;
    padding: 4px 8px;
    text-align: center;
}
.cake-sql-log tr td {
    border-right: 1px solid gray;
    padding: 4px 8px;
    text-align: left;
}
pre {
    color: black;
    background-color: #f0f0f0;
    padding: 1em;
}
pre.cake-debug {
    background-color: #ffcc00;
    font-size: 120%;
    line-height: 140%;
    margin-top: 1em;
    position: relative;
}
div.cake-stack-trace {
    background-color: white;
    border: 4px dotted #ffcc00;
    color: black;
    margin: 0px;
    padding: 6px;
    font-size: 120%;
    line-height: 140%;
    position: relative;
}
div.cake-code-dump pre {
    position: relative;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
    color: black;
    background-color: #f0f0f0;
    margin: 0px;
    padding: 1em;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
}
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-color: #ecc;
}
div.code-coverage-results div.covered span.content {
    background-color: #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;
}






/*************************
 * Custom Attributes
 ************************/


/* IE 6 Warning */
.ie6Warning {
    background: #FFFFDF url(../img/icon_warning.gif) no-repeat 5px 3px;
    color: black;
    margin: 5px;
    padding: 5px 5px 5px 30px;
    border: 1px solid #CFA840;
    font-weight: bold;
}
.ie6Warning a {
    color: black;
}


/* PUBLIC Album Gallery */
.gallery {
    width: 650px;
}
.gallery h2 {
    margin-bottom: 10px;
}
.gallery table {
    color: #ffdc6d;
    width: 650px;
}
.gallery table td {
    padding: 5px;
    text-align: center;
    vertical-align: bottom;
    width: 200px;
}
.gallery div.albumTitle {
    height: 30px;
    overflow: hidden;
}
.gallery div.albumCover {
    margin: 5px auto;
    height: 100px;
    width: 100px;
    overflow: hidden;
}
.gallery div.albumCount {
    margin-bottom: 50px;
}
.gallery div.picture {
    margin: 5px auto;
}
.gallery div.pictureComment {
    height: 90px;
    overflow: hidden;
    margin-bottom: 20px;
}

/* Scaffold: Paging */
.albumPaging {
    margin-top: 25px;
    color: DarkGray;
    margin-bottom: 2em;
    text-align: center;
}
.albumPaging div.disabled {
    color: #ee3020;
    display: inline;
}
.albumPaging span {
}
.albumPaging span.current {
    color: #ffdc6d;
}


/* Admin Login */
.adminLogin label {
    padding-right: 5px;
}
.adminLogin input {
    margin: 5px 0px;
}
.adminLogin form div.submit {
    margin-top: 15px;
    text-align: left;
}
.adminLogin input[type=submit] {
    display: inline;
    font-size: 110%;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
}

/* Free Quote */
.freeQuote div.input, .freeQuote div.select {
    width: 350px;
    clear: both;
}
.freeQuote label {
    padding-right: 5px;
    float: left;
}
.freeQuote div.input input, .freeQuote div.input select {
    margin: 0px;
    float: right;
}
.freeQuote div.input select {
    margin-top: 3px;
}
.freeQuote div.submit {
    text-align: center;
}
.freeQuote input[type=submit] {
    display: inline;
    font-size: 110%;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
}

/* Reviews */
#reviews {
    padding: 25px;
}
#reviews div.review {
    margin-bottom: 50px;
}

/* Gallery */
#albumInfo {
    margin-bottom: 25px;
    font-size: 14pt;
}
#albumInfo h2 span {
    font-weight: normal;
}
#albumInfo td {
    padding: 2px 5px;
}
#albumInfo td.heading {
    padding-left: 25px;
}
#albumInfo div.picture {
    height: 100px;
    width: 100px;
    overflow: hidden;
}
#albumInfo a {
    font-size: 12pt;
    font-style: italic;
    color: black;
    text-decoration: underline;
}
#albumInfo a:hover {
    text-decoration: underline;
}

/* Miscellaneous */
.EditContent {
    height: 400px;
}

.created, .modified {
    white-space: nowrap;
}

.NoWrap {
    white-space: nowrap;
}

.clear {
    clear: both;
}

.indent {
    margin-left: 25px;
    text-indent: -25px;
}

.instruction {
    margin: 10px 0px;
    font-style: italic;
    color: navy;
}