{
        display: block;
}
body {
        font-family:Verdana, Geneva, sans-serif;
        font-size:12px;
        color: #000000;
}
table {
        --border-top: 1px solid #758fba;
        --border-right: 1px solid #6c84ab;
        --border-bottom: 1px solid #5c6f91;
        --border-left: 1px solid #6c84ab;

}
td
{
        margin:3px;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        font-size: 10px;
        line-height: 1;
        padding: 5px 5px 5px 5px;
        text-align: left ;
}

a {
        font-family:Verdana, Geneva, sans-serif ;
        font-size:10px;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        color: #000000;
}

button.skip {
        background: #36518f;
        background: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #8c9cbf), color-stop(0.5, #546a9e), color-stop(0.5, #36518f), color-stop(1, #3d5691));
        border: 1px solid #172d6e;
        border-bottom: 1px solid #0e1d45;
        box-shadow: inset 0 1px 0 0 #b1b9cb;
        color: #fff;
        font-family: "helvetica neue", helvetica, arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        padding: 4px 2px 4px 2px;
        text-decoration: none;
        text-align: center;
        text-shadow: 0 -1px 1px #000f4d;
        margin:2px;
}

button.skip:hover {
        background: #2f477d;
        background: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7f8dad), color-stop(0.5, #4a5e8c), color-stop(0.5, #2f477d), color-stop(1, #364c80));
        cursor: pointer;
}

button.skip:active {
        background: #A65F00;
        -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 #fff;
        -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 #fff;
        box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 #fff;
        cursor: pointer;
}



button.skip_selected {
        background: #A65F00;
        background: -moz-linear-gradient(top, #FFC373 0%, #FFAD40 50%, #A65F00 50%, #FF9200 100%);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #FFC373), color-stop(0.5, #FFAD40), color-stop(0.5, #A65F00), color-stop(1, #FF9200));
        border: 1px solid #A65F00;
        border-bottom: 1px solid #FFC373;
        box-shadow: inset 0 1px 0 0 #D5B285;
        color: #fff;
        font-family: "helvetica neue", helvetica, arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        padding: 4px 2px 4px 2px;
        text-decoration: none;
        text-align: center;
        text-shadow: 0 -1px 1px #000f4d;
        margin:2px;
}
button.skip_selected:hover {
        background: #A65F00;
        background: -moz-linear-gradient(top, #FD9E1E 0%, #BE8840 50%, #FEB656 50%, #FEC983 100%);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #FD9E1E), color-stop(0.5, #BE8840), color-stop(0.5, #FEB656), color-stop(1, #FEC983));
        cursor: pointer;
}
button.skip_selected:active {
        background: #36518f;
        -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 #fff;
        -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 #fff;
        box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 #fff;
        cursor: pointer;
}


.center_side
{
        margin:3px;
        border-bottom: 1px solid #dedede;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        font-size: 10px;
        color:  #000000;
        line-height: 1;
        padding: 5px 5px 5px 5px;
        text-align: center;

}

.left_side
{
        margin:3px;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        font-size:10px;
        font-weight: bold;
        line-height: 1;
        padding: 5px 5px 5px 5px;
        color: #000000;
        text-align: left;
        background: #FEC983;
}

.decriptionDiv{
        margin:1px;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        font-size:10px;
        line-height: 12px;
        padding: 2px 2px 2px 10px;
        font-weight:normal;
        text-align: left;
}

h3{
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;

        color: #000000;
        font-size:12px;
        padding: 2px 2px 2px 2px;
}


h2{
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        color:  #000000;;
        font-size:11px;
        padding: 2px 2px 2px 2px;
}

.descTr{
        display: none;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        font-size:10px;
        background: #5099D1;
        color:#fff;

}
.evenTr{
        background: #FFECD2;
}



.buttonNice {
        -moz-box-shadow:inset 0px -1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px -1px 0px 0px #ffffff;
        box-shadow:inset 0px -1px 0px 0px #ffffff;
        background-color: #b4895c;
        border:1px solid #dcdcdc;
        display:inline-block;
        color:#000000;
        font-family:Trebuchet MS;
        font-size:10px;
        font-weight:bold;
        padding:5px 5px;
        text-decoration:none;
}

.buttonNice:hover {
        background-color: #eeeeee;
}

.buttonNice:active {
        position:relative;
        top:1px;
}

.buttonNiceReload{
        background:url(../img/reload.png) no-repeat;

        background-position:15px 7px;
        width:150px;
        height:30px;
        -moz-box-shadow:inset 0px -1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px -1px 0px 0px #ffffff;
        box-shadow:inset 0px -1px 0px 0px #ffffff;
        background-color: #b4895c;
        border:1px solid #dcdcdc;
        display:inline-block;
        color:#000000;
        font-family:Trebuchet MS;
        font-size:10px;
        font-weight:bold;
        padding:5px 5px;
        text-decoration:none;
}

.buttonNiceReload:hover {
        background-color: #eeeeee;
}

.buttonNiceReload:active {
        position:relative;
        top:1px;
}

div , option , select , input {
        font-family:Trebuchet MS;
        font-size:10px;
        font-weight:bold;
        text-decoration:none;
        color: #000000;
}

input , select  {
        border: 1px solid rgba(69, 54, 37, 0.2);
        background-color: rgb(229, 222, 175);
        padding:2px;
}

.header {
        font-size:12px;
        font-weight:bold;
}

.headerSpan{
        font-size:12px;
        font-weight:bold;
        text-align: center;
}

.div-table{
        display:table;
        width:auto;
        --background-color:#eee;
        --border:1px solid #5099D1;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
}
.div-table-row{
        display:table-row;
        width:auto;
        clear:both;
        /* background:  red;*/
}
.div-table-col{
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:200px;
        padding:2px;

        background-color:#ccc;
}

.div-table-col-long{
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:500px;
        padding:10px;
        background-color:#ccc;
}

.clear {
        margin:0px;
        padding:0px;
}
.displayNone{
        display:none;
}

.inLine{
        display:inline;

}

.inLineElements{
        display: block;
        font-size:10px;
        color:#172d6e;
}


/* taby */
#tabs_wrapper {
        width: 800px;
}

#tabs_container {
        border-bottom: 1px solid #ccc;
}

