/* This wraps all html rendered by Mvc Dynamic Forms */
div.MvcDynamicForm
{
}

/* By default, every field is wrapped with this.
   The developer can modify the wrapping element
   and nearly all class names of rendered Html  */
div.MvcFieldWrapper
{
    margin-bottom: 8px; /* provides spacing between fields */
    display: block;
    margin-left: 8px;
}



.backgroundEscuro
{
    background-color: #FCF1FB; /*background-color: #DCD1DB;*/
}

.backgroundClaro
{
    /*background-color: #FCF1FB;*/
}

/* These are used to style the labels that accompany
   your input elements. 
label.MvcDynamicFieldPrompt
{
    display: inline;
}*/
label.MvcDynamicFieldPrompt
{
    clear: both;
    display: inline;
}

label.MvcDynamicFieldError
{
    display: block;
}

label.MvcDynamicOptionError
{
    color: Red;
}

label.MvcDynamicValueError
{
    color: Red;
}

label.MvcDynamicFieldError
{
    color: Red; /* ERROR! */
}

label.MvcDynamicListError
{
    color: Red;
}

table.MvcDynamicTable
{
    display: table;
    width: 100%;
    text-align: left;
    border-style: none;
}

.MvcTableHeader
{
    background-color: #E8EEF4;
}

table.MvcDynamicTable th
{
    text-align: center;
    background-color: inherit;
    padding: 0;
}

.MvcDynamicRadioCenterCell
{
    text-align: center;
}

table.MvcDynamicTable tbody tr.MvcTableHeader th
{
    padding-left: 1px;
}

table.MvcDynamicTable tbody tr.MvcTableNoHeader th
{
    padding: 1;
}

.commentToggleButton
{
    text-align: center;
}

table.MvcDynamicTable th.itemEscala
{
    width: 80px;
}

input.MvcDynamicText
{
    display: block;
    margin-left: 40px;
    margin-top: 2px;
}

input.MvcDynamicDataText
{
    display: inline;
    margin-left: 30px;
    margin-top: 2px;
}

th.MvcDynamicHeader
{
    display: inline;
    background-color: #EEE5DE;
}

/* Used to style the unordered lists that contain
   radio button lists and checkbox lists */
ul.MvcDynamicOrientableList
{
    list-style-type: none; /* prevents bullets from showing next to input elements */ /*background-color: #EEE5DE;*/
}

/*  Used to style the list fields that can
    go in either vertical or horizontal directions
    (CheckboxList & RadioList) */
ul.MvcDynamicHorizontal li
{
    display: inline; /* causs list items to display horizontally */
    margin-right: 1em; /* provides spacing between input elements */
}

/* Other unused selectors. These should be self-explanatory by now. */
ul.MvcDynamicVertical
{
    margin-top: 2px;
}
ul.MvcDynamicVertical li
{
}
label.MvcDynamicCheckboxPrompt
{
}

/*  You can view html source or use a DOM inspector 
    to figure out how to select elements to style them. */

textarea.MvcDynamicAreaText
{
    display: block;
    width: 100%;
    height: 150px;
    font-size: medium;
    border-width: 1px;
    margin: 10px 0 0 0;
}


tr.MvcRadioError
{
    color: Red;
}

input.MvcDynamicOutroText
{
    height: 18px;
    margin-left: 25px;
    width: 200px;
    border-color: #696969;
}

input.MvcDynamicOutroText[disabled]
{
    border: 1px solid #999;
    background-color: #F5F5F5;
}

li.MvcDynamicLi
{
    margin: 0px;
}

td.MvcDynamicQuestion
{
    text-align: left;
}

input.MvcDynamicTextLinha
{
    display: block;
    margin-left: 40px;
    width: 250px;
}