@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,900);

body {
	background-color:#fff;
	color:#444;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:400;
	font-size:0.9em;
	margin:0;    
}

#page-container {
    overflow-x:hidden;
}

textarea {
	font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

input {
	display: inline-block;
	padding: 8px;
	border-radius: 3px;
	color: #333;
	transition: all 0.3s ease-out;
}

input[type=submit], button {
	padding: 10px 16px;
	background-color:#ef6a3a;
	color:#f0f0f0;
	font-size:17px;
	border:none;
    cursor:pointer;
}

select {
	padding: 8px;
	border-radius: 3px;
	color: #333;
	transition: all 0.3s ease-out;
}

input[type=submit], button:hover {
	background-color:#f88c64;
}

.newsletter-subscribe button {
    border-radius:3px;
}

a {
	text-decoration:none;
}

div.text {
	color:#444;
	font-size:0.9em;
	line-height:1.4em;
	text-align:left;
}

a {
	color:#048;
}

a:hover {
	color:#000;
}

a.system-link {
	cursor:help;
}

.max-width {
	width:100%;
    text-align:center;
}

.bold {
	font-weight:bold;
}

div.more {
    padding-top:8px;
    white-space:nowrap;
}

a.more {
	display:inline-block;
	font-size:0.8em;
	color:#3FB9E5;
	padding-bottom:5px;
}

div.more a.jcol-back {
	color:#fff;
	padding:6px 12px;
	font-weight:bold;
	border-bottom:none;
	text-transform:uppercase;
}

section{
	font-size:1em;
	text-align:center;
}

section>div,footer>div{
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

* {
    box-sizing: border-box;
}

.social-share {
	border-top: 1px solid #d7d7d7;
}

section#topstrip{
	background-color:#e7e7e7!important;
}

section#topstrip>div>div{
	display:table;
    color:#888;
}

section#topstrip>div>div>div{
	display: table-cell;
	vertical-align: top;
	padding: 5px 10px 0px 10px;
	white-space: nowrap;
    font-size: 0.85em;
    max-width:120px;
    min-width:120px;
}

section#topstrip>div>div>div:first-of-type{
    max-width:60px;
    min-width:60px;
    padding-top:10px;
}

section#topstrip>div>div>div:nth-child(2){
    padding-top:10px;
    padding-left:17px;
}

section#topstrip>div>div>div:last-of-type{
    text-align:right;
    max-width:180px;
    min-width:180px;
}

section#topstrip a{
	color:#bbb;
}
section#topstrip a:hover{
	color:#888;
}
section#topstrip .login-link {
	font-size:1.5em;
    padding-left:45px;
}

section.no-pad>div>div{
	padding:0;
}

section#topmenu{
	background-color:#ddd;
}
section#topmenu.fixed-to-top{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	box-shadow: 0 2px 20px #aaa;
}

section#topmenu a span.fa{
	margin-right:8px;
	font-size:0.8em;
}

section#topmenu nav>ul.topmenu{
    width:100%;
    text-transform:uppercase;
}

nav ul{
	padding:0;
	margin:0;
	display:table;
}

nav ul li {
	display:table-cell;
    text-align:center;
}

section#topmenu nav a {
	padding:10px 14px;
	color:#fff;
	display:block;
	transition: all 0.25s ease;
	-webkit-transition: all 250ms ease;
}

section#topmenu nav a.selected {
	background-color:#fff!important;
	color:#222;
}

section#topmenu nav a.selected:hover {
	background-color:#fff;
}

section#topstrip div.media {
	padding-top:17px;
    margin-right:-50px;
}

section#topstrip div.media a.fa {
	font-size:1.3em;
	margin-right:8px;
}

section#content>div>div {
	padding:20px 0px;
}

#main-content {
	display:table-cell;
	width: 790px;
	vertical-align:top;
	padding-right:0px;
	padding-left:20px;
}

#main-content.main-content-mod {
    padding-right:18px;
}