#tabs {
        list-style: none;
        padding: 5px;
        margin: 0 0 0 10px;
        color: #000000;
        font-size: 10px;
}

#tabs li {
        display: inline;
}

#tabs li a {
        border: 1px solid rgba(69, 54, 37, 0.2);
        padding: 5px;
        text-decoration: none;
        background-color: rgb(229, 222, 175);
        border-bottom: none;
        outline: none;
        border-radius: 5px 5px 0 0;
}

#tabs li a:hover {
        background-color: #dddddd;
        padding: 5px;
}

#tabs li.active a {
        border-bottom: 1px solid rgba(69, 54, 37, 0.2);
        background-color: #b4895c;
        padding: 5px;
        border-bottom: none;
}

#tabs li.active a:hover {
        background-color: #eeeeee;
        padding: 5px;
        border-bottom: none;
}

#tabs_content_container {
        border: 1px solid rgba(69, 54, 37, 0.2);
        border-top: none;
        padding: 10px;
}

.tab_content {
        display: none;
}


.plusButton{
        padding: 10px;
        margin: 4px;
        display: inline-block;
        white-space: nowrap;
        line-height:1em;
        position:relative;
        outline: none;
        overflow: visible;
        cursor: pointer;
        background:  url("../img/edit_add.png") no-repeat scroll 4px 4px transparent;

}

.minusButton{
        padding: 10px;
        margin: 4px;
        display: inline-block;
        white-space: nowrap;
        line-height:1em;
        position:relative;
        outline: none;
        overflow: visible;
        cursor: pointer;
        background:  url("../img/db_remove.png") no-repeat scroll 4px 4px transparent;
}

.obuButton{
        padding: 10px;
        margin: 4px;
        display: inline-block;
        white-space: nowrap;
        line-height:1em;
        position:relative;
        outline: none;
        overflow: visible;
        cursor: pointer;
        background:  url("../img/hand.png") no-repeat scroll 4px 4px transparent;
}


.panel{
        padding:10px;
        margin:5px;
        border: 2px solid  #d1d1d1;
        vertical-align: middle;

}
.panelButtons{
        padding:5px;
        margin:5px;
        border: 1px solid  #d1d1d1;
        background-color:  rgb(229, 222, 175);;

}

.delimeterPanel{
        padding:2px;
        margin:2px;
}

.middleME{
        vertical-align: middle;
        line-height: 15px;
        padding-right:5px;
}
.controlDiv{
        display: inline-block;
        width:100px;
}

.logDiv{
        margin:10px ;
        font-size:1em;
        width:30%;
        padding:5px;
}

.logDivError{
        margin:10px ;
        padding:5px;
        font-size:1em;
        border: 1px solid #ff0000;
        width:30%;
        background-color: rgb(255,182,180);
}

.logDivOk{
        margin:10px ;
        padding:5px;
        font-size:1em;
        border: 1px solid rgb(221,255,225);
        width:30%;
        background-color: rgb(221,255,221);
}

.outputText{

        font-size:12px;
        padding:2px;
}
.moveToRight{
        padding-left:20px;
}
.position {
        border: 2px solid  #d1d1d1;
        padding:10px;
        position:relative;
        background-color: #dfdfdf;
        width:50%;
        top:5px;
        left:-20px;
        float:right;
}