/* 
---------------------------------------------
Title :		mesvision.com public section styles
---------------------------------------------
*/		

/*
Layout styles
Modifies styles from shell.css
*/

p img {
	float: left;
	padding: 3px;
	padding-left: 0;
}

/* ###
#navContainer is modified to take a taller background image.
Class names based on the page title (.about, .knowledgeBase, etc.) specify the background image.
Example: <div id="globalNav" class="about">
### */

div#navContainer {
	width:760px;
	border-top-color:#ccc;
	border-left:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
	padding:0;
	height:167px;
	}
	
/* globalNav background images */
/* Keep these class names flat (no cascade). Required for IE6 support. */
/* The !important declaration is also required for IE6 support. */	

	.about {
		background:#eaeff0 url(../images2/whoWeAre_head.jpg) no-repeat 0 0 !important;
		}
		
	.knowledgeCenter {
		background:#eaeff0 url(../images2/knowledgeCenter_head.jpg) no-repeat 0 0 !important;
		}
		
	.contactUs {
		background:#eaeff0 url(../img/contact_head.jpg) no-repeat 0 0 !important;
		}

/* new style for active global nav link */
ul#globalNav li.on a {
	font-weight:bold;
	color:#000;
	}

/* top navigation tabs modifications.
Position is set as absolute for accurate placement with the background image that's behind it.
The tab graphics have transparent corners with a white matte for light-colored backgrounds */
ul#topNav {
	position:absolute;
	height:auto;
	top:131px;
	left:-1px;
	z-index:2;
	}

	ul#topNav li {
		background:url(../img/menuLtrans.gif) no-repeat left top;			
		}

		ul#topNav li a {
			background:url(../img/menuRtrans.gif) no-repeat right top;			
			}

	ul#topNav li:hover,
	ul#topNav li.hover {
		background:url(../img/menuLtrans_over.gif) no-repeat left top;				
		}

		ul#topNav li:hover a,
		ul#topNav li.hover a {
			background:url(../img/menuRtrans_over.gif) no-repeat right top;		
			}


	ul#topNav li.tabOn {
		background:url(../img/menuLtrans_active.gif) no-repeat left top;
		}

		ul#topNav li.tabOn a,
		ul#topNav li.tabOn a:hover {
			background:url(../img/menuRtrans_active.gif) no-repeat right top;		
			}

div#nav h1 {
	position:absolute;
	top:95px;
	left:170px;
	color:#7596A9;
	}
	
	div#navContainer.knowledgeCenter div#nav h1 {
		left:5px;
		color:#333;
		}

/* ### adjusts padding for oneColumn colOne ### */
div#bodyContainer.oneColumn div#body div#colOne {
		padding: 10px 20px 20px 0;
		}
	
	div#bodyContainer.oneColumn div#body div#colOne p {
		padding-right: 100px;
		}	

/* ### defines h1 for glossary ### */	
div#bodyContainer.oneColumn div#body div#colOne h1,
div#bodyContainer.twoColumn div#body div#colOne h1 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	}
	
	div#bodyContainer.twoColumn div#body div#colOne h1 {
		margin-top: 10px;
		}

/* ### defines list styles within colOne ### */
div#bodyContainer.twoColumn div#body div#colOne ul {
	margin: .25em 0 1em 1.45em;
	padding: 0;
	}
		
div#bodyContainer.oneColumn div#body div#colOne ul {
	margin: 0 5em 3em -1.40em;
	padding: 0;
	position: relative;
	left: 30px;
	}
	
	div#bodyContainer.oneColumn div#body div#colOne ul li {
		margin-right: 90px;
		}
		
/* Eyecare glossay */

#bodyContainer #body #colOne #glossaryNav {
	margin: 10px 0 20px;
	left: 0;
}

#bodyContainer #body #colOne #glossaryNav.alpha li {
	display: inline;
	margin-right: 0;
	padding-right: 10px;
}

#bodyContainer #body #colOne #glossaryNav.categories li {
	margin: 5px;
	list-style-type: none;
}

#glossaryTerms.filtered .section { display: none; }
#glossaryTerms.filtered .filterSection { display: block; }

#glossaryTerms h2 {
	margin: 5px 0 10px;
}

#glossaryTerms dt {
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}

#glossaryTerms dt .phonetic {
	display: block;
	color: #777;
	font-size: 85%;
	font-style: italic;
	text-transform: none;
}

#glossaryTerms dd {
	margin: 0.5em 100px 2em 0;
}

/* ### new colTwo list styles ### */
div#bodyContainer.twoColumn div#body div#colTwo ul {
		margin: 10px 0 0 0;
		padding: 0;
		list-style: none;
		}
		
		div#bodyContainer.twoColumn div#body div#colTwo ul li {
			margin: 0 0 5px 0;
			padding: 0;
			}

/* ### defines "currentPage" status for Tips list anchors ### */			
div#bodyContainer.twoColumn div#body div#colTwo ul li.currentPage a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	}

/* ### defines contactInfo list styles ### */
div#bodyContainer.oneColumn div#body div#colOne div#contactInfo {
	margin: 8px 0 8px 0;
	padding: 0 0 0 0;
	}
	
	div#bodyContainer.oneColumn div#body div#colOne div#contactInfo ul {
		margin-left: -2.5em;
		list-style: none;
		}
	
	div#bodyContainer.oneColumn div#body div#colOne div#contactInfo ul li {
		margin-bottom: 3px;
		color: #333;
		}

/* ### places right floated photos ### */
img.photoRight {
	margin: 0 0 0 5px;
	padding: 5px;
	float: right;
	position: relative;
	left: 3%;
	border: 1px solid #999;
	}

/* ### defines leadership team bio styles ### */		
div.bio {
	margin: 0;
	padding: 0;
	}
	
	div#bodyContainer.oneColumn div#body div#colOne div.bio h4,
	div#bodyContainer.oneColumn div#body div#colOne div.bio p {
		margin-left: 80px;
		}
	
	div.bio.JoanJohnson {
		background: url(../img/bioPhoto_JoanJohnson.jpg) no-repeat 0 0;
		}
		
	div.bio.JohnSmith {
		background: url(../img/bioPhoto_JohnSmith.jpg) no-repeat 0 0;
		}
/* -------------------------------------------------------------------------------- */
/* sources  */

div.sources {
	margin-top: 15px;
	padding-top: 8px;
	border-top: 1px solid #ccc;
}

/* ### defines "source" paragraph style ### */		
p.source {
	color: #666;
	}
	
/* pads eye chart image */

img#eyeChart {
	padding-bottom: 10px;
	}
	
/* search form styles */

form.login table, form.find table {
	border-bottom:1px solid #BAAD8B;
}

/* button styles */

button.button.widgetForm {
	background-color:#7E755E;
	}

button.button {
	background-color:#666666;
	border:0pt none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:"Trebuchet MS",Arial,sans-serif;
	height:25px;
	margin:0pt 8px 0pt 0pt;
	padding:3px 15px;
	text-transform:uppercase;
	}
	
/* table style for sample prescriptions knowledgeCenter page */

div#samplePerscription { 
	margin-bottom: 20px; 
	}
	
	div#samplePerscription table {
		width: 400px;
		border-collapse: collapse;
		}
	
	div#samplePerscription table,
	div#samplePerscription table th,
	div#samplePerscription table td {
		border: 1px solid #ccc;
		}
		
		div#samplePerscription table td {
			text-align: center;
			}
			
			div#samplePerscription table td,
			div#samplePerscription table th {
				padding: 3px;
				}