.infobox {
	padding: 0px;
	position: absolute;
	width: 175px;
	visibility: hidden;
	z-index: 10000;
	background-color: white;
	color: #88888888;
	border: 1px solid silver;
}

.pointer {
	position: absolute;
	width: 23px;
	height: 20px;
}

.leftTop {
	left: 0;
	top: 0;
	background: transparent url('../img/leftTop.png');
}

.leftBottom {
	left: 0;
	bottom: 0;
	background: transparent url('../img/leftBottom.png');
}

.rightBottom {
	right: 0;
	bottom: 0;
	background: transparent url('../img/rightBottom.png');
}

.rightTop {
	right: 0;
	top: 0;
	background: transparent url('../img/rightTop.png');
}


.infobox  #directionTitle{
	color: #000000; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: arial, sans-serif;
}

.infobox  #directionDescription{
	color: #666666; 
	padding-top: 8px; 
	font-size: 12px; 
	font-family: arial, sans-serif;
}

.infobox  .padd10{
	padding: 10px;
}

.mapViewport{
	position: relative;	
}

.mapViewport .map-fw{
	width: 100%;
	height: 545px;
	position: relative;
}
.mapViewport .drivingDirectionsviewPort{
	position: relative;
	float: left;
	width: 100%;
}

.drivingDirectionsviewPort:after{
	clear: both;
	content: ' ';
	display: block;
}	
.drivingDirectionsviewPort .directionPagination{
	background-color: #f6f6f6;
	position: absolute;
	left: 1px;
	right: 1px;
	bottom: 1px;
	border-top: 1px solid #ddd;
/* 	box-shadow:0 -3px 2px rgba(0, 0, 0, 0.3); */
	font-family: "Open Sans Condensed";
	display: none;
}

.drivingDirectionsviewPort .directionPagination .pagelink{
	color: #3f82c3;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    padding: 10px;
    position: relative;
    width: 40px;
  
}
.drivingDirectionsviewPort .directionPagination .pagelink:hover{
	color: #c90000;
	background-color: #f1f1f1;   
}

.drivingDirectionsviewPort .directionPagination .pagelink:after{
	content: ' ';
	border: 10px solid transparent;
	position: absolute;
	left: 10px;
	top: 10px;

	
}
.drivingDirectionsviewPort .directionPagination #pageNext{
	float: right;
	border-left:1px solid #ddd;
}

.drivingDirectionsviewPort .directionPagination #pageNext:after{
	border-top:9px solid #3f82c3;
	border-bottom:none;
}
.drivingDirectionsviewPort .directionPagination #pageNext:hover:after{
	border-top-color:#c90000;
}


.drivingDirectionsviewPort .directionPagination #pagePrev{
	float: left;
	border-right:1px solid #ddd;
}

.drivingDirectionsviewPort .directionPagination #pagePrev:after{
	border-bottom:9px solid #3f82c3;
	border-top:none;
}
.drivingDirectionsviewPort .directionPagination #pagePrev:hover:after{
	border-bottom-color:#c90000;
}
.drivingDirectionsviewPort .viewport-contents{
	float: left;
	width: 100%;
}

.drivingDirectionsviewPort .viewport-contents:after{
	display: block;
	clear: both;
	content: ' ';
}

.mapViewport .drivingDirections {
    border: 1px solid #ddd;
    float: left;
    height: 545px;   
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%;
}	

.mapViewport .drivingDirections .linkBar {
    background-color: #eeeeee;
    border-bottom: 1px solid #ddd;
    height: 30px;
    width: 100%;
}

.mapViewport .drivingDirections .linkBar  a{
	border-right: 1px solid #ddd;
    float: left;
    font-family: SlatePro-Medium;
    font-size: 12px;
    padding: 4px 15px 5px;
}
.mapViewport .drivingDirections .linkBar  a:hover{
	text-decoration: none;
	background-color: #f3f3f3;
}

.mapViewport .drivingDirections .linkbarForm{
	background-color: #f3f3f3;
    border-bottom: 1px solid #ddd;  
    width: 100%;
    padding: 15px 15px;


}
.mapViewport .drivingDirections .linkbarForm:after{
	content: ' ';
	display: block;
	clear: both;
	
}
.mapViewport .drivingDirections .startAddress,
.mapViewport .drivingDirections .endAddress {
    background-color: #eaf1fb;
    border-top: 1px solid #ddd;
    padding: 10px;
    position: relative;
    font-size: 15px;
}

.mapViewport .drivingDirections .startAddress {	
	border-top: none;
}
.mapViewport .drivingDirections .endAddress.bor-bt {
	border-top: none;
	border-bottom: 1px solid #ddd;
}


.mapViewport .drivingDirections .startAddress .waypointIcon {
    background: url("../img/mapicon_start.gif") no-repeat scroll 0 0 transparent;
    height: 29px;
    text-align: center;
    width: 24px;
    float: left;
}

