/*

Forms Tables CSS
Generated Tuesday 10th December 2013 at 1.38pm

*/
@import url('/css/core.custom-links.css');

/* ------------------ Form Notice ------------------ */



ol.records {
    margin: 0;
    padding: 0;
    list-style: none;
}

.records li {
    margin: 0;
    text-indent: 0;

}

dl.footnote,
dl.tabular {
    width: 80%;
    overflow: hidden;
}

dl.footnote dt,
dl.tabular dt {
    clear: left;
    margin-top: 3px;
    float: left;
    width: 28%;
    font-weight: bold;
}

dl.footnote dt:after,
dl.tabular dt:after {
    content: ':';
}

dl.footnote dd,
dl.tabular dd {
    margin: 3px 0 0 3%;
    float: left;
    width: 69%;
}

.cssForm,
.itemRow,
.recordRow,
.cssInput,
.buttonSet,
.checkboxGroup,
.radioGroup {
    width: auto;
    overflow: hidden;
}


.rs_record_wrapper h1,
.cssForm h1 {
    font-size: 12pt;
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px solid #777;

}


#suite_column_right input[type=text],
#suite_column_right .sortBy {
    margin-bottom: 4px;
}

.rs_record_wrapper h1,
.cssForm h1,
.recordset_action_link {
    background: #94ce3c;
/*    background: -moz-linear-gradient(top,  #94ce3c 0%, #2e8c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94ce3c), color-stop(100%,#2e8c00));
    background: -webkit-linear-gradient(top,  #94ce3c 0%,#2e8c00 100%);
    background: -o-linear-gradient(top,  #94ce3c 0%,#2e8c00 100%);
    background: -ms-linear-gradient(top,  #94ce3c 0%,#2e8c00 100%);*/
    background: linear-gradient(to bottom,  #94ce3c 0%,#2e8c00 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94ce3c', endColorstr='#2e8c00',GradientType=0 );*/
    color: #f9f9f9;
    text-shadow: -2px -2px 0px #578c08;
}

.recordset_action_link:active {
    background: #2e8c00;
/*    background: -moz-linear-gradient(top,  #2e8c00 0%, #94ce3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e8c00), color-stop(100%,#94ce3c));
    background: -webkit-linear-gradient(top,  #2e8c00 0%,#94ce3c 100%);
    background: -o-linear-gradient(top,  #2e8c00 0%,#94ce3c 100%);
    background: -ms-linear-gradient(top,  #2e8c00 0%,#94ce3c 100%);*/
    background: linear-gradient(to bottom,  #2e8c00 0%,#94ce3c 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e8c00', endColorstr='#94ce3c',GradientType=0 );*/

}


.recordset_action_link {
    border: 1px solid #777;
    border-radius: 4px;
    margin-bottom: 10px;
}


.recordset_action_link a,
.recordset_action_link a:visited {
    display: block;
    padding: 6px 10px 6px 40px;
    color: #fff;
    text-decoration: none;
    font-size: 9pt;
    line-height: 20px;
    background-position: 6px center;
    background-repeat: no-repeat;
}

.recordset_action_link a:active {
    color: #fff;
}

.recordset_download {
    background-image: url('/assets/icons/xcel.png')
}

.recordset_contacts {
    background-image: url('/assets/icons/mail.png')
}

.recordset_save {
    background-image: url('/assets/icons/disk.png');
}

.formOutline {
    border: 1px solid #777;
    border-radius: 4px;
}

.cssForm {
    margin: 0 0 20px;;
    padding: 0;
    width: 1020px;
}

div#suite_column_right.suite_side_column .cssForm.recordNavigation {
    width: 100%;
}

#login_form {
    margin: auto;
    width: 400px;
}

.buttonSet {
    margin-bottom: 10px;
}

.buttonSet .primary {
    float: right;
}

.formOutline .buttonSet {
    padding: 7px 0 7px 35%;
    background: #eee;
    margin-bottom: 0;
}

.formOutline .buttonSet .primary {
    float: none;
}

.recordRow,
.itemRow {
    padding: 5px 10px;
    min-height: 24px;
}

.recordRow+.recordRow,
.itemRow+.itemRow {
    border-top: 1px solid #ccc;
}

.fullWidth {
    width: 90%;
}

.itemLabel {
    float: left;
    text-align: right;
    width: 25%;
    font-weight: bold;
    padding-top: 3px;
    color: #000000;
}


.cssInput {
    float: left;
    margin-left: 5%;
    width: 69%;
}

