/* Bosweb Systems.2012. Table Of Contents ------------------------- [01] - Global/Default Styles [02] - Layout [03] - Additional Layouts [04] - Navigation, Menus and Lists [05] - Forms [06] - Buttons [07] - Photo Galleries [Misc] - Miscellaneous Styles */ /*[01] - Global/Default Styles ----------------------------*/ /* Resets */ a{text-decoration:none;} a,a:active, a:focus{outline: 0;} textarea:focus, input:focus, select:focus{outline:none;} img, a img{border:none;} table{border-collapse:collapse; border-spacing: 0;} ::selection{} /* Document Styles/Page Size Standards */ html{overflow-y: scroll;line-height:1.5;color:#3e3e3e;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: 100%;} body{background:#00aba1;} body > header, body > section, body > footer{position:relative;} .contentWrapper{position:relative;margin:0px auto;width:980px;} .container{width:892px;} /* Typography */ h1, h2, h3, h4, h5, h6{text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);font-family:"Droid Sans",sans-serif;font-weight:normal;color:#00aca2;} h1{font-size:30px;} h2{font-size:25px;} h3{font-size:22px;} h4{font-size:20px;} h5{font-size:15px;} h6{font-size:13px;} p{} a{color:#00aca2;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration:none;color:#00aca2;} a:hover{text-decoration:underline;} /*[02] - Layout ----------------------------*/ /* Site Header */ #Site-Header{padding:30px 0px 5px;background:#fff;z-index:2;} /* Banner/Slider */ #Banner{padding-bottom:15px;background:#fff;z-index:1;} #Slider{display:none;position:relative;} #Slider .slidesjs-container{position:relative;z-index:1;} #Slider .slidesjs-navigation{display:none;} #Slider .slidesjs-pagination{position:absolute;top:8px;right:0px;margin:0px;padding:0px;list-style:none;z-index:2;} #Slider .slidesjs-pagination li{position:relative;width:375px;height:75px;} #Slider .slidesjs-pagination li + li{margin-top:-3px;} #Slider .slidesjs-pagination li a{position:absolute;top:0px;right:-300px;display:block;width:375px;height:75px;overflow:hidden;text-indent:101%;background:url(/images/SliderTab_Teale.png) no-repeat;transition: all 0.5s ease;} #Slider .slidesjs-pagination li + li a{right:-330px;background:url(/images/SliderTab_Brown.png) no-repeat;} #Slider .slidesjs-pagination li + li + li a{right:-315px;background:url(/images/SliderTab_Green.png) no-repeat;} #Slider .slidesjs-pagination li + li + li + li a{right:-285px;background:url(/images/SliderTab_Orange.png) no-repeat;} #Slider .slidesjs-pagination li a:hover,#Slider .slidesjs-pagination li a.active{right:0px;} #Followon #Banner .container{width:895px;} /* Site Content */ #Site-Content{} #Site-Content > div{padding:0px 20px 20px;background:#fff;} #Page-Breadcrumb{margin-bottom:20px;padding-bottom:5px;text-transform:uppercase;font-size:11px;font-weight:bold;color:#151515;border-bottom:1px solid #909090;} #Page-Breadcrumb a{position:relative;top:2px;color:#151515;} #Add-This{position:relative;top:2px;} #Add-This a{display:block;} #Add-This a[rel=linkedin]{width:100px;} #Add-This a[rel=gplus]{width:60px;} #Add-This a[rel=tweet]{width:80px;} #Add-This a[rel=facebook]{width:80px;} /* Site Footer */ #Site-Footer{padding:15px 0px 30px;font-size:13px;color:#fff;} #Site-Footer a{color:#fff;} #Site-Copyright{clear:both;text-align:right;line-height:1.7;} /*[03] - Additional Layouts ----------------------------*/ /* Blog */ #Blog-Side-Panel{} #Floating-Blog-Side-Panel.stuck{position:fixed;top:10px;width:209px;} #Blog-Side-Panel h2.column-heading{position:relative;display:block;margin:0px;padding:15px 0px;text-align:center;text-transform:uppercase;line-height:normal;font-family:"Droid Sans",sans-serif;font-size:18px;color:#fff;border-radius:10px 10px 0px 0px;background:#666666;} #Blog-Side-Panel h2.column-heading a{color:#fff;} #Blog-Side-Panel .panel{min-height:150px;height:auto !important;height:150px;margin:5px 0px 0px;padding:10px 20px 20px;color:#1d1b1b;background:url(/images/bg_Side-Navigation-Grey.png);} #Blog-Side-Panel .panel a{color:#1d1b1b;} #Blog-Side-Panel .panel li{margin:0px;} /*[04] - Navigation, Menus and Lists ----------------------------*/ .tinynav{display:none;} /* Site Navigation */ #Site-Navigation{position:relative;padding-top:40px;} #Site-Navigation > div{float:right;} #Site-Navigation > div > ul{margin:0px;padding:0px;list-style:none;} #Site-Navigation > div > ul > li{position:relative;display:inline-block;*display:inline;zoom:1;} #Site-Navigation > div > ul > li + li{padding-left:2px;background:url(/images/bg_Site-Navigation.png) no-repeat 0px 10px;} #Site-Navigation > div > ul > li > a{position:relative;display:block;padding:13px 11px 5px;text-transform:uppercase;font:bold 16px "Droid Sans",sans-serif;color:#c0b3ab;} #Site-Navigation > div > ul > li.selected > a,#Site-Navigation > div > ul > li:hover > a{text-decoration:none;color:#fff;border-radius:10px 10px 0px 0px;} #Site-Navigation > div > ul > li.selected.green > a,#Site-Navigation > div > ul > li.green:hover > a{background:#79c044;} #Site-Navigation > div > ul > li.selected.teale > a,#Site-Navigation > div > ul > li.teale:hover > a{background:#00aba1;} #Site-Navigation > div > ul > li.selected.orange > a,#Site-Navigation > div > ul > li.orange:hover > a{background:#f05c28;} #Site-Navigation > div > ul > li.selected.brown > a,#Site-Navigation > div > ul > li.brown:hover > a{background:#86736a;} #Site-Navigation > div > ul > li.selected.grey > a,#Site-Navigation > div > ul > li.grey:hover > a{background:#666666;} #Site-Navigation > div > ul > li > ul{display:none;position:absolute;top:100%;left:0px;min-width:100%;margin:0px;padding:5px 10px;list-style:none;} #Site-Navigation > div > ul > li + li > ul{left:1px;} #Site-Navigation > div > ul > li.green > ul{background:url(/images/bg_Site-Navigation-Green.png);} #Site-Navigation > div > ul > li.teale > ul{background:url(/images/bg_Site-Navigation-Teale.png);} #Site-Navigation > div > ul > li.orange > ul{background:url(/images/bg_Site-Navigation-Orange.png);} #Site-Navigation > div > ul > li.brown > ul{background:url(/images/bg_Site-Navigation-Brown.png);} #Site-Navigation > div > ul > li.grey > ul{background:url(/images/bg_Site-Navigation-Grey.png);} #Site-Navigation > div > ul > li:hover > ul{display:block;} #Site-Navigation > div > ul > li > ul > li{position:relative;} #Site-Navigation > div > ul > li > ul > li > a{display:block;padding:5px 0px;font-size:12px;font-weight:bold;color:#fff;} #Site-Navigation > div > ul > li > ul > li.selected > a{text-decoration:underline;} /* Side Navigation */ #Side-Navigation{} #Side-Navigation.stuck{position:fixed;top:10px;width:209px;} #Side-Navigation > div{} #Side-Navigation > div > ul{margin:0px;padding:0px;list-style:none;} #Side-Navigation > div > ul > li{display:none;position:relative;} #Followon.about #Side-Navigation > div > ul > li#Side-Navigation_About, #Followon.gardens #Side-Navigation > div > ul > li#Side-Navigation_Gardens, #Followon.education #Side-Navigation > div > ul > li#Side-Navigation_Education, #Followon.hire #Side-Navigation > div > ul > li#Side-Navigation_Hire, #Followon.gallery #Side-Navigation > div > ul > li#Side-Navigation_Gallery{display:block;} #Side-Navigation > div > ul > li > a{position:relative;display:block;padding:15px 0px;text-align:center;text-transform:uppercase;font-family:"Droid Sans",sans-serif;font-size:18px;color:#fff;border-radius:10px 10px 0px 0px;} #Side-Navigation > div > ul > li.green > a{background:#79c044;} #Side-Navigation > div > ul > li.teale > a{background:#00aba1;} #Side-Navigation > div > ul > li.orange > a{background:#f05c28;} #Side-Navigation > div > ul > li.brown > a{background:#86736a;} #Side-Navigation > div > ul > li.grey > a{background:#666666;} #Side-Navigation > div > ul > li > a:hover{text-decoration:none;} #Side-Navigation > div > ul > li > ul{min-height:150px;height:auto !important;height:150px;margin:5px 0px 0px;padding:10px 20px 20px;list-style:none;} #Side-Navigation > div > ul > li.green > ul{background:url(/images/bg_Side-Navigation-Green.png);} #Side-Navigation > div > ul > li.teale > ul{background:url(/images/bg_Side-Navigation-Teale.png);} #Side-Navigation > div > ul > li.orange > ul{background:url(/images/bg_Side-Navigation-Orange.png);} #Side-Navigation > div > ul > li.brown > ul{background:url(/images/bg_Side-Navigation-Brown.png);} #Side-Navigation > div > ul > li.grey > ul{background:url(/images/bg_Side-Navigation-Grey.png);} #Side-Navigation > div > ul > li > ul > li{position:relative;} #Side-Navigation > div > ul > li > ul > li > a{display:block;padding:5px 0px 5px 15px;color:#1d1b1b;background:url(/images/bg_Side-Navigation-Arrow.png) no-repeat left center;} #Side-Navigation > div > ul > li > ul > li.selected > a{font-weight:bold;} /* Footer Navigation */ #Footer-Navigation{padding-top:20px;} #Footer-Navigation > div{} #Footer-Navigation > div > ul{margin:0px 0px 0px -20px;padding:0px;list-style:none;} #Footer-Navigation > div > ul > li{position:relative;} #Footer-Navigation > div > ul > li > a{display:none;} #Footer-Navigation > div > ul > li > ul{margin:0px;padding:0px;list-style:none;} #Footer-Navigation > div > ul > li > ul > li{position:relative;} #Footer-Navigation > div > ul > li > ul > li > a{display:block;padding-left:15px;color:#fff;background:url(/images/bg_Footer-Navigation.png) no-repeat left center;} /*[05] - Forms ----------------------------*/ label{font-size:12px !important;font-weight:bold;color:#00aca2;} label,input[type=checkbox],input[type=radio],input[type=image]{cursor:pointer;} input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=tel], select, textarea{} input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus, select:focus, textarea:focus{} /* Site Search */ #Site-Search{margin:0px 0px 10px;} #Site-Search input{margin:0px;} /*[06] - Buttons ----------------------------*/ /*[07] - Photo Galleries ----------------------------*/ .photogalleryItem{position:relative;} .photogalleryItem a{position:relative;display:block;padding:9px;border:1px solid #ddd;} .photogalleryItem a span{position:relative;display:block;width:120px;height:120px;overflow:hidden;} .photogalleryItem a span img{max-width:225px;float:right;} #scienceCafeGallery .photogalleryItem a span img { max-width: 125px; } #mediaInterviews td{} #mediaInterviews {border-collapse: collapse;text-align:center;width:662px;} /*[Misc] - Miscellaneous Styles ----------------------------*/ .clear{clear:both;} .req{color:#e50000;} .cf:before,.cf:after{content:"";display:block;} .cf:after{clear:both;} .cf{zoom:1;} .align-right{text-align:right;}