*{
        margin:0;
        padding:0;
        }

        body{
            background: #00314b; 
            font-family:helvetica,arial,sans-serif;
            text-align:center;
            color:black;
            font-size: 12px;
            height: 100%;
        }

        /* General Style Info */
        a{
            color:#989187;
            text-decoration:underline;
        }
        a:hover{
            color: #000000;
        }

        a img{
            border:none;
        }

        h1, h2, h3, h4{
            font-weight:normal;
        }

        h1{
            color: #000000;
            margin:0.3em 0;
            font-size: 180%;
        }

        h2{
            color:#000000;
            padding: 0.5em 0 6px 0;
            margin:8px 0 15px 0;
            font-size: 150%;
            border-bottom: 2px solid #999999; 
            width: 730px;
        }

        h3{
            color:#000000;
            padding-top:2em;
            font-size: 140%;

        }

        h4{
            color:#000000;
            padding-top:0.5em;
            font-weight:normal;
        }

        ul, li {
            margin: 0 8pt;
        }

        /* Layout */


        #outer-container.login {
            width: 460px;
        }
        .login #container {
            margin-top: 100px;
        }
        .login em {
            font-size: 7pt;
        }
        .login .submit {
            top: 150px;
        }
        .login .submit button {
            height: 40px;
        }
        .login label {
            width: 80px;
            float: left;
            text-align: right;
            position: relative;
        }
        .login input {
            width: 260px;
            float: left;
            clear: none;
            position: relative;
        }
        .login .required {
            padding: 15px 0;
        }
        .login .cookie {
            padding: 15px 0 15px 60px;
            float: left;
            width: 300px;
            position: relative;
        }

        .login .checkbox {
            width: auto;
            clear: left;
            border: none;
        }
        .login .cookie label {
            width: 200px;
            text-align: left;
            margin: 0 0 0 5px;
            padding: 0 0 4px 0;
        }
        .login h2 {
            width: auto;
            font-size: 180%;
        }
        .login .compatible {
            font-size: 11px;
            clear: both;
            text-align: center;
            padding: 30px 0 0 ;
        }
        #outer-container {
            width: 778px;
            margin: 0 auto;
            padding: 50px 0;
        }
        #outer-container.popup {
            width: 500px;
            padding: 30px 0;
            margin: 0 auto;
        }
        .popup h2 {
            width: auto;
        }
        #container{
            text-align:left;
            background-color: #fff;
            padding: 4px;
            position: relative;
        }

        #header{ 
            background: #00314b;
            height: 22px;
            padding: 0 0 0 5px;
        }
        #header a {
            color: #ffffff; 
            padding: 3px 10px;
            display: block;
            float: left;
            text-decoration: none;
            padding-right:8px;
            border-left: 1px solid #00314b;
            border-right: 1px solid #00314b;
            height: 16px;
            line-height: 17px;
        }
        #header a:hover {
            color: #ffffff;  
            background: #999999; 
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
        }
        #header a.on {
            color: #; 
        }
        #header a.on:hover {
            color: #ffffff;
        }
        #header a img {
            vertical-align: middle;
        }
        #header #logout {
            float:right;
        }
        .logo {
            padding: 0 0 4px 0;
        }
        #content{
            clear:both;
            padding: 20px;
            color: #333;
        }
        #last-words {
            padding: 20px 0 0 0;
            font-size: 11px;
            color: #DDDDDD;
        }

        /* tables */

        table {
            border-spacing:0;
            color:black;
            clear:both;
            padding: 0;
            margin: 0 auto 2em auto;
            white-space: normal;
            width: 100%;
            border-collapse: collapse;
        }
        table .oddRow {
        }
        table .overRow {
            background: #f1f1f1;
        }
        table .headrow {
        }
        th {
            text-align: center;
            vertical-align: middle;
            padding:4px 8px 4px;
            border: 1px solid #989187;    
        }
        .settings th {
            padding:4px 0;
            font-weight: normal;
            font-size: 150%;
            border: 0;
            border-bottom: 2px solid #999999; 
            text-align: left;
        }
        .settings table td {
            border: none;
            text-align: left;
        }
        .settings table td.left {
            text-align: right;
        }
        .settings table tr td {
            padding: 0 5px 10px;
            height: auto;
        }
        .settings table tr.space td {
            height: 17px;
            font-size: 1px;
            line-height: 1px;
        }
        .settings textarea {
            margin: 0;
            width: 574px;
        }
        table .last-col {
            border: 0;
            background: #fff;

        }
        th a {
            text-decoration: none;
            display:block;
        }
        th a:hover {
            color: #000; 
        }
        form th a {
            text-decoration: none;
            display:block;
        }
        th img {
            vertical-align: middle;
        }
        table tr td {
            padding:4px 8px;
            vertical-align:top;
            text-align: center;
            border: 1px solid #989187;    
            height: 40px;
            vertical-align: middle;
            color: #000;

        }
        table tr.altRow td {
            background: #f0f1ff;
        }
        .list {
            padding: 20px 40px;
        }
        .list .body {
            color: #000000;
            text-align: right;
            padding: 2em;
            overflow: hidden;
        }
        .list form {
            background: white;
        }
        #cakeSqlLog td {
            text-align: left;
            padding: 2px 2px;
            background: #fff;
            border-bottom: 2px solid #ccc;
        }

        /* scaffold show */

        div.related {
            clear:both;
            display:block;
        }
        dl {
            background: white;
            line-height:2em;
            margin:0em 1em;
            width: 400px;
        }
        dt {
            font-weight: bold;
            vertical-align:top;
        }
        dd {
            margin-left:10em;
            margin-top:-2em;
            vertical-align:top;
        }
        /* notices and errors */

        #flashMessage, .error, .error_messages {
            color: #990000;
            font-size: 11px;
            font-weight: bold;
            padding: 5px 0pt;
        }
        .error_message {
            clear: both;
        }
        .error em {
            font-size: 14px;
            color: #003d4c;
        }
        .notice {
            color: #ffffff;
            font-size: 12px;
            background-color: #999999;
            padding: 0.5em;
            margin: 1em 0;
            display:block;
            font-weight: bold;
        }
        .tip {
            color: #656565;
            background-color: #ddd;
        }

        /* forms */

        form {
            padding: 0;
            background: white;
        }
        form div{
            vertical-align: text-top;
        }
        form div.date{
            margin-left: 0em;
        }
        form label {
            font-size: 12px;
            padding: 2px 6px 0 0;
            background: white;
            color: #000000;
        }
        #gallery-details label, .instructions label, .new-item label {
            width: 150px;
            text-align: right;
            display: block;
            float: left;
        }
        #gallery-details input, #gallery-details select {
            clear: none;
        }
        #gallery-details .optional {
            padding: 0 0 10px 0;
        }
        form a {
            color: #000000;
        }
        input, textarea, file, select {
            clear: both;
            font-size: 12px;
            padding: 2px 1px;
            font-family: inherit;
            background: #F9F8F7;
            border: 1px solid #989187;    
            width: 300px;
        }
        select {
            width: auto;
            padding: 0;
        }
        textarea {
            width: 574px;
            margin: 0 0 0 156px;
        }
        input.radio {
            width: auto;
        }
        select {
            clear: both;
            vertical-align: text-bottom;
            font-size: 12px;
            font-family: inherit;
        }
        option {
            font-size: 14px;
            font-family: inherit;
            padding: 0 0.3em;
        }
        .required{
            clear: both;
            color:#222;
        }
        .optional{
            clear: both;
            color:#555;
        }
        .instructions .optional {
            padding: 0 0 10px 0;
        }
        .instructions select {
            clear: none;
        }
        .instructions .instruction {
            padding-left: 156px;
        }
        .instructions textarea {
            margin-left: 0;
        }
        .submit {
            width: 110px;
            position: absolute;
            right: -113px;
            top: 100px;
            background: #fff;
            padding: 2px 3px 1px;
        }
        .submit button {
            padding: 3px 2px;
            border: 0;
            background: #999999; 
            color: #ffffff; 
            margin: 1px 0 2px 0;
            width: 110px;
            font-size: 16px;
            height: 34px;
            line-height: 16px;
        }
        .action {
            padding: 10px 0 10px 0;
            margin: 0 20px 0 0;
            display: block;
            text-decoration: none;
            float: left;
            color: #aaa;
            cursor: crosshair;
            line-height: 16px;
            position: relative;
        }
        .action .block {
            display: none;
            width: 12px;
            height: 12px;
            line-height: 1px;
            font-size: 1px;
            border: 1px solid #ccc;
            background: #fff;
            float: left;
            margin: 0 10px 0 0;
        }
        .action.over {
            color: #000;
        }
        .action.over .block {
            background: #999999; 
            border: 1px solid #000;
        }
        /* action links */
        ul.actions {
            margin:0;
            padding:0;
            list-style-type: none;
            width: 200px;

        }
        ul.actions li {
            margin-top: 4px;
        }
        ul.actions li a {
            display: block;
            background-color: #999999; 
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
            color: White; 
        }
        ul.actions li a:hover {
            background-color: #dddddd; 
            color: #999999; 
        }
        pre {
            padding: 1em;
        }
        #pagination {
            padding: 0 10px;
        }
        #pagination .results {
            float:right;
        }
        #pagination .per-page {
            float: right;
        }
        #pagination .pages img{
            border: 0;
            vertical-align:middle;
        }
        #pagination a {
            color: black;
        }

        /* ----------------------- CALENDAR ---------------------*/
        /* Some resets for compatibility with existing CSS */
        .date_selector, .date_selector * {
            width: auto;
            height: auto;
            border: none;
            background: none;
            margin: 0;
            padding: 0;
            text-align: left;
            text-decoration: none;
        }
        .date_selector {
            background: #AAA498;
            border: 1px solid #989187;
            padding: 5px;
            margin: -1px 0 0 0;
        }
        .date_selector .month_nav {
            margin: 0 0 5px 0;
            padding: 0;
            display: block;
        }
        .date_selector .month_name {
            font-weight: bold;
            line-height: 20px;
            display: block;
            text-align: center;
        }
        .date_selector .month_nav a {
            display: block;
            position: absolute;
            top: 5px;
            width: 20px;
            height: 20px;
            line-height: 17px;
            font-weight: bold;
            color: #999999;
            text-align: center;
            font-size: 120%;
            overflow: hidden;
        }
        .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
            background: none;
            color: #999999;
            text-decoration: none;
        }
        .date_selector .prev {
            left: 5px;
        }
        .date_selector .next {
            right: 5px;
        }
        .date_selector table {
            border-spacing: 0;
            border-collapse: collapse;
        }
        .date_selector th, .date_selector td {
            width: 2.5em;
            height: 2em;
            padding: 0;
            text-align: center;
        }
        .date_selector td {
            border: 1px solid #989187;
            line-height: 2em;
            text-align: center;
            white-space: nowrap;
            background: white;
        }
        .date_selector td.today {
            background: #F9F8F7;
        }
        .date_selector td.unselected_month {
            color: #ccc;
        }
        .date_selector td a {
            display: block;
            text-decoration: none !important;
            width: 100%;
            height: 100%;
            line-height: 2em;
            color: #000;
            text-align: center;
        }
        .date_selector td.today a {
            background: #ddd;
        }
        .date_selector td.selected a {
            background: #999999;
            font-weight: bold;
        }
        .date_selector td a:hover {
            background: #999999;
            color: white;
        }

        /* ------------------ SPECIFIC -------------- */
        .message {
            background: white;
        }
        #gallery-comments .comments, .material-comments .comments {
            border: 1px solid #ccc;
            background: #F9F8F7;
            padding: 10px;
            width: 554px;
            margin: 0 0 0 156px;
            height: 100px;
            overflow: auto;
            font-size: 11px;
            line-height: 13px;
            position: relative;
            color: #989187;
        }
        #gallery-comments #add-gallery-comment {
            padding: 0 0 0 156px;
        }
        #gallery-comments #add-gallery-comment textarea {
            margin: 0;
        }
        #gallery-comments .action {
            padding-left: 156px;
        }
        #gallery-comments #add-gallery-comment, .material-comments .add-material-comment {
            display: none;
            margin: 10px 0 0 0;
        }
        .designer-comments .material-comments {
            padding: 0;
        }
        .material-comments {
            padding: 20px 0 0 0;
        }
        .material-comments .comments {
            padding-top: 10px;
            width: 710px;
            margin: 0 0 0 0;
        }
        .material-comments .add-material-comment textarea {
            width: 730px;
            margin: 0;
        }
        .comments .comment {
            padding: 0 0 10px 0;
        }
        .material-comments h3 {
            width: 710px;
            background: #DEDBD6;
            color: #989187;
            font-size: 12px;
            font-weight: bold;
            padding: 1px 10px ;
            border: 1px solid #DEDBD6;
        }
        .comments em {
            font-style: normal;
            color: #B9B0A4;
        }
        .comment-area .optional {
            padding: 0 0 10px 0;
        }
        .comment-area h2{
            padding: 60px 0 6px 0;
            margin-bottom: 5px;
        }
        .comment-area h2 span {
            float: right;
        }
        .approved {
            color: #009900;
        }
        .pending {
            color: #990000;
        }
        .client .pending {
            cursor: pointer;
        }
        .material-reset {
            float: right;
            padding: 0 0;
            margin: 0;
        }
        .edit-title {
            padding: 0 0;
        }
        .material-pic {
            text-align: center;
            clear: both;
        }
        .text-item {
            padding: 10px 0 10px 0;
            clear: both;
        }
        .text-item textarea {
            clear: both;
            height: 80px;
            margin: 0;
            width: 730px;
        }
        .picture-replace {
            padding: 10px 0 10px 0;
            display: none;
            clear: both;
        }
        input.position {
            vertical-align: top;
            margin: 8px 0 0;
            width: 40px;
            float: left;
            clear: none;
            position: relative;
        }
        .new-item .position input {
            margin: 0;
        }
        .new-item textarea {
            margin: 0;
            float: right;
            width: 572px;
        }
        .new-item input, .new-item select {
            clear: none;
        }
        .new-item .text label {
            width: 148px;
        }
        .title-area {
            float: left;
            padding: 0 0 10px 0;
            width: 730px;
            position: relative;
        }
        .title-area input {
            display: none;
            float: left;
            clear: none;
        }
        .user label {
            width: 150px;
            text-align: right;
            display: block;
            float: left;
        }
        .user input, .user select {
            clear: none;
        }
        .user .required, .user .optional {
            padding: 0 0 10px 0;
        }

        /* CLIENT STUFF */

        .client .submit {
            width: 130px;
            right: -134px;
        }
        .client .submit button {
            width: 130px;
        }
        .client .due-date {
            float: right;
        }
        #outer-container.client.popup {
            width: 400px;
        }

        .popup .lock {
            padding: 20px 0;
        }
        .popup .lock button {
            padding: 3px 2px;
            border: 0;
            background: #999999; 
            color: #ffffff; 
            margin: 1px 20px 2px 0;
            width: 150px;
            font-size: 16px;
            height: 34px;
            line-height: 16px;
        }
        .material-body {
            padding: 10px 0 0;
            text-align: center;
        }