#suite_column_right .itemLabel,
.itemLabel.labelWide {
    width: 100%;
    float: none;
    text-align: center;
    display: block;
}

#suite_column_right .cssInput {
    width: 100%;
    float: none;
    margin-left: 0;
}

.itemRowImagePreview {
    text-align: center;
}

.itemRowImagePreview div {
    font-weight: bold;
    margin-bottom: 5px;
}
.itemRowImagePreview img {
    max-width: 100%;
    height: auto;
}
.itemRowImagePreview a, .itemRowImagePreview a:visited {
    display: block;
    margin: 10px auto;
/*    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    border-radius: 4px;
    line-height: 22px;
    background: url(/assets/icons/small/delete.png) 2px center no-repeat #999;
    padding: 0 5px 0 25px;
    width: 40px;
    position: relative;
    left: 50%;
    margin-left: -35px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.itemRowImagePreview a:hover {
    background: url(/assets/icons/small/delete-over.png) 2px center no-repeat #999;
    color: #fff;
}

.itemRowImagePreview a:active {
    background-color: #333;
}

.fieldRequired {
    font-weight: bold;
    color: #FF0000;
}


.fieldDescription  {
    font: normal 8pt arial, verdana;
    color: #000000;
}

.fieldDescription.descriptionCheckbox {
    margin-left: 25px;
    padding-top: 3px;

}

input.formNotice {
    width: 90%;
    overflow: visible;
    display: block;
    border: none;
    background: none;
    color: #999999;
    font: 8pt Verdana, Helvetica, Arial, sans-serif;
}

input[type=text],
input[type=password],
textarea {
    -webkit-appearance: none;
    color: #000000;
    background-color: #ffffff;
    font: 9pt arial, helvetica, sans-serif;
    border: 1px solid #ccc;
    border-radius: 2px;
}


.checkboxGroup > label,
.radioGroup > label {
    float: left;
    width: 80%;
    margin-right: 3%;
    padding-top: 3px;
}


.radioGroup label,
.checkboxGroup label {
    overflow: hidden;
    display: block;
    position: relative;
    padding-left: 30px !important;

}

#suite_column_right .radioGroup label,
#suite_column_right .checkboxGroup label {
    margin-bottom: 10px;
}

.radioGroup label input,
.checkboxGroup label input {
    position: absolute;
    left: 0;
    top: 0;
}




/* --------- form notice ---------- */

ul.formNotice {
    background: url(/admin/assets/form/formNotice.png) 10px 7px no-repeat #D1DFFF;
    list-style: none;
    /*text-indent: none;*/
    padding: 10px 10px 10px 45px;
    margin: 0;
    border-top: 1px solid #003399;
}

ul.formNotice li {
    padding: 0 !important;
    margin: 2px 0 !important;
    color: #003399;

}

/* --- form alerts --- */

.alerts {
    background: url(/assets/icons/alert.png) 10px 7px no-repeat #FCE8AA;
    border-top: 1px solid #F7A504;
    list-style: none outside none;
    margin: 0 !important;
    padding: 10px 10px 10px 45px !important;
}

ul.alerts li {
    color: #000000;
    margin: 2px 0 0 !important;
    padding: 0 !important;
}

.fieldError {
    list-style: none;
    padding: 8px 5px 5px 15px;
    background: url(/assets/icons/alertField.png) 10px 5px no-repeat #FCE8AA;
    min-height: 19px;
    font: 8pt Verdana, Helvetica, Arial, sans-serif;
    width: auto;
    overflow: hidden;
    color: #000000;
    border: 1px solid #F7A504;
    border-radius: 4px;
    padding-left: 40px;
    margin: 5px 10px 5px 0;
}


.formMsg {
    float: right;
    display: block;
    color: blue;
    font-size: 0.5em;
    margin-top: 2px;
    margin-right: 20px;
}


#login_form .alerts li {
    border: none;
}

.alerts a, .fieldError a, .alerts a:visited, .fieldError a:visited {
    color: #000000 !important;
    text-decoration: underline !important;
}


.alerts a:hover, .fieldError a:hover {
    color: #000000 !important;
    text-decoration: none !important;
}






.downloadsDiv {
    margin-top: 20px;
    width: auto;
    overflow: hidden;
    border: 1px solid #000000;
    border-width: 1px 0;
}

.downloadsDiv > div {
    padding: 5px 10px;
}

