/**************************************************************
* basic_screen.css
*
* Screen specific styles
* CVS: $Id: basic_screen.css,v 1.1.1.1 2004/03/18 05:51:25 kbailey Exp $
**************************************************************/

h1 {
  font-size: 180%;
}

/****************************
* General Style settings
*****************************/

textarea {
  font-family:  Helvetica, Arial, Sans Serif;
  font-size: 10pt;
}

#page-body {
  margin: 0;
  padding: 0;
  background-color: #676767
}

.framed-right {
  float: right;
  margin: 0 0 1em 1.5em;
  padding:0.75em;
  border: 1px solid #BAC8D1;
}

.framed {
  margin: 0 0 1em 1.5em;
  padding:0.75em;
  border: 1px solid #BAC8D1;
}

.spacer {
  margin-top: 2em;
}

.clear {
  clear: both;
}

ul {
  margin-left: 4px;
  margin-top: 1em;
  padding-left: 1em;
}

ul ul{
  margin-top: 0.25em;
  margin-bottom: 1em;
}
.grayed {
  color: #737373;
}

.centered {
  text-align: center;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}  

ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.spaced {
  margin: 0.25em 1em 0.5em 0;
}

ul.spaced li {
  margin: 0.25em 1em 0.5em 0;
}
div.box {
  border: 1px solid #BAC8D1;
  padding: 0.5em;
}

.border-left {
  border-left: 1px solid #BAC8D1;
}

/*****************
* Header Styles
******************/
#header {
  border-bottom: 5px solid #BAC8D1;
  background-color: white;
}

#header-homepage {
  border-bottom: 1px solid gray;
  background-color: white;
}

#header-popup {
  border-bottom: 5px solid #BAC8D1;
  background-color: white;
}


#header-black-bar {
  height: 28px;
  background-color: black;
  background-image: url( /graphics/moon-fade.jpg );
	background-repeat: no-repeat;
	background-position: bottom right;	
}

#name-logo-section {
  font-size: 180%;
  font-weight: bold;
  color: #A8BAC4;
  padding: 20px 20px 10px 20px;  
}

#name-logo-section-popup {
  font-size: 180%;
  font-weight: bold;
  color: #A8BAC4;
  padding: 20px 20px 10px 32px;  
  
}

#global-main-links {
  font-size: 110%;
  font-weight: bold;
  padding: 0 20px 12px 12px;  
}

#global-main-links a {
  text-decoration: none;
  color: black;
  padding: 0 8px 0 8px;
}


#global-main-links a:hover {
  text-decoration: none;
  color: #8CA5B3;
  padding: 0 8px 0 8px;
}

#global-main-links a.selected-tab {
  text-decoration: none;
  color: #8CA5B3;
  padding: 0 8px 0 8px;
}

#global-sub-links {
  font-size: 75%;
  float: right;
  padding-top: 2px;
}


.global-sub-link-bar {
  font-size: 90%;
  font-weight: normal;
}

.global-sub-link-bar2 {
  font-size:100%;
  font-weight: normal;
}

#global-sub-links a {
  text-decoration: none;
  color: black;
  padding: 0 0 0 5px;
}

#global-sub-links a:hover {
  text-decoration: none;
  color: #8CA5B3;
  padding: 0 0 0 5px;
}

#global-sub-links a.selected-tab {
  text-decoration: none;
  color: #8CA5B3;
  padding: 0 0 0 5px;
}


/*****************
* Content Styles
******************/


#content {
  background-color: white;
  padding: 20px 0 20px 20px;
}

#content-homepage {
  background-color: #BECED5;
  background-image: url( /graphics/ben-sleeping-homepage.jpg );
	background-repeat: no-repeat;
	background-position: top right;	
  padding: 20px;
  height: 290px;
}


#content-referral {
  background-color: white;
  padding: 1em;
  border: 1px solid black;
  margin: 0.5em;
}

