/**
 * Backoffice main Cascading Style Sheets definitions
 *
 * b2evolution - {@link http://b2evolution.net/}
 * Released under GNU GPL License - {@link http://b2evolution.net/about/license.html}
 * @copyright (c)2003-2004 by Francois PLANQUE - {@link http://fplanque.net/}
 *
 * @package admin
 */
 
@import url(../rsc/basic.css);	/* Import basic styles */
@import url(../rsc/img.css);	/* Import standard image styles */
@import url(../rsc/blog_elements.css);	/* Import standard blog elements styles */
@import url(../rsc/forms.css);	/* Import default form styles */
@import url(../rsc/comments.css);	/* Import default comment styles */

body {
	margin: 0 0 0 0;
	background-color: #FFF;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica;
	font-size: 84%;
}
h1 {
	clear: both;
	margin: 0 2ex 0;
	padding: 1ex 0 0 0;
	font-family: Arial, Verdana, Geneva, Arial, Helvetica;
	color: #BCD;
	font-size: 112%;
	font-weight:normal;
}
h1.logintitle {
	color: #000;
	font-size: 120%;
}
h2 {
	margin-top: 0ex;
	margin-bottom: 1ex;
	color: #b0b0b0;
	font-size: 140%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 110%;
	margin-top: 2ex;
	margin-bottom: 0.5ex;
}

a {
	background-color: transparent;
	color: #00e;
	text-decoration: none;
}
a:hover {
	color: #b0b0b0;
	text-decoration: underline;
}
.panelbody {
	margin: 0ex;
	padding: 0ex;
	/* border:	1px solid #f00; */
}
.bPosts {
	vertical-align: top;
	float: left;
	width: 65%;
	clear: left;
	/* border:	1px solid #f00; */
	margin: 0ex;
	padding: 0ex;
	overflow: hidden;
}
.bSideBar {
	width: 33%;
	vertical-align: top;
	float: right;
	margin: 0ex;
	padding: 0ex;
	overflow: hidden;
}
div.panelinfo {
	clear: both;
	border: 1px solid #765;
	background-color: #f4f3f0;
	padding: 0.1ex 2ex 0.1ex 2ex; 
	margin: 2ex 3ex;
}
div.panelblock {
	border: 1px solid #CCCCCC;
	padding: 2ex;
	margin: 2ex 3ex;
}
div.pt
{
	margin: 0 3ex 0 3ex;
}
div.panelblocktabs
{
	clear: both;
	margin-top: 1ex;
	float:left;
	width:100%;
	background: url("img/tabs_bg.gif") repeat-x bottom;
	font-size:85%;
	line-height:normal;
}
div.tabbedpanelblock {
	clear: both;
	border: 1px solid #765;
	background-color: #fbfaf9;
	border-top: none;
	padding: 1ex 2ex 2ex 2ex;
	margin: 0 3ex 2ex 3ex;
}
div.loginblock {
	border: 1px solid #CCCCCC;
	padding: 2ex;
	margin: 3ex auto;
	width: 30em;
}
.bPost, .bPostpublished {
	border: 1px solid #CCCCCC;
	padding: 2ex;
	margin: 3ex;
	margin-right: 0ex;
}
.bSideItem {
	border: 1px solid #CCCCCC;
	padding: 2ex;
	margin: 3ex;
	margin-left: 0ex;
}
.bSideItem2 {
	border: 1px solid #CCCCCC;
	padding: 0ex 2ex 2ex;
	margin: 3ex 3ex 3ex 0ex;
}
legend {
	font-weight: bold;
}
.tabletoprow {
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	font-style: italic;
}
.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	background-color: #ffeecc;
	background-image: url("../admin/img/b2button.gif");
}
.quicktags {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #cccccc;
	background-image: url("../admin/img/b2button2.gif");
}
xmp { /* Just in case */
	font-family: Verdana, Geneva, Arial, Helvetica;
	font-size: 10pt;
}

