div.field.horizontal
{
    float: left;
    margin: 0 14px 0 0;
}

div.field > div 
{
    margin: 0 0 1px 0;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 0;
}

div.field div.label
{
    width: 110px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

div.field div.input
{
    display: inline-block;
    width: 141px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

div.field div.input.date {
    width: 120px;
}

div.field div.input.narrow 
{
    width: 80px;
}

div.field div.label.wide
{
    width: 260px;
}

div.field div.label.short
{
    width: 40px;
}

div.field div.richtext
{
    height: 200px !important;
}

div.field div.input.button
{
    padding: 0 0 0 5px;
    height: 20px;
    width: 80px;
}


div.field div.label.header
{
    height: 24px;
    font-size: 18px;
    text-decoration: underline;
}

div.field div.input.wide
{
    width: 220px;
}

div.field div.input.short
{
    width: 60px;
}

div.field div.input.number input
{
    text-align: right;
}

div.field div.input textarea
{
    border: none;
}

div.field.vertical
{
    overflow: hidden;
    clear: both;
    background-color: transparent;
    line-height: 26px;
    height: 26px;
    padding: 0 0 0 0;
    display: block;
    float: left;
    border: none;
}

div.field.vertical.auto
{
    height: auto;
    line-height: initial;
}

div.field.vertical.auto div.input
{
    height: auto;
    line-height: 13px;
}

div.field.vertical.auto div.label
{
    line-height: initial !important;
    padding: 0 0 0 0;
}

div.field.vertical.textarea
{
    height: 140px;
    line-height: initial;
}

div.field.vertical.richtext
{
    height: 200px;
    line-height: initial;
}

div.panel.login div.field.vertical
{
    overflow: auto;
    clear: both;
    background-color: transparent;
    line-height: 26px;
    height: 30px;
    margin: 0 0 0 0;
    display: block;
    float: left;
    border: none;
    
}

div.field.vertical div.label
{
    text-indent: 8px;
    color: #222;
}


div.field.vertical.textarea div.label,
div.field.vertical.textarea div.input
{
    height: 140px;
}

div.field.vertical.textarea div.input textarea
{
    border: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #839C9F;
    padding: 0 0 0 15px;
}


div.field.vertical.tall div.label
{
    height: 150px;
}

div.field.vertical div.label.high
{
    height: 26px;
}

div.field.vertical div.label.high.checkbox
{
    text-align: center;
    padding: 12px 0 0 0;
}

div.field.vertical div.input.high
{
    height: 36px;
    white-space: normal;
}

div.field.vertical.tool
{
    height: 42px;
}

div.field.vertical.tool  div.label,
div.field.vertical.tool  div.input
{
    height: 40px;
    cursor: default;
}

div.field.vertical.tool  div.input div.tool
{
    float: right;
    background-color: Green;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
}

div.field.vertical.tool  div.input div.tool.approve
{
    background: url(Images/approve.png);
    background-repeat: no-repeat;
    background-position: center;
}

div.field.vertical.tool  div.input div.tool.text
{
    width: 80px;
    background-position: left;
    padding: 0 0 0 36px;
    line-height: 36px;
    vertical-align: middle;
    font-size: large;
    text-align: left;
}


div.field.vertical.tool  div.input div.tool.reject
{
    background: url(Images/reject.png);
    background-repeat: no-repeat;
    background-position: center;
}



div.field.vertical div.label.long
{
    width: 220px;
}


div.label.mandatory
{
    background-image: url( images/mandatory.gif);
    background-repeat: no-repeat;
    background-position: right;
}

div.input.number
{
    text-align: right;
}

div.field.vertical.tall div.input
{
    height: 150px;
}


div.field.vertical div.input input
{
  background-color: #fff;
}

div.field.vertical div.input input.checkbox
{
    background-color: transparent;
}

div.field div.input.checkbox input
{
    width: 20px;
}


div.field select,
div.field input[type=text],
div.field input[type=password]
{
    border: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #839c9f;
    line-height: 22px;
    height: 22px;
    font-size: 11px;
    padding: 0 0 0 15px;
    background-color: #fff;
    width: 121px;
    float: left;
}


div.field input[type=button]
{
    padding: 0 15px 0 15px;
    float: left;
    line-height: 18px;
} 

div.field select, div.field input.checkbox,
input.checkbox
{
    border: none;
    border-width: 0;
    background-color: transparent;
}

select.inactive,
input.inactive
{
    color: lightgray;
}

div.field select
{
    padding-left: 10px;
    width: 141px;
    height: 21px;
}

div.field input.wide
{
    width : 250px;
}

div.field.vertical div.input input.error
{
    background-color: #EABEBE;
}


div.field.vertical div.input input.warning
{
    background-color: #FEE274;
     background: url(Images/Iconic/red/play_6x8.png);
     background-repeat: no-repeat;
     background-position: 3px 5px;
     background-color: #fff;
}

div.field.vertical

textarea
{
    width: 98%;
    height: 70px;
    border: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D6D0CA;
    overflow: auto;
}

div.field.vertical.tall,
div.field.vertical.tall div.input,
div.field.vertical.tall div.label {
    height: 150px;
}


div.field.vertical div.input input.create,
div.field input.create,
input.create,
div.field.vertical div.input input.clear,
div.field input.clear,
input.clear,
div.field.vertical div.input input.search,
div.field input.search,
input.search,
div.field.vertical div.input input.linkbutton,
div.field input.linkbutton,
input.linkbutton
{
    width: auto;
    text-align: left;
    text-indent: 0px;
    color: #4d4d4f;
    background-color: transparent;
    border: none;
    background-image: url(Images/Iconic/gray_dark/cd_8x8.png);
    background-repeat: no-repeat;
    background-position: 3px 4px;
    margin: 0 10px 0 0;
}


div.field.vertical div.input input.edit,
div.field input.edit,
input.edit
{
    height: 24px;
    width: 24px;
    background-image: url(Images/Iconic/gray_dark/pen_alt2_16x16.png);
    background-repeat: no-repeat;
    background-position: center center;
}

    div.field.vertical div.input input.edit:hover,
    div.field input.edit:hover,
    input.edit:hover
    {
        background-color: #2E96BD;
        color: #fff;
    }



div.field.vertical div.input input.create:hover,
div.field input.create:hover,
input.create:hover,
div.field.vertical div.input input.clear:hover,
div.field input.clear:hover,
input.clear:hover,
div.field.vertical div.input input.search:hover,
div.field input.search:hover,
input.search:hover,
input.linkbutton:hover
{
    cursor: pointer;
    background-image: url(Images/Iconic/cyan/cd_8x8.png);
}


div.field.vertical input.number
{
    text-align: left;
}

div.field.horizontal input.number
{
    text-align: right;
    width: 80px;
}


div.field input.edit 
{
    padding: 0 0 0 0;
    white-space: inherit;
    margin: 0 0 0 1px;
}


.right {
    text-align: right !important;
}