article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }


body, html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: "myriad-pro", 'myriad pro', sans-serif;
	background: #ededed;
	font-size: 100%;
}

img {
	max-width: 100%;
}

p,h1,h2,h3,h4,h5,h6 {margin-top: 0px;}

h1{font-size: 2.313em; color: #16498b; ; font-family: "myriad-pro", 'myriad pro', sans-serif; font-weight: 400; margin-top: 15px; margin-bottom: 10px; line-height: 110%;}
h2{font-size: 20px; color: #16498b; ; font-family: "myriad-pro", 'myriad pro', sans-serif; font-weight: 600; margin-bottom: 0px;}
h3{font-size: 18px; color: #16498b; font-family: "myriad-pro", 'myriad pro', sans-serif; font-weight: 600; margin-bottom: 10px;}
h4{font-size: 15px; color: #000; font-family: "myriad-pro", 'myriad pro', sans-serif; font-weight: 600; margin-bottom: 5px;}
h5{font-size: 0.938em; color: #16498b; font-family: "myriad-pro", 'myriad pro', sans-serif; font-weight: 600; margin-bottom: 3px;}
h6{text-transform: uppercase; font-size: 0.6888em; font-weight: 600; color: #999; font-family: "myriad-pro", 'myriad pro', sans-serif; margin-bottom: 4px;}

p{font-family: "myriad-pro", 'myriad pro', sans-serif; font-size: 14px; line-height: 135%; margin-bottom: 5px;}
p.small {font-size: 11px; margin: 3px 0;}
p.tiny {font-size: 9px; color: #666;}
p a {text-transform: underline;}
a {color: #16498b; text-decoration: none;}
a:hover {text-decoration: underline;}
ul{margin: 0; padding: 0;}
ul.inline li {display: inline-block;}
li{list-style-type: none; }
.nav li {display: inline-block;}
img {border: none;}


a img {border: none;}

div, article, section, header {position: relative;}


/**-------------GLOBAL---------------------------**/

/* bootstrap overrides */
.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: block !important;
}
#header,
#header * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.wrapper {
	width: 976px; 
	margin: 0 auto;  
	background: #fff; 
	overflow: hidden;
	border-top: 1px solid #c5c5c5; 
	padding: 5px 12px 50px 15px ; 
	min-height: 1016px;
}

.row::after {
	content: "";
	display: block;
	clear: both;
}
.col-lft {
	width: 83%;
	float:left;
}
.col-rght {
	width: 17%;
	float:left;
}

.star {
	width: 15px;
	height: 13px;
	background: url(/images/star.png) no-repeat center center;
	display: inline-block;
	opacity: 0.5;
	margin: 0 -4px;
	padding: 0 3px;
	background:url(/assets_tube/images/sprite.png) -718px 0px no-repeat transparent;
}
.star.on {opacity: 1; display: inline-block}

.stars .star{
	display: inline-block;
}

/* Issue Styles */
span.superscript {
	font-size: 10px;
	position: relative;
	bottom: 8px;
}
p.footnote {
	font-size: 12px;
	margin-bottom: 5px;
}
.subhead {
	margin: 16px 0px 8px 0px !important;
}

/*
#video_rating li{display:block;float:left;width:18px;background:url(/assets_tube/images/sprite.png) -718px 0px no-repeat transparent;}
#video_rating li.active, #video_rating li:hover{background-position:-700px 0px;}

#video_rating li a{overflow:hidden;text-indent:-100px;display:block;}
*/
::-webkit-input-placeholder {color: #ccc; font-size: 1.375em; font-family: "myriad-pro", 'myriad pro';}
:-moz-placeholder {color: #ccc; font-size: 1.375em; font-family: "myriad-pro", 'myriad pro';}
::-moz-placeholder {color: #ccc; font-size: 1.375em; font-family: "myriad-pro", 'myriad pro';}
:-ms-input-placeholder {color: #ccc; font-size: 1.375em; font-family: "myriad-pro", 'myriad pro';}

.text-bubble {background: #16498b; float: left; text-transform: uppercase; padding: 2px 15px; color: #fff; font-family: "myriad pro", 'myriad pro'; font-size: 0.875em; border-radius: 5px;}
.text-bubble:hover {text-decoration: none; opacity: 0.9;}

p.author {color: #999; font-family: "myriad-pro", 'myriad pro'; font-size: 0.875em;}

.flowplayer {margin-bottom: 8px;}

.vid_list li {padding: 2% 2% 2% 65px; position: relative; border-radius: 4px; width: 72%; margin-bottom: 10px; min-height: 38px; cursor: pointer;}
.vid_list li:hover {box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);}
.vid_list li img {position: absolute;left: 5px; top: 5px;}
.vid_list li a {font-size: 0.813em; display: block; line-height: 100%;}
.vid_list .ago {font-size: 0.688em; color: #999;}

.gray-box {
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(237,237,237,1) 6%, rgba(255,255,255,1) 46%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgba(237,237,237,1)), color-stop(46%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 6%,rgba(255,255,255,1) 46%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(237,237,237,1) 6%,rgba(255,255,255,1) 46%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(237,237,237,1) 6%,rgba(255,255,255,1) 46%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(237,237,237,1) 6%,rgba(255,255,255,1) 46%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	border-radius: 10px;
	padding: 5%;
	width: 90%;
}
.gray-box .text-bubble {width: 32%; text-align: center; margin-right: 3%; padding-top: 7px; padding-bottom: 7px; margin-top: 8px;}

.gray-box>h4 {margin-bottom: 10px;}

#left {float: left;}
#sidebar {float: right;}
#sidebar>div {margin-bottom: 20px; float: left;}

.follow-box {width: 57px; height: 17px; background: url(../images/sprite.png) no-repeat 0px -179px; display: block;}

#skyscraper {float: right !important;}
#skyscraper>img {border: 1px solid #ccc;}

.select {
	position: relative;
	width: 166px;
	height: 15px;
	-webkit-box-shadow: 0px 1px 0px 0px #b8b8b8;
	box-shadow: 0px 1px 0px 0px #b8b8b8;
	background: #eee url(/images/select-icon.png) no-repeat;
	background-position: 92% center;
	border-radius: 5px;
	padding: 2px 4px;
}

.select:hover {
	background: #e3e3e3 url(/images/select-icon.png) no-repeat;
	background-position: 92% center;
}

.select p.placeholder {
	position: absolute;
	top: 2px;
	left: 5px;
	font-size: 11px;
	opacity: 0.6;
}

select {
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	border: none;
	font-size: 11px;
	width: 100%;
	background: #eee;
}

select option {
	color: #000;
}

select:focus {
	outline: none;
}

/**-------------HEADER---------------------------**/

#header {height: 72px; padding-top: 92px; width: 1006px; margin: 12px auto 18px auto; z-index: 8888;}
#header #top_ad {
	border: 1px solid #999; 
	position: absolute;
	top: 0px; left: 0px;
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
}
#header #top_ad img {float: left}
#header #logo {bottom: 0px; left: 10px; position: absolute;}

#top_ad iframe {position: absolute; top: 0px; left: 0px;}

#aoc {
top: 4px;
right: -35px;
position: relative;
width: 241px;
height: 84px;
text-indent: -9999px;
background: url(../images/sprite.png) no-repeat -259px 0px;
margin-left: -77px;
margin-bottom: 20px;
}

#header #aoc {
top: 4px;
right: 0px;
position: absolute;
width: 241px;
height: 84px;
text-indent: -9999px;
background: url(../images/sprite.png) no-repeat -259px 0px;
}


#login {
position: absolute;
right: 0px;
top: 0px;
width: 250px;
padding: 10px;
background: #16498b;
height: 90px;
}

#login.logged-in {
	text-align: center;
	height: 71px;
}

#login.logged-in p {
	margin-top: 30px;
}

#login .logout {
display: block;
position: absolute;
right: 10px;
top: 0px;
font-size: 13px;
padding-left: 14px;
line-height: 30px;
background: url(../images/logout.png) no-repeat center left;
background-size: 9px;
}

#login ::-webkit-input-placeholder {color: #999; font-size: 13px; font-family: "myriad-pro", 'myriad pro';}
#login :-moz-placeholder {color: #999; font-size: 13px; font-family: "myriad-pro", 'myriad pro';}
#login ::-moz-placeholder {color: #999; font-size: 13px; font-family: "myriad-pro", 'myriad pro';}
#login :-ms-input-placeholder {color: #999; font-size: 13px; font-family: "myriad-pro", 'myriad pro';}

#login label {font-size: 13px; color: #fff; float: left; margin: 0; font-weight: 400;}
#login form {display: none;}
#login form.active {display: block;}
#login input[type="text"],
#login input[type="password"] {width: 246px; font-size: 12px; font-family: arial, sans-serif; line-height: normal; margin-bottom: 3px;}
#login input[type="submit"] {
	float: right;
	font-family: arial, sans-serif;
	-webkit-appearance: push-button;
	appearance: push-button;
	font-size: 13px;
}
#login input[type="checkbox"] {float: left; margin-left: 0px; margin-right: 3px;}
#login a {color: #fff;}
#login p {color: #fff;}

#login ul.login_options {margin-left: 35px; position: absolute; bottom: 5px;}
#login ul.login_options li {float: left; margin-right: 10px; font-size: 12px;}


#nav>ul {margin: 30px 0 0 380px;}
#nav>ul>li {float: left; height: 35px; padding: 0 15px; border-right: 1px solid #ccc; border-radius: 5px;}
#nav>ul>li.has-menu {border-radius: 5px 5px 0px 0px;}
#nav>ul>li:hover {background: #16498b;}
#nav>ul>li:hover>a {color: #fff; text-decoration: none;}
#nav>ul>li:hover ul {display: block;}
#nav>ul>li.last {border: none;}
#nav>ul>li>a {font-size: 1.188em; color: #000; line-height: 35px;}
#nav ul>li>ul {position: absolute; display: none; margin-left: -15px; background: #fff; padding: 5px 0px; border-radius: 0px 0px 5px 5px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);}
#nav ul>li>ul li {padding: 3px 15px; font-size: 0.875em; font-weight: 600;}

#nav .current-issue {display: none;}

#search-box {position: absolute;right: 40px;bottom: 10px;}
#search-box input[type="text"] {
	width: 161px;
	padding-left: 10px;
	height: 30px;
	border-radius: 4px 0px 0px 4px;
	border: 1px solid #aaa;
	line-height: 30px;
    font-size: 13px;
}
#search-box input[type="submit"] {
	width: 40px;
	height: 34px;
	position: absolute;
	right: -39px;
	top: 0px;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0px 4px 4px 0;
	border: 1px solid #aaa;
	background-image: url(../images/sprite.png); /* Old browsers */
	background-image: url(../images/sprite.png), -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(226,226,226,1) 100%); /* FF3.6+ */
	background-image: url(../images/sprite.png), -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
	background-image: url(../images/sprite.png), -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
	background-image: url(../images/sprite.png), -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
	background-image: url(../images/sprite.png), -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(226,226,226,1) 100%); /* IE10+ */
	background-image: url(../images/sprite.png), linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(226,226,226,1) 100%); /* W3C */
	background-repeat: no-repeat;
	background-position: 0px 0px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#search-box .input span {
	position: absolute;
	left: 12px;
	top: 6px;
	font-size: 18px;
	font-family: "myriad pro", sans-serif;
	letter-spacing: 1px;
}
input:focus, textarea:focus {outline-color: #16498b;}

.video-icon {text-indent: 20px; background: url(../images/sprite.png) no-repeat 0px -486px;}
.article-icon {text-indent: 20px; background: url(../images/sprite.png) no-repeat -19px -465px}

.video-icon2 {text-indent: 20px; background: url(../images/sprite.png) no-repeat -46px -437px;}


/**-------------FOOTER---------------------------**/

#footer {width: 960px; margin: 0 auto; padding-top: 25px; position: relative; clear: both;}
#footer>div {float: left; margin-right: 35px;}
#footer ul {margin-bottom: 10px;}
#footer li {font-size: 0.875em; font-weight: 600; margin-bottom: 4px;}
#footer a {}
#footer>div.about {width: 315px; margin-right: 0px;}

#footer_bottom {
	width: 100%;
	background: #000;
	margin-top: 20px;
	height: 25px;
	line-height: 25px;
	padding: 0px 23px;
	margin-left: -23px;
}
#footer_bottom h4>a {color: #fff;}
#footer_bottom h4,
#footer_bottom a {float: left; color: #fff; margin-right: 20px;}
#footer_bottom a {font-size: 0.813em; color: #999;}

