/* start Locations */
.oneCol { float: left; clear:left; }
.oneCol .main { width: 710px; }
a.share { display: block; width: 75px; height: 22px; background: url(/images/PPDI/sub/share.png) no-repeat; text-indent: -9999px; float: right; margin-bottom: 20px; }
#locationHeadquarters { display: block; margin: 10px auto 3px; }
#locationKey { border: 1px solid #D3D3D3; /*width: 680px;*/width:100%; margin: 19px 0 26px; padding: 0 14px; float: left; background: #fbfafa; }
#locationSelector { padding: 0 14px; }
#locationSelectorPadded { background: url(/images/PPDI/icons/seeAll.png) repeat-x bottom; padding: 12px 0; }

.locationBg
{
    /*background: url('/images/PPDI/sub/location-bg.jpg') no-repeat 50% 0!important;*/
    position: absolute;
    left: 0;
    width: 100%;
    height: 610px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 0;
    overflow: hidden;
}
.locationMain { margin-top: 7px }
.locationMain h2 { color:rgb(91,85,87); font-size: 26px; line-height: 94% }
.locationMessageImg { display: block; float: left; margin: 0 14px 11px 0; }
.locationList { border: 1px solid #D3D3D3; border-bottom: none; margin: 2px 0 29px; float: left; }
.locationKeyItem { float: left; width: 170px; padding: 12px 0; font-size: 9px }
.locationKeyItem h2 { color: rgb(89,118,144); font-size: 20px }
.locationKeyItem h2 img { position: relative; top: -1px; left: 2px }
.locationKeyItem p { padding-right: 10px; margin: 0 }
.locationDropdownWrapper { 
	font-size: 14px; 
	display: inline-block; 
	height: 30px; 
	margin: 0 8px 30px 0; 
	position: relative; 
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,color-stop(0, rgb(248,248,248)),color-stop(1, rgb(241,241,241)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%);
	background-image:linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#fff1f1f1)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#fff1f1f1);
}
.locationDropdown {
	cursor: pointer;
	padding: 7px 12px;
	/*height: 16px;*/
	border: 1px solid #D3D3D3; 
	background: url('/images/PPDI/sub/location-dropdown-inactive.png') no-repeat 172px 0;
}
.locationDropdownActive {
	background-image: url('/images/PPDI/sub/location-dropdown-active.png');
}
.locationDropdown, .locationDropdownCurrent { width: 205px }
.locationDropdown:hover { background-image: url('/images/PPDI/sub/location-dropdown-noline.png'); }
.locationDropdown:hover, .locationFlyover { border-color: white; background-color: white; }
.locationDropdownClose, .locationDropdownCurrent, .locationFlyover, .markerInfoWindow, .markerInfoWindowBg, .markerInfoWindowContent { position: absolute; } 
.locationDropdownClose { top: 0px; left: 100%; margin-left: -28px; padding:0;}
.locationDropdownCurrent, .locationFlyover { padding: 8px 12px; font-size: 12px }
.locationDropdownCurrent { top: 46px; /*left: 0px;*/ background: white; /*height: 12px;*/ border: 1px solid #D3D3D3;  font-weight: bold; }
.locationFlyover {
	display: none;
	top:30px;
	left:0;
	width: 204px;
	max-height: 500px;
	overflow: auto;
	z-index: 200;
}
.countryFlyover {
	width: 234px;
}
#mapRegions img {
	position: absolute;
	z-index: 0;
}
.locationHover {
	position: absolute;
	visibility: hidden;
}
.locationHover img {
	z-index: 1;
}
.locationHover .markerInfoWindow {
	z-index: 1800;
}
#africa, .africaHover {
	top: 151px;
	left: 305px;
}
.africaHover .markerInfoWindow {
	top: 49px;
	left: 106px;
}
#mideast, .mideastHover {
	top: 145px;
	left: 397px;
}
.mideastHover .markerInfoWindow {
	top: 4px;
	left: 63px;
}
#europe, .europeHover {
	top: 16px;
	left: 207px;
}
.europeHover .markerInfoWindow {
	top: 125px;
	left: 245px;
}
.europeHover .markerInfoWindowBg { 
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.europeHover .markerInfoWindowContent {
	top: 22px;
	left: -15px;
}
#latinAmerica, .latinAmericaHover {
	top: 159px;
	left: 127px;
}
.latinAmericaHover .markerInfoWindow {
	top: 75px;
	left: 126px;
}
#northAmerica, .northAmericaHover {
	top: 18px;
	left: 24px;
}
.northAmericaHover .markerInfoWindow {
	top: 81px;
	left: 183px;
}
#asia, .asiaHover {
	top: 112px;
	left: 458px;
}
.asiaHover .markerInfoWindow {
	top: 49px;
	left: -154px;
}
.asiaHover .markerInfoWindowBg { 
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	left: 147px;
}
.asiaHover .markerInfoWindowContent {
	left: 0;
}
.locationFlyover, .locationDropdown:hover {
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.6);
	box-shadow:0px 0px 5px rgba(0,0,0,0.6);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#b3000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#b3000000,Positive=true); 
}
.locationFlyoverShadowHide {
	position: absolute;
	display: none;
	height: 5px;
	width: 204px;
	background: white;
	top: 26px;
	left: 0;
	z-index: 1250;
}
.locationFlyover ul li { list-style-type: none !important; background-image: none ; white-space: nowrap}
.locationFlyover > ul, .locationFlyover > ul > li { padding: 0; margin: 0; font-size: 12px; line-height: 150%; }
/*.locationFlyover > ul > li:first-child { background: url('/images/PPDI/icons/seeAll.png') repeat-x bottom !important; padding-bottom: 6px !important; margin-bottom: 6px  !important; }*/
.locationDropdown:hover > .locationFlyover { display: block }
.locationDropdown:hover > .locationDropdownCurrent { display: none }
.locationDropdown:hover > .locationFlyoverShadowHide { display: block }
.locationList h3 { display: inline-block; margin: 0 11px 6px 0; padding: 0; }
.locationList .nav { display: inline-block; position: relative }
.locationList .location { border-bottom: 1px solid #D3D3D3; padding: 16px 0; float: left; width: 708px; font-size: 14px; background: #fbfafa; }
.locationList .location div { margin: 0 0 5px; }
.locationList .location h3 { font-size: 16px; color: rgb(91,85,87); }
.locationList .location .locationLeft { float: left; width: 294px; padding: 0 14px; background: url(/images/PPDI/icons/eventDivide.png) repeat-y top right; }
.locationList .location .locationRight { float: right; width: 358px; padding: 0 14px; }
.locationList .locationRight div { margin: 0 0 9px; }
.locationList .locationLeft .country, .locationLeft .seeAll { display: inline-block; }
.locationList .locationLeft .seeAll a, .markerInfoWindow .seeAll a { font-weight: normal; background: url(/images/PPDI/icons/seeAllArrow.png) no-repeat 100% 5px; font-size: 1em; padding-right: 11px; }
.locationList .locationLabel, .locationDetail { float: left; }
.locationList .locationLabel { width: 87px; font-variant: small-caps; color: rgb(153,144,137); font-size: 13px }
.locationList .locationDetail { width: 226px; }
span.streetAddress, span.cityState { color:rgb(90,118,144); }
span.cityState { margin-bottom: 4px; }
.location, .phone { color:rgb(91,85,87); }
.country { margin-bottom: 0; }
.portlets .locationPrintAll {
	position: relative;
	padding: 0;
	height: 44px;
	border:1px solid rgb(211,211,211);
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,color-stop(0, rgb(248,248,248)),color-stop(1, rgb(241,241,241)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%);
	background-image:linear-gradient(rgb(248,248,248) 0%,rgb(241,241,241) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#fff1f1f1)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#fff1f1f1);
}
.portlets .locationPrintAll h2 { font-size:16px; width: 136px; color:rgb(90,118,144); display: inline-block; border: none; border-right: 1px solid rgb(211,211,211); padding-bottom: 7px; }
.portlets .locationPrintAll .pdfIcon { position: absolute; top: 0; left: 100%; padding-top: 14px; height: 30px; width: 30px; margin-left: -30px; border-left: 1px solid white; }
.pdfIcon img { position: relative; display: block; margin: 0 auto; left: -1px; }
.mapMarker { display: block; position: absolute; z-index: 200 }
.mapMarker:hover { z-index: 300 }
.markerInfoWindow { width: 175px; height: auto; }
.markerInfoWindow .seeAll { background: url('/images/PPDI/icons/seeAll.png') repeat-x top; padding-top: 11px }
.markerInfoWindow .seeAll a { background-position: 100% 6px }
.markerInfoWindowBg { background: url('/images/PPDI/sub/info-window-angle.png') no-repeat 3px 7px; width: 23px; height: 30px; z-index: 205; }
.markerInfoWindowContent {
	left: 19px;
	width: 125px;
	padding: 12px 13px;
	background: white;
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.7);
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.7);
	box-shadow:0px 1px 3px rgba(0,0,0,0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#b3000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#b3000000,Positive=true); 
	z-index: 203;
	font-size: 14px;
}
.markerInfoWindowContent h2 { font-size: 16px; margin-bottom: 11px; }
#mapSubmit { position: absolute; display: none; top: 100%; left: 100%; width: 120px; height: 10px; margin: -24px 0 0 -124px; }
#mapSubmit button { padding: 4px 4px; width: 120px }
#northAmericaMarker { top: 103px; left: 134px }
#europeMarker { top: 93px; left: 335px }
#southAmericaMarker { top: 224px; left: 233px }
#asiaMarker { top: 167px; left: 552px }
#locationWorldMap { width: 708px; height: 346px; position: relative; }

/* end Locations */

.portlets a {
        color: #5a7690;
        font-size: 1.2em !important;
        line-height:18px;
    }

.portlets a:hover {
        color: #4f1c91;
        font-size: 1.2em !important;
    }


.locationList ul li{
        background:none !important;
    }



.locationMain .paginate {
    width:100% !important;
}

.locationMain .pagination {
    border:1px solid #d3d3d3;
    width:100%;
    float:left;
}

.locationMain .paginate ul {
    float:right;
}

.locationMain .mobile-pagination{
        display:none;
        border:none;
    }

.portlets .locationPrintAll {
        height:49px !important;
    }


@media screen and (max-width:1000px) {
    
    .locationDropdownWrapper {
      /*margin:0 8px 15px 0;*/
      /*display:block;*/
      width:205px;
    }

    .locationMain .paginate {
        display: block !important;
        width: 100% !important;
        right: inherit !important;
    }

    .locationMain .desktop-pagination {
        display: none !important;
        border: none !important;
    }
        locationMain .paginate ul {
            right: 30px !important;
        }
    .locationList h3 { display:block !important;
    }

    .countryFlyover {
        width: 100% !important;
    }

    .locationFlyover ul li {
        background: none !important;
    }

    .paginate ul li.prev a, .paginate ul li.next a {
        top: 3px !important;
    }


    .portlets {
        width:97% !important;
        /*padding-left:3%;*/
    }
    
    .portlets .blockPort {
        margin-bottom:0px;
    }

    .portlets .locationPrintAll {
        height:49px !important;
    }

    
    .portlets locationPrintAll.blockPort h2 {
         width:50% !important;
        /* line-height:22px !important;*/
    }
    .portlets .locationPrintAll .pdfIcon {
        padding-top:15px;
    }

     #locationHeadquarters {
        float:left;
        margin:10px 13px;
    }

    .moreInfo {
        clear:none !important;
    }
}

