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

#siteContainer #contentContainer {
    background: url(/element/images/property/twoColumnBg.gif) top left repeat-y;
}

#primaryContainer{
    width:651px;
    margin-bottom: 8px;
}

#secondaryContainer{
    width: 173px;
}

#secondaryContainer .linkBox{
    margin: 20px 0;
    width: 150px
}

#secondaryContainer #bestRate {
    float: left;
    margin: 5px 0;
}

.hotelFactsLink {
    background: transparent url(/Media/Graphics/Brands/element/Images/factSheetIcon.gif) no-repeat scroll left top;
}
.meetingFactsLink{
    background: transparent url(/Media/Graphics/Brands/element/Images/factSheetIcon.gif) no-repeat scroll left top;
    padding-left:16px;
}

#propertyInformation{
    background-color: #E5EDD6;
}

#header {
    width:927px;
}

#propertyInformation h1,
#propertyInformation ul{
    width: 917px;
    margin:auto;
}

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

#propertyInformation h1   {
    height:9px;
    font-weight:bold;
    text-transform:lowercase;
    font-size: 10px;
    color: #70665d;
    padding: 9px 5px 2px;
    margin: 0 auto;
}

#propertyInformation ul{
    color: #72756D;
    font-size: 11px;
    padding: 10px 5px 0;
}

#propertyInformation ul#additionalpropertyAddress{
    padding: 0 5px 8px;
}

#brandnavcontainer{
    clear: both;
    background-color: #D1DBBF;
}

#brandnavcontainer ul{
    width: 943px;
    margin: auto;
    font-family:verdana,arial,sans-serif;
    letter-spacing: 0;
    text-transform: lowercase;
}

#brandnavcontainer ul li a {
    background-color: #D1DBBF;
    padding: 9px 15px;
    display: block;
    font-size: 12px;
    font-family: arial;
    color: #3C3F38;
    text-decoration: none;
    font-weight: normal;
}

#brandnavcontainer ul li a:hover,
#brandnavcontainer ul li a.locked {
    background-color:#ACC088;
    color:#FFFFFF;
    font-weight: bold;
}

/*Default local mast head image - Overwrite in local css if needed*/
#mastHeadContainer {
    background:#60874b url("/element/images/mastHead/ppeMastHdBg.jpg") no-repeat top right;
    height:210px;
}

/*Section header image*/
#mastHeadContainer #sectionHeaderContainer  {
    background:url("/element/images/mastHead/ppeSectionHdBg.jpg")  no-repeat top left;
    height:210px;
    width:908px;
}

#largeImage {
    margin:0;
    padding:0;
    border:none;
    height:210px;
}

#mastHeadContainer #sectionHeaderContainer #sectionHeaderContent    {
    height:210px;
    width:212px;
    float:left;
    margin:0;
    padding:0;
}
#mastHeadContainer #sectionHeaderContainer #sectionHeaderContent #sectionHeaderNav,
#mastHeadContainer #sectionHeaderContainer #sectionHeaderContent #sectionHeaderNav #backgroundbox,
#mastHeadContainer #sectionHeaderContainer #sectionHeaderContent #sectionHeaderNav #backgroundbox #leftNavitems {
    margin:0;
    padding:0;
    text-transform:lowercase;
}

#mastHeadContainer #sectionHeaderContainer  #slideshowContainer {
    width:695px;
}

#mastHeadContainer #sectionHeaderContainer  #slideshowContainer,
#mastHeadContainer #sectionHeaderContainer  #slideshowContainer #photo,
#mastHeadContainer #sectionHeaderContainer  #slideshowContainer #navigation {
    float:left;
}

#mastHeadContainer #sectionHeaderContainer  #slideshowContainer #photo #caption,
#mastHeadContainer #sectionHeaderContainer  #slideshowContainerNppe #nppePhoto #caption {
    position:absolute;
    top:0;
    left:0;
    display:none;
}

#mastHeadbackgroundColorTwo {
    height:210px;
}

#horizontalSlideshow {
    clear: both;
    margin:0;
    padding:0;
    width: 820px;
    height: 210px;
    background-color: #FFFFFF;
}

#ubImageContainer {
    border:none;
    float: left;
    width: 547px;
    height: 210px;
    margin:0;
}

#sqImageContainer {
    border:none;
    float: left;
    width: 273px;
    height: 210px;
    margin:0;
}

#contentContainer{
    width: 908px;
    margin: 0 auto;
    font-size: 12px;
}

h2{
    font-size: 26px;
    font-weight: normal;
    padding: 0;
    height: 26px;
    margin-bottom: 10px;
}

h3{
    font-size:14px;
    margin: 10px 0;
}

.highlightBox {
    background-color: #E5EDD6;
    border: 1px solid #E5EDD6;
    margin-bottom: 20px;
    padding: 10px 20px 20px;
}

.highlightBox div.highlightText {
    width: 514px;
}

.clearDiv{
    clear: both;
}

#contentArea ul.linkGrouping li{
    border-left: 1px solid #72756D;
}

/* begin icons */
a.hotelFactsLink, a.hotelFactsLink:visited, #contentArea a.hotelFactsLink, #contentArea a.hotelFactsLink:visited {
    text-decoration: inherit;
}

a.virtualTourLink, a.virtualTourLink:visited, #contentArea a.virtualTourLink, #contentArea a.virtualTourLink:visited {
    text-decoration: inherit;
}

a.videoTourLink, a.videoTourLink:visited, #contentArea a.videoTourLink, #contentArea a.videoTourLink:visited {
    text-decoration: inherit;
}

a.campusMapLink, a.campusMapLink:visited, #contentArea a.campusMapLink, #contentArea a.campusMapLink:visited {
    text-decoration: inherit;
}

a.capacityChartLink, a.capacityChartLink:visited, #contentArea a.capacityChartLink, #contentArea a.capacityChartLink:visited {
    text-decoration: inherit;
}

a.floorPlanLink, a.floorPlanLink:visited, #contentArea a.floorPlanLink, #contentArea a.floorPlanLink:visited {
    text-decoration: inherit;
}

a.virtualTourLink:hover, #contentArea a.virtualTourLink:hover, a.hotelFactsLink:hover, #contentArea a.hotelFactsLink:hover,
a.videoTourLink:hover, #contentArea a.videoTourLink:hover, a.campusMapLink:hover, #contentArea a.campusMapLink:hover,
a.capacityChartLink:hover, #contentArea a.capacityChartLink:hover, a.floorPlanLink:hover, #contentArea a.floorPlanLink:hover {
    text-decoration: underline;
}
/* end icons */
#contentArea .relatedLinks li.notFirst {
	border-color: #DCD7D2;;
    padding: 0px 10px 0px 10px;
}

h4.crisisMessage {
	color: #FF0000;
}

/* Social Media */
#socialMediaContainer .staticContainer, #socialMediaContainer .feedsContainer {
    width: 614px;
    height: auto;
}

#socialMediaContainer .staticContainer .contentBox .desc {
	width: 564px;
}

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

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

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

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

#socialMediaContainer .contentBox {
    margin: 10px;
}

#socialMediaContainer .feedsList li {
	width: 574px;
}

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

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

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

#socialMediaContainer .staticContainer .contentBox .actionLink a {
    background: none;
    color: #78A22F;
    padding: 0;
    text-transform: none;
}

#socialMediaContainer .moreLink {
	display: none;
}

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