body 
{
  
}
#HTSupport_body, #HTMDU_body, #HTWireless_body
{
    
    width: 100%;
    padding: 0px; 
    margin: 0px; 
    position: relative; 
    
    
}


#fromTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-right: -2px;
    padding: 2px;
}
    .inputForm
{
    width: 400px;
}
body#HTSupport_body form#form1 div.flex table.inputForm,
body#HTMDU_body form#form1 div.flex table.inputForm,
body#HTWireless_body form#form1 div.flex table.inputForm
{
    width: 100%;
}

.inputFormRow
{
}
#DescriptionTb
{
    max-width: 470px; 
    width:95% !important;
    padding-left: 10px; 
}
.inputFormFieldLabel
{
    width: 130px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.inputFormFieldValue
{
}
.inputFormFieldValue .dropDownList
{
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.inputFormFieldValue .textBox
{
    width: 98%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.centerLabel
{
    text-align: center;
    font-weight: bold;
}


/* START styles for HTMDULeads */

#divsubmit{
    float: left;
    height: 22px;
}
div.flex 
{
    padding-left: 20px; 
}

div.flex table.inputForm tbody tr.inputFormRow td.inputFormFieldValue .textBox
{
        
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
        width: 220px;   
        
        margin-bottom: 10px; 
        
}

div.flex.HTSupportLead table.inputForm tbody tr.inputFormRow td.inputFormFieldValue .textBox, 
div.flex.HTMDULead table.inputForm tbody tr.inputFormRow td.inputFormFieldValue .textBox,
div.flex.HTWirelessLead table.inputForm tbody tr.inputFormRow td.inputFormFieldValue .textBox
{
        width: 95%;   
        height: 28px;
        margin-bottom: 10px;
		padding-left: 5px;
		display: block;
}
div.flex.HTSupportLead table.inputForm tbody tr.inputFormRow td.inputFormFieldValue .textBox, 
div.flex.HTWirelessLead table.inputForm tbody tr.inputFormRow td.inputFormFieldValue .textBox 
{
        max-width: 470px;
}

div.flex.HTMDULead table.inputForm tbody tr.inputFormRow td.inputFormFieldValue .textBox
{
        max-width: 280px;
}

#divsubmit .button
{
    background-image: url('ht-submit-btn.png');
    height: 37px; width: 83px; 
    border: 0;
    cursor: pointer;
    
}
@media (max-width: 640px)
{
    
    .black-h1
    {
        font-size: 18px !important;
    }
    .red-h2
    {
        font-size: 16px !important; 
    }
    
    .inputFormFieldValue .textBox
    {
        /*
        width: auto;
        height: 28px; 
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        */
    }
    #divsubmit{
        
    }
}

@media (min-width: 641px)
{
    
}

/* END styles for HTMDULeads */


#mdu_body
{
    margin: 0;
}


.red-h2 {
  color: #E34B02;
  font-family: Arial;
  font-size: 21px;
  font-weight: bold;
  margin: 0;
  
  padding-top: 10px;
}

.black-h1 {
  font-family: Arial;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  
  
}

.flex.HTSupportLead,.flex.HTMDULead, .flex.HTWirelessLead
{
    max-width: 750px;   
    padding-left: 20px;
    
}

.flex.SprintForm
{
    max-width: 550px;   
    padding-left: 20px;
    font-family: Arial;
    
}



.text-description {
  font-family: Arial;
  font-size: 13px;
  
}


.margin-top-0
{
    margin-top: 0;
}

#SupportRequestCblMobileTblRow
{
    display:none;   
}   
#SupportRequestCblDesktopTblRow
{
    display:block;   
}

.WarningInput {
    background: url("error_red.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    border: 2px solid #FF9999 !important;
}
.WarningText {
    color: #FF3333 !important;
    display: none;
    float: left;
    font-family: Arial;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 7px;
    margin-top: 0;
    position: relative; 
    bottom: 5px;
}

body#HTSupport_body label,
body#HTMDU_body label,
body#HTWireless_body label
{
  font-family: Arial;
  font-size: 13px;
 
}



#DescriptionTb,
body#HTSupport_body .inputFormFieldValue .textBox,
body#HTMDU_body .inputFormFieldValue .textBox,
body#HTWireless_body .inputFormFieldValue .textBox
 {
  font-family: Arial;
  font-size: 14px;
  max-width:470px;
  width: 470px;
  
  border: 2px solid #C2C2C2;padding: 1px 5px;

}

#DescriptionTb
{
    padding: 5px; 
}


body#HTSupport_body input:focus, 
body#HTSupport_body textarea:focus, 
body#HTSupport_body select:focus,
body#HTMDU_body input:focus, 
body#HTMDU_body textarea:focus, 
body#HTMDU_body select:focus,
body#HTWireless_body input:focus, 
body#HTWireless_body textarea:focus, 
body#HTWireless_body select:focus
 {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}

body#HTSupport_body #SubmitBtn:focus,
body#HTMDU_body #SubmitBtn:focus,
body#HTWireless_body #SubmitBtn:focus
 {
  border-color: transparent;
  box-shadow: none !important;
  outline: 0 none;
}

div.divcell.leftcell
{
    display:inline-block;
    
    float:left;
    padding-right: 15px;
}
div.divcell.rightcell
{
    display:inline-block;
    vertical-align: middle;
    position:relative;
    
    
}

div.divcell.rightcell span
{
    font-size:13px; 
    font-family: Arial;
    max-width:250px;
    
    
}

.divtbl
{
    display:table;
    width:100%;
}
.divcell
{
    display:table-cell;
}
.divcell.w300
{
    width:300px;
}


.inputFormFieldValue
{   
    max-width:90%;
    
}

.divcell, .rightcell, .divtbl
    {
        display:inline-block;
        padding: 0px;
    }

div.divcell.rightcell
    {
        display:none;
    }

h1.leadConfirmation
{
    font-family: Arial;   
}
    
span.leadConfirmation
{
    font-size: 13px; 
    font-family: Arial;   
    font-weight:normal;
}

.ht-blue-button {
    border-radius: 5px;
    bottom: -12px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6), 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-right: 0;
    outline: 0 none;
    padding: 8px 12px 6px 20px;
    position: relative;
    right: 0;
    text-decoration: none;
    text-shadow: none;
    top: 19px;
    vertical-align: baseline;
}
.ht-light-blue-button {
    background: url("right-facing-triangle-light-blue.png") no-repeat scroll 13px 12.5px #00A7D3;
    border-color: #0D569E;
}
.ht-light-blue-button:hover {
    background: url("right-facing-triangle-gray.png") no-repeat scroll 13px 12.5px #525252;
    border-color: #0D569E;
}
.ht-light-blue-button-disabled {
    background: url("right-facing-triangle-gray.png") no-repeat scroll 13px 12.5px #525252;
    border-color: #0D569E;
    cursor: default;
}
.ht-dark-blue-button {
    background: url("right-facing-triangle-dark-blue.png") no-repeat scroll 13px 12.5px #003860;
    border-color: #315263;
}
.ht-dark-blue-button:hover {
    background: url("right-facing-triangle-gray.png") no-repeat scroll 13px 12.5px #525252;
    border-color: #0D569E;
}

.grey-text
{
    color: #757575;
}

.input-text
{
    color: #000000;
}

.ie8-only
{
    display:none;
}
#valIsPropertyBulkTvContract {
    padding-top: 5px;
}
.MDU-rbl {
    padding-bottom: 5px;
}


