/*------------------------------------------------------------------------
# "Sparky Framework" - Joomla Template Framework
# Copyright (C) 2013 HotThemes. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotThemes
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial, sans-serif !important;
}

.ui-widget-header {
	background: #ccc !important;
	border: none !important;
}

fieldset.panelform {
	border:none;
}

div.tadmin_help {
	padding:15px 0;
	margin-top: 30px;
	border-top: 5px solid #eee;
}

div.tadmin_help hr {
	border-top: 5px solid #eee;
	border-bottom: none;
}

div.tadmin_help a {
	color:#8e2319;
	font-weight: bold;
	text-decoration: underline;
}

div.tadmin_help h3 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0;
}

.toolBox li.ui-state-default {
	border:none;
	width:600px;
}

#layout_addRow {
	border:1px solid #777;
	background:#000;
	width:136px;
	padding:0;
}

.toolBox .ui-state-default span.caption {
	line-height:22px;
	text-align:center;
	display:block;
}

fieldset input, fieldset select {
	margin:3px 0 !important;
}

#jform_params_mnucfg-lbl {
	display:none;
}

.hotspacer {
	background-color:#901f1e !important;
	color:#fff;
	height:22px;
	line-height:22px;
	font-weight:bold;
	padding:3px 10px;
	margin:10px 0 5px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width: 410px;
}

.hotspacerdesc label {
	max-width:100% !important;
}

.hotspacer label {
	max-width:350px !important;
	margin:0;
}

fieldset.panelform label, fieldset.panelform div.paramrow label, fieldset.panelform span.faux-label, div.control-label label {
	min-width:200px !important;
	font-weight: bold;
}

#tadmin_menu {
	list-style:none;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	background:#eee url(../images/logo_backend.png) right no-repeat !important;
}

#tadmin_menu li {
	float:left;
}

#tadmin_menu li a {
	padding:12px;
	width:100%;
	font-size: 14px;
}

.tadmin_surface {
	margin:0;
	padding:0;
}

.tadmin_container {
	margin:0;
	padding:0;
}

.panelform .adminformlist {
	float:left;
}

#tadmin_tab2 .panelform .adminformlist,
#tadmin_tab5 .panelform .adminformlist,
#tadmin_tab6 .panelform .adminformlist,
#tadmin_tab7 .panelform .adminformlist {
	float:none;
}

#tadmin_tab8 {
	min-height: 400px;
}

#help_tab2 {
	clear: both;
}

.edit_row > ul > li {
	float:left;
}

.toolBox .edit_row table {
	display:none;
}

.toolBox > li {
 float:left;
 padding:3px!important;
}

div.LayoutModel {
	margin-top: 2px;
}

.LayoutModel .edit_row {
	padding: 5px 0;
	margin-bottom: 5px;
}

.LayoutModel .caption, .LayoutModel .ui-icon-plusthick {
  display:none;
}

.LayoutModel .edit_row .ui-button-text {
	padding: 5px 16px 5px 5px;
}

.LayoutModel .deleteRow {
	padding: 8px 12px;
}

.layout_row {
	background-color:#F5F5F5;
	width: 3624px;
	height: 50px;
	background-image:url("../images/cells12.png");
}

.layoutDesigner {
	float:left;
	width:782px;
}

.layoutDesigner > tr  > td{
	border:1px Solid Silver;
}

.layoutDesigner > .toolBox > *{
	float:left;
}

.layoutDesigner li, .layoutDesigner ul {
	list-style:none!important;
}

.edit_row span {
	margin:0 3px;
}

.unassignedPositions {
	width:626px;
	height:70px;
	min-height:70px;
}

.unassignedPositions li {
	float:left;
	margin:1px!important;
	width:80px;
}

.mpos_draggable {
	width:50px;
	height:48px!important;
	border:1px Solid Silver;
	background: #777;
	text-align:center;
	cursor:move;
}

.cpos, .layout_row_container .logo, .unassignedPositions .logo, .layout_row_container .fontresize, .unassignedPositions .fontresize, .layout_row_container .copyright, .unassignedPositions .copyright {
	background: #722;
}

.unassignedPositions  .mpos_draggable {
	width:64px!important;
	height:18px!important;
}

.layout_row li {
	float:left;
}

.LayoutModel .initialRow {
	text-align:center;
	padding:50px;
}

.LayoutModel .mpos_draggable {
	font-size:11px;
}

.LayoutModel ul#sortable {
	margin:0;
}

.emptycell {
	background:#EEEEEE;
	color:black;
}

.emptycell.disposed {
	display:none!important;
}

.layout_row_container {
	margin:0 0 0 10px;
	padding:0;
	width:626px;
	overflow:hidden;
}

.unassignedPositions .mpos_draggable a {
 display:none;
}

.off_left, .off_right {
	float:left;
	background-color:transparent!important;
	position:relative!important; 
	left:+2px;
}

.off_left .ui-button-text, .off_right .ui-button-text {
	padding: 4 !important;
	margin: 0 !important;
}

.width_value{
	float:left !important;
	position:relative !important;
	top:0 !important;
	left:0 !important;
	margin:1px 4px !important;
	padding:0 !important;

}

.width_value span {
	margin:3px;
	padding:0 3px;
	border: 1px dotted silver;
}

.width_value div {
	padding:0 !important;
	margin:0 !important;
	height:11px !important;
	overflow: visible !important;
	width:220px !important;
	top:0 !important;
}

div.hortabscontainer {
    margin:0px 0px;
	min-width:641px;
}

div.hortabscontainer div.hortabs {
    list-style:none;
    width:170px;
    cursor:pointer;
    float:left;
    margin-top:10px;
    z-index:2;
}

div.hortabscontainer div.curvedContainer {
	margin-left:169px;
	border:1px solid #D6D6D2;
	min-height:350px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background: #fff;
}

div.hortabscontainer div.curvedContainer .tabcontent {
	display:none;
	padding:20px;
	font-size:12px;
}

div.hortabs div.tab {
    display: block;
    height: 30px;
    background: #eeeeea;
    border: #d6d6d2 solid 1px;
    border-top: none;
    position: relative;
   	color: #73736b;
	border-right: none;
}

div.hortabs div.hortabslink {
	padding-left:20px;
    font-size:12px;
	line-height:30px;
}

div.hortabs div.tab.selected {
    color: #ffffff;
    border-right-color:#aeaeaa;
}

div.hortabs div.tab.selected {
    background: url(../images/menuSelBack.png) repeat-x;
    border-right-color: #7c7c77;
}

div.hortabs div.tab.first {
	border-top: #dbdbb7 solid 1px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}

div.hortabs div.tab.last {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
}

div.hortabs div.tab div.hortabsarrow {
    position: absolute;
    height:30px;
    width:17px;
    left:100%;
    top:0px;
    display: none;
}

div.hortabs div.tab.selected div.hortabsarrow {
    display: block;
}

#tadmin_tab1 fieldset {
	width:500px;
}

#tadmin_tab3 ul.adminformlist li,
#tadmin_tab4 ul.adminformlist li,
#tadmin_tab6 ul.adminformlist li {
	height:40px;
	min-width:450px;
}

#tadmin_tab3 ul.adminformlist li input,
#tadmin_tab4 ul.adminformlist li input,
#tadmin_tab5 ul.adminformlist li input,
#tadmin_tab6 ul.adminformlist li input,
input#jform_params_cellPaddingHorizontal,
input#jform_params_cellPaddingVertical,
input#jform_params_cellMarginHorizontal,
input#jform_params_cellMarginVertical {
	padding: 5px 10px;
	border-radius:5px;
	box-shadow:2px 2px 4px #ccc inset;
}

#tadmin_tab3 ul.adminformlist li select,
#tadmin_tab4 ul.adminformlist li select,
#tadmin_tab5 ul.adminformlist li select,
#tadmin_tab6 ul.adminformlist li select,
select#jform_params_textDirection {
	height:25px;
}

#tadmin_tab3 ul.adminformlist li:nth-child(even),
#tadmin_tab4 ul.adminformlist li:nth-child(even) {
}

#mnupaneljform_params_mnucfg div tr:nth-child(even) td {
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity:.8 !important;
	cursor:  move !important;
	font-size: 11px;
	padding: 5px;
}

.ui-state-disabled:hover {
	opacity:1 !important;
}

.control-group {
	clear:both;
}

div.tab-pane#options .hortabs {
	position:absolute;
}

.adminformlist td.ui-state-default, .adminformlist li.ui-state-default {
	background: #111 !important;
}

.adminformlist td.ui-state-default {
	border-radius: 5px;
}

.ui-state-default {
	background-image: none !important;
}

.toolBox li#layout_addRow {
	margin:25px 0 0 7px !important;
	background: #111 url(../images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x !important;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
	padding: 0 !important;
}

a.off_left, a.off_right {
	border-color: #999;
}

h4.menusSettingsTab {
	background:#ccc;
	padding:5px !important;
	margin: 2px 0 !important;
	cursor: pointer;
	width: 563px;
}

div.menusSettingsField {
	float:left;
}

ul.adminformlist span.spacer label {
	font-weight: normal;
	max-width: 450px;
	padding-bottom: 10px;
}

#tadmin_tab4 div.curvedContainer div.tabcontent:first-child {
	height: 920px;
}

.accordion-inner {
	padding: 0 !important;
	border-top:none !important;
}

#tadmin_tab4 .control-group {
    width: 600px;
    display: block;
    position: relative;
    left: -150px;
}

.controls div#layoutdesignerjform_params_layoutdesign {
	position: relative;
	left: -160px;
}

.control-label label#jform_params_layoutdesign-lbl {
	display: none;
}

.clr {
	clear: both;
}

div#options.tab-pane.ui-tabs {
	display:block!important;
}

/* added since Joomla 3.1 */

