/* mars.nasa.gov/comets/sidingspring/ */
/* General */
#pageTitleText, .middleNavBarDivLv3 { display:none; }
#footer { position:absolute; left:0; bottom:0; }
.box-shadow { -webkit-box-shadow: 7px 7px 5px 0px rgba(2, 9, 32, 0.27); -moz-box-shadow: 7px 7px 5px 0px rgba(2, 9, 32, 0.27); box-shadow: 7px 7px 5px 0px rgba(2, 9, 32, 0.27); border-left: 0; border-top: 0; }
.box-metalic { border-image: url(/images/mep/allaboutmars/quickfacts/metallic_frame.png) 34 / 34px stretch; }
/*.chrome .box-metalic { width: calc(100% - 6px); }
*/.bg-white { background: white; }
* { margin:0; padding:0; font:Arial, Helvetica, sans-serif }
.clear { display:block; float:none; height:5px; clear:both }
div#shareicons { margin-top:-25px }
h2.h2navy { color:#003A6C !important; }
/* Layout */
#cometsidingspring, #cometsidingspringpart2 { margin:0 auto; width:100%; overflow:hidden; }
#cometsidingspringpart2 #rightcolumn { padding-right:1%; }
#cometsidingspring .content { float:left }
#rightcolumn { display:inline-block; vertical-align: top; }
.blue_header { background:url(/layout/mep/images/sidebar_header_background.jpg); padding:15px; color:#FFF; font-weight:700; text-align:center; vertical-align:middle; text-transform:capitalize }
.newsitem-inner { margin-right:5px; }
.newsitem-outer { padding-right:5px; }
.height-10px { height:10px; }
.news-image { padding-right:10px; padding-bottom:10px; }
/* LATEST NEWS */
#cometsidingspring .date { color:#5d7ea1 !important; font-weight:700; font-size:12px }
.btmline { border-bottom:#ccc solid 1px; padding:5px 0 }
.topline { border-top:#e9e9e9 solid 1px; padding:5px 0; height:1px; font-size:1px!important }
.btmline2 { border-bottom:#ccc solid 1px; padding:5px 0 }
.newstitle { color:#B25524; font-weight:700 }
.newsitem { padding-bottom:30px; }
.newsitem img { margin-right:18px; width:200px; height:auto; }
.results li { background-color: none !important; background: url("/layout/mep/images/sidebar_header_background.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:100% 100%; }
a.title_link { color:#B25524; font-size:14px; font-weight:700; text-align:left; text-decoration:none!important }
a.readmore { color:#b25524; text-decoration:none; font-size:14px }
.newstype { font-weight:700 }
a.linkcolor { color:#b25524; text-decoration:none!important; font-size:14px }
a.linkcolor:hover { color:#b25524; text-decoration:underline!important; font-size:14px }
.newsimg { border:none!important }
.latestnews span { display:inline!important }
#newsList .list_view.grid_gallery li.slide .objectContainer{width:250px; height:145px;}
#newsList .list_view.grid_gallery li.slide .listTextLabel{width:calc(100% - 300px);}
#newsList .list_view.grid_gallery li.slide { height:auto; padding: 0; margin:0; }
.latestnews{padding:0 10px;}
#newsList .list_view.grid_gallery li.slide .listTextLabel div.source{position:inherit; float:right; padding-top:10px;}

/* TWITTER */
#cometsidingspring .description { font-size:14px; clear:both }
#cometsidingspring .details { width:100% }
.twitter p { color:#07427A; font-weight:700; margin-top:5px; margin-left:5px }
#twitter_div { color:#475870; padding-top:5px; /*height:430px;*/ height:230px; width:100% }
#twitter_div ul { margin:0; padding:0 }
#twitter_div ul li { list-style-position:outside; list-style:none }
.twittLI { list-item:none; margin:0 0 20px }
#twitter-widget-0 { width:100% }
#twitter_update_list li.twittLI { opacity:1; width:225px; border-bottom:solid #F5F5F5 thin; padding-bottom:8px }
#twitter a { color:#B25524 }
.time, .time a { color:#b0b0b0; font-size:.8em; font-style:italic; padding:2px }
.time a:hover { text-decoration:underline }
.twitterbox-imagelogo-desktop { margin-top: -4px; width: 20px; height: 20px; }
.twitterbox-imagelogo-mobile { margin-top: -10px; width: 45px; height: 45px; }
.connectwith-txt { margin-top: 0; float: left; }

/* JWPLAYER */
#jwplayerContainer_wrapper { width:615px!important; height:388px!important }
.how_to_watch_links { padding:15px }
.how_to_watch_links a { font-size:10pt; padding:2px; text-decoration:none!important }
.how_to_watch_links a:hover { text-decoration:underline!important }
.keydates_table { padding:5px 0 }
.keydates_table td { padding:5px }
.keydates_table td:first-child { text-align:right }
.countdown_clock { padding-top:2px; width:100% }
.videocontainer { padding:0; margin:0; border:0; }
div.videoCaption { color: white; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; padding: 5px 15px 15px 15px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; background:black;}
.videotitle, .videotitle a { color: #A8CAE1; text-align:left; margin:10px 0; }
.videocontainer a { text-decoration:none !important; color: #A8CAE1; }
span.credit { font-style:italic; font-size:70%; color:#ccc; }

/* Others */
    .results a img { border:none !important; }
.results li a { color:#FFA500; text-decoration:none !important; }
.results { margin-left:15px\9 }
.results li { float:left; background-color:#052c4e; border:thin #fff solid; width:23.4%; margin-left:1.2%; min-height:305px; height:305px; text-align:center; padding:0.15px; list-style:none; display:block; }
.ie .results li { width:23%; }
@media screen and (max-width: 900px) {
.results li { width:48%; }
}
/*.results li:first-child { margin-left:0; }*/
.results li img { width:100%; }
.results li .fileinfo { font-size:.7em; color:#eee; padding:3px 0; }
.results li .resourcetitle { display:block; padding-top:5px; }
ul.infographics li { list-style:none; }
/*Side Bar */
#sidebarFacts { min-height:835px; background-color:white; }
#sidebarFacts .sidebarTitle { text-align:center; }
#sidebarFacts .importantNotice { color:#900; line-height:normal; border-bottom:0px solid #eee; padding-bottom:5px; }
#tabs ul li a h3 { color: #036; letter-spacing: 0; font-weight:bold; padding:10px 0; list-style:none; }
#tabs ul li a, #tabs ul li a:active, #tabs ul li:active, #tabs ul li a h3:active, a:active { text-decoration:none !important; border:none; }
#tabs ul#nav li { display: inline-block; width:100%; float:left; text-align:center; list-style:none; border:none; }
#tabs-1, #tabs-2 { display:block; line-height:normal; padding: 0 13px; border-bottom-width:0px !important; }
#tabs-1 ul li, #tabs-2 ul li { list-style:none; }
#tabs-1 ul li span, #tabs-2 ul li span { color: rgb(0, 97, 192); font-weight: bold; display: block; margin-left: 20px; }
li.disabled { background-color:#cbcbcb; }
#tabs ul li.disabled a h3 { color:#e9e9e9; }
#tabs { background-color:white; }
#twitter-widget-0 { background-color:white; }
h2.h2navy { color: navy !important; text-align:left; }
#MidNavContainer { display:none; }
#contentBox_contentPage td.pageContent table.sideBarList td { color: #0061C0; font-weight:bold; }
#contentBox_contentPage td.pageContent table.sideBarList td span { color: #475870 !important; padding-left:20px; display:block; }
/* Upcoming Events */
#upcomingEvents { width:100%; }
#upcomingEvents h1 { padding:20px; }
#upcomingEvents .content_box { padding:10px; }
#upcomingEvents .content_box .eventHeader { display:inline-block; padding:0; }
#upcomingEvents .content_box .eventHeader { width:100%; min-height:45px; text-align:left; vertical-align:middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative; padding:0 auto; font-size:16px; min-width:50px; min-height:80px; }
#upcomingEvents .content_box .eventHeader .upDate { display:table-cell; padding:0 10px; }
#upcomingEvents .content_box .eventHeader .upDate p.day { font-size:200%; line-height:30px; margin:0px; padding:10px 0px 0px 0px }
#upcomingEvents .content_box .eventHeader .upDate p.month { font-size:100%; line-height:16px; color:#0099ff! !important; text-transform:uppercase; margin:0px; letter-spacing:3px; font-weight:bold; }
#upcomingEvents .content_box .eventHeader .upDate p.year { font-size:80%; line-height:16px; color:#F9FBFF !important; text-transform:uppercase; margin:0px; letter-spacing:2px; }
#upcomingEvents .content_box .eventHeader .upTitle { display:table-cell; font-size:30px; vertical-align:middle; border-left:solid gray 1px; padding-left:15px; }
#upcomingEvents .content_box .upBlurb p { padding: 20px 0; margin-bottom:0; }
/* Mobile or Small Screens
@media screen and (max-device-width: 480px) {
#cometsidingspring #leftcolumn .content, #cometsidingspring #middlecolumn .content, #cometsidingspring #rightcolumn .content, #twitter_div, .twittList li.twittLI, #cometsidingspringpart2 { width:100% !important; }
.time { color:#475870 }
} */

/* MULTIMEDIA BAR /
/ FAVORITES */
#multimediaFavorites { width:94%; margin-left:3%; }
#favorites { width : 100%; color: #FFFFFF; text-align: center; position: relative; border:none !important; }
#favContent { width : 99%; overflow: hidden; float: left; padding: 0; position: relative; margin:0 0%; }
.favScroll { width: 2000px; margin: 0; padding: 0; }
.favBlock { float:left; width: 11%; padding: 0 0.5%; }
#favContent .favBlock:first-child { padding-left:0; }
#favContent .favBlock:last-child { padding-right:0; }
#prevArrow, #prevArrowDisabled { left:-2%; position:absolute; top:95px; z-index:5; }
#prevArrow { width: 15px; height: 32px; background: url(../../../images/msl/mission/arrowPrevSel.png) top left no-repeat; position:absolute; }
#prevArrow a { width: 15px; height: 32px; display: block; cursor: pointer; }
#prevArrow a:hover { background: url(../../../images/msl/mission/arrowPrevSel.png) top left no-repeat; }
#prevArrow:hover { background: url(../../../images/msl/mission/arrowPrevSel.png) top left no-repeat; }
#prevArrowDisabled { width: 16px; height: 32px; background: url(../../../images/msl/mission/arrowPrevDis.png) top left no-repeat; }
#nextArrow, #nextArrowDisabled { right:-2%; position:absolute; top:95px; z-index:5; }
#nextArrow { width: 17px; height: 32px; background: url(../../../images/msl/mission/arrowNextSel.png) top left no-repeat; }
#nextArrow a { width: 15px; height: 32px; display: block; cursor: pointer; }
#nextArrow a:hover { background: url(../../../images/msl/mission/arrowNextSel.png) top left no-repeat; }
#nextArrow:hover { background: url(../../../images/msl/mission/arrowNextSel.png) top left no-repeat; }
#nextArrowDisabled { width: 17px; height: 32px; background: url(../../../images/msl/mission/arrowNextDis.png) top left no-repeat; position:absolute; }
/*new style - custom */
#multimediaMore { width:50%; margin:0 auto; display:block; padding-top:75px; }
.objectContainer .objectItem { width:225px; height:225px; }
.webcastAd { width:100%; }
.featureImgLarge { height:62%; }
.itemLargeImage .textLabel { height:40%; }
.descMain p { padding:25px 15px; line-height: 1.5em; }
.objectContainer { margin:0 5px; }
#imagesList { text-align:left; }
.itemLargeImgRollover { background: rgb(46,105,174); background: url(data:image/svg+xml;
base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…hlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-radial-gradient(center, ellipse cover, rgba(46,105,174,1) 0%, rgba(35,72,121,1) 99%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(46,105,174,1)), color-stop(99%, rgba(35,72,121,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(46,105,174,1) 0%, rgba(35,72,121,1) 99%); background: -o-radial-gradient(center, ellipse cover, rgba(46,105,174,1) 0%, rgba(35,72,121,1) 99%); background: -ms-radial-gradient(center, ellipse cover, rgba(46,105,174,1) 0%, rgba(35,72,121,1) 99%); background: radial-gradient(ellipse at center, rgba(46,105,174,1) 0%, rgba(35,72,121,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e69ae', endColorstr='#234879', GradientType=1 ); color:white; font-size:15px;
}
.itemLargeImage .textLabel { background:black; }
.itemLargeImage .textLabel h5 { color:wheat !important; padding:0; margin:5px; margin-top:10px; line-height:1.2em; }
/*Interactives*/
/* CSS Sequence */
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { background: url(/images/general/slideshow/b05.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
/* REMOTE */
#remote-container { padding-left: 20px; padding-right: 20px;  height: 74px;}
#remote { margin-top: 20px; position: relative; width: 100%; }
#remote-container .ui-slider-handle.ui-state-default.ui-corner-all { background: url('/images/general/slideshow/slider.png'); border: none; height: 63px; width: 42px; top: -26px; outline: 0;  cursor:pointer; }
.jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn { position: absolute; cursor: pointer; display: block; background: url(/images/general/slideshow/a12.png) no-repeat; overflow: hidden; }
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12ldn { background-position: -256px -37px; }
.jssora12rdn { background-position: -315px -37px; }
#remote-container { padding-left: 110px; position: relative; }
#play { margin-top: 20px; position: absolute; top: -34px; left: 10px;  cursor:pointer; }
#remote { margin-top: 20px; position: relative; width: 100%; /* padding-top: 10px; */ top: 19px;  cursor:pointer; }
#slider_wrapper { padding: 40px; }
.inner-shadow { box-shadow: inset 0px 0px 10px 0px #ABABAB; -webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB; -moz-box-shadow: inset 0px 0px 10px 0px #ABABAB; -o-box-shadow: inset 0px 0px 10px 0px #ABABAB; }
.blue-gradient { width: 100%; height: 7px; background-color: #10335d; border-radius: 3px; padding-top: 0px; position: relative; top: 3px; }
.blue-gradient-wrapper { padding: 0px 3px; }
.blue-shadow { height: 8px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #33669b 17%, #33669b 19%, #33669b 48%, #1e73be 76%, #6bb0e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(17%, #33669b), color-stop(19%, #33669b), color-stop(48%, #33669b), color-stop(76%, #1e73be), color-stop(100%, #6bb0e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%, #33669b 17%, #33669b 19%, #33669b 48%, #1e73be 76%, #6bb0e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%, #33669b 17%, #33669b 19%, #33669b 48%, #1e73be 76%, #6bb0e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%, #33669b 17%, #33669b 19%, #33669b 48%, #1e73be 76%, #6bb0e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%, #33669b 17%, #33669b 19%, #33669b 48%, #1e73be 76%, #6bb0e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#6bb0e5', GradientType=0 ); /* IE6-9 */
}
#contentBox_contentPage td.pageContent a:link, #contentBox_contentPage td.pageContent p a:link, #contentBox_contentPage td.pageContent a:visited, #contentBox_contentPage td.pageContent p a:hover { text-decoration:none; }
/* Anatomy of Comet Siding Spring*/
#anatomy { background:black; overflow:auto; width:100%; height:500px !important; padding:100px 0; }
.chrome #anatomy { width:calc(100% - 5px); }
#anatomy-inner { background-color:black; padding:0px 0px 0px 0px; width:945px; height:482px; margin-left:auto; margin-right:auto; margin-top:10px; }
/* General Styles */
#anatomy img { border: none; }
#anatomy a:focus, #anatomy a:active { outline:none; }
/* Picture Styles */
#anatomy #picture { position: relative; top: 5px; width: 100%; height: 465px; margin: 0px auto; background: #000 url('/images/mep/AnatomyOfAComet.jpg') center top; background-size: contain; overflow: hidden; background-repeat: no-repeat; }
/* General More Button */		
#anatomy .more { position:absolute; width:25px; height:25px; padding:5px; text-align:left; overflow:hidden; }
#anatomy .more img { width:25px; height:25px; }
#anatomy .more span { position:absolute; left:30px; width:auto; padding:5px 0 0 5px; color:#FFF; font:bold 13px Lucida Grande, Arial, sans-serif; text-shadow:#000 1px 1px 0px; }
/* Item Specific More Button */
#anatomy #tail { top:230px; left:410px; }
#anatomy #nucleus { left: 341px; top: 303px; }
#anatomy #coma { top:348px; left:340px; }
#anatomy #iontail { top:176px; left:420px; }
#anatomy #infobox { opacity:0.75; position:absolute; left: 67%; height:auto; width:450px; z-index:20; margin:0 0 0px -180px; background: #000 url('/files/comets/subtlebackground.png') center top; background-size:100% 100%; padding:10px 20px 10px 20px; }
#anatomy #infobox p { color:white !important; margin-bottom:10px; }
#anatomy #infobox a, #anatomy #infobox a:visited { font:italic 16px Georgia, serif; color:#555; text-decoration:none; }
#anatomy #infobox a:hover { text-decoration:underline; }
/* Close button for info box */
#anatomy span.close { position:absolute; right:5px; top:0px; }
/* The dimmed background when the info box is showing */	
#anatomy #fade_bg { position:absolute; z-index:15; width:100%; height:100%; display:none; }
#anatomy #infobox .orange { color:#e79308 !important; }
#anatomy .infobox_title { margin:-21px -15px 0px -15px; color:#e79308 !important; text-transform:uppercase; padding:5px 15px 10px 15px; }
#anatomy #tail_info div, #anatomy #tail_info p, #anatomy #nucleus_info div, #anatomy #nucleus_info p, #anatomy #coma_info div, #anatomy #coma_info p, #anatomy #iontail_info div, #anatomy #iontail_info p { font-size:14px !important; line-height: normal !important; }
 @media screen and (max-width: 1100px) {
    #anatomy-inner { width:740px; }
    #anatomy #iontail { top: 140px; left: 300px; }
    #anatomy #tail { top: 175px; left: 330px; }
    #anatomy #nucleus {  top: 235px; left: 265px; }
    #anatomy #coma { top: 275px; left: 265px; }
    #anatomy #infobox { width:500px; left:40%; }
 }
 @media screen and (max-width: 800px) {
    #anatomy-inner { width:500px; }
    #anatomy #iontail { top: 90px; left: 210px; }
    #anatomy #tail { top: 110px; left: 240px; }
    #anatomy #nucleus { left: 180px; top: 155px; }
    #anatomy #coma { top: 185px; left: 175px; }
    #anatomy #infobox { width:400px; left:40%; }
}

/* -------------------------------
   Date Label
---------------------------------- */
.dateLabelLarge {background-color:#012A68; width:20%; height:35%; text-align:center; vertical-align:middle;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative; padding:0 auto; font-size:16px; min-width:50px; min-height:70px;}
.itemLargeImage p.day {font-size:200%; line-height:30px; color:#F9FBFF !important; margin:0px; padding:10px 0px 0px 0px}  
.itemLargeImage p.month {font-size:100%; line-height:16px; color:#0099ff !important; text-transform:uppercase; margin:0px; letter-spacing:3px;font-weight:bold; /*font-family:"Helvetica Narrow","Arial Narrow";*/}
.itemLargeImage p.year {font-size:80%; line-height:16px; color:#F9FBFF !important; text-transform:uppercase; margin:0px;/* font-family:"Helvetica Narrow","Arial Narrow";*/ letter-spacing:2px;}