a.site-scroll-top {
	opacity:0;
	bottom:-50px;
	visibility: hidden;
	position:fixed;
	right:20px;
	background:#000;
	color:#fff;
	text-align:center;
	z-index: 999;
	border-radius: 4px;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	width: 45px;
	transition: all 0.25s ease;
	-webkit-transition: all 250ms ease;
	border-bottom:none;
	box-shadow:0 0 10px #fff;
}

a.site-scroll-top.show {
	visibility: visible;
	opacity: 0.8;
	bottom:20px;
}

a.site-scroll-top:hover {
	background-color:#ef1616;
}

h1 {
	margin:20px 0px;
	font-size:3em;
	line-height:1.2em;
	color:#222;
}

h1 a,h2 a,h3 a {
	color:#225;
	border-bottom:none;
}

article h1 {
	margin-top:0px;
}

h3 {
	font-size:1.4em;
}

div.article-section {
	padding:20px 0;
	border-top: 15px solid #f7f7f7;
}

.bgarticle {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}


body.show-mm {
	overflow-y:hidden;
}

body.show-mm #mobile-menu {
	visibility:visible;
    left:0;
}
#mobile-menu {
	visibility:hidden;
	z-index:200;
	width:200px;
	position:fixed;
    background-color:rgba(34, 34, 34, 0.9);
	height:100%;
	overflow-y:auto;
    left:-200px;
}
#mobile-menu a {
	display:block;
	color:#fff;
	padding:12px 24px;
}
#mobile-menu a:hover,#mobile-menu a.selected {
	background-color:#444;
}
#mobile-menu span.fa {
	margin-right:20px;
}
#mobile-menu .extramenu {
    background-color:rgba(0, 0, 0, 0.5);
}

.sectionbold {
	font-weight:bold;
}

.sectioncontent {
	color:#323232;
	font-size:1.05em;
	line-height:1.65em;
	margin-top:10px;
}

.sectioncontent, .sectioncontent .mediaimg {
    max-width:752px;
    width:100%;
    margin-right:18px;
}

.sectioncontent div i {
	color:#6F6F6F;
	font-weight:400;
	font-style: italic;
}

select {
	border: 1px solid #c5c5c5;
}

td hr{
    margin-right:18px;
}

.form-field .form-field-value input[type='text'],.form-field .form-field-value textarea, .form-field .form-field-value input{
	width: 90%;
	border: 1px solid #c5c5c5;
	outline:none;
}

.form-field-invalid-msg {
	background-color:#B00;
	color:#fff;
}

.form-field.invalid-field .field-control-container {
	border:1px solid #F00;
}

.form-field .form-field-value textarea {
	height:100px;
}

.form-field label {
	font-weight:bold;
	margin:2px 0;
}

.form-field .comment-form-captcha {
	margin-top: 40px;
}

.form-buttons {
	margin:10px 0;
}

.form-message-success {
	border-color:#0b0;
	color:#040;
}

.form-message-info {
	border-color:#05a;
	color:#025;
}

.form-message-error {
	border-color:#b00;
	color:#400;
}

.form-message-warning {
	border-color:#b60;
	color:#420;
}

.required {
	color:#f00;
}

.breadcrumb {
	font-size:0.8em;
    background-color:transparent!important;
    padding:0!important;
}

.breadcrumb a {
	margin-right:4px;
}

.breadcrumb a:before {
	content:'\00BB';
	margin-right:4px;
}

.breadcrumb a:first-child:before {
	content:'';
	margin-right:0px;
}

a.rss {
	float:right;
	border-bottom:none;
	display:inline-block;
	padding:4px 6px;
	background-color:#ff7900;
	color:#fff;
	border-radius:5px;
	border:3px solid #ff7900;
	transition: all 0.25s ease;
	-webkit-transition: all 250ms ease;
    line-height:normal;
    margin-right:18px;
}

a.rss:hover {
	color:#ff7900;
	background-color:#fff;
}

a.logout {
	float:right;
    margin-right:18px;
}