.mapViewport .drivingDirections .endAddress .waypointIcon {
    background: url("../img/mapicon_end.gif") no-repeat scroll 0 0 transparent;
    height: 29px;
    text-align: center;
    width: 24px;
    float: left;
}

.drivingDirections .startAddress .waypointAddress,
.drivingDirections .endAddress .waypointAddress{
    display: block; 
    margin-left: 35px;
    font-family: SlatePro-Medium;
}

.drivingDirections .startAddress .waypointAddress a.editAddress_link{
	clear: both;
	font-size: 12px;
}
#editAddresss{
	display: none;
}

.drivingDirections .startAddress  .control-label{
	font-size: 14px;
}

/* .drivingDirections .startAddress .waypointAddress .valign { */
/* 	display: table-cell; */
/* 	vertical-align: middle;		 */
/* } */

.mapViewport .drivingDirections .startAddress:after,
.drivingDirections .endAddress .waypointAddress:after{
	clear: both;
	content: '';
	display: block;
}

.mapViewport .drivingDirections .startAddress .error{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.drivingDirections #directions{
	font-size: 12px;
}

.drivingDirections #directions .routeInfo{
	padding: 5px 12px;
	background-color: #f6f6f6;
	border-top: 1px solid #ddd;
}

#directions .routeInfo .directionsAB {
    color: #3f82c3;
    font-weight: bold;
}

.drivingDirections #directions .directionInstructions ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.drivingDirections #directions .directionInstructions ul li{
	border-top: 1px solid #ddd;
	padding: 10px 12px;
	position: relative;
}
.drivingDirections #directions .directionInstructions ul li:hover{
	background-color: #F4F8FD;	
}

.drivingDirections #directions .directionInstructions ul li b{
/* 	 font-family: "Open Sans Condensed"; */
	 font-size: 13px;
	 float: left;
	 color: #C90000;
}

.drivingDirections #directions .directionInstructions ul li .directionText{
	margin-left: 40px;
	margin-right:65px;
	display: block;
}

.drivingDirections #directions .directionInstructions ul li .distance{
/* 	 font-family: "Open Sans Condensed"; */
	 font-size: 13px;
	 position: absolute;
	 right: 12px;
	 top: 10px;
	 font-weight: bold;
}



.claimantDatabox.vendor {
	margin-bottom: 10px;
	
}
.claimantDatabox.vendor .inside-border{
	padding: 10px 10px 10px 5px;	
}


.vendor .vendorNumber {
    background: url("../img/BulbBlue.jpg") no-repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 10px;
    font-weight: bold;
    height: 32px;
    text-align:center;
    padding-top: 1px;
    width: 32px;
    font-family: "Open Sans Condensed";
}

.vendor  .vendorName {
    color: #428bca;
    display: block;
	font-weight:bold;
    font-size: 15px;
}

.vendor  .venderDetails{
	display: block;
	margin-left: 40px;
}
.vendor .deatilFulWd{
	float: left;
	width: 100%;
	font-size: 13px;
}

.vendor  .venderDetails:after{
	display: block;
	content: ' ';
	clear: both;
}

.btn-secondary.btn-small{
	font-size: 15px;
	line-height: 15px;
}


#displayError{
	font-size: 13px;
	color:#ff0000;
	display: block;
	text-align: center;
}

.searchError ul {
	list-style: none;
	margin :0;
	padding:0;
}

.mapViewport .map-fw .MicrosoftMap{
	height:100% !important;
}

@media ( min-width : 768px) {
	.mapViewport #directionsForm .padd-right-0{
		padding-right:0;
	}	
	
	.mapViewport #directionsForm .padd-left-0{
		padding-left:0;
	}	
}

@media ( max-width : 1024px) {
	
}

@media ( max-width : 992px) {
	
}

/*iPad portrait*/
@media ( max-width : 767px) {
	.mapViewport .drivingDirections{
		float: none;
		height: auto;
	}
	
	.drivingDirectionsviewPort .directionPagination{
		display: none !important;
	}
}	

/*Android Nexus4 landscape*/
@media ( max-width : 600px) {

}

/*iPhone 5 Landscape*/
@media ( max-width : 568px) {
}

/*iPhone 3-4 Landscape*/
@media ( max-width : 480px) {
	.vendor  .venderDetails .col-xs-9, .vendor  .venderDetails .col-xs-3{
		width: 100%;
	}
	
	.vendor .vendorAddress{
		margin-bottom: 10px;
	}
}
/*Android Nexus4 portrait*/
@media ( max-width : 384px) {
	.formbox .opfntfml .form-control {
		width: 68px;
	}
	.formbox .opfntfml .secndbox {
		margin-left: 39px !important;
	}
	#editAddresss .btn-secondary.btn-small{
		margin-bottom: 5px;
	}
}

/*iPhone 3-4-5 portrait*/
@media ( max-width : 350px) {
	
}