/*
    Created on : 6.7.2010, 23:25:31
    Author     : Filip Hajas
    Description: CSS for general view and developing
*/

* {
	margin: 0;
	padding: 0;
}

body {
        background-color: #6FC2FF;
        color: black;
        font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 90%;
}

a img {
	border: none;
}

a {
        text-decoration: none;
}

/*Background*/
#background-header {
        margin-left: auto;
        margin-right: auto;
        width: 929px;
        background-image: url('../img/autoservisnz/header-background.jpg');
        height: 289px;
        z-index: -1;
}

#background-left {
        float: left;
        width: 50%;
        background-image: url('../img/autoservisnz/left-background.jpg');
        height: 289px;
        position: absolute;
        z-index: -1;
}

#background-right {
        float: right;
        width: 50%;
        background-image: url('../img/autoservisnz/right-background.jpg');
        height: 289px;
        z-index: -1;
        position: relative;
}

/* Layout */
#container {
        margin-left: auto;
        margin-right: auto;
        width: 908px;
        top: -289px;
        position: relative;
}

#header {
        width: 100%;
        height: 189px;
}

#topheader {
        height: 34px;
/*        background-image: url('../img/developer/topheader.jpg');
        background-repeat: repeat-x;*/
}

#topheader-text {
        float: right;
        color: white;
        font-weight: bold;
        padding: 6px 8px;
        width: 300px;
        text-align: right;
}

#topheader-text a {
        color: white;
}

/*Admin menu*/

#topheader-admin {
        font-weight: bold;
}

#topheader-admin ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#topheader-admin ul li {
        display: inline;
        float: left;
        position: relative;
}

#topheader-admin ul li ul {
        display: block;
        width: 110px;
        position: absolute;
}

#topheader-admin ul li ul li {
        display: list-item;
        float: none;
}

#topheader-admin ul li ul li a {
        border-bottom: 1px solid gray;
        border-top-width: 0;
        font-weight: normal;
        margin:0;
        padding:5px;
}

#topheader-admin ul li a {
        color: white;
        text-decoration: none;
        display: block;
        background: none repeat scroll 0 0 #414141;
        border-right: 1px solid #777788;
        padding: 8px 10px;
}

#topheader-admin ul li a:hover {
        background: none repeat scroll 0 0 black;
}

#topheader-admin li.adminlink ul {
        display: none;
}

#topheader-admin li.adminlink:hover ul {
        display: block;
}

#mainheader {
        height: 155px;
        background-image: url('../img/autoservisnz/header.jpg');
        -moz-box-shadow: 3px 3px 20px #0088E2;
        -webkit-box-shadow: 3px 3px 20px #0088E2;
/*        background-repeat: repeat-x;*/
/*        text-align: center;*/
}

#mainheader p {
        color: #333333;
        text-align: right;
        font-size: 130%;
        padding: 10px 15px 0 0;
}

#mainheader p.header {
        font-size: 185%;
}

#mainheader p.subheader {
        font-size: 100%;
}

/*#subheader {
        height: 23px;
        background-image: url('../img/developer/subheader.jpg');
}*/

#content {
        min-height: 400px;
        position: relative;
}

#navigation {
        float: left;
        margin-top: -12px;
        -moz-box-shadow: 3px 3px 20px #0088E2;
        -moz-border-radius: 0 0 12px 12px;
        -webkit-box-shadow: 3px 3px 20px #0088E2;
        -webkit-border-radius: 0 0 12px 12px;
}

#navigation-top {
        background-image: url('../img/autoservisnz/menu-top.jpg');
        width: 193px;
        height: 40px;
}

#navigation-bottom {
        background-image: url('../img/autoservisnz/menu-bottom.png');
        width: 193px;
        height: 17px;
}

#navigation-menu {
/*        float: left;
        min-height: inherit;
        width: 200px;
        background-color: black;
        color: white;
        position: absolute;
        height: 100%;
        background: -moz-linear-gradient(center top , black, rgba(204, 204, 204, 0)) repeat scroll 0 0 transparent;*/
        background-image: url('../img/autoservisnz/menu-content.jpg');
        background-repeat: y;
}

#navigation-menu ul {
        list-style: none;
        margin-left: 17px;
}

#navigation-menu li {
        list-style: none;
        background-image: url('../img/autoservisnz/menu-link.jpg');
        width: 158px;
        height: 29px;
/*        font-weight: bold;*/
/*        margin-top: 10px;*/
        padding-top: 5px;
        text-align: center;
/*        padding-left: 20px;*/
}

#navigation-menu li:hover {
        font-weight: bold;
}

#navigation-menu a {
        color: white;
}

#pageview {
        padding: 10px 15px 15px 15px;
        margin: 12px 0 0 205px;
        width: 673px;
