/* REMINDER: the style name case IS significant 
   WARNING:  no changes should be made to any width settings, changes can cause the
	          pages to 'break' */

/* pageWrapper sets characteristics for the entire page, including the default font */
#pageWrapper {
   width: 760px;
   margin-left: 0px; padding-left: 0px;
   margin-top: 0px; padding-top: 0px;
   border: 0px;
   background-color: #FFF;  }
   
#pageWrapper, #pageWrapper td  {
   color: #000;
   font: 10pt/1.25 Verdana, Geneva, Arial, Helvetica, sans-serif;  }
	

/* HEADER FORMATTING
   ================================================================= */
#pgHeader   { 
	margin: 0px;  padding: 0px; 
	width: 760px;  }

#headerLinks   {
	display: none;
	background-color: #003366;
	display: block;
	color: #FFFFFF;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 5px 8px 3px 4px;
	margin: 0px;
	height: 16px;  }
   
#headerLinks a:link, #headerLinks a:visited   {  
   color : #FFFFFF;
   text-decoration: none;   }
   
#headerLinks a:hover 
{  color : #FFFFFF;
   text-decoration: underline;   }

#headerLinks h6, #headerLinks h6 a   {
   color: #C4DAF9;
   font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: inline;
   margin-right: 6px;   }   
   
/* KEYLINKS (grey banner top and bottom) FORMATTING
   ================================================================= */
#keyLinksBottom, #keyLinksTop  {
   display: none;
   margin: 0px;   padding: 1px;
   background-color: #D6D6D6;
   border-top: 1px solid #999;  border-bottom: 1px solid #999;
   color: #666; 
   width: 760px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 758px;   }
   
#keyLinksTop   {    margin-bottom: 1px;   }
#keyLinksBottom   {    margin-top: 1px;   }

#keyLinksBottom td, #keyLinksTop td
{ font: bold 11px Arial, Helvetica, sans-serif; }

#keyLinksBottom td  a:link, #keyLinksBottom td  a:visited, 
#keyLinksTop td  a:link, #keyLinksTop td  a:visited   {
   text-decoration: none;
   font-weight: bold;
   color: #666;   }

#keyLinksBottom td  a:hover, #keyLinksTop td  a:hover   {
   text-decoration : underline;
   font-weight: bold;
   color: #666;  }

#keyLinksBottom td a:active, #keyLinksTop td a:active   {
   text-decoration : underline;
   font-weight: bold;
   color: #000;  }
   
#keyLinksBottom td input, #keyLinksTop td input {
   font: 10px Arial, Helvetica, sans-serif;
   margin-right: 2px;
   margin-left: 2px;
   background-color: #FFF;  }

#keyLinksBottom label, #keyLinksTop label  {
   font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #666; 
   margin-left: 3px;  margin-right: 2px; }
   
#keylinks_top {
    float:left;
    width:758px;
    }
	
#keylinks_top ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#keylinks_top li {
    float:left;
    width:45%;
	margin:0;
    padding:0 0 0 0;
    }


/* MENU FORMATTING
   IMPORTANT:  Menu has 122px of usable space--nothing should be placed in 
	   the menu column that exceeds this width
   ================================================================= */
/*   menuMyCtsnet: coral color menu section */
#menuMyCtsnet   {
   display: none;
   font: 11px/105% Arial, Helvetica, sans-serif;
   background-color: #F99;
   margin: 0px;   padding: 4px 4px 0px 4px;
   border-bottom: 1px solid White;
   height: 16px;
   width: 130px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 122px;} 

/*   the blue portion of left column */
#menuMain   {
   display: none;
   font: 11px/110% Arial, Helvetica, sans-serif;
   background-color: #036;
   color: #FFF;
   margin: 0px;   padding: 0px 4px 30px 4px;
   width: 130px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 122px;    }

#menuMain ul   {
   list-style: none;
   margin: 0px;  padding: 0px;  }

#menuMain ul li   {
   margin: 0px;   padding-top: 10px;
   font-weight: bold;
   color: #FFF;
   text-transform: uppercase;   }

