﻿body .ui-body-c, body .ui-overlay-c
{
    text-shadow: 0 0 0;
}

.ui-content
{
    background-color: #fff;
    /*padding-left: 6px;*/
}

/*
.CollapsibleAuction .ui-btn
{
    padding: 0px !important;
}

.ui-collapsible-set
{
    border: 10px solid #000;
}

.ui-collapsible-content
{
    padding: 0 !important;
    border-left: none !important;
    border-right: none !important;
}
*/
.ui-navbar li .ui-btn
{
    font-size: medium;
    font-weight: 100;
    display: block;
    margin: 0 0 0 0;
    padding: 0px 0px 10px 0px;
    border-right-width: thin;
    border-left-width: medium;
    border-left-color: wheat;
    border-bottom-width: thin !important;
    border-color: white;
    max-height: 10px;
}

.ui-field-contain, .ui-mobile fieldset.ui-field-contain
{
    padding: 0 0 7px 0;
    width: 94%;
    margin: 0 auto;
}

.ui-field-button, .ui-mobile fieldset.ui-field-button
{
    width: 94%;
    margin: 0 auto;
}

.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d, .ui-grid-solo
{
    width: 94%;
    margin: 0 auto;
}

/* make for less scrolling and get validation controls on same line as label */
.ui-mobile label, .ui-controlgroup-label
{
    margin: 0 0 0 0;
    /*padding: 0 0 0 0;*/
    display: inline;
}

.ImportantBlock
{
    font-weight: bold;
    font-variant:small-caps;
    color: #5eb100;
    padding: 10px 10px !important;
    text-align: center;
}

.ImportantWord
{
    color: #5eb100;
}

.AcceptAndAgreeLabel
{
    margin: 0 0 0 5px !important;
    /*padding: 0 0 0 0 !important;*/
    font-size: small !important;
  /*padding: 0 0 0 0;*/ 
    display: inline-block !important;
    width: 83%;
}

.AcceptAndAgreeCheckbox
{
    margin: 0 0 0 -40px !important;
  /*padding: 0 0 0 0;*/ 
    display: none !important;
}

.field-validation-error
{
    font-size: small;
    padding: 0px 0px 0px 0px;
}
/*  .navbar-selected  .ui-navbar li .ui-btn a*/

.ui-btn a.selected
{
    color: #0f6a00 !important;
    /*
        font-variant-caps: all-small-caps;
    background-color: blue;
        */
}

.step
{
    text-shadow: 0 0 0;
    color: white;
}

a.stepselected
{
    text-shadow: 0 0 0;
    color: #0f6a00 !important;
}

a.stepcompleted
{
    text-shadow: 0 0 0;
    color: grey !important;
}

.introduction
{
    font-size: small;
    padding: 0 0 0 2px !important;
    margin: 0 auto 2px !important;
    width: 94%;
}

.labeldescription
{
    font-size: small;
    color: grey;
    padding: 0px 0px 2px 0px;
}

.BackAnchor
{
    text-align: left;
    color: #FDA320 !important;
}

.SubmitAnchor
{
    text-align: right;
    color: #FDA320 !important;
}
.input-readonly
{
    background-color: #EBEBE4 !important;
    border: 1px solid #ABADB3;
    padding: 2px 1px;
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
    .ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls 
    {
        float: right;
        width: 78%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
    .ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls 
    {
        float: right;
        width: 78%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-width : 320px)
and (max-width : 767px)
and (orientation : landscape) {
    .ui-field-contain > label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain > .ui-rangeslider > label 
    {
        float: left;
        width: 25%;
        margin: .5em 2% 0 0;
    }

    .ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls 
    {
        float: left;
        width: 73%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}