#footer .bmc {display: block; height: 39px; width: 162px; background: url(../images/sprite.png) no-repeat -338px -114px; margin-top: 15px;}

/**-------------HOME---------------------------**/

#new_home {float: left; width: 100%; text-align: center; margin-top: 2px;}
#new_home>a {
	display: inline-block; 
	background: #c4161c; 
	font-family: "myriad-pro", 'myriad pro', sans-serif; 
	font-size: 0.750em; 
	color: #fff; 
	padding: 4px 20px; 
	border-radius: 7px;
	border: 1px solid #fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	position: relative;
	margin: 0px 0 5px 0;
}
#new_home>a:hover {text-decoration: none;}
#new_home>a>span {
	display: block;
	position: absolute;
	background: #c4161c; 
	width: 20px;
	height: 20px;
	line-height: 20px;
	right: -25px;
	top: 0px;
	border-radius: 99px;
	border: 1px solid #fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}


#home #left { width: 51.5%; float: left;}

#home #main {
	width: 100%;
	height: 222px;
	float: left;
	text-align: center;
	margin-bottom: 40px;
}
#home #main .left {width: 284px;float: left;}
#home #main .text-bubble {width: 100%; text-align: center; padding: 2px 0px;}

#home #main .right {float: left; width: 180px; margin-left: 13px; margin-top: 6px;}

#home #main>.container {
	width: 100%; 
	height: 100%;  
	overflow: hidden;
	border: 6px solid #ededed;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	padding-right: 10px;
	background: #fcfcfc;
}
#home #main #slides {text-align: left; position: absolute; left: 0px;}
#home #main #slides>li {float: left; width: 100%; height: 210px;}
#home #main #slides h3 {margin: 0px 0px 3px 0px; line-height: 100%; font-size: 16px;}
#home #main #slides p {font-size: 13px; line-height: 120%;}

#home #main>.container .right ul li {position: relative; padding-bottom: 5px; margin-bottom: 5px;}
#home #main #slides .right li::after {
	content:"";
	width: 80%;
	position: absolute;
	bottom: 0px;
	left: 10%;
	height: 1px;
	background: #efefef;
}

#home #main .right li.last::after {display: none;}

#home #box_nav {height: 25px; display: inline-block; position: relative; background: #ededed; margin-bottom: -4px;}
#home #box_nav ul {padding: 0px 7px;}
#home #box_nav li {width: 7px; height: 7px; background: #cbcbcb; border-radius: 7px; margin: 10px 3px; float: left;}
#home #box_nav li.active {background: #ababab;}

#slides .flowplayer {height: 210px;}

#home #box_nav .arrow {position: absolute; background: #ededed url(../images/sprite.png) no-repeat 0px -60px; top: 0px; width: 25px; height: 25px;}
#home #box_nav .prev {background-position: 9px -85px; left: -25px; border-right: 1px solid #e4e4e4;}
#home #box_nav .next {background-position: 9px -52px; right: -25px; border-left: 1px solid #e4e4e4;}

#home #previous {float: left; width: 100%; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 5px 0px 15px 0px;}
#home #previous li {float: left; margin-right: 14px;}
#home #previous li:hover {opacity: 0.85;}
#home #previous li.last {margin-right: 0px;}


