/**
* Avalon 5.0 Default CSS file
* @auth: aigars@grafton.lv, SIA Grafton
* @since: 2008-04-01 15:00
*/

/* Default */
*{
		margin:  0;
		padding: 0;
}
* html.addClear{
		height: 1%;
}
.addClear{
		clear: both;
}
.addClear:after{
		content: ".";
		display: block;
		height:  0;
		clear:   both;
		visibility: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: blod;
}
h1{
	font-size:   1.35em;
	line-height: 1.4em;
}
h2{
	font-size:   1.25em;
	line-height: 1.3em;
}
h3{
	font-size:   1.15em;
	line-height: 1.2em;
}
h4{
	font-size:   1em;
	line-height: 1.1em;
}
h5{
	font-size:   0.85em;
	line-height: 0.9em;
}
h6{
	font-size:   0.65em;
	line-height: 0.7em;
}
br{
	font-size:   1em;
	line-height: 1em;
}
ul,
ol {
	list-style: none;
	list-style-position: inside;
}
html,
body {
	height: 100%;
	min-height: 100%;
}
img {
	border: 0 none;
	display: inline;
}

a {
	color: #29378c;
}
a:visited {
	color: #5d5d5d;
}
body {
	position: relative;
	font: normal 8pt "Verdana", "Tahoma", "sans-serif";
}
body.login {
	margin: 0 auto;
	text-align: center;
}

/* Layout */
#min-width {
	width: 999px;
}
#wrap {
	min-height: 100%;
	overflow: hidden;
}
#modules,
#categories {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	z-index: 100;
}
#modules {
	width: 120px;
	float: left;
	border-right: 1px solid white;
	background: #e4e1d6 url('../images/modules-bg.gif') left top repeat-y;
}
#categories {
	width: 236px;
	float: right;
	border-left: 1px solid white;
	background: #e4e1d6 url('../images/categories-bg.gif') left top repeat-y;
	padding-top: 49px;
}
#category-tree {
	padding: 5px 10px;
	background: url('../images/h-separator.gif') left top repeat-x;
}
#content {
	position: relative;
	margin-left: 121px;
	margin-right: 237px;
	z-index: 10;
}
#operations, #operations-bottom {
	height: 49px;
	padding: 0 10px;
	min-width: 618px;
	overflow: hidden;
	background: #dcd8ca url('../images/op-bg-top.gif') left top repeat-x;
	border-bottom: 1px solid #ffffff;
}
#operations-bottom {
	border-top: 1px solid #ffffff;
	margin-top: 20px;
	background: #dcd8ca url('../images/op-bg-bottom.gif') left top repeat-x;
	border-bottom: 1px solid #bababa;
}
#operations a, #operations-bottom a {
	line-height: 49px;
	padding: 3px 10px 3px 25px;
	text-transform: uppercase;
	text-decoration: none;
	color: #5d5d5d;
}
#operations a:hover, #operations-bottom a:hover {
	text-decoration: underline;
}

/* Modules */
#modules h1 {
	height: 51px;
	background: #e4e1d6 url('../images/avalon-logo.jpg') left top no-repeat;
}
#modules h1 a {
	display: block;
	height: 51px;
	text-indent: -999px;
}
#modules ul {
	margin-top: 2px;
}
#modules li {
	background: #e4e1d6 url('../images/modules-li-bg.gif') left top no-repeat;
	padding-bottom: 2px;
}
#modules li li {
	background: #e4e1d6 url('../images/modules-li2-bg.gif') left bottom no-repeat;
	padding-bottom: 2px;
}
#modules li a {
	display: block;
	width: 100px;
	height: 28px;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 28px;
	color: #939393;
	padding: 0 15px 0 5px;
}
#modules li:hover {
	background-image: url('../images/modules-li-bg-active.gif');
	background-color: #dcd8ca;
}
#modules li.selected {
	background-image: url('../images/modules-li-bg-active.gif');
	background-color: #e4e1d6;
}
#modules li.selected a {
	font-weight: bold;
	color: #5d5d5d;
}
#modules li li a,
#modules li.selected li a {
	line-height: 20px;
	height: 20px;
	font-weight: normal;
	color: #939393;
}
#modules li li.selected a {
	font-weight: bold;
	color: #5d5d5d;
}

/* Category tree */
/* Defined in xtree.css */

/* Icons */
a.save { background: url('../images/icons/save.gif') left center no-repeat; }
a.new { background: url('../images/icons/new.gif') left center no-repeat; }
a.delete { background: url('../images/icons/delete.gif') left center no-repeat; }
a.back { background: url('../images/icons/back.gif') left center no-repeat; }
a.find { background: url('../images/icons/find.gif') left center no-repeat; }

