A:link {text-decoration: none} /* SEDI Custom CSS Document */ /* Add custom fonts */ @font-face { font-family: 'RobotoRegular'; src: url('/en/sedi/fonts/Roboto-Regular-webfont.eot'); src: url('/en/sedi/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-Regular-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoItalic'; src: url('/en/sedi/fonts/Roboto-Italic-webfont.eot'); src: url('/en/sedi/fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-Italic-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBold'; src: url('/en/sedi/fonts/Roboto-Bold-webfont.eot'); src: url('/en/sedi/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-Bold-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldItalic'; src: url('/en/sedi/fonts/Roboto-BoldItalic-webfont.eot'); src: url('/en/sedi/fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-BoldItalic-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensed'; src: url('/en/sedi/fonts/Roboto-Condensed-webfont.eot'); src: url('/en/sedi/fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-Condensed-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-Condensed-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensedItalic'; src: url('/en/sedi/fonts/Roboto-CondensedItalic-webfont.eot'); src: url('/en/sedi/fonts/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-CondensedItalic-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-CondensedItalic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldCondensed'; src: url('/en/sedi/fonts/Roboto-BoldCondensed-webfont.eot'); src: url('/en/sedi/fonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-BoldCondensed-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldCondensedItalic'; src: url('/en/sedi/fonts/Roboto-BoldCondensedItalic-webfont.eot'); src: url('/en/sedi/fonts/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-BoldCondensedItalic-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoThin'; src: url('/en/sedi/fonts/Roboto-Thin-webfont.eot'); src: url('/en/sedi/fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-Thin-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoThinItalic'; src: url('/en/sedi/fonts/Roboto-ThinItalic-webfont.eot'); src: url('/en/sedi/fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-ThinItalic-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLight'; src: url('/en/sedi/fonts/Roboto-Light-webfont.eot'); src: url('/en/sedi/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-Light-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-Light-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLightItalic'; src: url('/en/sedi/fonts/Roboto-LightItalic-webfont.eot'); src: url('/en/sedi/fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-LightItalic-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-LightItalic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMedium'; src: url('/en/sedi/fonts/Roboto-Medium-webfont.eot'); src: url('/en/sedi/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-Medium-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMediumItalic'; src: url('/en/sedi/fonts/Roboto-MediumItalic-webfont.eot'); src: url('/en/sedi/fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-MediumItalic-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBlack'; src: url('/en/sedi/fonts/Roboto-Black-webfont.eot'); src: url('/en/sedi/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-Black-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-Black-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-Black-webfont.svg#RobotoBlack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBlackItalic'; src: url('/en/sedi/fonts/Roboto-BlackItalic-webfont.eot'); src: url('/en/sedi/fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Roboto-BlackItalic-webfont.woff') format('woff'), url('/en/sedi/fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TuffyRegular'; src: url('/en/sedi/fonts/Tuffy-webfont.eot'); src: url('/en/sedi/fonts/Tuffy-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Tuffy-webfont.woff') format('woff'), url('/en/sedi/fonts/Tuffy-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Tuffy-webfont.svg#TuffyRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TuffyItalic'; src: url('/en/sedi/fonts/Tuffy_Italic-webfont.eot'); src: url('/en/sedi/fonts/Tuffy_Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Tuffy_Italic-webfont.woff') format('woff'), url('/en/sedi/fonts/Tuffy_Italic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Tuffy_Italic-webfont.svg#TuffyItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TuffyBold'; src: url('/en/sedi/fonts/Tuffy_Bold-webfont.eot'); src: url('/en/sedi/fonts/Tuffy_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Tuffy_Bold-webfont.woff') format('woff'), url('/en/sedi/fonts/Tuffy_Bold-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Tuffy_Bold-webfont.svg#TuffyBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TuffyBoldItalic'; src: url('/en/sedi/fonts/Tuffy_Bold_Italic-webfont.eot'); src: url('/en/sedi/fonts/Tuffy_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/Tuffy_Bold_Italic-webfont.woff') format('woff'), url('/en/sedi/fonts/Tuffy_Bold_Italic-webfont.ttf') format('truetype'), url('/en/sedi/fonts/Tuffy_Bold_Italic-webfont.svg#TuffyBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NegotiateFree'; src: url('/en/sedi/fonts/negotiate_free-webfont.eot'); src: url('/en/sedi/fonts/negotiate_free-webfont.eot?#iefix') format('embedded-opentype'), url('/en/sedi/fonts/negotiate_free-webfont.woff') format('woff'), url('/en/sedi/fonts/negotiate_free-webfont.ttf') format('truetype'), url('/en/sedi/fonts/negotiate_free-webfont.svg#NegotiateFree') format('svg'); font-weight: normal; font-style: normal; } #printlogo {border:0!important;} #screenlogo {border:0!important;width:210px!important; height:73px!important;} .sf-menu, .sf-menu * {margin: 0;padding: 0;list-style: none;z-index:2000!important;font-size:11.5px;} /***** CSS modifications for addition of SEDI specific menu. Remove this commmented out CSS and add back the SSI include on the landing page ****** .sf-menu li.home {border-left: 0px dotted #D3D1D1!important;margin-left: 0px!important; width:30px;} .sf-menu li.home:hover {width:30px;} .sf-menu li.oashome { background: url("/en/sedi/images/icons/oaslogoicon.gif") no-repeat scroll left 5px transparent; border-right: 1px dotted #D3D1D1 !important; height: 30px; margin-bottom: 0; margin-left: 8px; padding-right: 5px; margin-right:8px!important; width: 28px; } .sf-menu li.oashome a {border-right:0!important;height:11px!important;} .sf-menu li.home a {height:11px!important;} ******/ /*html,body */ #maincontent * , #maincontent *:before #maincontent, #maincontent *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Accessibility stuff */ #skip a, #skip a:hover, #skip a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } #skip a:active, #skip a:focus { position:static; width:auto; height:auto; } .screenreaderaccess { position:absolute; left:-9999px; } /* Misc ---------------------- */ .hide { display: none !important; } .highlight { background: #ffff99; } #googlemap img, object, embed { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } #maincontent{font-family:'RobotoRegular',arial, sans-serif;} #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 {font-family:'RobotoBold',arial, sans-serif;/*text-shadow: 1px 1px 1px #555;*/} .maintitle {color:#666;} .byline {color: #BFBFBF;font-family:'TuffyBoldItalic',arial, sans-serif!important; font-size:180%;} #maincontent p {font-family:'RobotoRegular',arial, sans-serif;} strong {font-family:'RobotoBold',arial, sans-serif;} em {font-family:'RobotoItalic',arial, sans-serif;} a {color: #339} a:hover {color:#F60;} .eventicon {margin-right:.5em!important;padding-right:.5em !important;} .navtitle {padding:.8em 0 0 .8em!important;} #banner {margin-bottom:.8em!important;} /* override for larger shadow to accomodate larger shadow images for more columns in superfish navigation */ /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('/en/sedi/images/superfish/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius: 10px;-khtml-border-radius-bottomleft: 10px;-khtml-border-radius-topright: 10px;} .sf-shadow ul.sf-shadow-off, .sf-shadow .sf-shadow-off .menu_right {background: transparent!important;} .sf-shadow ul.menu_right {background:url('/en/sedi/images/superfish/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;margin-right:-8px;-moz-border-radius-bottomleft: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-khtml-border-radius-bottomleft: 10px;-khtml-border-radius-topright: 10px;} .dhdecicon {background: url('dhdecicon.png') no-repeat 0 0 !important; padding-left:20px;padding-bottom:.5em; margin:0 .5em .5em 0; } .dedtticon {background: url('dedtticon.png') no-repeat 0 0 !important; padding-left:20px;padding-bottom:.5em; margin:0 .5em .5em 0; } .dsdicon {background: url('sdicon.png') no-repeat 0 0 !important; padding-left:20px;padding-bottom:.5em;margin:0 .5em .5em 0; } .dsdeicon {background: url('dsdeicon.png') no-repeat 0 0 !important; padding-left:20px;padding-bottom:.5em;margin:0 .5em .5em 0; } .dsiicon {background: url('dsiicon.png') no-repeat 0 0 !important; padding-left:20px;padding-bottom:.5em;margin:0 .5em .5em 0; } gsc-search-box {z-index:500000!important;} h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange {color:#F60} #maincontent .sidebar .title {background:#FF9A00 !important; font-size: 0.9em;} .sidebar {text-wrap:normal!important} #maincontent #rightmaincol .sidebar ul li, #maincontent #fullmaincol .sidebar ul li {background:url('orange_bullet.gif') no-repeat 0 0.5em !important; margin: 0.5em !important; padding: 0 0 0 .8em; } .sidebar.red {border: 1px solid #EA4444!important;margin: 0 0 1em 0.3em; width: 200px;} .sidebar.blue{border: 1px solid #5D8CEA!important;margin: 0 0 1em 0.3em;width: 200px;} .sidebar.green {border: 1px solid #3BAA3B!important;margin: 0 0 1em 0.3em;width: 200px;} .sidebar.orange{border: 1px solid #F79A18!important;margin: 0 0 1em 0.3em;width: 200px;} .sidebar.gray {border: 1px solid #666!important;margin: 0 0 1em 0.3em;width: 200px;} .sidebar.ltyellow {border: 1px solid #F7EACD!important;margin: 0 0 1em 0.3em;width: 200px;} .sidebar .red {background: #EA4444!important;color:#fff!important;padding:.8em;height:100%;overflow:auto!important; } .sidebar .blue {background: #5D8CEA!important;color:#fff!important;padding:.8em;height:100%;overflow:auto!important;} .sidebar .green {background:#3BAA3B!important;color:#fff!important; padding:.8em;height:100%;overflow:auto!important;} .sidebar .orange {background: #F79A18!important;color:#fff!important;padding:.8em;height:100%;overflow:auto!important;} .sidebar .gray {background: #666!important;color:#fff!important;padding:.8em;height:100%;overflow:auto!important;} .sidebar .ltyellow {background:#F7EACD!important;color:#262625!important;padding:.8em;height:100%;overflow:auto!important;} .sidebar ul {padding-bottom:.5em;} .sidebar p {padding-left:.6em!important;} .sidebar ul li {background:url('orange_bullet.gif') no-repeat 0 0.5em !important; margin: 0.5em !important; padding: 0.2em 0.2em 0.2em 0.8em; } #maincontent #rightmaincol h1, #maincontent #rightmaincol h2, #maincontent #rightmaincol h3, #maincontent #rightmaincol h4, #maincontent #rightmaincol h5, #maincontent #rightmaincol p, #maincontent #fullmaincol h1, #maincontent #fullmaincol h2, #maincontent #fullmaincol h3, #maincontent #fullmaincol h4, #maincontent #fullmaincol h5, #maincontent #fullmaincol p { margin-left: 0em!important; padding:.3em;} /* fix override for icons in tabs */ #maincontent #rightmaincol .tabs-content p.dhdecicon, #maincontent #fullmaincol .tabs-content p.dhdecicon, #maincontent #rightmaincol .tabs-content p.dedtticon, #maincontent #fullmaincol .tabs-content p.dedtticon, #maincontent #rightmaincol .tabs-content p.dsdicon, #maincontent #fullmaincol .tabs-content p.dsdicon, #maincontent #rightmaincol .tabs-content p.dsdeicon, #maincontent #fullmaincol .tabs-content p.dsdeicon {margin-left: 0em!important; padding:0 0 0 1.5em;} #maincontent #rightmaincol ul.tabs-content li, #maincontent #fullmaincol ul.tabs-content li {background:none!important;} .themehead h4, .themehead h4 a {color:#fff!important;text-shadow:1px 1px 1px #555; } .themehead h4 a {text-decoration:none;} .themehead h4 a:hover {text-shadow:1px 1px 1px #555!important; } .themehead h4, #featured-sb h4 {padding:.5em .5em .5em 0em} .workareacontent {display:none;} /* For tab container borders */ .tabs { -moz-box-sizing: border-box; /* Firefox, other Gecko */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ box-sizing:border-box; /* Opera/IE 8+ */ } .contained {border-top:0!important} .toggleimg { opacity: 0.4!important; z-index: 1; border:0!important; vertical-align:top; } a.toggle-nav { background: url('plus-toggle-dark.png') no-repeat 0 0; display:inline-block; width: 16px; height: 16px; opacity: 0.4; position: relative; left:5px; top: 3px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition:all 500ms ease-in-out; z-index: 1; } a.toggle-nav.open { opacity: 0.5; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg)!important; transform-origin: center center 0; z-index: 1; } a.toggle-nav { right: -45px !important; } .topicwrap {display: table;background:#F7EACD /*Original color#F4F4F4*/; padding:.5em;border: 1px solid #ECECEC; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;position: relative; margin-top:76px/*.1em*/;margin-bottom:1em; width:802px;} /*.topicwrap :after { content: ""; display: table; clear: both; }*/ div.topictitle {display: table-header-group !important; } div.topictitle h3 {padding: .3em 0; color:#666} .topicwrap .theme {display: table-cell; float:none;} .topicwrap .gutter {width: 1%; display: table-cell} .topicwrap > :last-of-type { margin-right:0px; } .theme {font-size:90%; margin-bottom:.7em; padding:5px;width:20%!important; } .theme a {color:#292935;} .theme a:hover {color:#FFE;/*text-shadow:1px 1px 1px #636262;*/text-shadow: 0 1px rgba(0, 0, 0, 0.3)!important;} .HD {background:/*#C95E5E*/#EA4444; border: 1px solid #C48181; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .ED {background:/*#FFCC66*/#F79A18;border: 1px solid #E0B560; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;} .SD {background:/*#87B787*/#3BAA3B;border: 1px solid #78A378; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .SocDE {background:/*#94B5F7*/#5D8CEA;border: 1px solid #819FDB; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } /*.themeFEMCIDI {background:#966;width:24%;box-shadow: 3px 3px 3px #555;-moz-box-shadow: 3px 3px 3px #555; -webkit-box-shadow: 3px 3px 3px #555;}*/ /* show and hide styles */ .slidingDiv {text-indent:1.5em;} .show_hide {display:none;} /* news content */ .newswrap {display: table; background:#F4F4F4; padding:.5em;border: 1px solid #ECECEC; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;position: relative;} .newshead h4 {color:#333!important;text-shadow:1px 1px 1px #555; padding:.5em .5em .5em 0} div.newstitle {display: table-header-group !important; } div.newstitle h3 {padding: .3em 0;} .newswrap .cols {display: table-cell; float:none;} .newswrap .gutter {width: 1%; display: table-cell} /* This rule is read by Galleria to define the gallery height: */ #galleria{height:360px;} /*Original size 360px*/ .galleria-container { background:none; position: relative!important; overflow: auto!important; } #galleria :after { display:inline!important; } .galleria-info-link {background-color:#F4F4F4!important;background-position: -669px -5px;opacity: .7; filter: alpha(opacity=70);} .galleria-image img {border:0!important; margin-left:0px!important;} .galleria-counter { bottom: 10px; color: #000!important; font: 11px/1 arial,sans-serif; left: 0px; position: absolute; text-align:left; z-index: 1; opacity:1!important; font-weight:bold; } .galleria-current {color:#A30404;} .galleria-total {} .galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left, .galleria-image-nav-right { background-image: url('classic-map-light.png') !important; background-repeat: no-repeat!important; } .galleria-info { width: 91%; top: 240px; left: 11px; z-index: 2; position: absolute; } .galleria-info-title { font: bold 12px/1.1 arial,sans-serif; margin: 0; color: #fff; margin-bottom: 7px; } .galleria-image-nav { position: absolute; top: 50%; margin-top: -62px; width: 100%; height: 62px; left: 0; } .galleria-image-nav-left, .galleria-image-nav-right { opacity: .3; filter: alpha(opacity=30); cursor: pointer; width: 62px; height: 124px; position: absolute; left: 0px; z-index: 2; background-position: 0 46px; } .galleria-image-nav-right { left: auto; right: 0px; background-position: -254px 46px; z-index: 2; } .galleria-thumb-nav-left, .galleria-thumb-nav-right { opacity: .1; filter: alpha(opacity=30); cursor: pointer; width: 20px; height: 42px; position: absolute; left: 0px; z-index: 2; background-position: 0 5px; } .galleria-thumb-nav-right { left: auto; right: 0px; background-position: -296px 5px; z-index: 2; } .notouch .galleria-image-nav-left:hover, .notouch .galleria-image-nav-right:hover { opacity: 1; filter: alpha(opacity=100); } .touch .galleria-image-nav-left:active, .touch .galleria-image-nav-right:active { opacity: 1; filter: alpha(opacity=100); } .notouch .galleria-thumb-nav-left:hover, .notouch .galleria-thumb-nav-right:hover { opacity: 1; filter: alpha(opacity=100); background-color:#F4F4F4; } .touch .galleria-thumb-nav-left:active, .touch .galleria-thumb-nav-right:active { opacity: 1; filter: alpha(opacity=100); background-color:#F4F4F4; } .notouch .galleria-thumbnails-container .disabled:hover { opacity: .2; filter: alpha(opacity=20); background-color: transparent; } .col {font-size:90%; margin-bottom:.7em; padding:5px; width:260px;} .newswrap > :last-of-type { margin-right:0; } .newswrap :after { content: ""; display: table; clear: both; } .item {border-bottom:1px solid #BDBDBD; margin-bottom:.5em} .item > :last-of-type {border-bottom:none;} .item:last-child {border-bottom:none;} #maincontent .relatedlinks .title {font-size:.9em;background:#F47B29!important;} #maincontent .relatedlinks p {margin:.3em 0 .3em 0} #maincontent .relatedlinks ul li {background:url('orange_bullet.gif') no-repeat 0 .5em !important; margin:.5em .5em .5em .5em!important;padding:.2em .2em .2em .8em; } #maincontent .relatedlinks .footline, #maincontent .rellinksblue .footline {border-bottom:1px solid #333;width:90px} .relatedlinks .footnote, #maincontent .rellinksblue .footnote {font-size:.75em;} #maincontent .relatedlinks .footnote sup,#maincontent .rellinksblue sup {font-size:.79em;vertical-align:super;} #maincontent .relatedlinks h1, .rellinksblue h1, .relatedlinks h2, #maincontent.rellinksblue h2,#maincontent .relatedlinks h3,#maincontent .rellinksblue h3{margin:0!important; } #maincontent .relatedlinks .caption,#maincontent .rellinksblue .caption {font-size:.72em;} /* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */ /* Container ---------------------- */ .orbit-wrapper { width: 1px; height: 1px; position: relative; height:373px;width:555px!important;} .orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px;} .orbit.with-bullets { margin-bottom:0px; } .orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; } .orbit a.orbit-slide { border: none; line-height: 0; display: none; } .orbit div.orbit-slide { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* Timer ---------------------- */ div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; } div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('rotator-white.png') no-repeat; z-index: 3; } div.orbit-wrapper span.rotator.move { left: 0; } div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('timer-white.png') 0 0; } div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('pause-white.png') no-repeat; z-index: 4; opacity: 0; } div.orbit-wrapper span.pause.active { background: url('pause-white.png') no-repeat 0 -40px; } div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; } /* Captions ---------------------- */ .orbit-caption {display: none; font-family: inherit;width:265px; padding:0;float:right!important;position:absolute;left:555px;top:0;} /*.orbit-wrapper .orbit-caption { background: black; background: rgba(0, 0, 0, 0.6); z-index: 30; color: white; text-align: left; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%;}*/ /* float the caption in the featured-sb sidebar */ .orbit-wrapper .orbit-caption {z-index: 30; color: #fff; text-align: left; /*padding: 7px 0;*/ font-size: 12.5px;overflow: hidden;height:373px;/*top:-255px!important;left:270px!important;/*margin-bottom:-120px!important;*/} /*.orbit-caption h1, .orbit-caption h2, .orbit-caption h3, .orbit-caption h4, .orbit-caption h5, .orbit-caption h6{color:#fff;padding-left:.8em!important;text-shadow: 0 1px rgba(0, 0, 0, 0.3);} .orbit-caption p { padding:.5em;text-shadow: 0 1px rgba(0, 0, 0, 0.3);}*/ .orbit-caption h1, .orbit-caption h2, .orbit-caption h3, .orbit-caption h4, .orbit-caption h5, .orbit-caption h6{margin-top:0em; margin-bottom:.8em!important;color:#fff;text-shadow: 0 1px rgba(0, 0, 0, 0.3);} .orbit-caption p { text-shadow: 0 1px rgba(0, 0, 0, 0.3); margin: 0 0 .5em 0!important; padding:.1em!important} .orbit-caption p a {text-shadow: 0 1px rgba(0, 0, 0, 0.3) !important;} .orbit-caption ul {margin: 0;padding: 0;} .orbit-caption ul li {background:url('orange_bullet.gif') no-repeat left .4em; padding-left:10px;padding-right: 2px;display:block; margin-bottom:.3em; } .orbit-caption ul li.last {margin-bottom:1em!important;} /*#featured-sb {/*background: #666 #EAF0F7; float:right!important; height:230px;width:252px!important; margin-left:.1em!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;padding:.5em; overflow:visible}*/ .featured-sb {position:relative;float:right; } .orbit-caption .red {background: #EA4444!important; padding:.8em;height:100%;overflow:auto!important; } .orbit-caption .blue {background: #5D8CEA!important; padding:.8em;height:100%;overflow:auto!important;} .orbit-caption .green {background:#3BAA3B!important; padding:.8em;height:100%;overflow:auto!important;} .orbit-caption .orange {background: #F79A18!important;padding:.8em;height:100%;overflow:auto!important;} .orbit-caption .gray {background: #666!important;padding:.8em;height:100%;overflow:auto!important;} .orbit-caption .gray a {color: #F90;} .orbit-caption .gray a:hover {color:#339} .orbit-caption .ltyellow {background:#F7EACD!important;padding:.8em;height:100%;overflow:auto!important;color:#262625!important;} .orbit-caption .ltyellow h1, .orbit-caption .ltyellow h2, .orbit-caption .ltyellow h3, .orbit-caption .ltyellow h4, .orbit-caption .ltyellow h5, .orbit-caption .ltyellow h6 {color:#3A3A38} .orbit-caption .photocaption {font-family:'RobotoItalic',arial, sans-serif!important;font-size: .85em; font-style:color:#fff; /*text-shadow:1px 1px rgba(0, 0, 0, 0.6);*/ position:absolute;bottom:5px;} .orbit-caption .red a:hover, .orbit-caption .blue a:hover, .orbit-caption .green a:hover {color: #F79A18;} .orbit-caption p a, .orbit-caption a {text-shadow:0 0!important;} /* Directional Nav ---------------------- */ div.orbit-wrapper div.slider-nav { display: block; } div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; } div.orbit-wrapper div.slider-nav span.right { background: url('right-arrow-light.png'); background-size: 100%; right: 0; } div.orbit-wrapper div.slider-nav span.left { background: url('left-arrow-light.png'); background-size: 100%; left: 0; } .lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('right-arrow-small-light.png'); } .lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('left-arrow-small-light.png'); } /* Bullet Nav ---------------------- */ /* old ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -20px; left: 50%; margin-left: -50px; padding: 0;}*/ /* old ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; opacity: .7; border-top: 3px solid #ffffff;opacity:.7;}*/ /* newer bullets ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -20px; left: 50%; margin-left: -150px; padding: 0;} ul.orbit-bullets li { float: left; margin-left: 5px;cursor: pointer; color: #999999; text-indent: -9999px; background: url('/en/sedi/images/foundation/orbit/bullets.jpg') no-repeat 3px 0; width: 13px; height: 12px; overflow: hidden; } ul.orbit-bullets li.active { color: #222222; background-position: -9px 0; } ul.orbit-bullets li.has-thumb { background: none; width: 93px; height: 50px;border-top: 3px solid #ffffff;opacity:.7;} ul.orbit-bullets li.has-thumb:hover {opacity: 1;} ul.orbit-bullets li.active.has-thumb {background-position: 0 0 ; border-top: 3px solid #C30;opacity: 1; cursor: default; } */ ul.orbit-bullets {position:absolute; z-index: 30; list-style: none; left:190px; margin-left:0; /*left: 45%;margin-left: -50px;*/padding: 0;} ul.orbit-bullets li {float: left; margin-left: 5px;cursor: pointer; color: #999999; text-indent: -9999px; background: url('bullets.jpg') no-repeat 3px 0; width: 13px; height: 12px; overflow: hidden; display:block } ul.orbit-bullets li.active { color: #222222; background-position: -9px 0; } ul.orbit-bullets li.has-thumb { background: none; width: 74px; height: 50px;border-top: 3px solid #ffffff;opacity:.7;} ul.orbit-bullets li.has-thumb:hover {opacity: 1;} ul.orbit-bullets li.active.has-thumb {background-position: 0 0 ; border-top: 3px solid #FF6600;opacity: 1; cursor: default; } */ /* Orbit Slide Counter */ .orbit-slide-counter { position: absolute; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px; } /* Fluid Layout ---------------------- */ div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block;/* width: 80%;*/width: 555px; heigh:373px } /* Correct timer in IE */ .lt-ie9 .timer { display: none !important; } .lt-ie9 div.caption { background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; } /* Scss */ .orbit-wrapper { .slider-nav span { @include opacity(0); @include single-transition(opacity, 400ms); } &:hover .slider-nav span { @include opacity(1); } } /* CSS */ .orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #featured { background: #000000 url('loading.gif') no-repeat center; } #featured img { display: none;} #featured.orbit { background: none; } #featured.orbit img { display: block; } @media only screen and (max-width: 767px) { div.orbit.orbit-stack-on-small img.fluid-placeholder { visibility: visible; } div.orbit.orbit-stack-on-small .orbit-slide { position: static; margin-bottom: 10px; } } /**********Rest of Foundation Framework ******************/ /* Tabs ---------------------- */ .tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; } .tabs.contained { margin-bottom: 0;margin-top:15px/*76px*/!important; margin-left: 0;} .tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto;/*text-transform: uppercase;*/ } .tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; } .tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; } .tabs dd a, .tabs li a { color: #6f6f6f; display: block; font-size: 12px; height: 40px; line-height: 40px; padding: 0px 10px /*23.8px*/; text-decoration:none; } .tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #F7EACD; } .tabs dd.active, .tabs li.active { border-top: 3px solid #F7EACD; margin-top: -3px; } .tabs dd.active a, .tabs li.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; } .tabs dd:first-child, .tabs li:first-child { margin-left: 0; } .tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; } .tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; } .tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #cccccc; } .tabs.vertical dd a, .tabs.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 12px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; } .tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } .tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active { margin: 0; } .tabs.pill { border-bottom: none; margin-bottom: 10px; } .tabs.pill dd, .tabs.pill li { margin-right: 10px; } .tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; } .tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; } .tabs.pill dd.active, .tabs.pill li.active { border: none; margin-top: 0; } .tabs.pill dd.active a, .tabs.pill li.active a { background-color: #F7EACD; border: none; color: #fff; } .tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; } .tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; } .tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; } .tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; } .tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li { width: 33.33%; } .tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li { width: 25%; } .tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li { width: 20%; } ul.tabs-content.contained { display: block; margin: 0 0 15px!important; padding: 0; } ul.tabs-content > li { display: none; } ul.tabs-content > li.active { display: block; } ul.tabs-content.contained { padding: 0; } ul.tabs-content.contained > li, #maincontentul .tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 10px!important; } ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; } /* override of layout2.css to fix tabs */ #maincontent #rightmaincol ul li, #maincontent #fullmaincol ul li {margin:0;} .no-js ul.tabs-content > li { display: block; } .tabs-content .col h1, .tabs-content .col h2, .tabs-content .col h3, .tabs-content .col h4, .tabs-content .col h5 {color: #FF6600} .tabs-content .col { display: table-cell; float: none;} /* left hand nav */ .nav-bar { height: 40px; background: #EFF4FC; margin-left: 0; margin-top: 20px; padding: 0;font-family:tahoma,verdana,geneva,sans-serif!important } .nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #F4F4F4; border-right: none; /*line-height: 38px;*/line-height:3.0em; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; } .nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } .nav-bar > li:last-child { border-right: solid 1px #F4F4F4; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); } .nav-bar > li.active { background: #D1DBE9; border-color: #F4F4F4; } .nav-bar > li.active > a { color: #333; cursor: default; } .nav-bar > li.active:hover { background: #D1DBE9; cursor: default; } .nav-bar > li:hover { background: #FF9A00; } .nav-bar > li > a { color: #333333; } .nav-bar > li ul { margin-bottom: 0; } .nav-bar > li .flyout { display: none; } .nav-bar > li.has-flyout > a:first-child { /*padding-right: 40px;*/padding-right:20px; position: relative; } .nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; /*right: 20px;*/ right:8px;top: 17px; } .nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; } .nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; } .nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; } .nav-bar > li > a:first-child { position: relative; /*padding: 0 20px;*/padding:0 5px!important;display: block; text-decoration: none; font-size: 12px; } .nav-bar > li > input { margin: 0 10px; } .nav-bar.vertical { height: auto; margin-top: 0; } .nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px F4F4F4; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; } .nav-bar.vertical > li .flyout { left: 100%; top: -1px; } .nav-bar.vertical > li .flyout.right { left: auto; right: 100%; } .nav-bar.vertical > li.active { border-right: solid 1px #F4F4F4; } .nav-bar.vertical > li:last-child { border-bottom: solid 1px #F4F4F4; } .flyout { background: #f2f2f2; /*padding: 20px;*/padding:5px; margin: 0; border: 1px solid #d9d9d9; position: absolute; top: 39px; left: -1px; width: 250px; z-index: 40; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* remove margin on any first-child element */ /* remove margin on last element */ } .nav-bar > li h4, .nav-bar > li h5 { line-height: 1.2em; } .nav-bar > li h4.nav-title, .nav-bar > li h5.nav-title {margin-top:0!important;} .flyout h4 {font-size:12px;margin-bottom: 0.5em!important;color:#DC6E24;} .flyout h5 {font-size:11px;margin-bottom: 0.5em!important;color:#DC6E24;} .flyout blockquote {margin-left: .5em;} .flyout p { line-height: 1.1; font-size: 11px; } .flyout *:first-child { margin-top: 0; } .flyout *:last-child { margin-bottom: 0; } .flyout.small { /*width: 166.66667px; */width:366.66667px;} .flyout.large { /*width: 437.5px;*/ width:637.5px; } .flyout.right { left: auto; right: -2px; } .flyout.left { right: auto; left: -2px; } .flyout.up { top: auto; bottom: 39px; } ul.flyout, .nav-bar li ul { padding: 0; list-style: none; } ul.flyout li, .nav-bar li ul li { border-left: solid 3px #CCC; } ul.flyout li a, .nav-bar li ul li a { background: #f2f2f2; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 11px; height: auto; line-height: 1; /*padding: 15px 20px;*/padding:10px 15px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { background: #ebebeb; color: #333; } ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; } ul.flyout li.active a, .nav-bar li ul li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } /* Table of Contents :: Alerts :: Labels :: Tooltips :: Panels :: Accordion :: Side Nav :: Sub Nav :: Pagination :: Breadcrumbs :: Lists :: Inline/Link Lists :: Keystroke Chars :: Image Thumbnails :: Video :: Tables :: Microformats :: Progress Bars :: Pricing Tables */ /* Alerts ---------------------- */ div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 12px; color: white; background-color: #ff9a00; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; } div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); } div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; } div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; } /* Labels ---------------------- */ .label { padding: 1px 4px 2px; font-size: 10px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #ff9a00; } .label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .label.alert { background-color: #c60f13; } .label.success { background-color: #5da423; } .label.secondary { background-color: #e9e9e9; color: #505050; } /* Tooltips ---------------------- */ .has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; } .has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #995c00; color: #ff9a00; } .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; line-height: normal; } .tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; } .tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; } .tooltip.tip-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; } .tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; } .tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .tooltip.opened { color: #ff9a00 !important; border-bottom: dotted 1px #995c00 !important; } .tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; } /* Panels ---------------------- */ .panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; } .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel.callout { background: #ff9a00; color: #fff; border-color: #cc7b00; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); } .panel.callout a { color: #fff; } .panel.callout .button { background: white; border: none; color: #ff9a00; text-shadow: none; } .panel.callout .button:hover, .panel.callout .button:focus { background: rgba(255, 255, 255, 0.8); } .panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* Accordion ---------------------- */ ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; } ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; } ul.accordion > li > div.title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; } ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 { margin: 0; } ul.accordion > li > div.title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; } ul.accordion > li .content { display: none; padding: 15px; } ul.accordion > li.active { border-top: 3px solid #ff9a00; } ul.accordion > li.active .title { background: white; padding-top: 13px; } ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; } ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } /* Side Nav ---------------------- */ ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; } ul.side-nav li { display: block; list-style: none; margin: 0 0 6px 0; } ul.side-nav li a { display: block; } ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; } ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; } /* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */ dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px; margin-right: 0; margin-left: -9px; padding-top: 4px; } dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; } dl.sub-nav dt { color: #999; font-weight: normal; } dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } dl.sub-nav dd.active a { font-weight: bold; background: #ff9a00; color: #fff; padding: 3px 9px; cursor: default; } /* Pagination ---------------------- */ ul.pagination { display: block; height: 24px; margin-left: -5px; } ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 12px; margin-left: 5px; } ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; } ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; } ul.pagination li.unavailable a { cursor: default; color: #999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; } ul.pagination li.current a { background: #ff9a00; color: white; font-weight: bold; cursor: default; } ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #ff9a00; } /* Breadcrumbs ---------------------- */ ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-size:81%; overflow: hidden; margin-left: 0;margin-bottom:1.5em;margin-top:.8em; } ul.breadcrumbs li { margin: 0; padding: 0 5px 0 0; float: left; list-style: none; } ul.breadcrumbs li a, ul.breadcrumbs li span {padding-left: 3px; } ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; } ul.breadcrumbs li:before { /*content: "/"*/content:"|"; color: #aaa; } ul.breadcrumbs li:first-child:before { content: " "; } ul.breadcrumbs li.current a { cursor: default; color: /*#333 #666*/ #BFBFBF; font-weight:bold;text-decoration: none;} ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; } ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; } ul.breadcrumbs li.unavailable a { color: #999; } ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; } /*naming pages for somewhat automatic breadcrumb highlight on a static site */ .home ul.breadcrumbs li.home a, .aboutsedi ul.breadcrumbs li.aboutsedi a, .contactsedi ul.breadcrumbs li.contactsedi a, .policydialogue ul.breadcrumbs li.policydialogue a, .techcoop ul.breadcrumbs li.techcoop a, .courses ul.breadcrumbs li.courses a, .educoas ul.breadcrumbs li.educoas a, .scholarships ul.breadcrumbs li.scholarships a, .collabonet ul.breadcrumbs li.collabonet a, .calendar ul.breadcrumbs li.calendar a, .puublications ul.breadcrumbs li.pubs a, .partners ul.breadcrumbs li.partners a {cursor: default!important; color: /*#333 #666*/#AAAAAA!important; text-decoration:none!important;font-weight:bold!important;} .home ul.highlight li.home span a, .aboutsedi ul.highlight li.aboutsedi span a, .contactsedi ul.highlight li.contactsedi span a, .policydialogue ul.highlight li.policydialogue span a, .techcoop ul.breadcrumbs li.techcoop span a, .courses ul.breadcrumbs li.courses span a, .educoas ul.highlight li.educoas span a, .scholarships ul.highlight li.scholarships span a, .collabonet ul.highlight li.collabonet span a, .calendar ul.highlight li.calendar span a, .puublications ul.highlight li.pubs span a, .partners ul.highlight li.partners span a {cursor: default!important; color: /*#333 #666*/#AAAAAA!important;text-decoration:none!important;} /* Inline Link List */ ul.inline-list, ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; } ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin-left: 22px; display: block; } ul.inline-list > li > *, ul.link-list > li > * { display: block; } /* Keytroke Characters ---------------------- */ .keystroke, kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 11px; padding: 2px 4px 0px; margin: 0; background: #ededed; border: solid 1px #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* Image Thumbnails ---------------------- */ .th { display: block; } .th img { display: block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } .th:hover img, .th:focus img { -webkit-box-shadow: 0 0 6px 1px rgba(255, 154, 0, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(255, 154, 0, 0.5); box-shadow: 0 0 6px 1px rgba(255, 154, 0, 0.5); } /* -------------------------------------------------- Lists -------------------------------------------------- */ ul.nice, ol.nice { list-style: none; margin: 0; } ul.nice li, ol.nice li { padding-left: 13px; position: relative } ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; } /* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */ .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Tables ---------------------- */ table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } table thead, table tfoot { background: #f5f5f5; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; font-size: 12px; line-height: 18px} table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 12px; font-weight: bold; color: #222; } table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } table tbody tr.even, table tbody tr.alt { background: #f9f9f9; } table tbody tr:nth-child(even) { background: #f9f9f9; } table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } /* Microformats ---------------------- */ ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; } ul.vcard li { margin: 0; display: block; } ul.vcard li.fn { font-weight: bold; font-size: 13px; } p.vevent span.summary { font-weight: bold; } p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; } /* Progress Bar ---------------------- */ div.progress { padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc; height: 25px; /* meter */ /* border radii */ } div.progress .meter { background: #ff9a00; height: 100%; display: block; width: 50%; } div.progress.secondary .meter { background: #e9e9e9; } div.progress.success .meter { background: #5da423; } div.progress.alert .meter { background: #c60f13; } div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } /* Pricing Tables ---------------------- */ .pricing-table { border: solid 1px #dddddd; margin-left: 0; margin-bottom: 20px; } .pricing-table * { list-style: none; line-height: 1; } .pricing-table .title { background-color: #dddddd; padding: 15px 20px; text-align: center; color: #333333; font-weight: bold; font-size: 16px; } .pricing-table .price { background-color: #eeeeee; padding: 15px 20px; text-align: center; color: #333333; font-weight: normal; font-size: 20px; } .pricing-table .description { background-color: white; padding: 15px; text-align: center; color: #777777; font-size: 12px; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd; } .pricing-table .bullet-item { background-color: white; padding: 15px; text-align: center; color: #333333; font-size: 14px; font-weight: normal; border-bottom: dotted 1px #dddddd; } .pricing-table .cta-button { background-color: whitesmoke; text-align: center; padding: 20px; } /* Foundation Top Bar Requires: -jquery.foundation.topbar.js Notes: -