/**
 * global element definitions
 */

body
{
  font-family:"Arial", "Helvetica", sans-serif;
  text-align:center;
  background:#ffffff url('../images/mr_v1_body-bg.jpg') repeat-y center;
}

a
{
}

a:link
{
  text-decoration:underline;
}

a:hover
{
  text-decoration:none;
}

a:focus
{
  text-decoration:none;
}

em
{
  font-style:none;
}

/**
 * global id definitions 
 */

#Container
{
  margin:0 auto;
  width:1000px;
  text-align:left;
}

/**
 * header definitions
 */

#Header
{
  position:absolute;
  height:120px;
  width:1000px;
  background-color:#674287;
  background-image:url('../images/mr_v1_header.jpg');
  background-repeat:no-repeat;
  background-position:top center;
}

#HeaderLogo
{
  /* hide element without using display:none */
  position:absolute;
  left:-9999px;
}

#HeaderNav
{
  position:absolute;
  right:4px;
  bottom:10px;
}

#HeaderNav li
{
  float:left;
}

#HeaderNav a
{
  display:block;
  color:#e2d8ea;
  padding:0px 8px 0px 8px;
  margin:0px 0px 0px 6px;
  text-decoration:none;
  font-size:14px;
  line-height:30px;
  background-color:#674287;
  opacity:.5;
}

.mootools_headerNavMouseenter
{
  color:#664286;
  background-color:#ffffff;
}

.mootools_headerNavMouseleave
{
  color:#e2d8ea;
  background-color:#674287;
}

#HeaderNav h2
{
  position:absolute;
  left:-9999px;
}

#Content
{
  padding-top:120px;
  padding:160px 40px 0 40px;
}

#ContentMain ul
{
  padding-left:20px;
  list-style-type:disc;
  margin:20px 0 20px 20px;
}

#ContentMain ul li
{
  font-size:15px;
  margin:6px 0;
  color:#c2836f;
}

#ContentMain ul li em
{
  font-style:italic;
  display:block;
}

#ContentMain h2
{
  font-size:16px;
  font-weight:bold;
  color:#9b5f4c;
}

#ContentMain h3
{
  font-size:14px;
  font-weight:bold;
  color:#9b5f4c;
}

#ContentMain #Accordion h1,
#ContentMain #Accordion h2,
#ContentMain #Accordion h3
{
  padding:8px 0px 8px 26px;
  background-image:url('../images/arrow-right.jpg');
  background-repeat:no-repeat;
  background-position:10px center;
  opacity:.75;
  cursor:pointer;
  cursor:hand;
}

#ContentMain #Accordion h1:hover,
#ContentMain #Accordion h2:hover,
#ContentMain #Accordion h3:hover
{
  background-image:url('../images/arrow-down.jpg');  
  background-color:#fcf7f5;
}

#ContentMain #Accordion h1.active,
#ContentMain #Accordion h2.active,
#ContentMain #Accordion h3.active
{
  opacity:1;
  background-image:url('../images/arrow-down.jpg');  
  background-color:#fcf7f5;
}

#Accordion {
  margin-bottom:30px;
}

#Accordion em
{
  font-weight:bold;
}

#ContentMain #Accordion div
{
  padding-left:10px;
}

.twoColumb #ContentMain
{
  float:right;
  width:620px;
}

.homePage #ContentMain
{
  float:right;
  width:620px;
}

#ContentMain h1
{
  font-family:"Optima";
  font-weight:bold;
  color:#774c9b;
  font-size:24px;
  padding-bottom:16px;
}

.homePage #ContentMain ul.locationListing
{
  list-style-type:none !important;
  overflow:hidden;
  margin:0 !important;
  margin-left:-20px !important;
  padding:0 !important;
}

.homePage #ContentMain .locationListing li
{
  text-align:center;
  font-size:14px;
  line-height:18px;
  padding:8px;
  color:#c2836f;
  width:282px;
  margin:0 0 20px 20px;
  float:left;
  border:1px solid #ecd9d9;
  background:#f5f5ed url('../images/mr_v1_red-bg.jpg') repeat;
  cursor:pointer;
  cursor:hand;
}

.homePage #ContentMain .locationListing li em
{
  display:block;
  color:#9b5f4c;
  font-weight:bold;
  padding-bottom:3px;
  margin-bottom:3px;
  border-bottom:1px solid #ecd9d9;
}

.homePage #ContentMain .locationListing li:hover
{
  background:#f5f5ed url('../images/mr_v1_red2-bg.jpg') repeat;
}

.homePage #ContentMain .aboutUs
{
  clear:both;
}

#ContentMain p
{
  padding:12px 0;
  color:#9170ae;
  font-size:14px;
}

#ContentNav
{
  width:268px;
}

#ContentNav h2
{
  position:absolute;
  left:-9999px;
}

#ContentNav ul.navList 
{
  padding-top:40px;
}

#ContentNav .navList li
{
  margin-bottom:8px;
}

#ContentNav .navList a
{
  padding-left:8px;
  font-weight:bold;
  font-size:13px;
  line-height:24px;
  text-decoration:none;
  display:block;
  color:#774c9b;
  border:1px solid #e8dbf3;
  border-left-width:4px;
  background:#ffffff url('../images/mr_v1_white-bg.jpg') repeat;
}

#ContentNav .navList a:hover
{
  background:#ffffff url('../images/mr_v1_purple-bg.jpg') repeat;
}