/*        position: absolute;*/
        background-color: white;
        min-height: inherit;
        overflow: auto;
        -moz-border-radius: 0 0 10px 10px;
        -moz-box-shadow: 2px 3px 20px white;
        -webkit-border-radius: 0 0 10px 10px;
        -webkit-box-shadow: 2px 3px 20px white;
}

#pageview img {
        -moz-box-shadow: 4px 4px 5px black;
        -webkit-box-shadow: 4px 4px 5px black;
}

#pageview ul {
        padding-left: 15px;
}

#pageview ol {
        padding-left: 25px;
}

#pageview p, h1, h2, ul {
        padding: 5px 0 15px 0;
}

#pageview.adminIndexWide {
        width: 900px;
}

.actions {
        font-weight: bold;
        text-align: right;
        padding-right: 10px;
        white-space: nowrap;
}

th.actions {
        text-align: center;
	white-space: nowrap;
}

.actions ul {
        list-style: none;
}

.actions li {
        color: black;
        display: inline;
}

.actions a {
        border-style: outset;
        border-width: medium;
        border-color: lightblue;
        background-color: lightblue;
        color: navy;
        padding: 2px 5px;
        margin: 0 5px;
}

.actions a:hover {
        border-style: inset;
        border-width: medium;
        border-color: lightblue;
        background-color: dodgerblue;
        color: black;
}

#footer {
        margin: 25px 0 0 205px;
        font-size: 75%;
        padding: 14px 0 14px 130px;
        color: #424242;
        background-image: url('../img/autoservisnz/footer.png');
        clear: both;
}

#footer p {
        padding: 2px 0 2px 10px;
}

.input_container {
        margin: 13px 0;
        clear: left;
}

.input_container label {
        display: block;
        float: left;
        width: 100px;
        padding-top: 7px;
}

form input[type=text].form-error,  input[type=password].form-error {
        background: -moz-linear-gradient(center top , #FFEEEE, #FFFFFF) repeat scroll 0 0 #FFF5F5;
        border: 1px solid #CC6666;
}

form input[type=text].form-error:focus,  input[type=password].form-error:focus {
        background: -moz-linear-gradient(center top , #FFEEEE, #FFFFFF) repeat scroll 0 0 #FFF5F5;
        border: 2px solid #CC6666;
        outline: none;
}

#cke_PageBody {
        margin-left: 100px;
}

.page_title[type=text] {
        width: 255px;
}

form input[type=checkbox] {
        padding: 4px;
        min-height: 20px;
        margin-top: 6px;
}

form select {
        padding: 4px;
        min-height: 20px;
        font-size: 16px;
        width: 170px;
        border: 1px solid #CCCCCC;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        background: -moz-linear-gradient(center top, #F8F8F8, #FFFFFF) repeat scroll 0 0 #FFFFFF;
}

form fieldset {
        padding: 5px;
}

form input.wider_input[type=text] {
        width: 160px;
        font-size: 12px;
}

form input[type=text], input[type=password] {
        width: 125px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        background: -moz-linear-gradient(center top, #F8F8F8, #FFFFFF) repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        padding: 4px;
        min-height: 20px;
        font-size: 16px;
}

form input[type=text]:focus, input[type=password]:focus, select:focus {
        background: -moz-linear-gradient(center top , #EEEEFF, #FFFFFF) repeat scroll 0 0 #F5F5FF;
        border: 2px solid #6699CC;
        padding: 3px;
        outline: none;
}

form .submit {
        padding-left: 100px;
}

form input[type=submit] {
        width: 134px;
        padding: 3px 16px;
        border: 0 none;
        -moz-border-radius: 5px 5px 5px 5px;
        -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 5px 5px 5px 5px;
        -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        background-color: #A7002B;
        color: white;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
        background-image: -moz-linear-gradient(center top , #D70048, #7C0012);
        font-weight: bold;
        font-size: 16px;
}

form input[type=submit]:hover {
        cursor: pointer;
        background-image: none;
}

.input_field {
        ;
}

form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}

form .error-message {
	clear: left;
	color: #ff3333;
        font-size: 11px;
        margin: 5px 0 10px 100px;
}

.flash_good {
        background: #e5f2be;
        border: 2px solid #bedf5d;
        padding: 10px;
        font-weight: bold;
        font-size: 125%;
        margin: 0 0 1em 0;
}
.flash_bad {
        background: #eccecf;
        border: 2px solid #9e0b0f;
        padding: 10px;
        font-weight: bold;
        font-size: 125%;
        margin: 0 0 1em 0;
}

/* Cake SQL log */
table {
	background: #fff;
	border-right:0;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
        font-size: 90%;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
table tr td {
	background: #fff;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
table tr:nth-child(even) td {
	background: #f5f5f5;
}
table .altrow td {
	background: #f5f5f5;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}

/** Notices and Errors **/
div.message {
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	background: #c73e14;
	padding: 5px;
}

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;
}

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