div.transformation-rules
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border:none;

    background-color:inherit;

}

div.transformation-rule
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width:100%;
    float: left;

    margin-bottom: 8px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 8px;

    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    border-collapse:collapse;

    border-left-color:darkorchid;
    border-left-style:solid;
    border-left-width:1px;

    border-right-color:darkorchid;
    border-right-style:solid;
    border-right-width:1px;

    border-top-color:darkorchid;
    border-top-style:solid;
    border-top-width:1px;

    border-bottom-color:darkorchid;
    border-bottom-style:solid;
    border-bottom-width:1px;

    /*
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    */

    background-color:white;

}
div.transformation-rule-action
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    border-collapse:collapse;

    border-left-color:green;
    border-left-style:solid;
    border-left-width:1px;

    border-right-color:green;
    border-right-style:solid;
    border-right-width:1px;

    border-top-color:green;
    border-top-style:solid;
    border-top-width:1px;

    border-bottom-color:green;
    border-bottom-style:solid;
    border-bottom-width:1px;

    background-color:inherit;
    float: left;

}
div.transformation-rule-action-root
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    border-collapse:collapse;

    border-left-color:green;
    border-left-style:solid;
    border-left-width:1px;

    border-right-color:green;
    border-right-style:solid;
    border-right-width:1px;

    border-top-color:green;
    border-top-style:solid;
    border-top-width:1px;

    border-bottom-color:green;
    border-bottom-style:solid;
    border-bottom-width:1px;

    background-color:inherit;

}

div.transformation-rule-title-bar
{
    box-sizing:border-box;
    display: inline-block;
    float:left;
    position:relative;
    /*
    top: 0px;
    left: 0px;
    */
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    text-align: left;
    text-decoration: none;
    background: #f0f0f0;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#a0a0a0));*/

    /* For Internet Explorer 5.5 - 7 */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f8f8f8', endColorstr='#575757');

    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f8f8f8', endColorstr='#575757')";

    /* For Internet Explorer 10 */
    background-image: -ms-linear-gradient(to bottom, #f8f8f8 0%, #a0a0a0 100%);

    /* For WebKit (Safari, Google Chrome etc) */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#a0a0a0));

    /* For Gecko , Opera) */
    background-image: linear-gradient(to bottom, #f8f8f8 0%, #a0a0a0 100%);
    /*background-image: linear-gradient(to bottom,#f8f8f8, #a0a0a0);*/

    border:none;
}


div.transformation-rule-title-bar-left
{
    box-sizing:border-box;
    display: inline-block;
    float:left;
    position: relative;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    width: auto;
    height: auto;
    text-align: left;
    text-decoration: none;
    background: inherit;
    border:none;

}

div.transformation-rule-title-bar-right
{
    box-sizing:border-box;
    display: inline-block;
    float:right;
    position: relative;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    width: auto;
    height: auto;
    text-align: right;
    text-decoration: none;
    background: inherit;
    border:none;
}




div.condition-statement
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;

    border-collapse:collapse;

    border-left-color:blue;
    border-left-style:solid;
    border-left-width:1px;

    border-right-color:blue;
    border-right-style:solid;
    border-right-width:1px;

    border-top-color:blue;
    border-top-style:solid;
    border-top-width:1px;

    border-bottom-color:blue;
    border-bottom-style:solid;
    border-bottom-width:1px;

    /*
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    */

    background-color:inherit;

}

div.condition-statement-if
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width:  100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border-collapse:collapse;

    border-left-color:green;
    border-left-style:solid;
    border-left-width:1px;

    border-right-color:green;
    border-right-style:solid;
    border-right-width:1px;

    border-top-color:green;
    border-top-style:solid;
    border-top-width:1px;

    border-bottom-color:green;
    border-bottom-style:solid;
    border-bottom-width:1px;

    background-color:inherit;

}