textarea,input,select {
	background-color: #f0f0f0;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: 2px;
	margin: 1px;
}
input.checkbox {
	background-color: #ffffff;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}
input.searchfield {
	/* Buggued in IE 6: width:100%; */
	margin: 0ex;
}
input.large,
textarea.large,
div.large {
	width: 98%;
	margin: 0ex;
}
table.thin,
table.thincols {
	border: 1px solid #ccc;
	margin: auto;
	border-collapse: collapse;
}
table.thin td {
	border-bottom: 1px solid #ccc;
	padding: .3ex 1ex;
}
table.thincols td {
	border: 1px solid #ccc;
	padding: .3ex 1ex;
}
table.thin th,
table.thincols th {
	color: #fff;
	background-color: #ccc;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: .3ex 1ex;
}
table.invisible {
	margin: 1ex;
	border-collapse: collapse;
	margin: auto;
}
table.invisible td {
	padding: 0ex 1ex;
}
td.right {
	text-align: right;
}
blockquote {
	border: 2px dotted #33CCCC;
	padding: 12px 16px;
	background-color: #DDEEEE;
	margin: 10px;
}
.center {
	text-align: center;
}

acronym {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	cursor: help;
}
abbr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	cursor: help;
}
.footer {
	text-align: center;
	font-size: 74%;
	margin-top: 0ex;
	margin-bottom: 0ex;
	padding-bottom: 1ex;
	clear: both;
}


/* ---- Header + Menu --- */