.downloadsDiv > div+div {
    border-top: 1px dotted #000000;
}

.downloadsDiv a,
.downloadsDiv a:visited {
    display: block;
    min-height: 22px;
    padding: 2px 0 0 30px;
    background-position:  left top;
    background-repeat: no-repeat;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.downloadsDiv a:hover {
    text-decoration: none;
    color: #FF9900;
}

input.formNotice {
    width: 90%;
    overflow: visible;
    display: block;
    border: none;
    background: none;
    color: #999999;
    font: 8pt Verdana, Helvetica, Arial, sans-serif;
}

/*input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}*/

.navigation_concertina,
.navigation_concertina:visited {
    position: relative;
    color: #666;
    border: 1px solid #ccc;
    border-width: 1px 0;
    background: url(/assets/layout/gradient.png) top repeat-x #ddd;
    display: block;
    padding: 5px 5px 5px 37px;
    text-decoration: none;
    font-size: 10pt;
    line-height: normal;
    text-shadow: 1px 1px 1px rgba( 255,255,255, .7);
}

.navigation_concertina:hover {
    background-color: #ccc;
    color: #333;

}

.navigation_concertina img {
    position: absolute;
    left: 15px;
    top: 8px;
    background: url(/assets/layout/plus_minus_11px.png) right top no-repeat;
    width: 11px;
    height: 11px;
}

.navigation_concertina:hover img {
    background-position: right bottom;
}

.navigation_concertina.closed img {
    background-position: left top;
}

.navigation_concertina.closed:hover img {
    background-position: left bottom;
}


.button,
.button:visited,
button,
input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="file"] > input[type="button"] {
    border: 0;
    background: 0;
    font: 10pt/25px arial, helvetica, sans-serif;
    color: #fff;
    display: inline-block;
    height: 25px;
    text-align: center;
    padding: 0;
    text-decoration: none;
}

input[type="submit"].submitHereButton {
    height: auto;
    line-height: normal;
    border-radius: 3px;
    width: auto;
/*    background: -moz-linear-gradient(top,  #94ce3c 0%, #2e8c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94ce3c), color-stop(100%,#2e8c00));
    background: -webkit-linear-gradient(top,  #94ce3c 0%,#2e8c00 100%);
    background: -o-linear-gradient(top,  #94ce3c 0%,#2e8c00 100%);
    background: -ms-linear-gradient(top,  #94ce3c 0%,#2e8c00 100%);*/
    background: linear-gradient(to bottom,  #94ce3c 0%,#2e8c00 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94ce3c', endColorstr='#2e8c00',GradientType=0 );*/
    color: #f9f9f9;
    text-shadow: -2px -2px 0px #578c08;
    padding: 1px 5px;
    margin: 0;
}

input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="file"] > input[type="button"] {
    width: 200px;
    background: #a4b357;
/*    background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%);
    background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%);*/
    background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 );*/
}



input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="file"] > input[type="button"]:active {
    background: #a4b357;
/*    background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%);
    background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%);*/
    background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 );*/
    color: #fff;
}


input[type="reset"].primary,
input[type="button"].primary,
input[type="submit"].primary
{
    background-image: url(/assets/form/button_primary.png);
    color: #ffffff;
}

input[type="reset"].primary:active,
input[type="button"].primary:active,
input[type="submit"].primary:active
{
    background-image: url(/assets/form/button_primary.png);
    color: #ffffff;
}

button.button_link {
    padding: 0 5px;
    margin-bottom: 10px;
    
}

.selectExtendedAccept,
.selectExtendedCancel,
.selectExtendedAccept:hover,
.selectExtendedCancel:hover,
.selectExtendedAccept:visited,
.selectExtendedCancel:visited {
    font: 7pt/22px arial, helvetica, sans-serif;
    height: 22px;
    padding: 0 0 0 22px;
    background: url(/core/assets/ui/inlineDeny_l.png) left top no-repeat;
    color: #999;
    text-decoration: none;
    display: inline-block;
    margin-left: 4px;
}

.selectExtendedAccept,
.selectExtendedAccept:hover,
.selectExtendedAccept:visited {
    background: url(/core/assets/ui/inlineAccept_l.png) left top no-repeat;
}

.selectExtendedAccept span,
.selectExtendedCancel span {
    height: 22px;
    padding: 0 5px 0 2px;
    background: url(/core/assets/ui/inlineDeny_r.png) right top no-repeat;
    float: left;
}

