body {background: #1A2340 url(http://63.201.112.17/images/bg_main-media.jpg) top center no-repeat;}
a {color: #3A508C;}
a:hover {color: #5575CC;}
h2 {text-align: center; margin-bottom: 14px;}
table {margin-bottom: 16px; padding: 0;}
th {font-size: 14px; line-height: 16px; margin-bottom: 16px; padding-top: 5px; padding-bottom: 5px;}
td {font-size: 14px; line-height: 16px; margin-bottom: 16px;}

h2, h3, th, dt {color: #151D33;}
td ul {margin: 0; padding: 0;}
td li {display: inline; margin-right: 7px;}
td img {vertical-align: middle; padding-right: 3px;}
tr>th, tr>td {width: 12%;}
tr>th+th, tr>td+td {width: 45%;}
tr>th+th+th, tr>td+td+td {width: 23%;}
tr>th+th+th+th, tr>td+td+td+td {width: 20%; text-align: right;}
tr>th+th+th+th {padding-right: 5px;}

.alt {background-color: #EBEAEA;}
.centered {text-align: center;}

#navigation li {border-left: 1px solid #25335A; border-right: 1px solid #151D33;}
#navigation li a {background-color: #202C4D;}
#navigation li a:hover {background-color: #3A508C; color: #FFFFFF;}
li#last-navigation-item {border-right: 0 none;}

/* Navigation Menu */
.media-navigation {margin: 0 0 18px; padding: 0; text-align: center;}
.media-navigation li {display: inline; list-style-type: none;}
.media-navigation li a {padding: 7px; background-color: #202C4D; color: #FFFFFF; text-align: center; font-size: 14px; line-height: 18px;}
.media-navigation li a:hover {background-color: #3A508C; color: #FFFFFF;}
.media-navigation .selected {background-color: #3A508C; color: #FFFFFF;}

/* Latest Messages */
.message {float: left; width: 848px; margin: 10px 0; padding: 10px; border: 1px solid #EBEAEA; background-color: #FFFFFF;}
.delivery {float: left; width: 500px;}
.delivery h3 {margin: 0; padding: 5px 0;}
.delivery ul {margin: 0; padding: 5px 0;}
.delivery li {display: inline; margin: 0 5px; font-size: 14px;}
.delivery li:first-child {margin-left: 0;}
.delivery img {vertical-align: middle; padding-right: 3px;}
.metadata {float: right; margin: 0; border-left: 1px solid #EBEAEA; padding-left: 10px; list-style-type: none;}
.metadata li {font-size: 14px; padding: 5px 0; text-align: right; width: 240px;}

/* Live Broadcast */
#live-message {float: left; width: 400px; margin-bottom: 18px; margin-left: 225px; padding: 10px; border: 1px solid #EBEAEA; background-color: #FFFFFF;}
#metadata {float: left;}
#metadata h3 {margin: 0; padding: 3px 0;}
#metadata p {margin: 0; padding: 3px 0;}
#delivery img {vertical-align: middle; padding-right: 5px;}
#delivery {float: right; margin: 0; border-left: 1px solid #EBEAEA; padding-left: 10px; list-style-type: none;}
#delivery li {font-size: 16px; padding: 3px 0;}

/* Live Test */
#live-test {float: left; width: 320px; margin-bottom: 18px; margin-left: 262px; padding: 10px; border: 1px solid #EBEAEA; background-color: #3A508C;}
#metadata {float: left;}
#metadata h3 {margin: 0; padding: 3px 0;}
#metadata p {margin: 0; padding: 3px 0;}
#delivery img {vertical-align: middle; padding-right: 5px;}
#delivery {float: right; margin: 0; border-left: 1px solid #EBEAEA; padding-left: 10px; list-style-type: none;}
#delivery li {font-size: 16px; padding: 3px 0;}

/* LotW Store Media */
#lotw-media {margin: 0; padding: 0; text-align: center;}
#lotw-media li {float: left; list-style-type: none; width: 20%;}
#lotw-media img {height: 110px;}
#lotw-media a {font-weight: bold;}
#lotw-media span {display: block;}

/* Series Overview and Individual Series*/
.series {background-color: #FFFFFF; border: 1px solid #EBEAEA; float: left; height: 125px; margin: 10px; padding: 10px; width: 390px;}
.series img {float: left; margin-right: 25px;}
.series-delivery {float: left; margin: 0; padding: 3px 0; list-style-type: none;}
.series-delivery img {float: none; vertical-align: middle; margin: 0; padding-right: 3px;}
.series-delivery li {margin: 5px 0; font-size: 14px;}
#series-description {background-color: #FFFFFF; border: 1px solid #EBEAEA; float: left; margin: 10px 0; padding: 10px; width: 848px;}
#series-description-image {float: left; margin-right: 10px;}
#series-desc {float: left; width: 713px;}
#series-desc ul {list-style-type: none; margin: 0; padding: 0;}
#series-desc li {display: inline; margin: 0 5px; font-size: 14px;}
#series-desc img {vertical-align: middle; margin: 0; padding-right: 3px;}

/* Download RealPlayer Button */
#download-realplayer {background-color: #FFFFFF; border: 1px solid #EBEAEA; float: left; margin-bottom: 18px; margin-left: 355px; padding: 10px; width: 145px;}
#download-realplayer img {float: left; vertical-align: middle;}
#download-realplayer a {float: left; font-size: 16px; font-weight: bold; vertical-align: middle;}

/* MooTools Accordion */
.accordion dt {color: #3A508C;}
.accordion dt:hover {color: #5575CC; cursor: pointer;}
dt.active-question, dt.active-question:hover {color: #151D33; cursor: text;}
.active-answer {margin-bottom: 18px;}

/* jQuery Slider */
#slider {margin: 0 auto; position: relative; width: 868px;}
.slides {clear: left; height: 1101px; overflow: auto; overflow-x: hidden; position: relative; width: 868px;}
.slide-container div.slide {height: 1101px; width: 868px;}
ul.slider-navigation {margin-bottom: 18px; padding: 0; text-align: center;}
ul.slider-navigation li {display: inline; margin: 0 2px; list-style-type: none;}
ul.slider-navigation a {padding: 7px; background-color: #202C4D; color: #FFFFFF; text-align: center; font-size: 14px; line-height: 18px;}
ul.slider-navigation a:hover {background-color: #3A508C; color: #FFFFFF; cursor: pointer;}
ul.slider-navigation a.selected {background-color: #3A508C; color: #FFFFFF;}