#home #latest {padding: 15px 0px; float: left; width: 100%;}
#home #latest>h4 {float: left;}
#home #latest>.all {float: right;}

.article {padding-left: 57px;margin-bottom: 15px; float: left;}
.article>img {position: absolute; left: 0px; top: 8px;}
.article h4 {margin-bottom: 2px;}


#home #right {float: left; width: 27%; margin-left: 25px;}

#home #right>div {margin-bottom: 20px; float: left;}

#home #ed_choice {padding: 0 10px; border-left: 1px solid #ededed; margin-bottom: 20px;}


#home #newest {padding: 0 3%; width: 94%; border-left: 1px solid #ededed;}


#home #right {margin-top: 24px;}

#home #sidebar {float: right; width: 163px; margin-top: 0px}


#home #facebook {float: right; margin-right: 0px; clear: right;}
#home #facebook>div {overflow: hidden; height: 150px; margin-bottom: 15px;}
#home #facebook>div.feed2 {overflow: hidden; height: 178px;}

/* RECURRING SERIES SLIDER */

#home #main_rs {
	width: 100%;
	float: left;
	text-align: center;
}
#home #main_rs .container {
	border: 1px solid #aaa;
	padding-bottom: 10px;
}
#home #main_rs .container .top_rs {
	background: #eee;
	height: 24px;
}
#home #main_rs .container .top_rs h4 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.1em;
	color: #999;
}
#home #main_rs .bx-viewport {
	border-top: none;
	margin-top: 10px;
}
#home #main_rs .bx-wrapper .bx-prev {
	left: -30px;
	top: -66px;
	background: url(../images/rs_arrow_prev.png) no-repeat;
}
#home #main_rs .bx-wrapper .bx-next {
	right: -52px;
	top: -66px;
	background: url(../images/rs_arrow_next.png) no-repeat;
}
#home #main_rs .bx-wrapper .bx-prev:hover,
#home #main_rs .bx-wrapper .bx-next:hover {
	opacity: 0.6;
}



/**-------------ARTICLE---------------------------**/

#article {padding-top: 15px; padding-left: 25px; width: 966px;}


#article .dropdown .button a {font-size: 14px; color: #fff; padding-right: 18px; background: url(../images/drop_arrow.png) no-repeat right center; }
#article .dropdown .button {padding: 3px 7px; float: right; background: #16498b; border-radius: 4px;}
#article .dropdown:hover .button { border-radius: 4px 4px 0px 0px;}
#article .dropdown {position: absolute; right: 0px; top: 0px; z-index: 999; width: 300px;}
#article .dropdown ul {
	width: 100%; 
	float: left;
	margin-top: -3px;
	-webkit-box-shadow:  3px 3px 10px 2px rgba(0, 0, 0, 0.1);
	box-shadow:  3px 3px 10px 2px rgba(0, 0, 0, 0.1);
	display: none;
}
#article .dropdown li {
	background: #fff; 
	border: 1px solid #bdd2db;
	border-top: none;
	padding: 3px 5px;
}
#article .dropdown a {font-size: 12px;}
#article .dropdown:hover ul {display: block;}

#article .dropdown .button a:hover {text-decoration: none}


#article #left {float: left; width: 625px;}
#article #left h4.category {float: left; padding-right: 64px; text-transform: uppercase;margin-left: -10px; color: #666; font-weight: 400; position: relative;}
#article #left h4.category>span {position: absolute; right: 0px; top: 2px;}
#article #left>header {float: left; width: 100%; margin-top: 15px;}
#article #left>header h1,
#article #left>header h4 {width: 567px;}
#article #left>header h4 {font-size: 1.064em; font-weight: 400; }

#article #left>header ul{background: #ededed; height: 25px; margin: 18px 0px;}
#article #left>header li{float: left; padding: 0 8px; border-right: 1px solid #aaa; line-height: 11px; margin-top: 6px;}
#article #left>header li.last {border: none;}
#article #left>header a{font-size: 0.813em;}
#article #left>header li>span {float: left; display: block; margin-top: -2px;}

#article .avatar {float: left; margin: 7px 20px 5px 0px; max-width: 101px; max-height: 128px;}
#article p.author {clear: right;}
#article .author a {text-decoration: underline; text-transform: none;}
#article p {line-height: 150%;}
#article p.caption {width: 100%; line-height: 110%; font-size: 0.813em; margin-bottom: 15px;}
#article .content {width: 100%; float: left;}
#article .text {width: 100%;}
#article .text img {margin-top: 20px;max-width:100%;}

#article .text>ol {
	padding-left: 14px;
}
#article .text>ol>li {
	list-style: decimal;
	font-size: 12px;
	margin-bottom: 5px;
}

#article #sidebar {width: 271px; margin-right: 23px;}



/**-------------VIDEO PAGE---------------------------**/
#video_page #left {width: 680px}
#video_page #sidebar {margin-top: 15px; width: 295px;}

#video-title {
	margin-top: 0;
	margin-bottom: 15px;
	float: left;
}

#video-box {
	width: 640px;
	background: #ededed;
	position: relative;
	margin-bottom: 30px;
	float: left;
	padding: 10px;
	padding-bottom: 13px;
}

#video-box .play-button {
	top: 30%;
}

#video-box .flowplayer fp-time {
	
}

#video-box .active-video img {
	max-width: 717px;
}

#video-box .active-video {

}
#video-box .active-video p {display: none;}

#video-segments {
	background: #ededed;
	width: 168px;
	float: right;
}

#video-segments .video-segment {
	position: relative;
	width: 138px;
	height: 95px;
	margin: 15px auto 45px auto;
	cursor: pointer;
}

#video-segments .video-segment.active {
	outline: 3px solid #057218;
}

#video-box img { max-width: 100%; }

#video-segments .video-segment div {width: 100%; height: 100%; overflow: hidden}
#video-segments .video-segment img {min-height: 100%; height: 100%;}
#video-segments .video-segment p {
	left: 0px;
	bottom: -35px;
	font-size: 11px;
	float: left;
}
#video-segments .video-segment a {color: #333;}

#video-nav {/*position: absolute; bottom: 10px; left: 110px;*/ margin-top: 0px;}
#video-nav ul { margin: 0;}
#video-nav li {display: inline-block;  height: 10px;}
#video-nav .last {border: none;}
#video-nav a {font-size: 11px; line-height: 10px; padding: 0px 8px 0px 4px; border-right: 1px solid #ccc;}


#video-box .stars {position: absolute; left: 12px; bottom: 2px;}


#video-box .is-splash.flowplayer .fp-ui,#video-box .is-paused.flowplayer .fp-ui {background-size: 12%;}

#case {padding: 0 5px; position: relative; float: left; width: 640px;}
#case.translated .headline {width: 100%; position: relative;}
#case.translated .headline h1 {margin-top: 0;}
#case.translated .follow-box {left: 300px; bottom: 0px;}

#case.no-trans {width: 460px;}
#case.no-trans .headline {width: 150px; position: relative; float: left;}
#case.no-trans .headline h1 {margin-top: 0;}
#case.no-trans .follow-box {left: 0px; bottom: -20px;}
#case.no-trans .case-info {width: 308px; float: right;}

.promotion {margin-bottom: 25px;}

#case p.case-stats {width: 160px; line-height: 200%; margin-bottom: 10px;}

#right-col { float: left; position: relative; width: 400px; margin-top: 20px;}
#right-col.translated {width: 460px;}
#right-col.no-trans {width: 410px;}

#comment-box {position: relative; width: 100%; margin-bottom: 60px;}
#comment-box label {
}

#comments textarea {
	width: 94%;
	height: 96px;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.1); 
    box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    background: #fbfbfb;
    overflow: auto;
    padding: 10px;
}
#comment-box span {
	position: absolute;
	left: 10px;
	top: 10px;
}