#Footer
{
  clear:both;
  margin-top:40px;
  padding:28px;
  background:#ffffff url('../images/mr_v1_purple-bg.jpg') repeat;
}

#Spacer {
  clear:both;
}

#Footer p
{
  font-size:11px;
  color:#774c9b;
}

/*********************
 LOCATIONS PAGE
 ********************/
  
.locationsPage #ContentMain
{
  float:right;
  width:580px;
  padding:20px;
  border:1px solid #ecd9d9;
  background:#f5f5ed url('../images/mr_v1_white-bg.jpg') repeat;
}
 
.locationsPage #ContentNav
{
  width:300px;
}

.locationsPage #ContentMain h2,
.locationsPage #ContentNav h2
{
  position:relative !important;
  left:0 !important;
  display:block !important;
  font-family:"Optima";
  font-weight:bold;
  color:#774c9b;
  font-size:24px;
  padding-bottom:16px;
}

.locationsPage #ContentMain ul
{
  list-style-type:none;
  padding:0;
  margin:0;
}

.locationsPage #ContentNav ul
{
  list-style-type:none !important;
  padding:0 !important;
  margin:0 !important;
}

.locationsPage #ContentNav li
{
  text-align:left;
  font-size:14px;
  line-height:18px;
  padding:14px 18px 14px 18px;
  color:#c2836f;
  width:232px;
  /* whole width: 262px */
  margin:0 0 20px 0;
  float:left;
  cursor:pointer;
  cursor:hand; 
  border:1px solid #ecd9d9;
  background:#f5f5ed url('../images/mr_v1_red-bg.jpg') repeat;
}

.locationsPage #ContentNav li h3
{
  display:block;
  color:#9b5f4c;
  font-weight:bold;
  padding-bottom:3px;
  margin-bottom:3px;
  border-bottom:1px solid #ecd9d9;
}

.locationsListItem
{
  width: 232px;
  border-right-width: 1px;
  background-color: #f5f5ed;
  background-image: url('/dev/v2/assets/images/mr_v1_red-bg.jpg');
  background-repeat: repeat;
}

.locationsListItemSelected
{
  width:261px;
  border-right-width: 0px;
}

.locationDetails img.locationDetailsPicture
{
  width:558px;
  padding:12px;
  background:transparent url('../images/mr_v1_purple-bg.jpg') repeat;
}

.locationDetailsPhone
{
  float:right;
  width:49%;
}

.locationDetailsAddress
{
  width:49%;
}

.locationDetailsAddress,
.locationDetailsPhone
{
  margin-top:20px;
}

.locationDetailsMap {
  width:556px;
  height:400px;
  clear:both;
  margin-top:16px;
  padding:12px;
  background:transparent url('../images/mr_v1_purple-bg.jpg') repeat;
  text-align:center;
}

.locationDetailsInnerMap {
  width:556px;
  height:400px;
}

.mapsInfoWindow {
  height:80px;
  width:304px;
  text-align:left;
}

.mapsInfoWindow h1 {
  font-family:"Optima" !important;
  font-weight:bold;
  color:#774c9b;
  padding-bottom:2px !important;
  margin:0 0 20px 0 !important;
  font-size:16px !important;
  border-bottom:2px solid #efe7e0;
}

.mapsInfoWindow form {

}

.mapsInfoWindow label {
  font-size:12px;
  padding-bottom:4px;
  display:block;
}

.mapsInfoWindow input.mapsInfoWindowSaddr {
  width:240px;
}

.mapsInfoWindow input.mapsInfoWindowSubmit {
  margin-left:4px;
}

.locationDetails h3
{
  font-family:"Optima" !important;
  font-weight:bold;
  color:#774c9b;
  padding-bottom:2px;
  border-bottom:2px solid #efe7e0;
}

.locationDetailsAddress address,
.locationDetailsPhone address
{
  padding:10px 0 12px 0;
  line-height:20px;
  font-size:15px;
  color:#9170ae;
}

/*********************
 CLASSES
 ********************/
 
.imageWithDesc
{
  padding:8px;
  text-align:center;
  background:#ece3f4 url('../images/mr_v1_purple-bg.jpg') repeat;
  border:1px solid #e3d9ec;
}

#ContentMain .imageWithDesc,
#ContentMain .imageWithDesc
{
  float:right;
  clear:right;
  width:200px;
  margin:20px 0px 10px 20px;
}

.bonePage #ContentMain .imageWithDesc img,
.mammographyPage #ContentMain .imageWithDesc img 
{
  width:200px;
}

.imageWithDesc q,
.imageWithDesc p
{
  padding-top:8px;
  display:block;
}

.imageWithDesc cite
{
  font-style:italic;
}

.imageWithDesc q,
.imageWithDesc cite,
.imageWithDesc p
{
  font-size:12px;
  color:#774c9b;
}

.copyrightCredit
{
  float:right;
}

/**
 * tool tip styling
 */
.tip
{
  width:300px;
  padding:20px;
  border:8px solid #e3d9ec;
  background:#ece3f4 url('../images/mr_v1_purple-bg.jpg') repeat;
}

.tip .tip-title
{
  font-family:"Optima";
  color:#774c9b;
  font-size:14px;
  border-bottom:2px solid white;
  padding-bottom:8px;
  margin-bottom:8px;
  display:none;
}

.tip .tip-text
{
  font-family:"Arial", sans-serif;
  color:#774c9b;
  font-size:12px;
}

.tip .tip-text em
{
  font-style:none;
  font-weight:bold;
}