/* ================================
    CSS STYLES FOR IBUYSPY PORTAL 
    v1.1, 02/2003
   ================================
*/   

.LeftPane
{	
	width:188px;
	padding-right: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

.ContentPane
{  
	background-color:White;
}

.ContentPane p
{  
	padding-right: 10px;
}

.RightPane
{
	border-color: White; 
	border-width: 0px;
	width: 200px;
}

.RightPane h1, .RightPane h2, .RightPane h3
{
	color: #810202;
	font-family: Georgia, serif;
	font-weight: normal;
	padding: 0px 12px;
	line-height: 105%;
}

.RightPane h4, .RightPane p
{
	padding: 0px 12px;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-size: 12px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #003366;
}


/* GENERIC */

H1  {
    font-size:  24px;
    color: #1c1c1c;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}

H2  {
    font-size:  18px;
    font-weight:    bold;
    color: #761c7d;
}

H3  {
    font-size:  16px;
    font-weight:    bold;
    color: #761c7d;
}

H4  {
    font-size:  14px;
    font-weight:    bold;
    color: #000066;
}

.normal H5  {
    font-size:  12px;
    font-weight:    bold;
    color: #000066;
}

H6  {
    font-size:  11px;
    font-weight:    bold;
    color: #761c7d;
}

HR  {
   width: 100%;
   line-height: 1px;	
   color: #003366;
}

.PhysImage  {
   border-left: 1px solid #666666;	
   border-right: 1px solid #666666;
   border-top: 1px solid #666666;
   border-bottom: 1px solid #666666;
   
}

.PhysSpecialty {
    font-size: 12px;
    text-decoration:    none;
    line-height: 18px;   
    font-weight: bold;  
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color:#000000;
}


TH  {
    vertical-align: baseline;
    font-size:  12px;
    font-weight:    bold;
    color: darkred;
}

A:link, A:visited, A:active, A:hover  {
    text-decoration:    underline;
    color:  #293985; 
}

A:hover { color:  #12294f; }

BLOCKQUOTE, PRE {
    font-size:  12px;
    
}


UL  {
    margin-bottom:0px;
}

UL LI   {
    list-style-type:    square ;   
}

UL LI LI    {
    list-style-type:    circle;
}

UL LI LI LI {
    list-style-type:    Square;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

LI  {
    list-style-type:    square;   
    padding-left: 0px;
}



HR {
	color: #761C7D;
	margin-top: 0px;
	margin-bottom: 0px;	
}


.IMGLeft
{
 margin-top: 0px;
 margin-bottom: 8px;
 margin-left: 0px;
 margin-right: 10px;
}

.IMGRight
{
 margin-top: 0px;
 margin-bottom: 8px;
 margin-left: 10px;
 margin-right: 0px;
}

  body{
    margin:0px;
    padding:0px;  
    font:small/150% Tahoma, Arial, Verdana, Helvetica, sans-serif;  
    background: url(http://www.smmhc.com/images/bg.jpg) repeat-x top left; 
  }
  
  .container{
    width:972px;
    margin:0px auto;
    padding:0px;
    position: relative;     
  }   
   
  .contentWrap{
    position:relative;
    background:#ffffff;
    float:left;
    display:inline;
    clear:both;
    margin:0px;
    padding: 0px;
    text-align: left;  
  }
  
  #header {
    clear: both;
    height: 91px;
  }
  
  #logo {
    width: 395px;
    height: 47px;
    margin: 16px 0px; 
    padding: 0px;
    display: block;
    float: left;
  }
  
  div.welcome {
    float: left;
    text-align: right;
    width: 270px;  
    font-size: 12px;
    padding: 10px 20px 0px 0px;
  }
  
  div.searchTable {
    background: url(images/searchBG.png) no-repeat top left;
    float: left;
    text-align: right;
    width: 272px;
    margin-top: 9px;
  }
  
  div.searchTable input.SearchTextbox {
    border: 1px solid #fff;
    width: 180px;
    height: 22px;
    font-size: 18px;
    margin: 1px 0px 0px 4px;
  }  
  
  div.phone {
    text-align: right;
    font-size: 24px;
    color: #333232;
    font-weight: bold;
    clear:both; 
    padding: 10px 10px 0px 0px;
    margin: 0px;
  }
  
  img {
    border: 0px;
  }
  
  sup {
    font-size: 9px;
    padding-bottom: 18px;
    line-height: auto;
  }
  
  .print {
    clear: both;
    padding: 4px 16px;
  }
  
  p {
    line-height: 140%;
  }
  
/* FOOTER: =footer
----------------------------------------------- */
	
	div.footer { 
	   background: #ffffff url(images/footerbg.jpg) no-repeat center top;	 
	   border-top: 1px solid #e4d2e5;
	   width:972px;
	   margin:0px auto;
	   padding:0px;
	   position: relative;
	   min-height: 160px;
	}
	
	div#footerInfo,
	div#registrationBox { 
	   margin: 0px; 
	   padding: 0px;
 	   position:relative;
	   float:left;
	   display:inline;
	   clear: none;	   
	}	
	
	div#registrationBox { 
	   width: 375px;
	   margin: 20px 34px 0px 34px;
	   padding: 0px;	   
	}
	
	div#registration {
	   background: #ddd7e5;
	   padding: 10px;	   	
	}
	
	div#registrationBox h3 { 
	   padding: 6px 8px 8px 8px;
	   margin: 0px; 
	   font-family: Georgia, serif;
	   font-size: 16px;
	   font-weight: normal;
	   line-height: 145%;
	   color: #12294f;
	}	
	
	div#registrationBox div.button { 
	   background: #ffffff;
	   padding: 0px;
	   margin: 0px; 
	   font-size: 12px;
	   line-height: 145%;
	   color: #333232;
	   display: block;
	}	
	
	div#registrationBox a,
	div#registrationBox a:link,
	div#registrationBox a:visited,
	div#registrationBox a:hover {
	   color: #54619d;
	   font-weight: bold;
	   text-decoration: none;
	   display: block;
	   height: 20px;
	   padding: 3px 8px;
	   font-size: 95%;
	}

	div#registrationBox a:hover,
	div#registrationBox a:visited:hover{	
	    color: #424b76;
	}
	
	div#registrationBox span.note {
	   font-style: italic;
	   font-size: 11px;
	   color: #525353;
	   float: right;
	}
	
	div#footerInfo { 
	   width: 516px;
	   padding: 0px;
	   margin: 0px 0px 10px 0px;
	}	
	
	div#footerInfo ul{ 
	   float: left;
	   width: 170px;
	   margin: 20px 4px;
	   padding: 0px;
	   list-style-type: none;
	   list-style:none;	   
	}	
	
	div#footerInfo ul li{ 
	   font-size: 12px;
	   border-bottom: 1px solid #d5d2cd; 
	   height: 26px;
	   padding: 0px;
	   margin: 0px;	 
	   text-align:left;
	   list-style-type: none;
	   list-style:none;	   
	}
	
	div#footerInfo ul li a, div#footerInfo ul li a:visited, div#footerInfo ul li a:link, div#footerInfo ul li a:hover { 
	   color: #43423d; 
	   padding: 5px 7px 7px 7px;
	   margin: 0px;
	   height:14px;
	   width: auto;
	   display: block;
	   text-decoration: none;
	}
	
	div#footerInfo ul li a:hover { 
	   background: #efefef; 
	   text-decoration: none;
	}	
	
	div.footerWrap, .footerWrap#footer { 
	   background: #898b9b;
	   color: #cdcbc2;
	   width: 100%;
	   margin: 5px 0px 0px 0px; 
	   padding: 12px 0px;
	   clear: both;
	   text-align: left;
	}  	

	div.footerWrap div#copyright {
	   width: 972px;
	   margin: 0px;
	   padding: 0px;	 
	   text-align: center;
	   color: #fffefc;
	}	

	div.footerWrap span#CopyRightLabel {
	   font-size: 95%;
	   color: #fffefc;	   
	}
	
	div.footerWrap div#copyright a, div.footerWrap div#copyright a:hover { 
	   color: #fffefc;
	   text-decoration: none;
	}
	
	div.footerWrap div#copyright a:hover { 
	   color: #fffefc;
	   text-decoration: underline;
	}	
	
	div.footerWrap div#copyright a.credit, div.footerWrap div#copyright a.credit:hover { 
	   color: #eeeeec;
	   text-decoration: none;
	   font-size: 85%;
	} 
	
	img.logoBariatricAdvantage {
	   float: left;
	   padding: 35px 0px 0px 24px;
	}

  