.wrapper input[type="submit"], .submit-box {
	border: none; 
	-webkit-appearance: none;
	padding: 3px 7px;
	float: right;
	background: #16498B;
	border-radius: 4px;
	color: #fff;
}
#comments {
	width: 90%;
	padding: 5%;
	background: #f6f6f6;
	margin-bottom: 40px;
	float: left;
}

#comments .template {
	display: none;
}

#comments h3 {margin-top: 0;}

#comments .comment {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#comments .comment .comment-text {width:94%; background: #ededed; padding: 3%; margin-bottom: 0;}
#comments .comment .author {font-size: 10px; margin-top: 4px; font-style: italic;}



/**-------------ARCHIVE---------------------------**/



#archive {padding-top: 30px; padding-left: 25px; width: 966px;}
#archive>h1 {color: #000; font-size: 2.125em; margin-bottom: 25px;}

#archive .year {width: 100%; margin: 0 auto; padding-bottom: 30px; float: left;}
#archive .year h2 {color: #000; font-size: 1.5em; font-weight: 900; width: 15%; margin-bottom: 15px;}

#archive sh2::after {
    content: "";
    height: 1px;
    top: 30px;
    width: 100%;
    background: #ccc;
    position: absolute;
    right: 30px;
}

.year li img:hover {opacity: 0.85;}

.year li {float: left; width: 130px; margin-right: 23px; margin-bottom: 25px; height: 220px;}
.year p {width: 100%; text-align: center; font-size: 0.938em; line-height: 110%; margin-top: 10px;}

#archive_search {
	position: absolute;
	top: 30px;
	right: 20px;
}

#archive_search input[type=text] {width: 253px; height: 37px; line-height: 37px; padding: 0px 10px; border-radius: 4px 0px 0px 4px; border: 1px solid #ccc; outline: none; float: left;}
#archive_search input[type=submit] {width: 74px; text-align: center; line-height: 34px; margin-left: -4px; height: 38px; color: #fff; background: #16498b; border: none; border-radius: 0px 4px 4px 0px;}


/**-------------CHANNEL---------------------------**/

#channel {padding-top: 13px;}

#channel-prev {float: left; width: 615px;}
#channel-prev .video-prev {margin-right: 16px;}

#channel-col {width: 180px; padding: 0 10px 0 5px; float: left; position: relative;}
#channel-col h1 {cursor: pointer;}
#channel-col #sub-channels {}
#channel-col #sub-channels li {margin: 2px 0; position: relative;}
#channel-col #sub-channels a {font-size: 14px; font-family: "myriad pro", sans-serif;}
#channel-col #sub-channels a:hover {color: #022775;}
#channel-col .select {margin-bottom: 20px;}

#channel-col #sub-channels li.active {
	background: url(/images/active-channel-icon.png) no-repeat left;
	padding-left: 14px;
	margin-left: -14px;
}

#channel-col #sub-channels .follow-box {position: absolute; top: 2px;}

#channel-col #sub-channels li.active a {color: #022775;}

#center-col {width: 300px; float: left; margin-bottom: 40px; margin-right: 15px;}
#center-col #editors-choice {margin-bottom: 40px;}
#center-col #editors-choice .float-right {margin-right: 10px;}
#center-col .video {width: 100%; position: relative;}
#center-col .video .play-button-big {position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px;}

#right-col {width: 370px; margin-right: -20px; margin-top: 0px;}
#right-col #eyewire {width: 260px; padding: 6px 4%; background: #f4f4f4; position: relative; border: 1px solid #eee;}
#right-col #eyewire h3 {margin-top: 0; margin-bottom: 4px;}
#right-col #eyewire a {font-size: 12px;}
#right-col #eyewire p {margin-top: 5px; width: 60%; line-height: 120%}
#right-col #eyewire .logo {position: absolute; right: 0; top: 0; height: 100%; width: 110px; background: #fff url(../images/eyewire.jpg) no-repeat center center;}
#right-col #eyewire .plus-box {position: absolute; left: 8px; top: 8px;}

#latest .post-content {width: 290px;}
#center-col #latest .float-right {margin-right: 10px;}

#more-videos {margin-top: 20px;}

.video-prev {width: 136px; position: relative; float: left; margin-right: 20px; margin-bottom: 20px; height: 155px; }
.video-prev .video {width: 100%; height: 76px; background: url(/images/video-thumb.jpg) no-repeat center center}
.video-prev a {font-size: 13px; display: block;}
.video-prev p.small {font-weight: bold;}
.video-prev img {max-width: 100px;}

/* ------ CHANNEL ODS ON THE GO FEATURE ------ */

.otg-main {
	position: relative;
	width: 912px;
	max-width: 100%;
	margin: 4px auto 36px;
	border-top: 4px solid #ff9356;
	border-bottom: 4px solid #ff9356;
}
.otg-main iframe {
	max-width: 100%;
}
.otg-main strong{
	font-weight: 700;
}
.otg-main .row {
	margin: 15px 18px;
}
.otg-main .logo {
	position: absolute;
	right: 24px;
	top: -60px;
}
.otg-main .intro h5 {
	text-transform: uppercase;
	font-size: 13px;
	color: #999;
	margin-top: 6px;
}
.otg-main .intro ul {
	margin: 6px 0;
}
.otg-main .intro li {
	font-size: 15px;
	color: #0c3373;
	margin-bottom: .3em;
}
.otg-main .intro h4,
.otg-main .latest-entries h4 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 15px;
	color: #f27c39;
}

.otg-main .hero {
	position: absolute;
    top: 30px;
    right: 2px;
}

.otg-main .latest-entries h4 {
	padding: 14px 0 0 16px;
}
.otg-main .latest-entries .list {
	margin-left: -5px;
}
.otg-main .single {
	margin-right: -8px;
}
.otg-main .single img {
	height: 89px;
}
.otg-main .button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d519a+0,0a4482+100 */
	background: #0d519a; /* Old browsers */
	background: -webkit-linear-gradient(#0d519a 0%, #0a4482 100%);
	background: -o-linear-gradient(#0d519a 0%, #0a4482 100%);
	background: linear-gradient(#0d519a 0%, #0a4482 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d519a', endColorstr='#0a4482',GradientType=0 ); /* IE6-9 */

	color: #fff;
	font-size: 13px;
	font-weight: 600;
	font-family: "myriad-pro", 'myriad pro', sans-serif;
	text-transform: uppercase;
	padding: 14px 28px 16px;
	text-align: center;
	border-radius: 5px;
	border: none;
	margin: 12px 10px 0 -10px;
	display: block;
}
.otg-main .button:hover {
	text-decoration: none;
}

#contest.otg-main {
	min-height: auto;
	border: none;
	width: 1006px;
	padding: 0 30px;
	box-sizing: border-box;
}

#contest.otg-main .logo {
	position: static;
	margin-top: 14px;
}
#contest.otg-main .intro.row {
	margin: 0 0 20px;
	padding: 30px 24px;
	border-bottom: 4px solid #ff9356;
}
#contest.otg-main .instruction {
	padding-left: 36px;
	box-sizing: border-box;
}
#contest.otg-main .left-content {
	width: 786px;
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
}
#contest.otg-main .left-content h2 {
	font-size: 20px;
	font-weight: 600;
	color: #10377a;
	text-transform: uppercase;
	float: left;
	margin-top: 12px;
}

#contest.otg-main .list {
	margin-bottom: 10px;
}
#contest.otg-main .single {
	margin-right: -4px;
}
#contest.otg-main .single img {
	height: 137px;
}
#contest.otg-main .single p {
	margin-bottom: 22px;
}
#contest.otg-main .org-border {
	border-bottom: 4px solid #ff9356;
	margin-bottom: 20px;
	width: 766px;
}
#contest.otg-main .skyscraper {
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
}
#contest.otg-main .button {
	width: 230px;
	padding: 14px 0 16px;
	margin-top: 6px;
	margin-right: 24px;
	float: right;
}