#menuMain ul li a   {
   color: #FFF;   }

#menuMain ul ul li   {
   margin: 0px 0px 0px 6px;   padding-top: 1px;
   color: #D0E8FF;
   font-weight: normal;
   text-transform: none;   }

#menuMain ul ul li a   {
   color: #D0E8FF; 
   font-weight: normal;   }

/* BODYCONTENT & PGBODY
   ================================================================= */
/* pgBody styles are used for the main/center body column,
   - 1col no menu or right column,
   - 2col menu & no right column
   - 3col both menu & rt column  */
/* bodyContent handles the spacing between body-content section
   and all other sections */
td#pgBody_1col #bodyContent    {
   margin: 12px 15px 20px 15px;
   width: 760px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 730px;    }

td#pgBody_2col #bodyContent   {
   margin: 12px 0px 20px 15px;
   width: 630px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 615px;    }

td#pgBody_3col #bodyContent   {
   margin: 12px 15px 20px 15px;
   width: 460px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 430px;    }

/* H1 is redefined (within bodyContent) 
   and used for the page title */
#bodyContent h1  {
   font: bold 14pt Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   color: #036;
   display: block;
   margin: 0px;
   border-bottom: 1px solid #999; }
   
/* H2 is redefined (within bodyContent) and used for 
   1st level subheadings */
#bodyContent h2  {
   font: bold 12pt/1.2 Arial, Helvetica, sans-serif; 
   color: #036;
   margin-top: 15px;  margin-bottom: 0px;  }

/* H3 is redefined (within bodyContent) and used for 
   Author names and 2nd level subheading */
#bodyContent h3  {
   font: bold 12pt Arial, Helvetica, sans-serif;
   margin-bottom: 3px;
   margin-top: 10px;  }

/* H4 is redefined (within bodyContent) and used for 
   subheadings */
#bodyContent h4  {
   font: italic bold 11pt/1.2 Georgia, "Times New Roman", Times, serif;
   margin-bottom: 0px;  margin-top: 10px;   }   

#bodyContent p  {
   margin-bottom: 12px;  margin-top: 2px;   }
	
#bodyContent input, #bodyContent select,
#bodyContent textarea, #bodyContent td input, 
#bodyContent td select, #bodyContent td textarea   {
	font: 11pt Arial, Helvetica, sans-serif;  }

/* Left margin of lists must be at least 30, else numeric lists numbers 
  are cut off */
#bodyContent ul, #bodyContent ol  {
   margin: 2px 0px 8px 30px; }   
   
#bodyContent ul li,  #bodyContent ol li  {
	margin-top: 0px;
	margin-bottom: 7px;
	line-height: 1.30;  }

#articleContent img[align="left"]   {
   margin: 5px 10px 5px 0px; }
#articleContent img[align="right"]   {
   margin: 5px 0px 5px 10px; }

#articleContent img  {
	background-color: #FFF;
	display: box;
	margin: 10px 5px 5px 5px;
	padding: 1px;
	border: 0px;  }

 
/* BREADCRUMB 
   ================================================================= */
#breadCrumb   {
   font: 10px Arial, Helvetica, sans-serif;
   color: #666666 ;
   margin-top: 2px;   margin-bottom: 17px;   }

#breadCrumb strong   { color: #000; }


/* DATA TABLE STYLES
   ================================================================= */
#dataTable, table.dataTable   {
   clear: both;
   background-color: #FFF;
   border: 1px solid #D6D6D6; 
   padding: 0px;
	margin-top: 25px;  }

#dataTable table.dataTable   {
   border: 1px solid #FFF;
	width: 100%;  }

#dataTable h4   {
   font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0px;   padding: 3px;
   background-color: #D6D6D6;
   text-align: center;   }
	
table.dataTable td h4, #dataTable table.dataTable td h4   {
   font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0px;   padding: 0px;
   background-color: #D6D6D6;
	text-align: left;   }

#dataTable p   {
   margin: 1px 2px;   padding: 4px;
   background-color: #FFF;  }

