/* clearfix {{{ */

#hospitals,
#hospitalPage,
#tabs .panel,
#tabs,
#hospitalIntro .bottom,
#tabs ul.links {
    height: 1%;
}

#hospitals:after,
#hospitalPage:after,
#hospitalIntro .bottom:after,
#tabs .panel:after,
#tabs:after,
#tabs ul.links:after
{
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0.1px;
}

/* }}} */
/* Hospitals frontpage {{{ */
#hospitals { 
    /* clearfix */
    background: url(/userfiles/images/hospitals/notepaper.jpg) no-repeat top center; 
}

#hospitals h2 {
    font-size: 18px;
    margin: 0 0 10px 0;
}

#hospitals h2 a { color: #5C4E5F; }

#hospitals li {
    float: left;
    background: url(/userfiles/images/hospitals/hospital-item-bg.jpg) no-repeat;
    margin: 0 14px 12px 0;
    width: 292px;
}

#hospitals .hospital-item { padding: 16px 18px 0 18px; }

#hospitals li.right { margin-right: 0; }

#hospitals .hospitalImage img { display: block; }

#hospitals .hospitalImage {
    padding: 8px;
    border: #777 1px dashed;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#hospitals .hospitalImage-inner {
    width: 239px;
    overflow: hidden;
}

#hospitals .bottom {
    background: url(/userfiles/images/hospitals/hospital-item-bottom.jpg) no-repeat left bottom;
    height: 18px;
}

#map h3 {
    border: 0;
    font-size: 16px;
    background: none;
    margin: 0;
}

/* }}} */
/* Hospital page {{{ */

#hospitalPage {
    /* clearfix */
    background: url(/userfiles/images/hospitals/notepaper.jpg) top center;
}

#hospitalIntro {
    /* clearfix */
    background: white url(/userfiles/images/hospitals/hospital-intro-bg.png) no-repeat top left;
    width: 598px;
}

#hospitalIntro .text {
    /* clearfix */
    margin: 0 0 0 0;
    padding: 10px 20px 20px 20px;
    overflow: hidden;
}

#hospitalIntro .text h2 {
    font-size: 20px;
    margin: 10px 0;
}

#hospitalIntro .image {
    position: relative;
    width: 267px;
    height: 305px;
    overflow: hidden;
    float: left;
    margin: -10px 20px 20px -20px;
}

#hospitalIntro .image img {
    display: block;
    padding: 20px 10px 0 10px;
}

#hospitalIntro .image em {
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: -3px;
    left: 3px;
    width: 267px;
    height: 305px;
    background: url(/userfiles/images/hospitals/hospital-photo-overlay.png) no-repeat;
}

#hospitalIntro .bottom {
    /* clearfix */
    background: url(/userfiles/images/hospitals/hospital-intro-bottom.png) no-repeat bottom left;
    padding-bottom: 18px;
    position: relative;
}

#hospitalIntro .more {
    text-indent: -9999px;
    display: block;
    float: right;
    background: url(/userfiles/images/hospitals/more.png) no-repeat;
    margin-right: 10px;
    width: 53px;
    height: 20px;
}

.divider {
    background: url(/userfiles/images/hospitals/drawn-line.png) no-repeat center bottom;
    height: 8px;
    margin: 20px 0;
}
/* }}} */
/* Tabs {{{ */
.gallery-image {
    width: 100px;
    height: 65px;
    overflow: hidden;
    margin: 8px 0 0 8px;
    float: left;
    border: #E2E2E2 2px solid;
}

#tabs #gallery {
    background: url(/userfiles/images/hospitals/green-tab.png) top left;
    padding: 16px 0 20px 14px;
}

#gallery-tab { background: transparent url(/userfiles/images/hospitals/gallery.png) top left no-repeat; }

#features { background: url(/userfiles/images/hospitals/yellow-tab.png) top left; }

#features-tab { background: url(/userfiles/images/hospitals/features.png) top left no-repeat; }

#tour { background: url(/userfiles/images/hospitals/purple-tab.png) top left; }

#tour-tab { background: url(/userfiles/images/hospitals/tour.png) top left no-repeat; }

#tabs {
    /* clearfix */
    margin: 20px 0 0 0; 
}

#tabs .panel {
    /* clearfix */
    padding: 20px;
    border: 1px #aaa solid;
    border-width: 0 1px 1px 0;
}

#tabs ul.links { 
    /* clearfix */
    margin: 0 0 0 60px; 
}

#tabs ul.links li {
    float: left;
    padding: 0;
    margin: 0 8px 0 0;
}

#tabs ul.links a {
    display: block;
    width: 133px;
    height: 30px;
    text-indent: -9999px;
}

/* }}} */
/* Contact {{{ */
#contact { margin: 20px 0 0 0; } 

#hospitalPage #map-wrapper {
    float: right;
    padding: 8px;
    border: #777 1px dashed;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#hospitalPage #map {
    width: 300px;
    height: 300px;
    margin: 0;
    overflow: hidden;
}

#contact-content {
    float: left;
    margin: 0 0 0 24px;
    width: 245px;
    display:inline;
}

#contact-content .contact-details {
    background:url(/userfiles/images/hospitals/contact-details.png) no-repeat;
    display: block;
    height: 37px;
    width: 250px;
    text-indent: -9999px;
}

.website { /*display: block;*/ }

#contact dl { margin: 10px 0; }

#contact dt {
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

#contact dd { font-weight: normal; }
/* }}} */