.dynamicforms_watermark {
    border: 2px solid #C2C2C2;
    color: #8E8E8E;
    font-size: 12px;
    margin-bottom: 7px;
    padding: 1px 5px;
}

.dynamicforms_textbox {
    font-size: 12px;
    margin-bottom: 7px;
    padding: 1px 5px;
    border: 2px solid #C2C2C2;
}

input[readonly="readonly"] {
    background-color: #ebebeb;
}

@media (max-width: 640px)
{
    div.divcell.rightcell span
    {
        padding-left: 0px; 
    }
    div.divcell.leftcell
    {
        display:block;
        width: 100%;
        float:none;
    }
    div.divcell.rightcell
    {
        display:block;
        width: 95%;
        float:none;
        padding-right: 5px;
        left: 5px;
    }
    div.divcell.rightcell
    {
        display:none;
    }
    .divtbl
    {
        display:table;
        position:relative;
        bottom:5px;
    }
    .divcell
    {
        display:block;
    }
    .divcell.w300
    {
        width:300px;
    }
    .divcell.rightcell
    {
        position: relative;
        bottom: 5px; left: 5px; 
        display:none;
        padding-bottom: 10px;
    }
    .divcell.rightcell span
    {
        font-size:13px; 
        font-family: Arial;
    }
    .inputFormFieldValue
    {   
        max-width:90%;
    
    }

    .divcell, .rightcell, .divtbl
    {
        display:block;
        padding: 0px;
    }
    .divcell.rightcell
    {
        position: relative;
        bottom: 5px; left: 5px; 
        display:none;
        padding-bottom: 10px;
    }
    
    
    
    #SupportRequestCblMobileTblRow
    {
        display:block;   
    }   
    #SupportRequestCblDesktopTblRow
    {
        display:none !important;   
    }
    #BestTimeToContactRbl
    {
        padding-top: 10px; 
    }
    
    div.flex.HTSupportLead .textBox,
    div.flex.HTMDULead .textBox,
    div.flex.HTWirelessLead .textBox
     {
      width: 95% !important;
    }
    
    .flex.HTSupportLead,.flex.HTMDULead, .flex.HTWirelessLead
    {
        max-width: 750px;   
        padding-left: 10px;
    
    }
    div.divcell.leftcell
    {

        padding-right: 0px;
    }

    .flex_SprintServiceChange
    {
        max-width: 270px; 
        width:  270px; 
        padding-left: 10px; 
    }

 
}

#SprintForm_body
{
    
    width: 100%;
    padding: 0px; 
    margin: 0px; 
    position: relative; 
    font-family: Arial, Helvetica, sans-serif;
    
}

 table.SprintInputForm
{
    width: 100%;
}

.warning-input {
    color: red;
}

.invisible {
    display: none;
}