/*
 *Form CSS
 */
.form-all { list-style: none; list-style-position: outside; margin: 0px; font-family: Verdana; font-size: 12px; }

.form-textarea {  font-family: "Lucida Grande", Verdana; }

.form-textarea-limit > span{  display:inline-block; }
.form-textarea-limit textarea{
    /*border:1px solid #aaa;*/
    overflow:auto; }

.form-header { margin:0px; }

.form-label-left { float:left; display:inline-block; text-align:left; padding:3px; white-space:normal; }

.form-section, .form-section-closed { list-style:none; list-style-position:outside; margin:0px; padding:0px; position:relative;
    zoom:1; clear:both; }

.form-input { display:inline-block; }

.form-line { clear:both; padding:10px; margin:0px;
	/* Changed display to block to prevent a bug in Chrome */
    display:block; width:97%; width:-moz-available;
    /* Removed this because it was changing the size of the migrated forms */
	/* border:1px solid transparent ; */
	position:relative; }

/* Added css rule below to retain display:inline-block for shrunken fields */
.form-line.form-line-column { display:inline-block; }

.form-required { margin-left: 5px; color: red; }
.form-button-error{ color:red; display:inline; text-align: center; }

.form-error-arrow{ position:absolute; top:-20px; left:10px; height:0px; width:0px; border:10px solid transparent;
    border-bottom-color:#666; border-bottom:10px solid rgba(102, 102, 102, 0.3); }

.form-error-arrow-inner{ position:absolute; top:1px; height:0px; width:0px; border:10px solid transparent;
    border-bottom-color:#FFCCCC; border-bottom-width:11px; left:-10px; top:-10px; }

.form-input .form-error-message, .form-input-wide .form-error-message{ bottom:-5px; font-size:11px; position:relative;
    z-index:900; right:auto; top:auto; color:#333; padding:3px; max-width:100%; padding-bottom:3px; font-size:12px; border:none;
    -moz-box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5); -webkit-box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
    -moz-border-radius:6px 6px; -webkit-border-radius:6px 6px; box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
	border-radius:6px 6px; background:#FFCCCC }

@media only screen and (max-device-width: 550px){
    body{
        /* background:#EAEAEA url(/images/bg.png) repeat-x 0 -55px !important; */
        font-size: 18px; }
    .form-all{ width:auto !important; }
    .form-label-left{ float:none; display:block; }
    .form-buttons-wrapper{ margin:4px !important;
        text-align:center; }
    .form-submit-print{ display:none; }
    
    .form-textarea { /* Emre: to prevent the textareas to overflow when iPhone is used (47600)  width:94% !important; */ }
    
    .form-textbox, .form-textarea, .form-dropdown, .form-list{ border:1px solid #555; padding:4px; -webkit-border-radius:5px 5px;
        -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset; -moz-border-radius:5px 5px; -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
        border-radius:5px 5px; box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset; }
    .form-address-table{ width:300px; }
    .form-address-line{ width:280px; }
    .form-address-city, .form-address-state{ width:130px; }
    .form-address-table td, .form-address-table th{ padding-bottom:10px; }
    .form-address-table select{ width:120px; }
    .form-spinner{
        border-collapse:inherit !important;
        border:1px solid #555 !important;
        -webkit-border-radius:5px 5px; -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset; -moz-border-radius:5px 5px;
        -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset; border-radius:5px 5px; box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset; }
    .form-spinner-up, .form-spinner-down{ padding:0 8px !important;
        border:none !important;
        border-left:1px solid #555 !important; }
    .form-spinner-up{ -moz-border-radius-topright:5px 5px; -webkit-border-top-right-radius:5px 5px;
        border-top-right-radius:5px 5px; border-bottom:1px solid #555 !important; }
    .form-spinner-down{ -moz-border-radius-bottomright:5px 5px;
        -webkit-border-bottom-right-radius:5px 5px; border-bottom-right-radius:5px 5px; }
    .form-spinner-input-td{ padding-right:6px !important; }
    .form-spinner-input-td input{ padding:4px !important;
        background:none; }
    .form-sub-label-container img[id*="pick"]{ width:25px; }
    div.form-header-group{ margin:0px !important; }
    div.form-pagebreak .form-label-left{ display:inline-block !important;
        float:left; }
    .form-submit-button, .form-submit-reset{ font-size:18px; line-height:30px; }

.clearfix2:before,.clearfix2:after{content:" ";display:table;}
.clearfix2:after{clear:both;}