/******************** articles *****************************/

a.article {
	color: #444;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 18px;
	border: 1px solid #eee;
	width: 365px;
	vertical-align: top;
	padding: 20px;
	box-shadow: 0 0px 6px #f0f0f0;
}

@media (min-width: 961px){
	a.article.largearticle {
		background-color:#eee;
		border: 1px solid #DBE1EA;
		box-shadow: 0 0px 6px #f0f0f0;
	}
	a.article.largearticle img.illustration {
		width:365px;
		margin:0px 20px 0px 0px;
	}
	a.article.largearticle.largeimagearticle {
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
		width:752px;
		height:328px;
		padding:0;
		position:relative;
	}
    a.article.largeimagetv {
		background-size:auto !important;
        background-color:#000000;
	}
	a.article.largearticle.largeimagearticle img.illustration {
		display:none;
	}
	a.article.largearticle.largeimagearticle .tcont {
		position:absolute;
		bottom:0;
		background-color:#444;
		opacity:0.9;
		padding:6px 16px;
        width:100%;
	}

	a.article.largearticle.largeimagearticle:hover h2 {
		color:#1480bb;
	}

}

a.article img.illustration {
	width:100%;
}

a.article .top-caption h2 {
    font-size: 2.1em;
    color:#fcb643;
    margin: 10px 2px;
}

a.article .top-caption .summary {
    display:none;
}

a.article h2 {
	font-size: 1.8em;
	line-height:1.15em;
	color: #0f6698;
	margin: 10px 0px 15px 0px;
	font-weight: normal;
}

div.info {
	color: #ADADAD;
	font-size: 0.7em;
	padding: 0px 0px 5px;
}

a.article:hover h2 {
	color:#025;
}
a.article:hover img {
	opacity:0.9;
}

a.article:hover div.text {
	color:#000;
}

#main-content>article .atype-indicator, .largearticle .atype-indicator{
    left:0px;
}

.largearticle .atype-indicator {
    top:10px;    
}

.atype-indicator {
	display: inline-block;
	z-index:200;
	font-size:0.8em;
	padding:2px 3px;
	position:relative;
    top:-10px;
    left:-20px;
	color:#fff;
	background-color:#b00;
}

.category-ind {
	width:100%;
	color:#adadad;
	font-size:0.8em;
    margin-top:-6px;
    margin-bottom:10px;
}

.date-item {
    float:right;
    font-size:0.8em;
}

a.article:hover .atype-indicator {
	background-color:#d00;
}

.atype-indicator .fa {
	color:#db0;
}

.rhs-section {
	margin-bottom:15px;
}

.tagcloud {
	padding-bottom:20px;
}

/******************** footer ********************************/

footer {
	background-color:#444;
	color:#fff;
	font-size: 0.9em;
    position:relative;
    z-index: 100;
}
footer a {
	color:#bbb;
}
footer a:hover {
	color:#fff;
}
footer#footer-strip {
	background-color:#000;
}
footer#footer-strip div.copyright {
	float:right;
	padding:20px 80px 20px 10px;
}
footer .fa {
	margin-right:8px;
}
footer nav li {
	padding:20px 0;
}
footer nav a {
	display:block;
	margin:0 10px;
}

/******************** search ********************************/

.search-field-container {
	border:1px solid #e0e0e0;
	position:relative;
	margin-bottom:4px;
}

#q {
    border: none;
    padding: 10px;
    font-size: 1.1em;
    width: calc(100% - 80px);
}

.search-button {
	position:absolute;
	right:0px;
	top:0px;
	color:#fff;
	height:39px;
	width:39px;
	padding:0;
	font-size: 1.4em;
}

#search-form.show-adv .search-button.search-settings-button {
	background-color:#eee;
}

.search-button.search-settings-button {
	right:40px;
	transition: all 0.25s ease;
	-webkit-transition: all 250ms ease;
}

.search-button:hover {
	background-color:#f88c64;
}

#search-form {
	position:relative;
}