a.cat-active { background: url('../images/xtree/directory.gif') left center no-repeat; }
a.cat-disabled { background: url('../images/xtree/directory-fade.gif') left center no-repeat; }
a.wizard { background: url('../images/icons/wizard.gif') left center no-repeat; }
a.active { background: url('../images/icons/status-on.gif') left center no-repeat; }
a.disabled { background: url('../images/icons/status-off.gif') left center no-repeat; }

/* Tables */
table {
	width: 100%;
	border-collapse: collpse;
	border-spacing: 0;
}
table td,
table th {
	height: 20px;
	padding: 2px 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #bababa #bababa #fff;
}
table td.center,
table th.center {
	text-align: center;
}
table thead td,
table thead th {
	font-weight: bold;
	color: #000000;
	background-color: #dcd8ca;
}
table thead td.ord-asc,
table thead th.ord-asc {
	/* Some nice bullet will come here */
}
table tbody tr.odd td {
	background-color: #f7f7f5;
}
table tbody th {
	font-weight: bold;
	color: #000000;
	background-color: #dcd8ca;
}
table tfoot td,
table tfoot th {
	font-weight: bold;
	color: #000000;
	background-color: #dcd8ca;
}
table tbody tr:hover td,
table tbody tr:hover th,
table tbody tr.odd:hover td {
	background-color: #eae8de;
}
table col.center {
	text-align: center;
}


/* Form inputs */
label {
	display: block;
	float: left;
	width: 100px;
	padding: 2px 10px;
	text-align: right;
}
input, textarea, select {
	border: 1px solid #bababa;
	background-color: #fff;
}
select {
	height: 20px;
	width: 498px
}
input {
	padding: 2px;
	height: 16px;
	width: 492px
}
input[readonly] {
	color: #999;
}
textarea {
	padding: 2px;
	/*height: 236px;*/
	width: 602px;
}
fieldset {
	width: 584px;
	padding: 10px;
	margin-top: 5px;
	margin-left: 10px;
	-moz-border-radius: 4px;
	clear: left;
}
fieldset legend {
	padding-left: 5px;
	padding-right: 5px;
}
fieldset input {
	width: 348px;
}
fieldset select {
	width: 354px;
}
fieldset textarea {
	width: 588px;
}
fieldset table {
	width: 588px;
}
fieldset.small {
	width: 476px;
	padding: 10px;
	margin-left: 120px;
}
#editor div.multiselect {
	min-height: 22px;
	width: 476px;
	overflow: auto;
}
#editor table td.choose,
#editor table th.choose {
	text-align: center;
}
#editor table td.choose input,
#editor table th.choose input {
	width: auto;
}


/* Log-in */
#login-wrapper {
	margin: 0 auto;
	position: relative;
	width: 320px;
	_height: 100%;
	min-height: 100%;
	text-align: center;
}
#login {
	margin-top: -103px;
	position: absolute;
	top: 50%;
	left: 0;
	_width: 320px;
	_height: 207px;
	padding: 80px 15px 0;
	text-align: left;
	background: transparent url('../images/login-bg.jpg') center center no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 290px;
	height: 127px;
}
#login div {
	position: relative;
	_padding: 1px 0;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 2px 0;
}
#login label {
	position: relative;
	_width: 96px;
	padding: 4px 10px 2px 0;
	float: left;
	text-align: right;
	color: #939393;
	text-transform: uppercase;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 80px;
}
#login input {
	position: relative;
	_width: 190px;
	_height: 20px;
	border: 1px solid #DDD;
	padding: 2px 4px;
	color: #939393;
	font: normal 8pt "Tahoma", "sans-serif";
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 14px;
	width: 184px;

}
#login div.submit {
	_padding-left: 100px;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 91px !important;
	padding-left: 95px;
}
#login div.submit input {
	width: 84px;
	background-color: #f0eee8;
	height: 22px;
}

#login h1 {
	height: 30px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	width: 90px;
}

#login h1 a {
	display: block;
	text-indent: -1000em;
	height: 30px;
	overflow: hidden;
	width: 90px;
}