/* PATIENT STORIES: 
----------------------------------------------- */

	div#mainPhoto {
	   width:447px;
	   padding: 0px 10px 0px 0px;
	   margin: 0px;
	   clear: none;
	}
	
	div#stories {
	   width:257px;
	   padding: 20px 0px;
	   margin: 0px;
	   clear: none;
	}
	
	div.divide {	   
	   padding: 15px 0px 0px 0px;
	   margin: 0px;
	   clear: both;
	   height: 0px;
	}
	
	img.thumb {	   
	   float: left;
	   display: block;
	   margin: 0px;
	   padding: 0px 3px 3px 0px;
	}
	
	div#stories p {
	   padding: 0px 14px 12px 14px;
	   margin: 0px;
	   color: #3b3a3a;
	   line-height: 135%;
	}	
	
	div#stories p.weightloss {
	   font-size: 18px;
	   padding: 0px 14px 10px 14px;
	   line-height: 120%;
	
	}
	
	div#stories span.surgery {
	   font-style: italic;
	   color: #7a6b54;
	   font-size: 12px;
	}
	
	div#stories p.profile {
	   font-size: 12px;
	   line-height: 125%;
	   text-transform: uppercase;
	}
	
	div#stories span.name {
	   color: #293985;
	   font-weight: bold;	
	}