.selectExtendedAccept:active,
.selectExtendedCancel:active {
    color: #666;
    background-position: left bottom;
}


.selectExtendedAccept:active span,
.selectExtendedCancel:active span {
    background-position: right bottom;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

    button,
    input[type="reset"],
    input[type="button"],
    input[type="submit"] {
        margin: 0;
    }
}

.button,
.button:visited,
button {
    background: #a4b357;
/*    background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%);
    background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%);*/
    background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 );*/
    color: #fff;
}

.button span,
.button:visited span,
button span {
    display: inline-block;
    margin-left: 8px;
    padding: 0 11px 0 3px;
    background: #a4b357;
/*    background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%);
    background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%);*/
    background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 );*/
}

.button.primary,
.button.primary:visited,
button.primary {
    background: #ffa84c;
/*    background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
    background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);*/
    background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );*/
    color: #fff;
}

.button.primary.unsaved,
.button.primary.unsaved:visited,
button.primary.unsaved {
    background: #ff3019;
/*    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);*/
    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );*/
    color: #fff;
}

.button.primary span,
.button.primary:visited span,
button.primary span {
    background: #ffa84c;
/*    background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
    background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);*/
    background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );*/
}


.button.primary.unsaved span,
.button.primary.unsaved:visited span,
button.primary.unsaved span {
    background-image: url(/assets/form/button_primary_unsaved_r.png);
}


.button:active,
button:active {
    background-position: left bottom;
    color: #000000;
}

.button.primary:active,
button.primary:active {
    color: #ffffff;
}

.button:active span,
button:active span {
    background-position: right bottom;
}

/* ! Select Many Styles */

.inputSelectMany {
    width: auto;
    overflow: hidden;
    margin-bottom: 5px;
}

.inputSelectMany span.blockTitle {
    display: block;
    margin-top: 1px;
    margin-bottom: 2px;
    font-weight: bold;
}

.selectManySource {
    float: left;
    width: 220px;
    overflow: hidden;
}

.selectManySource select {
    width: 220px;
}

.inputManyFilter {
    width: 214px;
}

.selectManyDestination {
    margin-left: 230px;
}


/* --- navigation options --- */

.navigationRow {
    width: auto;
    overflow: hidden;
    padding: 0;
}

.navigationRow label {
    float: left;
    width: 30%;
    text-align: right;
    margin-right: 10px;
    padding-top: 4px;
    font-weight: bold;

}

.navigationInput {
    margin-left: 35%;
}

.noLabel .navigationInput {
    margin-left: 0;

}

.navigationInput {
    padding: 5px 10px;

}


.navigationInput label {
    float: none;
    width: auto;
    text-align: left;
    margin-right: 0px;
    padding: 0px;
    font-weight: normal;

}

/* ! --- recordset navigation and pagination --- */

ul.setPagination {
    list-style: none;
    margin: 8px 10px 4px;
    padding: 6px 0px;
    height: 24px;
    heigh\t: 18px;
}


ul.setPagination li {
    margin: 0px;
    padding: 4px 0px;
    display: inline;
    font: 7pt Verdana, Helvetica, Arial, sans-serif;
}


ul.setPagination a, ul.setPagination a:visited {
    padding: 4px;
    text-decoration: none;
    background: url(/admin/assets/pagination/page.gif) bottom repeat-x;
    color: #999999;
    border: 1px solid #999999;
}

ul.setPagination a:hover, ul.setPagination a.selected {
    padding: 4px;
    text-decoration: none;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #000000;
}


ul.setPagination li.recordCount {
    float: right;
    color: #999999;
}




ul.setPagination a.linkAdd, ul.setPagination a.linkAdd:visited {
    float:right;
    width:24px;
    margin-left: 4px;
    overflow: hidden;
    text-decoration:none;
    background: url(/assets/icons/file_add.png) right top no-repeat;
    margin-top: -4px;
    border: 0px;
    width: auto;
    padding-right: 30px;
    padding-top: 8px;
    padding-bottom: 0px;
    height: 24px;
    heig\ht: 16px;
    background-position: right;
    margin-left: 15px;
}

ul.setPagination a.linkAdd:hover {
    background: url(/assets/icons/file_add-over.png) right top no-repeat;
}


/**/
.cssForm h2,
.cssForm a.areaToggle,
.cssForm a.areaToggle:visited
{
    font-size: 12pt;
    padding: 0 10px;
    line-height: 30px;
    margin: 0px;
    border-top: 1px solid #CCCCCC;
    color: #666666;
    text-decoration: none;
    display: block;
    background: #eeeeee;
/*    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);*/
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );*/
}

