/* Copyright (C) 2007 - 2010 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * general
 */

#system .title { margin-top: 0; }
#system .title a { text-decoration: none; }

#system .title + .title { margin-top: 20px; }
#system .title + .items .title { margin-top: 10px; }

#system > .description {
	margin-bottom: 30px;
	overflow: hidden;
}

#system small {
	color: #969696;
	font-style: italic;
}

/*
 * item
 */

#system .item > .meta {
	margin: 0 0 23px 0;
	font-size: 11px;
	color: #969696;
	line-height: 13px;
}

#system .item > .subtitle{
	margin: 0 0 8px 0;
	font-size: 14px;
	color: #787878;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

#system .item > .content { overflow: hidden; }
#system .item > .content > *:first-child { margin-top: 0; }
#system .item > .content > *:last-child { margin-bottom: 0; }

#system .item > .links { margin: 22px 0 0 0; }
#system .item > .links a:after {
	content: " »";
	font-size: 14px;
}

#system .item > .taxonomy {}
#system .item > .trackback {}
#system .item > .edit {}

#system .item > *:last-child { margin-bottom: 0; }

/*
 * items
 */

#system .items {
	margin: 0 -10px 0 -10px;
	overflow: hidden;
}

#system .items > .width20 { float: left; width: 19.999%; }
#system .items > .width25 { float: left; width: 24.999%; }
#system .items > .width33 { float: left; width: 33.333%; }
#system .items > .width50 { float: left; width: 49.999%; }

#system .items .item {
	margin: 12px 10px 0 10px;
	padding-top: 18px;
	border-top: 1px solid #c8c8c8;
	overflow: hidden;
}

#system .items .item:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}

#system .items-col-2 .title { font-size: 22px; }
#system .items-col-3 .title { font-size: 20px; }
#system .items-col-4 .title { font-size: 18px; }

/*
 * searchbox
 */

#searchbox {
	position: relative;
	width: 120px;
	height: 22px;
	padding: 0;
	margin: 0;
	background: url(../images/searchbox.png) 0 0 no-repeat;
}
#searchbox:hover  { background-position: 0 -32px; }

#searchbox input {
	width: 76px;
	height: 22px;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #969696;
	font-size: 11px;
	line-height: 22px;
}

#searchbox:hover input,
#searchbox input:focus { color: #323232; }
#searchbox input:focus { outline: none; }

#searchbox button {
	width: 22px;
	height: 22px;
	padding: 0;
	border: none;
	float: left;
	cursor: pointer;
	line-height: 0;
}

#searchbox button.magnifier { background: url(../images/searchbox_magnifier.png) 50% 50% no-repeat; }
#searchbox button.reset {
	display: none;
	background: url(../images/searchbox_reset.png) 50% 50% no-repeat; 
}
#searchbox .filled button.reset { display: inline; }
#searchbox .loading button.reset { background: url(../images/searchbox_loader.gif) 50% 50% no-repeat; }

#searchbox .results {
	position: absolute;
	top: 31px;
	right: 0;
	z-index: 10;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #c8c8c8;
	background: #ffffff;
}

#searchbox .results li.results-header,
#searchbox .results li.more-results {
	height: 40px;
	background: #e6e6e6;
	line-height: 40px;
	text-indent: 15px;
	text-transform: uppercase;
}
#searchbox .results li.results-header { border-bottom: 1px solid #c8c8c8; }
#searchbox .results li.more-results {
	border-top: 1px solid #c8c8c8;
	cursor: pointer;
}

#searchbox .results li.result {
	padding: 10px 15px 10px 15px;
	border-top: 1px solid #ebebeb;
	cursor: pointer;
}
#searchbox .results li.results-header + li.result { border-top: none; }

#searchbox .results li.result.selected { background-color: #f5f5f5; }

#searchbox .results li.result h3 {
	margin: 0 0 5px 0;
	font-size: 16px;
}
#searchbox .results li.result div {
	margin: 0;
	font-size: 11px;
}

/*------------------- Tools ---------------*/

/*
 * image
 */

/* align */
img.align-left {
	margin-right: 15px;
	float: left;
}

img.align-right {
	margin-left: 15px;
	float: right;
}

