/*
Theme Name:  Celektro
Author:      Ouwe
Description: Admin style
*/

/*-------------------- global ----------------------*/
body, p, input, select, button, textarea { 
    color: #626262;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 15px;
}

a { 
    color: #0070df; 
    text-decoration: none;
}
a:hover { 
    color: #555;
}

p {
    margin: 5px 0 10px 0;
}

h1 { font-size: 20px; line-height: 25px; padding: 5px 0 0 0; font-weight: normal;}
h2 { font-size: 17px; line-height: 23px; padding: 5px 0 0 0; border-bottom: 1px solid #eee; margin: 0 0 20px 0; font-weight: normal;}
h3 { font-size: 16px; line-height: 19px; padding: 0; margin: 15px 0 5px 0; border-bottom: 1px solid #eee; }

.container {
    position: relative; 
    width: 938px; 
    margin: 0 auto; 
    padding: 0 0;
}

div#page_content {
	width: 600px;
	float: left;
}

div#page_form {
	float: right;
	width: 300px;	
}

.menu {
    height: 1%; 
    overflow: hidden; 
    clear: both; 
    border-bottom: 1px solid #333;
}
.menu li a {
    display: block;
}
.menu ul {
    padding: 5px 0;
}
.menu ul li {
    margin-right: -1px;
    padding: 5px 10px 5px 10px;
    float: left;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
.menu li:hover {
    background-color: #efefef;
}
.menu li ul {
	margin: 6px 0 0;
    padding: 0;
	position: absolute;
	left: -999em;
}
.menu li:hover ul {
    left: auto;
    margin-left: -11px;
}

.menu li ul li {
    margin-top: -1px;
    background-color: #efefef;
	position: relative;
	clear: both;
    padding: 5px;
	width: 120px;
	border: 1px solid #333;
}
.menu li ul li:hover {
    background-color: #d4d4d4;
}
.menu li.logout {
	float: right;
}


div#page_content {
	width: 600px;
	float: left;
}

div#page_form {
	float: right;
	width: 300px;	
}

.footer {
    margin-top: 10px; 
    border-top: 1px solid #333; 
    text-align: center; 
    line-height: 20px;
}


/**
	DASHBOARD RELATED
*/

div#dash_notes {
	margin: 0;
	padding: 0px 5px 5px 5px;
	border: 1px solid #454545;
	width: 448px;
	float: left;
}

div#dash_stats {
	margin: 0;
	padding: 0px 5px 5px 5px;
	border: 1px solid #454545;
	width: 448px;
	float: right;
}


/**
	TABLES
*/

table.list {
	margin: 0 0 10px 0;
	width: 100%;
	border: 0;
}

table.short {
	width: 300px;
}

table.list th {
	text-align: left;
	border-bottom: 2px solid #ccc;
	padding: 2px;
}

table.list th.active, table.list th.visible {
	width: 60px;
}

table.list th.actions {
	width: 100px;
}

table.list tr td {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	padding: 4px;
	vertical-align: middle;
}

table.list td.title { 
	font-weight: bold;
}

table.list td.w150 { 
	width: 150px;
}

table.list tr.home td.name { 
	font-size: 15px;
	font-weight: bold;
}

table.list tr.root td.name { 
	font-size: 14px;
	font-weight: bold;
}

table.list tr.sub td {
	background-color: #fdfcee;
}
table.list tr.subsub td {
	background-color: #fbf9dd;
}
table.list tr.menu-row:hover td {
    background-color: #fff;
} 

/**
	GENERAL MARKUP
*/

p.message{
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
}

p.options a {
    padding: 6px 15px 6px 30px;
    border: 1px solid #ccc;
    background-color: #f0f0ee;
}
p.options a:hover {
    text-decoration: none;
}

    p.options a.add {
        background: url("../gfx/admin/icons/add.gif") no-repeat 5px 5px;
    }
    p.options a.back {
        background: url("../gfx/admin/icons/back.gif") no-repeat 5px 5px;
    }
    p.options a.pictures {
        background: url("../gfx/admin/icons/pictures.gif") no-repeat 5px 5px;
    }
    p.options a.page {
        background: url("../gfx/admin/icons/page.gif") no-repeat 5px 5px;
    }
    p.options a.page-add {
        background: url("../gfx/admin/icons/page_add.gif") no-repeat 5px 5px;
    }
    p.options a.content {
        background: url("../gfx/admin/icons/content.png") no-repeat 5px 5px;
    }

