html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
/* Do not remove the following section, these rules are required for forms */
.comment-replies {
margin-left: 30px;
}
.form-element.form-hide, .form-important {
display: none;
}
.form-element.form-type-checkbox label,
.form-element.form-type-radio label {
display: inline;
}
.form-float-left {
float: left;
}
.form-element.form-float-left {
padding-right: 10px;
}
/* This section works with the wt.hero function in site-local.js. Values set to % need to be set. Caption and control rules should be removed if not in use. */
div#imageFadeContainer {
position: relative;
width: %;
height: %;
overflow: hidden;
}
div#imageFadeContainer img {
position: absolute;
top: 26px;
left: 0px;
}
div#imageFadeContainer div#hero-foreground {
}
div#imageFadeContainer div#hero-caption {
}
div#imageFadeContainer div#hero-controls {
}
div#imageFadeContainer div#hero-controls ul {
}
div#imageFadeContainer div#hero-controls ul li {
}
div#imageFadeContainer div#hero-controls ul li a {
}
div#imageFadeContainer div#hero-controls ul li a#hero-previous {
}
div#imageFadeContainer div#hero-controls ul li a#hero-pause {
}
div#imageFadeContainer div#hero-controls ul li a#hero-play {
}
div#imageFadeContainer div#hero-controls ul li a#hero-next {
}
/* Global styles */
.clear {
clear: both;
}
form .clear {
clear: none;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
img.left {
float: left;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.right {
float: right;
}
/* Specific styles */
.wrapper { /* If a non YUI-standard width is being used, set it here; otherwise replace the wrapper ID in includes/header.inc.php with the appropriate YUI ID. */
width: 67.3076em; /* Set in ems by dividing the desired width by 13; the default is for 800px */
*width: 65.6854em; /* Make up for IE's inability to do math by multiplying the first width by 0.9759 */
width:878px;
text-align: left;
margin: auto; /* A value of auto centers the page, while 'auto 0px' will left align it; god help you 'auto 0px auto auto' will right align it */
background:#fff;
}
#bd .wrapper {overflow:hidden;}
div.main_content {
padding:0 45px 0 45px;
}
#bd .main_content {
padding-top:20px;
}
html {
background:#0f2255 url(/images/body_bg.jpg) repeat-x 0 185px;
}
body {
font-family:helvetica, arial, sans-serif;
color:#2D2D2D;
line-height:1.375;
}
h1, h2, h3, h4 { color:#324178; margin:0; }
.video h3 a {
color: #324178;
}
h1, h2 {
text-transform:uppercase;
font-size:105%;
}
a {
text-decoration:none;
color:#7782A7;
border-bottom:1px solid #9EAAD3;
}
a#nextLink, a#prevLink, a#bottomNavClose {border:0;}
a:hover {
color:#2d2d2d;
border-color:#2d2d2d;
}
div#p_item strong {
font-size:110%;
color:#00103f;
}
ul.form-errors {
margin-left:0;
}
ul.form-errors li {
list-style:none;
color:#b12d2b;
font-weight:bold;
}
ul.navigation {
display:block;
margin:0;
background:url(/images/nav_bg.jpg) no-repeat 50% 0;
height:32px;
padding:0 0 0 47px;
}
ul.navigation li {
position:relative;
display:block;
list-style:none;
float:left;
margin:0;
padding:0;
height:32px;
overflow:visible;
*z-index:90;
}
ul.navigation li a {
height:32px;
display:block;
text-indent:-9999px;
position:relative;
background-position: 0 0;
background-repeat: no-repeat;
background-color: transparent;
border-bottom:0;
}
ul.navigation li a:hover,
ul.navigation li.selected a,
ul.navigation li.ancestor a,
ul.navigation li.hover a {
background-position:0 -32px;
}
ul.navigation li.hover a {
z-index:1001;
}
ul.navigation li.nav-about-csl a {
background-image:url(/images/nav-about-csl.jpg);
width:108px;
}
ul.navigation li.nav-schedule a {
background-image:url(/images/nav-schedule.jpg);
width:106px;
}
ul.navigation li.nav-registration a {
background-image:url(/images/nav-registration.jpg);
width:132px;
}
ul.navigation li.nav-participants a {
background-image:url(/images/nav-participants.jpg);
width:130px;
}
ul.navigation li.nav-getting-here a {
background-image:url(/images/nav-getting-here.jpg);
width:132px;
}
ul.navigation li.nav-gallery a {
background-image:url(/images/nav-gallery.jpg);
width:94px;
}
ul.navigation li.nav-media a {
background-image:url(/images/nav-media.jpg);
width:77px;
}
ul.navigation li.subnav {
display:none;
}
ul.navigation li ul.subnav {
font-size:80%;
display:none;
background:#fff;
top:21px;
position:absolute;
z-index:1000;
width:18em;
text-align:left;
margin-left:-1px;
line-height:1;
padding:0.75em 0 0.25em;
border:1px solid #D7D7D7;
-moz-border-radius:0 5px 5px 5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
}
ul.navigation li:hover ul {left:auto;}
ul.navigation li ul.subnav li {
position:static;
display:block;
float:none;
margin:0;
padding:0;
height:auto;
width: auto;
overflow:visible;
z-index:1000;
}
ul.navigation li ul li a {
color:#6B6A6A;
border:0;
padding:0 1.5em;
width:10em;
text-indent:0;
background-image:none;
display:block;
width:15em !important;
font-weight:bold;
z-index:1000;
}
ul.navigation li ul li, ul.navigation li.hover ul li a {
background-image:none !important;
height:1.75em;
}
ul.navigation li ul li a:hover {
color:#00529C;
}
ul.navigation li.nav-gallery ul.subnav, ul.navigation li.nav-participants ul.subnav {
display:none !important;
}
#hd {
background:url(/images/hd_bg.jpg) no-repeat 50% 0;
height:122px;
padding:36px 0 0;
margin-left:0.5px;
}
#hd h2 {
margin:0;
text-indent:-9999px;
}
#hd h2 a {
display:block;
float:left;
border:0;
}
#hd h2#aec_logo a {
width:246px;
height:106px;
background:url(/images/AEC_logo.jpg) no-repeat;
margin-left:34px;
}
#hd h2#csl_logo a {
width:558px;
height:106px;
background:url(/images/slc_logo.jpg) no-repeat;
}
#bd {
background:url(/images/body_bg.jpg) repeat-x 0 0;
position:relative;
z-index:0;
}
div.gallery #bd {
background-repeat:repeat;
}
#bd div.main_content {
background:#fff url(/images/gallery_bd_lower_bg.png) repeat-x 0 0;
}
div.gallery #bd div.main_content {
background-image:none;
}
#bd div.heroshots {
background:url(/images/bd_bg.jpg) no-repeat 50% 0;
position:relative;
padding:26px 0 0 0;
height:272px;
overflow:hidden;
}
#bd div.heroshots img {
margin-left:40px;
}
div.home #bd div.video {
width:340px;
float:left;
}
div.home #bd div.register {
width:430px;
float:right;
}
div.home #bd div.video a, div.home #bd div.register a {
border:0;
}
div.home #bd div.register a.readmore {
font-size:70%;
text-transform:uppercase;
font-weight:bold;
margin-left:1em;
}
#bd a.register_online {
border:0;
}
div.gallery #bd div.gallery_top {
background:url(/images/gallery_bg_top.png) no-repeat 50% 0;
height:5px;
margin-top:20px;
}
div.gallery #bd div.main_content {
background:url(/images/gallery_bg_mid.png) repeat-y 50% 0;
padding:10px 0 10px 46px;
}
div.gallery #bd div.gallery_bottom {
background:url(/images/gallery_bg_bottom.png) no-repeat 50% 0;
height:16px;
}
div.gallery #bd ul {
margin:0;
padding:0;
}
div.gallery #bd ul li {
list-style:none;
margin:0 1px 1px 0;
padding:0;
float:left;
width:130px;
height:98px;
overflow:hidden;
}
div.gallery #bd ul li a img {
border:0;
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
}
div.gallery #bd ul li a:hover img {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
#bd div.form-contact-us form label {
width:200px;
display:block;
}
form input.input-text, form textarea {
border:1px solid #E4E4E4;
background:#F8F7F7;
padding:3px;
width:20em;
}
form input.input-submit {
border:2px solid #cecece;
background:#E4E4E4;
padding:3px 5px;
font-weight:bold;
color:#2d2d2d;
}
form div.form-element {
margin-bottom:10px;
}
#bd table td {
border:0;
}
#bd table td.time {
width:9em;
vertical-align:top;
font-weight:bold;
}
#bd table td.content {
width:15em;
}
div.schedule #bd table {
float:left;
margin-right:20px;
}
div.schedule #bd table ul li {
list-style:none;
}
div.participants #bd ul {
margin:0;
}
div.participants #bd ul li {
list-style:none;
margin-bottom:10px;
}
div.participants #bd ul li a {
border:0;
color:#373737;
font-weight:bold;
}
div.participants #bd ul li a:hover {
color:#7782A7;
}
div.participants #bd div.c1, div.participants #bd div.c2, div.participants #bd div.c3, div.participants #bd div.c4, div.participants #bd div.c5 {
float:left;
margin-right:10px;
width:11.5em;
}
div.participants #bd div.c5 {
margin-right:0;
}
#bd div.video div.media {
background:url(/images/home_video_bg.jpg) no-repeat 0 0;
width:336px;
height:227px;
padding:8px;
}
#mid_bottom {
height:10px;
}
div.gallery #mid_bottom {
background:#fff url(/images/gallery_bd_lower_bg.png) repeat-x 0 0;
}
#ft {
font-size:10px;
color:#929292;
margin-left:0.5px;
}
#ft div.wrapper {
padding:20px 0 0;
background:#fff url(/images/footer_bg.jpg) no-repeat 50% 0;
}
#ft h4 {
color:#6B6A6A;
}
#ft div.left_stuff {
width:440px;
float:left;
margin-right:10px;
}
#ft div.sponsors {
width:440px;
float:left;
margin-right:10px;
}
#ft div.sponsors ul li {
width:130px;
float:left;
margin-right:10px;
}
#ft div.sponsors p.top_float,
#ft div.grant_support p.top_float {
font-size:16px;
}
#ft div.sponsors p.level_2 {
font-size:14px;
}
#ft div.sponsors p.level_3 {
font-size:12px;
}
#ft div.etc {
margin-right:0;
width:320px;
text-align:right;
float:right;
}
#ft p.copyright {
text-align:right;
float:right;
}
#ft a {
border-bottom:0;
color:#929292;
}
#ft a:hover {
color:#2d2d2d;
}
#ft ul, #ft ul li {
list-style:none;
margin:3px 0 0;
padding:0;
}
#ft div.mail_list {
width:100%;
margin:5px 0;
}
#ft div.mail_list h4 {
color:#2D2D2D;
display:inline;
margin-right:10px;
text-align:right;
}
#ft form#mail_signup {
width:130px;
display:inline;
}
#ft form#mail_signup input#email {
border:1px solid #E4E4E4;
background:#F8F7F7;
width:90px;
display:inline;
}
#ft form#mail_signup label {
text-transform:uppercase;
display:inline;
margin-right:6px;
}
#ft ul.ft_logos {
float:right;
clear:both;
height:46px;
margin:5px 0 20px;
}
#ft ul.ft_logos li {
float:left;
position:relative;
margin-left:20px;
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
background: #000;
width: 100%;
height: 100%;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}
#popup {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index: 10001;
}
#popup table#popup_table {
margin: 2em auto;
min-width:360px;
}
#popup div.main_content img {
border:1px solid #d8d8d8;
margin-bottom:10px;
}
#popup div.main_content {
padding:0px;
}
#popup div.main_content h2 {
color:#2D2D2D;
text-transform:none;
}
#popup div.main_content h3 a {
font-size:90%;
border:0;
color:#2D2D2D;
text-transform:uppercase;
}
#popup .close {
left: auto;
display: block;
line-height: 1em;
text-decoration: none;
border: none;
z-index: 10000;
width: 47px;
height: 16px;
text-indent: -9999px;
background: url(/images/closelabel.gif) no-repeat 50% 0;
margin-right: 10px;
float:right;
}
table#popup_table td { text-align: center; vertical-align: middle; padding: 0; border:0; }
table#popup_table td { background:#fff; vertical-align:top; }
table#popup_table td.top-left { background: transparent url(/images/popup-top-left-bg.png) no-repeat 100% 100%; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup-top-left-bg.png', sizingMethod='crop'); width:30px; height:26px; }
table#popup_table td.top-mid { background: transparent url(/images/popup-top-mid-bg.png) repeat-x 50% 100%; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup-top-mid-bg.png', sizingMethod='scale'); height: 26px; width: auto; }
table#popup_table td.top-right { background: transparent url(/images/popup-top-right-bg.png) no-repeat 0 100%; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup-top-right-bg.png', sizingMethod='crop'); width:30px; height:26px; }
table#popup_table td.left-col { background: transparent url(/images/popup-left-col-bg.png) repeat-y 100% 50%; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup-left-col-bg.png', sizingMethod='scale'); width:30px; height: auto; }
table#popup_table td.target { background: #fff; vertical-align: top; text-align: left; overflow:auto; }
html#participants table#popup_table td.target { width:300px; }
table#popup_table td.target div.wrap {position:relative; min-width:200px; min-height:200px; overflow:visible; padding:10px;}
table#popup_table td.right-col { background: transparent url(/images/popup-right-col-bg.png) repeat-y 0 50%; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup-right-col-bg.png', sizingMethod='scale'); width: 30px; height: auto; }
table#popup_table td.bottom-left { background: transparent url(/images/popup-bottom-left-bg.png) no-repeat 100% 0; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup-bottom-left-bg.png', sizingMethod='crop'); width: 30px; height: 53px; }
table#popup_table td.bottom-mid { background: transparent url(/images/popup-bottom-mid-bg.png) repeat-x 50% 0; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup-bottom-mid-bg.png', sizingMethod='scale'); height: 53px; width: auto; }
table#popup_table td.bottom-right { background: transparent url(/images/popup-bottom-right-bg.png) no-repeat 0 0; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup-bottom-right-bg.png', sizingMethod='crop'); width: 30px; height: 53px; }
table#popup_table td.target div.loading { display:block; background: url(/images/loading.gif) no-repeat 50% 50%; vertical-align: top; text-align: left; width: auto; height: auto; opacity: 0.8; }
table#popup_table img {z-index:10001; position:relative;}
table#popup_table .prev, table#popup_table .next {
width: 49%;
height: 100%;
background: transparent url(/images/clear.gif) no-repeat; /* Trick IE into showing hover */
display: block;
border:0;
position:absolute;
z-index:10002;
text-indent:-99999px;
overflow: hidden;
visibility: hidden;
}
table#popup_table .prev {left: 10px; background: transparent url(/images/prev.gif) 0 50% no-repeat; }
table#popup_table .next {right: 10px; background: transparent url(/images/next.gif) 100% 50% no-repeat; }
table#popup_table .hover a { visibility: visible !important; }
#videos .video { margin: 1em auto 2em; }