div.condition-statement-switch
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width:  100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border-collapse:collapse;

    border-left-color:green;
    border-left-style:solid;
    border-left-width:1px;

    border-right-color:green;
    border-right-style:solid;
    border-right-width:1px;

    border-top-color:green;
    border-top-style:solid;
    border-top-width:1px;

    border-bottom-color:green;
    border-bottom-style:solid;
    border-bottom-width:1px;

    background-color:inherit;

}

div.condition-statement-case
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width:  100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border-collapse:collapse;

    border-left-color:green;
    border-left-style:solid;
    border-left-width:1px;

    border-right-color:green;
    border-right-style:solid;
    border-right-width:1px;

    border-top-color:green;
    border-top-style:solid;
    border-top-width:1px;

    border-bottom-color:green;
    border-bottom-style:solid;
    border-bottom-width:1px;

    background-color:inherit;

}

div.condition-statement-title-bar
{
    box-sizing:border-box;
    display: inline-block;
    float:left;
    position: relative;
    /*
    top: 0px;
    left: 0px;
    */
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    text-align: left;
    text-decoration: none;
    background: #f0f0f0;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#a0a0a0));*/

    /* For Internet Explorer 5.5 - 7 */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f8f8f8', endColorstr='#575757');

    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f8f8f8', endColorstr='#575757')";

    /* For Internet Explorer 10 */
    background-image: -ms-linear-gradient(to bottom, #f8f8f8 0%, #a0a0a0 100%);

    /* For WebKit (Safari, Google Chrome etc) */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#a0a0a0));

    /* For Gecko , Opera) */
    background-image: linear-gradient(to bottom, #f8f8f8 0%, #a0a0a0 100%);
    /*background-image: linear-gradient(to bottom,#f8f8f8, #a0a0a0);*/

    border:none;
}

div.condition-statements
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 2px;
    padding-left: 20px;
    padding-right: 2px;
    padding-top: 2px;

    border:none;

    background-color:inherit;
    float: left;

}
div.condition-statements-root
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    border:none;

    background-color:inherit;
    float: left;

}
div.condition-groups
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    border:none;

    background-color:inherit;

}

div.condition-group
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 1px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;

    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    border-collapse:collapse;

    border-left-color:blue;
    border-left-style:solid;
    border-left-width:1px;

    border-right-color:blue;
    border-right-style:solid;
    border-right-width:1px;

    border-top-color:blue;
    border-top-style:solid;
    border-top-width:1px;

    border-bottom-color:blue;
    border-bottom-style:solid;
    border-bottom-width:1px;

    background-color:inherit;

}
div.condition-group-root
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    border:none;

    background-color:inherit;

}
div.condition-group-switch
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width:  100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border:none;

    background-color:inherit;

}

div.condition-group-case
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width:  100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border:none;


    background-color:inherit;

}

div.conditions
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border:none;

    background-color:inherit;

}

div.mappings
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 2px;
    padding-left: 20px;
    padding-right: 2px;
    padding-top: 2px;

    border:none;

    background-color:inherit;
    float:left;

}
div.mappings-root
{
    box-sizing:border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;

    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;

    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    border:none;

    background-color:inherit;
    float: left;

}
table.transformation-rules
{
    width: 100%;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}
table.conditions
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}
table.mappings
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}

td.transformation-rule
{
    width: 100%;
    text-align: left;
    white-space: pre;
    vertical-align: top;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}

td.data-source-left-align
{
    text-align: left;
    white-space: pre;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}

td.data-source-right-align
{
    text-align: right;
    white-space: pre;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}

td.data-source-center-align
{
    text-align: right;
    white-space: pre;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}


td.data-source-column
{
    text-align: left;
    white-space: pre;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}

td.data-source-record
{
    text-align: right;
    white-space: pre;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}

td.data-source-delimiter
{
    text-align: right;
    white-space: pre;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}
td.data-source-label
{
    text-align: right;
    white-space: pre;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

    border: none;
    background-color:inherit;
}

table.report-hover-rows tr:hover {
    background-color: #ffffcc !important;
}

table.record-and-groups-report span.rule-id {
    color: #666;
}