/* =add ----------------------------------------------------------- */
#add { padding: 1em 0.5em; }
#add p { text-align: center; }
#secondary #add { background-color: rgb(228,244,255); border: 1px solid; border-color: #4da2e0; }
#secondary #add h4 { display: none; }

/* =article-list ----------------------------------------------------------- */
#news > h1,
#takata-news-and-notes { color: rgba(59, 68, 79, 0.7); position: relative; padding: 36px 0; font-size: 36px; font-style: italic; font-weight: 200; text-align: center; }
#news > h1:after,
#takata-news-and-notes:after {border-bottom: .2rem solid #dc221a; bottom: 0; content: ""; display: block; left: 50%; margin-left: -1.5rem; position: absolute; width: 5rem; }
.article-list article { position: relative; clear: both; float: left; width: 100%; margin-top: 3.8rem; padding-top: 3.2rem; border-top: .1rem solid #e4e4e4; }
.article-list header, .article-list section { float: left; width: 70%; }
.article-list h1 { margin-bottom: 0; font-size: 20px; }
.article-list .post-meta { margin-bottom: 0; }
.article-list figure { position: absolute; top: 18px; right: 0; width: 25%; }
.article-list figure img { margin: 0 auto; }

/* =contact ----------------------------------------------------------- */
.vcard { padding: 30px 10px 10px; background: #f5f5f5 url(//cdn.carcomplaints.com/img/newsletter-mailstrip.png) repeat-x 0 0; }
.vcard p { margin-bottom: 8px; }
.vcard p span.street-adr { display: block; }
.vcard li { margin-bottom: 0; }
#tertiary .vcard { background-image: none; }
#tertiary .vcard p { margin-left: 1em; }

#contact-info dl { padding: 0 10px; }
#contact-info dt { clear: left; float: left; width: 40px; padding: 5px 0; }
#contact-info dd { margin-left: 50px; padding: 5px 0; }
#secondary #contact-info dl { padding: 10px; border: 1px solid; border-color: #ddd #ddd #ccc #ccc; background-color: #eee; }

/* =common ----------------------------------------------------------- */
#common ul { margin-left: 0; }
#common ul li { list-style: none; margin: 0; padding: 0; }
#common ul li:first-child { border-top: 1px solid #ddd; }
#common ul li a { display: block; width: 90%; padding: 5px 0 5px 10%; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; background: #fcfcfc url(../img/icon-sheet.gif) no-repeat 10px 50%; color: #009EDB; font-size: 14px; font-size: 1.4rem; text-shadow: 1px 1px 1px rgba(255,255,255,0.9); }
#common ul li a span { display: block; font-size: 90%; color: #999; }
#common ul li a span strong { color: #c00; }
#common ul li:nth-child(2n+1) a { background-color: #f4f4f4; }

/* =file complaints ----------------------------------------------------------- */
.filecomplaint { margin: 0 auto 2em; padding: 1em; border: 1px solid; border-color: #fcc #fdd #fdd #fcc; background-color: #fee; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); }
.filecomplaint li { position: relative; list-style: none; overflow: hidden; margin-bottom: 1em; }
.filecomplaint h4 { font-size: 16px; font-size: 1.6rem; font-weight: bold; }
.filecomplaint p { text-align: left; }

/* =graph ----------------------------------------------------------- */
#graph { position: relative; width: 600px; min-height: 260px; margin: 1em 0; padding: 0 0 50px; background: #fff url(../img/graphs/bg-top2.png) no-repeat 215px 14px; }
#graph a:hover { border-bottom: 0; }
#graphtop { position: relative; width: 100%; margin: 0; padding: 1px 0 0; }
#graphtop { width: 200px; margin: 10px 0 0; font-size: 12px; font-size: 1.2rem; text-align: center; color: #333; }
#graphbtm { position: absolute; bottom: 0; left: 0; width: 100%; height: 23px; margin: 0; background: #fff url(../img/graphs/bg-btm2.png) no-repeat 215px 0; }
#graph ul { list-style: none; margin: 4px 0 0; padding: 0; }
#graph ul li { height: 35px; margin: 0; padding: 0; }
#graph.c1 ul li { margin-bottom: 10px; }
#graph.c2 ul li { margin-bottom: 20px; }
#graph.c3 ul li { margin-bottom: 15px; }
#graph.c4 ul li { margin-bottom: 5px; }
#graph ul li a { display: block; overflow: hidden; margin-right: 14px; color: #039; cursor: hand; }
#graph ul li a strong { float: left; width: 213px; height: 40px; margin-left: 14px; font-size: 13px; font-size: 1.3rem; line-height: 27px; white-space: nowrap; }
#graph ul li a:hover strong { text-decoration: underline; color: #600; }
#graph ul li a em { position: absolute; display: block; overflow: hidden; left: 225px; width: 330px; }
#graph ul li a em span { display: block; height: 40px; }
#graph ul li a em span.bar { float: left; opacity: 0.9; }
#graph ul li a em span span { margin: 0 7px 0 0; background-image: url(../img/graphs/bar-css.png); background-position: 0 0; }
#graph ul li a em span span span { margin: 0 -7px 0 11px; padding: 1px 14px 1px 1px; font-weight: bold; font-size: 12px; font-size: 1.2rem; font-style: normal; line-height: 31px; text-align: right; color: #000; background-position: 100% 0;  }
#graph ul li a:hover em span span span { font-size: 24px; font-size: 2.4rem; color: #600; }
#graph ul li a { text-decoration: none; background: url(../img/graphs/bar.png) no-repeat 0 0; }
#graph ul li a:hover { background-position: 0 -40px; }
#graph h4#graphbtm { background: #fff url(../img/graphs/bg-btm2.png) no-repeat 215px 0; }

/* =flexslider ----------------------------------------------------------- */
.flex-container a:active, .flexslider a:active {outline: none;}
.slides, .flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-container { zoom: 1; position: relative;width: 85%; max-width: 540px; margin: 0 auto 38px; background: #999; border: 2px solid #666; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider {width: 100%; margin: 0; padding: 0;}

.flexslider .slides > li {position: relative; display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../img/slideshow/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: -24px;}
.flex-direction-nav li .prev {left: -17px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../img/slideshow/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.no-js .slides > li:first-child {display: block;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* =gallery ----------------------------------------------------------- */
ol.gallery { overflow: hidden; float: left; width: 100%; margin: 0 0 1em 0; }
ol.gallery li { list-style: none; float: left; width: 43%; margin: 0 5.5% 1.5em 0; text-align: center; }
ol.gallery li:before { content: ""; margin: 0; padding: 0; }
ol.gallery.trio li { float: left; width: 30%; margin-right: 3%; }
ol.gallery li:last-child { margin-right: 0; }
ol.gallery li div.frame { overflow: hidden; position: relative; border: 10px solid #ddd; background: #ccc; }
ol.gallery li div.frame .img span { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 5px 0; font-size: 0.8125em; font-weight: normal; line-height: 1.3em; color: #ccc; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); background-color: #333; }
ol.gallery li div.frame .img span { background-color: #222; }
ol.gallery li div.frame .img span strong { display: block; padding: 0 10px; font-weight: normal; color: #fff; }
ol.gallery li div.frame .img span em { font-style: italic; }
ol.gallery li div.frame .vid span { display: block; width: 100%; padding: 5px 0; font-size: 0.8125em; font-weight: normal; line-height: 1.3em; color: #ccc; background-color: #333; }
ol.gallery li div.frame .vid span { background-color: #222; }
ol.gallery li div.frame .vid span strong { display: block; padding: 0 10px; font-weight: normal; color: #fff; }
ol.gallery li div.frame .vid span em { font-style: italic; }
ol.gallery li img { max-width: 100%; }
ol.gallery li object, ol.gallery li embed { width: 100%; }

/* =listings ----------------------------------------------------------- */
ul#pagenav { list-style-type: circle; margin: 0 0 2em; padding: 2px 0 3px 18px; }
.listing li { list-style: none; overflow: hidden; margin: 0; padding: 0.5em; border-top: 1px solid #eee; border-bottom: 1px solid #ccc; }
.listing li:before { content: ""; margin: 0; padding: 0; }
.listing li:nth-child(odd) { border-top-color: #fff; background-color: #f3f3f3; }
.listing li h4 { font-size: 0.85em; font-weight: normal; line-height: 1.4; margin: 0 0 1em; }
.listing li h4 strong { display: block; font-size: 1.25em; font-weight: bold; }
.listing li div.details { margin-left: 32%; }
.listing li div.details p { font-size: 1em; }
.listing li ul.meta { list-style-type: none; float: left; width: 30%; }
.listing li ul.meta li { min-height: 0; margin-bottom: 1em; padding: 0; border: 0; }
.listing li ul.meta li:nth-child(odd) { background-color: inherit; }
.listing li ul.meta li strong { display: block; }
.listing li ul.meta li strong:after { content: ":"; }

.latest li { list-style-type: none; overflow: hidden; margin: 0; padding: 0.5em; border-top: 1px solid #eee; border-bottom: 1px solid #ccc; }
.latest li:before { content: ""; margin: 0; padding: 0; }
.latest li:nth-child(odd) { border-top-color: #fff; background-color: #f3f3f3; }
.latest li h4 { margin: 0; font-size: 16px; font-size: 1.6rem; }
.latest li:hover { cursor: pointer; background-color: #fff; }
.latest li span { display: block; font-size: 12px; font-size: 1.2rem; }
.latest li span a { display: block; font-weight: bold; }
.latest li span a:hover { border-bottom: none; }
.latest li span.date { float: right; width: 20%; }
.latest li span.details { float: left; width: 45%; }
.latest li span.reference { margin: 0 22% 0 47%; }
.latest li.ad { padding: 10px 0; text-align: center; }
.latest p a.button { display: block; width: 10em; height: 2em; line-height: 2em; margin: 0 auto 1em; border: 1px solid; border-color: #f44 #f22 #f22 #f44; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; background: #f44 url(../img/btn-glass.png) repeat-x 0 50%; }
.latest p a.button:hover { border-color: #f44 #f88 #f88 #f44 !important; background-color: #f88; }

/* =sharebar ----------------------------------------------------------- */
.sharebar div { display: inline-block; width: 60px; height: 30px; text-align: left; }
.sharebar div .t-count a { height: 30px !important; }
/* =signs ----------------------------------------------------------- */
.signs { overflow: hidden; list-style: none; }
.signs li { float: left; width: 250px; padding: 5px 10px 5px 20px; border: 1px solid; border-color: #fff #ccc #ccc #fff; font-size: 14px; font-size: 1.4rem; text-shadow: -1px 0 2px rgba(255,255,255,0.9); background: #f4f4f4 url(//cdn.carcomplaints.com/minisites/img/icons/check-green.png) no-repeat 5px 50%; }
.signs li.full { width: 532px; }
.signs li:nth-child(odd) { border-left-color: #ccc; }
.signs li:nth-child(1), .signs li:nth-child(2) { border-top-color: #ccc; }

/* =timeline --*/
.timeline-graph { position: relative; overflow: hidden; margin: 5px 0 1em; padding: 1em 0; font-size: 13px; font-size: 1.3rem; letter-spacing: 1px; background:#f9f9f9; }
.timeline-graph p.meta, #intro .timeline-graph p.meta { margin: 0; padding: 3px 11px; font-size: 11px; font-size: 1.1rem; font-weight: bold; text-align: center; text-shadow: -1px 0 1px rgba(255,255,255,0.9); color: #666; background-color: #f2f2f2; }
.timeline { overflow: hidden; list-style-type: none; width: 95%; margin: 0 auto; padding: 0 0 2.5em; }
.timeline li { list-style: none; width: 9%; position: relative; float: left; height: 8em; margin: 0 0.1em; }
.timeline.fiveyears li { width: 18%; }
.timeline li a { position: relative; display: block; height: 100%; }
.timeline li .label { position: absolute; bottom: -2em; left: 0; display: block; width: 100%; line-height: 2em; text-align: center; }
.timeline li a .count { position: absolute; bottom: 0; left: 0; overflow: hidden; display: block; width: 100%; height: 0; border: 1px solid; border-color: #7e99aa #7e99aa #999 #999; border-width: 1px 1px 0 0; text-indent: -9999px; background: #729abd; }
.timeline li.odd a .count { background: #b1c5dd; }
.timeline li a:hover { border-bottom: 0 !important; color: #333; text-decoration: none; background-color: #eee; }
.timeline li a:hover .count { border: 0; background: #2d7bb2; }
.timeline li a:hover .label { font-weight: bold; color: #900; }

/* =updates --*/
.updates {
  	counter-reset:li;
}
.updates > li {
	list-style: none;
	position: relative;
	margin: 1.5em 10px;
}
.updates > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
    top: 3px;
    left: -25px;
	height: 20px;
	line-height: 18px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding: 1px 5px 1px;
    color: #4c4e4d;
    background:#bfd1df;
   	font-size: .8em;
   	font-weight: 600;
    text-align:center;
}

.updates time {
	font-weight: bold;
}

.updates time:after {
	content: ": ";
}

/* =page specific ----------------------------------------------------------- */
#about ul.fan li { list-style: none; margin: 0 0 0.5em; padding-left: 25px; background-repeat: no-repeat; background-position: 0 50%; }
#about ul.fan li:before { content: ""; }
#about ul.fan li.facebook { background-image: url(../img/icons/facebook-sm.png); }
#about ul.fan li.twitter { background-image: url(../img/icons/twitter-sm.png); }
#about ul.network { float: left; }
#about ul.network li { float: left; width: 33%; }
#about ul.network li a { display: block; padding: 3px 0; letter-spacing: 0.5px; }
#about ul.network li em { padding-right: 1px; font-style: normal; font-weight: bold; color: #348abc; }
#recalls .latest li:first-child { border: 1px solid #ecaaa7; background-color: #fbeeed; }
#trends #graph li { margin-bottom: 10px; }
#trends #graph ul li a em cite { z-index: 11; position: absolute; left: 50px; display: block; height: 40px; line-height: 32px; font-style: normal; }
#trends #graph ul li a em span span span { text-align: left; }
#trends .a200 { float: right; margin: 0 0 1em 1em; }

.vehicle-lineup { list-style: none; float: left; width: 100%; margin: 18px 0 36px; border: 1px solid #eee; border-width: 1px 0; text-align: center; }
.vehicle-lineup li { list-style: none; display: inline-block; margin: 0; width: 32%; height: 140px; }
.vehicle-lineup a { position: relative; display: block; width: 100%; height: 100%; }
.vehicle-lineup img { max-width: 100%; margin-top: 18px; }
.vehicle-lineup span { position: absolute; bottom: 0; left: 0; display: block; width: 100%; }

.viewdoc { float: left; width: 15%; margin-left: -10px; margin-right: 18px; padding: 8px; background-color: #ededed; font-size: 13px; text-align: center; }
.viewdoc img { display: block; float: none; margin: 0 auto 8px; }


/* =ads ----------------------------------------------------------- */
.leaderboard { width: 728px; height: 90px; }
div#google_ads_div_ford_leaderboard_bottom { clear: both; }
#tertiary .leaderboard { margin: 0 auto; text-align: center; }
.ad#problem200 { float: none; display: block; width: 200px; height: 200px; margin: 1em auto; }
.overgraphad,
#overgraphads { position: absolute; top: 17px; right: 7px; }
#cj a { float: left; width: 120px; margin: 0 15px 15px 0; }
#cj a:last-child { margin-right: 0; }
#cj a img { width: 120px; height: 120px; border: 0; }
#cj:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
div.apw { float: left; width: 260px; background-color: #fff; }
div.apw.wide { float: left; width: 94%; margin: 0.5em 0 1em; padding: 0.25em 2.5%; border: 1px solid #ccc; }
div.apw.wide h4 { margin-bottom: 2px; }
div.apw.wide p.image { float: left; width: 25%; text-align: left; }
div.apw.wide p.image img { width: 90%; }
div.apw.wide p.image a { display: block; width: 100%; }
#primary div.apw.wide p.image img { float: none; max-width: 100%; margin: 0; }
div.apw.wide p.action { float: left; width: 35%; padding-top: 1em; text-align: right; }
div.apw.wide p.action a.button { float: right; }
div.apw.wide ul { list-style-type: none; float: left; margin-left: 18px; width: 35%; }
div.apw.wide ul li { clear: right; padding: 2px 0; border-bottom: 1px dotted #eee;  }
div.apw.wide ul li strike, div.apw.wide ul li strong { float: right; }
div.apw.wide ul li.save { font-size: 16px; font-size: 1.6rem; font-weight: bold; }
div.apw.wide ul li.save strong { color: #0c8d0c; }
div.apw.wide ul li.warehouse strong { color: #0c8d0c;}

.post-share-menu { list-style: none; line-height: 1em; margin: 0; padding: 0; }
.post-share-menu-item,.post-share-menu-title{
	display:inline-block;
	vertical-align:middle;
	line-height:0
}

.post-share-menu-title{
	font-size:95%;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	position:relative;
	top:.0625em
}

@media only screen and (min-width:40em){
	.post-share-menu-title{
		font-size:1em
	}

}

.post-share-menu-item{
	margin-left:-.25em
}

.post-share-menu-link{
	padding:.625em;
	border:0;
	display:block
}

.post-share-menu-link .svg-icon{
	width:1.375em;
	height:1.375em
}

.post-share-menu-link:hover .svg-icon{
	fill:#fff
}

.post-share-menu-link--twitter{
	margin-left:.75em
}

.post-share-menu-link--twitter .svg-icon{
	fill:#55acee
}

.post-share-menu-link--twitter:hover{
	background-color:#55acee
}

.post-share-menu-link--facebook .svg-icon{
	fill:#3b5998
}

.post-share-menu-link--facebook:hover{
	background-color:#3b5998
}

.post-share-menu-link--google .svg-icon{
	fill:#dd4b39
}

.post-share-menu-link--google:hover{
	background-color:#dd4b39
}

.post-share-menu-link--link .svg-icon{
	fill:#ff9800
}

.post-share-menu-link--link:hover{
	background-color:#ff9800
}

/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; height: 100%; }
.flickity-slider { position: absolute; width: 100%; height: 100%; }

/* draggable */
.flickity-enabled.is-draggable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 64px; border: none; background: white; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: background 0.15s linear; /* vertically center */ -webkit-transform: translateY(-50%); transform: translateY(-50%); /* color & size if no SVG - IE8 and Android 2.3 */ }
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F; }
.flickity-prev-next-button:active { filter: alpha(opacity=60); /* IE8 */ opacity: 0.6; }
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
.flickity-prev-next-button:disabled { filter: alpha(opacity=30); /* IE8 */ opacity: 0.1; cursor: auto; }
.flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; }
.flickity-prev-next-button .arrow { fill: #222326; }
.flickity-prev-next-button.no-svg { color: #333; font-size: 26px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; }
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; }

/* ---- page dots ---- */
.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }
.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); /* IE8 */ opacity: 0.25; cursor: pointer; }
.flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); /* IE8 */ opacity: 1; }

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-images { overflow: hidden; margin: 0 0 18px; padding: 0 1em; }
.flickity-images,
.flickity-images img { height: 18.75em; }

@media only screen and (min-width: 40em) {
    .flickity-images,
    .flickity-images img { height: 25em; }
}

@media only screen and (min-width: 48em) {
    .flickity-images,
    .flickity-images img { height: 31.25em; }
}

.flickity-images img { display: block; }


@media screen and (max-width: 505px) {
	#graph { position: relative; width: 100%; min-height: 260px; margin: 1em 0; padding: 0 0 50px; background: transparent; }
	#graph #graphtop, #graph #graphbtm { display: none; }
	#graph ul { list-style: none; width: 100%; margin: 4px 0 0; padding: 0; }
	#graph ul li { position: relative; max-width: 100%; height: 35px; margin: 0; padding: 0; }
	#graph ul li a { display: block; overflow: hidden; margin-right: 14px; color: #039; cursor: hand; }
	#graph ul li a strong { z-index: 2; position: absolute; top: 30%; left: 5px; margin-left: 0; height: auto; white-space: nowrap; line-height: 1; text-shadow: 1px 1px 1px rgba(255,255,255,0.85); }
	#graph ul li a:hover strong { text-decoration: underline; color: #600; }
	#graph ul li a em { position: static; left: 0; width: 100%; }
	#graph ul li a em span { display: block; height: 34px; }
	#graph ul li a em span.bar { float: left; opacity: 0.9; }
	#graph ul li a em span span { z-index: 1; margin: 0; border-right: 1px solid #7E99AA; border-bottom: 1px solid #7E99AA; background-image: none; background-color: #B1C5DD; }
	#graph ul li:nth-child(even) a em span span { background-color: #729ABD; }
	#graph ul li a em span span span,
	#graph ul li:nth-child(even) a em span span span { position: absolute; top: 0; right: 20px; margin: 0; padding: 0; border: 0; background: transparent; }
	#graph ul li a:hover em span span span { font-size: 20px; font-size: 2.0rem; color: #600; }
	#graph ul li a { background-image: none; }
	#graph ul li a:hover { background-position: 0 -40px; }
	#graph h4#graphbtm { background-image: none; }
	#graph .overgraphad,
    #graph #overgraphads { position: static !important; margin: 1em auto; }

	#about ul.network { border-left: 1px solid #ccc; }
	#about ul.network li { list-style-type: none; width: 45%; padding: 0 2.5%; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #eee; }
	#about ul.network li a { display: block; padding: 8px 0; letter-spacing: 0.5px; }
	#about ul.network li em { color: inherit; }

	.latest li span { display: block; margin-bottom: 5px; font-size: 12px; font-size: 1.2rem; }
	.latest li span a { display: inline; font-weight: bold; }
	.latest li span a:hover { border-bottom: none; }
	.latest li span.date { float: none; width: 100%; }
	.latest li span.details { float: none; width: 100%; }
	.latest li span.reference { margin: 0; }
	.latest li.ad { padding: 10px 0; text-align: center; }
	.latest p a.button { display: block; width: 10em; height: 2em; line-height: 2em; margin: 0 auto 1em; border: 1px solid; border-color: #f44 #f22 #f22 #f44; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; background: #f44 url(../img/btn-glass.png) repeat-x 0 50%; }
	.latest p a.button:hover { border-color: #f44 #f88 #f88 #f44 !important; background-color: #f88; }
}

@media screen and (min-width: 506px) {
	.ad#problem200 { float: left; width: 200px; height: 200px; margin: 0.4em 0.5em 0.5em 0; }

    .filecomplaint p {
        padding-right: 200px;
    }
    .filecomplaint a.button {
        position: absolute; bottom: 20%; right: 0;
    }
}