.search-adv-options {
	position:absolute;
	right:42px;
	opacity:0;
	background-color:#eee;
	box-shadow:1px 1px 1px #bbb;
	z-index:500;
	margin-top:-3px;
	transition: all 0.25s ease;
	-webkit-transition: all 250ms ease;
    display:none;
}

#search-form.show-adv .search-adv-options {
	opacity:1;
    display:inline;
}

.search-adv-options>div {
	display:table-row;
}

.search-adv-options>div>div {
	padding:10px;
}
.search-adv-options>div:first-child>div {
	padding-bottom:0;
}
.search-adv-options>div>div>input,.search-adv-options>div>div>select {
	width:100%;
}

.search-adv-options>div>label {
	display:table-cell;
	font-weight:bold;
	padding:10px;
}
.search-adv-options>div:first-child>label {
	padding-bottom:0;
}

.daterangepicker {
	display:none;
	border:1px solid #000;
	border-radius:0px!important;
}

.daterangepicker div.range_inputs>div {
	float:none!important;
}

.daterangepicker div.range_inputs>div>* {
	display:inline-block!important;
}

.daterangepicker div.daterangepicker_end_input {
	padding-left:0!important;
}

/******************** rhs ********************************/

#rhs {
	display:table-cell;
	width:300px;
}

#rhs div.newsletter-subscribe {
	margin-top:9px;
    margin-bottom:26px;
    text-align:center;
}

#rhs h2 {
	color:#ef1616;
	border-bottom:5px solid #ef1616;
	margin:0 0 20px;
	padding:3px 0;
	font-weight:900;
	text-transform:uppercase;
	font-size:1.4em;
	padding-bottom:10px;
}
#rhs h2 a {
	color:#ef1616;
}

#topstrip div.media-links {
    background-color:transparent;
    margin-left:-10px;
}

div.media-links {
    text-align:center;
    background-color:#EEF1F4;
    position:relative;
}

#topstrip div.media-links a {
    color:#fff;
    text-align:center;
    height:27px;
	line-height:27px;
	width:27px;
}

.small-media-mobile {
    display: none;
    font-size: 2.5em;
    text-align: center;
    padding:20px 0px 20px 0px;
}

.small-media-mobile .social-share a {
    line-height: normal;
    padding:20px;
}

div.media-links a {
	color:#fff;
	height:37px;
	line-height:37px;
	width:37px;
	border-radius:3px;
	text-align:center;
	margin:10px;
}

div.media-links a:hover {
	opacity:0.8;
}

div.media a.fa-twitter { background: #55acce; }
div.media a.fa-facebook { background: #3b5998; }
div.media a.fa-linkedin { background: #1a85bc; }
/*div.media a.fa-google-plus { background: #dd4b39; }
div.media a.fa-pinterest { background: #cb2027; }
div.media a.fa-reddit { background: #ff4500; }*/
div.media a.fa-youtube { background: #c4302b; }
div.media a.fa-rss { background: #ff7900; }
div.media a.fa-share { background: #f1b000; }
div.media a.fa-envelope { background: #f1b000; }

/*author social links */

article div.social-links a {
	height:17px;
	line-height:17px;
	width:17px;
}

.tagcloud a {
	display: inline-block;
	padding: 4px 10px;
	background: #313462;
	color: #fff;
	margin: 0 8px 8px 0;
	transition: all 0.25s ease;
	-webkit-transition: all 250ms ease;
}

.tagcloud a:hover {
	background: #3374B3;
}

#rhs .rhs-reports a {
	display:block;
	margin-bottom:15px;
}

#rhs .rhs-reports img {
    border:1px solid #eee;
    box-shadow:0 0px 6px #f0f0f0;
    width:100%;
}

#rhs .rhs-events {
    margin-top:-15px;
    padding-bottom:10px;
}

#rhs .rhs-events a>* {
	vertical-align:middle;
}

#rhs .rhs-events img {
	max-width:300px;
}

#rhs .rhs-events a .location {
	margin-bottom:6px;
}

#rhs .rhs-events a .dates {
	font-size:0.8em;
}