p.info {
    padding: 5px 5px 5px 60px;
    border: 1px solid #ccc;
    background: #fdfcee url("../gfx/admin/icons/help.gif") no-repeat 5px 5px;
}


/**
    FORMS
*/

form {
    margin: 0;
    padding: 0;
}

form#login label {
    float: left;
    width: 80px;
}

form#login p.buttons {
    margin-left: 80px;
}

input {
    vertical-align: baseline;
}
input.text {
    background-color: #fff;
    padding: 2px 5px;
    border: 1px solid #ccc;
    width: 250px;
    vertical-align: middle;
}

input.size-vvsmall {
    width: 20px;
}

input.size-vsmall {
    width: 40px;
}

input.size-small {
    width: 100px;
}

input.size-medium {
    width: 250px;
}

input.size-large {
    width: 500px;
}

textarea {
    padding: 2px 5px;
    width: 500px;
}

textarea.dashboard {
    width: 425px;
    height: 150px;
}

textarea.full {
    width: 850px;
    height: 200px;
}

textarea.full_low {
    width: 850px;
    height: 60px;
}

button {
    margin: 0px 10px 0px 0px;
    padding: 1px 8px;
    line-height: 14px;
    color: #2d2d2d;
    font-weight: bold;
    background-color: #f7f7f4;
    border: 1px solid #2d2d2d;
    cursor: pointer;
}

div.form-block {
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    padding: 3px;
    margin: 0 0 10px 0;
}

div.error {
    background-color: #ffebe8;
}

div.form-block p.statusText {
    clear: both;
    margin: 0;
    padding: 0;
}

div.form-block label {
    margin-top: 3px;
}

form select {
    width: 250px;
}

form select.small {
    margin: 0px 10px 0px 0px;
    width: 80px;
}

form select.smallDate {
    float: left;
    margin: 0px 5px 0px 0px;
    width: 90px;
}

form select.big {
    width: 500px;
}


/**
    SPECIAL STUFF DOWN HERE
*/

div#notification {
    font-weight: bold;
    padding: 5px 8px;
    margin: 10px 0px;
}
div#notification.message { 
    background-color: #71caff;
}
div#notification.err {
    background-color: #f39ea0;
}

p#notificationMessage {
    margin: 0;
    padding: 0;
}
p#notificationHide {
    margin: -14px 0 0 0;
    padding: 0;
    float: right;
}
p#notificationHide a {
    color: #fff;
}

div#errorMessage {
	padding: 5px 0px 5px 80px;
	line-height: 20px;
	background: url("../gfx/admin/icons/error.gif") no-repeat 5px 5px;
}
	div#errorMessage span.bold {
		font-weight: bold;	
	}


div.navigation {
	width: 100%;
	padding: 10px 0;
	overflow: auto;
}
div.navigation a, div.navigation span {
	display: block;
	float: left;
	background-color: #EEE;
	padding: 3px 7px 4px 7px;
	margin: 3px;
	font-weight: bold;
}
div.navigation span.active {
	background-color: #71caff;
	color: #FFF;
}
div.navigation a:hover {
	color: #FFF;
	background-color: #333;
	text-decoration: none;
}

.boat_nav {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
}


div#GA_link {
	padding: 5px 0px 5px 80px;
	line-height: 64px;
	background: url("../gfx/admin/icons/chart.gif") no-repeat 5px 5px;
}
	div#GA_link a {
		font-weight: bold;
	}



.error {
    font-weight: bold;
    color: red; 
}

div.clear {
    clear:both;
    font-size: 4px;
    line-height: 4px;
    height: 8px;
    overflow: hidden;
}
img.clear {
    clear:both;
}

img.ico, img.ico16, img.ico24 {
    vertical-align: middle;
    border: 0;
}
img.ico16 {
    margin: 0px 3px;
    width: 16px;
    height: 16px;
}
img.ico24 {
    width: 24px;
    height: 24px;
}