#contest.otg-main .left-content #otg-form h2 {
	margin: 32px 0 24px;
	float: none;
}
#contest.otg-main .left-content h2.step2 {
	margin: 12px 0 24px;
}
#otg-form * {
	outline: none !important;
}
#otg-form .name-email {
	padding: 0 24px 0 8px;
	box-sizing: border-box;
}
#otg-form .name-email input {
	text-align: left;
	height: 40px;
	outline: none;
	border: 1px solid #aaa;
	margin-bottom: 8px;
	font-size: 13px;
}
#otg-form .name-email input[type="text"],
#otg-form .name-email input[type="email"] {
	padding-left: 10px;
	width: 97%;
}
#otg-form .name-email input[type="submit"] {
	margin-top: 10px;
	color: #fff;
    font-size: 13px;
    font-weight: 600;
    font-family: "myriad-pro", 'myriad pro', sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 14px 0 16px;
    border: none;
    height: auto;
	width: 100%;

    background: #0d519a;
    background: -webkit-linear-gradient(#0d519a 0%, #0a4482 100%);
    background: -o-linear-gradient(#0d519a 0%, #0a4482 100%);
    background: linear-gradient(#0d519a 0%, #0a4482 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d519a', endColorstr='#0a4482',GradientType=0 );

}
#otg-form .name-email p {
	margin-right: 4px;
	margin-top: 4px;
	font-size: 13px;
}
#otg-form .name-email p,
#otg-form .name-email input {
}
#otg-form .file-upload {
	padding-right: 30px;
	box-sizing: border-box;
}
#otg-form .file-upload input {
	max-width: 212px;
}
#otg-form .file-upload p {
	color: #777;
	font-size: 12px;
	margin-top: 16px;
	margin-bottom: 0;
}
#otg-form .file-upload ul {
	color: #777;
	font-size: 12px;
}

#contest.otg-main .disclaimer {
	margin: 30px 0 140px;
	padding-right: 16px;
}
#contest.otg-main .disclaimer p {
	color: #777;
	font-size: 12px;
}
#contest.otg-main .disclaimer a {
	color: #777;
	font-size: 12px;
	text-decoration: underline;
}

.col-width-2 { width: 16.66%; }
.col-width-3 { width: 25%; }
.col-width-4 { width: 33.33%; }
.col-width-5 { width: 41.66%; }
.col-width-6 { width: 50%; }
.col-width-7 { width: 58.33%; }
.col-width-8 { width: 66.66%; }
.col-width-9 { width: 75%; }
.col-width-10 { width: 83.33%; }
.col-width-na { width: auto; }
div[class^="col-width-"] {
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
}
.clearfix {
	clear: both;
}

/**-------------TOC---------------------------**/

#toc #left {width: 660px; margin: 15px 0 0 20px;}
#toc h1 {font-size: 2em; color: #000; margin-bottom: 30px;}

#toc #sidebar {width: 270px; margin-top: 15px;}

#covers {float:left; width: 155px;}
#covers>a {display: block; padding: 12px; float: left; clear: both;max-width:100%;}
#covers>a.active {background: #eee;}

#toc_links {float: left; width: 450px; margin-left: 25px;}
#toc_links>div {float: left;}
#toc_links>div.active {display: block;}
#toc_links section {float: left; clear: both;padding-left: 25px;}
#toc_links article:last-child {margin-bottom: 25px;}
#toc_links section>h2 {text-transform: uppercase; color: #ccc; font-weight: 900; font-size: 1.5em; margin-bottom: 15px; float: left; width: 100%;}
#toc_links article {float: left; margin-bottom: 15px; width:525px; }
#toc_links article>h4 {font-size: 1em; margin-bottom: 2px;}
#toc_links article>h3 {text-transform: uppercase; font-size: 1.250em; font-weight: 400; margin-bottom: 2px;}
#toc_links p.author {font-size: 0.938em;}

#top5 li {margin-bottom: 5px;}


/**-------------CHANNEL2---------------------------**/

#channel2 {padding-top: 15px;}
#channel2>header h1 {margin: 10px 0px 25px 0px;}

#channel2>header>ul {
	position: absolute;
	right: 15px;
	top: 15px;
}

ul.bubble-nav li {float: left; margin-left: 2px; border-radius: 10px; color: #000;}
ul.bubble-nav li:hover,
ul.bubble-nav li.active {background: #e2e6f1; color: #16498B;}
ul.bubble-nav a {padding: 8px 10px; display: block;}
ul.bubble-nav a:hover {text-decoration: none;}

#channel2 #left {width: auto; position: relative; margin-bottom: 20px; width: 100%;}
#channel2 #left #featured_box {padding: 12px 0 8px 15px; float: left; margin-bottom: 13px; width: 962px; height: 192px;}

#channel2 #left>h5.gray {color: #aaa; font-weight: normal; font-size: 16px; margin-bottom: 10px;}
#channel2 #left>h5.gray>span {text-transform: uppercase; margin-right: 5px; font-size: 22px;}

#featured_box {border-radius: 6px 0px 0px 6px; background: #f2f2f2;}
#featured_box .featured_vid {width: 175px; float: left; position: relative;}
#featured_box .featured_vid>a {display: block;height: 115px;overflow: hidden;}
#featured_box .featured_article {float: left; margin-left: 12px; width: 264px; min-height: 115px; position: relative; padding-left: 12px; border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
#featured_box .featured_article>a {float: left; display: block;}
#featured_box .featured_article>a>img {max-width: 61px;}
#featured_box .featured_article>div {float: left; width: 186px; margin-left: 10px;}
#featured_box .featured_article p.author, 
#featured_box .featured_article p {font-size: 13px; margin-bottom: 3px;}
#featured_box h2 {font-size: 15px; margin-bottom: 3px;}
#featured_box .added {font-size: 0.688em; color: #999; margin: 10px 0px;}
#featured_box .vid_thumb {width: 100%;}

#featured_box .sub-link{
	position: absolute;
	left: 17px;
	top: 135px;
	font-size: 13px;
	line-height: 115%;
	padding-top: 2px;
}

#featured_box .featured_vid .sub-link {left: 0px;}

/* Current Supp */
.curr-supp {
	float: none !important;
	text-align: center;
	width: 100%;
	display: block;
	clear: both;
}

form.supp-form {
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	padding: 8px 0px;
}

input.supp-btn {
	float: none !important;
	margin: 0 auto;
	clear: both;
}

.curr-supp p {
	clear: both;
	width: 50%;
	margin: 0 auto;
}
#series_slider>.viewport>div { width: 177px !important; }
#series_slider>div>div {float: left; margin-left: 14px;}
#series_slider>div {position: absolute; height: 100%; left: -12px; width: 10000px; min-width: 500px;}
#series_slider {overflow: hidden;width: 488px; position: absolute; right: 0px; top: -38px; height: 100%; padding-bottom: 50px; padding-top: 50px;}
#series_slider .arrow {
	position: absolute;
	top:7px;
	width: 26px;
	height: 26px;
	background: url(../images/sprite.png) no-repeat;
	right: -5px;
	cursor: pointer;
}
#series_slider .arrow:hover {opacity: 0.9;}
#series_slider .prev {margin-right: 26px; background-position: 6px -233px;}
#series_slider .next {background-position: -20px -233px;}

#featured_box .play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -34px;
	margin-left: -34px;
}

#channel2 #sidebar {width: 28%;}

#channel2 #grid_nav {float: left; margin-right: 10px; margin-bottom: 40px; padding: 3px 10px 3px 0px; border-right: 1px solid #ccc;}
#channel2 #type_nav {float: left; padding: 3px 0px 3px 0px;}

#channel2 #grid_nav li,
#channel2 #type_nav li {text-transform: uppercase;font-size: 15px;}


#grid {width: 810px; float: left; clear: left;}
#grid>div {
	float: left;
	width: 148px;
	padding: 38px 28px 38px 27px;
	margin-left: -3px;
	height: 230px;
	position: relative;
	z-index: 4444;
}
#grid h3 {font-size: 15px; margin-bottom: 5px;}
#grid p {font-size: 0.813em;}