/* Content Editor Form */
#editor {
	margin: 0 0 0 -1px;
	min-width: 618px;
	overflow: hidden;
	padding-bottom: 10px;
}
#editor h1{
	padding: 5px 20px;
	margin: 0 0 5px;
	color: #5d5d5d;
	border-bottom: 1px solid #bababa;
}
#editor div {
	height: 20px;
	padding: 2px 0;
}
#editor div p {
	padding: 10px 10px 5px 130px;
}
#editor div.hidden {
	display: none;
}
#editor div.agree,
#editor div.choose {
	padding-left: 120px;
}
#editor fieldset.small div.agree,
#editor fieldset.small div.choose {
	padding-left: 0;
}
#editor div.text {
	height: auto;
	padding: 4px 10px;
}
#editor div.text label {
	float: none;
	text-align: left;
}
#editor div.agree label,
#editor div.choose label,
#editor p.agree label,
#editor p.choose label {
	width: auto;
	float: none;
	text-align: left;
	margin-left: 10px;
}
#editor div.agree input,
#editor div.choose input,
#editor p.agree input,
#editor p.choose input,
#editor table td.choose input {
	float: left;
	width: auto;
	border: 0 none;
}
#editor div.browse input {
	float: left;
	width: 238px;
}
#editor input.button {
	width: 100px !important;
	height: 22px;
}
#editor div.browse input.button {
	margin-left: 10px;
	float: none;
}

/* Tweak TinyMCE */
#editor div.mceEditor {
	height: auto;
}

/* Content List Table */
#list {
	margin: 0 0 0 -1px;
	min-width: 618px;
	overflow: hidden;
}
#list h1 {
	padding: 5px 20px;
	color: #5d5d5d;
}
table tfoot td a {
	padding-right: 5px;
}
#list input {
	width: 99%;
}

/* Category Editor */
a.cat-active,
a.cat-disabled,
a.wizard,
a.active,
a.disabled {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -999px;
	overflow: hidden;
}
#list table td.center a,
#list table th.center a {
	margin: 0 auto;
}

/* Installer */
table tbody tr td.red {
	background-color: #f99;
}
table tbody tr.odd td.red {
	background-color: #f00;
}
table tbody tr td.green {
	background-color: #9f9;
}
table tbody tr.odd td.green {
	background-color: #0f0;
}
table tbody tr td.yellow {
	background-color: #ff9;
}
table tbody tr.odd td.yellow {
	background-color: #ff0;
}
#install-modules p {
	padding: 10px;
	background: #f66;
	width: 100%;
}
#module-installer table td select {
	width: 100%;
}
#module-installer table td input {
	width: auto;
	float: left;
}
#module-installer table td label {
	display: inline;
	width: auto;
	float: none;
}
#module-installer {
	margin: 0 0 0 -1px;
	min-width: 618px;
	overflow: hidden;
	padding-bottom: 10px;
}
#module-installer h1{
	padding: 5px 20px;
	margin: 0 0 5px;
	color: #5d5d5d;
	border-bottom: 1px solid #bababa;
}
#module-installer fieldset {
	width: 590px;
}
#module-installer div.agree label,
#module-installer div.choose label,
#module-installer p.agree label,
#module-installer p.choose label {
	width: auto;
	float: none;
	text-align: left;
	margin-left: 20px;
}
#module-installer div.agree input,
#module-installer div.choose input,
#module-installer p.agree input,
#module-installer p.choose input,
#module-installer table td.choose input {
	float: left;
	width: auto;
	border: 0 none;
}
#client-install,
#client-admin {
	padding: 10px 0 0 !important;
	text-align: center;
	height: auto;
}
#client-install a,
#client-admin a {
	font-weight: bold;
	border: 1px solid #bababa;
	padding: 3px 20px;
	margin: 0 5px 5px 5px;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
}
#client-install a:hover,
#client-admin a:hover {
	background-color: #f0eee8;
}

/* Style composer */
#styler {
	margin: 0 0 0 -1px;
	min-width: 618px;
	overflow: hidden;
	padding-bottom: 10px;
}
#styler h1{
	padding: 5px 20px;
	margin: 0 0 5px;
	color: #5d5d5d;
	border-bottom: 1px solid #bababa;
}
#styler div {
	height: 20px;
	padding: 2px 0;
}
#styler div.hidden {
	display: none;
}
#styler div p {
	padding: 10px 10px 5px 130px;
}
#styler input {
	width: 260px;
}
#styler select {
	width: 266px;
}
#styler label {
	width: 250px;
}
#styler input.style-size {
	width: 60px;
}

	.choose,
	.agree {
		margin-bottom: 0.20em !important;
	}

	table .choose,
	table .agree {
		text-align: center;
	}

	.choose label,
	.agree label {
		display: inline !important;
		vertical-align: middle !important;
		padding: 0 !important;
	}

	.choose input,
	.agree input {
		width: auto !important;
		height: auto !important;
		border: none !important;
		line-height: normal !important;
		font-size: 100% !important;
		background-color: transparent !important;
		margin: 0 .3em 0 0 !important;
		padding: 1px !important;
		vertical-align: middle !important;
	}