img.align-center {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

/* fluid */
.fluid-image { display: block; }

.fluid-image img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0;
}

/*
 * table zebra
 */

table.zebra { width: 100%; }

table.zebra th {
	font-size: 14px;
	font-weight: normal;
}

table.zebra th,
table.zebra td {
	padding: 5px;
	border-bottom: 1px solid #dcdcdc;
}

table.zebra tbody { font-size: 11px; }

table.zebra tbody tr.odd { background: #f7f7f7; }
table.zebra tbody tr:nth-of-type(odd) { background: #f7f7f7; }

table.zebra tbody tr.even {}
table.zebra tbody tr:nth-of-type(even) {}

table.zebra .bold { font-weight: bold; }

table.zebra td * { vertical-align: middle; }

/*
 * lists 
 * TODO: add zebra list, merge lists with blank
 */

/* blank */
ul.blank {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* space */
ul.space li { margin-top: 15px; }
ul.space li:first-child { margin-top: 0; }

/* line */
ul.line {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.line > li {
	margin: 5px 0 0 0;
	padding: 6px 0 0 0;
	border-top: 1px dotted #c8c8c8;
	overflow: hidden;
}

ul.line > li:first-child {
	margin: 0;
	padding: 0;
	border: none;
}

ul.line > li.odd,
ul.line > li:nth-of-type(odd) {}

ul.line > li.even,
ul.line > li:nth-of-type(even) {}

ul.line > li > *:first-child { margin-top: 0; }

/*
 * pagination


.pagination {
	margin-top: 10px;
	text-align: center;
}

.pagination a { text-decoration: none; }
.pagination strong { font-weight: normal; }

.pagination a,
.pagination strong {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 5px;
	border: 1px solid #f0f0f0;
	line-height: 25px;
}
.pagination > *:first-child { margin-left: 0; }

.pagination a.previous,
.pagination a.next { font-size: 14px; }

.pagination a.first,
.pagination a.last {
	width: auto;
	padding: 0 5px 0 5px;
}

 */

/*
 * breadcrumbs
 */

.breadcrumbs { overflow: hidden; }

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
	display: inline-block;
	text-decoration: none;
}

.breadcrumbs a,
.breadcrumbs > span { margin-right: 10px; }

/*
 * link button
 * TODO: rename readmore to button
 */

a.readmore {
	display: inline-block;
	height: 25px;
	padding: 0 10px 0 10px;
	border: 1px solid #c8c8c8;
	line-height: 25px;
	color: #323232;
	text-decoration: none;
}

a.button-wide {
	display: inline-block;
	height: 25px;
	padding: 0 10px 0 10px;
	border: 1px solid #c8c8c8;
	line-height: 25px;
	color: #323232;
	text-decoration: none;
}

/*
 * item (addition)
 */
 
#system .item > .icon { 
	margin: 2px 0 0 5px;
	float: right;
}

#system .item > .edit a { vertical-align: text-top; }


/*
 * items (addition)
 */
 
#system .items.leading {
	padding-bottom: 12px;
	margin-bottom: 18px;
	border-bottom: 1px solid #c8c8c8;
	overflow: hidden;
}

/*
 * item-list
 */

#system .item-list {
	margin-top: 10px;
	border-top: 1px solid #c8c8c8;
	overflow: hidden;
}

/*
 * filter
 */

#system .filter {
	margin: 0 0 10px 0;
	overflow: hidden;
}

#system .filter > div {
	float: left;
	margin: 0 10px 0 0;
}

/*
 * search
 */

span.highlight { background-color: #ffffaa; }

/*
 * tooltips
 * TODO: change .tip box and remove fix
 */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
	font-size: 12px;
}

.tool-title {
	margin-top: -15px;
	padding: 15px 0 5px 0;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-weight: bold;
	font-size: 13px;
	
}

/* template related fix for tooltips */
.tip-wrap .tip {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: inherit;
}

/*
 * form submission
 */

#system form.submission div { margin: 0; }

#system form.submission fieldset {
	margin-bottom: 30px;
	padding-top: 15px;
}

