/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
}

.field-validation-valid {
    display: none;
}



.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}
.logo{
  width:250px;
  height:117px;
  background: url("/Content/images/SPLogo.png");
}

/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a,
.ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
.ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c,
.ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d,
.ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
.ui-btn-active  {
    text-shadow: none;
}

.rounded-list a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}


.rounded-list a:before{
 
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}


.directions-wrapper{
    height:500px;
    position:relative;
    overflow:hidden;
}
.directions-wrapper .directions-map{
    width:50%;
    height:100%;
    position:relative;
    float:left;
}
.directions-wrapper .directions-info{
    width:47%;
    height:100%;
    position:relative;
    float:left;
    overflow:auto;
    margin-left:3%;
}
.directions-wrapper .large-map{
    width:100%;
    height:100%;
    position:relative;
    float:left;
}
#directions-canvas{
    height:100%;
}

.toggleText{
    position:relative;
    overflow:hidden;
}
@media screen and (max-width:1024px){
    /*tablet landscape*/

}
@media screen and (max-width:800px){
    /*Verizon ellipsis portrait*/
    .directions-wrapper{
        height:auto;
    }
    .directions-wrapper .directions-map{
        width:100%;
        height:500px;
        float:none;
    }
    .directions-wrapper .directions-info{
        width:100%;
        height:auto;
        float:none;
        margin:0;
    }
    .directions-wrapper .large-map{
        width:100%;
        height:650px;
        float:none;
    }
}
@media screen and (max-width:768px){
    /*tablet portrait*/
    .directions-wrapper{
        height:auto;
    }
    .directions-wrapper .directions-map{
        width:100%;
        height:500px;
        float:none;
    }
    .directions-wrapper .directions-info{
        width:100%;
        height:auto;
        float:none;
        margin:0;
    }
    .directions-wrapper .large-map{
        width:100%;
        height:500px;
        float:none;
    }
}

@media screen and (max-width:670px){
    /*mobile*/
    .directions-wrapper{
        height:auto;
    }
    .directions-wrapper .directions-map{
        width:100%;
        height:250px;
        float:none;
    }
    .directions-wrapper .directions-info{
        width:100%;
        height:auto;
        float:none;
        margin:0;
    }
    .directions-wrapper .large-map{
        width:100%;
        height:400px;
        float:none;
    }
}


.expandableDDLitem:hover {
    overflow: visible; 
    white-space: normal; 
    width: auto;
    position: absolute;
    background-color:#FFF;
}


/* Used to disable any events while an AJAX call is being made*/
.overlay_pause{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:10000;
    text-align:center;
    display:none;	
}

.overlay_pause>span{
    width:75px;
	height:75px;
    font-size:30px;
    color:#fff;
    position:absolute;
    top:50%;
    margin-top:-37px;
    margin-left:-37px;
    z-index:2;
	text-indent:-9999px;
	background:url(/content/loading2.gif) center center no-repeat;
    background-size:cover;
}

.overlay_pause:before{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    content:"";
    background:#000;
    z-index:1;
    opacity:.6;
}

.overlay_saving{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:10000;
    text-align:center;
    display:none;
	
}

.overlay_saving>span{
    width:90px;
	height:90px;
    font-size:30px;
    color:#fff;
    position:absolute;
    top:50%;
    margin-top:-45px;
    margin-left:-45px;
    z-index:2;
	text-indent:-9999px;
	background:url(/content/loading2.gif) center center no-repeat;
    background-size:90px;
}

.overlay_saving:before{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    content:"";
    background:#000;
    z-index:1;
    opacity:.6;
}


.ui-selectmenu.ui-popup .ui-input-search {
    margin-left: .5em;
    margin-right: .5em;
}

.ui-selectmenu.ui-dialog .ui-content {
    padding-top: 0;
}

.ui-selectmenu.ui-dialog .ui-selectmenu-list {
    margin-top: 0;
}

.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn {
    border-top-width: 1px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.ui-selectmenu.ui-dialog .ui-header {
    border-bottom-width: 1px;
    min-height: 32px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
            
    -webkit-appearance: none;
    margin: 0; 
}


.search_nav {
    width: 85%;
    position: absolute;
    top: 53px;
    left: 0;
    border-bottom: 1px solid #e2e2e2;
    background: #f6f6f6;
    display: none;
    z-index:20000;
    margin-left:15%;
}

.search_nav > .inner {
    padding: 20px 35px 25px 25px;
    position: relative;
}

.search_nav .btnClose {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}


.ui-listview>.ui-li-static, .ui-listview>.ui-li-divider, .ui-listview>li>a.ui-btn{
	text-overflow:initial;
	white-space:normal;
}

.rcorners {
    border-radius: 8px;
    border: 2px solid #6b6b6b;
    padding: 20px; 
}