/* --------------------------- Alternate Text Size / Print View Utilities ----------------- */
    
    ul#printview{
      float:left;
      display:inline;
      margin:0px 0px 0px 0px;
      padding:0px;
      list-style-type: none; 
      clear: both;
      
      background: #cccccc url(images/printview.gif) no-repeat top left;
    }
    
    
    ul#printview li {
      width:auto;
      float:left;
      display:inline;
      padding:0px;
      margin:0px; 
      height:18px;
      text-align: center;
    }
    
    ul#printview li a {
      display:block;
      padding:0px 0px 0px 0px;
      margin:0px;    
      color:#ffffff;
      line-height:1em;
      font-size: 92%;      
      font-weight: bold;
      text-decoration: none;           
    }
    
    ul#printview li#activeSection a{
      background: #646058 url(images/printview.gif) no-repeat top right;
      color:#ffffff;
    }      

.printview
{
	background: #fff url("images/printview.gif");
	height: 18px;
	width:74px;
}

.textsize
{
	font-size:90%;
	vertical-align: text-top;
	margin:0px 3px 8px 0px;
}



/********************** Added 8/7/10 by TBH ************************** 
____________________________________________________________________________________
Main Navigation Menu */

.container div.nav, .container div#navigationOuter {
	background: #292C39 url(http://www.smmhc.com/images/navigation/main_nav_bg.jpg);
        width:972px;
        height: 38px;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #d8d8db;
}

.container .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.container .nav ul li {
	margin: 0;
	padding: 0;
	float: left;
	display:inline;
	border-right: 1px solid #d8d8db;
	
}

.container .nav ul li a {
	display: block;
	background: #292C39 url(http://www.smmhc.com/images/navigation/main_nav_bg.jpg) repeat-x top;
	font-size: 14px;
	color: #fff;
	text-align: center;	
	text-decoration: none;
	white-space: nowrap; 
	padding:10px 16px 10px 17px;
	height: 18px;
	
}

.container .nav ul li a:hover,
.container .nav ul .first a:hover,
.container .nav ul .last a:hover {
	background-position: 0 -38px;
}

.container .nav ul #activeTab a, .container .nav ul #activeTab a:hover {
	background-position: 0 -38px !important;	
}	





/********************** Added 8/7/10 by TBH **************************
____________________________________________________________________________________
Left Navigation Menu */

.LeftPane
{	
    width:188px;
    padding-right: 10px;
    padding-left: 0px;
    padding-top: 0px;
}


table.menu {
    padding: 0px;
    margin: 0px;
}

table.menu td {
    line-height: 13px;
    padding: 0px;
    margin: 0px;
}

table td a.OtherMenus,
table td a.OtherMenus:link,
table td a.OtherMenus:visited,
table td a.OtherMenus:active {
    color:#2a2d3c;
    text-decoration: none;
    line-height: 13px;
    display:block;
    margin: 4px 0px;
    padding: 0px;
}


table td a.SelectedMenu,
table td a.SelectedMenu:link,
table td a.SelectedMenu:visited,
table td a.SelectedMenu:active,
table td a.SelectedMenu:hover,
table td a.OtherMenus:hover {
    color:#71005f;
    text-decoration: none;
    line-height: 13px;
    display:block;
    margin: 4px 0px;
    padding: 0px;
}

td#LeftPane input {

}

  img {
    border: 0px;
  }
  
  img.corners {
    display:block; 
    padding:0px; 
    margin:0px; 
    height:9px; 
    width:9px;
  }
  
  img.cornersright {
    display:block; 
    padding:0px; 
    margin:0px; 
    height:9px; 
    width:20px;
    text-align: right;
  }
  
  .nine, table.menu td.nine {
    height:16px; 
    width:16px;
    background:#ebebeb;
    padding: 0px;
    margin: -2px 0px;
    line-height: 0px;    
  }