html { }
body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a
{
margin: 0;
padding: 0;
border-width: 0;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
body { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; word-wrap: break-word; margin: 0px; width: 100%; background-color: #FFF; line-height: 1.2em; }
a:link { color: #0000FF; text-decoration: underline; }
a:visited { color: #800080; text-decoration: underline; }
a:hover { color: #0000FF; text-decoration: underline; }
a:active { color: #EE0000; text-decoration: underline; }
#webcast_header { width: 100%; background-color: #28597f; padding-top: 10px; padding-bottom: 0px; background-image: url("../images/csxengage/header_back_03.png"); background-position: center -5px; }
#webcast_header { background-color: #346a94; }
#webcast_header p { font-size: 1.0em; line-height: 1.5em; text-align: center; color: #FFF; letter-spacing: 2px; margin: 0px; padding: 10px; }
#webcast_header p.title { font-size: 2.0em; line-height: 1; font-weight: bold; }
#webcast_header p.subtitle { background-color: #143856; padding-top: 5px; padding-bottom: 5px;}
#webcast_header p.time { font-size: 1.3em; line-height: 1; font-style: normal; padding-top: 5px; color: #eef7ff; text-transform: uppercase; padding-bottom: 15px; }
#webcast_bottom { position: relative; padding-top: 20px; width: 100%; background: #00467F url("../images/csxengage/train-bg.jpg") no-repeat center center; background-size: cover; padding-bottom: 2%; }
#webcast_panels { display: table; width: 90%; margin: 0px auto; max-width: 1200px; }
.panel { letter-spacing: 1px; vertical-align: top; font-size: .9em; }
.panel_title { padding: 9px 0 9px 18px; font-size: 1.2em; font-weight: normal; color: #FFFFFF; background-color: #143957; margin-bottom: 9px; }
.left { display: inline-block; width: 100%; }
.right { display: inline-block; width: 100%; margin-top: 5%; }
.top_card { display: inline-block; background-color: #000000; height: 275px; width: 100%; padding-bottom: 2%; }
.top_card_tall { display: inline-block; background-color: #000000; height: 275px; width: 100%; padding-bottom: 2%; }
.panel.right > .top_card { padding-bottom: 3%; }
.panel.left .panel_title { }
.top_card iframe { width: 95%!important; height: 230px!important; padding-left: 2.5%!important; }
.top_card_tall iframe { width: 95%!important; height: 230px!important; padding-left: 2.5%!important; }
.bottom_card { display: inline-block; background-color: #DEEEF3; width: 100%; height: 610px; }
.bottom_card { background-color: #f0f5f7;}
.bottom_card p img { border: none; }
#twitter_container { width: 100%; height: 560px; margin-bottom: 6px; overflow-x: hidden; overflow-y: scroll; }
#webcast_footer { clear: both; display: inline-block; color: White; text-align: center; line-height: 1.5; width: 100%; }
#webcast_footer a { color:#FFF; text-decoration: none; }
#webcast_footer a:hover { color:#FFF; text-decoration: none; }
#footer_row_a { background-color: #032a4e; width: 100%; padding-top: 2%; padding-bottom: 2%; text-decoration: none; }
#footer_row_a p a:first-child { padding-left: 0px; }
#footer_row_a p a { padding-left: 1%; }
#footer_row_a img { opacity: 0.5; }
#footer_row_a img:hover { opacity: 1.0; }
#footer_row_a img { height: 30px; width: auto; }
.footer_home { font-size: 1.5em; vertical-align: top; color: #FFF; border-right: 2px solid #FFF; padding-right: 18px; }
#footer_row_b { font-size: .9em; color: #000; text-align: left; padding-top: 15px; background-color: #FFF; padding-left: 2%; padding-bottom: 2%; margin-top: 1%; }
.header_train { position: absolute; top: -125px; margin-left: -20px; display: none; }
.header_train img { width: 85%; height: auto; }
.bottom_hide { height: 20px; }
.spacer { height: 20px; width: 100%; }
.required { text-align: left!important; }
textarea { resize: none; height: 3em;}
.notification_area { width: 100%; }
.notification_area a { color: #00467F; }
.notification_area a:hover { color: #2F6BBD; }
.notification_area a:visited { color: #00467F; }
.notification_title { padding: 9px 0 9px 18px; font-size: 1.2em; font-weight: normal; color: #FFFFFF; background-color: #143957; }
.notification_text { background-color: #FFF; padding: 3% 2% 3% 2%; }
/* disable pointer events on slide shows */
.wp-slideshow-clip { -ms-touch-action: none; touch-action: none; }
.SlideShowWidget { -ms-touch-action: none; touch-action: none; }
/* Mura Comment Styles */
#svComments { margin-top: 10px; }
#svComments h2 { display: none; }
.mura-comment-reply { display: none; }
.mura-comment-spam { display: none; }
.mura-comment-thumb { display: none; }
#txtUrl { display: none; }
#svComments .form-group label[for=txtUrl] { display: none; }
#svComments .form-group label[for=txtSubscribe] { display: none; }
/*#mura-comments-page { width: 45%; float: left; margin-right: 10px; overflow-y: scroll; overflow-x: hidden; height: 400px; padding-left: 5%; }*/
#mura-comments-page { margin-right: 10px; overflow-y: scroll; overflow-x: hidden; height: 200px; padding-left: 2px; margin-left: 3%; }
/*#mura-comment-post-comment-form { width: 40%; float: left; }*/
#mura-comment-post-comment-form { width: 91%; padding-left: 3%; margin-top: 5px; }
#mura-comments-page dl { padding: 5px 0; padding-right: 5px; border-bottom: 1px solid #BFD0DA; }
#mura-comments-page dt { font-weight: bold; }
.mura-comment-date-time { text-align: right; font-size: .75em; font-style: italic; }
/*#mura-comment-post-a-comment { width: 100%; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #BFD0DA; }*/
#mura-comment-post-a-comment { width: 100%; font-weight: bold; margin-bottom: 10px; background-color: #9faeb9; color: #ffffff; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; }
#mura-comment-post-comment fieldset div.req.form-group { display: inline-block; }
#mura-comment-post-comment fieldset div:nth-of-type(4) { float: right; }
#mura-comment-post-comment fieldset div:nth-of-type(6) { width: 100%; }
#mura-comment-post-comment fieldset div:nth-of-type(7) { width: 100%; }
#mura-comment-post-comment > div:nth-of-type(1) { width: 45%; display: inline-block; }
#mura-comment-post-comment > div:nth-of-type(2) { display: inherit; }
#mura-comment-post-comment > div:nth-of-type(3) { width: 45%; display: inline-block; float: right; }
#mura-comment-edit-comment { width: 100%; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #BFD0DA; }
#mura-comment-reply-to-comment { width: 100%; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #BFD0DA; }
#svComments .form-group label { font-weight: bold; margin: 0 0 2px 0; display: inline-block; }
/*#svComments .form-group { width: 100%; }*/
#svComments .form-group { width: 45%; }
#svComments label ins { text-decoration: none; position: absolute; text-indent: -9999px; }
#svComments .req label ins::after { content: "*"; position: absolute; left: 5px; color: #EF6F12; font-weight: bold; text-decoration: none; text-indent: 0px; }
#svComments p.required { text-align: right; margin: 10px 0; }
#svComments p.required::before { content: "* "; color: #EF6F12; font-weight: bold; }
#svComments .form-group input[type=text] { width: 100%; margin: 0 0 10px 0; }
#svComments .form-group textarea { width: 100%; margin: 0 0 10px 0; }
#svComments .form-group select { width: 100%; margin: 0 0 10px 0; }
#svComments .form-group input[type=text] { padding: 2px 4px; border: 1px solid #BFD0DA; border-left: 1px solid #869197; border-top: 1px solid #869197; }
#svComments .form-group textarea { padding: 2px 4px; border: 1px solid #BFD0DA; border-left: 1px solid #869197; border-top: 1px solid #869197; }
#svComments .form-group input[type=checkbox] { vertical-align: middle; }
#svComments .form-group input[type=radio] { vertical-align: middle; }
#svComments .form-group button { border: 1px solid #BFD0DA; border-right: 1px solid #869197; border-bottom: 1px solid #869197; padding: 3px 5px; float: right; }
#svComments .mura-comment-admin-button-wrapper { font-size: .75em; }
#svComments .alert { }
.alert.alert-info { text-align: center; margin-top: 5px; margin-bottom: 5px; background-color: #e0e9f1; }
#svComments .errMsg { font-style: italic; font-weight: normal; color: Red; font-size: 1em; padding-left: 15px; }
#rc-imageselect { transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:middle center;-webkit-transform-origin:middle center; }
.g-recaptcha-container { transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:top left;-webkit-transform-origin:top left; }
#svComments #mura-more-comments
#svComments #mura-more-comments:visited { margin-top: 10px; text-decoration: none; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; background-color: #D2D2D2; color: #000; border-radius: 4px; cursor: pointer; text-transform: uppercase; padding: 2% 3%; font-size: 1em; display: inline-block; }
#svComments #mura-more-comments:hover { color: #000; text-decoration: none; background-color: #7C7C7C; }
#svComments .icon-arrow-down:before { content: ""; }
#svComments #mura-comments-refresh { margin-top: -44px; margin-bottom: 9px; text-align: right; margin-right: 15px; }
#svComments #mura-comments-refresh a { text-align: center; margin-top: 5px; width: 170px; text-decoration: none; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; background-color: #6ca4d2; color: #FFFFFF; border-radius: 4px; cursor: pointer; text-transform: uppercase; padding: 1% 2%; font-size: .75em; display: inline-block; font-weight: normal; }
#svComments #mura-comments-refresh a:visited { text-align: center; margin-top: 5px; width: 170px; text-decoration: none; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; background-color: #00467F; color: #DEEEF3; border-radius: 4px; cursor: pointer; text-transform: uppercase; padding: 1% 2%; font-size: .75em; display: inline-block; font-weight: normal; }
#svComments #mura-comments-refresh a:hover { color: #00467F; font-weight: bold; text-decoration: none; background-color: #BFCFD9; }
#svComments .alert p { color: #EF6F12; }
.mura-comment-sort-wrapper { padding-left: 5%; display: none; }
.wide1 { width: 100%; }
.wide2 { width: 100%; }
#social_wide iframe { margin-left: 2%; width: 95%!important; }
.g-recaptcha-container { visibility: hidden; }
@media only screen and (max-width: 640px) {
.panel.right > .top_card { height: 310px; }
.panel.right > .top_card iframe { height: 270px!important; }
}
@media only screen and (min-width: 640px) {
.left { width: 55%; margin-right: 5%; }
.right { width: 40%; margin-top: 0; }
#webcast_header p.title { font-size: 2.9em; }
#webcast_header p { font-size: 1.2em; }
.footer_home { font-size: 2em; padding-right: 25px; }
#footer_row_a img { height: 35px; width: 45px; }
.bottom_hide { height: 150px; }
.top_card_tall { height: 410px; }
.top_card_tall iframe { height: 375px!important; }
}
@media only screen and (min-width: 768px) {
#webcast_header p { padding-left: 10%; }
.header_train { display: inherit; }
#social_wide iframe { width: 65%!important; margin-left: 16%; }
}
@media only screen and (min-width: 880px) {
#webcast_header p { padding-left: 2%; }
.header_train { display: inherit; }
#chat_wide #mura-comment-post-comment-form { width: 40%; padding-left: 1%; display: inline-block; vertical-align: top; }
#chat_wide #mura-comments-page { height: 410px; width: 50%; display: inline-block; }
#chat_wide .alert.alert-info { background-color: #f0f5f7; display: inline-block; position: absolute; bottom: 40px; width: 30%; }
#chat_wide #svComments #mura-comments-refresh a { padding: 4px 16px; }
}
@media only screen and (min-width: 975px) {
.top_card { height: 345px;}
.top_card iframe { height: 300px!important; }
}
@media only screen and (min-width: 1000px) {
.left { width: 50%; margin-right: 5%; margin-left: 7%; }
.right { width: 30%; }
.top_card { height: 345px;}
.header_train { margin-left: 60px; }
#webcast_header p { }
.notification_area { width: 85%; margin-left: 7%; }
.wide1 { width: 85%; margin-left: 7%; }
.wide2 { width: 85%; margin-left: 7%; margin-right: 5%; }
.top_card_tall { height: 410px; }
.top_card_tall iframe { height: 375px!important; }
}