/**
 * Wolf CMS - Content Management Simplified. <http://www.wolfcms.org>
 * Copyright (C) 2008 Philippe Archambault <philippe.archambault@gmail.com>
 *
 * This file is part of Wolf CMS.
 *
 * Wolf CMS is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Wolf CMS is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Wolf CMS.  If not, see <http://www.gnu.org/licenses/>.
 *
 * Wolf CMS has made an exception to the GNU General Public License for plugins.
 * See exception.txt for details and the full text.
 */

/* General ---------------------------------------------------------------- */

body { background-color: #fff; }

h3 { }
a { color: #457; }
a:hover { }
h1 { color: #fff; background-color: #333; }
h1#admin-crumb, h1#admin-crumb a { color: #333333; background-color: #E5E5E5; }
h1#admin-crumb { margin: 0 0 0 0; padding: 10px 20px 0 20px; font-size: 1.0em; }
h1 a { color: #fff; }
h2 { }

.warning { color: #D42B27; }

/* Header ----------------------------------------------------------------- */

#header { color: #fff; background-color: #242424; }
#header a { color: #fff; }

/* Navigation ------------------------------------------------------------- */

#mainTabs a:link, #mainTabs a:visited { color: #9E9E9E; background-color: #242424; border: none; }
#mainTabs a:hover { color: #fff; border: none; }
#mainTabs a:link.current, #mainTabs a:visited.current { color: #242424; background-color: #fff; font-weight: normal; }

/* Content ---------------------------------------------------------------- */

#content-wrapper { background-color: #fff; border-color: #C7C7C7; }
.tabNavigation, .tabs { border-bottom: solid 1px #ccc; padding: 5px 0; }
.tabNavigation .tab a, #tabs-meta a.tab, #tabs a.tab { background-color: transparent; position: relative; bottom: 1px;  }
.tabNavigation .tab a.here, #tabs-meta a.tab.here, #tabs a.tab.here { position: relative; bottom: 1px; background-color: #C7C7C7; font-weight: normal; }
.tabNavigation .tab a, .tabNavigation .tab a.here { bottom: 0; }
.pages {
  background-color: #fff;
  margin-top: 0;
  -moz-border-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-radius: 0;
  -webkit-border-topleft-radius: 0;
}
.pages .page {
  padding: 20px;
}

#content-wrapper {
  border-bottom: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#content {
  padding: 1em;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.box ul {
	list-style: disc;
	margin: 0 0 20px 16px;
	padding: 0;
	color: #222;
}
.box ul ul {
	color: #8B93A7;
}
.box ul h3 {
	font-size: 85%;
	color: #222;
}
.help code {
	position: relative;
	display: block;
	background: #F5F5F5;
	padding: 10px;
	margin: -10px 0 20px 0;
	border-bottom: solid 1px #CACACA;
}

/* Sidebar ---------------------------------------------------------------- */
#sidebar { background-color: transparent; margin: 0.9em 0.5em 0 0; }
#sidebar h2 { border-color: #D8E0EC; }
#sidebar .box { background-color: #F5F5F5; border-color: #9BB5D0; border-bottom: 1px solid #CACACA; -moz-border-radius: 0; -webkit-border-radius: 0; }
#sidebar p.button { background-color: #E5E5E5; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-bottom: solid 1px #CACACA; padding: 0 0 0 20px; }
#sidebar p.button:hover { border-bottom: solid 1px #666; }
#sidebar p.button img { background-color: #CACACA; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#sidebar p.button a { color: #000; display: block; padding: 10px 0 0 0; }
#sidebar p.button a:hover { color: #000; }
#sidebar p.button a:hover img { background-color: #B5B5B5; }
#sidebar .this { color: #999; }
#sidebar .optional { color: #666; }

/* Footer ----------------------------------------------------------------- */

#footer { color: #555; }
#footer .stats { color: #777; }

/* Site links ------------------------------------------------------------- */

#site-links { color: #888; }
#site-links a, #site-links a:visited { color: #e5e5e5; }

/* Messages --------------------------------------------------------------- */

#info { background: #EDFE86; }
#error { background: #a22; color: #fff; }
#error a { color: #fff; font-weight: bold; }
#success { background: #cfc; color: #051; }

#info, #error, #success {
/* css for fade positioning -- start */
  position: relative;
  left: 0;
  width: 95%;
  margin: 1% auto 0 auto;
  padding: 1em 1.5em 0.9em 1.5em;
  text-align: center;
  
  /* Border-radius not implemented yet */
  border-radius: 0;
  border-radius-topright: 0;
  border-radius-topleft: 0;
  -moz-border-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
}

/* Index table ------------------------------------------------------------ */

table.index { border-color: #ddd; }
table.index th { background-color: #f5f5f5; }
table.index td { border-color: #ddd; }
table.index .node .user small { color: #666; }
table.index .even:hover, table.index .odd:hover, table.index .even.hover, table.index .odd.hover { background-color: #f5f5f5;}
table.index .node .snippet a, table.index .node .snippet a:visited, table.index .node .layout a, table.index .node .layout a:visited, table.index .node .user a, table.index .node .user a:visited { color: #000;}
table.index td.note { color: silver; }

table tr:hover td { background: #F5F5F5; }

/* Site Map --------------------------------------------------------------- */

#site-map-root .page a .title, #site-map .page a .title, #site-map .node .page a:visited .title { color: #000; }
#site-map .node .page .title.protected { color: #9eb3bf; }
#site-map .node .page .info { color: #9eb3bf; }
#site-map-def div { background-color: #f5f5f5;}
#site-map { border-color: #ddd; }
#site-map-root li, #site-map li { border-color: #ddd; }
#site-map-root li:hover, #site-map-root li.hover, #site-map li:hover, #site-map li.hover { background-color: #f5f5f5; }
#site-map ul { background-color: #fff; }
#site-map .status { color: #9eb3bf; }
#site-map .status.draft-status { color: #c00; }
#site-map .status.published-status { color: #000; }
#site-map .status.hidden-stats { color: #0c0; }
#site-map li#page_8 .title, #site-map li#page_10 .title, #site-map li#page_13 .title, #site-map li#page_2 .title, #site-map li#page_9 .title, #site-map li#page_17 .title, #site-map li#page_18 .title, #site-map li#page_4 li#page_7 .title, #site-map li#page_42 .title, #site-map li#page_44 .title, #site-map li#page_53 .title, #site-map li#page_54 .title, #site-map li#page_38 .title { color: #ccc; }


/* Form Elements ---------------------------------------------------------- */

.form-area { background-color: #fff; }
.form-area .error-with-field .error { color: #f00; }
table.fieldset td { background-color: white; border-color: #ccc; }
table.fieldset td.label .optional { color: #929488; }
table.fieldset td.help { background-color: #eee; }
table.fieldset .error-with-field small { color: red; }

/* Tabs ------------------------------------------------------------------- */

#tabs-meta .tab, #tabs .tab { background-color: #ddd; color: #000; }
#tabs-meta .tab.here,
#tabs .tab.here { background-color: #fff; }
#tab-toolbar img { padding-bottom: 2px; }
#meta-divs td { background-color: #fff; }
#meta-divs td.label .optional { color: #929488; }
#meta-divs, #pages { background-color: white; }
#content #pages .page {}
#content textarea { border-color: #ccc; }
#content #pages label {}

#header {overflow: hidden; height: auto; }
#mainTabs { overflow: hidden; height: auto; margin-right: 260px; padding: 0 0 0 0; }

#pages .row {
	position: absolute;
	margin-top: 32px;
	margin-left: 10em;
	z-index: 2;
}
#pages .row label {
	font-weight: bold;
	font-size: 104%;
}

.row p {
	display: block;
	position: relative;
	float: none;
	margin: -3px 0 0 20px;
	width: 260px;
}

.tab_control {
	border: solid 1px #fff;
}
#body_page_edit .form-area small {
	position: absolute;
	margin-top: 0;
	left: 31em;
	z-index: 2;
}

/* Popups ----------------------------------------------------------------- */

#content .popup { background-color: white; border-color: silver; }
#content .popup .busy { }
#content .popup h3 { }
#content .popup .close-link { color: #999; }

/* Comments --------------------------------------------------------------- */

#comments-def div { background-color: #f5f5f5; border-color: #ddd; }
#comments li { border-color: #ddd; }
#comments li:hover { background-color: #eee; }
#comments .even {}
#comments .odd {}
#comments .infos { color: #666; }
#comments .approve { color: #7a7; background-color: #dfd; border-color: #9c9; }
#comments .approve a { color: #696; }
#comments .approve .infos { color: #8b8; }

/* Calendar (Date picker) ------------------------------------------------- */

.dpDiv { background-color: #eee; border-color: #ccc; }
/* the table (within the div) that holds the date picker calendar */
.dpTable { color: #333; }
.dpTable td { border-color: #eee; }
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR { color: #fff; background-color: #e5e5e5; }
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR { background-color: #eee; }
/* a table cell that holds a date number (1-31) */
.dpTD { background-color: #fff; }
.dpTDempty {}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover { color: #fff; background-color: #e5e5e5; }
/* the table cell that holds the name of the month and the year */
.dpTitleTD {}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD button { color: #fff; background-color: #47a; }
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD { background-color: #ddd; }
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD { color: #666; background-color: #ddd; border-color: #ccc; }
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight { color: #47a; background-color: #fff; }
/* the forward/backward buttons at the top */
.dpButton { color: #fff; background-color: #47a; }
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton { color: #666; }

#content #meta-pages textarea#page_description {
  height: 34px;
}

#site-view-page {
	color: #666; position: relative; top: -5px;	text-decoration: none;
}
#site-view-page:hover {
	text-decoration: underline;
}


/* Plugins ------------------------------------------------------------------- */
#plugins td.plugin h4 {
	margin-top: 4px;
	margin-bottom: 3px;
}
#files-path {
	margin:0 0 0.5em 0;
}
#files-list th {
	border-bottom: solid 1px #ccc;
}



#body_page_edit .form-area #lastupdate small,
#body_page_edit .form-area #perms small {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#body_page_edit .form-area #lastupdate {
	position: absolute;
	left: 49px;
	margin-top: -30px;
}
#body_page_edit .form-area #perms {
	position: absolute;
	left: 310px;
	top: -35px;
	margin: 0;
	padding: 0;
}
#perms {
	width: 500px;
}
#body_page_edit .buttons {
	clear: both;
	position: relative;
	/* left: -500px; */
	width: 550px;
}
#body_page_edit .buttons .button {
	margin: 0;
	left: 0;
}
#perms label small {
	font-weight: normal;
	font-size: 105%;
}
#body_page_edit .form-area #pagestatus,
#body_page_edit .form-area #perms {
	position: relative;
	display: block;
	clear:both;
}
#perms input {
	position: relative;
	top: 2px;
	margin: 0 2px 0 5px;
}