/* Mazor Surgical Instruments CSS document */
	
/*  --------  default styles  --------  */
	html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	body {
		text-align: center;
		min-width: 750px;
	} 
	.wrapper {
		text-align: left;
		margin: 10px auto;
		overflow: hidden;
	}

/*  --------  major sections  --------  */
	#rightSection {
		vertical-align:top;
	}
	#contentSection {
		background-color: white; 
		padding: 20px 14px 0px 18px; 
		vertical-align:top; 
		border-right: 12px solid #EDEFF3;
	}
	#mainContent {
		vertical-align: top;
	}
	#leftSection {
		height: 100%;
		vertical-align: top;
		padding-top:8px;
	}
	#navbarCell {
		height:36px; 
		background-color:white; 
	}
	#footer {
		text-align: center;
		font-size: 9px;
		margin-top: 24px;
		margin-bottom: 8px;
		clear: both;
	}
	.greyInsert {
		font-size: 11px;
		background-color: #babdbf;
		color: white !important; 
		padding: 6px 12px;
	}

/*  --------  text  --------  */
	p, ul, li {
		text-align: left;
	}
	.normal {
		color: #585858;
		font-size: 11px;
		line-height: 17px;
	}
	.normal p {
		margin-bottom: 10px;
	}
	p.lastParagraph {
		margin-bottom: 20px;
	}
	h1 {
		margin-bottom:10px;
	}
	h2 {
		color:#585858;
		font-size: 11px;
		font-weight: bold;
	}
	h3 {
		color:#3e7a92;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 4px;
	}
	h3.featuresList {
		margin-top: 15px;
	}
	.pageTitle {
		padding-bottom: 8px;
	}
	.bigHeader {
		color:#3e7a92;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 23px;
	}
	.mediumHeader {
		color: #625889 ;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 14px;
		line-height: 20px;
	}
	h2.mediumHeader {
		margin-bottom: 2px;
		padding-top: 4px;
	}	
	.mediumHeaderBlock {
		text-align: center;
		margin: 15px 120px 25px 0;
		color: #625889 ;
		font-size: 13px;
		font-weight: bold;
		line-height: 22px;
		background-color: #EDEFF3;
		padding: 4px auto;
	}
	.breadcrumbsTop {
		color: #636363 ;
		font-size: 12px;
		font-weight: bold;
		display: block;
		padding-bottom: 8px;
	}
	.breadcrumbsSub {
		color: #B2B2B2 ;
		font-size: 12px;
	}
	.footnote {
		padding-top: 4px;
		padding-left: 20px;
		font-size: 10px;
	}
	.copyrightSign {
		font-size: 9px;
		vertical-align: text-bottom;
	}

/*  --------  links  -----------  */
	a.normalLink {
		color: #3e7a92;
		text-decoration: none;
		border-bottom: 1px dashed #3e7a92;
	}
	a.normalLink:hover {
		border-bottom-style: solid;
	}
	a.footerLink {
		color:#585858;
		text-decoration: none;
	}
	a.footerLink:hover {
		border-bottom: 1px dashed #585858;
	}
	a img {border: none; text-decoration:none;}

/*  --------  download links  --------  */
	a.downloadLink {
		color: #3e7a92;
		text-decoration: none;
	}
	a.downloadLink:hover {
		color: #585858;
		text-decoration: underline;
	}