#dataTable p.bkgrnd_light  {
   margin: 1px 2px;   padding: 4px;
   background-color: #EEE;   }

#dataTable div.bkgrnd_light p  {
   margin: 1px 2px;   padding: 4px;
   background-color: #EEE;   }

table.dataTable th { text-align: left;  }
/* following is to compensate for above stupid thing i did */
table.dataTable th.center { text-align: center;  }

table.dataTable td.bkgrnd_light  { background-color: #EEE; }

table.dataTable p  { margin: 2px 2px;   padding: 5px; }

#dataTable p img, table.dataTable td img  
{  border: none;  
   margin: 5px 5px 5px 0px; }

/* BOX and BLOCK CONTENT 
   =================================================================
   These styles are used for both boxes in the right column-gutter
   as well as announcement, introduction, and highlight boxes of 
   content.  
   There are styles with and without borders and shaded backgrounds
   as well as different colored backgrounds and borders
   If different fonts or styles are needed for right column or body
   they can be defined contextually to the enclosing div             */

#borderedBox_1, table.borderedBox_1, 
#borderedBox_2,
#shadedBox_1, #shadedBox_2,
#shadedBox_3  {
	background-color: #FFF;
	display: box;
	margin: 1px 1px 20px 1px;
	padding: 1px 1px 6px 1px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;  }
	
/* Border is LIGHTER GREY  
   Primary use is around images in expert techniques */
#borderedBox_3, table.borderedBox_3  {
	background-color: #FFF;
	display: box;
	margin: 5px 0px;
	padding: 1px;
	border: 1px solid #D6D6D6;	
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;  }
	
/* Border is DK GREY  */
#borderedBox_1, table.borderedBox_1, 
#shadedBox_1, #shadedBox_3  { border: 1px solid #666;  }

/* Border is RED  */
#borderedBox_2, #shadedBox_2  { border: 1px solid #F99;  }

/* Background color is GREY  */
#shadedBox_1   { background-color: #EEE; }

/* Background color is YELLOW  */
#shadedBox_2   { background-color: #FFFFE0; }

/* Background color is YELLOW  */
#shadedBox_3   { background-color: #D0E8FF; }

#shadedBox_1 form  {
	margin: 5px;  }

#borderedBox_1 p, table.borderedBox_1 td p,
#borderedBox_2 p,
#borderedBox_3 p, table.borderedBox_3 td p, 
#shadedBox_1 p, #shadedBox_2 p, #shadedBox_3 p   {
	margin: 5px 7px 1px 7px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;  }

#borderedBox_1 h5, #shadedBox_1 h5, 
#right_column #borderedBox_1 h5, #right_column #shadedBox_1 h5  {
	text-align: center;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0px 0px 1px 0px;
	padding: 3px;
	background-color: #D6D6D6;
	text-transform: uppercase; }

#borderedBox_1 h4, #shadedBox_1 h4,
#right_column #borderedBox_1 h4,  #right_column #shadedBox_1 h4 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 4px 0px 1px 0px;
	color: #666 }
		
#shadedBox_3 h5   {
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0px 0px 1px 0px;
	padding: 3px; }
	
#shadedBox_1 h5, #borderedBox_1 h5 {
	border-bottom: 1px solid #999;  }

#shadedBox_2 h5, #borderedBox_2 h5  {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px 7px;
	text-transform: uppercase;  }

#borderedBox_3 h5 {
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #EEE;
	padding: 4px;
	margin: 1px 0px 4px 0px;
	border-bottom: 1px solid #D6D6D6;  }
	
#shadedBox_1 h6, #borderedBox_3 h6, #borderedBox_1 h6 {
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #EEE;
	padding: 4px;
	margin: 1px 0px 4px 0px;
	border-bottom: 1px solid #D6D6D6; }
	
#bodyContent #borderedBox_1 img, #bodyContent #borderedBox_2 img,
#bodyContent #shadedBox_1 img, #bodyContent #shadedBox_2 img,
#bodyContent #shadedBox_3 img  {
	margin: 6px 7px 6px 7px;  }