div.small-media {
    padding-right:0px!important;
    position:absolute;
}

div.small-media.fixed-to-top, .fixed-to-top {
    position:fixed;
    top:57px;
}

/* youtube */

.figure-img {
    margin:0px;
}

.tv-img-cont {
    position:relative;
    margin-left:-20px;
    margin-right:-20px;
}

.figure-img .uses-spacer {
    height:0px;
    display:none;
}

img.idtechex-tv-watermark {
    position:absolute;
    top:5px;
    right:5px;
    width:60px;
    z-index:1;
}

.fa {
	display:inline-block;
	font:normal normal normal 10px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:subpixel-antialiasing;
}

/******************** plug ins ****************************/

#google_translate_element .goog-te-menu-value span:last-child {
	position:absolute;
	left:-100px;
}

#google_translate_element .goog-te-menu-value span:nth-child(3):before {
    content:'\f0ac';
	font: normal normal normal 1.5em/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
}

#google_translate_element .goog-te-menu-value span:nth-child(3) {
	border-left:none!important;
}

#google_translate_element .goog-te-menu-value span:first-child, #google_translate_element img {
	display:none!important;
}

div.goog-te-gadget-simple {
	margin: 0 0 0 10px;
	border: 0;
	background-color:#e7e7e7!important;
}

#mobile-menu-button {
	display:none!important;
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.list-group-item {
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

a.list-group-item .list-group-item-heading {
    color: #333;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}


a.list-group-item:hover, a.list-group-item:focus {
    background-color: #f5f5f5;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/********************* in-line ads *********************/

/*.ad-wide {
    padding-bottom:16px;
}*/

.ad-wide img {
    border-left:1px solid lightgrey; /*temp fix*/
    width:100%;
    height:auto;
}

.inline-square-ad {
    text-align:center;
    margin-right:20px;
    margin-bottom:15px;
}

.inline-rect-ad .adsize62 {
    text-align:center;
}

.inline-rect-ad {
    display:none;
}

.inline-box-ad {
    display:block;
    margin-bottom:15px;
    text-align:center!important;
}

.inline-box-ad img {
    width:100%;
    max-width:300px;
    height:auto;
}

#rhs .wide-ad {
    display:none;
}

#rhs .wide-ad img {
    width:100%;
    height:auto;
}

/********************* more journals ***********************/
#jdd {
	position:relative;
    z-index:100;
}

#jdd .display {
	position:absolute;
    top:-38px;
    right:25px;
}

#jdd-list {
	display:none;
	position:absolute;
	padding:4px 8px;
	box-shadow:0 4px 4px #888;
	right:0;
	z-index:150;
	top:-240px;
}

#jdd.show #jdd-list {
	display:block;

}

#jdd-list a {
	display:block;
	padding:2px;
	font-size:0.8em;
	margin-bottom:2px;
	color:#fff;
}

#jdd-list a:hover {
	background-color:#000;
}

/*************************** New Page Sections *****************************/

.jobopp, .sitemap a {
	border-bottom: 2px dotted #e7e7e7;
}

/*************************** Glossary *****************************/

.glossary-list a {
	display:inline-block;
	width:32%;
	margin-right:4px;
	margin-bottom:4px;
	color:#111;
	background-color:#ddd;
	transition:.5s ease;
	text-align:center;
	border-radius:8px;
	padding:6px;
}

.glossary-list a.glossary-large {
	font-size:1.3em;
}

.glossary-list a.glossary-medium {
	font-size:1.1em;
}

.glossary-list a.glossary-small {
	background-color:#eee;
}

.glossary-list a:hover {
	color:#fff;
	background-color:rgba(51,102,153,1);
}

/*************************** Masonry layout *****************************/

.masonry {
    column-count:2;
    column-gap:0em;
}

.masonry-col {
    overflow:hidden;
    break-inside:avoid-column;
    -webkit-column-break-inside:avoid;
}

