/* CSS Document */

body { position:relative; }
body { background:#ecf5f6 url(/images/bg/body.jpg) top left repeat-x; font:normal normal 62.5%/1 Arial, Helvetica, sans-serif; }
/*img { behavior:url(/scripts/iepngfix.htc); }*/

/**** basic typography ****/
p,
ul,
ol { font-size:1.1em; }
a { color:#099; text-decoration:none; }
a:hover { text-decoration:underline; }
hr { visibility:hidden; }

#main { background:#FFF; margin:0 auto; position:relative; width:840px; }
#header { background:#FFF; position:relative; }
#header .top { height:100px; position:relative; z-index:100; }
#header .logo { position:absolute; left:15px; top:25px; }

#topmenu { padding:15px 10px; position:absolute; right:0; top:0; }
#topmenu a { background:url(/images/icons/arrow.gif) 0 9px no-repeat; color:#666; display:inline; font-size:1.1em; margin:0 0 0 10px; padding:5px 5px 5px 8px; text-decoration:none; }

.controlpanel { position:absolute; right:8px; top:50px; }

#textsize { display:block; float:left; position:relative; }
#textsize p { color:#666; font-size:1.1em; padding:12px 8px; }
#textsize span { display:block; float:left; height:12px; line-height:16px; padding:0 4px 0 0; position:relative; }
#textsize img { cursor:pointer; padding:2px; }

#searchbar { display:block; float:left; padding:8px; position:relative; }
#searchbar input { border:#c2c2c2 1px solid; color:#666; display: inline; float:left; font-size:11px; height:15px; margin:0 4px 0 0; padding:2px 4px; position: relative; width:150px; }
#searchbar img.button { background:#099 url(/images/buttons/search_submit.gif) center center no-repeat; border:none; cursor:pointer; display:block; float:left; height:21px; margin:0; overflow:hidden; padding:0; text-align:center; width:21px; }
#searchbar .results { background:#FFF; font-size:1.1em; left:0; padding:6px; position:absolute; top:30px; }
#searchbar .results a { border-bottom:#CCC 1px dotted; color:#666; display:block; padding:8px 4px; text-decoration:none; width:160px; }
#searchbar .results a:hover { background:#eee; color:#099; text-decoration:underline; }
#searchbar .results a.last { border-bottom:none; text-align:right; }

.search_match { padding:0 0 8px; }
.search_match h2 a { color: #3e5190; text-decoration:none; }


#mainmenu { background:#000; border-bottom:#434343 1px solid; font:1.1em; height:64px; line-height:64px; overflow:hidden; position:relative; z-index:90; }
#mainmenu table { height:100%; width:100%; }

#mainmenu td { background:#000; color:#818080; cursor:pointer; padding:0 20px; text-align:left; vertical-align:middle; }
#mainmenu td.bar { background:#000 url(/images/bg/mainmenuitem.gif) bottom left no-repeat; }
#mainmenu td a {}

#mainmenu td:hover { background:#232323; }
#mainmenu td.bar:hover { background:#232323 url(/images/bg/mainmenuitem.gif) bottom left no-repeat; }
#mainmenu td:hover a { color:#ddd; }

#mainmenu td:active { background:#000 url(/images/bg/mainmenuitemactive.gif) -1px bottom no-repeat; }
#mainmenu td.bar:active { background:#000 url(/images/bg/mainmenuitemactive.gif) 0 bottom no-repeat; }
#mainmenu td:active a { color:#FFF; }

#mainmenu td { color:#818080; padding:0 20px; text-align:left; vertical-align:middle; }
#mainmenu td.bar { background:url(/images/bg/mainmenuitem.gif) bottom left no-repeat; }
#mainmenu td a { color:#ddd; display:block; font-size:1.3em; font-weight:bold; padding:0 0 4px; text-decoration:none; }

#billboard.sub { background:url(/images/billboard/default.jpg) top left no-repeat; height:62px; position:relative; }
#billboard.sub h1 { bottom:0; color:#FFF; font-size:1.5em; font-weight:normal; left:0; line-height:1.1em; padding:8px 0 8px 16px; position:absolute; width:240px; }

#breadcrumbs { color:#666; font-size:1.1em; padding:10px 16px; text-align:right; }
#breadcrumbs a { color:#666; text-decoration:none; }
#breadcrumbs a:hover { color:#099; text-decoration:underline; }
#breadcrumbs strong { color:#333; font-weight:normal; }

#submenu { border-bottom:#ccc 1px solid; margin-bottom:16px; }
#submenu li { height:auto; line-height:0; margin:0; padding:0; position:relative; }
#submenu li.active { background:#f0faf9; }
#submenu li a { border-top:#ccc 1px solid; color:#333; display:block; height:auto; margin:0; padding:8px 12px 8px 12px; position:relative; text-decoration:none; }
#submenu a:hover { color:#099; text-decoration:underline; }
#submenu a.active { background:#f0faf9; color:#099; }
#submenu a.has_kids { background:#f0faf9; }
#submenu li ul { border-top:#099 1px solid; font-size:1em; padding:2px 0; }
#submenu li li ul { border-top:none; font-size:1em; padding:2px 0; }
#submenu li li ul li { background:none; padding:0; }
#submenu li li ul li a { color:#666; }
#submenu li li { background:url(/images/icons/submenu_list.gif) 12px 7px no-repeat; padding:0 0 0 12px; position:relative; }
#submenu li li a { border-top:none; padding:6px 12px; }
#submenu li li a.active { background:url(/images/icons/submenu_list.gif) -12px 7px no-repeat; }

#content { border-top:#b1b1b1 1px dotted; margin:0 16px; padding:0 0 20px; position:relative; }
#headerboard { display:none; position:relative; }
#content.home { border:none; margin:16px; }
	.column { display:inline; float:left; position:relative; }
	#L { width:188px; }
	#L.wide { border-right:#b1b1b1 1px dotted; width:580px; }
	#L .cont { padding:12px 12px 12px 0; }
	#L.wide .cont { padding:0 16px 16px 0; }
	#L h1 { color: #314c91; font-size: 1.9em; font-weight:normal; line-height: 1.3em; padding: 0 0 10px; }
	#L p { color:#666;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
}
	#content .header { border-left:#b1b1b1 1px dotted; border-bottom:#b1b1b1 1px dotted; display:none; float:left; position:relative; width:616px; }
	#content .refractive { display:block; }
	#content .header img { display:block; margin:16px 0 16px 16px; }

	#M { border-right:#b1b1b1 1px dotted; border-left:#b1b1b1 1px dotted; width:392px; }
	#M.two { border-right:none; width:616px; }
	#M h1 { color: #314c91; font-size: 1.9em; line-height: 1.3em; padding: 0 0 10px; }
	#M h2 { font-size: 1.4em; font-weight:normal; line-height:1.3em;
	color: #3e5190;
	padding: 12px 0 4px;
}
	#M h3 { color: #585a5c; font-size: 1.2em; font-weight: bold; line-height: 1.2em; padding: 1px 0 6px; }
	#M p,
	#M ul,
	#M ol { color: #666767; padding:0 0 12px;
	font-size: 1.2em;
	line-height: 1.4em;
}
	#M ul { border-top:#bbb 1px dotted; color:#333; margin:4px 0 12px; padding:0; }
	#M ul li { background:url(/images/icons/submenu_list.gif) left 0.8em no-repeat; border-bottom:#bbb 1px dotted; color:#666; list-style:none; margin:0; padding: 6px 0 6px 11px; position:relative; font-size: 1.0em; line-height: 1.2em; }
	#M img { clear:right; display:block; float:right; position:relative; }
	#M strong { font-weight:bold; }
	

	#M a { color:#099; text-decoration:none; }
	#M a:hover { color:#099; text-decoration:underline; }
	
	#M .banner { display:block; float:none; margin:10px 0 20px; }
	#M .banner img { float:none; }
	
	/**** news and events ****/
	#M .newsevent { padding:8px; }
	
	/**** faqs ****/
	#M ul.faqs li { background:url(/images/icons/plus.gif) left 6px no-repeat; list-style:none; margin:0; padding:4px 0 4px 16px; }
	#M ul.faqs li.expanded { background-image:url(/images/icons/minus.gif); }
	#M ul.faqs li div { font-size:0.8em; padding:4px 0; }
	
	
	/**** glossary ****/
	.glossary_buttons { margin-bottom:12px; }
	a.glossary_btn { border:#ccc 1px solid;  float:left; display:block; font-size:1.2em; margin:1px; padding:12px 0; text-align:center; width:40px; }
	
	
	/**** video player ****/
	#videoplayer { background:url(/images/bg/videoplayer.jpg) left bottom no-repeat; width:360px; height:230px; }
	#videoplayer.commercial { background:url(/images/bg/videoplayer_commercial.jpg) left bottom no-repeat; }
	#instruction { font-size:0.9em; }
	#video_label { font-size:1.3em; padding:10px 0; }
	#video_label a { font-size:0.9em; line-height:1.3em; }
	#video_label strong { font-weight:bold; }
	#items.videos { border-bottom:#bbb 1px dotted; border-top:#bbb 1px dotted; padding:10px 0; }
	#items.videos img { display:block; float:none; margin-bottom:6px; }
	#items.videos li { background:none; border:none; color:#333; display:inline; float:left; font-size:0.9em; margin:0; padding:6px 2px; }
	
	
	/**** locations and directions ****/
	.location { padding:0 0 10px; position:relative; }
	.location strong { color:#585a5c; font-weight:bold; line-height:1.4em; }
	.location a { line-height:1.4em; }
	
	
	/**** recommended links ****/
	.links li div { font-size:0.9em; padding:4px 0 0 0; }
	
	
	/**** eyemaginations library ****/
	#tdeonline { display:block; height:402px; margin:10px auto 18px; width:400px; }
	
	
	/**** which procedure is right for you? ****/
	#wpirfy_questionnaire {  }
	
	
	/**** procedures ****/
	#procedures {  }
	
	#M .buttons,
	#L .buttons { padding:16px 0; }
	#M .buttons img,
	#L .buttons img { display:inline; float:none; padding:0 6px 0 0; }
	
	#R { width:224px; }
	#R.two { width:0; }
	#R .cont { padding:16px 0 16px 16px; }
	#R.two .cont { display:none; }
	#R .home { padding:0 0 16px 16px; }
	
	.homebox { background:url(/images/bg/homebox.jpg) top left repeat-x; border:#c7c7c7 1px solid; display:block; position:relative; }
	.homebox .inside { background:url(/images/bg/homebox_inside.jpg) bottom left repeat-x; padding:18px; position:relative; }
	
	.subcolumn { border-top:#b1b1b1 1px dotted; display:block; position:relative; }
	#subL { border-right:#b1b1b1 1px dotted; display:block; padding:16px 0 0; width:188px; }
	#subL .subcont { padding:0 16px 16px 0; }
	#subR { padding:16px 0 0; width:372px; }
	#subR .subcont { padding:0 16px; }
	#subR h2 { color: #3e5190; font-weight: normal; padding: 0 0 4px; font-size: 1.4em; line-height: 1.3em; }
	#subR p { padding:0 0 8px; }
	
	.sidebox { display:block; margin:0 0 16px; position:relative; }
	.sidebox h2 { background:#666 url(/images/bg/sidebox_h2.gif) bottom left repeat-x; color:#fff; letter-spacing:1px; padding: 10px 16px 10px 10px; text-transform:uppercase;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	.sidebox select { display:block; width:100%; }
	.sidebox .inside { background:#f1f1f1 url(/images/bg/sidebox.gif) bottom left repeat-x; border:#c7c7c7 1px solid; border-top:none; color:#333;
	padding: 14px 10px 8px;
}
	.sidebox .dark { background:#201f1d; border:none; color:#FFF; padding:16px 12px; }
	.sidebox .dark a { color:#099; text-decoration:none; }
	.sidebox .dark a:hover { text-decoration:underline; }
	.sidebox p,
	.sidebox ul { line-height:1.4em;
	margin-bottom: 4px;
}
	.sidebox li { background:url(/images/icons/submenu_list.gif) left 6px no-repeat; }
	.sidebox li a { color:#333; display:block; padding:4px 4px 4px 12px; text-decoration:none; }
	.sidebox li a:hover { color:#099; text-decoration:underline; }
	.sidebox .photo { border:#c8c8c6 1px solid; margin:0 0 8px; }
	.sidebox .borderless { border:none; }
	
	.sidebox .refractive { border-bottom:#CCC 1px solid; border-top:#CCC 1px solid; color:#333; display:block; margin:20px 0; padding:10px; }
	.sidebox .refractive li { background:none; float:none; line-height:1.4em; margin:0; padding:10px 0; }
	.sidebox .refractive li strong { display:block; font-weight:bold; line-height:1.4em; }
	.sidebox .refractive li a { color:#099; display:inline; padding:0; text-decoration:none; }
	.sidebox .refractive li a:hover { text-decoration:underline; }
	
	.sidebox .optical { border-bottom:#CCC 1px solid; border-top:#CCC 1px solid; color:#333; display:block; margin:20px 0; padding:12px 10px; }
	.sidebox .optical li {  background:url(/images/icons/square.gif) left 7px no-repeat; float:none; line-height:1.3em; margin:0; padding:2px 0 2px 12px; }
	.sidebox .optical strong { display:block; font-weight:bold; line-height:1.3em; padding:0 0 8px; }
	.sidebox .optical li a { color:#099; display:inline; padding:0; text-decoration:none; }
	.sidebox .optical li a:hover { text-decoration:underline; }
	
	.sidebox .procedure { margin:20px 0 0; }
	.sidebox .procedure li { padding:4px 0; }
	.sidebox img.logo { display:block; margin:0 auto; position:relative; width:150px; }
	
	.bio_photo { display:block; margin:0 auto 24px; position:relative; width:180px; }
	.page_image { display:block; margin:0 auto 16px; position:relative; }
	#R .button { display:block; margin:0 0 16px; }
	
	
	
/**** refractive area ****/
#main.refractive #billboard { background-image:url(/images/billboard/refractive.jpg) }
#main.refractive #M h1,
#main.refractive #M h2,
#main.refractive #M h3,
#main.refractive #M h4 { color:#6c0521; }



#footer { background:#272727 url(/images/logos/gbec_footer.gif) 20px 20px no-repeat; border-top:#434343 10px solid; color:#666; display:block; height:240px; padding:0 0 100px 0; position:relative; }
#footer .inset { padding:20px 30px; position:relative; }
#footer .links { background: url(/images/logos/best_of_the_bay_dark.jpg) 150px 0px no-repeat; color:#999; padding:0 0 20px 280px; position:relative; }
#footer .links strong { color:#ccc; font-weight:normal; line-height:1.5em; }
#footer .links li { float:left; line-height:1.5em; position:relative; width:220px; }
#footer .copyright { border-top:#474747 1px dotted; display:block; margin:2px 0 0; padding:10px 0; position:relative; }
#footer .copyright a { color:#666; padding:0 4px; text-decoration:none; }
#footer .validation { margin:2px 0 0; padding:0 0 0 20px; }
#footer .check { background:url(/images/icons/checkmark.gif) left 2px no-repeat; padding:0 4px 0 13px; }
#doctor_login { display:block; position:absolute; right:30px; top:20px; }
#social { display:block; position:absolute; right:30px; bottom:60px; }
#social a.social { background-color:#333; color:#fff; display:block; font-size:11px; height:22px; line-height:24px; margin:0 0 4px; padding:0 12px 0 26px; position:relative; text-decoration:none; width:70px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#social a.social.facebook { background:#555 url(/images/icons/facebook.gif) 3px 3px no-repeat; }
#social a.social.twitter { background:#555 url(/images/icons/twitter.gif) 3px 3px no-repeat; }

/**** styles ****/
.inset15 { padding:15px; }
.best_of_the_bay { display:block; margin:0 auto; position:relative; }


/**** typography ****/
strong.search { background:#FF6; cursor:default; font-weight:bold; }

/**** overlaybox ****/
#overlay{ position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; background-color: #000; }
.overlaybox { position:absolute; width:428px; z-index:1100; }
.overlaybox .close_btn { display:block; font-weight:bold; position:absolute; text-transform:uppercase; }
.overlaybox { }
.overlaybox .tabs { margin:8px 0 -1px 8px; }

.overlaybox .cont { margin:0 8px; padding:0 12px; }
.overlaybox .tab { margin-top:0; }
.overlaybox p,
.overlaybox ul { margin:0 4px 12px 4px; padding:0; color:#999; font-size:1.1em; line-height:1.4em; }
.overlaybox p.footer { display:inline; margin:12px; width:auto; }
.overlaybox p.disclaimer { display:block; font-size:1.0em; margin:12px 16px; width:auto; }
.overlaybox p.success { color:#090; font-size:1.2em; font-weight:bold; padding:4px; }
.overlaybox h2 { background:none; color:#333; font-size:1.8em; font-weight:bold; margin:0 0 4px 0; padding:0; }
.overlaybox .tabs a { background:#f3ffed; border:#c8c6c6 1px solid; border-bottom:#f3ffed 1px solid; display:block; float:left; margin:0 2px 0 0; position:relative; padding:8px 12px; }
.overlaybox .tabs a.inactive { border-bottom:#c8c6c6 1px solid; }
.overlaybox .close_btn { background:url(/images/icons/close.gif) center right no-repeat; color:#FFF; padding:8px 20px 8px 8px; top:-28px; right:6px; }
.overlaybox .close_btn:hover { background:url(/images/icons/close_over.gif) center right no-repeat; text-decoration:underline; }
.overlaybox li { background:#FFF; border:#c8c6c6 1px solid; color:#333; margin:4px; padding:8px; }
.overlaybox li a { display:inline; }
.overlaybox li a.remove { display:block; position:absolute; right:8px; top:8px; }
#eyemag_popup { display:block; height:402px; margin:5px auto; width:400px; }