/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */ /* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */ body {background: url("/_gui/bk.gif") #ddd center center repeat-y; } .page { /*border:1px solid #000;*/ } div.page div.core div.navaid a:hover,div.page div.core div.navaid a:active,div.page div.core div.navaid a:focus { color: #000; background-color: #CCC; border-color: #000; } .cont { margin:0px; padding:0px; background:#000;width:0px; float:none; } /* banner styles */ div.banner p.main { font-family: verdana, Arial, sans-serif; font-weight: bold; margin: 0; padding: 0; color:#000; font-size:1.4em; } div.banner p.siteuri { font-family: verdana,Arial, Helvetica, sans-serif; background-color: transparent; font-weight: lighter; margin:0; padding: 0; font-weight:normal; color:#000; } div.banner, div.banner-eng, div.banner-fra, div.banner-lfcoa-eng, div.banner-lfcoa-fra {background: url("/_gui/banner_bk.png") #F1F1F2 0px bottom repeat-x;text-align: center; min-height: 5.58em;margin-top: 3.14em;padding-bottom: 1.5em;position: relative; z-index: 1;} div.brand { height:35px;text-align: center; background: url("/_gui/brand.jpg") 0px 0px no-repeat; margin-top:1px; border-bottom:1px solid #fff;} div.errorbrand { height:70px;text-align: center; background: url("/_gui/error_brand.jpg") 0px 0px no-repeat; margin-top:1px; border-bottom:1px solid #fff;} /* fip styles */ /*modified in base.css*/ /* breadcrumb styles */ p.breadcrumb { padding: 7px 0px 7px 3px; vertical-align: middle; font-size: 0.85em; clear: both; margin: 0; min-height: 1.23em; } p.breadcrumb a:link { color: #cc0000; text-decoration:none; padding:0px 0px 0px 0px;} p.breadcrumb a:hover { background:#cc0000;color:#fff;padding:0px 0px 0px 0px; } /* nav styles */ .NavContainer {position:relative;} .NavContainer a { display:block; width:135px; text-decoration:none;} /*white-space:nowrap;*/ .NavContainer div a { } .NavQuickLinksHome {position:relative; margin-bottom:10px !important;} .NavQuickLinksHome a { display:block; width:161px; text-decoration:none; } /*white-space:nowrap;*/ .NavQuickLinksHome a:hover { background-color:#00aff0 !important;} .NavQuickLinksHome div a { } .tri-agency-logos { width:100%; display:inline-block; padding:0; margin-bottom:15px; margin-top:15px; border: 1px solid #dddddd; text-align:center; } .tri-agency-logos .top { background-color: #f5f5f5; padding:5px; } .tri-agency-logos .col-3 { float:left; width:33%; } .tri-agency-logos .col-4 { float:left; width:34%; } .tri-agency-logos a:hover { background:none !important; } #Nav { text-align:left; padding:0px; margin:0px; z-index:10 !important; } #Nav .Parent { font:normal 1.0em verdana; background: url('/_gui/nav_header_bk.gif') #E5E5E4 0px bottom repeat-x; font-weight:bold; padding:4px 7px 4px 7px;} #Nav a.Parent { font:normal 1.0em verdana; background: url('/_gui/nav_header_bk.gif') #E5E5E4 0px bottom repeat-x; font-weight:bold; } #Nav a.Parent:hover { background: #cc0000; font-weight:bold; } #Nav a { font:normal 1.0em verdana; color:#000; border-bottom:1px solid #ccc; padding:4px 7px 4px 7px; } /*background:url('/_gui/nav_shadow.gif') no-repeat;*/ #Nav a:hover { color: #ffffff; background-color:#cc0000; text-decoration: none; } BODY #Nav .Active, BODY #Nav .Active:hover {background:#cc0000;color:#fff; font-weight:bold; } #Nav .SubParent { background:#E7E6E6; font-weight:bold; } #Nav .Item {padding:0px 0px 0px 7px;} #Nav #Sub .Item {padding:0px 14px 0px 14px;} #Nav #Sub { text-align:left; padding:0px; margin:0px; } #Nav #Sub a { width:126px; font:normal .9em verdana; background:#E7E6E6; color:#000; padding: 3px 9px 3px 14px; border-bottom:1px solid #ccc; } #Nav #Sub a:hover { color:#ffffff; background-color:#cc0000; } BODY #Nav #Sub .Active, BODY #Nav #Sub .Active:hover { background:#cc0000;color:#fff;font-weight:bold; } /* footer */ div.footer { white-space:nowrap;width: 100%; clear: both; font-size: 0.85em; margin-top: 15px; height: 1.69em; min-height: 20px; padding-top:5px; color:#7b7b7b; background-color: #FFF; border-top:1px solid #ababab; border-bottom:1px solid #ababab; } div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited { color: #cc0000; background-color: #FFF; } div.center2 div.footer a:link, div.center2 div.footer a:visited, div.center2 div.topPage a:link, div.center2 div.topPage a:visited, div.center2 p.topPage a:link, div.center2 p.topPage a:visited { color: #cc0000; background-color: #FFF; } div.center3 div.footer a:link, div.center3 div.footer a:visited, div.center3 div.topPage a:link, div.center3 div.topPage a:visited, div.center3 p.topPage a:link, div.center3 p.topPage a:visited { color: #cc0000; background-color: #FFF; } div.foot1 a:link, div.foot2 a:link, div.foot3 a:link{color: #cc0000; text-decoration:none; padding:1px 2px 1px 2px;} div.foot1 a:hover, div.foot2 a:hover, div.foot3 a:hover { background:#cc0000;color:#fff;padding:1px 2px 1px 2px; } /* splash page */ div.imptext a, div.imptext a:visited { color:#cc0000; padding:2px 2px 2px 2px;text-decoration:none; } div.imptext a:hover { background:#cc0000;color:#fff;padding:2px 2px 2px 2px; } div.langbtn, div.mllangbtn { border-top: #e67f7f 2px solid; border-left: #e67f7f 2px solid; border-bottom: #da4040 2px solid; border-right: #da4040 2px solid; height: 1.14em; text-align: center; padding: 0.19em; font-weight: bold; color: #FFF; background-color: #cc0000; } div.mllangbtn { color: #cc0000; background-color: #FFF; } div.lb a { color: #FFF; background-color: #cc0000; } /* div.msgarea { background: url(/_gui/wp-pa.gif) #fff no-repeat; } div.msgarea h1{ color:#000; } div.msgareaalt { background: url(/_gui/wp-pa-alt.gif) #fff no-repeat; } div.msgarea { } div.msgarea h1{ color:#000; } div.msgareaalt { } */ /* content styles */ A { color:#cc0000; text-decoration:none;} /*A:hover {background:#cc0000;color:#fff; } */ div.center h1, h4, h5, h6 { color: #000000; } div.center2 h1, h4, h5, h6 { color: #000000; } div.center3 h1, h4, h5, h6 { color: #000000; } div.center h2,div.center2 h2,div.center3 h2 { color: #666; } div.center h3,div.center2 h3,div.center3 h3 { font-weight:bold; font-size:1.3em; color: #999; } div.center h4,div.center2 h4,div.center3 h4 { font-size:1.0em; } div.center h5,div.center2 h5,div.center3 h5 { font-size:0.9em; } div.center2 h3.Winners { margin:0;padding:0; } div.center2 h3.WinnerTitle { margin:0;padding:0; color:#cc0001; } div.center2 h2.WinnerName { color: #000; font-size: 1.7em; margin-top: 25px; margin-bottom: 3px; } div.center a,div.center2 a,div.center3 a { color: #cc0000; text-decoration:none; padding:0px;} div.center a:link, div.center2 a:link, div.center3 a:link { color: #cc0000; text-decoration:none; } div.center a:hover, div.center2 a:hover, div.center3 a:hover { background:#cc0000;color:#fff; } div.center h3 sup,div.center2 h3 sup,div.center3 h3 sup { font-weight:normal; font-size:11px; } /*div.center a:visited { color: #cc0000; text-decoration:none; }*/ H1,H2,H3 {padding:0px; margin:0px 0px 10px 0px;} H4,H5,H6 {padding:0px; margin:0px 0px 0px 0px;} H1 {padding-top:10px; } P { margin-top:0px; padding-top:0px; } P, LI, UL { line-height:150%; } .nopadding { padding:0px;margin:0px;} /* Page Tools */ .PageTools { overflow: auto; width:100%; background: url('/_gui/page_tools_bk.gif') #fff 0px bottom repeat-x; margin-bottom:0px; padding:0px 0px 5px 0px; /*border-top:8px solid #cc0000;float:left;*/ } .PageTools div a { padding:4px 4px 4px 21px; font-size:0.90em; color:#cc0000; display:block; float:left; margin-right:3px;} .PageTools div a:hover { color:#fff; } .PageTools .Email a { background: url('/_gui/tool_email_off.gif') 2px 0px no-repeat; } .PageTools .Email a:hover { background: url('/_gui/tool_email_on.gif') #cc0000 2px 0px no-repeat; } .PageTools .Print a { background: url('/_gui/tool_print_off.gif') 2px 0px no-repeat; } .PageTools .Print a:hover { background: url('/_gui/tool_print_on.gif') #cc0000 2px 0px no-repeat; } .PageTools .Bookmark a { background: url('/_gui/tool_bookmark_off.gif') 2px 0px no-repeat; } .PageTools .Bookmark a:hover { background: url('/_gui/tool_bookmark_on.gif') #cc0000 2px 0px no-repeat; } .PageTools .Increase a { background: url('/_gui/tool_increase_off.gif') 2px 0px no-repeat; } .PageTools .Increase a:hover { background: url('/_gui/tool_increase_on.gif') #cc0000 2px 0px no-repeat; } .PageTools .Decrease a { background: url('/_gui/tool_decrease_off.gif') 2px 0px no-repeat; } .PageTools .Decrease a:hover { background: url('/_gui/tool_decrease_on.gif') #cc0000 2px 0px no-repeat; } .PageTools .Back a { background: url('/_gui/tool_back_off.gif') 2px 0px no-repeat; } .PageTools .Back a:hover { background: url('/_gui/tool_back_on.gif') #cc0000 2px 0px no-repeat; } .PageTools .Feedback a { background: url('/_gui/tool_feedback_off.gif') #fff 2px center no-repeat; } .PageTools .Feedback a:hover { background: url('/_gui/tool_feedback_on.gif') #cc0000 2px center no-repeat; } /* Site Tools */ #SiteTools .Title {background: url('/_gui/right_box_header.gif') #E9E9E9 0px bottom repeat-x; margin:0px; padding:4px 4px 4px 7px; font-size:1.0em;font-weight:bold; } #SiteTools a { padding:6px 4px 6px 30px; font-size:0.90em; color:#000; display:block; width:116px;} #SiteTools a:hover { padding:6px 4px 6px 30px; color:#fff; } #SiteTools .RSS { background: url('/_gui/tool_bg.png') #fff 0px bottom repeat-x; } #SiteTools .RSS a { background: url('/_gui/tool_rss_off.png') transparent 8px center no-repeat; } #SiteTools .RSS a:hover { background: url('/_gui/tool_rss_on.png') #cc0000 8px center no-repeat; } #SiteTools .Feedback a { background: url('/_gui/tool_feedback_off.gif') #fff 3px 0px no-repeat; } #SiteTools .Feedback a:hover { background: url('/_gui/tool_feedback_on.gif') #cc0000 3px 0px no-repeat; } #SiteTools .SiteMap { background: url('/_gui/tool_bg.png') #fff 0px bottom repeat-x; } #SiteTools .SiteMap a { background: url('/_gui/tool_sitemap_off.png') transparent 8px center no-repeat; } #SiteTools .SiteMap a:hover { background: url('/_gui/tool_sitemap_on.png') #cc0000 8px center no-repeat; } #SiteTools .Login { background: url('/_gui/tool_bg.png') #fff 0px bottom repeat-x; } #SiteTools .Login a { background: url('/_gui/tool_login_off.png') transparent 8px center no-repeat; } #SiteTools .Login a:hover { background: url('/_gui/tool_login_on.png') #cc0000 8px center no-repeat; } #SiteTools .Resource { background: url('/_gui/tool_bg.png') #fff 0px bottom repeat-x; } #SiteTools .Resource a { background: url('/_gui/tool_resource_off.png') transparent 8px 6px no-repeat; } #SiteTools .Resource a:hover { background: url('/_gui/tool_resource_on.png') #cc0000 8px 6px no-repeat; } .RightBox { background: url('/_gui/right_box_bk.gif') #fff 0px bottom repeat-x; padding:10px;border:1px solid #cccccc;min-height:200px;float:right; width: 35%; } .RightBox H2 { color:#333; font-size:1.2em; font-weight:bold;} .RightBox P { color:#000; font-size: 0.9em } DIV.RightBox1 { margin:2px 0px 10px 10px; width:100%; background: url('/_gui/rightboxbk1.gif') #fff bottom no-repeat; min-height:50px;width:220px;float:right;} DIV.RightBox1 .top{ width:100%; height:10px; background: url('/_gui/rightboxhd1.gif') #fff top no-repeat; } DIV.RightBox1 .Header{ background: url('/_gui/rightboxheader1.gif') #cc0001 top no-repeat; } DIV.RightBox1 .Content{ padding:10px; /*line-height:1.1em;*/ } DIV.RightBox1 H2 { COLOR: #fff; font-size:1.0em; font-weight:bold; padding:6px 0px 6px 10px; margin:0px;} DIV.RightBox1 .HeaderRight { float:right; margin: -24px 5px 0px 0px; } DIV.RightBox1 .HeaderRight A{ color:#fff; font-size:.8em; background: #cc0000; padding:3px 3px 3px 3px;display:block;} DIV.RightBox1 .HeaderRight A:hover{ background: url('/_gui/rss_on.gif') #cc0000 2px 4px no-repeat; color:#fff;} DIV.RightBox1 .Content UL {margin:0px;padding:0px; padding-left:0px;} DIV.RightBox1 .Content LI { background: url('/NSERC-CRSNG/_gui/red_bullet.gif') 0px 8px no-repeat; padding-left:10px; margin:0px;} DIV.RightBox1 BR { line-height:.5em;} /* Old Right hand Page Tools */ /* .RightBoxTop {background: url('/_gui/right_box_top.gif') 0px repeat-x; height:3px; padding:0px; margin:0px;font-size:0px;} .RightBoxTitle {background: url('/_gui/right_box_header.gif') #E9E9E9 0px bottom repeat-x; padding:0px; margin:0px; padding:6px 4px 6px 10px; font-size:1.0em;font-weight:bold; } .RightBox a { padding:6px 4px 6px 30px; font-size:0.90em; color:#333333; display:block; } .RightBox a:hover { padding:6px 4px 6px 30px; color:#fff; } .RightBox .Email a { background: url('/_gui/tool_email_off.gif') #fff 0px bottom no-repeat; } .RightBox .Email a:hover { background: url('/_gui/tool_email_on.gif') #cc0000 0px bottom no-repeat; } .RightBox .Print a { background: url('/_gui/tool_print_off.gif') #fff 0px bottom no-repeat; } .RightBox .Print a:hover { background: url('/_gui/tool_print_on.gif') #cc0000 0px bottom no-repeat; } .RightBox .Bookmark a { background: url('/_gui/tool_bookmark_off.gif') #fff 0px bottom no-repeat; } .RightBox .Bookmark a:hover { background: url('/_gui/tool_bookmark_on.gif') #cc0000 0px bottom no-repeat; } .RightBox .Increase a { background: url('/_gui/tool_increase_off.gif') #fff 0px bottom no-repeat; } .RightBox .Increase a:hover { background: url('/_gui/tool_increase_on.gif') #cc0000 0px bottom no-repeat; } .RightBox .Decrease a { background: url('/_gui/tool_decrease_off.gif') #fff 0px bottom no-repeat; } .RightBox .Decrease a:hover { background: url('/_gui/tool_decrease_on.gif') #cc0000 0px bottom no-repeat; } .RightBox .Feedback a { background: url('/_gui/tool_feedback_off.gif') #fff 0px bottom no-repeat; } .RightBox .Feedback a:hover { background: url('/_gui/tool_feedback_on.gif') #cc0000 0px bottom no-repeat; } .RightBox .SiteMap a { background: url('/_gui/tool_sitemap_off.gif') #fff 0px bottom no-repeat; } .RightBox .SiteMap a:hover { background: url('/_gui/tool_sitemap_on.gif') #cc0000 0px bottom no-repeat; } */ /* Hidden Panel */ div.HiddenPanel {/*float:center;*/ width:100%; } div.HiddenPanel .Container { border:1px solid #ccc; background:#fff; padding:2px; display:none; } div.HiddenPanel .Content { padding:5px 10px 5px 10px; margin:0px; background:url('/_gui/form_bk.gif') #f7f7f7 top left repeat-x; /*min-height:450px;*/ } div.HiddenPanel H2{ font:bold 1.2em verdana,arial; background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; padding:4px 0px 4px 10px; text-align:left; border-bottom:2px solid #fff; margin:0px;} div.HiddenPanel A.Close { font-size:.9em; font-weight:normal; background: url('/_gui/close.gif') 2px 2px no-repeat; padding:3px 0px 3px 22px; color:#000;} div.HiddenPanel A.Close:hover { background: url('/_gui/close.gif') #cc0000 2px 2px no-repeat; color:#fff;} div.HiddenPanel .FormContainer { width:100%; margin-bottom:3px;} div.HiddenPanel .FormFields { } div.HiddenPanel .FormLabel { display:block; font:bold 1.0em verdana,arial, sans-serif; padding:3px 0px 0px 0px; margin-top:5px;} /* Form fields */ INPUT,TEXTAREA { font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; } INPUT, TEXTAREA, SELECT { border:1px solid #aaaaaa; padding:2px; margin-top:2px; } .InputLong { width:90%; } .InputShort { width:150px; } .ButtonSubmit { width:110px;color:#000; font-weight:bold;background: url('/_gui/button_submit.gif') #F9F9F9 0px bottom repeat-x;padding:3px 3px 3px 5px; } .ButtonReset { width:110px;color:#000; font-weight:bold;background: url('/_gui/button_reset.gif') #F9F9F9 0px bottom repeat-x;padding:3px 3px 3px 5px; } .ButtonClose { width:110px;color:#000; font-weight:bold;background: url('/_gui/button_close.gif') #F9F9F9 0px bottom repeat-x;padding:3px 3px 3px 5px; } div.Form .FormContainer { width:99%; padding:0px; margin:0px; background: #f7f7f7 top left repeat-x; border:1px solid #ccc;} div.Form .FormContainer .Content { padding:5px 10px 5px 10px; } div.Form .FormFields { } div.Form .FormLabel { display:block; font:bold 1.0em verdana,arial, sans-serif; padding:3px 0px 0px 0px; margin-top:5px;} .center2 form.nsercForm { } .nsercForm fieldset { border: 2px solid #ababab; border-radius: 15px; margin-bottom: 15px; } .nsercForm fieldset legend { border-radius: 5px; margin-left: 10px; background: #cc0000; color: #fff; /*text-shadow: 1px 1px 1px #000;*/ padding: 5px 15px; font-size: 1.2em; } .nsercForm fieldset p { } .nsercForm input[type=text], .nsercForm input[type=email], .nsercForm input[type=tel], .nsercForm input[type=password], .nsercForm input[type=date], .nsercForm input[type=url], .nsercForm input[type=number], .nsercForm input[type=color], .nsercForm select, .nsercForm textarea { color: #555; border-radius: 10px; border: 1px solid #ddd; margin-top: 5px; font-size: 14px; background: #fff; } .nsercForm input[type=text], .nsercForm input[type=email], .nsercForm input[type=tel], .nsercForm input[type=password], .nsercForm input[type=date], .nsercForm input[type=url], .nsercForm input[type=number], .nsercForm select, .nsercForm textarea { padding: 10px 10px; width: 50%; } .nsercForm textarea { width: 75%; } .nsercForm input[type=radio], .nsercForm input[type=checkbox] { margin: 5px 0; margin-right: 5px; } .nsercForm input[type=submit], .nsercForm input[type=reset] { font-size: 14px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; padding: 0.5em 0.9em; background: transparent; border-radius: 5px; width: 20%; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; } .nsercForm input[type=submit], .nsercForm input[type=reset] { color: #6f6661; border: 1px solid #6f6661; } .nsercForm input[type=submit]:hover, .nsercForm input[type=submit]:active, .nsercForm input[type=submit]:focus, .nsercForm input[type=reset]:hover, .nsercForm input[type=reset]:active, .nsercForm input[type=reset]:focus { color: #fff; background: #6f6661; } /*.IntroText { font:normal 1.3em georgia,arial,verdana;line-height:1.3em;color:#cc0000;margin:2px 0px 10px 0px; min-height:50px; padding:15px 20px 10px 10px; background: url('/_gui/intro_text_bk.gif') #fff 0px top repeat-x; float:left; }*/ /*666*/ #IntroText {} /* Allan Dove 2020-06-30: I removed the float: left;. It was causing the first bullet image to disapear. #IntroText .Container { float:left; background: url('/_gui/intro_text_bk.gif') #fff 0px top repeat-x; width:100%; margin:0px 0px 10px 0px; border-top:1px solid #fff;} */ #IntroText .Container { background: url('/_gui/intro_text_bk.gif') #fff 0px top repeat-x; width:100%; margin:0px 0px 10px 0px; border-top:1px solid #fff;} #IntroText .Text { padding:15px 20px 10px 10px;font:normal 1.3em georgia,arial,verdana;line-height:1.3em;color:#cc0000; } #IntroText .Text a { font:normal 1.0em georgia,arial,verdana;line-height:1.3em;color:#cc0000; text-decoration: underline; } #IntroText .Text a:hover { background: none; } /* news listings */ DIV.News, DIV.NewsTwitter { float:left; margin:2px 0px 10px 0px; width:100%; } DIV.News .Header, DIV.NewsTwitter .Header{ background: url('/_gui/whatsnew_bk.gif') #E6E8E9 0px bottom repeat-x; } DIV.News H2, DIV.NewsTwitter H2 { COLOR: #666; font-size:1.3em; padding:8px 0px 8px 10px; margin:0px;} DIV.News .HeaderRight { float:right; margin: -30px 5px 0px 0px; } DIV.News .HeaderRight A{ background: url('/_gui/rss_off.gif') 0px 4px no-repeat; padding:3px 0px 3px 20px;display:block;} DIV.News .HeaderRight A:hover{ background: url('/_gui/rss_on.gif') #cc0000 2px 4px no-repeat; color:#fff;} DIV.News TBODY TR, DIV.NewsTwitter TBODY TR { background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; padding:10px; } /*list_bk*/ DIV.News TBODY TD, DIV.NewsTwitter TBODY TD { padding:10px; color:#333; border-bottom:1px solid #ccc;} DIV.News TBODY TR.even { background: url('/_gui/list_bk2.gif') #fff 0px bottom repeat-x; padding:10px;} DIV.News TBODY TR.over TD { background:none; cursor: pointer; background-color: #cc0000;color:#fff; } /*DIV.News TBODY TR.over TD { background:none; cursor: pointer; background-color: #EDECEC; }*/ DIV.News TBODY TR.over TD A { color:#fff;} DIV.News TBODY TR.over TH { cursor: pointer; background-color: #f4f6f7} DIV.News H3 { COLOR: #666; font-size:1.3em; padding:0px; margin:0px;} DIV.News TBODY TR.over H3 { color: #ffffff;} DIV.News .Error { background: url('/_gui/list_bk.gif') #fff 0px bottom repeat-x; padding:10px; } .NewsFooter { background: url('/_gui/whatsnew_bk.gif') #fff 0px bottom repeat-x; margin:0px 0px 10px 0px; text-align:right; float:left; width:100%; } .NewsFooter div {padding:3px 10px 5px 10px; } /* Twitter news feed/slider */ div.Twitter { float:left; margin:2px 0px 10px 0px; width:400px; border: 1px solid #CC0000;} div.TwitterHeader { background-color:#CC0000; color:#FFFFFF; padding: 7px;} .Tweet div.Small { font-size: 10px; } DIV.NewsTwitter .HeaderRight { float:right; margin: -30px 5px 0px 0px; } DIV.NewsTwitter .HeaderRight A{ background: url('/_gui/twitter_off.gif') 0px 4px no-repeat; padding:3px 0px 3px 20px;display:block;} DIV.NewsTwitter .HeaderRight A:hover{ background: url('/_gui/twitter_on.gif') #cc0000 2px 4px no-repeat; color:#fff;} NOSCRIPT DIV { BORDER-RIGHT: #900 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #900 1px solid; PADDING-LEFT: 15px; BACKGROUND: #ccc; PADDING-BOTTOM: 15px; MARGIN: 20px 0px; BORDER-LEFT: #900 1px solid; PADDING-TOP: 15px; BORDER-BOTTOM: #900 1px solid} .coda-slider-wrapper { BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none} .coda-slider { /*BACKGROUND: #fff*/} .coda-slider-no-js .coda-slider { OVERFLOW: auto! important; HEIGHT: 600px } .coda-slider {WIDTH: 384px} .coda-slider .panel {WIDTH: 384px} .arrows.coda-slider-wrapper .coda-slider { WIDTH: 384px} .arrows.coda-slider-wrapper .coda-slider .panel { WIDTH: 384px} .arrows.coda-slider-wrapper .coda-slider { MARGIN: 0px 10px} .coda-nav UL LI A.current { BACKGROUND: #cc0000} .coda-slider P.loading { TEXT-ALIGN: center} .coda-nav UL { CLEAR: both; DISPLAY: block; MARGIN: auto; OVERFLOW: hidden; PADDING-TOP: 7px} .coda-nav UL LI { DISPLAY: inline} .coda-nav UL LI A { PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: #000; FLOAT: left; PADDING-BOTTOM: 7px; COLOR: #fff; MARGIN-RIGHT: 5px; PADDING-TOP: 7px; TEXT-DECORATION: none} .coda-slider-wrapper { CLEAR: both; OVERFLOW: auto} .coda-slider { FLOAT: left; OVERFLOW: hidden; POSITION: relative} .coda-slider .panel { DISPLAY: block; FLOAT: left} .coda-slider .panel-container { POSITION: relative} /* video tables */ DIV.Vid { float:left; margin:2px 0px 10px 0px; width:100%; } DIV.Vid .Header{ background: url('/_gui/whatsnew_bk.gif') #E6E8E9 0px bottom repeat-x; } DIV.Vid H2 { COLOR: #666; font-size:1.3em; padding:8px 0px 8px 10px; margin:0px;} DIV.Vid .HeaderRight { float:right; margin: -30px 5px 0px 0px; } DIV.Vid .HeaderRight A{ background: url('/_gui/rss_off.gif') 0px 4px no-repeat; padding:3px 0px 3px 20px;display:block;} DIV.Vid .HeaderRight A:hover{ background: url('/_gui/rss_on.gif') #cc0000 2px 4px no-repeat; color:#fff;} DIV.Vid TBODY TR { background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; padding:10px; } /*list_bk*/ DIV.Vid TBODY TD { padding:10px; color:#333; border-bottom:1px solid #ccc;} DIV.Vid TBODY TR.even { background: url('/_gui/list_bk2.gif') #fff 0px bottom repeat-x; padding:10px;} DIV.Vid TBODY TR.over { background:none;} DIV.Vid TBODY TR.over TD { background:none; cursor: pointer; color:#fff; } DIV.Vid TBODY TR.over TD A { background: none;} DIV.Vid TBODY TR.over TH { cursor: pointer; background-color: #f4f6f7} DIV.Vid TBODY TR TD A:hover {background: none; color: #777;} /*div.center a:hover, div.center2 a:hover, div.center3 a:hover { background:#cc0000;color:#fff; } */ DIV.Vid H3 { COLOR: #666; font-size:1.3em; padding:0px; margin:0px;} DIV.Vid TBODY TR.over H3 { color: #ffffff;} DIV.Vid .Error { background: url('/_gui/list_bk.gif') #fff 0px bottom repeat-x; padding:10px; } .VidFooter { background: url('/_gui/whatsnew_bk.gif') #fff 0px bottom repeat-x; margin:0px 0px 10px 0px; text-align:right; float:left; width:100%; } .VidFooter div {padding:3px 10px 5px 10px; } .video_list {} .video_list div { background: url('/_gui/panel_gradient.gif') repeat-x 0 100% #ffffff; min-height: 120px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .video_list div .video_list_right {border: none;} .video_list div .video_list_right p a { font-weight: bold; } .video_list div .video_list_right img { float: left; padding: 0 15px 0 10px; } /* TableList listings */ DIV.TableList { float:left; margin:2px 0px 10px 0px; width:99%; } DIV.TableList .Header{ background: url('/_gui/whatsnew_bk.gif') #E6E8E9 0px bottom repeat-x; padding:5px 10px 5px 10px; } DIV.TableList H2 { COLOR: #666; font-size:1.3em; padding:4px 0px 4px 10px; margin:0px;} DIV.TableList .HeaderRight { float:right; margin: -21px 5px 0px 0px; } DIV.TableList TBODY TR { background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; padding:10px; } DIV.TableList TBODY TD { padding:10px; color:#333; border-bottom:1px solid #ccc;} DIV.TableList TBODY TR.over TD { background:none; cursor: pointer; background-color: #cc0000;color:#fff; } DIV.TableList TBODY TR.over TD A { color:#fff;} DIV.TableList TBODY TR.over TH { cursor: pointer; background-color: #f4f6f7} DIV.TableList .Error { background: url('/_gui/list_bk.gif') #fff 0px bottom repeat-x; padding:10px; } /* Alphabet */ .AlphaContainer{ float:left; width:100%; margin:5px 0px 5px 0px; } ul.Alpha { margin:0px 0px 10px 0px; padding:0px;} ul.Alpha li { list-style-type:none; float:left; margin-right:3px; border:1px solid #ccc; } ul.Alpha li a {text-decoration:none; color:#cc0000; display:block;padding:0px 4px 0px 4px; } ul.Alpha li a:hover {background:#cc0000; color:#ffffff;} ul.Alpha li.On a{color:#fff; background:#cc0000; } /* Paging */ .PageContainer{ float:left; width:100%; margin:5px 0px 5px 0px; } ul.Paging { margin:0px 0px 10px 0px; padding:0px; } ul.Paging li { list-style-type:none; float:left; margin-right:5px; border:1px solid #ccc; color:#666; } ul.Paging li a {text-decoration:none; color:#cc0000; display:block; padding:0px 4px 0px 4px; } ul.Paging li a:hover {background:#cc0000; color:#ffffff;} ul.Paging li.On a{color:#fff; background:#cc0000; } /* Years */ .Years { padding:0px 0px 10px 0px; float:left; width:100%;} ul.Year {text-align:center; color: #999999; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } ul.Year li { background: url("/_gui/tab_bk.gif") left top no-repeat; float:left; width:5.0em; border-left:1px solid #ccc; border-top:1px solid #ccc; list-style-type:none; } ul.Year li a {text-decoration:none; color:#fff; font-weight:bold; display:block; width:100%; padding:3px 0px 3px 0px; border-bottom:1px solid #ccc; background: url("/_gui/table_head_bk5.gif") left top repeat-x;} /*padding:3px 3px 3px 3px;*/ ul.Year li a:link {text-decoration:none; color:#fff; font-weight:bold; display:block; width:100%; padding:3px 0px 3px 0px; border-bottom:1px solid #ccc; background: url("/_gui/table_head_bk5.gif") left top repeat-x;} /*padding:3px 3px 3px 3px;*/ ul.Year li a:hover {background:#cc0000; color:#ffffff;} ul.Year li.EndYear { border-right:1px solid #ccc; } ul.Year li a.YearOn { background: url("/_gui/tab_bk.gif") left top repeat-x; font-weight:bold; color:#000; border-bottom:1px solid #fff;} ul.Year li a.YearOn:Hover { background:#cc0000; color:#ffffff; } /*div.center a:link, div.center2 a:link, div.center3 a:link { color: #cc0000; text-decoration:none; }*/ /* Tabs */ .Tabs { padding:0px 0px 10px 0px; float:left; width:100%;} ul.Tabs {text-align:center; color: #999999; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } ul.Tabs li { float:left; width:10.0em; border-left:1px solid #ccc; border-top:1px solid #ccc; list-style-type:none; white-space:nowrap; } ul.Tabs li a { text-decoration:none; color:#fff; font-weight:bold;display:block; width:100%; padding:3px 0px 3px 0px; border-bottom:1px solid #ccc; background: url("/_gui/table_head_bk5.gif") left top repeat-x; } ul.Tabs li a:hover {background:#cc0000; color:#ffffff;} ul.Tabs li.TabEnd { border-right:1px solid #ccc; } ul.Tabs li.TabEnd a { color:#fff;} ul.Tabs li a.TabOn { background: url("/_gui/tab_bk.gif") left top repeat-x; font-weight:bold; color:#000; border-bottom:1px solid #fff;} ul.Tabs li a.TabOn:hover {background:#cc0000; color:#ffffff;} /* program tables */ /* news listings */ DIV.ProgramList { float:left; margin:2px 0px 10px 0px; width:100%; } DIV.ProgramList TBODY TR { background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; padding:10px; } /*list_bk*/ DIV.ProgramList TBODY TD { padding:10px; color:#333; border-bottom:1px solid #ccc;} DIV.ProgramList TBODY TR TD A { font-weight:bold;} DIV.ProgramList TBODY TR.over TD { background:none; cursor: pointer; background-color: #cc0000;color:#fff; } DIV.ProgramList TBODY TR.over TD A { color:#fff; font-weight:bold;} DIV.ProgramList TBODY TR.over TH { cursor: pointer; background-color: #f4f6f7} /* DIV.ProgramList TH { background: #f2f2f2; color:#000; padding:5px 5px 5px 5px; font-weight:bold; border-bottom:1px solid #ccc; text-align:left;} DIV.ProgramList TABLE { padding:1px; border:1px solid #ccc; margin-bottom:20px; background: #fff; } DIV.ProgramList TD { background: #fff; font-weight:bold; border-bottom:1px solid #ccc; font-weight:normal; padding-left:5px;} DIV.ProgramList .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; padding:5px 5px 5px 5px; font-weight:bold;} */ /* DIV.ProgramTable TD { background: url('/_gui/list_bk.gif') #fff 0px bottom repeat-x; font-weight:bold;} DIV.ProgramTable TH { color:#000; padding:5px 5px 5px 5px; border-bottom:solid 1px #ccc; font-weight:normal;} DIV.ProgramTable TABLE { padding:5px; border:1px solid #ccc; margin-bottom:20px; background:#fff; } DIV.ProgramTable TD { font-weight:bold; border-bottom:solid 1px #ccc;} /*background: url('/_gui/list_bk.gif') #fff 0px bottom repeat-x; DIV.ProgramTable .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; padding:5px 5px 5px 5px; font-weight:bold;} */ /* notes */ /* div.center .Note, div.center2 .Note, div.center3 .Note { border:1px solid #ccc; padding:10px; background:#eee; margin:0px 0px 15px 0px;} div.center .Note h1, div.center2 .Note h1, div.center3 .Note h1{ color:#000; font-weight:bold;margin:0px;padding:0px; font-size:1.0em; } div.center .Note p, div.center2 .Note p, div.center3 .Note p { } */ div.Note { border:1px solid #ccc; padding:10px 10px 0px 10px; background:#eee; margin:0px 0px 15px 0px; } .Note H1 { color:#000; font-weight:bold;margin:0px;padding:0px; font-size:1.1em; } .Note P { color:#000; margin:0px 0px 10px 0px; padding:0px; } div.Note2 { border:1px solid #ccc; padding:10px 10px 0px 10px; background:#eee; margin:0px 0px 15px 0px; } .Note H1 { color:#000; font-weight:bold;margin:0px;padding:0px; font-size:1.1em; } .Note P { color:#000; margin:0px 0px 10px 0px; padding:0px; } div.Footnote { font-size:.85em; } .archived { background-color: #FFFFCC; border: 1px solid #CC0000; margin-bottom: 20px; } .archived h2 { background-color: #CC0000; color: #FFFFFF; margin: 0; padding: 2px 0 2px 10px; } .archived p { margin-left: 10px !important; margin-right: 10px !important; margin-top: 10px !important; } /* right side links */ div.right a { background:none;} div.right a:hover { background:none;} /* contact table */ .Contact { margin-bottom:20px;} .Contact TD { padding:4px; border-bottom:1px dashed #ccc; } .Contact .RowOn { background:#eee; } /* tables */ Div.Table { float:left; width:99%;text-align:left;border:1px solid #ccc; margin-bottom:10px;padding:2px; background:#fff;} DIV.Table TABLE { background:#fff; width:100%; } DIV.Table TH { border-bottom:solid 1px #ccc; background: #fff; color:#000; padding:5px 5px 5px 5px; font-weight:normal;} DIV.Table TD { background: #fff; border-bottom:solid 1px #ccc; font-weight:normal; padding:5px;} DIV.Table .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.0em; font-weight:bold; text-align:left;} DIV.Table .SubHeader { background: #ddd; color:#000; padding:5px 5px 5px 5px; font-weight:bold;} DIV.Table .Sub { color:#333; padding:5px 5px 5px 15px; font-weight:normal;} DIV.Table .Bold { font-weight:bold;} DIV.Table .SubFooter { background: #eee; color:#000; padding:5px 5px 5px 5px; font-weight:normal; font-size:.85em;} DIV.Table TBODY TR.over TH { background-color: #EDECEC} DIV.Table TBODY TR.over TD { background:none; background-color: #EDECEC;color:#000; } /*cursor: pointer*/ DIV.Table TBODY TR.over TD A { color:#cc0000;} DIV.Table TBODY TR.over TD A:hover { background:#cc0000; color:#fff;} /* tables */ /*TABLE { border:1px solid #ccc; margin-bottom:10px;}*/ /* TH { border-bottom:solid 1px #ccc; background: #fff; color:#000; padding:5px 5px 5px 5px; font-weight:normal;} TD { background: #fff; border-bottom:solid 1px #ccc; font-weight:normal; padding:5px;} .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.0em; font-weight:bold; text-align:left;} .SubHeader { background: #ddd; color:#000; padding:5px 5px 5px 5px; font-weight:bold;} */ Div.Table2 { float:left; width:99%;text-align:left;border:1px solid #ccc; margin-bottom:10px;padding:2px; background:#fff;} DIV.Table2 TABLE { background:#fff; width:100%; } DIV.Table2 TH { border-bottom:solid 1px #ccc; background: #f4f4f4; color:#000; padding:5px 5px 5px 5px; font-weight:normal;} DIV.Table2 TD { background: #f4f4f4; border-bottom:solid 1px #ccc; font-weight:normal; padding:5px;} DIV.Table2 .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.0em; font-weight:bold; text-align:left;} DIV.Table2 .SubHeader { background: #ddd; color:#000; padding:5px 5px 5px 5px; font-weight:bold;} DIV.Table2 .Sub { color:#333; padding:5px 5px 5px 15px; font-weight:normal;} DIV.Table2 .Bold { font-weight:bold;} DIV.Table2 .SubFooter { background: #eee; color:#000; padding:5px 5px 5px 5px; font-weight:normal; font-size:.85em;} DIV.Table2 TBODY TR.over TH { background-color: #EDECEC} DIV.Table2 TBODY TR.over TD { background:none; background-color: #EDECEC;color:#000; } /*cursor: pointer*/ DIV.Table2 TBODY TR.over TD A { color:#cc0000;} DIV.Table2 TBODY TR.over TD A:hover { background:#cc0000; color:#fff;} DIV.DataTable2 { border:1px solid #ccc; padding:1px; margin-bottom:15px; } DIV.DataTable2 CAPTION { text-align:left; font-weight:bold; } DIV.DataTable2 TABLE { background: #fff;} DIV.DataTable2 TD,TH { text-align:left; padding:5px; border-bottom:1px solid #ccc;} DIV.DataTable2 .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.0em; font-weight:bold; text-align:left;} DIV.DataTable2 TH { background: #ddd; color:#333; padding:5px 5px 5px 5px; font-weight:bold;} DIV.DataTable2 .SubFooter { background: #eee; color:#000; padding:5px 5px 5px 5px; font-weight:normal; font-size:.85em;} DIV.DataTable2 .Sub { text-align:left; padding:5px 5px 5px 15px; } DIV.DataTable2 TBODY TR.over TH { background-color: #ddd;} DIV.DataTable2 TBODY TR.over TD { background:none; background-color: #EDECEC; color:#000; } DIV.DataTable2 TBODY TR.over TD A { color:#cc0000;} DIV.DataTable2 TBODY TR.over TD A:hover { background:#cc0000; color:#fff;} DIV.ProgramTable2 { border:1px solid #ccc; padding:1px; margin-bottom:15px; } DIV.ProgramTable2 CAPTION { text-align:left; font-weight:bold; } DIV.ProgramTable2 TABLE { background: #fff;} DIV.ProgramTable2 TD,TH { padding:5px; border-bottom:1px solid #ccc;} DIV.ProgramTable2 .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.0em; font-weight:bold; text-align:left;} DIV.ProgramTable2 TH { text-align:left; background: #ddd; color:#333; padding:5px 5px 5px 5px; font-weight:bold;} DIV.ProgramTable2 .SubFooter { background: #eee; color:#000; padding:5px 5px 5px 5px; font-weight:normal; font-size:.85em;} DIV.ProgramTable2 .Sub { text-align:left; padding:5px 5px 5px 15px; } DIV.ProgramTable2 TBODY TR.over TH { background-color: #ddd;} DIV.ProgramTable2 TBODY TR.over TD { background:none; background-color: #EDECEC; color:#000; } DIV.ProgramTable2 TBODY TR.over TD A { color:#cc0000;} DIV.ProgramTable2 TBODY TR.over TD A:hover { background:#cc0000; color:#fff;} DIV.Quote { background:#f4f4f4;border:1px solid #ccc;padding:10px; } DIV.RightQuote { background:#f4f4f4;border:1px solid #ccc;padding:10px; font-size:.85em;margin-bottom:10px; } /*Tmp Program Tables */ .ProgramTable TABLE{ background:#ccc; padding:3px; } .ProgramTable TD { background:#fff;} DIV.ProgramTable TH { background: #f2f2f2; color:#000; padding:5px 5px 5px 5px; font-weight:bold; border-bottom:1px solid #ccc; text-align:left;} DIV.ProgramTable TABLE { padding:1px; border:1px solid #ccc; margin-bottom:20px; background: #fff; } DIV.ProgramTable TD { background: #fff; font-weight:bold; border-bottom:1px solid #ccc; font-weight:normal; padding-left:5px;} DIV.ProgramTable .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; padding:5px 5px 5px 5px; font-weight:bold;} /* tables */ Div.GradList { /*float:left; width:99%; */ width:99%; text-align:left;border:1px solid #ccc; margin-bottom:10px;padding:2px; background:#fff;} DIV.GradList TABLE { background:#fff; width:100%; } DIV.GradList TH { border-bottom:solid 1px #ccc; background: #fff; color:#000; padding:5px 5px 5px 5px; font-weight:normal;} DIV.GradList TD { background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; border-bottom:solid 1px #ccc; font-weight:normal; padding:5px;} DIV.GradList .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.0em; font-weight:bold; text-align:left;} DIV.GradList .SubHeader { background: #ddd; color:#000; padding:5px 5px 5px 5px; font-weight:bold;} DIV.GradList .Sub { color:#333; padding:5px 5px 5px 15px; font-weight:normal;} DIV.GradList .Bold { font-weight:bold;} DIV.GradList .SubFooter { background: #eee; color:#000; padding:5px 5px 5px 5px; font-weight:normal; font-size:.85em;} /* DIV.ProgramList TBODY TR.over TH { background-color: #EDECEC} DIV.ProgramList TBODY TR.over TD { background:none; background-color: #EDECEC;color:#000; } DIV.ProgramList TBODY TR.over TD A { color:#cc0000;} DIV.ProgramList TBODY TR.over TD A:hover { background:#cc0000; color:#fff;} */ /* Top of Page */ Div.Top { width:100%; background: url("/_gui/list_bk.gif") 0px bottom repeat-x; height:20px; padding:5px 0px 7px 0px; margin-bottom:15px; display:inline-block; } Div.Topx { width:100%; background: #ddd; height:20px; padding:5px 0px 7px 0px; margin-bottom:15px; } Div.Top a { padding:4px 4px 4px 22px; font-size:0.90em; color:#cc0000; display:block; } Div.Top a:hover { padding:4px 4px 4px 22px; color:#fff; } Div.Top .PageTop { float:right; } Div.Top .PageTop a { background: url("/_gui/page_top_off.gif") 3px 4px no-repeat; } Div.Top .PageTop a:hover { background: url("/_gui/page_top_on.gif") #cc0000 3px 4px no-repeat; } Div.Top .PageBack { float:left; width:85px; } Div.Top .PageBack a { background: url("/_gui/page_back_off.gif") 3px 4px no-repeat; } Div.Top .PageBack a:hover { background: url("/_gui/page_back_on.gif") #cc0000 3px 4px no-repeat; } /* Top of Page */ .TopOfPage { float:left; text-align:right; padding-bottom:3px; border-bottom:1px dashed #ccc;margin-bottom:10px;} .TopOfPageLinkEn { font-size: 11px; background: url("/_gui/arrow_up.png") 0px 0px no-repeat; padding-left:3px; width:83px; height:24px;} .TopOfPageLinkFr { font-size: 11px; background: url("/_gui/arrow_up.png") 0px 0px no-repeat; padding-left:3px; width:105px; height:24px; } /* panel for members */ DIV.Grad {float:left; width:99%; background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; margin:0px 10px 10px 0px; border:1px solid #ccc; } DIV.Grad .Container {padding:5px;} DIV.Grad .Content {float:left; width:100%;margin-bottom:5px;} DIV.Grad .Image {float:left;width:80px;} DIV.Grad .Image A:Hover {background:none;} DIV.Grad .Text { float:left;width:60%; } DIV.Grad .Title { float:left;width:99%; } /* .SideGradientPanel { float:left; background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; margin-bottom:10px; border:1px solid #ccc; } .SideGradientPanel .Content { padding:10px; margin:0px; float:left;} .SideGradientPanel H2 { font-size:1.3em; font-weight:bold; color:#666; padding:0px 0px 5px 0px; margin:0px; } */ /*.SideGradientPanel { float:left; background: url('/_gui/panel_gradient.gif') #f6f6f6 0px bottom repeat-x; margin-bottom:10px; border:1px solid #ccc; width:100%;} */ .SideGradientPanel { float:left; background: #f6f6f6; margin-bottom:10px; border:1px solid #ccc; width:100%;} .SideGradientPanel .Content { padding:0px; margin:0px; float:left; } /*.SideGradientPanel .Header { font:normal 1.0em verdana; background: url('/_gui/search_nav_header.gif') #e5e5e4 0px bottom no-repeat; font-weight:bold; padding:4px 7px 4px 23px; }*/ .SideGradientPanel .Header { font:normal 1.0em verdana; background: url('/_gui/nav_header_bk.gif') #E5E5E4 0px bottom repeat-x; font-weight:bold; padding:2px 7px 4px 0px; } .SideGradientPanel .Header div { background: url('/_gui/search_icon.png') 3px 0px no-repeat;padding:0px 0px 0px 23px; } .SideGradientPanel LI A:hover { background:#cc0000;} /* List gradient Panel */ .ListGradientPanel { float:left; width:100%; background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; margin-bottom:5px; border-bottom:1px solid #ccc; } .ListGradientPanel .Border { float:left; border:1px solid #ccc; } .ListGradientPanel .Content { padding:10px; margin:0px; float:left; } .ListGradientPanel .Text { padding:0px 20px 0px 20px;} .ListGradientPanel UL { margin:0px;padding:0px;} .RSSUrl { background: url("/_gui/rss_off.gif") 0px 0px no-repeat; padding-left:20px; min-height:20px; } .ListGradientPanel .IconHeader A { color:#cc0000;} /* Panel */ /* Div.Panel { float:left; border:1px solid #ccc; background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; margin:0px 0px 10px 0px; padding:0px; } Div.Panel .Container { margin:0px; padding:10px 10px 10px 10px; float:left; display:block; } Div.Panel UL { margin:0px; padding:0px; } Div.Panel .Left {float:left; } Div.Panel .Right {float:left; } Div.Panel H2 { font-size:1.3em; font-weight:bold; color:#666;} Div.Panel .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; padding:5px 5px 5px 5px;} Div.Panel TABLE { padding:0px; border:1px solid #ccc; margin-bottom:0px; background:#fff; } Div.Panel TD { background: #fff; border-bottom:1px solid #ccc; padding:5px 10px 5px 5px;} Div.Panel .Container P { margin:0px; padding:0px 10px 0px 20px; background:#ccc; } */ /*Div.Panel TD { background: url('/_gui/list_bk.gif') #fff 0px bottom repeat-x; padding:5px 10px 5px 5px;}*/ /*list styles */ ul.arrow { margin-left: 0px; padding-left:0px; list-style:none; display:block;} ul.arrow li { padding-top:2px; background: url("/_gui/bullet_arrow.gif") 0px 7px no-repeat; padding-left:.6em; line-height:150%;} ul.square { margin-left: 15px; padding-left:0px; list-style:none; } ul.square li { padding-top:2px; background: url("/_gui/bullet_square.gif") 0px 9px no-repeat; padding-left: 1.0em; line-height:150%; } ul.arrow2 { margin-left: 0px; padding-left:0px; list-style:none; display:block;} ul.arrow2 li { padding-top:2px; padding-bottom:1.0em; background: url("/_gui/bullet_arrow.gif") 0px 7px no-repeat; padding-left:.6em; line-height:150%;} ul.square2 { margin-left: 15px; padding-left:0px; list-style:none; } ul.square2 li { padding-top:2px; padding-bottom:1.0em; background: url("/_gui/bullet_square.gif") 0px 9px no-repeat; padding-left: 1.0em; line-height:150%; } /* icon header */ div.IconHeader { background:url("/_gui/icon_arrow_1.gif") 0px 5px no-repeat; padding: 0px 0px 0px 18px; margin:0px 0px 5px 0px; font-size:1.3em; color:#666; font-weight:bold; } div.IconHeader A { color:#666;} div.IconHeader A:hover { background:#cc0000; color:#fff; } div.IconHeader H1 { font-size:1.3em; color:#666; font-weight:bold; } /* red button */ div.RedButton { border-right:1px solid #B9B9B9; border-bottom:1px solid #B9B9B9; ; } div.RedButton .Border { border:1px solid #ccc; background:#fff; padding:2px;} div.RedButton P { margin:0px; text-align:center; } div.RedButton A, div.RedButton input { color:#fff; font-weight:bold; display:block; background:url("/_gui/button_red_bk2.gif") #cc0000 0px top repeat-x; padding:3px 7px 3px 7px; } div.RedButton A:Hover, div.RedButton A { color:#eee; background:url("/_gui/button_red_bk2_on.gif") #cc0000 0px bottom repeat-x; padding:3px 7px 3px 7px; } div.RedButton A:Link { color:#fff; } /*div.RedButton a:hover {padding: 30px;}*/ /* slide show */ #SlideShow { width: 405px; /*border: solid 1px #999999;*/ float: left; padding:0px;} #SlideShow .SlidingPanels { width: 405px; float: left; } #SlideShow .SlidingPanelsContentGroup { width: 8000em; float: left; } #SlideShow .SlidingPanelsContent { float: left; width: 500px; height: 315px; } #SlideShow img { float: left; margin-right: 4px; border:none; } #SlideShow .SlidingPanelsContent .content { /*margin: 4px auto;*/ margin:0px; float: left; } #item1 .content, #item2 .content, #item3 .content { /*border-right: dashed 1px #999999; */} #SlideShow .content { height: 315px; padding: 0px 0px;} #SlideShow p { margin: 4px 4px; } #SlideShow .prev { text-align: left; padding: 4px 4px; clear: both;} #SlideShow .next { text-align: right; padding: 4px 4px; clear: both;} .SlidingPanelsAnimating * { overflow: visible !important;} #SlideShow .navLinks { z-index:1; POSITION: absolute; margin-top:207px; text-align: center; padding-top: 4px; padding-bottom: 4px;border: solid 1px #999; FILTER: alpha(opacity=80);moz-opacity: 0.8; opacity: 0.8;} #SlideShow a { color:#000; padding:3px 3px 3px 3px; text-decoration:none;} #SlideShow a:hover { background:#cc0000; color:#fff; padding:3px 3px 3px 3px; } /* Image List */ DIV.ImageList {float:left; width:99%; background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; margin-bottom:5px; border-bottom:1px solid #ccc; } DIV.ImageList .Container {padding:10px;} DIV.ImageList .Content {float:left; width:100%;margin-bottom:10px;} DIV.ImageList .Image {float:left;width:175px;} DIV.ImageList .Image A:Hover {background:none;} DIV.ImageList .Text { float:left;width:65%; } DIV.ImageList .Title { float:left;width:99%; } DIV.ImageList .Desc { float:left;width:99%; padding-left:20px;} DIV.ImageList .Button { float:left;padding-bottom:10px; } /* No Image List */ DIV.NoImageList {float:left; width:99%; background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; margin-bottom:5px; border-bottom:1px solid #ccc; } DIV.NoImageList .Container {padding:10px;} DIV.NoImageList .Content {float:left; width:100%;margin-bottom:10px;} DIV.NoImageList .Text { float:left;width:90%; } DIV.NoImageList .Title { float:left;width:99%; } DIV.NoImageList .Desc { float:left;width:99%; padding-left:20px;} DIV.NoImageList .Button { float:left;padding-bottom:10px; } DIV.NoImageList .ButtonContainer { float:left; width:99%; } DIV.NoImageList .TextContainer { float:left; width:99%; } /* Video styles */ DIV.Video { float:left;width:99%;background: #fff; margin-bottom:5px; } DIV.Video .Container {padding:0px;} DIV.Video .Content {float:left; width:100%;margin-bottom:10px;} DIV.Video .Image {float:left;width:400px;} DIV.Video .Text { float:left; width:100%;margin-bottom:10px; } DIV.Video .Right { float:left;width:27%; } Div.Video .WindowsMedia { background: url('/video-video/wmv.gif') 0px 0px no-repeat; padding: 3px 0px 0px 30px; font-size:1.0em; height:20px; } Div.Video .QuickTime{ background: url('/video-video/mov.gif') 0px 0px no-repeat; padding: 3px 0px 0px 30px; font-size:1.0em; height:20px;} DIV.Video A:hover { background:none; } .PrizeHeader {} .PrizeHeader .Container { float:left;background:#cc0000;width:100%;margin:0px 0px 0px 0px;} .PrizeHeader .Text { padding:10px;color:#fff; } .PrizeHeader #PageTitle { color:#fff;} /* Data Table */ Div.DataTable { border:1px solid #ccc; padding:2px; background:#fff; } DIV.DataTable TABLE TR TH { COLOR: #000; PADDING: 3px; background: #d4d4d4; } DIV.DataTable TABLE TR.shade TD { BACKGROUND-COLOR: #fff; }/*f4e1e2*/ DIV.DataTable TABLE TR TD { BACKGROUND-COLOR: #fff; padding:4px; border-bottom:1px solid #ccc;} DIV.DataTable TABLE { FONT-SIZE: 85%; /*MARGIN: 20px 0px; */BORDER-COLLAPSE: collapse; empty-cells: show; border-spacing: 30px; } /*DIV.DataTable TABLE CAPTION { BACKGROUND-COLOR: #cc0000; padding:3px 0px 3px 0px; font-weight:bold; color:#fff; font-size:120%; }*/ DIV.DataTable TABLE CAPTION { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.2em; font-weight:bold; text-align:left;} DIV.DataTable TABLE TR.med TD { COLOR: #000; PADDING: 3px; background: #ccc; } DIV.DataTable TABLE TR.dark TD { BACKGROUND-COLOR: #cc0000; font-weight:bold; color:#fff; } /* search buttons */ .SearchField { background: url('/_gui/list_bk.gif') #fff 0px bottom repeat-x;font-size:1.0em; padding:5px; } .SearchBut { width:110px;color:#000; font-weight:bold;background: url('/_gui/button_submit.gif') #F9F9F9 0px bottom repeat-x;padding:3px 3px 3px 5px; } .PrintSectionLink {width:98%;text-align:right;float:left;} div.StoryImage { float:left;padding:10px 0px 10px 0px;font-size:.85em; line-height:130%; color:#666; margin:0px;} div.StoryImage a{ background:none; color:#666; margin-bottom:5px;} div.StoryImage a:Hover{ background:none; color:#666;} div.StoryImage .Enlarge{ background: url('/_gui/enlarge.jpg') #fff 0px 2px no-repeat;padding:2px 0px 0px 18px;color:#666; margin:0px;} div.StoryImage .Enlarge2 A{ background: url('/_gui/enlarge.jpg') 0px 2px no-repeat;padding:2px 0px 0px 18px;color:#666; margin:0px 0 5px 0; width:100%;} div.Caption { padding:0px 20px 0px 0px; margin:0px;} div.RightSideAds {padding-bottom:10px; } .spanBlock { display: block; } .forMediaStoryImageDiv .Button a, .forMediaStoryImageDiv .Button a:hover { background: url("/_gui/button_red_bk2_on.gif") repeat-x scroll 0 bottom #CC0000; color: white; margin-bottom: 0; } .forMediaStoryImageDiv .Button, .b-roll .Button { width: 140px; margin: 10px 0; } /* gallery styles */ #wrap { padding-top: 20px; margin: 0 20px; } #codesample #wrap { width: auto; } .gallery { width:500px;float:left;} #gallerySelect { width: 180px; } #controls { margin:0 auto 10px auto; margin-left:105px;} #galleries { margin:0 auto 20px auto; } #galleries label { padding-bottom: 2px; } #galleryLinks a { color: white; text-decoration: none;} #transport { margin: 0; padding: 0; list-style: none; } #transport li { float: left; margin: 0; padding: 0; text-align: center;} #transport a { text-decoration: none; text-transform: uppercase; font-size: 85%; font-weight: bold; letter-spacing: 0.1em; margin: 0 1px 0 0; padding: 4px 8px; width: 80px; float: left; display: block; -moz-user-select: none; -khtml-user-select: none;} #transport a:link { background: #666 url('/_incs/gallery/img/bg_grad_gray1.gif') repeat-x; color: #fff; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #404040;} #transport a:visited { background: #666 url('/_incs/gallery/img/bg_grad_gray1.gif') repeat-x; color: #fff; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #404040;} #transport a:hover { background: #666 url('/_incs/gallery/img/bg_grad_gray2.gif') repeat-x; color: #000; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #3a3a3a; border-left: solid 1px #404040;} #transport a:focus { -moz-user-select: none; -khtml-user-select: none;} #transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel { display: none;} #previews { width: 480px; background:#f4f4f4; border: solid 1px #ccc; padding: 10px 10px 20px 10px; margin: 5px 0px 5px 0px; float: left;} #thumbnails { clear: both; margin: 10px auto;} #thumbnails div { position: relative; width: 75px; height: 50px; float: left; margin: 8px; padding: 0; float: left; display:inline; } #thumbnails img {width: 75px; height: 50px; position: absolute; border-top: solid 1px #999; border-right: solid 1px #404040; border-bottom: solid 1px #333; border-left: solid 1px #404040;} #picture { padding: 0px 0px 0px 0px; width: 500px; float: left; } #mainImageOutline { padding: 0px 0px 0px 0px; margin: 0 auto; padding: 0; background-color: #eee; width: 0px; height: 0px; } /*overflow: hidden;*/ #mainImage { width: 100%; height: 100%; } #picture img { border: 1px solid #000; } .selectedThumbnail { border: solid 2px #cc0000 !important; } .inFocus { border: solid 1px #cc0000 !important; } /* Regional Map */ #MapNav { text-align:left; padding:0px; margin:0px; z-index:10; width:130px; float:left; } #MapNav .Title { float:left; width:100px; background: url('/_gui/right_box_header.gif') #E9E9E9 0px bottom repeat-x; margin:0px; padding:4px 4px 4px 7px; font-size:1.0em;font-weight:bold; } #MapNav a{ padding:6px 4px 6px 5px; font-size:1.0em; color:#000; display:block; width:100px; } #MapNav a:hover { background: #000; color:#fff; } #MapNav .Item a{ background: url('/_gui/tool_bk.gif') #fff 0px bottom no-repeat; } #MapNav .Item a:hover { background: #cc0000; color:#fff; } /* other styles from before*/ /*right menu*/ /* Div.Table { float:left; width:99%;text-align:left;border:1px solid #ccc; margin-bottom:10px;padding:2px; background:#fff;} DIV.Table TABLE { background:#fff; width:100%; } DIV.Table TH { border-bottom:solid 1px #ccc; background: #fff; color:#000; padding:5px 5px 5px 5px; font-weight:normal;} DIV.Table TD { background: #fff; border-bottom:solid 1px #ccc; font-weight:normal; padding:5px;} DIV.Table .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.2em; font-weight:bold; text-align:left;} DIV.Table .SubHeader { background: #ddd; color:#000; padding:5px 5px 5px 5px; font-weight:bold;} DIV.Table .Sub { color:#333; padding:5px 5px 5px 15px; font-weight:normal;} DIV.Table .Bold { font-weight:bold;} DIV.Table .SubFooter { background: #eee; color:#000; padding:5px 5px 5px 5px; font-weight:normal; font-size:.9em;} DIV.Table TBODY TR.over TH { background-color: #EDECEC} DIV.Table TBODY TR.over TD { background:none; background-color: #EDECEC;color:#000; } DIV.Table TBODY TR.over TD A { color:#cc0000;} DIV.Table TBODY TR.over TD A:hover { background:#cc0000; color:#fff;} #IntroText {} #IntroText .Container { float:left;background: url('/_gui/intro_text_bk.gif') #fff 0px top repeat-x;width:100%;margin:0px 0px 10px 0px;border-top:2px solid #fff;} #IntroText .Text { padding:15px 20px 10px 10px;font:normal 1.3em georgia,arial,verdana;line-height:1.3em;color:#cc0000; } div.right li ul.nav, div.right li p.nav, div.right li div.nav { border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc; border-bottom: 1px solid #fff;} div.right h2.navtitle { padding: 4px 0px 0px 5px; font-size:100%; color:#000; font-weight:bold; margin-bottom:0px; background: url('/_gui/menu_bk.gif') 0px 0px repeat-x;height:20px;} div.right { background:none; text-align:right; width:190px;} div.right .nav {text-align:left;} div.right ul.nav2 li{ } div.right a.menulink { padding: 2px 3px 2px 10px; font-size:100%; color:#000;background:#fff; border-bottom:1px solid #ccc;} div.right a.menulink:hover { padding: 2px 3px 2px 10px; font-size:100%; color:#fff;background:#cc0000;} div.right a.tool-email { display:block; padding: 2px 3px 2px 40px; font-size:8.0pt; color:#000;background: url('/_gui/email.png') 10px 2px no-repeat; border-bottom:1px solid #ccc;} div.right a.tool-email:hover { padding: 2px 3px 2px 40px; color:#fff; background: url('/_gui/email_on.png') #cc0000 10px 2px no-repeat; } div.right a.tool-print { display:block; padding: 2px 3px 2px 40px; font-size:8.0pt; color:#000;background: url('/_gui/print.png') 10px 2px no-repeat; border-bottom:1px solid #ccc;} div.right a.tool-print:hover { padding: 2px 3px 2px 40px; color:#fff; background: url('/_gui/print_on.png') #cc0000 10px 2px no-repeat; } div.right a.tool-share { display:block; padding: 2px 3px 2px 40px; font-size:8.0pt; color:#000;background: url('/_gui/share.png') 10px 2px no-repeat; border-bottom:1px solid #ccc;} div.right a.tool-share:hover { padding: 2px 3px 2px 40px; color:#fff; background: url('/_gui/share_on.png') #cc0000 10px 2px no-repeat; } div.right a.tool-textsize { display:block; padding: 2px 3px 2px 40px; font-size:8.0pt; color:#000;background: url('/_gui/textsize.png') 10px 2px no-repeat; border-bottom:1px solid #ccc;} div.right a.tool-textsize:hover { padding: 2px 3px 2px 40px; color:#fff; background: url('/_gui/textsize_on.png') #cc0000 10px 2px no-repeat; } div.right a.tool-bookmark { display:block; padding: 2px 3px 2px 40px; font-size:8.0pt; color:#000;background: url('/_gui/bookmark.png') 10px 2px no-repeat; border-bottom:1px solid #ccc;} div.right a.tool-bookmark:hover { padding: 2px 3px 2px 40px; color:#fff; background: url('/_gui/bookmark_on.png') #cc0000 10px 2px no-repeat; } div.right a.tool-feedback { display:block; padding: 2px 3px 2px 40px; font-size:8.0pt; color:#000;background: url('/_gui/feedback.png') 10px 2px no-repeat; border-bottom:1px solid #ccc;} div.right a.tool-feedback:hover { padding: 2px 3px 2px 40px; color:#fff; background: url('/_gui/feedback_on.png') #cc0000 10px 2px no-repeat; } div.right a.tool-rss { display:block; padding: 2px 3px 2px 40px; font-size:8.0pt; color:#000;background: url('/_gui/rss.png') 10px 2px no-repeat; border-bottom:1px solid #ccc;} div.right a.tool-rss:hover { padding: 2px 3px 2px 40px; color:#fff; background: url('/_gui/rss_on.png') #cc0000 10px 2px no-repeat; } div.right a.tool-sitemap { display:block; padding: 2px 3px 2px 40px; font-size:8.0pt; color:#000;background: url('/_gui/sitemap.png') 10px 2px no-repeat; border-bottom:1px solid #ccc;} div.right a.tool-sitemap:hover { padding: 2px 3px 2px 40px; color:#fff; background: url('/_gui/sitemap_on.png') #cc0000 10px 2px no-repeat; } div.right h2.bar-tools { padding: 4px 0px 0px 5px; font-size:100%; color:#000; font-weight:bold; margin-bottom:0px; background: url('/_gui/bar-tools.gif') -0px 0px no-repeat;height:20px;} */ /* .PageTools { width:99%; margin:15px 0px 0px 0px; border:1px solid #ddd; background:#eee; padding:4px; font-size: 9.0pt; text-align:center; } .PageEmail { background: url("/_gui/email.gif") 0px 0px no-repeat; padding:0px 0px 0px 20px; font-size: 8.0pt; } .PagePrint { background: url("/_gui/print.gif") 0px 0px no-repeat; padding:1px 0px 0px 20px; font-size: 8.0pt; } .PageText { background: url("/_gui/textsize.gif") 0px 0px no-repeat; padding:1px 0px 1px 20px; font-size: 8.0pt; } .PageFeedback { background: url("/_gui/feedback.gif") 0px 0px no-repeat; padding:1px 0px 1px 20px; font-size: 8.0pt; } .PageRSS { background: url("/_gui/rss.gif") 0px 0px no-repeat; padding:1px 0px 1px 20px; font-size: 8.0pt; } .PageMap { background: url("/_gui/sitemap.gif") 0px 0px no-repeat; padding:1px 0px 1px 20px; font-size: 8.0pt; } */ /* site map */ ul.map { margin-left: 0px; padding-left:15px; list-style:none; } ul.map2 { margin-left: 10px; padding-left:15px; list-style:none;} ul.map3 { margin-left: 20px; padding-left:15px; list-style:none;} ul.map li { padding-top:2px; background: url("/_gui/bullet_arrow.gif") 0px 8px no-repeat; padding-left: .6em; } h2.map { padding: 1px 0px 1px 3px; vertical-align: middle; font-size: 9.0pt; margin: 0; } HR {border:1px dashed #ccc; } .GreyBoxOutline { background:#f2f2f2;border:1px solid #cfcfcf;padding:10px; } DIV.GreyBoxOutline UL { padding:0px;margin:0px; } ol.Roman{list-style-type: lower-roman; } ol.Roman li {background: none; padding:0px; margin:0px;} ol.search li { line-height: 13px; padding-bottom: 10px; } /*ul.square li { padding-top:2px; background: url("/_gui/bullet_square.gif") 0px 9px no-repeat; padding-left: 1.0em; line-height:150%; }*/ ul.NewsList { margin: 0px; padding:0px; list-style:none; } ul.NewsList li { padding-top:2px; padding:5px 5px 5px 5px; } ul.NewsList li.Grey { background:#eee;} .SideAdTmp { background:#ddd;border:1px solid #ccc;padding:10px; height:70px; margin-bottom:10px; width:155px; text-align:left;} .SideAdTmp2 { width:195px; height:98px; padding:10px; margin-bottom:10px;background: url("/_gui/ad_temp.gif") 0px 0px no-repeat;} .SideAdWhite { width:168px; display:block; padding:10px; margin-bottom:10px;background:#fff; border:1px solid #ccc;text-align:left;} .PDFLarge { background: url("/_gui/pdf_large.gif") 0px 0px no-repeat; padding-left:35px; display:block; } .HTMLLarge { background: url("/_gui/html_large.gif") 0px 0px no-repeat; padding-left:35px; display:block; } .XLSLarge { background: url("/_gui/xls_large.gif") 0px 0px no-repeat; padding-left:35px; display:block; } .SideAdBlank { width:190px; display:block; margin-bottom:10px;} .SideAdBlank a:hover { background:none; } .PDFSmall { min-height:35px; background: url("/_gui/pdf.gif") 0px 0px no-repeat; padding-left:20px; } .PDFDoc { background: url("/_gui/pdf.gif") 0px 0px no-repeat; padding-left:20px; } .PPTDoc { background: url("/_gui/ppt.gif") 0px 0px no-repeat; padding-left:20px; } .Redirect { background: url("/_gui/Redirect.gif") 0px 0px no-repeat; padding-left:22px; } blockquote { } /*INPUT,SELECT { background:#eee; border:1px solid #8d8c8c;}*/ .NoHover a:Hover {background:none;} BLOCKQUOTE { background:#eee; padding:20px; margin:5px;} #SiteTools { text-align:left; padding:0px; margin:0px; z-index:10; } /*#SiteTools div { padding:0px 7px 0px 7px; }*/ #SiteTools .Parent {padding:0px 7px 0px 7px; background: url('/_gui/menu_bk.png') 0px repeat-x; font-weight:bold; } /* #SiteTools a.SiteMap{ display:block; color:#000; background: url('/_gui/sitemap.png') 5px 6px no-repeat; padding:4px 0px 4px 25px;border-bottom:1px solid #ccc;} #SiteTools a.SiteMap:hover { color:#fff; background: url('/_gui/sitemap_on.png') #cc0000 5px 6px no-repeat; padding:4px 0px 4px 25px;} #SiteTools a.RSS{ display:block; color:#000; background: url('/_gui/rss.png') 5px 6px no-repeat; padding:4px 0px 4px 25px;border-bottom:1px solid #ccc;} #SiteTools a.RSS:hover { color:#fff; background: url('/_gui/rss_on.png') #cc0000 5px 6px no-repeat; padding:4px 0px 4px 25px;} #SiteTools a.Feedback{ display:block; color:#000; background: url('/_gui/feedback.png') 5px 6px no-repeat; padding:4px 0px 4px 25px;border-bottom:1px solid #ccc;} #SiteTools a.Feedback:hover { color:#fff; background: url('/_gui/feedback_on.png') #cc0000 5px 6px no-repeat; padding:4px 0px 4px 25px;} #SiteTools a.Login{ display:block; color:#000; background: url('/_gui/Login.gif') 5px 6px no-repeat; padding:4px 0px 4px 25px;border-bottom:1px solid #ccc;} #SiteTools a.Login:hover { color:#fff; background: url('/_gui/Login_on.gif') #cc0000 5px 6px no-repeat; padding:4px 0px 4px 25px;} */ /***********************************************************************************************/ /* Good Styles */ .PageLinks { width:190px; display:block; margin-bottom:10px;background:#fff; border:1px solid #ccc;text-align:left; } .PageLinks H2 { padding: 4px 0px 0px 5px; font-size:100%; color:#000; font-weight:bold; margin-bottom:0px; background: url('/_gui/bar-tools.gif') -0px 0px no-repeat;height:20px;} .PageLinks P {padding:5px; } /* List styles */ .IndexTable { padding:1px;/*border:1px solid #ccc;*/ margin-bottom:20px;} .IndexTable .TableHeader{ background: url('/_gui/table_head_bk5.gif') 0px 0px repeat-x; height:25px; color:#fff; padding:0px 0px 0px 10px; text-align:left;} .IndexTable .RowOff { background:#d9d9da; padding:5px 10px 5px 10px; } .IndexTable .RowOn { background:#eee; padding:5px 10px 5px 10px; } .IndexTable .RowOn:hover, .IndexTable .RowOff:hover { cursor:pointer; background-color: #cc0000; color:#fff; } .IndexTable .RowOn:hover a, .IndexTable .RowOff:hover a{ cursor:pointer; color:#fff;} /* List styles */ .ListTable { padding:1px; border:1px solid #ccc; margin-bottom:20px;} .ListTable .TableHeader{ background: url('/_gui/table_head_bk5.gif') 0px 0px repeat-x; height:25px; color:#fff; padding:0px 0px 0px 10px; text-align:left;} .ListTable .TableSubHeader{ background: #ccc; height:25px; color:#333; padding:0px 0px 0px 10px; text-align:left;} .ListTable .RowOff { background:#d9d9da; } .ListTable .RowOn { background:#eee; } .ListTable TD { padding:5px 10px 5px 10px; } .ListTable .RowOn:hover, .ListTable .RowOff:hover { cursor:pointer; background-color: #cc0000; color:#fff; } .ListTable .RowOn:hover a, .ListTable .RowOff:hover a{ cursor:pointer; color:#fff;} /*.ListTable TD { background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; }*/ /* Council */ .Council {float:left;width:190px; margin:0px 7px 10px 0px; border:1px solid #ccc;} .Council IMG { float:left; margin:0px 5px 0px 0px; } .Council P { float:left; padding:0px; margin:0px; line-height:120%} /* Job Profile */ .ProfileTable { padding:1px;border:1px solid #ccc; margin-bottom:20px;} .ProfileTable .TableHeader{ background: url('/_gui/table_head_bk5.gif') 0px 0px repeat-x; height:25px; color:#fff; padding:0px 0px 0px 10px; text-align:left;} .ProfileTable .RowOff { background:#d9d9da; padding:5px 10px 5px 10px; } .ProfileTable .RowOn { background:#eee; padding:5px 10px 5px 10px; } .ProfileTable .RowOn:hover, .ListTable .RowOff:hover { cursor:pointer; background-color: #cc0000; color:#fff; } .ProfileTable .RowOn:hover a, .ListTable .RowOff:hover a{ cursor:pointer; color:#fff;} .ProfileTable TD { padding-left:25px;} /*
What's New
*/ /* Section table styles */ .SectionTable { padding:1px;/*border:1px solid #ccc;*/ margin-bottom:20px;} .SectionTable .TableHeader{ background: url('/_gui/whatsnew_bk.gif') 0px 0px repeat-x; color:#000; height:20px; padding:3px 0px 0px 10px; text-align:left;font:bold 13pt verdana,arial;} .SectionTable .RowOff { background:#d9d9da; padding:5px 10px 5px 10px; } .SectionTable .RowOn { background:#eee; padding:5px 10px 5px 10px; } .SectionTable .RowOn:hover, .SectionTable .RowOff:hover { cursor:pointer; background-color: #cc0000; color:#fff; } .SectionTable .RowOn:hover a, .SectionTable .RowOff:hover a{ cursor:pointer; color:#fff;} .SectionTable IMG{ float:left; padding:5px;} .SectionTable p{ float:left; display:block; padding:5px 5px 5px 5px;margin:0px; line-height:1.2em;} .SectionTable H1 { text-align:left; color:#fff;} /*font-size:1.2em; font-weight:bold;*/ /* Home table styles */ .HomeTable { padding:1px;/*border:1px solid #ccc;*/ margin-bottom:20px;} .HomeTable .TableHeader{ background: url('/_gui/whatsnew_bk.gif') 0px 0px repeat-x; color:#000; height:20px; padding:3px 0px 0px 10px; text-align:left;font:bold 13pt verdana,arial;} .HomeTable .RowOff { background:#d9d9da; padding:5px 10px 5px 10px; } .HomeTable .RowOn { background:#eee; padding:5px 10px 5px 10px; } /* .HomeTable .RowOn:hover, .HomeTable .RowOff:hover { cursor:pointer; background-color: #cc0000; color:#fff; } .HomeTable .RowOn:hover a, .HomeTable .RowOff:hover a{ cursor:pointer; color:#fff;} */ .HomeTable IMG{ float:left; padding:5px;} .HomeTable p{ float:left; display:block; padding:5px 5px 5px 5px;margin:0px; line-height:1.2em;} .HomeTable H1 { text-align:left; color:#fff;} /*font-size:1.2em; font-weight:bold;*/ /* HR Portal styles */ /* HR Portal styles */ .HRTable { padding:1px; border:1px solid #ccc; margin-bottom:20px;} .HRTable CAPTION{ background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; height:20px; color:#fff; padding:5px 0px 0px 10px; text-align:left; font-size:1.1em;font-weight:bold;} .HRTable .SubHeader{ background: #ccc; height:25px; color:#333; padding:0px 0px 0px 10px; text-align:left;} .HRTable TBODY TD { background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; padding:5px 10px 5px 10px; } .HRButton { width:130px;color:#fff; font-weight:bold;background:url("/_gui/button_red_bk2_on.gif") #cc0000 0px bottom repeat-x; padding:3px 7px 3px 7px; border:2px solid #fff;} .HRButtonBorder { border:1px solid #ccc; width:130px;} /* GENERAL CSS ENDS | FIN DU CSS GENERAL */ /* Women Summit */ .womenSummit { background: url('/_gui/womenSummitBgEN.jpg'); background-repeat: no-repeat; width: 550px; height: 150px; margin-bottom: 10px; } .womenSummitFR { background: url('/_gui/womenSummitBgFR.jpg'); background-repeat: no-repeat; width: 550px; height: 150px; margin-bottom: 10px; } div.center2 .womenSummit h1, div.center2 .womenSummitFR h1 { color: #ffffff; padding: 30px 10px 0 10px; } /* Feedback Form */ #feedback_form { padding: 15px; } #feedback_form legend { font-size: 110%; font-weight: bold; } #feedback_form div.left input { background: none; border: none; } #feedback_form .left { float: left; width:49%; } #feedback_form .right { float: left; width:49%; } #feedback_form .left, #feedback_form .right { margin-top: 10px; } #feedback_form fieldset label.error { display: none; color: red; } #feedback_form p.first { padding-top: 10px; } #feedback_form fieldset p { display: block; width: auto; } #feedback_form div.RedButton, #feedback_form div.RedButton .Border, #feedback_form div.RedButton input { border:none; /*background: none;*/ } #feedback_form .pageinfo { margin-bottom: 10px; } #feedback_form .pageinfo label { display: block; margin-bottom: 5px; } /* Homepage Impact Stories Scroller */ #impact-stories { width: 405px; position: relative; } .js #impact-stories { height: 319px; overflow: hidden; } #impact-stories a, #impact-stories a:link, #impact-stories a:visited, #impact-stories a:hover, #impact-stories a:active { color: #000; background-color: transparent; } #impact-stories ul.impact-stories-stories { margin: 0; padding: 0 0 25px 0; } .js #impact-stories ul.impact-stories-stories { height: 292px; padding: 0; overflow: hidden; } #impact-stories ul.impact-stories-stories li { margin: 0; padding: 0; list-style-type: none; } .js #impact-stories ul.impact-stories-stories li { position: absolute; left: 0; top: 0; width: 405px; height: 292px; display: none; } .js #impact-stories ul.impact-stories-stories li.first-child { display: block; } #impact-stories ul.impact-stories-stories li a { display: block; height: 292px; } #impact-stories ul.impact-stories-navigation { background-color: #ccc; position: absolute; bottom: 0; width: 100%; padding: 0; margin: 0; } #impact-stories ul.impact-stories-navigation li { margin: 2px 0 2px 8px; padding: 0; list-style-type: none; float: left; } #impact-stories ul.impact-stories-navigation li.first-child { float: right; padding-right: 8px; } #impact-stories ul.impact-stories-navigation li a { display: block; line-height: 25px; padding: 0 9px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #impact-stories ul.impact-stories-navigation li a:hover, #impact-stories ul.impact-stories-navigation li a:active, #impact-stories ul.impact-stories-navigation li a.active { background-color: #eee; } #impact-stories ul.impact-stories-navigation li.first-child a:hover, #impact-stories ul.impact-stories-navigation li.first-child a:active { background-color: transparent; } /* Homepage Impact Stories Scroller ENDS */ .jqueryhide {display: none;} .jqueryshow {} /* Share button */ .share a:hover, #at15s_inner a:hover, at16p a:hover, at16pm a:hover { background: none; } .forMediaStoryImageDiv { width: 580px; overflow: auto; } .forMediaStoryImage { width:193px; float:left; } .leftImage { } .b-roll { display: block; width: 100%; overflow: auto; } .b-roll .b-roll-vid { width:280px; float:left; display: inline; } .b-roll .leftVid { margin-right:13px; } /**/ #LinkTable { background: url("/_gui/tempTab.gif") no-repeat scroll 0 100%; display: block; overflow: auto; } #LinkTable #LinkTableTop { background: url("/_gui/tempTabTop.gif") no-repeat scroll 0 0 transparent; display: block; overflow: auto; padding-bottom: 10px; } #LinkTable #LinkTableTop #LinkTableLeft { float: left; width: 65%; } #LinkTable #LinkTableTop #LinkTableRight { float: left; width: 33%; } #LinkTable #LinkTableTop h2 { color: #666666; font-size: 1.3em; margin: 5px 0 0 10px; padding: 0 0 5px 18px; background: url("/_gui/icon_arrow_1.gif") no-repeat scroll 0 5px transparent; } #LinkTable #LinkTableTop ul { margin: 0 0 0 11px; padding: 0; } #LinkTable #LinkTableTop ul li { list-style-type: none; padding: 0 0 0 9px; background: url("/_gui/bullet_arrow.gif") 0px 7px no-repeat; } div.center2 #LinkTable #LinkTableTop ul li a:hover { background: none; text-decoration: underline; } #LinkTable #LinkTableTop ul li a:hover { color: #cc0000; } #LinkTableLeft-Left { width: 49%; float: left; } #LinkTableLeft-Right { width: 49%; float: left; } #DarkBoxes { float:left; width:580px; padding:0px; border:0px solid #ccc; margin: 20px 0 20px 0; } #DarkBoxes > div { background: url('/_gui/DarkBoxTop.gif') 0 0 no-repeat; } #DarkBoxes #DarkBoxLeft { float:left; width:290px; padding:10px 0 0 0; color:#fff; } #DarkBoxes #DarkBoxLeft .DarkBoxBottom, #DarkBoxes #DarkBoxRight .DarkBoxBottom { overflow: auto; background: url('/_gui/DarkBoxBottom.gif') 0 100% no-repeat; height: 149px; } #DarkBoxes .DarkBoxBottom p.content{ padding: 3px 3px 0 10px; margin-bottom: 10px; } #DarkBoxes #DarkBoxRight { float:left; width:289px; padding:10px 0 0 0px; color:#fff; } #DarkBoxes .DarkBoxHeader { font:bold 18px arial;color:#fff;margin:0;padding:0;line-height:1.1; display: block; padding: 0 0 0 10px; } #DarkBoxes .DarkBoxRedButton { float:left; width:99%; } #DarkBoxes .DarkBoxRedButton .DarkBoxRedButtonContainer { margin: 0 0 16px 10px; width:200px; } /* DarkBox red button */ #DarkBoxes .RedButton { border-right:1px solid #B9B9B9; border-bottom:1px solid #B9B9B9; } #DarkBoxes .RedButton .Border { border:1px solid #ccc; background:#fff; padding:2px;} #DarkBoxes .RedButton p { margin:0px; text-align:center; padding: 0; } #DarkBoxes .RedButton a, #DarkBoxes .RedButton input { color:#fff; font-weight:bold; display:block; background:url("/_gui/button_red_bk2.gif") #cc0000 0px top repeat-x; padding:3px 7px 3px 7px; } #DarkBoxes .RedButton a:Hover, #DarkBoxes .RedButton a { color:#eee; background:url("/_gui/button_red_bk2_on.gif") #cc0000 0px bottom repeat-x; padding:3px 7px 3px 7px; } #DarkBoxes .RedButton a:Link { color:#fff; } /**/ .awardTable { border-top: 1px solid #CCCCCC; background: url("/_gui/tempTab.gif") no-repeat scroll 0 100%; border-collapse:collapse; } .awardTable thead tr th { padding: 5px 0 5px 2px; margin:0px 0px 5px 0px; font-size:1.3em; color:#666; font-weight:bold; } .awardTable thead, .awardTable tbody { padding: 5px; } div.center2 .awardTable tr { /* border-top: 1px solid #cccccc; */ } .awardTable tbody tr td { /* border-top: 1px solid #ccc; border-right: 1px solid #cccccc; */ vertical-align: top; width: 33%; padding: 10px 0 5px 5px; } .awardTable tbody tr .moreSpace { padding-right: 15px; } .awardTable td a { padding-top:2px; background: url("/_gui/bullet_arrow.gif") 0px 7px no-repeat; padding-left:.6em; line-height:150%; } div.center2 .awardTable td a:hover { background: none; color: #CC0000; text-decoration: underline; background: url("/_gui/bullet_arrow.gif") 0px 7px no-repeat; } div.redbox_container { display: block; margin: 10px 0; } div.redbox { margin:2px 0px 10px 0px; width: 280px; background: url('/_gui/redboxbk.gif') #fff bottom no-repeat; min-height:50px; float: left; } div.redbox_container .rightBox { margin-left: 20px; } div.redbox .top { width:100%; height:10px; background: url('/_gui/redboxhd.gif') #fff top no-repeat; } div.redbox .Header { background: url('/_gui/redboxheader.gif') #cc0001 top no-repeat; } div.redbox .Content { padding:10px; /*line-height:1.1em;*/ } div.redbox h2 { color: #fff; font-size:1.0em; font-weight:bold; padding:6px 0px 6px 10px; margin:0px; } div.redbox .HeaderRight { float:right; margin: -24px 5px 0px 0px; } div.redbox .HeaderRight a { color:#fff; font-size:.8em; background: #cc0000; padding:3px 3px 3px 3px; display:block; } div.redbox .HeaderRight a:hover { background: url('/_gui/rss_on.gif') #cc0000 2px 4px no-repeat; color:#fff; } div.redbox .Content ul { margin:0px; padding:0px; padding-left:0px; } div.redbox .Content li { background: url('/_gui/red_bullet.gif') 0px 8px no-repeat; padding-left:10px; margin:0px; list-style-type: none; } div.redbox br { line-height:.5em; } /* mailing list form styles */ form.cmxform { clear:both; width: 560px; font-size:12px; border:0px solid #ccc; padding:10px; margin-bottom:15px; } form.cmxform LEGEND { font-size: 1.2em; color: #666; background:url("/_gui/icon_arrow_1.gif") #fff 0px 5px no-repeat; padding: 0px 0px 7px 16px; margin:10px 0px 7px -10px; font-weight:bold; border:0px; border-bottom:1px solid #ccc; width:95%; float:left;} form.cmxform FIELDSET { border:0px solid #cc0000;margin-bottom:10px; padding:0px 10px 0px 10px; background:#fff; float:left;} form.cmxform P{ border:0px dashed #ccc; float:left; padding:0 0 5px 0;margin:0px 0; width:540px;} form.cmxform LABEL { border:0px dashed #000; width:550px; float:left; text-align:left; padding:0px 0px 0px 0; } form.cmxform em { float:right; width:180px; margin-left:0px; font-style:normal;} form.cmxform em.error { border:1px solid #FFB2AC; padding:5px 5px 5px 27px; background:url("/MailingList-ListDenvoi/_img/error_fail.gif") #FFEFF0 no-repeat 3px 3px; color:#cc0000; line-height:100%;} form.cmxform em.success { border:none; padding:5px 5px 5px 24px; background:url("/MailingList-ListDenvoi/_img/error_pass.gif") no-repeat 0px 3px; color:#7AB311; } form.cmxform .Hint { border:0px dashed #ccc; width:290px; margin-left:0px; float:left; padding:3px 0; font-size:.85em; font-style:italic; color:#999; line-height:.9em; } form.cmxform input, form.cmxform textarea, form.cmxform select { border: 1px solid #999; padding:5px; width:300px; margin-left:0px; font-weight:bold; font-size:14px; float:left; } form.cmxform input{ height:20px; background:#eee; } form.cmxform select { height:30px; background:#eee;} /* */ /* form.cmxform em { width:118px;background:#000; } form.cmxform input, form.cmxform textarea, form.cmxform select { width:250px; } form.cmxform .Hint { margin-left:0px; background:#000;} */ /* */ form.cmxform input.checkbox,form.cmxform input.radio { border: 0px solid #000; width:20px; } form.cmxform input.error, form.cmxform select.error, form.cmxform textarea.error { border: 1px solid #FFB2AC; background:#FFEFF0; } form.cmxform input:focus, form.cmxform select:focus { border: 1px solid #000; background-color:#FFFFCC; } form.cmxform .Header p{ float:left; width:570px; } form.cmxform .Header p{ border-bottom:0px dashed #ccc; float:left; padding:0 0 5px 0;margin:5px 0; } form.cmxform .Header H2{ color:#000; font-size:25px;} form.cmxform .ButtonSubmit { font-size:13px; color: #000; background: url('/_gui/button_submit.gif') #F9F9F9 0px bottom repeat-x; padding:4px 4px 4px 5px; width:110px; font-weight: bold; border: 1px solid #666; } form.cmxform .ButtonSubmit:hover { color: #666; background: url('/_gui/button_submit.gif') #F9F9F9 0px bottom repeat-x; cursor: pointer; } form.cmxform .ButtonReset { border: 1px solid #666; padding:4px 0px 4px 0px; background: url('/_gui/button_reset.gif') #F9F9F9 0px bottom repeat-x; } form.cmxform .ButtonReset A{ font-size:13px; color: #000; padding:0px 45px 0px 25px; } form.cmxform .ButtonReset A:hover { background:transparent; color: #666; cursor: pointer; } form.cmxform fieldset label:first-letter { text-decoration:underline; } form.cmxform .FieldDescription {float:left;margin:10px 0 10px 0; width:90%; /*background:#eee; */} /* Form Autocomplete*/ .ac_results { padding: 0px; border: 1px solid #CCC; background-color: white; overflow: hidden; z-index: 99999; margin: 0 0 -3px -8px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 7px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ /* font: menu;*/ font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; border-bottom: 1px dashed #CCC; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #FFF; } .ac_over { background-color: #C00; color: #FFF;} input.SearchField2 { border:none; width: 400px; float:left; /* BACKGROUND-COLOR: #ffff99; */ height: 17px; padding:0; margin:0; padding: 6px 6px 6px 0px; border-top: 1px solid #CCCCCC; /* border-left: 1px solid #CCCCCC;*/ border-bottom: 1px solid #999999; background-color:#FFF; } input.SearchVideo { border:none; width: 500px; float:left; /* BACKGROUND-COLOR: #ffff99; */ height: 31px; padding:0; margin:0; padding: 6px 0px 0px 0px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color:#FFF; } div.center2 div.SearchBorder { margin-left:0px; padding:0; margin:0; border:none; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; display:inline-block; float:left; } div#fixme { overflow:auto; margin-left: 150px; padding: 0px 0px 5px 16px; } input.SearchBut2 { border:none; float:left; height: 31px; padding:0; margin:0; cursor:pointer; padding: 6px 11px 6px 11px; width: auto; overflow: visible; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #999999; border-right: 1px solid #999999; background: url('/_img/form_bg.gif') #F2F2F2 0px bottom repeat-x; } div.SearchSpace, div.SearchSpaceLeft { padding:0; margin:0; height: 29px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #999999; background:#FFFFFF; width: 10px; float:left; } div.SearchSpaceLeft { border-left: 1px solid #CCCCCC; width: 7px; } div.SearchVideoSpace { padding:0; margin:0; height: 29px; border-top: 1px solid #CCCCCC; background:#FFFFFF; width: 10px; float:left; } /*NEW VIDEO STYLES */ .VideoListLong { } .VideoListLong IMG { border:none; } .VideoListLong .Panel a, .VideoListLong .Panel a:hover { background:none;} .VideoListLong .Panel { float:left; width:560px; min-height:120px;background:#444; margin: 0 10px 10px -1px; padding:0 0 10px 0;} .VideoListLong .Panel H1 { float:left; font-size:.80em;color:#999; font-weight:normal;padding:0;margin:0px 0 4px 8px; } .VideoListLong .Panel em { float:right; font-size:.80em;color:#999; font-style:normal; padding:0 4px 4px 4px;} .VideoListLong .Panel H2 { font-size: 1em;color:#fff; font-weight:normal;padding:0;margin:5px 0 2px 8px; } .VideoListLong .Panel H3 { color:#fff; font-weight:bold; font-size:1.0em; padding:0;margin:0 0 0 8px;} .VideoListLong .Panel H3 span { font-weight: normal; display: block; border-bottom: 1px dashed #ffffff; padding-bottom: 3px; } .VideoListLong .Panel H4 { color:#666;font-weight:normal;font-size:.85em; padding:0;margin:3px 0 0 8px; } .VideoListLong .Panel p, .VideoListLong .Panel ul { color:#999;font-weight:normal;font-size:.85em; padding:0 0 2px 0;margin:3px 0 0 8px; } .VideoListLong .Thumbnail { float:left;width:180px; } .VideoListLong .Description { float:left;width:360px; } .VideoListLong .Thumbnail .loadVidDiv { display: none; } .VideoListLong button { margin: 8px 0 0 8px; font-size: 90%; } .VideoListLong .vidButton {} .VideoChapters { margin:0;padding:0;} .VideoChapters ul { margin-top: 0; padding-top: 0; } .VideoChapters li { list-style-type:none;background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; margin:0;padding:0px;border-bottom:1px solid #ccc; display: inline-block; line-height:120%; width: 100%;} .VideoChapters img {float:left;padding:0 10px 0px 0;} .VideoChapters em {font-size:1.1em;font-weight:bold;color:#666;font-style:normal;padding:0;margin:0;} .VideoChapters h2 {font-size:1.1em;font-weight:bold;color:#666;font-style:normal;padding:3px 0 0 0;margin:0;} .VideoDescription { width: 100%; overflow: auto; } .VideoDescription .Summary { float:left; width:40%; margin-right:10px; } .VideoDescription .Description { float:left; width:58%; } .VideoDescription div h2 { font-size:1.5em; color:#000; } .VideoDescription div h3 { font-size:1.3em; color: #666; padding:0px; margin:0px;} .VideoDescription .Summary p { background:#eee; padding:0px;} .VideoTranscript table { border:1px solid #ccc; } .VideoTranscript table caption { background:#ccc;padding:5px; font-size:1.3em;font-weight:bold; } .VideoTranscript table th { width:150px; border:none; } .VideoTranscript table td { background:#eee; padding:7px; margin-bottom:10px;} .tabs{ margin:0 0 0 0;padding:0;position:relative; } .hide { display: none; } .show { display: block; } .ReadMoreLink { cursor: pointer; } /* .tabs li{ display:inline-block; margin-left:-5px; background: url("/_gui/tab_bk.gif") left top no-repeat; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; -moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; } */ .tabs li{ display:inline-block; background: url("/_gui/tab_bk.gif") left top no-repeat; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; -moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; } .tabs li a{display:block;text-decoration:none; color:#ffffff; font-weight:bold; background: url("/_gui/table_head_bk5.gif") #737373 left top repeat-x; border-bottom:1px solid #ccc;} div.center2 .tabs li a { color: #ffffff; padding:5px 10px 5px 10px;} div.center2 .tabs li.active{background:#fff; position:relative; border-bottom:none; } div.center2 .tabs li a.active,.tabs li a.active:hover{ cursor:text; background: url("/_gui/tab_bk.gif") #fff left top repeat-x; font-weight:bold; color:#000; border-bottom:1px solid #fff; -moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; } div.center2 .tabs li a:hover{ -moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; } .tabs-panel { padding:10px 10px 10px 0; } .tabs-panel > div {display:none;} .tabs-panel > div.active{display:block;} .tabs-panel h2,.tabs-panel h3,.tabs-panel h4,.tabs-panel h5,.tabs-panel h6{border:none;} .tabs-panel .float-right {margin-left:10px;} .tabs-panel .float-left {margin-right:10px;} .clear{clear:both;display:block;height:0 !important;margin:0;min-height:0 !important;overflow:hidden;visibility:hidden;width:0;} .tabs-roller {height:100%;width:0;position:absolute;top:0;left:0;cursor:text;background-color:#000;opacity:0.1;filter:alpha(opacity=10);} #tab-container1 .tabs {border-bottom: 1px solid #ccc;} /*temp styles for temp video section */ div.VideoTempPanel { float:left;width:180px;margin-right:20px;background:#2b2b2b;padding:5px; height:190px; } div.VideoTempPanel IMG { padding-bottom:5px; } div.VideoTempPanel a, div.VideoTempPanel a:active, div.VideoTempPanel a:visited, div.VideoTempPanel a:link { color:#fff; } div.VideoTempPanel a:hover { color:#999;background:none;} #tab-container1 { margin: 15px 0 0 0; width: 560px; } .VideoChapters { margin:0;padding:0;} .VideoChapters ul { margin-top: 0; padding-top: 0; } .VideoChapters li { list-style-type:none;background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; margin:0;padding:0px;border-bottom:1px solid #ccc; display: inline-block; line-height:120%; width: 100%;} .VideoChapters img {float:left;padding:0 10px 0 0;} .VideoChapters em {font-size:1.1em;font-weight:bold;color:#666;font-style:normal;padding:0;margin:0;} .VideoChapters h2 {font-size:1.1em;font-weight:bold;color:#666;font-style:normal;padding:3px 0 0 0;margin:0;} .VideoChapterHeader { text-align: center; background: #777; color: #fff; font-size: 120%;} .VideoDescription { width: 100%; overflow: auto; width: 570px; } .VideoDescription .Summary { float:left; width:38%; margin-right:10px; padding-left: 8px; } .VideoDescription .Description { float:left; width:54%; padding-right: 8px; } .VideoDescription div h2 { font-size:1.5em; color:#000; } .VideoDescription div h3 { font-size:1.3em; color: #666; padding:0px; margin:0px;} .VideoDescription .Summary p { background:#eee; padding:0px;} .VideoTranscript { overflow:auto; height:300px; width: 540px; padding-left: 8px; } .VideoTranscript table, .overview table { border:1px solid #ccc; } .VideoTranscript table caption, .overview table caption { background:#ccc;padding:5px; font-size:1.3em;font-weight:bold; } .VideoTranscript table th, .overview table th { width:150px; border:none; vertical-align: top; } .VideoTranscript table td, .overview table td { background:#eee; padding:7px; margin-bottom:10px;} #tab-container1 #feedback_form { padding: 0; width: 550px; padding-left: 8px; } #tab-container1 #feedback_form fieldset { padding: 0 0 0 10px; } #tab-container1 #feedback_form fieldset p { padding: 0; margin: 0 0 5px 0; } #tab-container1 #feedback_form fieldset input[type="radio"] { border: none; background: none; margin-left: 0; padding-left: 0; } #tab-container1 #feedback_form fieldset textarea { width: 90%; } #tab-container1 #feedback_form fieldset .RedButton {margin-bottom: 10px;} .hidden {display: none;} h4.space { padding-bottom:10px; } .accordion { float:left; width:99%; margin-bottom:10px; } .accordionHeader { background:#FFFFFF url(/_gui/panel_gradient.gif) repeat-x scroll 0 bottom; border-bottom:1px solid #CCCCCC; width: 100%; cursor:pointer; overflow:hidden; } .accordionHeaderImage { float:left; padding-left:17px; padding-bottom:10px; } .accordionHeaderText { font-size:0.85em; float:left; margin: 6px 7px 10px 35px; width: 375px; } .accordionContainer { margin-bottom:5px; } /* Media Room */ .Panel .video a, .Panel .video a:hover, .Panel .image a, .Panel .image a:hover {background:none !important;} .Panel {float:left;width:180px;margin:10px; padding:0; position:relative} .Panel .video, .Panel .image {position:relative;} .Panel .image { width:160px;} .Panel .video-time, .Panel .video-date, .Panel .image-date {background-color: #000000;border-radius: 3px 3px 3px 3px;color: #FFFFFF !important;display: inline-block;font-size: 11px;font-weight: bold;height: 14px;line-height: 14px;opacity: 0.75;filter:alpha(opacity=75);padding: 0 4px;vertical-align: top;} .Panel .video-time, .Panel .video-date, .Panel .image-date {margin-right: 0;margin-top: 0;position: absolute;right: 5px;} .Panel .video-time{top: 5px;} .Panel .video-date, .Panel .image-date {bottom: 5px;} .VideoList ul {margin:0px;padding:0px;} .VideoList li {float: left;font-family: Georgia,"Times New Roman",Times,serif;font-size: 12px;letter-spacing: normal;list-style-type: none;margin: 0 5px 5px 0;padding: 4px;background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x;border-bottom:1px solid #ccc;} .VideoList li:hover {background:#cc0000; cursor:pointer;color:#fff; } .VideoList li:hover .Category {background:#cc0000; cursor:pointer; color:#fff;} .VideoList li:hover .CategoryFeatured {background:#cc0000; cursor:pointer; color:#fff;} .VideoList li:hover .Title {background:#cc0000; cursor:pointer; color:#fff;} .VideoList li:hover .Date {background:#cc0000; cursor:pointer; color:#fff;} .VideoList li:hover .Duration {background:#cc0000; cursor:pointer; color:#fff;} .VideoList li:hover .Views {background:#cc0000; cursor:pointer; color:#fff;} .VideoList li:hover .ImageFeatured .Box {cursor:pointer;} .VideoList li:hover .ImageFeatured .Button {cursor:pointer;} .VideoList .Category {font-size:.85em;font-weight:bold;color:#333;padding:0;margin:0;line-height:1.0em;width:180px;min-height:21px;} .VideoList .CategoryFeatured {font-size:.85em;font-weight:bold;color:#333;padding:0;margin:0;line-height:1.0em;} .VideoList .Title {font-size:1.0em;font-weight:bold;color:#000;padding:3px 0 5px 0;margin:0; width:180px; line-height:1.1em; min-height:40px;vertical-align: baseline;_vertical-align: bottom;} .VideoList .Date {font-size:.8em;font-weight:normal;color:#666666;padding:0;margin:0; float:left; line-height:1.0em;} .VideoList .Duration {font-size:.8em;font-weight:normal;color:#666666;padding:0;margin:0; line-height:1.0em; float:right;} .VideoList .Views {font-size:.8em;font-weight:normal;color:#666666;padding:0;margin:0; line-height:1.0em; float:right;} .VideoList .Image, .VideoList .ImageFeatured {position:relative;padding:0 0 3px 0;} .VideoList .ImageFeatured {margin-bottom:5px;} .VideoList .ImageFeatured .Box {background-color: #000000;width:560px;height: 30px;opacity: 0.50;filter:alpha(opacity=50); position:absolute; top:319px;} .VideoList .ImageFeatured .Button {background: url('/_gui/videoButton_large.png') transparent 10px 5px no-repeat; width:30px;height:30px;position:absolute; top:319px;} .VideoList .FooterFeatured {float:left;width:560px;padding:0 0 5px 0;margin:0;} .VideoList .Title sup {font-size: 0.83em;vertical-align: super;line-height: 0;} .right .Media { margin:2px 0 10px; } .right .Media .Header { background: url("/_gui/whatsnew_bk.gif") repeat-x scroll 0 bottom #E6E8E9; } .right .Media .row { background:url('/_gui/tool_bg.png') repeat-x scroll 0 bottom #FFFFFF; } .right .Media .row a { color: #000000; display: block; font-size: 0.9em; padding: 6px 4px 6px 10px; } .right .Media .row a:hover, .right .Media .Content a:hover { background: none repeat scroll 0 0 #cc0000; color:#ffffff; } .right .Media .Header { font-size:1em; padding:4px 4px 4px 10px; font-weight:bold; color:#000; } .right .Media .Content { font-size: 0.9em; background:url('/_gui/panel_gradient.gif') repeat-x scroll 0 bottom #FFFFFF; border-bottom:1px solid #CCCCCC; padding:8px 10px; } DIV.News .HeaderRight A.RSSMedia{ background: url('/_gui/RSS_Media_Off.gif') 0 4px no-repeat; padding:3px 0px 3px 15px;display:block;} DIV.News .HeaderRight A.RSSMedia:hover{ background: url('/_gui/RSS_Media_On.gif') transparent 0 4px no-repeat; color:#fff;} /*DIV.NewsTwitter .HeaderRight A.Twitter{ background: url('/_gui/Twitter_Media_off.gif') 0 4px no-repeat; padding:3px 0px 3px 15px;display:block;} DIV.NewsTwitter .HeaderRight A.Twitter:hover{ background: url('/_gui/Twitter_Media_on.gif') transparent 0 4px no-repeat; color:#fff;}*/ .coda-nav a { color:#000000 !important; padding: 3px !important; } .coda-nav a:hover { color:#ffffff !important; } .resourceCentreForm { margin-left:100px; margin-top:20px; border:1px solid #ccc; width:280px; padding:10px; background:#f6f6f6; color: inherit; } .resourceCentreForm form fieldset { border: none; } .resourceCentreForm form fieldset legend { color: #666666; background-color: transparent; font-size: 150%; font-weight: bold; padding: 0; margin: 0; } .resourceCentreForm form fieldset input[type=password] { background-color: #ffffff; } .resourceCentreForm form fieldset input[type=submit] { border: 2px solid #aaa; margin: 15px 0 0 0; padding: 3px 25px; background: url("/_gui/button_red_bk2_on.gif") repeat-x scroll 0 bottom #CC0000; color: #fff; font-weight: bold; cursor: pointer; } /* form css for - /OnlineServices-ServicesEnLigne/SupportRequest-DemandeDeSoutien_eng.asp /ContactUs-ContactezNous/ContactWebmaster-ContactezWebmestre_eng.asp /NSERC-CRSNG/Visits-Visites/SFMtgsResponse-SFRencontresResp_eng.asp */ div.Form2 .FormContainer { width:99%; padding:0px; margin:0px; } div.Form2 .FormContainer .Content { /* padding:5px 10px 5px 10px; */ } div.Form2 .FormField { padding:0px 0px 0px 0px; float:left; margin-bottom:5px; width:100%; } div.Form2 .FormButtons { padding:10px 0px 10px 150px; } div.Form2 .FormLabel { color:#000; font:normal 1.0em verdana,arial, sans-serif; padding:5px 10px 0px 0px; margin-top:0px; float:left; width:150px; text-align:right; } div.CommsDay .FormLabel { text-align:left; } div.Form2 .FormLabelradiocheck { float:right; display: inline; } div.Form2 .Field { float:left; } div.Form2 .Checkbox { background:none;border:none; } div.Form2 INPUT,TEXTAREA{ font-weight:bold; } div.Form2 .FormMessage { padding:10px 0px 5px 0px; float:left; width:90%; margin:0px 0px 10px 0px; ;} div.Form2 .Title { float:left; background:url("/_gui/icon_arrow_1.gif") 0px 5px no-repeat; padding: 0px 0px 2px 16px; margin:10px 0px 5px 0px; font-size:1.3em; color:#666; font-weight:bold; border-bottom:1px solid #ccc; width:90%;} div.Form2 .ButtonSubmit { width:110px;color:#000; font-weight:bold;background: url('/_gui/button_submit.gif') #F9F9F9 0px bottom repeat-x;padding:3px 3px 3px 5px; } div.Form2 .ButtonReset { width:110px;color:#000; font-weight:bold;background: url('/_gui/button_reset.gif') #F9F9F9 0px bottom repeat-x;padding:3px 3px 3px 5px; } div.Form2 .Hint { float:left;color:#666;font-style:italic; padding-top:1px; } div.Form2 .FormRequired { font-size:.9em;color:#666;font-style:italic;} div.Form2 A:hover { background:none; } .commsTxt { display: block; margin: 5px 0 0 0; } /* end form css */ DIV.News2 {margin:2px 0px 10px 0px; width:100%; } DIV.News2 TBODY TR {background: url('/_gui/panel_gradient.gif') #fff 0px bottom repeat-x; padding:10px;} DIV.News2 TBODY TD {padding:10px; color:#333; border-bottom:1px solid #ccc;} /* For this page: /Prizes-Prix/Synergy-Synergie/Nomination-Candidature/synergyform_eng.asp */ .synergyForm {} .synergyForm table { background:#f4f4f4; border:1px solid #ccc; } /*.synergyForm INPUT { background: url('/_gui/list_bk.gif') #fff 0px bottom repeat-x;font-size:1.0em; padding:5px; } */ .synergyForm INPUT,.synergyForm SELECT { background: #fff;font-size:1.0em; padding:2px; } .synergyForm .Header { background: url('/_gui/table_head_bk5.gif') #737373 0px top repeat-x; color:#fff; padding:5px 5px 5px 5px; font-weight:bold;} /* END For this page: /Prizes-Prix/Synergy-Synergie/Nomination-Candidature/synergyform_eng.asp */ .TypeA { list-style-type: upper-alpha; } .Typea { list-style-type: lower-alpha; } .Typei { list-style-type: lower-roman; } /* additional dpr/rpp annual report styles */ .dprReport {} .dprReport h3 { padding-top: 15px; } div.dprReport h4 { padding: 8px 0; color: #666; background: inherit; font-size: 1.2em; } div.dprReport h5 { padding: 6px 0; color: #666; background: inherit; font-size: 1.1em; } table.rpp th, table.dpr th { background-color: #eee; font-weight: bold; } .borderLeftThin { border-left: solid 1px #000; } .borderRightThin { border-right: solid 1px #000; } .borderTopThin { border-top: solid 1px #000; } .borderTopThick { border-top: solid 2px #000; } .borderTopDouble { border-top: double 3px #000; } .borderBottomThin { border-Bottom: solid 1px #000; } .borderBottomThick { border-Bottom: solid 2px #000; } .borderBottomDouble { border-Bottom: double 3px #000; } .borderSimple { border: solid 1px #000; } .width15 { width: 15%; } .width20 { width: 20%; } .width25 { width: 25%; } .width33 { width: 33%; } .width34 { width: 34%; } .darkgreyBG { background-color: #666; color: #fff; } .fontSizeNormal { font-weight: normal;} .centerText { text-align: center; } .topValign { vertical-align: top; } /* Research Portal */ .lineDashed { border: none;border-bottom:1px dashed #FFFFFF; border-top:1px dashed #cccccc; clear:both; height:0; width: 100%;} #familiarENG {background:url(/_img/ResearchPortal/Section_1.75_ENG.jpg) no-repeat scroll 0 0 transparent; width:580px; height:340px; position:relative;} #howtoENG {background:url(/_img/ResearchPortal/Section_3_ENG.jpg) no-repeat scroll 0 0 transparent; width:580px; height:632px; position:relative;} #familiarFRA {background:url(/_img/ResearchPortal/Section_1.75_FRA.jpg) no-repeat scroll 0 0 transparent; width:580px; height:340px; position:relative;} #howtoFRA {background:url(/_img/ResearchPortal/Section_3_FRA.jpg) no-repeat scroll 0 0 transparent; width:580px; height:632px; position:relative;} a.researchportalLogin { position:absolute; height:101px; width:101px; top:144px; left:237px; } a.researchportalLogin:hover { background-color:transparent !important;} a.researchportalYes { position:absolute; height:101px; width:101px; top:168px; left:87px; } a.researchportalYes:hover { background-color:transparent !important;} a.researchportalNo { position:absolute; height:101px; width:101px; top:168px; left:387px; } a.researchportalNo:hover { background-color:transparent !important;} /* Research Portal Instructions*/ .RPIbold { color:#555; } .ins-screenshot { background-color:#F9F9F9; padding:5px; border:1px solid #CCCCCC; display:block; } .ins-screenshot p { margin:5px 0 5px 0; } .ins-screenshot div.line { border: none;border-bottom:1px dashed #FFFFFF; border-top:1px dashed #cccccc; height:0; width: 100%; padding-bottom:5px } /* New Carousel */ .floatLeft { float: left; margin-right: 10px;} .floatRight { float: right; } .clear { clear: both; } #page-wrap { width: 405px; margin: 0; position: relative; height: 293px;} .slider-wrap { width: 413px; position: absolute; left: -11px; } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer { position: relative; overflow: hidden; width: 416px; height: 292px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 416px; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { /*border: 1px solid black*/; margin-right: 5px; } #movers-row { margin: -53px 0 0 100px; } #movers-row div { width: 100px; float: left; } #movers-row div a.cross-link { float: right; } .photo-meta-data { background: url(/_img/home/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; font-size: 11px; line-height: 13px; } .photo-meta-data span { font-size: 11px; } .cross-link { width: 100px; margin-top: -12px; vertical-align: top; position: relative; padding-top: 15px; z-index: 9999; /*filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.6;*/ height:46px; padding: 3px !important; } .active-thumb {border-bottom:4px solid #719501;} a.carousel:link, a.carousel:visited { color: #7fae1b; text-decoration:none;} a.carousel:hover { color: #FFFFFF; font-weight: bold; text-decoration:none;} a.carousel:active { color: red; text-decoration:none; } div.center a.carousel:link, div.center a.carousel:visited { color: #7fae1b; text-decoration:none;font-weight:normal; } div.center a.carousel:hover { color: #FFFFFF; text-decoration:underline; font-weight:normal; } div.center a.carousel:active { color: #7fae1b; text-decoration:none; font-weight:normal; } /* Photo Gallery - 2014 */ div.gallery-hidden { } div.gallery-active { width:585px; float:left; display:none; } div.gallery-image img { border:1px solid #333; float:left; } div.gallery-image { height:388px; } div.gallery-caption { width:585px; float:left; padding: 10px 0;} div.gallery-thumbs { width:585px; float:left; /*margin-bottom:30px;*/ display:none; margin-top:25px; } div.gallery-thumbs img { margin-right:15px; margin-bottom:12px; border: 1px solid #333;} div.gallery-thumbs img.On { border: 1px solid #C00; } div.gallery-thumbs a { display:block; float:left; } div.gallery-thumbs a:hover { background:none; } div.gallery-thumbs a:hover img { border:1px solid #C00; } div.gallery-caption { /*margin-bottom:30px;*/ } div.gallery-left { z-index:2;cursor:pointer; position: absolute; background:red; margin-top:180px;float:left; width:36px; height:36px; background:url(/_img/Gallery/white_left.png) left top no-repeat;margin-left:10px;} div.gallery-right { z-index:2;cursor:pointer; position: absolute; background:red; float:right; text-align:right;margin-top:180px;float:left; margin-left:539px;background:url(/_img/Gallery/white_right.png) left top no-repeat ;width:36px; height:36px;} div.gallery-left, div.gallery-right { display:none; } /*div.gallery-image:hover div.gallery-right, div.gallery-image:hover div.gallery-left { display:block; }*/ /*p.gallery-credit { color:#666; }*/ div.gallery-thumbs img.no-right-border { margin-right:0px; } .NewsTitle {font-size:14px;} .NewsDate {font-size:11px;margin-top:6px; display:block;} .List2 { list-style-type: none; padding-left: 0; } .List2 li { background: url("/_gui/panel_gradient.gif") repeat-x scroll 0 bottom #fff; border-bottom: 1px solid #ccc; float: left; margin-bottom: 15px; width: 99%; } .contact-location-left { float: left; width: 35%; } .contact-location-right { float: left; width: 64%; } /* Prizes Landing Page */ .prizes { width:581px; float:left; margin-top:10px; } .prize-box { /*border:1px solid red;*/ margin-bottom:18px; padding-bottom:32px; border-bottom:1px solid #e6e6e6;} .prize-title { padding-left:30px; text-align:left; background:url(/_gui/icon_arrow_1.gif) 10px 4px no-repeat; font-size:18px; font-weight:bold; color:#333; line-height:20px;} .prize-desc { color:#333; font-size:13px; line-height:18px; text-align:left; margin-top:9px; padding-left:30px;} .prize-winners { /*background:orange; */margin-top:18px; padding-left:30px; } .prize-winners .shell { border:1px solid #FFF; overflow:auto; /*margin: 0 auto;*/ border-bottom:none;} .prize-winners .shell-half { width:274px; } .prize-winners .cell { width:274px; float:left; border-left:1px solid #fff; border-bottom: 1px solid #fff; background:#f8f8f8;overflow: hidden; position:relative; cursor:pointer; display:block;} .prizes .no-border { border-left:none; } .prizes .no-border-bottom { border-bottom:none; } .prize-winners div.cell-inner { height:500px; overflow: hidden; top:0px;position:relative; background:#f2f2f2;} .prize-winners div.cell-inner-top { overflow:hidden; } /* height control */ .prize-winners .cell, .prize-winners div.cell-inner-top { /*height:250px;*//*height:270px;*/ height: 310px; } /* div.center a:hover, div.center2 a:hover, div.center3 a:hover */ div.center2 div.prize-box a.cell:hover { background-color: transparent; } .prize-winners div.cell-inner-bottom { height:250px; } .prize-winners img.slide-image { margin-left:8px; margin-top:9px; border:none; } .prize-winners .name { font-size:17px; font-weight:bold; color:#333; margin-left:15px; margin-top:4px; } .prize-winners .school { font-size:12px;margin-left:15px; margin-top:2px; color:#666;} .prize-winners .btm-name { font-size:17px; font-weight:bold; color:#333; margin:16px 20px 2px 20px; } .prize-winners .btm-text { font-size:12px; line-height:18px; color:#333; margin:10px 20px 0 20px; color:#333; } .prize-winners .btm-readmore { color:#cc0000; font-weight:bold; font-size:12px; margin: 10px 20px 0 20px; } .prize-winners .btm-school { font-size:12px; line-height:18px; color:#333; margin:0 20px; } div.center .prize-title a:link, div.center2 .prize-title a:link, div.center3 .prize-title a:link a, div.center .prize-title a:visited, div.center2 .prize-title a:visited, div.center3 .prize-title a:visited a { color:#333; } div.center .prize-title a:hover, div.center2 .prize-title a:hover, div.center3 .prize-title a:hover a { color:#333; background:none; text-decoration:underline } /* Video Contest */ #example2{ float:left; } .sharrre .box{ background:#6f838c; height:22px; display:inline-block; position:relative; padding:0px 55px 0 7px; font-size:12px; float:left; clear:both; overflow:hidden; padding-right:135px; border:1px solid #9F9F9F; } .sharrre .boxleft{ line-height:22px; display:block; white-space:nowrap; color:#ffffff; } .sharrre .boxmiddle{ position:absolute; height:22px; top:0px; right:30px; width:0px; background:#63707e; color:#fff; white-space:nowrap; text-align:left; overflow:hidden; width:96px; *width:96px; } .sharrre .boxmiddle a{ color:#fff !important; font-weight:bold; padding:0 9px 0 9px; text-align:center; float:left; line-height:22px; } .sharrre .boxright{ position:absolute; right:0px; top:0px; height:100%; width:44px; text-align:center; line-height:22px; color:#4b5d61; background:#f1faf9; font-size:9px !important; } .sharrre .boxmiddle a:hover{ text-decoration:none; } .Image .videoFooter { position:absolute; bottom:4px; *bottom:0px; } .highlighted { background:#F8F7AA !important;} .businessContact h3 { clear: both; color: #999; background: inherit; text-align: right; } div.center2 .panel-gen { padding:0; margin: 15px 0 10px 0; } div.center2 .panel-gen h2 { font-size: 14px; text-align: center; background: #333; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0; margin:0; } .panelCont { background: #ccc; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align:center; padding: 4px 0 0 0; margin-bottom: 10px; } .button-gen { padding: 5px 0 10px 0; margin-top: 5px; } div.center2 .button-gen a { margin: 5px 0 10px 0; background: #fff; padding: 5px 40px; border-radius: 5px; } div.center2 .button-gen a:hover { color: #fff; background: #cc0000; } .news-image { padding-bottom:15px; } .news-image>img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } figure { margin-inline-start: 0; margin-left: 0; }