#content-popup {
  background-color: white;
  padding: 5px 0 20px 20px;
}


#content-homepage h1 {
  color: white;
  margin: 0;
}

#content-referral h1 {
  color: black;
  margin: 0;
}

#content-homepage h2 {
  color: white;
  font-size: 100%;
  font-weight: bold;
  margin: 1em 0 0 0;
}

#content-homepage h2 a{
  color: white;
  font-size: 100%;
  font-weight: bold;
  margin: 1em 0 0 0;
  text-decoration:none
}

#content-homepage a.linked-p{
  color: black;
  font-size: 100%;
  margin: 1em 0 0 0;
  text-decoration:none
}

#content h1 {
  color: #A4AAAE;
  margin: 0 0 0 0;
}

#content h2 {
  color: #989EA3;
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 0 0;
}

#content-popup h1 {
  font-size: 150%;
  color: #A4AAAE;
  margin: 0 0 0 0;
}

#content-popup h2 {
  color: #A4AAAE;
  font-size: 110%;
  font-weight: normal;
  margin: 0 0 0 0;
}


#content-homepage p {
  width: 300px;
  margin: 0;
}


#content p {
  margin: 1em 0 1em 0;
}

#content #right-column {
  float:right;
  width: 50%;
  padding-left: 1.5em;
  margin-left: 1.5em;
}



#content #left-column {
  width: 98%;
}

#content #center-column {
  padding-left: 20%;
  padding-right: 20%;
}

div.more-link {
  margin: 0.25em 1em 0.5em 0;

}
a.more-link {
  color: #307ED0;
  font-weight: bold;
  text-decoration:none;
}

a.more-link:hover {
  color: #307ED0;
  font-weight: bold;
  text-decoration: underline;
}

a.more-link img {
  border: 0;
  padding-left: 3px;
}


/**************/
/* Staff Page */
/**************/
#read-more {
  float:right;
  color: #737373;
  font-size: 80%;
}

#content #right-column-staff {
  float:right;
  width: 410px;
  padding-left: 3em;
}

#content #left-column-staff {
  width: 98%;
}

.staff-roster {
  border-top: 1px solid #BAC8D1;
  border-bottom: 1px solid #BAC8D1;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  padding-top: 0.75em;
  padding-bottom:0.75em;
}

.staff-border {
  border-right: 1px solid #BAC8D1;
  padding-right: 25px;
  margin-right: 25px;
}

.staff-column {
  float:right;
  width: 100px;
}

.staff-category {
  color: #737373;
  margin-bottom: 0.75em;
}

.staff-member {
  margin-top: 0.75em;
  height: 180px;
}

.staff-member a{
  text-decoration: none;
  color: #737373;
}

.staff-member img {
  border: 1px solid #737373;
}

.staff-name {
  color: #737373;
  font-weight: bold;
  font-size: 90%;
  margin-top: 3px;
}

.staff-title {
  color: #737373;
  font-size: 80%;
}

.no-photo {
  width: 100px;
  height: 65px;
  border: 1px solid #BAC8D1;
  text-align: center;
  color: #BAC8D1;
  padding-top: 35px;
}

.no-photo a{
  text-decoration: none;
  color: #BAC8D1;
}

#staff-picture {
  float: left;
  padding-right: 2em;
  padding-left: 1em;
  padding-top: 2em;
}

#staff-bio {
  border-left: 1px solid #BAC8D1;
  margin-top: 2em;
  margin-left: 145px;
  padding-left: 2em;
  width: 55%;
}
/*****************
* Facilities
******************/
#content #right-column-facilities {
  float:right;
  width: 460px;
  margin-left: 1em;
}

#content #left-column-facilities {
  width: 98%;
}

#content #left-column-facilities .main{
  margin-right: 480px;
}

.framed-facilities {
  padding: 17px 17px 7px 17px;
  border: 1px solid #BAC8D1;
  float: left;
}

