.ConverterHost
{
    position: relative;
    text-align: left;
    width: 100%;
    
    font-size: 16px;
    
}

.TopicList
{
    white-space: nowrap;
    
    padding: 0;
    margin: 0;

    border-bottom: 1px solid gray;
}

.TopicTempl
{
    padding: 4px 24px;
    cursor: pointer;

    border-radius: 10px 10px 0 0;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
}

.TopicTempl.TopicSelected
{
    background: #FA6900;
    color: white;
}

.ConverterBody
{
    padding: 24px;
}

.ConverterBodySeparator
{
    background-color: #FA6900;
    width: 2px;
    height: 289px;
}

.TopicTitle
{
    color: White;
    font-size: 16px;
}

.TopicInfo
{
    margin: 8px;
}

.TopicFrom,.TopicTo
{
    min-width: 220px;
    
}

.TopicEditFrom,.TopicEditTo
{
    min-width: 216px;
    
}

.ValueList 
{
    display: inline-block;
    zoom: 1;
    *display: inline;

    vertical-align: top;
}

.ValueList input[type='text'].Invalid 
{
    color: gray;
}

.ValueList td 
{
    padding: 10px;
}

.ValueItemEdit 
{
    position: relative;
}

.ValueItemEdit>.CopyClick
{
    display: none;

    position: absolute;

    text-align: center;
    color: blue;
    vertical-align: top;
    
    right: 10px;
    bottom: 0;

    width: 24px;
    height: 9px;

    font-size: 7px;

    border-radius: 0 0 5px 5px;
    border: 1px solid blue;

    cursor: pointer;
}

.ValueItemEdit>.CopyClick:hover 
{
    background-color: blue;
    color: white;
}

body[ie] .ValueItemEdit:hover>.CopyClick 
{
    display: block;
}

.ValueItemEdit>input 
{
    outline: 0;
    border: 1px solid gray;
}

.ValueItemEdit>input.Invalid
{
    border: 2px solid red;
}

.ValueItemEdit>input.Applied
{
    border: 1px solid green;
}