#system form.submission fieldset > div {
	margin-bottom: 10px;
	padding: 2px 0 2px 0;
	overflow: hidden;
}
#system form.submission div > * { vertical-align: middle; }
#system form.submission div > label:first-child {
	display: block;
	width: 150px;
	float: left;
}

#system form.submission div > input[type='text'],
#system form.submission div > input[type='password'] {
	padding: 5px;
	width: 250px;
}
#system form.submission div > select {
	padding: 5px;
	width: 262px;
}

#system form.submission div > textarea { width: 255px; }

#system form.submission small {
	display: block;
	margin: -25px 0 25px 0;
}

#system form.submission div.submit {
	margin-top: -20px;
	text-align: center;
}

#system form.submission div > .calendar { margin-left: 5px; }
#system form.submission #metadesc { height: 100px; }
#system form.submission #metakey { height: 60px; }

/* validation */
#system .invalid { border-color: #ff0000; }
#system label.invalid { color: #ff0000; }

/* calendar */
#system a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../../system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* editor buttons */
#system #editor-xtd-buttons {
	margin: 10px 0 10px 0;
	padding: 0;
}

#system .button2-left,
#system .button2-left * { float: left; }

#system .button2-left {
	margin-right: 5px;
	background: url(../../system/images/j_button2_left.png) no-repeat;
}

#system .button2-left .image { background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat; }
#system .button2-left .readmore { background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat; }
#system .button2-left .pagebreak { background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat; }

#system .button2-left a,
#system .button2-left span {
	display: block;
	height: 22px;
	padding: 0 24px 0 6px;
	line-height: 22px;
	font-size: 11px;
	color: #666;
}

#system .button2-left span { color: #999; }

#system .button2-left a:hover {
	text-decoration: none;
	color: #0B55C4;
}

/*
 * system messages
 * TODO: add same styles as for typo boxes
 */

#system-message {
	margin: 0 0 10px 0;
	padding: 0;
}
#system-message dt { display: none; }
#system-message dd {
	padding: 10px;
	border-top: 3px solid #84A7DB;
	border-bottom: 3px solid #84A7DB;
	color: #0055BB;
}
#system-message dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#system-message dd.error { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
#system-message dd.notice { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/*
 * system debug
 */
 
#system-debug {
	padding: 30px;
	background: #fff;
	color: #333;
}
#system-debug div { font-size: 11px;}

/*
 * item
 */
 
#system .title {
	font-size: 30px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#system .item > .date {
	width: 115px;
	height: 32px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/system_date.png) 0 0 no-repeat;
	float: left;
	color: #FFFFFF;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
}

#system .item > .date .day {
	height: 30px;
	width: 30px;
	margin: 1px 8px 1px 3px;
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	float: left;
}

#system .item > .date .month { 
	margin: 4px 5px 0px 0px;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
}

#system .item > .date .year { 
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
}

#system .item > .date + .title { 
	margin: 0 0 15px 0;
	font-size: 26px;
	line-height: 32px;
}

#system .item > .meta {
	margin-top: 40px;
	margin-bottom: 0px;
	font-size: 11px;
	color: #7F8384;
	line-height: 13px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#system .item > .meta > span {
	margin-right: 20px;
	letter-spacing: 1px;
}
#system .item > .meta > span > span { 
	color: #56595A;
	text-transform: uppercase;
}

#system .item > .links a:after { content: ""; }

#system .items .item {
	margin-top: 29px;
	padding-top: 29px;
	border: none;
	background: url(../images/article_separator.png) 0 0 repeat-x;
}
#system .items .item:first-child { background: none; }

#system .item-list { 
	margin-top: 29px;
	padding-top: 14px;
	border: none;
	background: url(../images/article_separator.png) 0 0 repeat-x;
}

#system .items .item > .meta { margin-top: 20px; }

/* Joomla 1.5 only */
#system .item > .icon { margin-top: 10px; }

#system .items.leading {
	padding-bottom: 29px;
	margin-bottom: 29px;
	border: none;
	background: url(../images/article_separator.png) 0 100% repeat-x;
}

#system .items.leading,
#system .item-list { border-color: #E1E1E2; }

/*
 * searchbox
 */

