.resp-tabs-list li { display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; }
.resp-tabs-container { padding: 0px; background-color: rgba(0,0,40,0.3); clear: left; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding: 15px; }
.resp-tab-active { padding: 15px 15px; }
.resp-tab-active { background-color: #fff; }
.resp-content-active, .resp-accordion-active { display: block; }
.resp-tab-content { border: 1px solid #c1c1c1; }
h2.resp-accordion { font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; }
h2.resp-tab-active { margin-bottom: 0px !important; padding: 10px 15px !important; }
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 20%; }
.resp-vtabs .resp-tabs-list li { display: block; padding: 15px 5px; margin: 0; cursor: pointer; float: none; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: rgba(0,0,40,0.3); float: left; width: 80%; height: 100%; clear: none; min-height:720px; }
.resp-vtabs .resp-tab-content { border: none; }
.resp-vtabs li.resp-tab-active { background-color: #ED7514; position: relative; z-index: 1; }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; }
h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797; }
/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: rgba(15, 11, 31, 0.77) !important; }
.resp-easy-accordion h2.resp-accordion { display: block; background: rgba(15,11,31,0.77); }
.resp-easy-accordion .resp-tab-content { border: 1px solid #475374; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }
/*--- custom ---- */
#tabInfo { display: none; }
.qf-content { padding:0 /*10px*/; width:100%; margin:0; display:table; }
.qf-content-inner { height: 100%; display: table-row; }
.qf-category2 { padding:5px 0; font-weight:bold; padding:0 10px; margin:0 }
.qf-left { width:48%; float:left; padding:0 1%; display:inline-block; vertical-align:middle; height:100%; }
.qf-right { width:48%; float:right; padding:0 1%; vertical-align:top; height:100%; }
.qf-thumbnail { float:left; padding-right:5%; padding-bottom:5px; height:100%; }
.qf-title-orange { color:#ED7514 !important; font-weight:bold; margin:0; }
.center-orange{color: #ED7514 !important; text-align:center;}
.mainthought{font-weight:bold;}
#infobox{color:navy;}
span.center-orange{font-weight:bold; display:block;}
/*.qf-halfdiv-left { width:48%; float:left; padding:0 4% 0 0; word-wrap:break-word; }*/
.qf-halfdiv-left { width:47%; float:left; padding:0px; background-color:#003a6c; word-wrap:break-word; }
.qf-halfdiv-right { width:47%; margin-left:3%; float:left; /*padding:0;*/ padding:20px 0 20px 0; word-wrap:break-word; }
.qf-category2header { }
nav { width:100%; }
.blue_line { margin: 0; height: 1px; background: rgba(0,0,40,0.5); background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,0,40,0.3)), to(rgba(0,0,40,0.3)), color-stop(50%, rgb(0,0,40))); margin:15px 0; clear:both; }
/*detailFacts */
#topten, #detailFacts-navigation, #main-container, #anatomy {
overflow:auto; 
}
/*#main-container, #anatomy { 
border-image: url(/images/mep/allaboutmars/quickfacts/metallic_frame.png) 34 / 34px stretch;  
}*/
#topten { 
/*border-image: url(/images/mep/allaboutmars/quickfacts/metallic_frame.png) 34 / 34px stretch; */
/*-webkit-border-image:url(/images/mep/allaboutmars/quickfacts/metallic_frame.png) 34 / 34px stretch; 
-o-border-image:url(/images/mep/allaboutmars/quickfacts/metallic_frame.png) 34 / 34px stretch; 
border-image:url(/images/mep/allaboutmars/quickfacts/metallic_frame.png) 34 / 34px stretch;*/
background-image:url(/images/mep/allaboutmars/quickfacts/metallic_frame.png);
/*background-size:960px 668px;*/
background-size:100% 100%;
/*background-size:950px 100%;*/
padding:5px;
}
#detailFacts-navigation { 
background-image:url(/images/mep/allaboutmars/quickfacts/metallic_frame.png);
background-size:100% 100%;
background-position: 20px 0px;
padding:0px 0px 3px 0px;
}
/*detailFacts navigation */
#detailFacts-navigation { }
#detailFacts-navigation .theplanet { background-color:#8C4825; }
#detailFacts-navigation .inspace { background-color:#1B2B42; }
#detailFacts-navigation .inournightsky { background-color:#214368; }
#detailFacts-navigation .inhistory { background-color:#4C2A20; }
#detailFacts-navigation .theplanet span, .inspace span, .inournightsky span, .inhistory span { margin-left:20px; }
#detailFacts-navigation .maincategory { padding:0 !important; float:left; width:20%; }
#detailFacts-navigation .maincategory a img { /*width:100%; opacity:0.5;*/ background:black
; width:100%; }
#detailFacts-navigation .maincategory a { opacity:0.5; }
#detailFacts-navigation .maincategory a img:hover { /*width:100%; opacity:1;*/ width:100%; }
#detailFacts-navigation .maincategory a img { -webkit-transition: all .3s linear; }
#detailFacts-navigation .maincategory .subcategory { padding:10px 0; }
#detailFacts-navigation .maincategory .subcategory span a { color: #fff; text-decoration:none; }
#detailFacts-navigation .maincategory .subcategory span a:hover { text-decoration:underline; }
#detailFacts-navigation .maincategory span { display:block; padding:5px 0; }
/*#detailFacts-navigation .maincategory.active a img { opacity:1; }
#detailFacts-navigation .maincategory.active a { opacity:1; }*/
#detailFacts-navigation .maincategory .subcategory span a.textActive { text-decoration:underline; }
/*detailFacts content */
div#detailFacts-content { /*padding:0 20px 20px 20px;*/ /*padding:0 20px 0px 0px;*/ color:navy !important;}
#detailFacts-content { /*padding:0 20px 20px 20px;*/ padding:0 0px 0px 0px; color:navy !important; background: #fff url('/files/comets/topten-bluebg2.jpg') repeat-y; background-size:100% 100%; overflow:hidden;}
div#detailFacts-content-inner {/*width:900px;*/ width:100%;}
.clear { clear:both; float:none; width:100%; height:1px; }
/*-- mars specific --*/
div#MidNavContainer { display:none; }
.earth-mars-comparison { color:#fff; width:100%; background: rgb(1,57,110); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMTM5NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAxZDM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(1,57,110,1)), color-stop(100%, rgba(0,29,53,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01396e', endColorstr='#001d35', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.transition { -webkit-transition: all 1s ease-in-out; opacity:0.8; background:black; }
.transition:hover { opacity:1; }
.earth-mars-comparison-title { font-weight:bold; font-size:1.5em; }
span.marsTitle { font-weight:bold; font-size:1.1em; }
span.marsTitle, span.marsDesc { color:#FC9 }
span.earthTitle { font-weight:bold; font-size:1.1em; }
span.earthTitle, span.earthDesc { color:#9CF }
.line_space { background-color:rgba(255,255,255,0.2); background: transparent9; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF);   /* IE6 & 7 */
zoom: 1; width:100% }
.linetd { text-align:center; }
#contentBox_contentPage .pageTitleBox { padding-bottom:20px; }
h2 { margin: 5px; text-align: center; }
.qf-halfdiv-left h2 {color: wheat !important; width:100%; float:left;clear:both; text-align:left; margin:14px;}
/*.pageTitleBox span{display:none;}
*//*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-device-width: 480px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; background: rgba(15,11,31,0.77); text-align:center; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed { display:none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
}
/*navigation top bar */

nav { z-index: 42; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 950px; background: rgba(0,0,0,0.7); filter: alpha(opacity=80); /* IE6-IE8 */ position: relative; height: 35px; padding: 0;}
nav li { list-style: none; width:30%; text-align:center; float:left; color:#fff;}
nav li a { text-decoration: none; font-size: 1.2em; color: #fff; font-weight: bold; display: inline-block; text-align: center; padding: 5px 0; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; width:100%; }
nav li a:hover, nav li a.selected { color:#fff; background: rgb(126,56,22); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlMzgxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2MyNTkyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZTM4MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(126,56,22,1) 0%, rgba(194,89,32,1) 47%, rgba(126,56,22,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(126,56,22,1)), color-stop(47%,rgba(194,89,32,1)), color-stop(100%,rgba(126,56,22,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(126,56,22,1) 0%,rgba(194,89,32,1) 47%,rgba(126,56,22,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(126,56,22,1) 0%,rgba(194,89,32,1) 47%,rgba(126,56,22,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(126,56,22,1) 0%,rgba(194,89,32,1) 47%,rgba(126,56,22,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(126,56,22,1) 0%,rgba(194,89,32,1) 47%,rgba(126,56,22,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e3816', endColorstr='#7e3816',GradientType=1 ); /* IE6-8 */ }
/*clearfix*/    
.wrapper:before, .wrapper:after { content: ''; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both; zoom: 1 }
.sticky { position: fixed; top: 15px; animation:thedrop 1s 1; -moz-animation:thedrop 1s 1; -webkit-animation:thedrop 1s 1; }
.sticky .nav-above { position: absolute; top:-15px; left:1em; right:1em; height:15px; background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
nav ul, .nav-container{width:100%;}
nav ul{margin:0; padding:0;}
f#contentBox_contentPage td.pageContent, #contentBox_contentPage td.pageContent p, #contentBox_contentPage td.pageContent td{color:navy;}