.img-box {position: relative; margin-bottom: 3px;}
.img-box img {width: 100%;}
.img-box img.play {position: absolute;top: 50%;left: 50%;width: 40px;margin-left: -20px;margin-top: -20px;}
.img-box img.play:hover {opacity: 0.6;}

#grid .img-box img {width: 100px;}
#grid .img-box img.play {width: 40px; left: 48px;}

#grid>div::before {
	content: attr(data-channel);
	position: absolute;
	padding-top: 4%;
	padding-right: 27px;
	font-size: 0.813em;
	color: #a8a8a8;
	background: url(../images/sprite.png) no-repeat -218px -402px;
	width: 172px;
	height: 63%;
	text-align: right;
	border: 1px solid #ededed;
	border-bottom: none;
	left: 0px;
	top: 0px;
	text-transform: capitalize;
	z-index: -999;
}

#grid>div.article::before {
	background-position: -302px -164px;
}

#grid>div.video::before {
	background-position: -302px -478px;
}

#grid>div.sponsored {background: #f3f7fa; padding-top: 54px; max-height: 214px;height: 214px; margin-right: 2px;}

#grid>div.sponsored::before {
	content: "Sponsored Series";
	position: absolute;
	height: 25px;
	width: 95px;
	right: 0px;
	left: auto;
	color: #fff;
	line-height: 25px;
	top: 4%;
	text-align: left;
	padding: 0 10px 0 19px;
	border: 0px;

	background: url(../images/sponsor_flag.png) no-repeat center center; 
}

#channel2 .article {margin-bottom: 0px;}

/* --------SEARCH-------------*/

#search {
	padding: 30px 20px;
	width: 963px; 
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#search>h1 {line-height: 100%; margin-bottom: 30px;}
#search>div>h2 {text-transform: uppercase; color: #000;font-weight: normal;margin-bottom: 20px;font-size: 24px;}
#search>div>div {margin-bottom: 24px;}
#search>div h3 {margin: 0px 0px 5px 0px; font-size: 18px;}
#search>div> p {margin: 2px 0px;}
#search>div {float: left; width: 45%;}
#search #vid_results {margin-right: 10%;}

#search p.author {margin-bottom: 5px; color: #16498B;}

#vid_results>div {padding: 0px 0px 0px 145px;}
#vid_results>div .img-box {position: absolute; left: 0px; top: 5px; width: 125px;}
#vid_results>div img {width: 100%;}
#vid_results>div .img-box>.play {width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px;}

#art_results>div {min-height: 180px;}
#art_results>div img {float:left; margin-right: 20px; margin-bottom: 0px; margin-top: 5px;}
#art_results>div>div {margin-bottom: 0px; overflow: hidden;}

#search > #series_results {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 30px;
}
#series_results ul li {
    display: inline-block;
}

/* --- --- --- search results page --- --- --- */

.search-results div[class*="col-"] {
	padding: 0px;
}

#sort-search .row {
	margin: 0px;
}
#channel-series.search-result-page {
	padding: 0px;
	margin-left: -15px;
	margin-right: -15px;
}
#channel-series.search-result-page #slider-anchor {
	padding: 0px;
}
#content-wrapper.search-results {
    width: 100%;
    max-width: 100%;
}
#cse-results h3 {
	font-size: 21px;
	color: #16498b;
}
#cse-results p.s-description {
	font-size: 16px;
	color: #444444;
}
#cse-results p.s-url {
	font-size: 14px;
	color: #b9b9b9;
    word-wrap: break-word;
}
#sort-search p,
#sort-search .styled-select {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
}
.gray-86 {
	color: #868686;
}
#cse-results .result-item {
	padding: 36px 0px;
	border-bottom: 1px solid #e8e8e8;
	margin: 0px;
}
.no-results {
	border: none !important;
}
.vcenter {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.no-gutter {
	/*padding: 0px;*/
}
#cse-results img {
	max-width: 100%;
	max-height: 150px;
}
.search-heading {
	padding: 0px;
}
.styled-select i {
	position: absolute;
	right: 12px;
	top: 5px;
}
#sort-search p {
	font-size: 15px;
	color: #b4b4b4;
	margin-right: 3px;
}
.styled-select select {
	background: transparent;
	width: 107px;
	padding: 5px 12px;
	font-size: 15px;
    margin-top: -2px;
	text-align: center;
	color: #4e4e4e;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
}
/* webkit solution */
.styled-select select::-webkit-input-placeholder { text-align:center; }
/* mozilla solution */
.styled-select select:-moz-placeholder { text-align:center; }
.styled-select {
   width: 107px;
   height: 34px;
   position: relative;
   border-radius: 4px;
   overflow: hidden;
   border: 1px solid #e8e8e8;
}
.result-item h3,
.result-item p {
	margin: 0 auto 20px;
}
.result-item p:last-child {
	margin: 0 auto;
}

.result-item a,
.result-item a:hover {
	text-decoration: none;
	
}

.result-item a:hover .s-desc {
	color: #16498b;
}

/* --- --- --- end search results --- --- --- */


#series {padding-top: 10px;}

#video_info {
border-right: 1px solid #CCC;
}

#series #video {
	width: 800px;
	padding-top: 242px;
	position: relative;
	/*background-size: 100% !important;*/
	float: left;
	margin-bottom: 15px;
}
/*
#video_info p,
#video_info h2,
#video_info a,
#series_title a,
#video_functions a {color: #000;}
*/

#video .is-splash.flowplayer .fp-ui,#video .is-paused.flowplayer .fp-ui {
	background-size: 10%;
	background-color: #000;
}

#series #skyscraper {
position: absolute;
right: 15px;
top: 10px;
}

#video .flowplayer {float: left;}

#video.small_video .flowplayer {
	width: 80%;
	margin-left: 10%;
}

/*#video{overflow:auto;background-repeat:no-repeat;width:825px;background-color:#eee;margin-bottom:1em}*/
p#noscript{text-align:center;font-size:2.2em;width:80%;margin:0 auto;padding-top:3em;line-height:1.5em;}
.logincta	{ display:block; height: 400px; width: 480px; margin:0 auto;}

#video, #video.series{
background-image:-webkit-gradient(    linear,    right bottom,    left top,    color-stop(0.26, rgb(224,224,224)),    color-stop(0.82, rgb(196,196,196)));
background-image:-moz-linear-gradient(    right bottom,    rgb(224,224,224) 26%,    rgb(196,196,196) 82%)}

#video.series #video_holder, #video.series #video_info_holder, #video.series #video_functions{background-color:transparent;}

#video_holder{float:left;width:825px;text-align:center;min-height:400px;}
#video_info_holder{padding:20px 0px;width:800px;overflow:auto;margin:2px 0px 10px 0px;float:left;
background-repeat:no-repeat;}
#video_info_holder div{min-height: 80px;height: auto !important;height: 80px;}

#video_info_holder div.clearboth{height:20px !important;min-height:20px !important;}
#video_info_holder h2{text-transform:inherit;background:none;border:0px;letter-spacing:0em;font-family:'lucida sans', 'lucida grande', arial, helvetica, sans-serif;}
#video_info.normal{width:600px;float:left;border-right-width:1px;padding-right:20px;margin-right:10px;padding-left:10px;}
#video_info.normal h2.title{float:left;border-right-width:1px;padding-right:20px;margin-right:10px;padding-left:10px;min-height:80px;width:210px;}
#video_info.normal .description_wrap {width:335px; float:left;}
#video_info.normal p{float:left;display:block;width:335px;padding-left:10px; margin-bottom:8px;}
#video_info h2{font-size:20px;line-height:22px; margin-bottom: 10px;}
#video_info{width:330px;float:left;}

#video_info_holder #video_rating{position:relative;top:10px;float:left;padding:0px;width:150px;min-height:20px;height:20px;}

#video_rating li{display:block;float:left;width:18px;background:url(/assets_tube/images/sprite.png) -718px 0px no-repeat transparent;}
#video_rating li.active{background-position:-700px 0px;}

