Tab template

Ajyamal · Dec 14, 2011

hi, Is creation of a chain of input form chained ?

First, the tab template seems to have allowed two or more table combination.
Therefore, FABRIK makes three input forms, when three tables are combined.
Then, if data is actually inputted, data is not recorded on the child's table(only 3rd child).
Is it necessary to move submissions PHP in the background to use a tab template?

jfquestiaux · Dec 14, 2011

I am not sure I understand what you are saying, but the tab template is designed to display ONE form containing several groups in a 'tab' design, each tab containing one or several groups.
If you want to link SEVERAL forms and present them in a tab' design, you have to include each form in a tab (created via a Joomla! plugin for instance) via the Fabrik content plugin and have a redirection plugin from one form to the other to send the user from one submitted form to the next one.

Ajyamal · Dec 14, 2011

hi, jfquestiaux

so, I understand that tab template is not for joined table .
In other words, tab template should not be used by relational tables.Only independence tables.
And , I image this is for wev site like amazon, not for like ERP.
I bright my mind. your comment help me so much.

thank u.

jfquestiaux · Dec 14, 2011

No that works for joined tables : when you join tables, joined groups are created so you can put them in tabs (except maybe if they are repeating groups - I am not sure what happens in that case).
Remember however that F3 is still in Beta so I am not sure whether all templates work perfectly. You should do a test first : put your form with all the groups in the default template and submit the form. If the data are not recorded properly, there is probably something wrong in your joins. You should fix that first.
When the form works correctly, then switch to the tab template. Each group should appear in a seperate tab.

Ajyamal · Dec 14, 2011

hi,

now working perfectly on joined table.
I read wiki again and again .but I did not know about following .
I had a big mistake. at first we have to learn about TABLE STRACURE, especially relation of parent and child.
I should have put external-key to child table, but have put parent. this was opposition.

Thank u a lot.

Ajyamal · Dec 14, 2011

hi, jfquestiaux

If u don not mind answering and know about css on the TAB template, could u tell me a way.
I wanted delete ?(itemization). which part of css shoud I change ?

Code:

<?php

header('Content-type: text/css');

$c = (int)$_REQUEST['c'];

echo "

#form_$c .fabrikElement {

    margin-left: 10px;

}



#form_$c .fabrikSubElementContainer {

    margin-left: 100px;

}



#form_$c .fabrikLabel {

    width: 100px;

    clear: left;

    float: left;

}



#form_$c .fabrikActions {

    padding-top: 15px;

    clear: left;

    padding-bottom: 15px;

}



#form_$c .fabrikGroupRepeater {

    float: left;

    width: 19%;

}



/** used by password element */

#form_$c .fabrikSubLabel {

    margin-left: -10px;

    clear: left;

    margin-top: 10px;

    float: left;

}



#form_$c .fabrikSubElement {

    display: block;

    margin-top: 10px;

    margin-left: 100px;

}



/* tabs */

#form_$c dl.tabs {

    float: left;

    margin: 10px 0 -1px 0;

    z-index: 50;

}



#form_$c dl.tabs dt {

    float: left;

    padding: 4px 10px;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    border-top: 1px solid #ccc;

    margin-left: 3px;

    background: #f0f0f0;

    color: #666;

}



#form_$c dl.tabs dt.open {

    background: #F9F9F9;

    border-bottom: 1px solid #F9F9F9;

    z-index: 100;

    color: #000;

}



#form_$c div.current {

    clear: both;

    border: 1px solid #ccc;

    padding: 10px 10px;

}



#form_$c div.current dd {

    padding: 0;

    margin: 0;

}



#form_$c dd {

    border: 1px solid transparent !important;

}

";?>

jfquestiaux · Dec 14, 2011

Since you are using fabrik 3, the way to go is to create an override of the template, so your changes won't be deleted by future Fabrik updates :
1. copy the entire folder "tabs" (located in components/com_fabrik/views/form/tmpl) into your template "html" folder. The exact path is templates/your_template/html/com_fabrik/form/
2. you can then edit the template_css.php (in your template html folder) to what you need to achieve.

Ajyamal · Dec 15, 2011

I'v done update .( there is a template.css on top of file......)
but the class of radio bottom still not is defined, and pretty modified layout ?

Anyway thank u so much.

jfquestiaux · Dec 15, 2011

If you provide an url to your page, I can have a look.

Ajyamal · Dec 15, 2011

hi, thanks for replying.

I dont have public server.
so, by picture.like atttachment.

jfquestiaux · Dec 15, 2011

I am not sure of what you want. Can you make an image of the result you want to have?

Ajyamal · Dec 15, 2011

hi,

I just want to delete itemization ' ? ' beside of the radio bottom.
however if they has watched this thread. this will be fix soon.

what I said about layout,

previous layout was like this :

label name

now

label
name

I m gonna touch in group setting about this. we can set grid.

thank u

jfquestiaux · Dec 15, 2011

You should look in the template_css.php something like that :

Code:

#form_$c fieldset ul, #details_$c fieldset ul {
    list-style: none outside none;
    margin: 0;
    padding: 10px;


}

Make sure that the "list-style" of the "ul" elements are set to none.
Maybe it is missing in the tabs template, or is is overriden by your main template.

Ajyamal · Dec 15, 2011

hi,

I v done it. but no change.

Shoud we know the name of container (radio buttom) ?
like:

Code:

.auto-complete-container ul{
list-style:none;
padding:0;
margin:0;
}

Or adapt the ' list-style:none ' to <li> tag ?
but I can not see the <li> tag in template.css

hmm...

jfquestiaux · Dec 15, 2011

If they are not there, you can try to add the list-style:none ' to <li> tag.
Again it is hard to help without access to the page.
Are yu using Firebug to check and edit the CSS ?

Ajyamal · Dec 15, 2011

CSS debug

hi, I v gotten following with firebug.
and highlighting li and radio.

Code:

html {
    overflow-y: scroll;
}
body {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 68.8%;
    margin: 10px;
    padding: 0 0 1px;
}
body, td, th {
    font-family: Arial,Helvetica,sans-serif;
}
body#minwidth-body {
    height: 95%;
    min-width: 960px;
}
a, img {
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
}
.clr {
    clear: both;
    height: 0;
    overflow: hidden;
}
form {
    margin: 0;
    padding: 0;
}
h1 {
    color: #025A8D;
    font-size: 1.818em;
    margin: 0;
    padding-bottom: 8px;
}
h3 {
    font-size: 1.182em;
}
h4 {
    font-size: 1.182em;
}
* *:focus, a:active {
    outline: medium none;
}
a:link {
    color: #025A8D;
    outline: medium none;
    text-decoration: none;
}
a:visited {
    color: #025A8D;
    outline: medium none;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
fieldset {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 5px;
    text-align: left;
}
legend {
    color: #146295;
    font-size: 1.182em;
    font-weight: bold;
}
input, select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid silver;
    font-size: 0.909em;
}
textarea {
    border: 1px solid silver;
    font-size: 1.273em;
}
iframe {
    border: 0 none;
}
.invalid {
    color: red;
    font-weight: bold;
}
input.invalid {
    border: 1px solid red;
}
input.disabled {
    background-color: #F0F0F0;
}
input.button {
    cursor: pointer;
}
input:focus, select:focus, textarea:focus {
    background-color: #FFFFDD;
}
.enabled, .success {
    color: green;
    font-weight: bold;
}
.disabled, p.error {
    color: red;
    font-weight: bold;
}
.protected {
    color: #999999;
}
p.warning {
    color: red;
    font-size: 1.091em;
    font-weight: bold;
}
p.nowarning {
    color: #333333;
    font-size: 1.091em;
    font-weight: bold;
}
.allow, span.writable {
    color: green;
}
.deny, span.unwritable {
    color: red;
}
.none {
    color: #AAAAAA;
}
.hide {
    display: none;
}
.hidebtn {
    border: 0 none;
    height: 0;
    margin: 0;
    padding: 0;
    width: 0;
}
.hidelabeltxt {
    text-indent: -9999em;
}
.nowrap {
    white-space: nowrap;
}
#border-top.h_blue {
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background: url("../images/j_header_middle.png") repeat-x scroll 0 0 transparent;
    height: 54px;
}
#border-top .title, #border-top .title a {
    color: #FFFFFF;
    font-size: 1.364em;
    font-weight: bold;
    line-height: 44px;
    padding-left: 14px;
}
#border-top .logo {
    display: block;
    float: right;
    padding: 7px 10px 0 0;
    width: auto;
}
#header-box {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #CCCCCC;
}
#footer .copyright {
    line-height: 160%;
    margin: 10px;
    text-align: center;
}
#footer .version {
    margin: 10px;
    text-align: center;
}
p.footer-tip {
    margin-top: 15px;
}
#content-box {
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    float: left;
    margin-bottom: 5px;
    width: 99.85%;
}
#element-box {
    margin-bottom: 11px;
}
#element-box, #toolbar-box, #submenu-box {
    padding: 10px 10px 0;
}
#toolbar-box {
    background: none repeat scroll 0 0 #FBFBFB;
    margin-bottom: 10px;
}
#toolbar-box .m {
    background: none repeat scroll 0 0 #F4F4F4;
    min-height: 48px;
}
#submenu-box {
    margin-bottom: 10px;
}
#submenu-box .padding {
    padding: 0;
}
#module-status {
    float: right;
}
#module-status > span {
    display: block;
    float: left;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 4px 10px 0 22px;
}
#module-status .viewsite {
    background: url("../images/menu/icon-16-viewsite.png") no-repeat scroll 3px 4px transparent;
}
#module-status .preview {
    background: url("../images/menu/icon-16-media.png") no-repeat scroll 3px 3px transparent;
}
#module-status .unread-messages, #module-status .no-unread-messages {
    background: url("../images/menu/icon-16-messages.png") no-repeat scroll 3px 3px transparent;
}
#module-status .unread-messages a {
    font-weight: bold;
}
#module-status .loggedin-users {
    background: url("../images/menu/icon-16-user.png") no-repeat scroll 3px 3px transparent;
}
#module-status .backloggedin-users {
    background: url("../images/menu/icon-16-back-user.png") no-repeat scroll 3px 3px transparent;
}
#module-status .multilanguage {
    background: url("../images/menu/icon-16-language.png") no-repeat scroll 3px 3px transparent;
}
#module-status .logout {
    background: url("../images/menu/icon-16-logout.png") no-repeat scroll 3px 3px transparent;
}
#module-unread-new span {
    color: red;
    font-weight: bold;
    text-decoration: none;
}
#module-unread span {
    color: black;
    text-decoration: none;
}
#module-unread img, #module-unread-new img {
    border: 0 none;
}
span.stat-notice {
    font-weight: bold;
}
div.noparams-notice {
    padding: 5px;
    text-align: center;
}
p.noparams {
    padding: 20px 15px;
}
p.noresults {
    padding: 20px 15px;
}
span.adminlist-searchstatus a {
    padding-left: 20px;
}
span.note {
    background: none repeat scroll 0 0 #FFFFDD;
    color: #666666;
    display: block;
    padding: 5px;
}
.previewframe {
    border: medium none;
    height: 600px;
    padding: 0 5px 0 10px;
    width: 98%;
}
textarea#codeedit {
    height: 500px;
    width: 100%;
}
.temprev {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D7D7D7;
    margin: 0;
    padding: 0;
    width: 100%;
}
textarea#extrainfo, textarea#message {
    width: 90%;
}
.pre_message {
    font-size: 1.3em;
}
.ol-foreground {
    background-color: #FFFFEE;
}
.ol-background {
    background-color: #6DB03C;
}
.ol-textfont {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.909em;
}
.ol-captionfont {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: bold;
}
.ol-captionfont a {
    color: #0B5FC6;
    text-decoration: none;
}
div.pagetitle {
    background-repeat: no-repeat;
    margin-left: 10px;
    padding-left: 60px;
}
div.pagetitle h2 {
    color: #146295;
    font-size: 2em;
    font-weight: bold;
    line-height: 48px;
    margin: 0;
    padding: 0;
}
div.pagetitle span {
    color: #666666;
}
div.configuration {
    background: url("../images/menu/icon-16-config.png") no-repeat scroll 0 6px transparent;
    color: #146295;
    font-size: 1.364em;
    font-weight: bold;
    margin-left: 10px;
    padding-left: 30px;
    padding-top: 4px;
}
div.toolbar-list {
    float: right;
    padding: 0;
    text-align: right;
}
div.toolbar-list ul {
    margin: 0;
    padding: 0;
}
div.toolbar-list li {
    color: #666666;
    float: left;
    height: 48px;
    list-style: none outside none;
    padding: 1px 1px 3px 4px;
    text-align: center;
}
div.toolbar-list li.spacer {
    width: 10px;
}
div.toolbar-list li.divider {
    border-right: 1px solid #C7C7C7;
    width: 2px;
}
div.toolbar-list span {
    display: block;
    float: none;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}
