#head
{
    width:100%;
    height:35px;
    background-color:#ff3300;
    border-radius:3px;
    -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 5px rgba(50, 50, 50, 0.75);
}
#uhaulLogo
{
    float:left;
    margin-left: 5%;
    margin-top:.5%;
    background-color:#ff3300;
    color:#fff;
    font-family:'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
}
#vendorLogo
{
    float:right;
    margin-right: 5%;
    margin-top:.5%;
    background-color:#ff3300;
    color:#fff;
    font-family:'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
}
#uhaulText
{
    background-color:#ff3300;
    color:#fff;
    margin:0px;
    padding:0px;
    border-bottom:none;
    font-size:1.5em;
    font-weight:bold;
    font-family:'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;

}
#vendorText
{
    background-color:#ff3300;
    color:#fff;
    margin:0px;
    padding:0px;
    font-family:'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    border-bottom:none;
    font-size:1.5em;
    font-weight:bold;
}
#lbLogOut
{
    float:right;    
    width:55px;
    margin-top:5px;
    margin-right:5%;
}
.content1
{
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}
#pageHead
{
    text-align:center;
}
#infoBox
{
    width:550px;
    background-color:#aadd33;
    /*height:150px;*/
    margin-right:auto;
    margin-left:auto;    
    padding:15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);   
    
}
.plabel
{
    width:200px;    
    font-weight:bold;
    padding-right:5px;
    float:left;
    margin-left:60px;
    margin-top:10px;
    word-wrap:break-word;
    text-wrap:normal;
}
#btnSubmitInfo
{
    
}
.acctBoxes
{
    width:200px;
    margin-top:5px;
    margin-right:5px;
}
#divBtns
{
    text-align:center;
    clear:both;
    padding-top:10px;
}
.acctBtns
{
    margin:3px;
}
.errorLabels
{
    margin-left:250px;
    width:150px;
}
#noNumbers
{
    width:400px;
    padding:25px;
    text-align:center;
    font-weight:bold;
}
.valSummary
{
    margin:5px auto;
}
#divConfirm
{
    text-align:center;
    margin:3px auto;
    

}
#lblName
{
    width:200px;
    font-weight:bold;
    font-size:12pt;
    padding-left:10px;
    padding-top:3px;
    margin-top:3px;

}
#legalCopy
{
    overflow:scroll;
    width:98%;
    margin:10px;
    border:1px solid black;
    height:275px;   
    padding:5px;
}

.legalLink
{
    text-align:center;
    padding:10px;    
}
.no-close .ui-dialog-titlebar-close {display: none }

/*extra class to remove the float for narrow screens. It places the labels on top of the text boxes*/
@media screen and (max-width: 767px)
{
.plabel
{
    float:none;
    width:175px;
    display:block;
    padding-bottom:3px;
    font-weight:bold;
    padding-right:5px;    
    margin-top:5px;
}
#infoBox
{    
    width:300px;
    background-color:#aadd33;    
    margin-right:auto;
    margin-left:auto;     
    text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);    
}
.acctBoxes
{
    width:125px;
}
.errorLabels
{
    margin-left:15px;
    width:150px;
}
#noNumbers
{
    width:200px;
    padding:2px;
    text-align:center;
    font-weight:bold;
}


}