/**
 *   Document   : Sfw-custom
 *   Base of    : S'framework and extended class, modul, and controllers 
 *   Created on : 2012.11.15., 11:47:24 // 2008 11 15 :)
 *   Author     : Serymoon
 *   Description:
 *       this CSS base clas end style Sfw interface moduls base element
 */

/**
 * general
 */

/**
 * Sfw_Error class used css tags
 */
div.Sfw-error {
    overflow: hidden;
    cursor: pointer;
  position:absolute;
  width:75px;
  height: 1px;
  left:5px;
  top:5px;
  padding: 25px 5px 0 5px;
  text-align:left;
  background-color: #000;
  border:1px dotted red;
  background: #232323 url(/img/Sfw-debug.png) no-repeat 0 0;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  z-index: 999999;
}
div.Sfw-error:hover {
    background-position: 0 -40px;
    width: 98%;
    height: auto;
    
}

div.Sfw-error p {margin: 10px 0; cursor: default;color: #fafafa;}

div.Sfw-error pre {
  padding:0;
  margin:0 0 5px 0;
  color: #fff;


}


/**
 * Dubug helper css tags
 */
div.Sfw-dump {
  position:absolute;
  width:400px;
  left:5px;
  top:5px;
  padding:5px;
  text-align:left;
  background-color: #000;
  border:1px dashed red;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

div.Sfw-dump p {
  padding:0;
  margin:0 0 5px 0;
  color: #fff;
}

/* End Error and Debug help */


/* Admin right or bottom tool */



div.Sfw-super-tool {text-align: center;font-size: 13px;overflow: hidden;position: relative;
                max-width: 150px;width: 150px;z-index: 999998;background: none;
/*height: 30px;*/right: 5px; top: 5px;margin: 0 auto;
}

@media screen and (min-width: /*954px*/1640px){
    div.Sfw-super-tool {position:fixed;}
}
/*div.Sfw-super-tool:hover {height: auto;}
*/
div.Sfw-super-tool div {
    padding: 10px;
    background: #808080;
    border: 1px solid #1a1a1a;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    margin-bottom: 10px;

    background-color: #939393;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#666666)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #939393, #666666); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #939393, #666666); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #939393, #666666); /* IE10 */
  background-image:      -o-linear-gradient(top, #939393, #666666); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #939393, #666666);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#939393', EndColorStr='#666666'); /* IE6–IE9 */


}

div.Sfw-super-tool a {width: 100px;}

div.Sfw-super-tool div.ADMswitch {color: #ffffff;font-family: Arial; font-size: 11px;padding: 10px 5px;text-align: center;}
div.Sfw-super-tool div.ADMswitch a {background: transparent url(/img/switch.png) no-repeat 0 0;width: 77px;
                          height: 29px;line-height: 29px;
margin: 5px 6px 0 6px; padding: 0; border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;}

div.Sfw-super-tool div.ADMswitch a:hover {background-position: 0 -35px;}
div.Sfw-super-tool div.ADMswitch a.checked {background-position: -80px 0;}
div.Sfw-super-tool div.ADMswitch a.checked:hover {background-position: -80px -35px;}

div.Sfw-super-tool div.ADMswitch a span {display: none;}

div.Sfw-super-tool div.ADMswitch h6 {color: #fafafa;font-style: normal;font-weight: normal;font-family: Arial;margin-bottom: 6px;}
div.Sfw-super-tool div.ADMswitch i {line-height: 29px;height: 29px;display: inline-block;overflow: hidden;
             font-style: normal;font-weight: normal; text-transform: uppercase; vertical-align: top;}




/* Sfw-container*/
div.Sfw-container {
    position: relative;
    font-size: 14px;
}

div.CK-stage{padding: 0 15px 10px 0;}
div.half {width: 50%;display: inline-block;float: left;}
div.quarter {width: 25%;display: inline-block;float: left;}
@media screen and (max-width:620px){
    div.half {width: 100%;}
    div.quarter {width: 50%}
}
@media screen and (max-width:420px){
    div.quarter {width: 100%}
}

div.half div.halfi {padding: 10px;}
div.innerX {padding: 10px;}
div.Sfw-container input {width: 100%; _width: 99%;margin-bottom: 10px;}
div.Sfw-container div.input input {
        border-width: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    outline: none;/**/
    line-height: 1em;
    font-size: 1em;
}

div.Sfw-container div.textarea textarea {
    border-width: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    outline: none;/**/
    line-height: 1em;
    font-size: 1em;
    resize: none;
}
div.Sfw-container select {}


div.textarea, div.input {    margin-bottom: 10px;
               line-height: 1em;height: 1.5em;/**/
border: 1px solid #B3B3B3;
padding: 5px 9px;
font: 1.0em/1.2em arial,tahoma,verdana,arial,sans-serif;
background: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-transition-property: border-color;
-webkit-transition-property: border-color;
-o-transition-property: border-color;
transition-property: border-color;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-moz-transition-timing-function: linear;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.2);}
div.textarea {height: 50px;}

/*duble input button */
input.simple {height: 30px;}
input.double {height: 60px;}
/* Button base fomrat */
.SfwB , .SfwBX {
-webkit-box-shadow: 0px 1px 0px 0px #848484;
-moz-box-shadow: 0px 1px 0px 0px #848484;
box-shadow: 0px 1px 0px 0px #848484;
    overflow: hidden;
    line-height: 21px;/*1.5em;*/
    height: 21px;/*1.5em;*/
    display: inline-block;
    padding: 4px 9px;
    margin: 2px;
    border: 1px solid #1a1a1a;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
color: #dedede;


    background-color: #939393;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#262626)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #4e4e4e, #262626); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #4e4e4e, #262626); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #4e4e4e, #262626); /* IE10 */
  background-image:      -o-linear-gradient(top, #4e4e4e, #262626); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #4e4e4e, #262626);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e4e4e', EndColorStr='#262626'); /* IE6–IE9 */
}
.SfwB:hover, .SfwBX:hover {text-decoration: none;
 -webkit-box-shadow: none;;
-moz-box-shadow: none;
box-shadow: none;
 border-color: #000000;
background-color: #939393;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#1e1e1e)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #3f3f3f, #1e1e1e); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #3f3f3f, #1e1e1e); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #3f3f3f, #1e1e1e); /* IE10 */
  background-image:      -o-linear-gradient(top, #3f3f3f, #1e1e1e); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #3f3f3f, #1e1e1e);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3f3f3f', EndColorStr='#1e1e1e'); /* IE6–IE9 */
            color: #ffffff;
}

/* Admin pages */

/* user */




div.sfw-card {float: left;width: 320px;}
div.sfw-card div.Sfw-in {margin: 10px 10px 0 10px;background: #dedede;position: relative;padding: 5px;
-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
div.sfw-card div.Sfw-tool {-moz-border-radius: 0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;margin: 0 10px 10px 10px}
div.sfw-card h1, div.sfw-card h2, div.sfw-card h3, div.sfw-card h4 {font-size: 1.3em;line-height: 1.3em;font-family: Arial;padding: 5px;margin: 0;}
div.sfw-card h1 span {position: absolute;right:  9px; top: 9px;/*float: left;*/width: 18px;height: 18px;
                      /*margin: 5px 10px 0 0;*/
-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;
border-bottom: 1px solid #9e9e9e;/*border-top: 1px solid #fafafa;/**/
-moz-box-shadow: 1px 1px 1px 0px #a1a1a1;
-webkit-box-shadow: 1px 1px 1px 0px #a1a1a1;
box-shadow: 1px 1px 1px 0px #a1a1a1;}

div.sfw-card h1 span.deleted {background: #000000;}
div.sfw-card h1 span.enabled {background: #00ff00;}
div.sfw-card h1 span.banned {background: #ff33ff;}
div.sfw-card h1 span.disabled {background: #ff0000;}

div.sfw-card h1 span span {display: none;}

div.sfw-card h2 {height: 1em; overflow: hidden;}
div.sfw-card h2 span {padding: 0 0 0 30px;font-size: .9em;}

div.sfw-card h3 {font-size: 1.1em;}
div.sfw-card h4 {font-size: 1.1em;}
div.sfw-card div.scroll {overflow: auto;height: 40px;}


div.sfw-card  div.sfw-Rcol {float: right; display:block;padding-right: 30px;}

div.Sfw-container .separator {display: none;}

/*Admin edit tool in list*/
div.sfw-card div.sfw-Rcol a span span, div.sfw-card div.sfw-Rcol span.separator {display: none;}

div.sfw-card div.sfw-Rcol a {float:left;text-decoration: none; border: none;margin: 5px;}
div.sfw-card div.sfw-Rcol a span {display: block;width: 19px;height: 19px;}

div.sfw-card div.sfw-Rcol a span.bann {background-color: #ee33ee;
-moz-border-radius:10px 2px 2px 10px;-webkit-border-radius:10px 2px 2px 10px;border-radius:10px 2px 2px 10px;}
div.sfw-card div.sfw-Rcol a:hover span.bann {background-color: #ff16ff;}
div.sfw-card div.sfw-Rcol a span.enable {background-color: #33dd33;
-moz-border-radius:2px 2px 10px 10px;-webkit-border-radius:2px 2px 10px 10px;border-radius:2px 2px 10px 10px;}
div.sfw-card div.sfw-Rcol a:hover span.enable {background-color: #00ff00;}
div.sfw-card div.sfw-Rcol a span.disable {background-color: #ee3333;
-moz-border-radius: 10px 10px 2px 2px;-webkit-border-radius:10px 10px 2px 2px;border-radius:10px 10px 2px 2px;}
div.sfw-card div.sfw-Rcol a:hover span.disable {background-color: #ff0000;}
div.sfw-card div.sfw-Rcol a span.delete {background-color: #666666;
-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}
div.sfw-card div.sfw-Rcol a:hover span.delete {background-color: #191919;}

div.sfw-card div.sfw-Rcol a.SfwB {float: right;margin: 5px;}
div.sfw-card div.sfw-Rcol a span.edit {width: auto; height: auto;}
div.sfw-card div.sfw-Rcol a span.edit span {display: inline;width: auto;height: auto;}
/*div.sfw-card div.sfw-Rcol {display: block; width: 100px;height: 50px;}*/


div.Sfw-container div.rights {}
div.Sfw-container div.rights div {}


div.Sfw-table {}
div.Sfw-table table tr td {background: #aaeeee;padding: 5px;}
div.Sfw-table table tr.odd td {background: #eeeeaa;}

div.Sfw-table .tool-status {width: 30px;text-align: center;}
div.Sfw-table .tool-tool {width: 90px;text-align: center;}
div.Sfw-table .tool-icon {text-align: center;}

/*media : 320 640;*/
@media screen and (max-width: /*954px*/320px){
    div.sfw-card {width:320px;}
}

@media screen and (min-width: /*954px*/321px){
    div.sfw-card {width:100%;}
}

@media screen and (min-width: /*954px*/641px){
    div.sfw-card {width:50%;}
}
@media screen and (min-width: /*954px*/960px){
    div.sfw-card {width:320px;}
}


div.tool a {}

.edited, div.edited {

  background-image: url(/img/edited.png);
  background-repeat:repeat;
}

.deleted, div.deleted {
  background-image: url(/img/deleted.png);
}

div.adm {margin-bottom: 10px;border: 1px solid #a6a6a6;padding: 20px; background: transparent url(/img/admin-bg.jpg) repeat center center;}
div.adm h2 {margin-bottom: 0;}

div.adm h6 small {display: block;color: blue;}

div.adm hr {display: block;}






/*admin header*/
/* div.admin-tool */

div.Sfw-tool {
    /*width: 920px;*/
    padding: 10px 10px 5px 10px;
    text-align:right;
    /*background:transparent url(/img/admin-bg.png) repeat center center;/**/
    margin: 0 auto;
    border: 1px solid #595959;
    font-size: 14px;

    /*line-height: 30px;*/
    color: #993333;

    border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius:15px 15px 0 0 ;
    -o-border-radius:15px 15px 0 0 ;


    background-color: #939393;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#666666)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #939393, #666666); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #939393, #666666); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #939393, #666666); /* IE10 */
  background-image:      -o-linear-gradient(top, #939393, #666666); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #939393, #666666);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#939393', EndColorStr='#666666'); /* IE6–IE9 */


}



/*Black button */
div.adm input[type='submit'], div.adm input[type='button'], div.Sfw-super-tool a, div.admin-group a, div.admin-tool a, a.admB {
    -webkit-box-shadow: 0px 1px 0px 0px #848484;
-moz-box-shadow: 0px 1px 0px 0px #848484;
box-shadow: 0px 1px 0px 0px #848484;
    overflow: hidden;
    line-height: 1.5em;
    height: 1.5em;
    display: inline-block;
    padding: 4px 9px;
    margin: 2px;
    border: 1px solid #1a1a1a;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
color: #ffffff;


    background-color: #939393;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#262626)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #4e4e4e, #262626); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #4e4e4e, #262626); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #4e4e4e, #262626); /* IE10 */
  background-image:      -o-linear-gradient(top, #4e4e4e, #262626); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #4e4e4e, #262626);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e4e4e', EndColorStr='#262626'); /* IE6–IE9 */
}
div.adm input[type='submit']:hover, div.adm input[type='button']:hover, div.Sfw-super-tool a:hover, div.admin-group a:hover, div.admin-tool a:hover
{text-decoration: none;
 -webkit-box-shadow: none;;
-moz-box-shadow: none;
box-shadow: none;
 border-color: #000000;
background-color: #939393;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#1e1e1e)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #3f3f3f, #1e1e1e); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #3f3f3f, #1e1e1e); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #3f3f3f, #1e1e1e); /* IE10 */
  background-image:      -o-linear-gradient(top, #3f3f3f, #1e1e1e); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #3f3f3f, #1e1e1e);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3f3f3f', EndColorStr='#1e1e1e'); /* IE6–IE9 */
}



div.adm input[type='submit'], div.adm input[type='button'] { cursor: pointer;
overflow: hidden;
padding: 0;
    display: inline-block;
margin: 0;
line-height: 14px;height: 28px;
}

div.adm input[type='submit']:hover, input[type='button']:hover {}





div.space {padding: 10px 0;}
input[type='submit'].full, input[type='button'].full {width: 100%;}




/* red button */
.SfwBD, div.Sfw-super-tool a.admBD, div.admin-group a.delete, div.admin-tool a.delete, a.admBD
{
    -webkit-box-shadow: 0px 1px 0px 0px #848484;
-moz-box-shadow: 0px 1px 0px 0px #848484;
box-shadow: 0px 1px 0px 0px #848484;
    overflow: hidden;
    line-height: 1.5em;
    height: 1.5em;
    display: inline-block;
    padding: 4px 9px;
    margin: 2px;
    border: 1px solid #590000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    color: #ffffff;


    background-color: #d77c7c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d77c7c), to(#262626)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #d77c7c, #b30001); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #d77c7c, #b30001); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #d77c7c, #b30001); /* IE10 */
  background-image:      -o-linear-gradient(top, #d77c7c, #b30001); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #d77c7c, #b30001);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d77c7c', EndColorStr='#b30001'); /* IE6–IE9 */

}

.SfwBD:hover, div.Sfw-super-tool a.admBD:hover, div.admin-group a.delete:hover, div.admin-tool a.delete:hover, a.admBD:hover
{text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #480000;
background-color: #ad6363;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ad6363), to(#8f0001)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ad6363, #8f0001); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #ad6363, #8f0001); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #ad6363, #8f0001); /* IE10 */
  background-image:      -o-linear-gradient(top, #ad6363, #8f0001); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #ad6363, #8f0001);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ad6363', EndColorStr='#8f0001'); /* IE6–IE9 */
            }



/*adm fontsize buttions */
div.Sfw-super-tool a.admBD, div.admin-group a.delete, div.admin-tool a.delete, a.admBD,
div.Sfw-super-tool a, div.admin-group a, div.admin-tool a, a.admB,
div.adm input[type='submit'], div.adm input[type='button'] {font-size: 12px;}
/*div.admin-group a {display: block;line-height: 1.5em;}
div.admin-group a:hover {color: red;}/**/
div.admin-group .separator {display: none;}


div.docl {position: relative;}
div.docl a.admBD {display: inline-block;position: absolute; top: 10px;right: 50px;}


div.admin-tool a:hover {color: #fafafa;text-shadow:#1a1a1a 0px 1px 0px;}

#ADMshb {}

/* hide if need */
div.admin-wait{
    display: none;
    background: transparent url(/img/transparent/black-60.png) repeat center center;
    height: 100%;
    width: 100%;
    position: fixed;
top: 0;left: 0;
z-index: 999999;
}
div.admin-wait h3 {
    margin: 130px auto;
    padding: 20px;
    width: 80%;
    font-size: 3em;
    font-weight: bold;
     border: 1px solid #595959;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius:15px;
    -o-border-radius:15px;
    /*background: #666666;*/
   color: #ffffff;
   text-shadow:none;


   background-color: #939393;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#666666)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #939393, #666666); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #939393, #666666); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #939393, #666666); /* IE10 */
  background-image:      -o-linear-gradient(top, #939393, #666666); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #939393, #666666);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#939393', EndColorStr='#666666'); /* IE6–IE9 */


}

div.SF-admin {
    background:#ffaaaa;
}

















































/**
 * Sfw css container
 */


/**
 * Sfw-user-tool
 */
div.Sfw-user-tool {
}

/**
 * Table tool for icons
 */
/*if need icon mode uncomment next line, and sett icoons follow lines*/
div.Sfw-container div.Sfw-table span span {display:none;}
div.Sfw-container div.Sfw-table a:hover {border:none}
div.Sfw-container div.Sfw-table a span {border:1px dotted #aaa;}
div.Sfw-container div.Sfw-table a:hover span {border:1px solid #aaa;}

div.Sfw-container div.Sfw-table td {overflow: hidden;line-height: 15px;height: 15px;}
div.Sfw-container div.Sfw-table td.tool-icon a {}
div.Sfw-container div.Sfw-table span {width:15px; height:15px;}
div.Sfw-container div.Sfw-table span.edit {display:inline-block;  background:blue; }
div.Sfw-container div.Sfw-table span.enable {display:inline-block;  background:green; }
div.Sfw-container div.Sfw-table span.bann {display:inline-block;  background:gray;}
div.Sfw-container div.Sfw-table span.disable {display:inline-block;  background:red;}
div.Sfw-container div.Sfw-table span.delete {display:inline-block;  background:black;}

div.Sfw-container div.Sfw-table span.edited {display:inline-block; border:1px solid #888;  background:#6666ff;}
div.Sfw-container div.Sfw-table span.enabled {display:inline-block; border:1px solid #888;  background:green;}
div.Sfw-container div.Sfw-table span.banned {display:inline-block; border:1px solid #888;  background:gray;}
div.Sfw-container div.Sfw-table span.disabled {display:inline-block; border:1px solid #888;  background:red;}
div.Sfw-container div.Sfw-table span.deleted {display:inline-block; border:1px solid #888;  background:black;}

div.Sfw-container div.Sfw-table span.inregistrating {display:inline-block; border:1px solid #888;  background:blue;}
div.Sfw-container div.Sfw-table span.partnerapply {display:inline-block; border:1px solid #888;  background:#ff00ff;}

/* this comment end of tool icons if you dont use just begin comment before this class*/

/**
 * End Table tool for icons
 */


/**
 * END  of Sfw CSS
 */