/*  --------  buttons  -----------  */
	/* mine:
		.pagingButton {
		border:1px solid #3e7a92; 
		padding-right: 6px; 
		padding-left: 6px; 
		float:right;
	}
	.pagingText {
		text-decoration:none; 
		color:#3e7a92; 
		font-weight:bold;
	}
	*/
	
	/* when adding buttons remember to add an entry also to the Tan hack below */
	.pagingButton, .pagingButtonBig, .pagingButtonLong, .pagingButtonWide {
		margin-top: 10px;
		text-align: center;
		background-image: url('../images/pagingButton.gif');
		background-position: top center;
		background-repeat: no-repeat;
		float: right;
		width: 178px;
		height: 21px;
		cursor: pointer;
	}
	.pagingButtonBig {
		background-image: url('../images/pagingButtonBig.gif');
		height: 39px;
	}
	.pagingButtonLong {
		background-image: url('../images/pagingButtonLong.gif');
		width: 210px;
	}
	.pagingButtonBig2Lines {
 		text-align:right; 
		padding-right: 11px;
 	}
	.pagingButtonWide {
		background-image: url('../images/pagingButtonWide.gif');
		width: 240px;
	}
	* html .pagingButton, * html .pagingButtonBig, * html .pagingButtonLong, * html .pagingButtonWide {  /* the Tan hack for solving IE box model problem */
		padding-top: 3px;
		paddi\ng-top: 3px;
	}
	.pagingText {
		text-decoration:none; 
		font-weight:bold;
	}
	.pagingDirection {
		color: #636363;
	}
	.pagingPage {
		color: #B2B2B2;
	}

/*  --------  images  -----------  */
	img.imgLeft {
		float: left;
		margin: 4px 18px 14px 0px;
	}
	img.imgRight {
		float: right;
		margin: 4px 0px 14px 18px;
	}
	img.imgRightInList {
		float: right;
		margin: 10px 0px 14px 18px;
	}
	img.imgSmallMiddleIn3 {
		margin-left: 14px;
		margin-right: 14px;
	}
	.threeImagesInRow {
		width: 100%;
		padding-top: 4px;
		padding-bottom: 14px;
	}
	.threeImagesInRowBottom {
		width: 100%;
		padding-top: 14px;
		padding-bottom: 4px;
	}
	.twoSmallImagesOnRight {
		float: right;
		margin: 4px 12px 14px 12px;
		width: 145px;
	}
	img.imgContactUs {
		float: left;
		margin: 4px 26px 40px 0px;
	}
	img.breadcrumbsArrow {
		padding-bottom: 2px;
		padding-left: 3px;
		padding-right: 3px;
	}
	.oneImageTop {
		width: 100%;
		padding-bottom: 8px;
	}

/*  --------  lists  --------  */
	ul.bulletListNormal {
		list-style-image: url('../images/blueSquareBullet.gif');
		margin-top: 4px;
		margin-left: 24px;
	}
	/* IE version <= 6 hack */
	* html ul.bulletListNormal, * html ul.bulletListPapers, * html ul.bulletListFAQ, * html ul.bulletListMedium {
		list-style-image: url('../images/blueSquareBullet.ie.gif');
	}
	ul.bulletListPapers {
		list-style-image: url('../images/blueSquareBullet.gif');
		margin-top: 8px;
		margin-left: 17px;
		line-height: 17px;
	}
	ul.bulletListPapers li {
		margin-bottom: 10px;
	}
	ul.bulletListFAQ {
		list-style-image: url('../images/blueSquareBullet.gif');
		margin-top: 18px;
		margin-left: 17px;
	}
	ul.bulletListFAQ li {
		margin-bottom: 10px;
	}
	ul.bulletListGreyInsert {
		list-style-type: square;
		margin-top: 4px;
		margin-left: 24px;
	}
	ul.bulletListMedium {
		list-style-image: url('../images/blueSquareBullet.gif');
		margin-top: 4px;
		margin-left: 24px;
	}
	ul.bulletListMedium li {
		font-size: 12px;
	}
	ol.numberedListNormal {
		margin-top: 4px;
		margin-left: 24px;
	}
	ol.numberedListWithImages li {
		margin-bottom: 30px;
	}

/*  --------  publications  --------  */
	h2.publicationType {
		margin-top: 18px;
	}
	.paperName {
		color: #3e7a92;
		font-style: italic;
	}
	a.paperLink {
		color: #3e7a92;
	}
	a.paperLink:hover {
		color: #585858;
	}
	.paperPublication {
		font-weight:bold;
	}
	.paperAuthors {
	}
	
/*  --------  people  --------  */
	.personName {
		color: #3e7a92;
		font-style: italic;
	}
	.personRole {
		font-style: italic;
	}
	.personDescription {
		margin-top: 10px;
		text-align: left;
	}
	.personImgCell {
		vertical-align: top;
		padding-top: 34px;
		padding-right: 18px;
	}
	.personDetailsCell {
		vertical-align: top;
		padding-top: 32px;
	}
	