#video_rating li a{overflow:hidden;text-indent:-1000px;display:block;}


#video_info.series{float:left;width:339px;border-right-width:1px;padding-right:10px;margin-right:15px;padding-left:15px;}
#video_info.series .title{float:left;width:100%;margin-right:15px;}
#video_info.series p{float:left;}
#video_info.series .description_wrap{clear:left;}


#video_functions{width:155px;float:left;}
#video_functions {list-style:none;}
#video_functions li{background:url(/assets_tube/images/sprite.png) -500px 6px no-repeat;}
#video_functions a{padding-left:20px; font-size: 14px;}
#video_functions li.share{background-position:-500px -16px;}
#video_functions li.add{background-position:-500px -35px;}
#video_functions li.post{background-position:-500px -55px;}
#video_functions li.quicklink{background-position:-500px -35px;}
.facebook { background: url(http://bmctoday.net/assets_tube/images/tinyfacebook.png) no-repeat !important; }
.twitter { background: url('http://bmctoday.net/assets_tube/images/tinytwitter.png') no-repeat !important; }
.email { background: url('http://bmctoday.net/assets_tube/images/tiny-email.gif') no-repeat !important; background-size: 10px 10px !important; }

#video_series{float:left;display:block;padding:0px 10px 0px 20px;width:230px;border-right:1px solid #ccc}
#video_series .title{font-size:25px;line-height:28px;letter-spacing:0em;}
#video_series p.controls{
background:url(/assets_tube/images/sprite.png) 1px -199px no-repeat #222;
font-size:20px;padding:15px 0px;color:#fff;width:120px;text-align:center;margin-top:15px;}
#video_series .controls a, #video_series .controls span{text-decoration:none;position:relative;top:-4px;font-size:.5em}
#video_series .controls span{color:#333;}

#video_left_column{float:left;width:460px;margin-right:1em;}

div#minileader {float:left;clear:both;margin-bottom:1em;width:460px;height:120px;overflow:hidden;display:block}
 
#related_articles, #related_videos{float:left;width:25%;margin-right:10px;}
.normal #related_videos{width:35%;}
#related_articles .people{display:block;}

#series_videos {width:800px;clear:both;overflow:auto;margin-bottom:20px; font-size:80%;}
#series_videos img {width: 100px;}
#series_videos h3{font-size:1.5em;}
#series_videos li{width:22%;float:left;padding:10px 10px;min-height:146px;}
#series_videos li.active{background-color:#eee;}
#series_videos li p.thumbnail{position:static;z-index:0;}
#series_videos .people{display:block;}



/**-------------REGISTER---------------------------**/



#register {}

#register label {
	float: left;
	display: block;
	width: 100%;
	font-size: 0.750em;
	margin-top: 10px;
	position: relative;

}

#register input[type="text"],
#register input[type="password"],
#register textarea {
	width: 75%;
	border: none;
	border-radius: 4px;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 1px 1px 4px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 1px 1px 4px 1px rgba(0,0,0,0.4);
	box-shadow: inset 1px 1px 4px 1px rgba(0,0,0,0.4);
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}


#register h2 {margin-bottom: 5px; float: left; width: 100%;}

#register input[type="checkbox"],
#register input[type="radio"] {
	float: left;
	clear: left;
	margin-bottom: 10px;
}

#register input[type='checkbox'] + label,
#register input[type="radio"] + label {
	padding-left: 10px;
	width: auto;
	float: left;
	margin-top: 2px;

}

#register:not(#foo) input[type='checkbox'] {
	opacity: 0;
}

#register:not(#foo) input[type='checkbox'] + label::before {
	content:"";
	width: 14px;
	height: 14px;
	position: absolute;
	left: -15px;
	top: 0;
	-webkit-box-shadow: inset 1px 1px 4px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 1px 1px 4px 1px rgba(0,0,0,0.4);
	box-shadow: inset 1px 1px 4px 1px rgba(0,0,0,0.4);
	color: #16498B;
	font-size: 1.7em;
	line-height: 9px;
}

#register:not(#foo) input[type='checkbox']:checked + label::before {
	content:'\2713';
}

#register .select-box {
   height: 25px;
   overflow: hidden;
   background: #eee url(../images/dropdown_arrow.png) no-repeat center right;
   border: 1px solid #ccc;
   border-radius: 4px;
   float: left;
   min-width: 60px;
}

#register ul {
float: left;
}

#register .select-box select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 25px;
   -webkit-appearance: none;
   outline: none;
   color: #000;
   font-size: 0.813em;
   margin-top: 3px;
   float: left;
   font-size: 12px;
   padding-right: 20px;
  }
  
  #register select {
	opacity: 1;
  }

  #register .select-box + label {
  	margin-bottom: 3px;
  }

  #register fieldset {

  	border: none;
  }

  #register .bottom_text {
  	float: left;
  	clear: both;
	margin-left: 15px;
  }


#register_general, 
#register_specialties,
#register_subcategories {
	float: left;
	width: 30%;
}

#register_general {
}

#register_agreements {
	float: left;
	width: 100%;
}

#register .submit {
	float: left;
	margin-bottom: 20px;
	text-transform: uppercase;
	margin-left: 15px;
}

#register .submit-box {
	font-size: 1.3em;
	padding: 5px 20px;
}

#register #user_optometrist {
	float: left;
	width: 100%;
	margin-top: 15px;
}

#register #user_aoc {
	float: left;
	padding-left: 100px;
}



#register #user_aoc img {
width: 75px;
position: absolute;
left: -100px;
top: -2px;
}

#register_agreements textarea {
	float: left;
	margin: 25px 15px;
	font-family: "myriad-pro", 'myriad pro', sans-serif;
}

@media only screen and (max-width: 767px) {
	#contest.otg-main .left-content {
		max-width: 100%;
	}
	#contest.otg-main .col-width-4 {
		width: 100%;
		text-align: center;
	}
	#otg-form .col-width-6 {
		width: 100%;
	}
	#contest.otg-main .skyscraper {
	    /* display: inline-block; */
	    vertical-align: top;
	    margin-right: -4px;
	    margin: 30px auto 0px;
	    display: block !important;
	    text-align: center;
	}
	#contest.otg-main .instruction {
		width: 100%;
		margin-top: 30px;
	}
	#register {
		padding: 15px;
	}
	
	#register fieldset {
		width: 100%;
		padding: 0;
	}	
	
	#register input[type="text"], #register input[type="password"], #register textarea {
		width: 100%;
	}
	
	#register ul {
		width: 100%;
	}
	
	#register input[type='checkbox'] + label, #register input[type="radio"] + label {
		width: 90%;
	}
	
	#register .submit-box {
		margin-top: 15px;
	}
	
	#register_specialties h2 {
		margin-left: 0px;
	}
}


/**-------------Contact---------------------------**/

#register {min-height: 0px;}

#register.contact fieldset {padding-left: 0; padding-right: 0; }

#register .tabs>div {float: left; clear: both; width: 370px; display: none;}
#register .tabs>div.active {display: block;}
#register .tabs>.text-bubble {padding: 8px 12px; margin-right: 15px; background: #999}
#register .tabs>.text-bubble.active {background: #16498b;}

#register.contact textarea {height: 120px; line-height: 120%; padding-top: 10px; padding-bottom: 10px;}

#register.contact input[type="text"], 
#register.contact input[type="password"], 
#register.contact textarea {
	width: 100%;
}

#register.contact label {
font-size: 0.875em;
float: none;
}


/**-------------Comments---------------------------**/


#comment-box {position: relative; width: 100%; margin-bottom: 60px;}
#comment-box label {
}
#comment-box textarea {
	width: 95%;
	height: 96px;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.1); 
    box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    background: #fbfbfb;
    overflow: auto;
    padding: 10px 2.5%;
}
#comment-box span {
	position: absolute;
	left: 10px;
	top: 10px;
}

#comments .comment.template {display: none;}

