/**
 * Theme & Co. 2012
 *
 * @author			Alex Castro
 * @version			2.5
 * @package			Theme & Co.
 * @copyright		Copyright (C) 2012 Theme & Co. All rights reserved.
 * @license			GNU General Public License version 2 or later; see LICENSE.txt
 * @website			themeandco.com
 */

/*
 Joomla
*/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}
span.pathway {
	display: block;
	margin: 0 20px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}
	
/* headers */
div.componentheading {
	padding-left: 0px;
}
h1 {
	vertical-align: bottom;
	text-align: left;
}
h2, .contentheading {
	vertical-align: bottom;
	text-align: left;
	width: 100%;
}
table.contentpaneopen h3 {
	margin-top: 25px;
}
h4 {

}
h3, .componentheading, table.moduletable th, legend {
	text-align: left;
}
h1.article-title { margin: 0; }
	
/* small text */
.small {
	font-size: .90em;
	font-weight: normal;
	text-align: left;
}
dl.article-info, dl.article-count {
	font-size: 0.83em;
}
dl.article-info dd { margin: 0; }
dl.article-count dt { margin-right: 5px; }
dl.article-count dt, dl.article-count dt { float: left; }
dt.article-info-term { display: none; }
.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: .90em;
	font-weight: normal;
	text-align: left;
}
.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;
	
}
a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}
p.readmore a {
	width: auto;
	font-weight: bold;
	font-size: 0.83em;
	display: inline-block;
	padding: 2px 25px 3px 5px;
}
p.readmore a:hover {

}
	
/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
	
	
/** overlib **/
.ol-foreground {
	background-color: #f6f6f6;
}
.ol-background {
	background-color: #666;
}
	
.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}
.ol-closefont {}
	
/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}
a.mainlevel:hover {  }
	
/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}
.article_column {
	padding-right: 5px;
}
.column_separator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 10px;
}
td.buttonheading {
	
}
td.buttonheading img {
	border:none;
}
.clr {
	clear: both;
}
td.greyline {
	width: 20px;
	background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}
div#maindivider {
	border-top: 1px solid #ddd;
	margin-bottom: 10px;
	overflow: hidden;
	height: 1px;
}
table.blog span.article_separator {
	display: block;
	height: 20px;
}
	
/* edit button */
.contentpaneopen_edit{
	float: left;
}
	
/* table of contents */
table.contenttoc {
	margin: 5px;
	border: 1px solid #ccc;
	padding: 5px;
	float: right;
}
table.contenttoc td {
	padding: 0 5px;
}
	
/* content tables */
td.sectiontableheader {
	background: #efefef;
	color: #333;
	font-weight: bold;
	padding: 4px;
	border-right: 1px solid #fff;
	font-size: 11px;
}
tr.sectiontableentry td {
	padding: 4px;
	font-size: 11px;
}
td.sectiontableentry{
	padding: 3px;
	font-size: 11px;
}
	
/* content styles */
table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: 100%;
}
table.contentpaneopen li {
	margin-bottom: 5px;
}
table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}
table.contentpaneopen h3 {
	margin-top: 25px;
}
table.contentpaneopen h4 {
	font-family: Arial, Helvetica, sans-serif;
}
.highlight {
	background-color: #fffebb;
	font-weight: bold;
}
	
/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}
div.moduletable, div.module, div.module_menu {
	/*margin-bottom: 20px;*/
}
	
/* forms */
table.adminform textarea {
	width: 540px;
	height: 400px;
	font-size: 1em;
	color: #000099;
}
/*div.search input {
	width: 145px;
	border: 1px solid #ccc;
}*/
form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }
	
form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px; }

#member-registration {  }
#member-registration fieldset {  }
form fieldset dt { clear:left ; float:left; width:12em; padding:3px 0 }
form fieldset dd { float:left; padding:3px 0; }
	
#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend,
.login legend {
	font-weight:bold
}
/* login */
#login-form fieldset { padding: 0; margin-top: 0; background: none; border: none; }
#login-form {  }
#login-form .inputbox { width: 50%; }
#login-form input[type="checkbox"] { width: auto; }
#login-form fieldset.input { padding:10px 0 0 0; margin:0px 0 10px 5px; }
#login-form label {
	margin-right:10px;
	width:40%;
	display:block;
	float:left;
}
#form-login-remember label {
	float:none;
	width:auto;
	display:inline;
}
.logout-button { }
input.button,
button.button,
button.validate { }
#modlgn-username,
#modlgn-passwd { width:9em; }
.module_content #form-login-username label,
.module_content #form-login-password label {
	float:left;
	width:5.2em;
}
.login-fields { margin:10px 0; }
.login-fields label {
    float:left;
    width:9em;
}
.login-description img,
.logout-description img {
    float:left;
    margin-right:20px;
}
.login-description,
.logout-description {
    overflow:hidden;
    padding-left:5px;
    margin:20px 0 10px 0;
}
.logout-description { margin-bottom:20px; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }
	
div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }
	
/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}
.img_caption .right {
	float: right;
	margin-left: 1em;
}
.img_caption .left p {
	clear: left;
	text-align: center;
}
.img_caption .right p {
	clear: right;
	text-align: center;
}
.img_caption  {
	text-align: center!important;
}
.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}
	
/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}
table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}
table.paramlist td.paramlist_value {  }
div.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}
	
/* Banners module */
.banneritem { border:0; }
.banneritem a { background:none }
.banneritem a img
{ background:none; border:0 }

/* Default skyscraper style */
.bannergroup {  }
.banneritem img {  }
	
/* Text advert style */
.banneritem_text {
	padding: 4px;
	font-size: 11px;
}	
.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	background-color: #F7F7F7;
	text-align: right;
}

/* search */
.searchintro { font-weight:normal; margin:20px 0 20px; }
#searchForm { padding:0 5px }
.form-limit { margin:20px 0 0; text-align:right; padding:0 10px 0 20px; }
.inputbox:focus {  }
.highlight {  font-weight:bold; }
.ordering-box { width:40%; float:right; }
.phrases-box { width:60%; float:left }
.only,
.phrases { margin:10px 0 0 0px; padding:15px; line-height:1.3em; }
label.ordering { display:block; margin:10px 0 10px 0; }
.word {  }
.word input { font-weight:bold; margin:0px 10px 0px 10px; padding:4px; font-size:1em }
.word input:focus {  }
.word label { font-weight:bold }
fieldset.only label,
fieldset.phrases label { margin:0 10px 0 0px }
.ordering-box label.ordering { margin:0 10px 5px 0; float:left }
form .search label {  }
.search legend {  }
.result-title { font-weight: bold; font-size: 1.2em; padding: 5px; }
.result-title a { text-decoration: underline !important; }
.result-created { margin-bottom: 5px; padding: 5px; color: #666; }
.result-text { padding: 5px; }
.result-category { padding: 5px; }

div.pagination { width: 100%; }
div.pagination ul li a:hover { border-radius: 2px; }
div.pagination ul { margin: 0; padding: 0; text-align: center; }
div.pagination ul li  {
	list-style: none;
	display: inline-block;
	margin: 0 2px;
	border-radius: 2px; }
div.pagination ul li a, div.pagination ul li span { padding: 0 5px; display: block; }
li.pagination-start a,
li.pagination-prev a,
li.pagination-next a,
li.pagination-end a { text-decoration: underline; font-weight: bold; }
li.pagination-start,
li.pagination-prev,
li.pagination-next,
li.pagination-end { border: none !important; background: none !important; }
div.pagination span.pagenav { font-weight: bold; }

.pagination-prev { margin-right: 10px !important; }
.pagination-next { margin-left: 10px !important; }
	
/* WebLinks */
span.description {
	display:block;
	padding-left: 30px;
}
	
/* Frontend Editing*/
fieldset {
	border: none;
	margin: 10px 0;
	padding: 15px;
	border: 2px groove;
	border-radius: 2px;
}
legend {
	margin: 0;
	padding: 0 10px;
}
form#adminForm {  }
.edit form#adminForm fieldset { padding:20px 15px; margin:10px 0 15px 0; }
.formelm { margin:5px 0; }
.formelm label { width:13em; display:inline-block; vertical-align:top; }
form#adminForm .formelm-area { padding:5px 0; }
form#adminForm .formelm-area label { vertical-align:top; display:inline-block; width:7.9em; }
.formelm-buttons { text-align:right; margin-bottom:10px; }
.button2-left {  }
	
td.key {
	border-bottom:1px solid #eee;
	color: #666;
}
/* -- buttons */
#editor-xtd-buttons { padding: 0px; }
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
    float: left;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
    display: block;
    float: left;
    color: #666;
    cursor: pointer;
}
.button2-left span,
.button2-right span {
    cursor: default;
    color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
    padding: 0 6px;
}
.page span { color: #000; font-weight: bold; }
.button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; }
.button2-left a, .button2-left span { padding: 0 24px 0 6px; }
.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }
.button2-left { float: left; margin-left: 5px; }
.button2-right { float: left; margin-left: 5px; }
.button2-left .image {  }
.button2-left .readmore {  }
.button2-left .pagebreak {  }
	
/* Tooltips */
	
.tip-wrap {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #000;
}
	
.tip-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}
	
.tip-text {
	font-size: 100%;
	margin: 0;
}
	
/* Standard System Messages */

#system-message { margin-bottom: 20px; font-weight: bold; }
#system-message dt.error, #system-message dt.notice, #system-message dt.message, #system-message dt.warning { display: none; }
#system-message dd { margin: 0 0 10px 0; }

#system-message dd.message ul { margin:0px; padding: 10px 10px 10px 40px; text-indent:0px; }
#system-message dd.message ul li { list-style: none; }

#system-message dd.message ul, #system-message dd.warning ul { color: #4169E1 !important; background: #F0FFFF url('../images/icons/notice-info.png') 10px 10px no-repeat !important; border: 1px solid #ADD8E6 !important; }
#system-message dd.error ul { color: red  !important; background: #FFE4E1 url('../images/icons/notice-alert.png') 10px 10px no-repeat !important; border: 1px solid #FFB6C1 !important; }
#system-message dd.notice ul { color: #DAA520 !important; background: #FFFACD url('../images/icons/notice-note.png') 10px 10px no-repeat !important; border: 1px solid #F0E68C !important; }
#system-message dd.download ul { color: #32CD32 !important; background: #F0FFF0 url('../images/icons/notice-download.png') 10px 10px no-repeat !important; border: 1px solid #98FB98 !important; }

#syndicate{
	float:left;
	padding-left: 25px;
}
	
#power_by{
	float:right;
	padding-right: 25px;
}
	
/* Component Specific Fixes */
	
#component-contact table td {
	padding: 2px 0;
}
table.category {  }
table.category th {  }
table.category th, table.category td {  }
.hidelabeltxt {  }
	
/**
* User Accessibility
*/
	
/* For elements that aren't to be seen by users unless the user does something
* like clicking on a header to see the collapsed section. */
.element-hidden, .hide {
	display: none;
}
	
/* For elements that aren't to be seen by visual users but do need to be read by screenreaders.
* Cannot be used for elements that can get focus such as links and form elements */
.element-invisible, .hidelabeltxt {
	height: 0;
	overflow: hidden;
	position: absolute;
}
	
/* Firefox has issues styling legend so this is a universal fix
for making the legend invisible (i.e. visually it's not there, but screen readers see it */
	
legend.element-invisible {
	position: absolute !important;
	margin: 0;
	padding: 0;
	border:0;
	margin-left: -10000px;
	font-size: 1px;
	height: 0;
}
	
fieldset.filters {
	border: none;
	margin: 0;
	
}
	
/* blog */
.cols-1
	{
	display: block;
	float: none !important;
	margin: 0 !important;
}
.cols-2 .column-1
	{
	width:46%;
	float:left;
	margin-right: 10px;
}
.cols-2 .column-2
	{
	width:46%;
	float:left;
	margin:0
}
.cols-3 .column-1
	{
	float:left;
	width:29%;
	margin-right: 10px;
}
.cols-3 .column-2 {
	float:left;
	width:29%;
	margin-left:0;
	margin-right: 10px;
}
.cols-3 .column-3 {
	float:left;
	width:29%;
	margin:0;
}
.items-row {
	overflow:hidden;
}
.column-1,
.column-2,
.column-3 {
	padding: 10px !important;
	margin-bottom: 10px !important;
}
.column-2 {
	width:55%;
	margin-left:40%;
}
.column-3 {
	width:30%
}
	
/* Modal popups with adminlist grid */
.contentpane a.pointer { cursor: pointer }
.contentpane .left  { float: left }
.contentpane .right { float: right}
.contentpane {
	margin: 10px;
	font-size: 68.8%;
}
.contentpane input,
.contentpane textarea,
.contentpane select,
.contentpane button {
	font-size: 0.8em;
}
	
