/**
 * @version $Id: default.css 374 2008-11-11 22:34:32Z elkuku $
 * @package		EasyCreator
 * @subpackage	CSS
 * @author		EasyJoomla {@link http://www.easy-joomla.org Easy-Joomla.org}
 * @author		Nikolai Plath (elkuku) {@link http://www.nik-it.de NiK-IT.de}
 * @author		Created on 20-Dec-2007
 */
 @CHARSET "UTF-8";

#easy_header {
	/*	background-image: url(../images/easycreator-shadow.png);*/
	background-image: url(../images/19.jpg);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 100px;
}

pre.ebc_code {
	border: 1px dashed grey;
	padding: 5px;
	background-color: #FFFFCC;
	
}
pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, seit 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	width: 99%;
	 
}

div.ebc_filename {
	border: 1px solid grey;
	padding: 5px;
	background-color: #CCB2FF;
	color: red;
	font-weight: bold;
	font-size: 1.5em;
}

div.ebc_error {
	border: 1px solid black;
	background-color: #FFB299;
	padding: 5px;
	font-weight: bold;
	font-size: 1.3em;
}

.ecr_minibutton {
	border: 1px solid white;
	cursor: pointer;
}

.ecr_minibutton:hover {
	border: 1px solid black;
	background-color: yellow;
}

.ecr_project_selector {
	padding: 5px;
	font-size: 1.2em;
}

.ecr_title_file {
	background-color: #FFFF99;
	border: 1px solid gray;
	padding: 4px;
}

.ecr_create_it {
	border: 1px solid black;
	padding: 5px;
	background-color: yellow;
	font-size: 1.4em;
}

.ecr_create_it:hover {
	background-color: red;
	cursor: pointer;
}

.ecr_deletebutton {
	border: 2px solid black;
	padding: 5px;
	background-color: yellow;
	font-size: 1.5em;
	font-weight: bold;
}

.ecr_deletebutton:hover {
	background-color: red;
	cursor: pointer;
}

/*//////////*/
.nik_menu_button {
	padding: 5px;
	color: black;
	cursor: pointer;
}

.nik_menu_button_active {
	padding: 5px;
	border-bottom: 2px solid #99B200;
	border-top: 2px solid #99B200;
	color: black;
	font-weight: bold;
}

.xnik_menu_button:hover {
	border: 3px solid #D9D9D9;
	text-decoration: none;
}

.nikutil_querybox {
	padding: 5px;
	border: 1px dashed black;
	background-color: #F2F2F2;
}

/* language */
.tr_lang {
	border-bottom: 1px solid black;
}

.tr_lang:hover {
	border-bottom: 1px solid red;
	background-color: #FFFFFF;
}

/* THE button */
.ecr_button {
	text-align: center;
	padding: 3px;
	border: 1px solid #D9D9D9;
	cursor: pointer;
	background-color: white ! important;
}

.ecr_button a,.ecr_button a:visited {
	text-decoration: none;
	color: black;
}

.ecr_button a:hover {
	text-decoration: none;
}

.ecr_button:hover {
	background-color: #FFFF99 ! important;
	border: 1px solid black;
	text-decoration: none;
}

.ecr_button_selected { /*	padding: 5px;*/
	padding-bottom: 2px;
	border-bottom: 2px solid #99B200;
	border-top: 2px solid #99B200;
	color: black;
	font-weight: bold;
}

.ecr_toggle {
	text-align: left;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #D9D9D9;
	cursor: pointer;
	background-color: #FFFFCC;
}

/* tabs n slides */
.ecr_toggle:hover {
	background-color: #FFFF99;
}

dl.tabs dt:hover {
	background-color: #FFFF99;
}

/* label */
label {
	border-bottom: 1px dotted #99B2FF;
	cursor: pointer;
}

label:hover {
	background-color: #FFFFCC;
}

.ecr_result {
	border-top: 2px solid #FFE566;
	border-bottom: 2px solid #FFE566;
	background-color: #FFFFCC;
	padding: 3px;
}

/* the Wizard */
.wiz_step {
	padding: 5px;
	background-color: #FFFFCC;
	border: 1px solid grey;
	margin-right: 5px;
}

.ecr_wiz_desc {
	background-color: #E5FF99;
	padding: 5px;
	border-top: 2px solid #74DF00;
	border-bottom: 2px solid #74DF00;
}

.ecr_prevnext {
	text-align: center;
	border: 1px solid black;
	padding: 3px;
	margin: 7px;
	background-color: #FFFFCC;
}