div.toolbar-list a {
    border: 1px solid #F4F4F4;
    cursor: pointer;
    display: block;
    float: left;
    padding: 1px 5px;
    white-space: nowrap;
}
div.toolbar-list a:hover, div.toolbar-list a:focus, div.toolbar-list a:active {
    border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-style: solid;
    border-width: 1px;
    color: #0B55C4;
    text-decoration: none;
}
td#mm_pane {
    width: 90%;
}
input#mm_subject {
    width: 200px;
}
textarea#mm_message {
    width: 100%;
}
.pane-sliders {
    margin: 18px 0 0;
    position: relative;
}
.pane-sliders .title {
    color: #666666;
    cursor: pointer;
    margin: 0;
    padding: 2px 2px 2px 5px;
}
#content-pane {
    margin: 8px 10px 15px 15px;
}
.pane-sliders .panel {
    border: 1px solid #CCCCCC;
    margin-bottom: 3px;
}
.pane-sliders .panel h3 {
    background: none repeat scroll 0 0 #FAFAFA;
    color: #666666;
}
.pane-sliders .content {
    background: none repeat scroll 0 0 #FFFFFF;
}
.pane-sliders .adminlist {
    border: 0 none;
    font-size: 1em;
}
.pane-sliders .adminlist td {
    border: 0 none;
}
.pane-toggler span {
    background: url("../images/j_arrow.png") no-repeat scroll 5px 50% transparent;
    padding-left: 20px;
}
.pane-toggler-down span {
    background: url("../images/j_arrow_down.png") no-repeat scroll 5px 50% transparent;
    padding-left: 20px;
}
.pane-toggler-down {
    border-bottom: 1px solid #CCCCCC;
}
h3.pane-toggler-down a:hover, h3.pane-toggler a:hover {
    text-decoration: none;
}
.pane-slider.pane-hide {
    display: none;
}
.pane-slider ol li {
    list-style: none outside none;
    margin-left: -25px;
    margin-top: 10px;
}
input#jformparams_link_titles1, input#jformparams_show_title1, input#jformparams_link_category1 {
    margin-left: 13px;
}
div#position-icon.pane-sliders div.pane-down div.icon-wrapper {
    margin: 5px 0;
}
div#position-icon.pane-sliders div.pane-down .icon-wrapper .icon {
    margin: 0;
    padding: 5px 0 5px 10px;
}
div#position-icon.pane-sliders .icon {
    background: none repeat scroll 0 0 #FFFFFF;
}
dl.tabs {
    float: left;
    margin: 10px 0 -1px;
    z-index: 50;
}
dl.tabs dt {
    background: none repeat scroll 0 0 #E9E9E9;
    border: 1px solid #CCCCCC;
    color: #666666;
    float: left;
    margin-left: 3px;
    padding: 4px 10px;
}
dl.tabs dt.open {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    color: #000000;
    z-index: 100;
}
div.current {
    border: 1px solid #CCCCCC;
    clear: both;
    padding: 10px;
}
div.current dd {
    margin: 0;
    padding: 0;
}
dl#content-pane.tabs {
    margin: 1px 0 0;
}
div.current label, div.current span.faux-label {
    clear: left;
    display: block;
    float: left;
    margin-top: 8px;
    min-width: 150px;
}
div.current fieldset {
    border: 0 none;
}
div.current fieldset.adminform {
    border: 1px solid #CCCCCC;
}
[highlight]
div.current fieldset.radio {
    float: left;
}
[/highlight]
div.current fieldset.radio input {
    clear: none;
    float: left;
    margin: 3px 0 0 2px;
    min-width: 15px;
}
[highlight]
div.current fieldset.radio label {
    clear: none;
    float: left;
    margin: 3px 0 0 5px;
    min-width: 45px;
}
[/highlight]
div.current fieldset.checkboxes {
    clear: right;
    float: left;
}
div.current fieldset.checkboxes input {
    clear: left;
    float: left;
    margin: 3px 0 0 2px;
    min-width: 15px;
}
div.current fieldset.checkboxes label {
    clear: right;
    margin: 3px 0 0 5px;
    min-width: 45px;
}
div.current input, div.current textarea, div.current select {
    clear: none;
    float: left;
    margin: 3px 0 0 2px;
}
div.current select {
    margin-bottom: 15px;
}
p.tab-description {
    font-size: 1.091em;
    margin-left: 0;
    margin-top: 5px;
}
div.acl-options div.current {
    width: auto;
}
div.current table#acl-config th.acl-groups {
    text-align: left;
}
li.acl-editgroups, li.acl-resetbtn {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    font-size: 0.909em;
    margin: 14px !important;
    padding: 3px !important;
    text-decoration: none;
    width: auto;
}
li.acl-editgroups:hover, li.acl-resetbtn:hover {
    background: none repeat scroll 0 0 #E8F6F3;
    border: 1px solid #AAAAAA;
    cursor: pointer;
}
#cpanel div.icon {
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    text-align: center;
}
#cpanel div.icon a {
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    background-position: -30px 50%;
    border: 1px solid #CCCCCC;
    color: #565656;
    display: block;
    float: left;
    height: 97px;
    text-decoration: none;
    vertical-align: middle;
    width: 108px;
}
#cpanel div.icon a:hover, #cpanel div.icon a:focus, #cpanel div.icon a:active {
    -moz-border-radius-bottomleft: 50% 20px;
    -moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
    background-position: 0 50%;
    position: relative;
    z-index: 10;
}
#cpanel img {
    margin: 0 auto;
    padding: 10px 0;
}
#cpanel span {
    display: block;
    text-align: center;
}
div.cpanel-left {
    float: left;
    width: 54%;
}
div.cpanel-right {
    float: right;
    width: 45%;
}
div.width-20 {
    width: 20%;
}
div.width-30 {
    width: 30%;
}
div.width-35 {
    width: 35%;
}
div.width-40 {
    width: 40%;
}
div.width-45 {
    width: 45%;
}
div.width-50 {
    width: 50%;
}
div.width-55 {
    width: 55%;
}
div.width-60 {
    width: 60%;
}
div.width-65 {
    width: 65%;
}
div.width-70 {
    width: 70%;
}
div.width-80 {
    width: 80%;
}
div.width-100 {
    width: 100%;
}
.clrlft {
    clear: left;
}
.clrrt {
    clear: right;
}
.fltlft {
    float: left;
}
.fltrt {
    float: right;
}
.fltnone {
    float: none;
}
div.width-20 fieldset, div.width-30 fieldset, div.width-35 fieldset, div.width-40 fieldset, div.width-45 fieldset, div.width-50 fieldset, div.width-55 fieldset, div.width-60 fieldset, div.width-65 fieldset, div.width-70 fieldset, div.width-80 fieldset, div.width-100 fieldset {
    background-color: #FFFFFF;
    padding: 5px 17px 17px;
}
fieldset.adminform {
    margin: 10px;
    overflow: hidden;
}
fieldset.adminform legend {
    margin: 0;
    padding: 0;
}
ul.adminformlist, ul.adminformlist li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
fieldset label, fieldset span.faux-label {
    clear: left;
    display: block;
    float: left;
    margin: 5px 0;
}
fieldset ul {
    margin: 0;
    padding: 0;
}
form label, form span.faux-label {
    font-size: 1.091em;
}
fieldset input, fieldset textarea, fieldset select, fieldset img, fieldset button {
    float: left;
    margin: 5px 5px 5px 0;
    width: auto;
}
fieldset.adminform textarea {
    width: 355px;
}
fieldset ul.checklist input {
    clear: left;
    margin-right: 10px;
}
fieldset ul.checklist label, fieldset ul.menu-links label, fieldset#filter-bar label {
    clear: none;
}
fieldset.adminform ul.checklist li {
    margin: 0;
    padding: 0;
    width: 100%;
}
fieldset.adminform ul.checklist li label {
    width: auto;
}
input.readonly {
    border: 0 none;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.091em;
    font-weight: bold;
    padding-top: 1px;
}
#jform_id, span.readonly {
    color: #666666;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.091em;
    font-weight: bold;
    margin: 5px 5px 5px 0;
}
#jform_params_alt, #jform_clickurl {
    width: 355px;
}
#jform-imp {
    width: 70px;
}
.mod-desc {
    float: none !important;
    margin-left: 135px !important;
}
input.readonly {
    background-color: #FFFFFF;
}
#jform_params_width, #jform_params_height, #jform_params_increase, #jform_params_shownumber, #jform_params_count {
    width: 50px;
}
#jform_id {
    background-color: #FFFFFF;
    border: 0 none;
    width: 50px;
}
input#jform_title, input#jform_leveltitle, input#jform_grouptitle {
    font-size: 1.364em;
}
label#jform_title-lbl, label#jform_leveltitle-lbl, label#jform_grouptitle-lbl {
    padding-top: 3px;
}
div#content-pane fieldset {
    border: 0 none;
    padding: 10px 15px 0;
}
div.panel fieldset {
    border: 0 none;
}
input.required {
    background-color: #D5EEFF;
}
.star {
    color: #EB8207;
    font-size: 1.2em;
}
fieldset.batch {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 20px 0 10px;
    padding: 10px;
}
fieldset.batch label {
    margin: 5px;
    min-width: 40px;
}
fieldset.batch button {
    margin: 3px;
}
fieldset#batch-choose-action {
    border: 0 none;
    clear: left;
}
fieldset.batch label {
    clear: none;
    float: left;
}
fieldset label#batch-choose-action-lbl {
    clear: left;
    margin-top: 15px;
}
label#batch-language-lbl {
    clear: left;
    margin-right: 10px;
    margin-top: 15px;
}
select#batch-language-id {
    margin-top: 15px;
}
select#batch-category-id {
    margin-right: 30px;
}
select#batch-menu-id {
    margin-right: 30px;
}
label#batch-access-lbl {
    margin-right: 10px;
}
div#menu-assignment {
    clear: left;
}
div#menu-assignment input, div#menu-assignment h3 {
    clear: left;
    margin-bottom: 0;
    padding-bottom: 0;
}
div#menu-assignment ul.menu-links {
    float: left;
    width: 49%;
}
div#menu-assignment ul.menu-links li:last-child label {
    margin-bottom: 20px;
}
fieldset.adminform .menu-links label {
    white-space: nowrap;
}
fieldset.adminform .menu-links input {
    margin: 8px 5px 0 0;
}
button.jform-rightbtn {
    float: right;
    margin-right: 0;
}
#jform_impmade, #jform_clicks {
    width: 30px;
}
fieldset.adminform.long label, fieldset.adminform.long span.faux-label {
    min-width: 180px;
}
fieldset.adminform label, fieldset.adminform span.faux-label {
    min-width: 135px;
    padding: 0 5px 0 0;
}
fieldset.panelform {
    overflow: hidden;
}
fieldset.panelform label, fieldset.panelform div.paramrow label, fieldset.panelform span.faux-label {
    max-width: 250px;
    min-width: 145px;
    padding: 0 5px 0 0;
}
label#userparamsallowUserRegistration-lbl, label#userparamsnew_usertype-lbl, label#userparamsuseractivation-lbl, label#userparamsfrontend_userparams-lbl, label#jform_MetaDesc-lbl {
    min-width: 180px;
}
label#paramsusermode-lbl, label#paramsphishing-resistant-lbl, label#paramsmulti-factor-lbl, label#paramsmulti-factor-physical-lbl, paramslang_mode-lbl {
    min-width: 200px;
}
div.jform_mod_title, div.jform_na {
    float: left;
    margin-top: 5px;
}
div#jform_template, div#jform_template-desc {
    float: left;
    font-size: 1.091em;
    padding-right: 5px;
    padding-top: 5px;
}
div#jform_template-desc {
    padding-top: 3px;
}
input#description {
    margin-top: 3px;
}
th.col1template {
    width: 210px;
}
div.editor-border {
    border: 1px solid #CCCCCC;
}
fieldset p {
    font-size: 1.091em;
    margin: 0 0 15px;
}
ul#overviewlist, ul#paramlist {
    clear: both;
    font-size: 1.091em;
    padding-top: 5px;
}
ul#overviewlist li {
    list-style-type: none;
    margin-bottom: 15px;
    margin-left: -40px;
    min-width: 140px;
}
ul#paramlist li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: -40px;
}
li#jform_menutype_label, li#jform_parentid_label, li#jform_published_label, li#jform_access_label {
    clear: left;
    float: left;
}
fieldset.adminform fieldset.radio, fieldset.panelform fieldset.radio, fieldset.adminform-legacy fieldset.radio {
    border: 0 none;
    float: left;
    margin: 0 0 5px;
    padding: 0;
}
fieldset.adminform fieldset.radio label, fieldset.panelform fieldset.radio label {
    clear: none;
    display: inline;
    float: left;
    min-width: 60px;
    padding-left: 0;
    padding-right: 10px;
}
fieldset.adminform fieldset.checkboxes, fieldset.panelform fieldset.checkboxes, fieldset.adminform-legacy fieldset.checkboxes {
    border: 0 none;
    clear: right;
    float: left;
    margin: 0 0 5px;
    padding: 0;
}
fieldset.adminform fieldset.checkboxes input[type="checkbox"], fieldset.panelform fieldset.checkboxes input[type="checkbox"] {
    clear: left;
    float: left;
}
fieldset.adminform fieldset.checkboxes label, fieldset.panelform fieldset.checkboxes label, fieldset.adminform fieldset.checkboxes span.faux-label, fieldset.panelform fieldset.checkboxes span.faux-label {
    clear: right;
}
div.current span.spacer > span.before, fieldset.adminform span.spacer > span.before, fieldset.panelform span.spacer > span.before {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}
div.current span.spacer > span.text label, fieldset.adminform span.spacer > span.text label, fieldset.panelform span.spacer > span.text label {
    color: #666666;
    font-weight: bold;
    white-space: nowrap;
}
fieldset.panelform-legacy label, fieldset.adminform-legacy label {
    float: left;
    min-width: 150px;
}
fieldset.panelform-legacy label.radiobtn-jno, fieldset.panelform-legacy label.radiobtn-jyes, fieldset.panelform-legacy label.radiobtn-show, fieldset.panelform-legacy label.radiobtn-hide, fieldset.panelform-legacy label.radiobtn-off, fieldset.panelform-legacy label.radiobtn-on {
    clear: none !important;
    min-width: 40px !important;
}
#jform_plugdesc-lbl, #jform_description-lbl {
    clear: both;
    margin-top: 15px;
}
p.jform_desc {
    clear: left;
}
div#jform_ordering {
    font-size: 1.091em;
    margin-top: 3px;
}
fieldset.filter {
    border: 0 none;
    margin: 0;
    padding: 0 0 5px;
}
fieldset.filter ol {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 0;
}
fieldset.filter ol li {
    float: left;
    padding: 0 5px 0 0;
}
fieldset.filter ol li fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
fieldset.filter .left {
    float: left;
}
fieldset.filter .right {
    float: right;
}
fieldset.filter .right select {
    margin-left: 10px;
}
fieldset#filter-bar {
    border-color: -moz-use-text-color -moz-use-text-color #D5D5D5;
    border-style: none none solid;
    border-width: 0 0 1px;
    height: 35px;
}
label.filter-search-lbl {
    margin-left: 5px;
}
label.filter-hide-lbl {
    clear: none;
    margin-left: 5px;
}
div.filter-select input, div.filter-select select {
    margin-left: 5px;
    margin-right: 5px;
}
button.filter-go {
    float: left;
    margin-right: 15px;
}
label.filter-published-lbl {
    clear: none;
    margin-left: 10px;
}
table.adminform {
    background-color: #FFFFFF;
    border: 1px solid #D5D5D5;
    border-collapse: collapse;
    margin: 8px 0 15px;
    width: 100%;
}
table.adminform tr.row0 {
    background-color: #F9F9F9;
}
table.adminform tr.row1 {
    background-color: #EEEEEE;
}
table.adminform th {
    background-repeat: repeat;
    color: #000000;
    font-size: 1.091em;
    height: 25px;
    padding: 6px 2px 4px 4px;
    text-align: left;
}
table.adminform td {
    font-size: 1.091em;
    padding: 5px;
    text-align: left;
}
table.adminform td.filter {
    text-align: left;
}
table.adminform td.helpMenu {
    text-align: right;
}
table#template-mgr td {
    padding: 15px 0;
}
table#template-mgr td p {
    margin: 3px;
}
td.template-name a {
    font-weight: bold;
    padding-left: 15px;
}
.helplinks {
    margin-top: 60px;
}
ul.helpmenu li {
    float: right;
    list-style-type: none;
    margin: 10px;
    padding: 0;
}
input.text-area-order {
    margin-right: 5px;
    text-align: center;
}
fieldset.uploadform label {
    clear: left;
    min-width: 100px;
}
span.gi {
    color: #D7D7D7;
    font-weight: bold;
    margin-right: 5px;
}
span.gtr {
    margin-right: 5px;
    visibility: hidden;
}
ul#legend li {
    float: left;
    list-style-type: none;
    margin: 20px;
}
#jform_params_target {
    width: 190px;
}
table.adminlist {
    background-color: #F3F3F3;
    border-spacing: 1px;
    color: #666666;
    width: 100%;
}
table.adminlist td, table.adminlist th {
    padding: 4px;
}
table.adminlist td {
    padding-left: 8px;
}
table.adminlist thead th {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #FFFFFF;
    color: #666666;
    text-align: center;
}
table.adminlist thead th.left {
    text-align: left;
}
table.adminlist thead a:hover {
    text-decoration: none;
}
table.adminlist thead th img {
    padding-left: 3px;
    vertical-align: middle;
}
table.adminlist tbody th {
    font-weight: bold;
}
table.adminlist tbody tr {
    background-color: #FFFFFF;
    text-align: left;
}
table.adminlist tbody tr.row0:hover td, table.adminlist tbody tr.row1:hover td {
    background-color: #E8F6FE;
}
table.adminlist tbody tr td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
}
table.adminlist tbody tr.row1 td {
    background: none repeat scroll 0 0 #F0F0F0;
    border-top: 1px solid #FFFFFF;
}
table.adminlist tfoot tr {
    color: #333333;
    text-align: center;
}
table.adminlist tfoot td, table.adminlist tfoot th {
    background-color: #F7F7F7;
    border-top: 1px solid #999999;
    text-align: center;
}
table.adminlist td.order {
    text-align: center;
    white-space: nowrap;
    width: 200px;
}
table.adminlist td.order span {
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    text-align: center;
    width: 20px;
}
table.adminlist .pagination {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}
table.adminlist td.indent-4 {
    padding-left: 4px;
}
table.adminlist td.indent-19 {
    padding-left: 19px;
}
table.adminlist td.indent-34 {
    padding-left: 34px;
}
table.adminlist td.indent-49 {
    padding-left: 49px;
}
table.adminlist td.indent-64 {
    padding-left: 64px;
}
table.adminlist td.indent-79 {
    padding-left: 79px;
}
table.adminlist td.indent-94 {
    padding-left: 94px;
}
table.adminlist td.indent-109 {
    padding-left: 109px;
}
table.adminlist td.indent-124 {
    padding-left: 124px;
}
table.adminlist td.indent-139 {
    padding-left: 139px;
}
table.adminlist tr td.btns a {
    text-decoration: underline;
}
div#element-box div.m form table.adminlist tr td a {
    font-size: 1.1em;
}
div#element-box div.m form table.adminlist tr td div.button2-left.smallsub a {
    font-size: 1em;
}
div#element-box div.m form table.adminlist tr td p.smallsub a, div#element-box div.m div.pane-slider form table.adminlist a {
    font-size: 1em;
}
p.smallsub {
    margin: 3px 0 0;
}
p.smallsub span {
    color: #A0A0A0;
}
.pagination div.limit {
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0 10px;
}
.pagination div.limit select#limit {
    width: 50px;
}
p.mod-purge-instruct {
    margin-top: 20px;
}
div.checkin-tick {
    background: url("../images/admin/tick.png") no-repeat scroll 20px 50% transparent;
    text-indent: -9999px;
}
td.left, th.left {
    text-align: left;
}
td.center, th.center, .center {
    float: none;
    text-align: center;
}
td.center img, th.center img {
    float: none;
}
td.right, th.right {
    text-align: right;
}
.container {
    clear: both;
    text-align: center;
    text-decoration: none;
}
* html .container {
    display: inline-block;
}
table.admintable th, table.admintable td {
    font-size: 1.091em;
}
table#global-checkin td {
    font-size: 1.182em;
}
table#global-checkin td.active {
    background-color: #E8F6FE !important;
}
table#global-checkin tbody tr.row0:hover td {
    background-color: #FFFFFF;
}
table#global-checkin tbody tr.row1:hover td {
    background-color: #F0F0F0;
}
a.saveorder {
    background: url("../images/admin/filesave.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 16px;
    margin-right: 8px;
    overflow: hidden;
    width: 16px;
}
a.saveorder.inactive {
    background-position: 0 -16px;
}
#editor-xtd-buttons {
    padding-top: 10px;
}
.button1, .button1 div {
    float: right;
    height: 1%;
}
.button2-left, .button2-right, .button2-left div, .button2-right div {
    float: left;
}
.button1 {
    background: url("../images/j_button1_left.png") no-repeat scroll 0 0 transparent;
    margin-left: 5px;
    padding-left: 10px;
    white-space: nowrap;
}
.button1 .next {
    background: url("../images/j_button1_next.png") no-repeat scroll 100% 0 transparent;
}
.button1 a {
    color: #333333;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.091em;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    padding: 0 35px 0 6px;
}
.button1 a:hover {
    color: #0B55C4;
    text-decoration: none;
}
.button2-left a, .button2-right a, .button2-left button, .button2-right button, .button2-left span, .button2-right span {
    color: #333333;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1em;
    height: 22px;
    line-height: 22px;
}
.button2-left span, .button2-right span {
    color: #999999;
    cursor: default;
}
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span, .button2-left .blank a, .button2-right .blank a, .button2-left .blank span, .button2-right .blank span, .button2-left .blank button, .button2-right .blank button {
    padding: 0 6px;
}
.page span, .blank span {
    color: #000000;
    font-weight: bold;
}
.button2-left a:hover, .button2-right a:hover, .button2-left button:hover, .button2-left button:hover {
    color: #0B55C4;
    text-decoration: none;
}
.button2-left a, .button2-left span, .button2-left button {
    padding: 0 24px 0 6px;
}
.button2-right a, .button2-right span, .button2-right button {
    padding: 0 6px 0 24px;
}
.button2-left {
    background: url("../images/j_button2_left.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-right: 10px;
}
.button2-right {
    background: url("../images/j_button2_right.png") no-repeat scroll 100% 0 transparent;
    float: left;
    margin-left: 5px;
    margin-right: 10px;
}
.button2-right .prev {
    background: url("../images/j_button2_prev.png") no-repeat scroll 0 0 transparent;
}
.button2-right.off .prev {
    background: url("../images/j_button2_prev_off.png") no-repeat scroll 0 0 transparent;
}
.button2-right .start {
    background: url("../images/j_button2_first.png") no-repeat scroll 0 0 transparent;
}
.button2-right.off .start {
    background: url("../images/j_button2_first_off.png") no-repeat scroll 0 0 transparent;
}
.button2-left .page, .button2-left .blank {
    background: url("../images/j_button2_right_cap.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .next {
    background: url("../images/j_button2_next.png") no-repeat scroll 100% 0 transparent;
}
.button2-left.off .next {
    background: url("../images/j_button2_next_off.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .end {
    background: url("../images/j_button2_last.png") no-repeat scroll 100% 0 transparent;
}
.button2-left.off .end {
    background: url("../images/j_button2_last_off.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .image {
    background: url("../images/j_button2_image.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .readmore {
    background: url("../images/j_button2_readmore.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .pagebreak {
    background: url("../images/j_button2_pagebreak.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .blank {
    background: url("../images/j_button2_blank.png") no-repeat scroll 100% 0 transparent;
}
.button2-left .article {
    background: url("../images/j_button2_readmore.png") no-repeat scroll 100% 0 transparent;
}
a.pointer {
    cursor: pointer;
}
button {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    margin-top: 4px;
    text-decoration: none;
}
button:hover {
    background: none repeat scroll 0 0 #E8F6FE;
    border: 1px solid #AAAAAA;
    cursor: pointer;
    text-decoration: none;
}
div.button2-left button {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid #CCCCCC;
    margin-top: 0;
}
div.button2-left button {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid #AAAAAA;
}
.tip {
    background: none repeat scroll 0 0 #FFFFCC;
    border: 1px solid #D4D5AA;
    float: left;
    max-width: 400px;
    padding: 5px;
    z-index: 50;
}
.tip-title {
    background: url("../images/selector-arrow.png") no-repeat scroll 0 0 transparent;
    font-size: 1em;
    font-weight: bold;
    margin: -15px 0 0;
    padding: 15px 0 5px;
}
.tip-text {
    font-size: 1em;
    margin: 0;
}
a img.calendar {
    background: url("../images/calendar.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 16px;
    margin-left: 3px;
    vertical-align: middle;
    width: 16px;
}
#system-message dd.message ul {
    background-image: url("../images/notice-info.png");
}
#system-message dd.error ul {
    background-image: url("../images/notice-alert.png");
}
#system-message dd.warning ul {
    background-image: url("../images/notice-note.png");
}
#system-message dd.notice ul {
    background-image: url("../images/notice-note.png");
}
.login {
    margin: 50px auto 100px;
    width: 575px;
}
form#form-login {
    clear: both;
    padding: 10px 0;
}
h1 {
    margin: 10px 0 5px 10px;
}
p {
    font-size: 1em;
    margin: 0 0 15px 10px;
    padding: 0;
}
#section-box {
    background-color: #FFFFFF;
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px;
}
#section-box .m {
    padding: 5px;
}
#section-box .padding {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}
#lock {
    background: url("../images/j_login_lock.png") no-repeat scroll 50% 0 transparent;
    height: 137px;
    width: 150px;
}
fieldset.loginform {
    border: 0 none;
    width: auto;
}
label#mod-login-password-lbl, label#mod-login-username-lbl, label#mod-login-language-lbl {
    display: block;
    margin: 5px 15px 16px 0;
}
input#mod-login-username, input#mod-login-password, select#lang {
    clear: right;
    float: right;
    margin: 0 0 20px;
    min-width: 145px;
}
.login-submit {
    border: 0 none;
    height: 0;
    margin: 0;
    padding: 0;
    width: 0;
}
#form-login .button-holder {
    clear: right;
    float: right;
    margin-top: 10px;
    padding-right: 5px;
}
a.jgrid:hover {
    text-decoration: none;
}
.jgrid span.state {
    display: inline-block;
    height: 16px;
    width: 16px;
}
.jgrid span.text {
    display: none;
}
.jgrid span.publish {
    background-image: url("../images/admin/tick.png");
}
.jgrid span.unpublish {
    background-image: url("../images/admin/publish_x.png");
}
.jgrid span.archive {
    background-image: url("../images/menu/icon-16-archive.png");
}
.jgrid span.trash {
    background-image: url("../images/menu/icon-16-trash.png");
}
.jgrid span.default {
    background-image: url("../images/menu/icon-16-default.png");
}
.jgrid span.notdefault {
    background-image: url("../images/menu/icon-16-notdefault.png");
}
.jgrid span.checkedout {
    background-image: url("../images/admin/checked_out.png");
}
.jgrid span.downarrow {
    background-image: url("../images/admin/downarrow.png");
}
.jgrid span.downarrow_disabled {
    background-image: url("../images/admin/downarrow0.png");
    background-position: 0 -12px;
}
.jgrid span.uparrow {
    background-image: url("../images/admin/uparrow.png");
}
.jgrid span.uparrow_disabled {
    background-image: url("../images/admin/uparrow0.png");
    background-position: 0 -12px;
}
.jgrid span.published {
    background-image: url("../images/admin/publish_g.png");
}
.jgrid span.expired {
    background-image: url("../images/admin/publish_r.png");
}
.jgrid span.pending {
    background-image: url("../images/admin/publish_y.png");
}
.icon-16-alert {
    background-image: url("../images/menu/icon-16-alert.png");
}
.icon-16-archive {
    background-image: url("../images/menu/icon-16-archive.png");
}
.icon-16-article {
    background-image: url("../images/menu/icon-16-article.png");
}
.icon-16-banners {
    background-image: url("../images/menu/icon-16-banner.png");
}
.icon-16-banners-clients {
    background-image: url("../images/menu/icon-16-banner-client.png");
}
.icon-16-banners-tracks {
    background-image: url("../images/menu/icon-16-banner-tracks.png");
}
.icon-16-banners-cat {
    background-image: url("../images/menu/icon-16-banner-categories.png");
}
.icon-16-category {
    background-image: url("../images/menu/icon-16-category.png");
}
.icon-16-checkin {
    background-image: url("../images/menu/icon-16-checkin.png");
}
.icon-16-clear {
    background-image: url("../images/menu/icon-16-clear.png");
}
.icon-16-component {
    background-image: url("../images/menu/icon-16-component.png");
}
.icon-16-config {
    background-image: url("../images/menu/icon-16-config.png");
}
.icon-16-content {
    background-image: url("../images/menu/icon-16-content.png");
}
.icon-16-contact {
    background-image: url("../images/menu/icon-16-contacts.png");
}
.icon-16-contact-cat {
    background-image: url("../images/menu/icon-16-contacts-categories.png");
}
.icon-16-cpanel {
    background-image: url("../images/menu/icon-16-cpanel.png");
}
.icon-16-default {
    background-image: url("../images/menu/icon-16-default.png");
}
.icon-16-featured {
    background-image: url("../images/menu/icon-16-featured.png");
}
.icon-16-groups {
    background-image: url("../images/menu/icon-16-groups.png");
}
.icon-16-help {
    background-image: url("../images/menu/icon-16-help.png");
}
.icon-16-help-this {
    background-image: url("../images/menu/icon-16-help-this.png");
}
.icon-16-help-forum {
    background-image: url("../images/menu/icon-16-help-forum.png");
}
.icon-16-help-docs {
    background-image: url("../images/menu/icon-16-help-docs.png");
}
.icon-16-help-jed {
    background-image: url("../images/menu/icon-16-help-jed.png");
}
.icon-16-help-jrd {
    background-image: url("../images/menu/icon-16-help-jrd.png");
}
.icon-16-help-trans {
    background-image: url("../images/menu/icon-16-help-trans.png");
}
.icon-16-help-community {
    background-image: url("../images/menu/icon-16-help-community.png");
}
.icon-16-help-security {
    background-image: url("../images/menu/icon-16-help-security.png");
}
.icon-16-help-dev {
    background-image: url("../images/menu/icon-16-help-dev.png");
}
.icon-16-help-shop {
    background-image: url("../images/menu/icon-16-help-shop.png");
}
.icon-16-info {
    background-image: url("../images/menu/icon-16-info.png");
}
.icon-16-install {
    background-image: url("../images/menu/icon-16-install.png");
}
.icon-16-language {
    background-image: url("../images/menu/icon-16-language.png");
}
.icon-16-levels {
    background-image: url("../images/menu/icon-16-levels.png");
}
.icon-16-logout {
    background-image: url("../images/menu/icon-16-logout.png");
}
.icon-16-maintenance {
    background-image: url("../images/menu/icon-16-maintenance.png");
}
.icon-16-massmail {
    background-image: url("../images/menu/icon-16-massmail.png");
}
.icon-16-media {
    background-image: url("../images/menu/icon-16-media.png");
}
.icon-16-menu {
    background-image: url("../images/menu/icon-16-menu.png");
}
.icon-16-menumgr {
    background-image: url("../images/menu/icon-16-menumgr.png");
}
.icon-16-messages {
    background-image: url("../images/menu/icon-16-messaging.png");
}
.icon-16-messages-add {
    background-image: url("../images/menu/icon-16-new-privatemessage.png");
}
.icon-16-messages-read {
    background-image: url("../images/menu/icon-16-messages.png");
}
.icon-16-module {
    background-image: url("../images/menu/icon-16-module.png");
}
.icon-16-newarticle {
    background-image: url("../images/menu/icon-16-newarticle.png");
}
.icon-16-newcategory {
    background-image: url("../images/menu/icon-16-newcategory.png");
}
.icon-16-newgroup {
    background-image: url("../images/menu/icon-16-newgroup.png");
}
.icon-16-newlevel {
    background-image: url("../images/menu/icon-16-newlevel.png");
}
.icon-16-newuser {
    background-image: url("../images/menu/icon-16-newuser.png");
}
.icon-16-nopreview {
    background-image: url("../images/menu/icon-16-nopreview.png");
}
.icon-16-plugin {
    background-image: url("../images/menu/icon-16-plugin.png");
}
.icon-16-profile {
    background-image: url("../images/menu/icon-16-user.png");
}
.icon-16-preview {
    background-image: url("../images/menu/icon-16-preview.png");
}
.icon-16-purge {
    background-image: url("../images/menu/icon-16-purge.png");
}
.icon-16-readmess {
    background-image: url("../images/menu/icon-16-readmess.png");
}
.icon-16-redirect {
    background-image: url("../images/menu/icon-16-redirect.png");
}
.icon-16-search {
    background-image: url("../images/menu/icon-16-search.png");
}
.icon-16-section {
    background-image: url("../images/menu/icon-16-section.png");
}
.icon-16-static {
    background-image: url("../images/menu/icon-16-static.png");
}
.icon-16-stats {
    background-image: url("../images/menu/icon-16-stats.png");
}
.icon-16-themes {
    background-image: url("../images/menu/icon-16-themes.png");
}
.icon-16-trash {
    background-image: url("../images/menu/icon-16-trash.png");
}
.icon-16-user {
    background-image: url("../images/menu/icon-16-user.png");
}
.icon-16-back-user {
    background-image: url("../images/menu/icon-16-back-user.png");
}
.icon-16-writemess {
    background-image: url("../images/menu/icon-16-writemess.png");
}
.icon-16-newsfeeds {
    background-image: url("../images/menu/icon-16-newsfeeds.png");
}
.icon-16-newsfeeds-cat {
    background-image: url("../images/menu/icon-16-newsfeeds-cat.png");
}
.icon-16-weblinks {
    background-image: url("../images/menu/icon-16-links.png");
}
.icon-16-weblinks-cat {
    background-image: url("../images/menu/icon-16-links-cat.png");
}
.icon-32-send {
    background-image: url("../images/toolbar/icon-32-send.png");
}
.icon-32-delete {
    background-image: url("../images/toolbar/icon-32-delete.png");
}
.icon-32-help {
    background-image: url("../images/toolbar/icon-32-help.png");
}
.icon-32-cancel {
    background-image: url("../images/toolbar/icon-32-cancel.png");
}
.icon-32-checkin {
    background-image: url("../images/toolbar/icon-32-checkin.png");
}
.icon-32-options {
    background-image: url("../images/toolbar/icon-32-config.png");
}
.icon-32-apply {
    background-image: url("../images/toolbar/icon-32-apply.png");
}
.icon-32-back {
    background-image: url("../images/toolbar/icon-32-back.png");
}
.icon-32-export {
    background-image: url("../images/toolbar/icon-32-export.png");
}
.icon-32-forward {
    background-image: url("../images/toolbar/icon-32-forward.png");
}
.icon-32-save {
    background-image: url("../images/toolbar/icon-32-save.png");
}
.icon-32-edit {
    background-image: url("../images/toolbar/icon-32-edit.png");
}
.icon-32-copy {
    background-image: url("../images/toolbar/icon-32-copy.png");
}
.icon-32-move {
    background-image: url("../images/toolbar/icon-32-move.png");
}
.icon-32-new {
    background-image: url("../images/toolbar/icon-32-new.png");
}
.icon-32-upload {
    background-image: url("../images/toolbar/icon-32-upload.png");
}
.icon-32-assign {
    background-image: url("../images/toolbar/icon-32-publish.png");
}
.icon-32-html {
    background-image: url("../images/toolbar/icon-32-html.png");
}
.icon-32-css {
    background-image: url("../images/toolbar/icon-32-css.png");
}
.icon-32-menus {
    background-image: url("../images/toolbar/icon-32-menu.png");
}
.icon-32-publish {
    background-image: url("../images/toolbar/icon-32-publish.png");
}
.icon-32-unblock {
    background-image: url("../images/toolbar/icon-32-unblock.png");
}
.icon-32-unpublish {
    background-image: url("../images/toolbar/icon-32-unpublish.png");
}
.icon-32-restore {
    background-image: url("../images/toolbar/icon-32-revert.png");
}
.icon-32-trash {
    background-image: url("../images/toolbar/icon-32-trash.png");
}
.icon-32-archive {
    background-image: url("../images/toolbar/icon-32-archive.png");
}
.icon-32-unarchive {
    background-image: url("../images/toolbar/icon-32-unarchive.png");
}
.icon-32-preview {
    background-image: url("../images/toolbar/icon-32-preview.png");
}
.icon-32-default {
    background-image: url("../images/toolbar/icon-32-default.png");
}
.icon-32-refresh {
    background-image: url("../images/toolbar/icon-32-refresh.png");
}
.icon-32-save-new {
    background-image: url("../images/toolbar/icon-32-save-new.png");
}
.icon-32-save-copy {
    background-image: url("../images/toolbar/icon-32-save-copy.png");
}
.icon-32-error {
    background-image: url("../images/toolbar/icon-32-error.png");
}
.icon-32-new-style {
    background-image: url("../images/toolbar/icon-32-new-style.png");
}
.icon-32-delete-style {
    background-image: url("../images/toolbar/icon-32-delete-style.png");
}
.icon-32-purge {
    background-image: url("../images/toolbar/icon-32-purge.png");
}
.icon-32-remove {
    background-image: url("../images/toolbar/icon-32-remove.png");
}
.icon-32-featured {
    background-image: url("../images/toolbar/icon-32-featured.png");
}
.icon-32-stats {
    background-image: url("../images/toolbar/icon-32-stats.png");
}
.toolbar-inactive {
    background-position: 0 32px;
}
.icon-48-categories {
    background-image: url("../images/header/icon-48-category.png");
}
.icon-48-category-edit {
    background-image: url("../images/header/icon-48-category.png");
}
.icon-48-category-add {
    background-image: url("../images/header/icon-48-category-add.png");
}
.icon-48-generic {
    background-image: url("../images/header/icon-48-generic.png");
}
.icon-48-banners {
    background-image: url("../images/header/icon-48-banner.png");
}
.icon-48-banners-categories {
    background-image: url("../images/header/icon-48-banner-categories.png");
}
.icon-48-banners-category-edit {
    background-image: url("../images/header/icon-48-banner-categories.png");
}
.icon-48-banners-category-add {
    background-image: url("../images/header/icon-48-category-add.png");
}
.icon-48-banners-clients {
    background-image: url("../images/header/icon-48-banner-client.png");
}
.icon-48-banners-tracks {
    background-image: url("../images/header/icon-48-banner-tracks.png");
}
.icon-48-checkin {
    background-image: url("../images/header/icon-48-checkin.png");
}
.icon-48-clear {
    background-image: url("../images/header/icon-48-clear.png");
}
.icon-48-contact {
    background-image: url("../images/header/icon-48-contacts.png");
}
.icon-48-contact-categories {
    background-image: url("../images/header/icon-48-contacts-categories.png");
}
.icon-48-contact-category-edit {
    background-image: url("../images/header/icon-48-contacts-categories.png");
}
.icon-48-contact-category-add {
    background-image: url("../images/header/icon-48-category-add.png");
}
.icon-48-purge {
    background-image: url("../images/header/icon-48-purge.png");
}
.icon-48-cpanel {
    background-image: url("../images/header/icon-48-cpanel.png");
}
.icon-48-config {
    background-image: url("../images/header/icon-48-config.png");
}
.icon-48-groups {
    background-image: url("../images/header/icon-48-groups.png");
}
.icon-48-groups-add {
    background-image: url("../images/header/icon-48-groups-add.png");
}
.icon-48-levels {
    background-image: url("../images/header/icon-48-levels.png");
}
.icon-48-levels-add {
    background-image: url("../images/header/icon-48-levels-add.png");
}
.icon-48-module {
    background-image: url("../images/header/icon-48-module.png");
}
.icon-48-menu {
    background-image: url("../images/header/icon-48-menu.png");
}
.icon-48-menu-add {
    background-image: url("../images/header/icon-48-menu-add.png");
}
.icon-48-menumgr {
    background-image: url("../images/header/icon-48-menumgr.png");
}
.icon-48-newsfeeds-categories {
    background-image: url("../images/header/icon-48-newsfeeds-cat.png");
}
.icon-48-newsfeeds-category-edit {
    background-image: url("../images/header/icon-48-newsfeeds-cat.png");
}
.icon-48-newsfeeds-category-add {
    background-image: url("../images/header/icon-48-category-add.png");
}
.icon-48-trash {
    background-image: url("../images/header/icon-48-trash.png");
}
.icon-48-user {
    background-image: url("../images/header/icon-48-user.png");
}
.icon-48-user-add {
    background-image: url("../images/header/icon-48-user-add.png");
}
.icon-48-user-edit {
    background-image: url("../images/header/icon-48-user-edit.png");
}
.icon-48-user-profile {
    background-image: url("../images/header/icon-48-user-profile.png");
}
.icon-48-inbox {
    background-image: url("../images/header/icon-48-inbox.png");
}
.icon-48-new-privatemessage {
    background-image: url("../images/header/icon-48-new-privatemessage.png");
}
.icon-48-msgconfig {
    background-image: url("../images/header/icon-48-message_config.png");
}
.icon-48-langmanager {
    background-image: url("../images/header/icon-48-language.png");
}
.icon-48-mediamanager {
    background-image: url("../images/header/icon-48-media.png");
}
.icon-48-plugin {
    background-image: url("../images/header/icon-48-plugin.png");
}
.icon-48-help_header {
    background-image: url("../images/header/icon-48-help_header.png");
}
.icon-48-impressions {
    background-image: url("../images/header/icon-48-stats.png");
}
.icon-48-browser {
    background-image: url("../images/header/icon-48-stats.png");
}
.icon-48-searchtext {
    background-image: url("../images/header/icon-48-stats.png");
}
.icon-48-thememanager {
    background-image: url("../images/header/icon-48-themes.png");
}
.icon-48-writemess {
    background-image: url("../images/header/icon-48-writemess.png");
}
.icon-48-featured {
    background-image: url("../images/header/icon-48-featured.png");
}
.icon-48-sections {
    background-image: url("../images/header/icon-48-section.png");
}
.icon-48-article-add {
    background-image: url("../images/header/icon-48-article-add.png");
}
.icon-48-article-edit {
    background-image: url("../images/header/icon-48-article-edit.png");
}
.icon-48-article {
    background-image: url("../images/header/icon-48-article.png");
}
.icon-48-content-categories {
    background-image: url("../images/header/icon-48-category.png");
}
.icon-48-content-category-edit {
    background-image: url("../images/header/icon-48-category.png");
}
.icon-48-content-category-add {
    background-image: url("../images/header/icon-48-category-add.png");
}
.icon-48-install {
    background-image: url("../images/header/icon-48-extension.png");
}
.icon-48-dbbackup {
    background-image: url("../images/header/icon-48-backup.png");
}
.icon-48-dbrestore {
    background-image: url("../images/header/icon-48-dbrestore.png");
}
.icon-48-dbquery {
    background-image: url("../images/header/icon-48-query.png");
}
.icon-48-systeminfo {
    background-image: url("../images/header/icon-48-info.png");
}
.icon-48-massmail {
    background-image: url("../images/header/icon-48-massmail.png");
}
.icon-48-redirect {
    background-image: url("../images/header/icon-48-redirect.png");
}
.icon-48-search {
    background-image: url("../images/header/icon-48-search.png");
}
.icon-48-newsfeeds {
    background-image: url("../images/header/icon-48-newsfeeds.png");
}
.icon-48-newsfeeds-cat {
    background-image: url("../images/header/icon-48-newsfeeds-cat.png");
}
.icon-48-weblinks {
    background-image: url("../images/header/icon-48-links.png");
}
.icon-48-weblinks-categories {
    background-image: url("../images/header/icon-48-links-cat.png");
}
.icon-48-weblinks-category-edit {
    background-image: url("../images/header/icon-48-links-cat.png");
}
.icon-48-weblinks-category-add {
    background-image: url("../images/header/icon-48-category-add.png");
}
#menu, #menu ul, #menu li {
    border: 0 none;
    margin: 0;
    padding: 0;
}
#menu {
    position: relative;
    z-index: 100;
}
#menu li {
    display: inline;
    float: left;
    list-style: none outside none;
    position: relative;
}
#menu li a {
    display: block;
    white-space: nowrap;
}
#menu li ul {
    position: absolute;
    visibility: hidden;
}
#menu li li ul {
    left: 0;
    top: 0;
}
#menu li:hover ul {
    visibility: visible;
}
#menu li:hover ul li ul {
    visibility: hidden;
}
#menu li:hover li:hover ul {
    left: 100%;
    visibility: visible;
}
#menu li {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #D8D8D8;
}
#menu li li {
    border: 0 none;
    display: block;
    float: none;
}
#menu ul {
    background: url("../images/bg-menu.gif") repeat-y scroll left center #F6F6F6;
    border: 0.1em solid #CCCCCC;
}
#menu ul li.node {
    background: url("../images/j_arrow.png") no-repeat scroll right 50% transparent;
}
#menu ul li.separator {
    background: url("../images/bg-menu.gif") repeat scroll 0 0 #DDE1E6;
    height: 1px;
}
#menu a, #menu div {
    background-position: left 50%;
    background-repeat: no-repeat;
    color: #333333;
    cursor: default;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6em;
    margin: 0 1px;
    padding: 0.35em 1em;
    text-decoration: none;
    vertical-align: middle;
}
#menu li.disabled a, #menu li.disabled:hover a {
    background-color: transparent;
    border-left-width: 0;
    border-right-width: 0;
    color: gray;
    margin: 0 1px;
}
#menu ul a {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.2em;
    padding-left: 25px;
    padding-right: 20px;
}
#menu li:hover a {
    background-color: #DBE4E9;
    border-left: 1px solid #025A8D;
    border-right: 1px solid #025A8D;
    margin: 0;
}
#menu li:hover li a {
    background-color: transparent;
    border: 1px solid transparent;
    margin: 1px;
}
#menu li:hover li:hover a {
    background-color: #DBE4E9;
    border-color: #025A8D;
}
#menu li:hover li:hover li a {
    background-color: transparent;
    border-color: transparent;
}
#menu li:hover li:hover li a:hover {
    background-color: #DBE4E9;
    border-color: #025A8D;
}
a.icon-16-menu span img {
    vertical-align: bottom;
}
#submenu {
    line-height: 115%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#submenu li {
    float: left;
    margin: 0;
    padding: 0;
}
#submenu li a, #submenu span.nolink {
    border-right: 1px solid #CCCCCC;
    color: #808080;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    height: 12px;
    line-height: 14px;
    padding: 0 15px;
}
#submenu span.nolink {
    color: #999999;
}
#submenu a:hover, #submenu a.active, #submenu span.nolink.active {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #146295;
}
div.message {
    border: 1px solid #E0E0E0;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.091em;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 3px;
    text-align: center;
}
.helpIndex {
    border: 0 none;
    height: 100%;
    overflow: auto;
    padding: 0;
    width: 100%;
}
ul.subext li {
    margin-left: 0;
}
.helpFrame {
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #222222;
    border-left: 0 solid #222222;
    border-right: medium none;
    border-style: none none none solid;
    border-width: medium medium medium 0;
    height: 800px;
    padding: 0 5px 0 10px;
    width: 100%;
}
#treecellhelp {
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
}
#datacellhelp {
    display: block;
    margin: 10px 0 0;
    padding: 2px 0 0;
}
.outline {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 2px;
}
h2.modal-title {
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 5px;
}
ul.menu_types {
    margin: 0;
    padding: 0 0 0 15px;
    width: 95%;
}
ul.menu_types li, dl.menu_type dd ul li {
    display: block;
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    width: 240px;
}
ul.menu_types li {
    width: 47%;
}
dl.menu_type {
    margin: 0;
    padding: 0;
    width: 240px;
}
dl.menu_type dt {
    border-bottom: 1px solid #666666;
    float: left;
    font-size: 1.091em;
    font-weight: bold;
    margin: 13px 0 5px;
    width: 240px;
}
dl.menu_type dd {
    clear: left;
    margin: 0;
}
dl.menu_type dd ul li {
    margin: 0;
}
dl.menu_type dd ul {
    margin-left: -40px;
}
ul#new-modules-list {
    border-top: 1px solid #666666;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 0 15px;
    width: 95%;
}
ul#new-modules-list li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 20px 0 0;
    width: 47%;
}
ul#new-modules-list li a {
    font-size: 1.091em;
    line-height: 1.8em;
}
.scroll {
    overflow: auto;
}
fieldset ol, ol#property-values {
    margin: 0;
    padding: 0;
}
fieldset li, ol#property-values li {
    list-style: none outside none;
    margin: 0;
    padding: 5px;
}
fieldset.filter {
    border: 0 none;
    margin: 0;
    padding: 0 0 5px;
}
fieldset.filter ol {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 0;
}
fieldset.filter ol li {
    float: left;
    padding: 0 5px 0 0;
}
fieldset.filter ol li fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
fieldset.filter .left {
    float: left;
}
fieldset.filter .right {
    float: right;
}
fieldset#buttonbar {
    border: 0 none;
    text-align: right;
}
fieldset#buttonbar ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
fieldset#buttonbar li {
    margin: 0;
    padding: 5px;
}
div#config #submenu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
div#config div.m {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 0 8px;
}
div#config #submenu li {
    float: left;
    margin: 0;
    padding: 0;
}
div#config #submenu li a, div#config #submenu span.nolink {
    border-right: 1px solid #CCCCCC;
    color: #0B55C4;
    cursor: pointer;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    padding: 0 15px;
}
div#config #submenu li:last-child a {
    border-right: medium none;
}
div#config #submenu a.active, div#config #submenu span.nolink.active {
    color: #000000;
    text-decoration: underline;
}
div#config #submenu-box {
    background: none repeat scroll 0 50% #F6F6F6;
    margin-bottom: 10px;
}
div#config #submenu-box .padding {
    padding: 0;
}
a.move_up {
    background-image: url("../images/admin/uparrow.png");
    display: inline-block;
    height: 16px;
    text-indent: -1000em;
    width: 16px;
}
span.move_up {
    background-image: url("../images/admin/uparrow0.png");
    display: inline-block;
    height: 16px;
    width: 16px;
}
a.move_down {
    background-image: url("../images/admin/downarrow.png");
    display: inline-block;
    height: 16px;
    text-indent: -1000em;
    width: 16px;
}
span.move_down {
    background-image: url("../images/admin/downarrow0.png");
    display: inline-block;
    height: 16px;
    width: 16px;
}
a.grid_false {
    background-image: url("../images/admin/publish_x.png");
    display: inline-block;
    height: 16px;
    text-indent: -1000em;
    width: 16px;
}
a.grid_true {
    background-image: url("../images/admin/tick.png");
    display: inline-block;
    height: 16px;
    text-indent: -1000em;
    width: 16px;
}
a.grid_trash {
    background-image: url("../images/admin/icon-16-trash.png");
    display: inline-block;
    height: 16px;
    text-indent: -1000em;
    width: 16px;
}
div.acl-options {
    width: 100%;
}
table.aclsummary-table, table.aclmodify-table {
    border-collapse: collapse;
    font-size: 1.091em;
    width: 100%;
}
td.col1 {
    font-size: 1.091em;
    padding: 4px;
    text-align: left;
}
tr.row1 {
    background-color: #F0F0EE;
}
table.aclsummary-table caption, table.aclmodify-table caption {
    display: none;
}
table.aclmodify-table select {
    margin-bottom: 3px;
}
table.aclsummary-table th.col1 {
    width: 25%;
}
table.aclsummary-table th.col2, table.aclsummary-table th.col3, table.aclsummary-table th.col4, table.aclsummary-table th.col5, table.aclsummary-table th.col6 {
    text-align: center;
    vertical-align: bottom;
    width: 15%;
}
table.aclsummary-table td.col2, table.aclsummary-table th.col2, table.aclsummary-table td.col3, table.aclsummary-table th.col3, table.aclsummary-table td.col4, table.aclsummary-table th.col4, table.aclsummary-table td.col5, table.aclsummary-table th.col5, table.aclsummary-table td.col6, table.aclsummary-table th.col6, table.aclmodify-table td.col2, table.aclmodify-table th.col2 {
    border-left: 1px solid #CBCBCB;
}
span.icon-16-unset, span.icon-16-allowed, span.icon-16-denied, span.icon-16-locked {
    padding-left: 18px;
}
span.icon-16-unset {
    background: url("../images/admin/icon-16-denyinactive.png") no-repeat scroll 0 0 transparent;
}
span.icon-16-allowed {
    background: url("../images/admin/icon-16-allow.png") no-repeat scroll 0 0 transparent;
}
span.icon-16-denied {
    background: url("../images/admin/icon-16-deny.png") no-repeat scroll 0 0 transparent;
}
span.icon-16-locked {
    background: url("../images/admin/checked_out.png") no-repeat scroll 0 0 transparent;
}
label.icon-16-allow, label.icon-16-deny, a.icon-16-allow, a.icon-16-deny, a.icon-16-allowinactive, a.icon-16-denyinactive {
    display: block;
    height: 16px;
    margin: 0 auto;
    width: 16px;
}
label.icon-16-allow {
    background: url("../images/admin/icon-16-allow.png") no-repeat scroll 0 0 transparent;
    left: 40%;
    position: relative;
    text-indent: -9999em;
}
label.icon-16-deny {
    background: url("../images/admin/icon-16-deny.png") no-repeat scroll 0 0 transparent;
    left: 40%;
    position: relative;
    text-indent: -9999em;
}
a.icon-16-allow {
    background: url("../images/admin/icon-16-allow.png") no-repeat scroll 0 0 transparent;
}
a.icon-16-deny {
    background: url("../images/admin/icon-16-deny.png") no-repeat scroll 0 0 transparent;
}
a.icon-16-allowinactive {
    background: url("../images/admin/icon-16-allowinactive.png") no-repeat scroll 0 0 transparent;
}
a.icon-16-denyinactive {
    background: url("../images/admin/icon-16-denyinactive.png") no-repeat scroll 0 0 transparent;
}
table.aclmodify-table th.col2, table.aclmodify-table th.col3, table.aclmodify-table th.col4 {
    text-align: center;
    vertical-align: bottom;
    width: 20%;
}
table.aclmodify-table select {
    margin: 1px;
}
table.aclsummary-table td label, table.aclmodify-table td label {
    min-width: 20px;
}
ul.acllegend {
    font-size: 1.091em;
    list-style: none outside none;
    padding-bottom: 10px;
}
ul.acllegend li {
    display: block;
    float: left;
    margin: 15px 0 15px 10px;
    padding-right: 20px;
}
ul.acllegend li.acl-allowed {
    background: url("../images/admin/icon-16-allow.png") no-repeat scroll left center transparent;
    padding-left: 20px;
    padding-right: 10px;
}
ul.acllegend li.acl-denied {
    background: url("../images/admin/icon-16-deny.png") no-repeat scroll left center transparent;
    padding-left: 20px;
    padding-right: 20px;
}
ul.acllegend li.acl-editgroups {
    padding-right: 10px;
}
ul.acllegend li.acl-resetbtn {
    padding-right: 0;
}
table#acl-config {
    border-collapse: collapse;
    margin-top: 15px;
    width: 100%;
}
table#acl-config th {
    background: none repeat scroll 0 0 #F4F4F4;
    border-bottom: 1px solid silver;
    height: 25px;
    vertical-align: middle;
}
table#acl-config thead th, table#acl-config td {
    height: 30px;
    text-align: center;
    vertical-align: middle;
}
table#acl-config th.acl-groups {
    padding-left: 8px;
    text-align: left;
}
table#acl-config th.acl-groups span.gi {
    margin-right: 2px;
}
table#acl-config td select {
    float: none;
}
.acl-action {
    font-size: 1.091em;
    margin: auto 0;
}
.acl-groups {
    font-size: 1.091em;
    font-weight: normal;
}
label#jform_rules-lbl {
    display: none;
    float: none;
    white-space: nowrap;
}
label#jform_filters-lbl {
    display: none;
    float: none;
    white-space: nowrap;
}
#jform_sef_rewrite-lbl {
    background: url("../images/admin/icon-16-notice-note.png") no-repeat scroll right top transparent;
}
[highlight]
ul.config-option-list, ul.config-option-list li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
[/highlight]
ul.config-option-list fieldset {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
#permissions-sliders ul#rules, #permissions-sliders ul#rules ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 solid #CCCCCC;
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
}
#permissions-sliders ul#rules li {
    margin: 0;
    padding: 0;
}
ul#rules li .pane-sliders .panel h3.title {
    border: 0 solid #CCCCCC;
}
#permissions-sliders ul#rules .pane-slider {
    border: 1px solid #CCCCCC;
}
#permissions-sliders ul#rules .pane-slider.pane-hide {
    display: none;
}
#permissions-sliders ul#rules li h3 {
    background: none repeat scroll 0 0 #FAFAFA;
    font-size: 1.1em;
}
#permissions-sliders ul#rules li h3 {
    border: 1px solid #CCCCCC;
}
#permissions-sliders ul#rules li h3.pane-toggler-down a {
    border: 0 solid;
}
#permissions-sliders ul#rules li h3.pane-toggler-down {
    color: #000000;
}
#permissions-sliders ul#rules .group-kind {
    color: #025A8D;
}
#permissions-sliders ul#rules table.group-rules {
    border-collapse: collapse;
    width: 100%;
}
#permissions-sliders ul#rules table.group-rules td {
    border: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
}
#permissions-sliders ul#rules table.group-rules th {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #DDDDDD;
    color: #025A8D;
    font-size: 0.9em;
    overflow: hidden;
}
#permissions-sliders .panel {
    border: 0 none;
    margin-bottom: 3px;
    margin-left: 0;
}
#permissions-sliders p.rule-desc {
    font-size: 1.091em;
    margin-left: 0;
}
#permissions-sliders div.rule-notes {
    font-size: 1.091em;
}
ul#rules table.aclmodify-table {
    border: 1px solid #000000;
}
ul#rules table.group-rules td label {
    border: 0 solid #000000;
    margin: 0 !important;
}
ul#rules table.group-rules td span {
    padding-bottom: 4px;
}
table.group-rules td select {
    margin: 0 !important;
}
#permissions-sliders ul#rules .mypanel {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0;
}
#permissions-sliders .mypanel table.group-rules {
    margin: 5px;
}
#permissions-sliders ul#rules {
    padding: 5px;
}
#permissions-sliders ul#rules table.group-rules th {
    padding: 4px;
    text-align: left;
}
#permissions-sliders .pane-toggler span {
    padding-left: 20px;
}
#permissions-sliders .pane-toggler-down span {
    padding-left: 20px;
}
#permissions-sliders .pane-toggler-down span.level, #permissions-sliders .pane-toggler span.level {
    background-image: none;
    color: #AAAAAA;
    padding: 0;
}
.check-0, table.adminlist tbody td.check-0 {
    background-color: #FFFFCF;
}
.check-a, table.adminlist tbody td.check-a {
    background-color: #CFFFDA;
}
.check-d, table.adminlist tbody td.check-d {
    background-color: #FFCFCF;
}
.swatch {
    padding: 0 15px;
    text-align: center;
}
dl.tabs dt h3 {
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
dl.tabs dt h3 a:link {
    color: #333333;
    outline: medium none;
    text-decoration: none;
}
.red {
    color: #CC0000;
    font-weight: bold;
}
div#element-box div.section-box div.m {
    background: none repeat scroll 0 0 #FBFBFB;
}
.submenu-box, div.m {
    -moz-border-radius: 10px 10px 10px 10px;
    background-color: #F4F4F4;
    border: 1px solid #CCCCCC;
    padding: 0 8px;
}
.submenu-box, #submenu-box div.m {
    padding: 6px 8px;
}
.wbg {
    background-color: #FFFFFF !important;
}
div#toolbar-box div.m {
    padding: 5px 0 10px;
}
div#element-box div.m {
    padding: 10px;
}
div#element-box div.section-box {
    background: none repeat scroll 0 0 #F4F4F4;
}
div#element-box.login {
    background-color: #FFFFFF;
}
div.CodeMirror-wrapping {
    border: 1px solid #CCCCCC;
}

Ajyamal · Dec 15, 2011

hi,
it working on. only ul !!!
thank u so much

Code:

#form_$c fieldset ul,

#details_$c fieldset ul{

	padding:0;

	list-style: none outside none;

	margin:0;

}



#form_$c fieldset > ul,

#details_$c fieldset > ul{

	padding:40px 10px 20px 10px;

	list-style: none outside none;

}



#form_$c fieldset > ul,

#details_$c fieldset > ul{

	padding:40px 10px 20px 10px;

	list-style: none outside none;

}



#form_$c .fabrikForm .fabrikGroup ul{

	list-style: none outside none;

}

Tab template

Ajyamal

New Member

jfquestiaux

Well-Known Member

Ajyamal

New Member

jfquestiaux

Well-Known Member

Ajyamal

New Member

Ajyamal

New Member

jfquestiaux

Well-Known Member

Ajyamal

New Member

jfquestiaux

Well-Known Member

Ajyamal

New Member

Attachments

jfquestiaux

Well-Known Member

Ajyamal

New Member

Attachments

jfquestiaux

Well-Known Member

Ajyamal

New Member

jfquestiaux

Well-Known Member

Ajyamal

New Member

Ajyamal

New Member

Useful links

Members online