ul.nav.nav-tabs {
	display: none;
}

div.controls input {
	width: auto;
	padding: 5px 10px;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #ccc inset;
}

div.controls input.layoutrow_name,
div.controls input.layoutrow_class {
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}

.nav-tabs {
	border-bottom: none !important;
}

.layoutDesigner ul {
	margin: 0;
}

.layout_row_container li.logo {
	width: auto;
	max-width: none;
}

input.pckcolor {
	text-transform: uppercase;
}

/* flips yes-no */

.cb-slider {
	width: 39px;
	height: 26px;
	background-image: url(../images/cb-slider.png);
	cursor: pointer;
	position: relative;
}

/* JQUERY UI CSS */

/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #777777; background: #111111 url(../images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #e3e3e3; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #e3e3e3; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #000000; background: #1c1c1c url(../images/ui-bg_glass_55_1c1c1c_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #cccccc; background: #ffffff url(../images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #222222; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #222222; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #ffde2e; background: #ffeb80; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #9e0505; background: #cd0a0a; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; }
.ui-widget-content { border: 1px solid #cccccc; background: #f9f9f9; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #a3a3a3; background: #333333; color: #eeeeee; font-weight: bold; }
.ui-widget-header a { color: #eeeeee; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_bbbbbb_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_ededed_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_4ca300_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_ffcf29_256x240.png); }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }


.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}


.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }


.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */


.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }