@import "/common/css/section/property/property.css";

#primaryContainer h2{
    margin-bottom: 3px;
}

#primaryContainer h3{
    font-size: 12px;
    margin: 18px 0 9px;
}

#primaryContainer{
    border-right: 10px solid #ffffff;
    background: #EBE9E9 url(/alofthotels/images/leftColumnBottom.gif) no-repeat left bottom;
    min-height: 600px;
}

* html #primaryContainer{
	border-right: 9px solid #ffffff;
    height: 600px;
}

#primaryContainer #primaryContainerInner{
    background: url(/alofthotels/images/leftColumnTop.gif) no-repeat left top;
    padding: 0;
    min-height: 630px;
}

#secondaryContainer{
    background: url(/alofthotels/images/rightColumnTopPPE.gif) no-repeat left top;
}

#propertyInformation{
    background:#FFFFFF url(/alofthotels/images/hotelAddressBackground.gif) no-repeat scroll left top;
    height:76px;
}

#secondaryContainer #leftNavitems{
    background: url(/alofthotels/images/rightColumnTopPPEBottom.png) no-repeat right bottom;
    min-height: 191px;
    padding-bottom: 33px;
}

* html #secondaryContainer #leftNavitems{
    background: url(/alofthotels/images/rightColumnTopPPEBottom.gif) no-repeat right bottom;
}

#secondaryContainer .leftNav a, #secondaryContainer .leftNav a:visited{
    font-weight:bold;
}

#secondaryContainer .leftNav a.locked, #secondaryContainer .leftNav a:visited.locked{
    color:#ffffff;
    text-decoration:none;
}

#secondaryContainer #roomsModule {
    margin: 10px 14px 0 28px;
    color: #ffffff;
}

#secondaryContainer #roomsModule h3{
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 8px;
    color: #ffffff;
}

#checkinTfield .formfield, #checkoutTfield .formfield {
    width: 105px;
}

#secondaryContainer .actionButton {
    float: right;
    background: transparent url( /alofthotels/images/global/btn/bgLeftDark.gif ) center left no-repeat;
    margin: 10px 0 0 0;
}

#secondaryContainer .actionButton button {
    background: transparent url(/alofthotels/images/global/btn/bgRightDark.gif) center right no-repeat;
    color: #303e47;
    margin-left:10px;
    padding:0 14px 0 0;
    text-transform:uppercase;
    text-align: right;
    font-size:11px;
    font-weight:bold;
}

*html #secondaryContainer .actionButton {
    width: 1px;
    overflow: visible;
    padding-left: 10px;
}

*html #secondaryContainer .actionButton button {
    padding:0 14px 0 0;
    margin-left: 0;
    overflow: visible;    
}

#secondaryContainer #bestRateContainer{
    margin: 10px 14px 10px 28px;
}

 #secondaryContainer .linkBox{
    margin: 28px 14px 0 28px;
}

#secondaryContainer #redeembox {
    margin: 28px;
    padding: 4px 10px;
    background-color: #404d55;
    text-align: center;
    color: #ee4d9b;
    border: #d8d8d8 dotted 1px;
}

#primaryContainer #contentArea{
    padding: 25px;
}

#propertyInformation ul li,
#propertyInformation ul li.addDot {
    background-image: url(/common/images/gray_dot.gif);
}

#propertyInformation #propertyAddress .propertyMap{
    background-image: none;
}

#propertyInformation #propertyAddress .propertyPhoneNumber{
    clear: left;
}

#brandnavcontainer ul li {
    padding: 8px 18px;
}

#contentArea .highlightBox{
    background: #D8D8D8 url( /alofthotels/images/ppeHighlightBoxBottom.gif ) no-repeat bottom left;
    margin:4px 1px 13px 0;
    padding: 0 0 20px 0;
    border: none;
    min-height: 40px;
}

* html #contentArea .highlightBox{
    height: 40px;
}

#contentArea .highlightBox h4{
    background: #D8D8D8 url( /alofthotels/images/ppeHighlightBoxTop.gif ) no-repeat top left;
    padding: 14px 22px 0;
    margin-bottom: 4px;
}
#contentArea .highlightBox .awardText {
    background: #D8D8D8 url( /alofthotels/images/ppeHighlightBoxTop.gif ) no-repeat top left;
    padding: 14px 22px 0;
    margin-bottom: 4px;
}
#contentArea .highlightBox .highlightBoxInnerContainer table{
    margin: 0;
}

#contentArea .highlightBox div.highlightImage{
    padding: 0 0 14px 22px;
}

#contentArea .highlightBox .highlightText{
    width: 451px;
    padding: 0 22px 0 0;
}

#contentArea .highlightBox.noImage div.highlightText {
    padding: 0 22px;
    width: 500px;
}

#contentArea .highlightBox.noImage .highlightBoxInnerContainer div.highlightText {
    padding: 0;
}

#contentArea .highlightBox div.highlightText p {
    margin-bottom: 0;
}

/* begin icons */
a.hotelFactsLink, a.hotelFactsLink:visited, #contentArea a.hotelFactsLink, #contentArea a.hotelFactsLink:visited {
	    background: transparent url(/Media/Graphics/Brands/aloft/Images/factSheetIcon.gif) no-repeat scroll left;
}
.meetingFactsLink{
    background: transparent url(/Media/Graphics/Brands/aloft/Images/factSheetIcon.gif) no-repeat scroll 3px;
    padding: 18px;
}

a.virtualTourLink, a.virtualTourLink:visited, #contentArea a.virtualTourLink, #contentArea a.virtualTourLink:visited {
    background-image: url('/alofthotels/images/360degree.gif');
}

a.videoTourLink, a.videoTourLink:visited, #contentArea a.videoTourLink, #contentArea a.videoTourLink:visited {

}

a.campusMapLink, a.campusMapLink:visited, #contentArea a.campusMapLink, #contentArea a.campusMapLink:visited {

}

a.capacityChartLink, a.capacityChartLink:visited, #contentArea a.capacityChartLink, #contentArea a.capacityChartLink:visited {
    padding: 0;
}

a.floorPlanLink, a.floorPlanLink:visited, #contentArea a.floorPlanLink, #contentArea a.floorPlanLink:visited {
    padding: 0;
}
/* end icons */
#contentArea .relatedLinks li.notFirst {
	border-color: #EBE9E9;
    padding: 0px 10px 0px 10px;
}
h4.crisisMessage {
	color: #FF0000;
}
/* Social Media */
#socialMediaContainer .staticContainer, #socialMediaContainer .feedsContainer, #propEvents{
    background: url("/alofthotels/images/ppeHighlightBoxBottom.gif") no-repeat scroll left bottom #D8D8D8;
}

#socialMediaContainer .mediaConnectHeader, #propEvents h3 {
    background: url("/alofthotels/images/ppeHighlightBoxTop.gif") no-repeat scroll left top transparent;
}

#socialMediaContainer .staticContainer, #socialMediaContainer .feedsContainer, #propEvents {
    width: 590px;
    height: auto;
}

#socialMediaContainer .propFBLike {
	float: left;
    margin-left: 8px;
    width: 350px;
}

#socialMediaContainer .staticContainer .contentBox .desc {
	width: 555px;
	padding: 0;
}

*:first-child+html #socialMediaContainer .staticContainer .contentBox .desc {
	width: 450px;
}

*:first-child+html #socialMediaContainer .feedsContainer .contentBox {
	padding-bottom: 10px;
}

#socialMediaContainer .staticContainer .contentBox {
    float: left;
    height: auto;
    margin-top: 0;
    padding: 10px 0 10px 10px;
    width: 560px;
}

#socialMediaContainer .contentBox {
    margin: 10px;
}

#socialMediaContainer .feedsList {
	padding: 0;
}

#socialMediaContainer .feedsList li {
	list-style-type: none;
	float: left;
	width: 570px;
}

#socialMediaContainer .feedsList .feed {
	word-wrap: break-word;
}

#socialMediaContainer .staticContainer .contentBox #flickrImg {
    display: block;
    height: 59px;
    margin: 0 10px 0 0;
    width: 88px;
    float: left;
}

#socialMediaContainer .staticContainer .contentBox .actionLink {
    position: static;
    padding: 0;
    background: none;
}

#socialMediaContainer .staticContainer .contentBox .actionLink a {
    background: none;
    color: #EE4D9B;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-transform: none;
}

#socialMediaContainer .moreLink {
	display: none;
}

#propEvents {
	margin: 5px 5px 15px 5px;
}

#propEvents h3 {
	padding: 15px 0 10px 13px;
	font-size: 16px;
	color: #EE4D9B;
	margin: 0;
	border-bottom: 1px dotted #FFFFFF;
}

#propEvents .contentBox {
	margin: 0;
	padding: 20px 10px 10px 25px;
}

#propEvents .moreLink, #propEvents .eventTitle {
	font-weight: bold;
	color: #EE4D9B;
}

#propEvents .allEventLink {
	padding: 0 0 12px 13px;
	font-weight: bold;
}

#socialMediaContainer #foursquareBlock .contentBox label {
    float: left;
    width: 25%;
}

#errorBlock, #checkin .error, #checkout .error {
	color: #FF0000;
}