.contentpane .list-footer .limit {
	margin-bottom: 9px;
}
/* articles */
.article-published { position: relative; font-weight: bold; text-transform: uppercase; text-align: center; float: left; margin: 0 10px 0 -10px; padding: 5px 5px 5px 10px; }
.article-published li { list-style: none; padding: 0; margin: 0; line-height: 1em; }
.article-published .article-day {  font-size: 2.167em; }
.article-published .article-tip { position: absolute; top: 10px; right: -6px; width: 6px; height: 6px; }
.article-tools { margin: .7em 0 1.2em 0; }
div.createdby { float: left }
ul.actions, ul.dropdown-menu{
	text-align: right;
	position: absolute;
	top: 30px;
	right: 10px;
	margin: 0;
}
ul.actions li, ul.dropdown-menu li { display: inline-block; }
ul.actions a, ul.dropdown-menu a { width: 14px; height: 14px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
ul.actions a:hover, ul.dropdown-menu a:hover { background: none; }
ul.actions a img, ul.dropdown-menu a span { display: none; }
ul.actions .print-icon, ul.dropdown-menu .print-icon { background: transparent url('../images/themes/dark/sprites_autex.png') 0 -630px no-repeat; }
ul.actions .email-icon, ul.dropdown-menu .email-icon { background: transparent url('../images/themes/dark/sprites_autex.png') -19px -630px no-repeat; }
ul.actions .edit-icon, ul.dropdown-menu .edit-icon { background: transparent url('../images/themes/dark/sprites_autex.png') -38px -630px no-repeat; }
ul.pagenav{
	margin: 0 auto;
	display: block;
	text-align: center;
}
ul.pagenav li{
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	list-style: none;
}

/* user profile */
#users-profile-core dl, #users-profile-custom dl { word-wrap: break-word; margin-top: 0; }
#users-profile-core dl dt, #users-profile-custom dl dt { font-weight: bold; width: 40%; }
#users-profile-core dl dd, #users-profile-custom dl dd { width: 60%; }

#users-profile-core dl dt,
#users-profile-custom dl dt,
#users-profile-core dl dd,
#users-profile-custom dl dd {
	float: left;
	padding: 5px 0;
}

.profile-edit form#member-profile fieldset dd,
.registration form#member-registration fieldset dd
{ float:left; padding:5px 0}
.profile-edit form#member-profile fieldset dd input,
.profile-edit form#member-profile fieldset dd select,
.registration form#member-registration fieldset dd input
{width:17em}
.profile-edit form#member-profile fieldset dt,
.registration form#member-registration fieldset dt
{padding:5px 5px 5px 0; width:13em}
span.optional
{font-size:0.9em}

/* breadcrumbs */
.breadcrumbs {
    padding: 0;
    text-align: left;
    margin: 0 0 10px 0;
    font-size: 0.85em;
	min-height: 15px;
}
.breadcrumbs p {
    padding: 5px;
    display: inline;
}
.breadcrumbs span {
    padding: 0px;
}
.breadcrumbs span a:link,
.breadcrumbs span a:visited {
    text-transform: none;
    font-weight: normal
}
.breadcrumbs span a:hover,
.breadcrumbs span a:active,
.breadcrumbs span a:focus {
    text-decoration: none;
}

.breadcrumbs .separator {
	padding: 0 10px;
}

.breadcrumbs a.home {
	margin-right: 5px;
	width: 14px;
	height: 14px;
	display: block;
	float: left;
}

/* contacts */
.contact {
    padding:0 5px
}
.contact-category {
    padding:0 10px
}
.contact-category  #adminForm fieldset.filters {
	border:0;
	padding:0
}
.contact-image {
	margin:10px 0;
	overflow:hidden;
}
.contact-image img {/* as you like
	float:right;
	float:left */
}
address {
    font-style:normal;
    margin:10px 0;   
}
address span {
    display:block
}
.contact-address {
margin:20px 0 10px 0;
}
.contact .jicons-icons { float: left; margin-right: 10px; }
.contact-address address {
    display: inline-block;
    margin-top: 0 !important;
}
.contact-email div {
    padding:2px 0;
    margin:0 0 10px 0;
}

.contact-email label {
    width:17em;
    float:left;
}
span.contact-image {
    margin-bottom:10px;
    overflow:hidden;
    display:block
}
#contact-textmsg {padding: 2px 0 10px 0}
#contact-email-copy {
	float:left;
	margin-right:10px;
}
.contact .button {
	float:none !important;
	clear:left;
	display:block;
	margin:20px 0 0 0
}
dl.tabs {
    float: left;
    margin: 50px 0 0 0;
    z-index: 50;
    clear:both;
}
dl.tabs dt {
    float: left;
    padding: 0px 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-right: 3px;
	margin-bottom: -1px !important;
    background: #f0f0f0;
    color: #666;
}
dl.tabs dt.open {
    background: #fff;
    border-bottom: 1px solid #fff;
    z-index: 100;
    color: #000;
}
div.current {
    clear: both;
    border: 1px solid #ddd;
    padding: 10px 10px;
    max-width: 500px;
}
div.current dd {
    padding: 0;
    margin: 0;
}
dl#content-pane.tabs {
    margin: 1px 0 0 0;
}