@media screen and (max-width:799px){
     #locationWorldMap,#locationKey {display:none;}

    

    .locationList {
        width:100%;
    }

    .locationList ul li{
        list-style:none !important;
    }

    
    .locationFlyover ul {
        margin-top:5px !important; 
    }
    .oneCol .main {
        width:auto;
    }
    .locationList .location .locationLeft {
        width:50%;
    }

    .locationList .location .locationRight {
         width:50%;
    }

    .locationList .location {
        width:100%;
    }

    .locationDropdown, .locationDropdownCurrent { /*width: 100%; */}

    .locationList .locationDetail { width: 60%; }

    #locationHeadquarters {
        float:left;
        margin:10px 13px;
    }

    .moreInfo {
        clear:none !important;
    }
}



@media screen and (max-width:640px){
     .locationList .location .locationLeft, .locationList .location .locationRight{
        width:100%;
        background:none;
    }
    .locationList .locationLabel { width:20%;
    }
    .locationList .locationDetail { width:79%;
    }
}

@media screen and (max-width:768px){

    .portlets .locationPrintAll h2 { width:100%;
    }
    .portlets .locationPrintAll {
    height:33px !important;
    }
        .portlets .locationPrintAll .pdfIcon { padding-top:8px;
        }
}
@media screen and (max-width:480px) {
    .locationDropdownWrapper {
     display:block;
    }
     .locationList .location .locationLeft, .locationList .location .locationRight{
        width:100%;
        background:none;
    }
    .locationList .location .locationRight {
        padding:10px 14px;
    }
    .locationList .locationLabel { width:32%;
    }
    .locationList .locationDetail { width:67%;
    }
    .locationPrintAll h2 { 
    }
}
/*

@media screen and (max-width: 400px) {

*/


.locationFlyover ul ul {
     margin: 10px 0 9px 11px;
}
.locationFlyover ul li { font-size:12px !important; line-height:150% !important; padding-left:0px !important;
}
.locationDropdownWrapper input[type=radio] { margin:2px 3px;
}