#searchbox {
	width: 226px;
	height: 38px;
	background: url(../images/searchbox_bg.png) 0 0 no-repeat;
}
#searchbox:hover  { background-position: 0 -42px; }

#searchbox input {
	width: 157px;
	height: 30px;
	margin-top: 3px;
	color: #A0A1A2;
	font-size: 14px;
	line-height: 30px;
}

#searchbox button { 
	height: 30px;
	margin-top: 3px;
}

#searchbox button.magnifier {
	margin-left: 8px;
	width: 30px;
	background: url(../images/searchbox_magnifier.png) 50% 50% no-repeat;
}

#searchbox button.reset { background: url(../images/searchbox_reset.png) 50% 50% no-repeat; }

#searchbox .results {
	top: 45px;
	right: 2px;
	padding: 1px;
	border-color: #D6D7D8;
	border-top: none;
	background: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#searchbox .results li.results-header,
#searchbox .results li.more-results {
	height: 44px;
	line-height: 44px;
	color: #7F8384;
	font-size: 18px;
}

#searchbox .results li.results-header { 
	border-bottom: none;
	background: #FCFDFE url(../images/searchbox_header_bg.png) 0 0 repeat-x;
	text-transform: none;
}

#searchbox .results li.result { 
	border: none;
	background: #F8F9FA url(../images/searchbox_result_bg.png) 0 100% repeat-x;
	color: #838383;
}
#searchbox .results li.result.selected { 
	color: #5292B8;
	background-color: #FFFFFF;
}
#searchbox .results li.result.no-results { background-image: none; }

#searchbox .results li.result h3 { color: #56595A; }
#searchbox .results li.result.selected h3 {	color: #5292B8; }

#searchbox .results li.more-results {
	padding-left: 15px;
	border-top: none;
	font-size: 14px;
	background: #FCFDFE url(../images/searchbox_more_results.png) 15px 0 no-repeat;
}

#searchbox .results li.more-results:hover {
	color: #5292B8;
	background-position: 15px -44px;
}

/*
 * table zebra
 */
 
table.zebra th,
table.zebra td {
	padding: 9px;
	border-bottom: 1px solid #E0E0E1;
}

table.zebra tbody tr.odd { background: #F0F1F2; }
table.zebra tbody tr:nth-of-type(odd) { background: #F0F1F2; }

table.zebra tbody tr.even { background: #FEFEFF; }
table.zebra tbody tr:nth-of-type(even) { background: #FEFEFF; }

/*
 * list style line
 */
 
ul.line li a { text-decoration: none; }

/*
 * pagination


.pagination a,
.pagination strong {
	border-color: #C8C9CA;
	background: url(../images/pagination_bg.png) 0 0 repeat-x;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagination a { color: #56595A; }
.pagination strong { color: #A0A1A2; }

.pagination a:hover {
	color: #5292B8;
	border-color: #B9BABB;
	background-position: 0 -30px;
}
 */

/*
 * breadcrumbs
 */

.breadcrumbs {
	margin: 0px 15px 20px 15px;
	font-size: 12px;
	line-height: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.breadcrumbs a,
.breadcrumbs span {
	margin-right: 8px;
	padding-right: 15px;
	background: url(../images/breadcrumbs.png) 100% 50% no-repeat;
	color: #A0A1A2;
}
.breadcrumbs a:hover  {	color: #5292B8; }

.breadcrumbs strong { color: #56595A; }

/*
 * readmore button
 */
 
a.readmore {
	height: 34px;
	width: 125px;
	padding: 0;
	border: none;
	background: url(../images/readmore.png) 0 0 no-repeat;
	line-height: 32px;
	font-size: 12px;
	color: #646566;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

a.button-wide {
	height: 34px;
	width: 205px;
	padding: 0;
	border: none;
	background: url(../images/button-wide.png) 0 0 no-repeat;
	line-height: 32px;
	font-size: 12px;
	color: #646566;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#page a.readmore:hover {
	background-position: 0 -40px;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

#page a.button-wide:hover {
	background-position: 0 -40px;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

#page a.readmore:hover:active {
	background-position: 0 -80px;
	line-height: 34px;
}

#page a.button-wide:hover:active {
	background-position: 0 -80px;
	line-height: 34px;
}