#header {
	float:left;
	width:100%;
	background: url("img/bg.gif") repeat-x bottom;
	font-size:85%;
	line-height:normal;
}
#evologo {
	float:left;
	padding-left: 1em;
	padding-right: 1em;
	vertical-align: middle;
	border: 0;
}
#headfunctions {
	margin-top: .5ex;
	text-align:right;
	margin-right: 1ex;
	color: #b0b0b0;
}
#headinfo {
	padding-left: 1em;
	line-height: 150%;
	color: #b0b0b0;
	white-space: nowrap;
}
ul.tabs {
	margin:0;
	clear: both;
	padding: 0.1ex 1em 0;
	list-style: none;
}
ul.tabs li {
	float:left;
	background:url("img/left_both.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #765;
}
ul.tabs li a {
	float:left;
	display:block;
	white-space:nowrap;
	background: url("img/right_both.gif") no-repeat right top;
	padding:4px 11px 3px 2px;
	text-decoration:none;
	color:#765;
}
/* Commented Backslash Hack: hides rule from IE5-Mac \*/
ul.tabs li a {float:none;}
/* End IE5-Mac hack */
ul.tabs li a:hover {
	color:#333;
	text-decoration: underline;		/* for IE */
}
ul.tabs li:hover {			/* Won't work in IE */
	background-position:0% -150px;
	color:#333;
}
ul.tabs li:hover a {			/* Won't work in IE */
	background-position:100% -150px;
	color:#333;
	text-decoration: none;
}
ul.tabs li.current {
	background-position:0% -150px;
	border-width:0;
}
ul.tabs li.current a {
	background-position:100% -150px;
	color:#333;
	padding-bottom:4px;
}
ul.tabs li.current a:hover {
	text-decoration: underline;
}

/* --- admin blog display --- */

.bPostprotected {
	clear: both;
	padding: 2ex;
	margin: 3ex;
	margin-right: 0ex;
	border: 1px solid #e9f;
	background-color: #f8f0ff;
}
.bPostprivate {
	clear: both;
	padding: 2ex;
	margin: 3ex;
	margin-right: 0ex;
	border: 1px solid #f99;
	background-color: #fff0f0;
}
.bPostdraft {
	clear: both;
	padding: 2ex;
	margin: 3ex;
	margin-right: 0ex;
	border: 1px dashed #CCCCCC;
	background-color: #EEEEEE;
}
.bPostdeprecated {
	clear: both;
	padding: 2ex;
	margin: 3ex;
	margin-right: 0ex;
	border: 1px dashed #aaa;
	background-color: #ddd;
	color: #999;
}
.bTitle {
	margin-top: 8px;
	margin-bottom: 8px;
}
.bText {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSmallPrint {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 8px;
	margin-bottom: 8px;
}

div.bComment, /* Entire comment block */
form.bComment /* New comment form */
{
	border: 1px solid #8ae; /* override */
}

.bSmallHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #8ae;
}
.bSideItem h3 {
	margin-top: 0px;
	margin-bottom: 8px;
}
.bSideItem ul,
.bSideItem2 ul {
	margin-left: 0ex;
	padding-left: 0ex;
	margin-top: .5ex;
	margin-bottom: .5ex;
	list-style-type:none;
}
.bSideItem ul ul,
.bSideItem2 ul ul {
	margin-left: 1ex;
	padding-left: 1ex;
}

.bMore {
	text-align: center;
}
.bMore a {
	font-weight: bold;
	font-size: 110%;
}
div.statbloc {
	float: left;
	width: 44%;
	margin-left: 2%;
	margin-right: 0%;
	margin-bottom: 2ex;
	border: 1px solid #33BBBB;
}
div.statbloc h3 {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	text-align: center;
	background: #33BBBB;
	padding: 1ex;
}

/* Styles for comment form */
input.bComment,
textarea.bComment {
	background-color: #f0f0f0;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: .5ex;
	width: 98%;
	margin: 0ex;
}
select.bComment {
	background-color: #f0f0f0;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: .5ex;
	width: 99%;
	margin: 0ex;
}
.notes {
	/* display: block; */
	font-size: 80%;
	margin: 1em 0ex;
	color: #999999;
	/* border: 1px solid #f00; */
}

.field {
	background-color: #f0f0f0;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: .5ex;
}
input.SearchField {
	background-color: #f0f0f0;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}


/* Calendar: */
caption.bCalendarCaption {
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	font-weight: bold;
	margin: auto;
	white-space: nowrap;
}
table.bCalendarTable {
	margin: auto;
	font-size: 77%;
	border: solid 1px #ccc;
}
tr.bCalendarRow {
	text-align: center;
}
th.bCalendarHeaderCell {
	font-size: 84%;
}
td.bCalendarCell {
}
td.bCalendarEmptyCell {
}
.bCalendarLinkPost {
	font-weight: bold;
}
#bCalendarToday {
	background-color: #DEF;
}


.FigZone {
	text-align: center;
	margin: 8px;
}
.FigCent240 {
	width: 240px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 12px;
	margin: 0ex auto;
	border: 1px solid #FFFFFF;
	text-align: center;
}
.FigCent320 {
	width: 320px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 12px;
	margin: 0ex auto;
	border: 1px solid #FFFFFF;
	text-align: center;
}
.FigZone img{
	border: none;
	margin-bottom: 8px;
}
.FigZone a {
	color: #FFFFFF;
	text-decoration: none;
}
.FigZone a:link {
	color: #FFFFFF;
}
.FigZone a:visited {
	color: #FFFFFF;
}
.FigZone a:active {
	color: #FFFFFF;
}

.bSideItem fieldset,
.bSideItem2 fieldset,
.bPost fieldset {
	border: 1px solid #ddd;
	margin: 0ex 0ex 1ex;
	padding: 1ex;
}

.bSideItem fieldset div {
	margin: 1ex 0ex;
}
fieldset.extracats {
	border: 1px solid #ccc;
	padding: 0ex;
	margin: 0ex;
	overflow: visible;
}
div.extracats {
	/* border: 1px solid #f00; */
	height: 44ex;
	overflow: auto;
	padding: 0ex 1ex;
	margin: 0ex;
}
.extracatnote {
	/* display: block; */
	font-size: 80%;
	margin: 0em 0ex 1em;
	color: #999999;
	/* border: 1px solid #f00; */
}

tr.group {
	font-weight: bold;
	background-color: #eee;
}
label.radiooption {
	white-space: nowrap;
	margin-right: 1em;
}

fieldset legend {
	font-weight: bold;
	color: #BCD;
}