/* authorBox_1 is used in articles to list detailed information about the authors
   indexBox_1 is used in expert techniques to display index-links to parts of article  */
#indexBox_1, #authorBox_1  { float: right; width: 200px; }

#indexBox_1 #shadedBox_1, 
#indexBox_1 #borderedBox_1,
#authorBox_1 #shadedBox_1, 
#authorBox_1 #borderedBox_1  { margin: 10px 0px 15px 10px ;  }

/* noBorderBox is used for announcements at the top of section pages */
#noBorderBox, .noBorderBox  {
	background-color: #FFF;
	display: box;
	margin: 1px 0px 10px 0px;  padding-bottom: 6px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;  }
	
#noBorderBox h5, h5.noBorderBox   {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px 0px;
	text-transform: uppercase;  }
	
#noBorderBox p {
	margin: 3px 0px 1px 0px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;  }

#noBorderBox img {
	margin: 6px 10px 6px 0px;  }
	
	
/* ARTICLES
   ================================================================= */
#summary img, .summary img  {
	margin: 8px 10px 6px 10px;  }


/* EXPERTS' TECHNIQUE 
   ================================================================= */
#bodyContent #patient_selection,
#bodyContent #operative_steps  {
	margin-bottom: 15px;  }

#bodyContent #preference_card, 
#bodyContent #tips_and_pitfalls, 
#bodyContent #results, 
#bodyContent #editors_note  {
	margin-top: 30px; padding-top: 0px;
	margin-bottom: 15px;
	border-top: 1px solid #999;  }
	
#expertTech img  {
	background-color: #FFF;
	display: box;
	margin: 10px 0px 5px 10px;
	padding: 1px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	clear: both; }
	
/*#expertTech img  {
	background-color: #FFF;
	display: box;
	margin: 10px 0px 5px 10px;
	padding: 1px;
	border: 1px solid #D6D6D6;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	clear: both;
	float: right; }
	
 #expertTech a img  {
	padding: 1px;
	border: 1px solid #C1C1FF;
}
*/

/* REFERENCES 
   ================================================================= */
#bodyContent #references  {
	margin-top: 30px;
	padding-top: 0px;
	margin-bottom: 15px;
	border-top: 1px solid #999;  }
	
#bodyContent #references ul,
#bodyContent #references ol  {
	margin-top: 0px;  margin-bottom: 10px;
	list-style-type: decimal;  }   
   
#bodyContent #references ul li,
#bodyContent #references ol li   {
   margin-top: 0px;   margin-bottom: 6px; }


/* RIGHT COLUMN
   ================================================================= */
#right_column  {
	margin-top: 16px;
	width: 170px; }

#right_column h5  {
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px 0px 0px 2px;  }

#right_column ul {
   margin: 5px 0px 5px 20px; }   
	
#right_column ul li  {
   margin-top: 0px;   margin-bottom: 3px;  }
 
#right_column #borderedBox_1 p, #right_column #borderedBox_2 p,
#right_column #shadedBox_1 p, #right_column #shadedBox_2 p, 
#right_column #noBorderBox p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;  }

#right_column form  {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;  }

#right_column input, #right_column label,
#right_column td input, #right_column td label,
#right_column td select, #right_column select  {
	font: 11px Arial, Helvetica, sans-serif;  }


/* DATES 
   ================================================================= */
#bodyContent #dates, 
#footerContent  {
	margin-top: 25px;
	padding-top: 0px;
	margin-bottom: 15px;
	border-top: 1px solid #999;
	clear: both;  }

   
/* PAGE FOOTER
   ================================================================= */
#pgFooter   {
   clear: both;
   text-align: center;
   margin: 15px;
   width: 760px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 730px;  }
   

/* Following styles not yet applied (used) anywhere
   ================================================================= */
#announcement
{  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height : 135%;  }   
   
/* Blank style used for hiding menu table in print layout.
   ==================================================================== */
#printTable
{	display: none;
	}