.brick {
    display:inline-block;
    margin:0 0 1em;
    width:100%;
}

/********************* min-width: 1121px *********************/
@media (min-width: 1121px) {
    #main-content .events-container div.mainevent, #main-content form #search-form {
        margin-right:18px;
    }
}

/********************* min-width: 961px *********************/
@media (min-width: 961px){
    .largeimagearticle img.idtechex-tv-watermark {
        right:26px;
    }
}

/********************* min-width: 961px and max-width: 1120px *********************/
@media (min-width: 961px) and (max-width: 1120px){

	a.article {
		width:300px;
	}
	a.article.largearticle {
		width:622px;
	}
	a.article.largearticle.largeimagearticle {
		width:618px;
		height:328px;
	}
    #content>div {
        max-width: 960px;
    }
    #main-content {
        padding-left:11px;
        padding-right:18px;
        max-width:650px;
    }
    section#topstrip div.media {
        margin-right:-32px;
    }
    div.masonry {
        column-gap:1em;
    }
}

/********************* max-width: 960px ***********************/
@media (max-width: 960px){
	a.article.largearticle.largeimagearticle {
		background-image:none!important;
        padding:0px;
	}
    section#topmenu {
		display:none;
	}
	.mobile-hide {
		display:none!important;
	}
	.mobile-menu-trans {
		transition: all 0.25s ease;
		-webkit-transition: all 250ms ease;
	}
	#mobile-menu-button {
		cursor:pointer;
		display:block!important;
		position:absolute;
		top:-4px;
		font-size:28px;
		padding:10px;
        left:5px
	}
	#rhs {
		display:block;
		width:auto;
		padding-right:20px;
		padding-left:20px;
		margin-top:30px;
	}
	.rhs-section {
		margin-bottom:20px;
	}
	#main-content {
		width:auto;
		padding:0px 15px;
	}
	a.article {
		display:block;
		width:auto;
        margin-left:5px;
        margin-right:5px;
	}
	a.article img.illustration {
		float:left;
		margin-right:10px;
		margin-bottom:10px;
	}
    .inline-square-ad {
        margin-bottom:7px;
    }
	footer nav ul {
		display:block;
	}
	footer nav ul li {
		display:block;
		padding:0;
	}
	footer nav ul li a {
		padding:10px;
	}
	footer#footer-strip div.copyright {
		float:none;
		padding:20px 0px 0px;
		margin-left:20px;
	}
	div.small-media {
        display:none;
	}

	div.more {
		text-align:center;
	}
        
    .sitemap {
        width:780px;
    }
    .small-media-mobile {
        display:block;
    }
    #main-content article span.imgzmr-cover {
        display:none!important;
        position:relative!important;
    }
    input#q{
        width:90vw;
    }
}

/********************* min-width: 769px ***********************/
@media (min-width: 769px){
    .single-col {
        display:none;
    }
}

/********************* 769px to 960px ***********************/
@media (min-width: 769px) and (max-width: 960px){
    a.article {
		margin-bottom:10px;
	}
    a.article.largeimagearticle img.illustration {
        margin-right:18px;
        margin-bottom:0px;
    }
    a.article .top-caption .summary {
        display:block;
        margin-right:15px;
    }
    a.article .top-caption h2 {
        color:#0f6698;
        padding-right:15px;
    }
    .largeimagearticle .tv-img-cont {
        width:50%;
        margin-left:0px;
    }
    .largeimagearticle figure {
        margin-right:10px;       
    }
    .largeimagearticle article {
        overflow:auto;
    }
    #rhs .rhs-events .tcont {
        margin-top:-10px;
    }
    #rhs .rhs-reports a {
        width:50%;
        padding-right:10px;
        float:left;
        min-height:295px;
        margin-bottom:0px;
    }
    #rhs .wide-ad {
        display:block;
    }
    .inline-square-ad {
        margin-right:0px;
    }
}