#comment-box input[type="submit"] {
	position: absolute;
	right: 0px;
	bottom: -45px;
	color: #fff;
	background: #16498B;
	border-radius: 5px;
	font-size: 18px;
	text-transform: uppercase;
	border: none;
	padding: 5px 15px;
	font-family: "myriad-pro", sans-serif;
}
#comments {
	width: 90%;
	padding: 5%;
	background: #f6f6f6;
	margin-bottom: 40px;
}
#comments h3 {margin-top: 0;}

#comments .comment {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#comments .comment .comment-text {width:94%; background: #ededed; padding: 3%; margin-bottom: 0;}
#comments .comment .author {font-size: 10px; margin-top: 4px; font-style: italic;}


#quick_pop {
	display: none;
	position: fixed;
	width: 230px;
	height: 118px;
	border-radius: 4px;
	background: #16498b;
	color: #fff;
	font-size: 14px;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -50px;
	text-align: center;
	z-index: 9999;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.6);
}

#quick_pop>p {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 20px;
}

#quick_pop .text-bubble {
	background: #fff;
	color: #16498b;
	display: inline-block;
	float: none;
	margin-top: 10px;
	height: 23px;
	line-height: 23px;
	cursor: pointer;
	
}


/******************** LOGIN FORM ***********************/

#login_form,
#password_form {float: left}
#login_form input[type="submit"],
#password_form input[type="submit"] {float: left; margin-top: 15px; font-size: 15px;}


/********************** NEWS ***********************/


.news_sect .js-masonry {
	width: 100%;
}
.news_sect  .js-masonry li {
	display: inline-block;
	margin-right: 2.5%;
	width: 45% !important;
}
.news_sect  .js-masonry li  h2 {
	font-size: 20px;
	line-height: 1.2em;
}

.js-masonry {
	width: 650px;
}
.js-masonry li {
	display: inline-block;
	margin-right: 60px;
	width: 250px !important;
}
.js-masonry li  h2 {
	font-size: 20px;
	line-height: 1.2em;
}
#pagination {
	margin-top: 16px;
}
#pagination a {
	background: none repeat scroll 0 0 #16498b;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	display: inline-block;
	padding: 5px 10px 8px;
	line-height: 1em;
}

/*------------------ GREG ADDITIONS -------------------*/

.cleaner {
	clear:both;
	font-size:0px;
}

.vid_con {
	width:800px; 
	float:left; 
	clear:none;
}

.seemore_btn {
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:12px;
	background-color:#154889;
	padding:10px 15px;
	border-radius:10px;
	text-decoration:none;
	cursor:pointer;
	float:right;
	clear:none;
}

.seemore_btn:hover {
	background-color:#c5c5c5;
	text-decoration:none;
}

.video_win {
	width:722px;
	height:440px;
	background-color:#747474;
}

.odtv_head {
	font-size:24px; 
	float:left; 
	clear:none;
	margin-bottom:20px;
}

.videotabs {
	height:27px;
	background-color:#ededed;
	padding-top:3px;
	padding-left:5px;
	margin-bottom:25px;
}

.videotabs ul {

}

.videotabs ul li {
	display:inline;
	color:#16498b;
	font-size:12px;
	padding-left:5px;
	padding-right:7px;
	border-right:solid thin #cccccc;
}

.videotabs ul li a {
	color:#16498b;
	text-decoration:none;
}

.leaderboard_ad {
	width:460px; height:120px; background-color:#5c5c5c; margin-bottom:30px;
}

.skyscraper_ad {
	width:160px;
	height:600px;
	background-color:#5c5c5c;
	float:right;
	clear:none;
}

.comments p {
	width:460px;
}

.comments .author {
	font-style:italic;
	color:#16498b;
	margin-bottom:15px;
}

#media_list {
	border-right:thin solid #ededed; border-top:thin solid #ededed; width:402px;
}

.media_con {
	width:170px;
	height:280px;
	padding-left:30px;
	float:left;
	clear:none;
	border-left:thin solid #ededed;
	border-bottom:thin solid #ededed;
}

.media_con h4 a {
	color:#16498b;
	text-decoration:none;
}

.media_con h4 a:hover {
	text-decoration:underline;
}

.media_con .video_thumb {
	background-color:#747474;
	height:70px;
	width:100px;
	margin-bottom:10px;
}

.mini_playbtn {
	position:absolute;
	top:15px;
	left:30px;
}

.bighead {
	text-transform:uppercase; font-weight:bold; font-size:30px;
}

.bighead2 { 
	font-weight:bold;
	text-transform:none;
}

.uppercase {
	text-transform:uppercase;
	margin-bottom:10px;
}

/*----- SLider -------------*/

.carousel {
    overflow:hidden;
    position:relative;
	/* Dimension requirements */
    width:868px;
    height:198px;
	background-color:#16498b;
	margin:0 auto;
	margin-bottom:30px;
}

.carousel ul {
    position:relative;
    left:0;
    top:0;
    list-style:none;
    margin:0;
    padding:0;  
    width:1736px;            
}
 
.carousel li {
    width:217px;
    height:198px;   
    float:left;
	position:relative;
}

.carousel li .img-box {
	position:relative;
	margin:0 auto;
	width:100px;
	margin-top:30px;
	margin-bottom:10px;
}

.carousel li .img-box img {
	width:100px;
}

.carousel li .img-box img.play {
	width:40px;
	left:48px;
}

.car_icon {
	position:absolute;
	right:25px;
	top:10px;
}

.carousel li h4 {
	margin-left:59px;
	font-size:14px;
}

.carousel li h4 a {
	color:#ffffff;
}

.buttons {
}
 
.buttons a {
    display:block; 
    width:30px; 
    height:46px;
    text-indent:-999em;
    float:left;
    outline:0;
}
 
a.prev {
    background:url(/images/prev_btn.png);
	position:absolute;
	top:65px;
}
 
a.prev:hover {
}
 
a.next {
    background:url(/images/next_btn.png); 
	position:absolute;
	right:0px;
	top:65px;
}
 
a.next:hover {
}

.clear {clear:both}


.flowplayer {
	  background-color: #333;
	}
#buttons {
  position: absolute;
  left: 2%;
  top: 2%;
  z-index: 2; /* make clickable */
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.is-mouseout.flowplayer #buttons {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  /* same transition as other ui elements like fullscreen */
  -webkit-transition: opacity .15s .3s;
  -moz-transition: opacity .15s .3s;
  transition: opacity .15s .3s;
}
#buttons span {
  padding: 1ex;
  margin: 0.5ex;
  margin-top: 15px;
  font-weight: bold;
  font-size: .6em;
  background-color: #eee;
  cursor: pointer;
  -webkit-border-radius: 1ex;
  -moz-border-radius: 1ex;
  border-radius: 1ex;
}
#buttons span.active {
  color: #00a7c8;
  background-color: #666;
  cursor: default;
}
.l-m-h { 
	visibility: hidden;
	opacity: 0;
	position: relative;
	bottom: 3px;
	-webkit-transition: opacity .5s linear;  /* Chrome 1-25, Safari 3.2+ */
	   -moz-transition: opacity .5s linear;  /* Firefox 4-15 */
		 -o-transition: opacity .5s linear;  /* Opera 10.50–12.00 */
			transition: opacity .5s linear;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.settings:hover .l-m-h {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .5s linear;  /* Chrome 1-25, Safari 3.2+ */
	   -moz-transition: opacity .5s linear;  /* Firefox 4-15 */
		 -o-transition: opacity .5s linear;  /* Opera 10.50–12.00 */
			transition: opacity .5s linear;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.gear-bx {
	background-color: transparent;
	border-radius: 10px;
	width:25px;
	height: 25px;
	text-align: center;
}
.gear { 
	position: relative;
	top:3px;
	max-width: 20px;
}
.gear-bx, .l-m-h { display: inline-block; }

#video-box div.fp-ui > div.fp-time {bottom: 0px;position: absolute;}
.fp-time {
    bottom: 0px;
    position: absolute;
}