/*  --------  events  --------  */
	.eventName {
		color: #3e7a92;
		font-style: italic;
	}
	.eventDescription {
		margin-top: 10px;
		text-align: left;
	}
	a.eventLink {
		color: #3e7a92;
		text-decoration: none;
	}
	a.eventLink:hover {
		color: #585858;
		text-decoration: underline;
	}

/*  --------  talks (events lightbox)  --------  */
	.talksWrapper {
		text-align: left;
		margin: 20px auto;
		overflow: hidden;
		width: 640px;
		height: 480px; 
	}
	.talkEvent {
		color: #3e7a92;
		font-size: 12px;
	}
	.talkEventDescription {
	}
	.talkTime {
		color: #3e7a92;
		margin-left: 16px;
		margin-top: 6px;
		display: block;
	}
	.talkLecturers {
		font-style: italic;
		margin-left: 16px;
	}
	.talkTopic {
		margin-left: 16px;
		display: block;
	}

/*  --------  FAQ  --------  */
	.question {
		color: #3e7a92;
		font-style: italic;
		margin-bottom: 2px;
	}
	.answer {
		margin-bottom: 16px;
	}

/*  --------  contact us  --------  */
	.contactName {
		margin-bottom: 10px;
		clear: both;
	}
	.contactAddress {
		margin-bottom: 22px;
		line-height: 17px;
	}
	.phones {
		margin-bottom: 4px;
	}
	a.contactMail, a.contactMail:hover {
		color: #585858;
	}

/*  ---------  fading scroller  ----------  */
	#fader {
		background-color: #ffffff;
	}
	#fadingScroller {
		padding: 0px 6px; 
	}
	#fadingScroller h3 {
		color:#BE2B00;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	#fadingScroller p {
		font-size: 14px;
		text-align: left;
		line-height: 20px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#fadingScroller h4 {
		color:#547A91;
		font-size: 12px;
		font-weight: bold;
		font-family: Arial, "gill sans", sans-serif;
		line-height: 20px;
	}
	#fadingScroller .eventText {
		margin-top: 6px;
		font-size: 11px;
		font-family: Arial, "gill sans", sans-serif;
		line-height: 20px;
	}
			
/* ----------  find a surgeon  ---------- */
	a.doctorsCountry {
		color: #3E7A92;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		line-height: 22px;
	}
	a.doctorWebsite:hover {
		color: #B2B2B2;
	}
	table.doctors {
		margin-bottom: 18px;
		border-top: 1px dashed #9896AF;
	}
	table.doctors caption {
		color: #585858;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		margin-bottom: 8px;
	}
	table.doctors td {
		padding-top: 11px;
		padding-bottom: 9px;
		border-bottom: 1px dashed #9896AF;
		vertical-align: top;
	}
	table.doctors td.doctorDetails {
		padding-right: 12px;
		width: 220px;
	}
	.doctorName {
		font-weight: bold;
		line-height: 15px;
		color:#3E7A92;
	}
	.doctorContact {
		line-height: 22px;
		margin-top: 6px;
	}
	.clinicName {
		font-weight: bold;
		line-height: 15px;
	}
	.clinicAddress {
		line-height: 17px;
		margin-top: 6px;
	}
	a.doctorWebsite {
		color: #585858;
		text-decoration: none;
	}
	a.doctorWebsite:hover {
		color: #B2B2B2;
	}
	.findSurgeonLinkDiv {
		margin: 0px auto;
		text-align: center;
	}
	a.findSurgeonLink {
		padding: 4px 6px;
		/* border: 2px solid #3e7a92; */
		color: white;
		font-weight: bold;
		font-size: 16px;
		text-decoration: none;
		background-color: #A6ADBF;
	}
	a.findSurgeonLink:hover {
		color: #585858;
	}

/* ----------  video  ---------- */
	.video {
		margin:16px auto; 
		text-align:center;
		padding: 6px;
		/* border: 1px solid #464b6d; */
	}
	.videoCaption {
		margin: 5px auto; 
		text-align: center;
		color: #3e7a92;
		font-style: italic;
	}