.framed-facilities image {
  width:400px;
  height: 225px;
}

#main-picture-caption {
  font-size: 100%;
  color: #737373;
  text-align: center;
  padding-top: 7px;
  font-style: italic;
}

.thumnails {
  padding-top: 3em;
  padding-bottom: 2em;
}

.thumbnail-right {
  float:left;
  width: 72px;
  margin: 0 15px 15px 0;
  padding: 12px;
  border: 1px solid #BAC8D1;
}

.thumbnail-right image{
  width: 72px;
  height: 48px;
  border: 0px;
}

.thumbnail-text {
  float:left;
  width: 437px;
  padding-bottom: 0.5em;
}

.click-to-enlarge {
  float: right;
  font-size: 80%;
  color: #737373;
}

.more-photos {
  font-size: 100%;
  font-weight: bold;
  color: #A4AAAE;
}

/*****************
* Services
******************/
#services-list {
  margin-top: 0;
}
  

#services-list li{
  margin-bottom: 0.25em;
}

#sleep-studies {
  margin-top: 0.25em;
  padding-top: 0;
}

#sleep-studies li{
  margin-bottom: 0;
}


/****************/
/*  Links List  */
/****************/

dl.link-list {
  margin: 0.5em 0 0.5em 1em;
}

dl.link-list dt a{
  text-decoration:none;
  color: black;
  font-weight: bold;
}

dl.link-list dd{
  margin: 0 0 0.5em 0;
  font-style:normal;
  font-size: 90%;
}

dl.link-list dd a{
  font-size: 90%;
  color: #307ED0;
  font-weight: bold;
  text-decoration:none;
  font-style:normal;
}

dl.link-list dd a:hover{
  font-size: 90%;
  color: #307ED0;
  font-weight: bold;
  text-decoration: underline;
  font-style:normal;
}

dl.link-list dd a image{
  border: 0;
  padding-left: 3px;
}

/****************/
/*  Contact Us  */
/****************/

table.contact-us {
  border-top: 1px solid #BAC8D1;
}

table.contact-us td{
  padding: 0.1em 0.5em 0.1em 0;
  border-bottom: 1px solid #BAC8D1;
}

table.contact-us td.phone-label{
  text-align: left;
}

/*****************
* Footer Styles
******************/
#footer {
  border-top: 18px solid #BAC8D1;
  background-color: black;

}

#footer-popup {
  border-top: 18px solid #BAC8D1;
  background-color: black;

}

#footer-referral {
}

#footer-homepage {
  background-color: black;
}


.close-window{
  text-align: right;
  padding-right: 1em;
}

#login {
  font-size: 80%;
  float: right;
  padding-top: 1em;
  padding-right: 1em;
}

#login a {
  color: #353535;
  margin: 0;
}
/****************/
/* Disorders        */
/****************/

.disorder-detail {
  margin: 1em 1.25em 1em 0;
}

/************/
/* Forms    */
/************/

.label {
  font-weight: bold;
  font-size: 110%;
}

ul.error-list {
  color: red;
}

/****************/
/* Admin        */
/****************/

table.user-accounts {
  border-bottom: 2px solid #D1DAE0;
}

table.user-accounts th{
  border: 1px solid #BAC8D1;
  color: gray;
  padding: 0 0.5em 0 0.5em;
}

table.user-accounts td{
  padding: 0 0.5em 0 0.5em;
}

a.admin-link {
  color: #D56A2B;
  text-decoration: none;
  border: 1px solid #D56A2B;
  padding: 0 2px 0 2px;
  font-weight: bold;
  font-size: 80%;
}

a.admin-link:hover {
  color: #D56A2B;
  text-decoration: underline;
  border: 1px solid #D56A2B;
  padding: 0 2px 0 2px;
  font-weight: bold;
  font-size: 80%;
}

table.edit-link-table td {
  border-top: 1px solid gray;
  padding: 0.5em;
}