.button1-right {
	background: url(../images/j_button1_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button1-right .prev {
	float: left;
	background: url(../images/j_button1_prev.png) no-repeat;
}

.button1-left {
	background: url(../images/j_button1_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button1-left .next {
	float: left;
	background: url(../images/j_button1_next.png) 100% 0 no-repeat;
}

.button1-left a,.button1-right a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	text-decoration: none;
}

.button1-left a {
	padding: 0 30px 0 6px;
}

.button1-right a {
	padding: 0 6px 0 30px;
}

.button1-left a:hover {
	text-decoration: none;
	color: green;
}

.button1-right a:hover {
	text-decoration: none;
	color: green;
}

div#stepbar div.b {
	/*  background: url(../images/xj_border.png) 0 100% repeat-x;*/
	/* background-color: red;*/
	
}

div#step div.b div.b {
	background: url(../images/j_crn_br_dark.png) 100% 0 no-repeat;
}

div#step div.b div.b div.b {
	background: url(../images/j_crn_bl_dark.png) 0 0 no-repeat;
}

div.m {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0 8px;
}

div.t,div.b {
	height: 6px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

div#stepbar {
	background: #f7f7f7;
}

/* ugly boxes.. */
div.explanation {
	background-color: #E5FF99;
	border: 1px dashed grey;
	padding: 5px;
}

div.ecr_attention {
	background-color: #E5FF99;
	border: 1px dashed grey;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: red;
}

div.ecr_error {
	border: 1px solid black;
	background-color: #FFB299;
	padding: 5px;
	font-weight: bold;
	font-size: 1.3em;
}

/* Toolbar */
.icon-32-ecr_languages {
	background-image: url(../images/toolbar/languages.png);
}

.icon-32-wizard {
	background-image: url(../images/wizard.png);
}
 
.icon-16-add {
	background-image: url(../images/ico/edit_add.png);
}

.icon-16-apply {
	background-image: url(../images/ico/apply.png);
}

.icon-16-delete {
	background-image: url(../images/ico/editdelete.png);
}

.icon-16-copytrans {
	background-image: url(../images/ico/sig.png);
}

.icon-16-save {
	background-image: url(../images/ico/filesave.png);
}

.icon-16-config {
	background-image: url(../images/ico/icon-16-config.png);
}

.icon-16-text {
	background-image: url(../images/ico/text.png);
}

.icon-16-sig {
	background-image: url(../images/ico/sig.png);
}

.icon-16-comment {
	background-image: url(../images/ico/comment.png);
}

.icon-16-php {
	background-image: url(../images/ico/php.png);
}

.icon-16-easy-joomla {
	background-image: url(../images/easy-joomla-favicon.ico);
}

.img {
	background-repeat: no-repeat;
	background-position: 4px 3px ! important;
	padding-left: 27px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.img2 {
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 17px;
	padding-top: 7px;
	padding-bottom: 0px;
}

.pane-sliders .panel h3:hover {
	background-color: #FFFFCC;
}

div#toolbar-box { /* let's kill the standard Joomla! toolbar box ;)
	 * otherwise displays an ugly empty div with some J! images..
	 * TODO: any cleaner method ?
	 */
	display: none;
}

/* copied from Joomla! installation.css */
h3.moofx-toggler {
	margin: 0;
	border: 1px solid #ccc;
	padding: 4px;
	background-color: #EBEBEB;
	margin-bottom: 1px;
	font-size: 12px;
	color: #666;
	cursor: pointer;
}

h3.moofx-toggler {
	background: #EBEBEB url(../images/j_arrow.png) 5px 50% no-repeat;
	text-indent: 15px;
}

h3.moofx-toggler-down {
	background-image: url(../images/j_arrow_down.png);
}

/* hack to stop ugly aliasing in IE */
div.moofx-slider {
	background: #fbfbfb;
}

/*
 * DEBUGGER
 */
div.ecr_debug {
	background-color: #FFE5B2;
	border: 1px dashed grey;
	padding: 5px;
}

div.debug_ON {
	background-color: #FF7F7F;
	border: 2px solid grey;
	padding: 4px;
	float: right;
}

/*
* Tree
*/
div.tree_link,a.tree_link:visited {
	color: black;
	display: inline;
	cursor: pointer;
}

div.tree_link:hover {
	background-color: #FFFFB2;
	text-decoration: none;
}

div.tree_link selected {
	font-weight: bold;
	color: red;
}

/* Descriptions */
.hidden_div {
	display: none;
}

.ecr_description {
	background-color: #E5FF99;
	padding: 5px;
	border: 1px dashed grey;
}

/* external links */
a.external {
	background-image: url(../images/ico/external_link.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 16px;
}

div.ecr_codebox_header {
	background-color: #E5FF99;
}
div.ecr_codebox_header:hover {
	background-color: #ffffcc;
	cursor: pointer;
}

div.ecr_menu_box {
	border: 1px solid #d9d9d9;
	display: inline;
	padding: 0.4em;
}

table.ecrlist tbody tr.row0:hover td,
table.ecrlist tbody tr.row1:hover td  { background-color: #ffd ; }