/********************* max-width: 768px ***********************/
@media (max-width: 768px){
    .masonry {
        display:none;
    }
    section#topstrip>div>div>div {
        max-width:78px;
        min-width:78px;
    }
    section#topstrip>div>div>div:last-of-type{
        max-width:138px;
        min-width:138px;
    }
}

/********************* max-width: 730px ***********************/
@media (max-width: 730px){
	#google_translate_element {
		display:none!important;
	}
		
	table.userinterest>tbody>tr>td {
		display:table-row;
	}

	.atype-indicator {
		opacity:0.8;
		font-size:0.7em;
	}

	a.article {
		margin-right: 0px;
		margin-left: 0px;
	}

	a.article h2 {
		font-size: 1.3em;
	}

    section#topstrip>div>div>div:first-of-type{
        max-width:138px;
        min-width:138px;
    }
    
    .glossary-list>div>a {
		width:49%;
	}
}

/********************* 577px to 768px ***********************/
@media (min-width: 577px) and (max-width: 768px){
    #main-content .article {
        padding:0px;
        margin-bottom:10px;
	}
    .article .tv-img-cont {
        width:50%;
        margin-left:0px;
    }
    #main-content a article {
        overflow:auto;
    }
        
    a.article .top-caption h2 {
        color:#0f6698;
        padding-right:15px;
    }
    a.article img.illustration {
		margin-right:15px;
		margin-bottom:0px;
	}
    .single-col .category-ind {
        width:auto;
        margin:10px;        
    }
    .atype-indicator {
        top:8px;
        left:0px;
        margin-bottom:15px;
    }
    #main-content .single-col article.uses-spacer .tcont {
		margin:10px;
	}
    
    #main-content .single-col article:not(.uses-spacer) .tcont {
        float:left;
        width:45%;
        margin-bottom:10px;
	}
    #main-content .single-col article .tcont h2{
        margin-top:0px;
	}
    #rhs .wide-ad {
        display:block;
    }
    #rhs .rhs-reports a {
        width:50%;
        padding-right:10px;
        float:left;
        min-height:259px;
        margin-bottom:0px;
    }
    #rhs .rhs-reports a .title {
        min-height:54px;
    }
    div .media-links {
        text-align:left;
    }
}

/********************* max-width: 576px ***********************/
@media (max-width: 576px){
    #main-content .article {
        padding-left:0px;
        padding-right:0px;
        padding-bottom:0px;
        width:100%;
	}
    a.article img.illustration {
		float:none;
        margin:0px;
	}
    #main-content .tv-img-cont {
        margin:0px;
    }
    a.article .top-caption h2 {
        color:#0f6698;
    }
    #rhs .ads {
		text-align:center;
	}
    .single-col .category-ind {
        margin-left:16px;        
    }
    .date-item {
        margin-right:30px;
    }
    .tcont {
        margin:10px 16px 0px 16px;
    }
    a.article .summary {
        margin-bottom:10px;
    }
    .atype-indicator {
        left:0px;
    }
    #jdd {
        display:none;
    }
    section#topstrip div.media {
		display:none;
	}
    section#topstrip>div>div>div:first-of-type{
        max-width:60px!important;
        min-width:60px!important;
    }
    section#topstrip>div>div>div:last-of-type{
        max-width:60px!important;
        min-width:60px!important;
    }
    .inline-rect-ad {
        display:block;
    }
    .ad-wide {
        display:none;
    }
}

/********************* max-width: 480px ***********************/
@media (max-width: 480px){
    
    div .summary {
        display:none;
    }
            
    .glossary-list>div>a {
		width:100%;
	}
}

/********************* max-width: 400px ***********************/
@media (max-width: 400px){
	.sectioncontent div i {
		padding-left:20px;
	}
}

/********************* max-width: 378px ***********************/
@media (max-width: 378px){
    #topstrip .logoGrid {
        width:100%;
    }
}

/********************* max-width: 350px ***********************/
@media (max-width: 350px){
    #rhs .ads img {
		width:100%;
        height:auto;
	}    
}