/* ------------------- live surgery - global css start: 10.6.2009 =========== TOC =GLOBAL RESET & DEFAULTS =GENERAL HEADING STYLES =STRUCTURE =HEADER / MAIN NAV =WELCOME / about section =FEATURED WORK =OTHER PROJECTS =PHOTOGRAPHY =FOOTER =========== NOTES =========== COLORS orange #ffaa21 yellow orange #fec02c dark orange #cc8a1c ----------------------- */ /* =GLOBAL RESET & DEFAULTS _____________________________________________________ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a, abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,input,kbd,q,s,samp,small, strike,strong,sub,sup,tt,var,b,u,i,input,center,dl,dt,dd,ol,ul,li,fieldset,form,label, legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:101%;vertical-align:baseline; } body { font-family:arial, sans-serif;font-size:101%; color:#222; background:#125f8d; } ol,ul { list-style:none;} blockquote,q { quotes:none; } blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse;border-spacing:0; } img { border:none; } a { color:#222; text-decoration:none; } .clear { clear:both; } /* =GENERAL HEADING STYLES _________________________________________________________*/ h1 { width:156px; height:308px; background:url(../images/alconlogo.gif) no-repeat 0 0px; float:left; overflow:hidden;} h3 { font-family:Georgia; font-size:110%; font-weight:normal; padding-bottom:5px; } /* =STRUCTURE ______________________________________________________________________*/ #main { width:917px; margin:0 auto; padding:0 16px 55px;background:#fff; overflow:hidden; position:relative;} /* =HEADER ______________________________________________________________________*/ #header { width:inherit; height:230px; overflow:hidden; padding:0;} #header h1, #header h2, #header ul li a { text-indent:-9999em;} /*ad*/ #adspace { width:761px; height:113px; background:#eee; float:left;} #adspace #flashAd16{background-color:orange;width:728px;height:90px;margin:10px 0px 0px 16px;display:block;} /*site title*/ #header h2 { width:454px; height:115px; display:block; float:left; background:url(../images/h_title.jpg) no-repeat 0 0 #00a9d5;} #header ul { width:306px; float:left; background:#7dd3f6; margin:0px; padding:0px; height:115px;overflow:hidden; position:relative;} /*header links*/ #header ul li { display:block; margin:0; padding:0;width:180px;} #header ul li a { display:block; width:190px; height:35px; } #panel, #product{ width:185px; } #header #eyelink a { display:block; width:115px; height:105px; background:url(../images/eyelink.gif) top left no-repeat;position:absolute;right:0px;top:0px;} #panel a { background-position: 0px 0px;background:url(../images/h_links.gif) 0px -5px no-repeat;} #product a { background:url(../images/h_links.gif) 0px -40px no-repeat;} #event2009 a { background:url(../images/h_links.gif) 0px -75px no-repeat;} /*ie fix*/ #panel, { margin-top:-15px; } /* =VIDEO NAVIGATION ___________________________________________________________*/ #videonav { width:917px; overflow:hidden; display: none;} #v_navfirst { border-left:none!important; } #videonav li { float:left; border-left:dotted 1px #888; min-height:128px; } #videonav li a { display: block; float:left; } #videonav a img { width:67px; height:75px; padding:10px 19px; } #videonav a p { width:100px; padding: 0 3px; text-align:center; font-size:53%; color:#888; } /*video title - now playing*/ #videonav li span { display:block; float:left; width:164px; padding:15px 5px 0 0; } #videonav li span p { font-size:70%; color: #444; margin-left:-10px } #videonav li span p span { padding:2px; background:#ffaa21; text-transform:uppercase; color:#fff; width:50%; } /* defaults for slider nav */ .kwicks { position: relative; padding-bottom: 20px; margin-top:3px; height:100px!important;overflow:hidden;margin:0 auto;} .kwicks li { display: block; overflow: hidden; float:left;width:110px; border-left:1px dotted #ccc; padding:5px 0;} .kwicks li a { width:265px;display:block;height:120px;} .kwicks span.presenter { color:#888; font-size:63%; text-align:center; width:100px; display:block; float:left;font-family:arial;} .kwicks img { display:block; margin:0 auto; margin-bottom:7px; } .kwicks span.title { font-size:70%; color: #444; float:left;width:140px;margin-left:0px;display:none;} .kwicks span.city { display:block;} .kwicks span.status { background-color:orange;width:90px;color:#fff;text-transform:uppercase;padding:2px;text-align:center;top:5px;position:relative; display:block;} #kwicks0 { border-left:none; } /*slider nav active state*/ .kwicks li.active span.title { display:block;} li.current {padding-top:-5px;background:url(../images/currentbg.gif) top left repeat-x #fff;} li.current span.title {padding-top:-5px;} /* =VIDEO AREA __________________________________________________________________*/ #videoarea { width:100%; padding:0 0px; background:url(../images/playerbg.gif) 0 0 no-repeat; padding-bottom:20px;} #videowrap { width:730px; height:410px; padding:44px 10px 0 0px; margin-top:-1px;margin:0 auto;padding-bottom:30px;} #flashVideo { margin-left:4px;} #videocontent {background-color:red;overflow:auto;background:url(../images/videocontentbg.gif) bottom left no-repeat;width:760px;margin:0 auto;padding-bottom:20px;} /*video information*/ #videoinfo { width:390px; padding-top:10px; overflow:hidden; float:left;} #videoinfo p { font-size:70%; line-height:20px; padding-right:10px;padding-left:20px; border-right:1px solid #cfcfcf;} /*video quality links*/ #videoinfo ul { width:52px; height:70px; float:left; margin:10px 10px 0 10px; background:url(../images/vidquality.gif) no-repeat;} #videoinfo ul a { display:block; width:42px; height:24px; margin-left:10px; text-indent:-9999px; } #v_hi a { background:url(../images/vidquality.gif) no-repeat -10px 0px; } #v_med a { background:url(../images/vidquality.gif) no-repeat -10px -24px; } #v_low a { background:url(../images/vidquality.gif) no-repeat -10px -48px; } #v_hi a:hover { background-position: -62px 0px; } #v_med a:hover { background-position: -62px -24px; } #v_low a:hover { background-position: -62px -48px; } #v_hi a.current { background-position: -62px 0px; } #v_med a.current{ background-position: -62px -24px; } #v_low a.current{ background-position: -62px -48px; } /*doctor information/history*/ #docinfo { width:340px; float: left; padding:10px 0 0 15px; overflow:auto; position:relative; min-height:90px;} #docinfo h3 { width:310px; } #docinfo p { width:320px; font-size:70%; line-height:20px; } #docinfo p span { display:block;} #docinfo ul { position:absolute; top:5px; right:0px; width:30px; padding-top:10px } #docinfo ul a { display:block; width:28px; height:24px; text-indent:-9999px;} /*social media links*/ #share { background:url(../images/sharevideo.gif) right 10px no-repeat;padding-right:10px;;} #share li { margin:0;padding:0;} #d_twit a { background:url(../images/social.gif) no-repeat 0 0; height:30px;} #d_face a { background:url(../images/social.gif) no-repeat 0 -25px; } #d_email a { background:url(../images/social.gif) no-repeat 0 -50px; } #d_twit a:hover { background-position: -28px 0;} #d_face a:hover { background-position: -28px -25px;} #d_email a:hover{ background-position: -28px -50px;} /* =COMMENT AREA ________________________________________________________________*/ #commentarea { width:771px; overflow:hidden; float:left; border-top:2px solid #eee68e; } /*comment form*/ #commentarea form { width:286px; height:277px; padding:15px 20px; float:left; background:#eee68e; } #commentarea label { text-indent:-9999px; margin:3px 0; height:9px; display:block; } #l_name { width:27px; background:url(../images/namelabel.gif) no-repeat 0 0; } #l_comment { width:46px; background:url(../images/commentlabel.gif) no-repeat 0 0; } #commentarea input, #commentarea textarea { margin:3px 0 6px 3px; border:1px solid #cc8a1c; width:270px;} #commentarea #commentsubmit { width:96px; height:34px;background:url(../images/postbtn.gif) 0px 0px no-repeat transparent; border:0px;outline:none;text-indent:-200em;} #commentarea #commentsubmit:hover { background-position:0 -33px; } /*comment listing*/ #commentarea ul { width:445px; float:left; } #commentarea ul li { display:block; width:401px; padding:15px 20px; background:#fff8ae; border:2px solid #eee68e; border-top:none; font-size:80%; } /*ie fix*/ #commentarea form, { width:285px; } #commentarea ul, { width:445px; } #commentarea ul li, { width:401px; } #commentarea, { border-top:none; } #comments .author { display:block; font-size:11px;margin-top:3px;} /*sponsors*/ #sponsorlogos { width:146px; float:left; } #sponsorlogos a { width:146px; display:block; text-indent:-9999px; } #sponsor1 a { height:60px; background:url(../images/logos.gif) no-repeat 0 0; } #sponsor2 a { height:80px; background:url(../images/logos.gif) no-repeat 0 -60px; } #sponsor3 a { height:60px; background:url(../images/logos.gif) no-repeat 0 -149px; } /* = ______________________________________________________________________*/ #panel_faculty {width:880px; margin:0 auto;padding:20px 0px 40px 0px;background-color:#eee68e;overflow:auto;display:none;position:absolute;top:228px;left:40px;} #panel_faculty span {display:block} #panel_faculty h1 {width:780px;height:36px;position:absolute;bottom:0px;left:0px;background:url(../images/panel_faculty.gif) top left no-repeat;text-indent:-1000em;} #panel_faculty ul {overflow:auto;width:800px;margin:0 auto;} #panel_faculty li {float:left;height:100px;width:400px;font-size:70%;line-height:140%;} #panel_faculty li img {float:left;margin-right:15px;border:3px solid #fed08c;} #panel_faculty strong {font-family:georgia;font-size:150%;display:block;font-weight:normal;} a.close { background:url(../images/close.gif) top left no-repeat; width:106px; height:36px;display:block;float:right;position:absolute;bottom:0px;right:0px;text-indent:-1000em;} div#emailer {background-color:#fff;width:450px;height:auto;padding:20px 0px;position:fixed !important; position: absolute; /*ie6*/ top:50px; left: 50%; margin-left:-250px;display:none;} div#emailer h3,div#emailer ul{padding-left:20px;} div#emailer ul li {margin-bottom:10px;} div#emailer label {font-size:10px;text-transform:uppercase;letter-spacing:.08em;} div#emailer input.text {width:96%;background-color:#eeefee;left:0px;} div#emailer input.submit{border:2px outset #ddd;margin-left:20px;text-transform:uppercase;font-size:10px;padding:5px 15px;letter-spacing:.2em;} div#emailer textarea {width:96%;background-color:#eeefee;border:0px;height:180px;display:block;font-family:arial;font-size;11px;} div#emailer a {float:right; margin-right:25px; margin-top:10px; font-size:11px;} div#emailer a:hover{color:red;} div#commentarea .login{ width:325px;height:200px;float:left;background-color:#eee68e;} div#commentarea .login p{padding:20px;} div#commentarea .login a{text-decoration:underline;}