h2.formTitle {
    background: none;
    font-style: italic;
}

.cssForm h2 .additional, .cssForm a.areaToggle .additional, .cssForm a.areaToggle:visited .additional  {
    float: right;
    margin-right: 10px;
    font-size: 9pt;
}

.cssForm h3 {
    font-weight: normal;
    font-size: 10pt;
    color: #000;
    margin: 0;
    background-color: #EEEEEE;
    color: #666;
}

.cssForm h3.disabled {
    color: #999;
}

.cssForm a.areaToggle:hover {
    color: #666666;
}

.cssForm a.areaToggle,
.cssForm a.areaToggle:visited
{
    padding-left: 30px;
}

.cssForm .areaVisible a.areaToggle, .cssForm .areaVisible a.areaToggle:visited {
    background: url(/admin/assets/form/group_open.gif) left bottom no-repeat;
}

.cssForm .areaHidden a.areaToggle, .cssForm .areaHidden a.areaToggle:visited {
    background: url(/admin/assets/form/group_closed.gif) left bottom no-repeat;
}

.cssForm .areaVisible a.areaToggle:active {
    background: url(/admin/assets/form/group_open.gif) left top no-repeat;
}

.cssForm .areaHidden a.areaToggle:active {
    background: url(/admin/assets/form/group_closed.gif) left top no-repeat;
}

.fauxtable {
    width: auto;
    overflow: hidden;
}

.fauxtable  > * {
    margin-bottom: 15px;
    float: left;
    text-indent: 0;
    margin-left: 0;
}

.fauxtable dt {
    width: 45%;
    clear: left;
    text-align: right;
    margin-right: 2%;
    font-weight: bold;
}


.fauxtable dd {
    width: 53%;
    overflow-x: auto;
}


a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 2px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(/core/assets/datepicker/calendar.png) no-repeat;
}

a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 100px;
    float: left;
}

span.dp-applied {
    float: left;
    line-height: 20px;
    margin: 0 5px;
}

span.dp-applied
{
    width: 100%;
}

.rowThumbnail {
    overflow: hidden;
    float: left;
    width: auto;
}

.rowWithThumbnail {
    margin-left: 100px;
}

.checkboxContainer {
    width: auto;
    overflow: hidden;
}

.checkboxContainer > input {
    float: left;
}

.checkboxContainer > div {
    margin-left: 30px;
}

.tabMenu > .suiteTabs > li.floatRight {
    float: right;
}

.rs_record_wrapper + .cssForm {
    margin-top: 20px;
}

#collateral_upload_form{
	padding : 10px;
}

@media only screen and (max-width: 650px) {

    h1#logo {
        width: auto;
    }

    input[type = 'button'],
    button.primary {
        width: 100%;
    }

    button.primary {
        margin: 0;
    }

    #logo img {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 270px
    }

    .itemLabel {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
    }

    .cssInput {
        display: block;
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 5px;
    }

    .cssInput img {
        display: block;
        margin: 10px auto;
    }

    .cssInput input {
        font-size: 16px;
        padding: 5px;
    }

    select {
        width: 100%;
    }

    .radioGroup {
        min-width: 100%;
        width: auto;
        overflow: hidden;
        text-align: center;
    }

    .radioGroup > label {
        display: inline-block;
        /*white-space: nowrap;*/
        padding: 5px 15px !important;

        width: auto;
        float: none;
    }

    .radioGroup > label > input {
        width: auto;
        position: static;

    }

    .formOutline .buttonSet {
        padding: 0;
    }

/*    .buttonSet button {
        display: block;
        box-sizing: border-box;
        text-align: center;
        margin: 5px 3px;
        width: 100%;
    }

    .buttonSet button span {
        padding: 0;
        margin: 0 5px;
        width: 95%;
    }*/

    .fieldDescription {
        margin-top: 5px;
    }

    .fullWidth {
        width: 95%;
    }

    #footer {
        padding: 10px;
        width: auto;
    }

    #vgCredit {
        right: 10px;
    }

    .form_grid_table th {
        display: none;
    }

    .form_grid_table td {
        display: inline-block;
        min-width: 100%;
        box-sizing: border-box;
    }

    .form_grid_table .question_row td:first-child {
        margin-top: 20px;
    }

    .form_grid_table td input[type=text]:placeholder-shown {
        color: #666;
    }

}