/* Sowetan Live 2013 */

/* CSS Reset Minified ==================================== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Defaults ==================================== */

body {
    line-height: 1;
    background: #fff;
    color: #777;
    font-family: Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.3em;
    padding-top:4.5em;
}

body.loading .loadingbox {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background: rgba(255, 255, 255, .8);	
	z-index:999999;
	display: block	
}

body.loading .loadingbox .loader {
	background: url(../images/loader.gif) no-repeat center center; 
	border-radius: 50px;
	-moz-border-radius: 50px;
	width:50px;
	height:50px;  
	margin:20% auto;   
}
.loadingbox {
	background: transparent;
	display: none	
}
	
/* Typography ==================================== */
	
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px;
    padding: 0;
    font-family: 'Droid Serif', serif;
    font-weight: normal;
    color: #222;
}

h1 {
    font-size: 3em;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 10px;
}

h2 {
    font-size: 2.3em;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 10px;
}

h3 {
    font-size: 2em;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 10px;
}

h4 {
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 10px;
}

h5 {
    font-size: 1em;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 10px;
}

h6 {
    font-size: .8em;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 10px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    text-decoration: none;
    color: #222;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none;
    color: #d92819;
}

a, a:visited {
    color: #d92819;
}

a:hover {
    color: #222;
}

p {
    margin: 0 0 1em;
    padding: 0;
}

.label {
    background: #d92819;
    color: #fff;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
}

ul li a, ul li a:visited, ol li a, ol li a:visited {
    color: #222;
    text-decoration: none;
}

ul li a:hover, ol li a:hover {
    color: #d92819;
}

ul li a span, ul li a:visited span, ol li a span, ol li a:visited span {
    color: #d92819;
    text-transform: uppercase;
    font-weight: bold;
}

h2.label {
    border-bottom: solid 1px #c21f12;
}

h2.label a, h2.label span {
    background-color: #d92819;
    display: block;
    padding: 1em;
    color: #fff;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
}

h2.label a {
    background-image: url(../images/label_arrow_background.png);
    background-repeat: no-repeat;
    background-position: top right;
}

h2.label a:hover {
    background-color: #c11e10;
}

.label-padded {
    margin: 0 0 1em;
}

h2.label-alt {
    border-bottom: solid 1px #222;
}

h2.label-alt a, h2.label-alt span {
    background-color: #444;
}

h2.label-alt a:hover {
    background-color: #555;
}

h2.label-alt-alt {
    border-bottom: solid 1px #e2b42b;
}

h2.label-alt-alt a, h2.label-alt-alt span {
    background-color: #ffcc33;
    color: #333;
}

h2.label-alt-alt a:hover {
    background-color: #ffc109;
}

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(fonts/font.woff) format('woff');
}
 
	
/* Images ==================================== */

.thumb {
    margin: 0 0 .8em;
}

.alignleft {
    margin: 0 .8em .8em 0;
    float: left;
}

.alignright {
    margin: 0 0 .8em .8em;
    float: right;
}
	
/* Structure and containers ==================================== */
 
	
.container {
    margin: 0 auto;
    min-width: 57.143em;
 /* 300px @ 16px */
    max-width: 81.429em;
 /* 1140px @ 16px */;
}

.container_inner {
    float: left;
    width: 100%;
}

.inner {
    margin: 0 10px 10px 0;
}

#wrapper {
    margin: 10px;
	z-index:99997;
}

#container_main {
    margin-right: 21.429em;
}

#sidebar {
    float: right;
    width: 21.429em;
}

.row {
    clear: both;
    margin: 0;
    padding: 0;
}

.row .row {
    margin-right: -10px;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
    float: left;
}

.span12 {
    width: 100%;
}

.span11 {
    width: 91.6666666667%;
}

.span10 {
    width: 83.3333333333%;
}

.span9 {
    width: 75%;
}

.span8 {
    width: 66.6666666667%;
}

.span7 {
    width: 58.3333333333%;
}

.span6 {
    width: 50%;
}

.span5 {
    width: 41.6666666667%;
}

.span4 {
    width: 33.3333333333%;
}

.span3 {
    width: 25%;
}

.span2 {
    width: 16.6666666667%;
}

.span1 {
    width: 8.33333333333%;
}

.clear {
    clear: both;
}

.box {
    margin-bottom: 10px;
}

.container_mid {
    margin-left: 21.429em;
}

.container_mid .inner {
    margin: 0 0 10px 10px;
}

.container_mid .inner-last {
    margin: 0 10px 10px 10px;
}

.advert_mid {
    float: left;
    width: 21.429em;
}

.container_header {
    margin-left: 52em;
}

.container_header .inner {
    margin: 0 0 0 10px;
}

.container_header h5 {
    margin: 0 0 .2em;
    padding: 0;
    font-size: .9em;
}

.container_header p {
    margin: 0;
    padding: 0;
    font-size: .9em;
    line-height: 1.2em;
}

.container_header .inner .thumb, .container_header .inner .alignleft {
    margin: 0 10px 0 0;
}

.advert_header {
    float: left;
    width: 52em;
}

.advert_header .advert {
    margin: 0 0 .5em;
} 
	
/* Forms ==================================== */

form {
    margin: 0 0 1.8em;
}

form p {
    margin: 0 0 .5em;
}

label {
    color: #333;
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    background: #d92819;
    border: solid 1px #d92819;
    color: #fff;
    border: 0;
    font-size: .8em;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
    padding: .8em 1em;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

input.text, input[type="text"] {
    background: #f9f9f9;
    border: solid 1px #e8e8e8;
    font-size: 1em;
    font-family: Helvetica, sans-serif;
    padding: .5em 1em;
}

/* Header */

#header {
    padding: 0 0;
    background: #d92819;
    margin-bottom: 10px;
    position: fixed; 
    top:0;
    left:0;
    right:0;
		z-index:99999;
} 

#header h1 {
    float: left;
    display: inline;
    width: 225px;
    height: 63px;
    border: 0;
    margin: 0;
}

#header h1 a {
    display: block;
    width: 225px;
    height: 63px;
    text-indent: -1000px;
    background: url(../images/logo.png) top left no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    border: 0;
}

#header .container {
	position: relative	
}

#header #loginbox {
	display: none;
	position: absolute; 
	top:4.5em;
	right:-1px;
	width:30em;
}

#header #loginbox form {
	margin:0;
	padding:0;
}
 
#header #loginbox .inner {
	padding:1em;
	margin:0;	 
	background: #fff;	
	border: solid 1px #ddd;
	border-top:0;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);	
}
 
#header #loginbox .inner input.text {
	width:26em;
	margin-top:.5em
}
 
#header #loginbox .inner p{
	margin:0;
	padding:0 0 1em
}

/* menu ==================================== */

#menu {
    width: 99%;
    margin: 0 0 0 .5em;
    padding-top: 1.5em;
}

#menu .anchor li {
    float: left;
}

#menu .anchor a {
    display: none;
    color: #fff;
}

#menu  ul {
    height: 20px;
    width: 100%;
}

#menu .anchor ul li a {
    display: inline;
    padding: .5em 0 .5em .5em;
}

#menu .anchor ul li.right {
    float: right;
}

#menu .anchor ul li.home a {
    background: url(../images/haeader_home_background.png) no-repeat .7em .7em;
    padding-left: 1.8em;
}

#menu .anchor ul li.search a {
/*     background: url(../images/haeader_search_background.png) no-repeat .7em .7em; */
    padding-left: 2em;
}

#menu .anchor ul li.weather a {
/*     background: url(../images/haeader_weather_background.png) no-repeat .7em .7em; */
    padding-left: 2.4em;
}

#menu .anchor ul li.traffic a {
/*     background: url(../images/haeader_traffic_background.png) no-repeat .7em .8em; */
    padding-left: 2em;
}

#menu .anchor ul li.radio a {
/*     background: url(../images/haeader_radio_background.png) no-repeat .7em .7em; */
    padding-left: 2em;
}
#menu .anchor ul li.goodlife a {
/*     background: url(../images/haeader_radio_background.png) no-repeat .7em .7em; */
    padding-left: 2em;
}

#menu .anchor ul li.entertainment a {
/*     background: url(../images/haeader_radio_background.png) no-repeat .7em .7em; */
    padding-left: 2em;
}

#menu .anchor ul li.sport a {
/*     background: url(../images/haeader_radio_background.png) no-repeat .7em .7em; */
    padding-left: 2em;
}

#menu .anchor ul li.business a {
/*     background: url(../images/haeader_radio_background.png) no-repeat .7em .7em; */
    padding-left: 2em;
}

#menu .anchor ul li.subscribe {
	margin-right:.6em;
}

#menu .anchor ul li.signin a {
    display: inline;
    color: #fff;
    display: inline;
    margin: .4em 0em 0 0;
    padding: .4em 1.8em .4em .8em;
    background: #b22114 url(../images/haeader_facebook_background.png) no-repeat center right;
    border-bottom: solid 1px #e04f42;
}

#menu .anchor ul a.facebook,
#menu .anchor ul a.twitter,
#menu .anchor ul a.youtube,
#menu .anchor ul a.pinterest,
#menu .anchor ul a.googleplus {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(../images/header_social_background.png) no-repeat 0 0;
    margin-right: .5em;
    padding: 0;
}

#menu .anchor ul a.facebook {
    background-position: 0 0;
}

#menu .anchor ul a.twitter {
    background-position: -20px 0;
}

#menu .anchor ul a.youtube {
    background-position: -43px 0;
}

#menu .anchor ul a.pinterest {
    background-position: -68px 0;
}

#menu .anchor ul a.googleplus {
    background-position: -93px 0;
}

#menu .anchor ul a.facebook:hover {
    background-position: 0 -16px;
}

#menu .anchor ul a.twitter:hover {
    background-position: -20px -16px;
}

#menu .anchor ul a.youtube:hover {
    background-position: -43px -16px;
}

#menu .anchor ul a.pinterest:hover {
    background-position: -68px -16px;
}

#menu .anchor ul a.googleplus:hover {
    background-position: -93px -16px;
}

#menu .anchor ul li.sections a {
    display: inline;
    color: #fff;
    display: inline;
    padding: .5em 1em .5em 1em;
    margin-left: 1em; 
	        padding: .4em .8em .4em 2em;
	        background: #b22114 url(../images/haeader_sections_background.png) no-repeat .5em .5em;
    border-bottom: solid 1px #e04f42;
}

.menu-box {
    background: #333;
    border-bottom: solid 1px #000;
    border-top: solid 1px #fff;
    position: absolute;
    top: 4.5em;
    left: 0;
    right: 0;
    z-index: 9999;
}

.menu-box .inner {
    margin: 0;
    padding: 2em 0;
}

.menu-box .close {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    text-indent: -1000px;
    overflow: hidden;
    background: url(../images/header-box-close.png) no-repeat 0 0;
    margin-right: .5em;
    margin-top: 1em;
    padding: 0;
}



.menu-box form {
    margin: 0;
    padding: .4em;
    float: left;
    background: #fff;
}

.menu-box form input.text {
    border: solid 1px #fff;
    background: #fff;
    width: 300px;
    font-style: italic;
}

.menu-box .advanced {
    color: #999;
    display: block;
    float: left;
    padding: 1em;
    text-decoration: none;
}


	
#menu-box-weather .close {
    margin-top: .3em;
}
	
	

#menu-box-search, #menu-box-weather, #menu-box-radio, #menu-box-goodlife, #menu-box-entertainment, #menu-box-sport, #menu-box-business{
    display: none;
}
 

#menu-box-weather img {
    float: left;
}

#menu-box-weather h2, #menu-box-weather h3, #menu-box-weather h4 {
    color: #fff;
    font-family: Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#menu-box-weather h2 {
    font-size: 2.3em;
    margin-top: -5px;
    margin-right: 10px;
    float: left;
}

#menu-box-weather h3 {
    font-size: 1.2em;
}

#menu-box-weather h4 {
    font-size: .8em;
    color: #999;
}

#menu-box-weather .infobox {
    float: left;
}

#menu-box-radio .close {
    margin-top: .3em;
}

#menu-box-goodlife .close {
    margin-top: .3em;
}

#menu-box-entertainment .close {
    margin-top: .3em;
}

#menu-box-sport .close {
    margin-top: .3em;
}

#menu-box-business .close {
    margin-top: .3em;
}
	 

#menu-box-radio img {
    float: left;
}
#menu-box-entertainment img {
    float: left;
}
#menu-box-sport img {
    float: left;
}

#menu-box-business img {
    float: left;
}

#menu-box-radio h2, #menu-box-radio h3, #menu-box-radio h4 {
    color: #fff;
    font-family: Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#menu-box-goodlife h2, #menu-box-goodlife h3, #menu-box-goodlife h4 {
    color: #fff;
    font-family: Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#menu-box-entertainment h2, #menu-box-entertainment h3, #menu-box-entertainment h4 {
    color: #fff;
    font-family: Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#menu-box-sport h2, #menu-box-sport h3, #menu-box-sport h4 {
    color: #fff;
    font-family: Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#menu-box-business h2, #menu-box-business h3, #menu-box-business h4 {
    color: #fff;
    font-family: Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#menu-box-radio h2 {
    font-size: 2.3em;
    margin-top: -5px;
    margin-right: 10px;
    float: left;
}

#menu-box-radio h3 {
    font-size: 1.2em;
}

#menu-box-radio h4 {
    font-size: .8em;
    color: #999;
}

#menu-box-radio .infobox {
    float: left;
}
#menu-box-goodlife h2 {
    font-size: 2.3em;
    margin-top: -5px;
    margin-right: 10px;
    float: left;
}

#menu-box-goodlife h3 {
    font-size: 1.2em;
}

#menu-box-goodlife h4 {
    font-size: .8em;
    color: #999;
}

#menu-box-goodlife .infobox {
    float: left;
}

#menu-box-entertainment h2 {
    font-size: 2.3em;
    margin-top: -5px;
    margin-right: 10px;
    float: left;
}

#menu-box-entertainment h3 {
    font-size: 1.2em;
}

#menu-box-entertainment h4 {
    font-size: .8em;
    color: #999;
}

#menu-box-entertainment .infobox {
    float: left;
}


#menu-box-sport h2 {
    font-size: 2.3em;
    margin-top: -5px;
    margin-right: 10px;
    float: left;
}

#menu-box-sport h3 {
    font-size: 1.2em;
}

#menu-box-sport h4 {
    font-size: .8em;
    color: #999;
}

#menu-box-sport .infobox {
    float: left;
}

#menu-box-business h2 {
    font-size: 2.3em;
    margin-top: -5px;
    margin-right: 10px;
    float: left;
}

#menu-box-business h3 {
    font-size: 1.2em;
}

#menu-box-business h4 {
    font-size: .8em;
    color: #999;
}

#menu-box-business .infobox {
    float: left;
}




/* Side Menu ==================================== */
#side_menu
{
	position:fixed;
	height:100%;
	z-index:999;
	width:200px;
	overflow:visible;
	display: none
}
#side_menu ul.main-side-menu
{
	display:block;
	list-style:none;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:#222;
	border-right: solid 1px #444;
}
#side_menu li a
{
	display:block;
	color:#ddd;
	padding:10px 50px 10px 10px;
	border-bottom: solid 1px #515151;
	border-top: solid 1px #000;
	background-repeat:no-repeat;
	background-position:top right;
	font-weight: bold;
}

#side_menu ul.main-side-menu li a
{
	background-image: url(../images/side_menu_arrrow_light.png);
}

#side_menu ul.main-side-menu li:first-child a
{
	background-image: none;
}

#side_menu ul.main-side-menu 
{ 
	border-bottom: solid 1px #000
}


#side_menu ul.main-side-menu li a:hover
{
	background-color:#d92819;
	color:#fff;
}
#side_menu ul.main-side-menu li a.selected
{
	background-color:#d92819;
	color:#fff;
}
#side_menu ul.main-side-menu li a.flat
{
	color:#bbb;
	font-weight: normal
}
#side_menu ul.main-side-menu li a.flat:hover {
	color:#fff;	
}

#side_menu li a.submenu-home-link
{
	background-color:#ffcc33;
	color:#fff;
	color:#222;
/* 	background-image: url(../images/side_menu_arrrow_dark.png);  */
}
#side_menu div.side-submenu
{
	position:absolute;
	top:0px;
	width:100%;
	left:0px;
	height:100%;
	background-color:#3e3e3e;
	color:#fff;
	border-right: solid 1px #000;
}

#side_menu div.side-submenu ul
{ 
	border-bottom: solid 1px #000
}

#side_menu div.side-submenu a 
{ 
	border-bottom: solid 1px #6b6b6b
	border-top: solid 1px #777
}

#side_menu div.side-submenu a:hover
{
	background-color:#d92819;
	color:#fff;
}

/* Footer ==================================== */

#footer {
    background: #292929;
    margin-top: 1em;
    padding-bottom:3em
}

#footer .inner {
    background: #2e2e2e;
    padding: 1em;
    min-height:300px;
}

#footer h2.label {
    border: 0;
}

#footer h2.label, #footer h2.label span, #footer h2.label a {
    background: transparent;
    padding: 0;
    margin: 0;
}

#footer h2.label {
    margin-bottom: 1em;
}

#footer ul {
    margin: 0 0 1em;
}

#footer ul li a {
    color: #868686;
    text-decoration: none;
    font-size: .9em;
}

#footer ul li ul {
    margin: 0;
}

#footer ul li ul li {
    margin-left: 2em;
}

#footer .subfooter .innerbox {
	margin-right:10px;
	padding:0;
 
}

#footer .subfooter .tmlogo {
	text-align: right	
}

/* Adverts ==================================== */

.advert {
    margin-bottom: 1em;
}


/* source ==================================== */

.source {
	font-size:.9em;
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd;
	margin:0 0 1em 0;	
	padding:1em 0;
}

.source p {
	padding:0;
	margin:0;
}

.source img {
	padding:0;
	margin:0;
}

.source strong {
	color:#333;
	text-transform: uppercase;
	font-weight: bold;
}
.source a {
	color:#333;
	text-decoration: none
}

/* Info ==================================== */

.info {
	background:#eee;
	padding:1em;
	font-style: italic;
	text-align: center
}	

/* Alerts ==================================== */

.alert {
    margin-bottom: 1em;
    padding:1.5em;
    text-align: center;
    background:#f7b115 url(../images/alert_background.png) repeat-x top left;
	border: solid 1px #d8a200;
	border-top: solid 1px #584200;
	border-bottom: solid 1px #584200;
	color:#4b3a09;
	text-shadow:#ffe087 0 1px 0px; 
}

.alert a {
	color:#222;
	font-weight: bold;	
}

.alert a.button {
	color:#fff;
	background: #dd2b1c url(../images/alert_button_background.png) repeat-x top left;
	font-weight: bold;	
	text-decoration: none;
	padding:.5em .8em;
	text-shadow:#911409 0 1px 0px; 
	border: solid 1px #911409;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin:0 .5em;
}
	
/* Tabs ==================================== */

.tabbed .menu {
    background: #444;
    float: both;
    height: 3.5em;
    font-size: .85em;
    padding: 0;
    margin: 0;
}

.tabbed .menu li {
    list-style: none;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
}

.tabbed .menu li a {
    display: block;
    padding: .8em 1em .7em;
    margin: 0;
    line-height: 2em;
    background: #444;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1em;
}

.tabbed .menu li.selected a {
    background: #d92819;
}

.tabbed .tabContent {
    padding: 1px 0 1em 0;
    clear: both;
}

.tabbed .tabContent ol, .tabbed .tabContent ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1em;
}

.tabbed .tabContent ol a, .tabbed .tabContent ul a {
    text-decoration: none;
    display: block;
    padding: .6em 0 .6em 0;
    font-size: .9em;
}

.tabbed .tabContent ol li a span, .tabbed .tabContent ul li a span {
    text-transform: uppercase;
    font-weight: bold;
}

.tabbed .tabContent ol {
}

.tabbed .tabContent ol li {
    border: 0;
    list-style: none;
    margin: 0 0 1px 0;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.tabbed .tabContent ol li.num_1 {
    background-image: url(../images/list_1_background.png);
}

.tabbed .tabContent ol li.num_2 {
    background-image: url(../images/list_2_background.png);
}

.tabbed .tabContent ol li.num_3 {
    background-image: url(../images/list_3_background.png);
}

.tabbed .tabContent ol li.num_4 {
    background-image: url(../images/list_4_background.png);
}

.tabbed .tabContent ol li.num_5 {
    background-image: url(../images/list_5_background.png);
}

.tabbed .tabContent ol li.num_6 {
    background-image: url(../images/list_6_background.png);
}

.tabbed .tabContent ol li.num_7 {
    background-image: url(../images/list_7_background.png);
}

.tabbed .tabContent ol li.num_8 {
    background-image: url(../images/list_8_background.png);
}

.tabbed .tabContent ol li.num_9 {
    background-image: url(../images/list_9_background.png);
}

.tabbed .tabContent ol li.num_10 {
    background-image: url(../images/list_10_background.png);
}

.tabbed .tabContent ol li:hover {
    background-color: #eee;
}

.tabbed .tabContent ol li a {
    padding: .6em 0 .6em 35px;
}	

/* Sidebar ==================================== */

#sidebar h2.label {
    border-bottom: solid 1px #222;
}

#sidebar h2.label a, #sidebar h2.label span {
    background-color: #444;
}

#sidebar h2.label a:hover {
    background-color: #555;
}



#sidebar .radiobox h2.label {
    border-bottom: 0;
}

#sidebar .radiobox h2.label a, #sidebar .radiobox  h2.label span {
    background: #ffcc33 url(../images/radiobox_background.png) no-repeat top left;
    color: #333;
    padding-left:120px;
}

#sidebar .radiobox  h2.label a:hover {
    background-color: #ffc109;
}


/* Featured block ==================================== */

.featured ul {
    margin-bottom: 1em;
}

.featured ul li {
}

.featured ul li a {
    font-family: 'Droid Serif', serif;
    font-weight: normal;
    color: #222;
    text-decoration: none;
    border-top: solid 1px #e8e8e8;
    padding: .3em 0;
    display: block;
    font-size: .9em;
}

.featured ul li a:hover {
    color: #d92819;
}

.featured ul li a span {
    color: #d92819;
    text-transform: uppercase;
}
	
/* Quote of the day ==================================== */

.quote {
    background: url(../images/quote_left.png) no-repeat 0px 60px;
}

.quote h4 {
    margin-left: 30px;
    font-size: 1.2em;
} 
	
/* multimedia ==================================== */

.multimedia .inner .box {
    position: relative;
}

.multimedia .inner .box {
    position: relative;
}

.multimedia .inner .box .video, .multimedia .inner .box .audio {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -1000px;
    overflow: hidden;
    border: 0;
    position: absolute;
    bottom: 4px;
    right: 0;
}

.multimedia .inner .box .video {
    background: #d92819 url(../images/multimedia_icons_background.png) no-repeat 0 -30px;
}

.multimedia .inner .box .audio {
    background: #444 url(../images/multimedia_icons_background.png) no-repeat 0 0;
}

.video-embed {
    margin-bottom: .5em;
    background:#333;
    color:#fff;
    z-index:99
}

.inner .video-embed .inner {
	display: block;
	padding:.5em 1em;
	margin:0;  
}
.video-embed .inner  h5 {	
    color:#fff;
    margin:0 0 .5em;
    padding:0;
 
}
.video-embed .inner  h5 a {
    color:#fff;
 
}

/* Section blocks ==================================== */

.section ul.list {
}

.section ul.list li {
    border-left: solid 8px #d92819;
    margin-bottom: 1px;
    padding: .4em .5em;
    font-size: .9em;
}

.section ul.list li.audio, .section ul.list li.video {
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 35px;
}

.section ul.list li.audio {
    background-image: url(../images/list_audio_background.png);
}

.section ul.list li.video {
    background-image: url(../images/list_video_background.png);
} 

/* Article ==================================== */

.article .meta {
    margin-bottom: 1em;
}

.article .border .inner {
    border-bottom: solid 1px #ddd;
}

.article .meta .inner {
    color: #666;
}

.article .meta .inner a {
    text-decoration: none;
}

.article .meta .inner-right {
    text-align: right;
}

.article .meta .inner-right a {
    color: #666;
}

.article .meta .inner-right a span {
    color: #d92819;
}

.article ul.list li {
    border-left: solid 8px #d92819;
    margin-bottom: 1px;
    padding: 0em .3em;
    font-size: .9em;
}

.article .related h2.label {
    border: 0;
}

.article .related h2.label span , .article .related h2.label a {
    background: #fff;
    padding: 0;
    color: #d92819;
}

.article .article-columns .span3, .article .article-columns .span9 {
    float: right;
}

.article .related .video {
    position: relative;
}

.article .related .video .overlay {
    background: url(../images/multimedia_video_overlay_background.png) no-repeat center center;
    display: block;
    width: 66px;
    height: 66px;
    text-indent: -1000px;
    overflow: hidden;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
}

.article .realted-embed {
    float: right;
    width: 30%;
    margin: 0 0 1em 1em;
}

.article .realted-embed  .video .overlay {
    background: transparent;
}

.article .imagecaption {
    padding: 1em;
    border: solid 1px #ddd;
    background: #f9f9f9;
    margin-bottom: 1em;
}

.article .imagecaption .caption {
    display: block;
    color: #999;
    margin-top: 10px;
    font-style: italic;
}

.article .imagecaption .caption strong {
    color: #777;
    font-weight: bold;
}

.article .imagecaption .caption a {
    color: #777;
}

.article .imagecaption-left {
    width: 50%;
    float: left;
    margin: 0 1em 1em 0;
}

.article .imagecaption-right {
    width: 50%;
    float: right;
    margin: 0 0 1em 1em;
}

/* Pagination ==================================== */

.pagination {
    border: solid 1px #ddd;
    border-left: 0;
    border-right: 0;
    padding: 1.5em 0;
    margin-bottom: 1em;
}

.pagination .left {
    float: left;
    margin: 0;
    padding: 0;
}

.pagination .right {
    text-align: right;
    float: right;
    margin: 0;
    padding: 0;
}

.pagination .inner {
    margin-bottom: 0;
}

.pagination a, .pagination span {
    text-decoration: none;
    cursor: pointer;
    background: #d92819;
    border: solid 1px #d92819;
    color: #fff;
    border: 0;
    font-size: .8em;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 1em 2em;
}

.pagination span {
    background: #dddddd;
    border: solid 1px #dddddd;
    color: #999;
}
	
/* Comments ==================================== */

.comments .title {
    background-color: #444;
    padding: 1em 1em .3em;
    margin-right: 10px;
    color: #999;
}

.comments .title h2.label {
    background: transparent url(../images/comment_label_background.png) no-repeat 0 3px;
    border: 0;
    float: left;
    padding-left: 20px;
}

.comments .title h2.label span {
    background: transparent;
    border: 0;
    padding: 0;
}

.comments .title .right {
    text-align: right;
}

.comments .title a {
    color: #fff;
    text-decoration: none;
}

.comments .title a:hover {
    color: #eee;
    text-decoration: underline;
}

.commentlist {
}

.commentlist .inner {
    margin: 0;
}

.commentlist .user {
    background: #f8f8f8;
    padding: 1em;
    border-right: solid 1px #ddd;
    text-align: right;
}

.commentlist .comment {
    background: #fff;
    margin-right: 0;
    margin-left: -1px;
    padding: 1em;
}

.commentlist .comments-row {
    background: #f8f8f8;
    margin-right: 10px;
    border-bottom: solid 1px #ddd;
}

.commentlist h4 {
    color: #333;
    font-family: Helvetica, sans-serif;
}

.commentlist h4 a {
    color: #d92819;
}

.commentlist h4 a:hover {
    color: #333;
}

.commentlist a.report, .commentlist a.reply {
    text-decoration: none;
    cursor: pointer;
    background: #d92819;
    border: solid 1px #d92819;
    color: #fff;
    font-size: .8em;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
    padding: .5em 1em;
}

.commentlist a.reply {
    background: #d92819 url(../images/comment_label_background.png) no-repeat .9em .9em;
    padding-left: 3em;
}

.commentlist a.reply:hover {
    background-color: #333;
    border-color: #222;
    color: #fff;
}

.commentlist a.report {
    color: #777;
    background: #f9f9f9;
    border-color: #ddd;
}

.commentlist a.report:hover {
    background-color: #333;
    border-color: #222;
    color: #fff;
}

.commentlist .readmore a {
    display: block;
    background: #fff url(../images/comment_readmore_background.png) no-repeat 1em 1.2em;
    padding: 1em 0 1em 2.5em;
    text-decoration: none;
    font-weight: bold;
}


/* Editorial bar ==================================== */

.editorial {
	background:#fff;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);	
	margin-bottom:1em;
	padding:.7em 10px; 	
}
.header-carousel {
	position: relative
}

.editorial .slides {
	height:70px;
	overflow: hidden;
}

 .editorial li {
	float: left;
	width:221px
 }
 .editorial .box {
	padding:.5em;
	margin:0;
	background:#eee;
	margin-right:10px; 
}

 .editorial .first {
	background: #333;
}

 .editorial .first h5 a {
	color: #fff;
}

 .editorial .second {
	background: #ffcc33;
}

 .editorial .box img.alignleft {
	margin:0 .5em 0 0;	
}

 .editorial .box h5 {
	margin:0 0 10px;	
	font-size:.9em
}

.editorial .flex-prev, .editorial .flex-next {
	background:#333 url(../images/toolbar_arrow_right.png) no-repeat center center;  
	position: absolute;
	top:0;
	right:-1px; 
	float: right;
	width: 35px;
	height: 34px;
	text-indent: -1000px;
	overflow: hidden;	
	border-bottom: solid 1px #fff;
	border-left: solid 10px #fff;
}

.editorial .flex-prev {
	top:35px; 
	background:#333 url(../images/toolbar_arrow_left.png) no-repeat center center; 
}
.editorial .flex-prev:hover, .editorial .flex-next:hover {
	background-color:#333;
 
}


/* general bar ==================================== */

.general {
	margin-bottom:1em;
	margin-right:10px;
}

.general .container {
	min-width: 100%;
	max-width: 100%;
}

.general-carousel {
	position: relative
} 

 .general li {
	float: left; 
 }
 .general .box { 
	margin-right:10px; 
}  

.general .flex-prev, .general .flex-next {
	background:#ba2215 url(../images/toolbar_arrow_right.png) no-repeat center center;  
	border-left: solid 1px #961c11;
	position: absolute;
	top:0;
	right:0; 
	float: right;
	width: 3.2em;
	height: 3.2em;
	text-indent: -1000px;
	overflow: hidden;	 
}

.general .flex-prev {
	right:3.2em; 
	background:#ba2215 url(../images/toolbar_arrow_left.png) no-repeat center center; 
}
.general .flex-prev:hover, .general .flex-next:hover {
	background-color:#333;
 
}

/* Toolbar ==================================== */
	 
.toolbar {
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	background:#e9e9e9 url(../images/toolbar_background.png) repeat-x top left;	 
	height:40px;
}	

.toolbar .main_container {
    margin: 0 auto;
    min-width: 0;
 /* 300px @ 16px */
    max-width: 81.429em;
 /* 1140px @ 16px */;
	position: relative
}

.toolbar .inner {
	margin-bottom:0;	
}	 

.toolbar .menu {
	margin:0;	
	padding:0;   
}	 

.toolbar .menu li {
	margin:0;	
	padding:0;
	float: left;
	display: block; 
	text-align: center; 
	width:130px
}

.toolbar .menu li a { 
	margin:0 0 0;	
	padding:0;  
	display: block; 
	padding:.8em;
	color:#777;
	text-shadow:#fff 0 1px 1px;
	border-right: solid 1px #b6b6b6;
}	
.toolbar .menu li a:hover
{
	coloe:#222;
}
.toolbar .menu li a span {
	background: #727272;
	color:#fff;
	border-bottom:solid 1px fafafa;
	padding:.1em .5em;
	font-size:.8em;
	border-radius: 2px;
	-moz-border-radius: 2px;
	font-weight: normal; 
	text-shadow:#222 0 1px 1px;
} 

.toolbar .menu li.first a {
	border-left: solid 1px #b6b6b6; 
} 

.toolbar .menu li.selected a {
	border-top: solid 1px #fff; 
	background:#fff;
	color:#111
}


.toolbar .menu li.selected a span {
	background: #d92819;
	color:#fff;
	border-bottom:solid 1px fff; 
	text-shadow:#911409 0 1px 1px;
}

.toolbar .infobox {
	position: fixed;	
	bottom:40px;
	left:0;
	right:0;
	display:none;
}

.toolbar .infobox .inner{
	background:#fff; 
	border: solid 1px #b6b6b6;
	border-top: solid 1px #bbb;
	border-bottom:0; 
	padding:2em; 
	margin-right:0;
	-moz-box-shadow: -0 -5px 10px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: -0 -5px 10px rgba(0, 0, 0, 0.05);
	box-shadow: -0 -5px 10px rgba(0, 0, 0, 0.05);
}

.toolbar #infobox-messages .inner{
	display: block;	
}

.toolbar-carousel {
}
 

.toolbar  a.flex-prev, .toolbar  a.flex-next { 
    display: block;
    float: left;
    width:3.5em;
    height: 3.5em;
    text-indent: -1000px;
    background-color: #444; 
    overflow: hidden;
    border:0;
    position: absolute;
    top:0;
    right:0;
}  
.toolbar  a.flex-prev { 
	background:#333 url(../images/toolbar_arrow_left.png) no-repeat center center;
    border-right: solid 1px #777;
    right:3.5em;
    display: none
}
.toolbar  a.flex-next { 
	background:#333 url(../images/toolbar_arrow_right.png) no-repeat center center; 
}
.toolbar  a.flex-prev:hover { 
	background-color:#d92819 
}
.toolbar  a.flex-next:hover { 
	background-color:#d92819 
}
.toolbar  a.flex-prev, .toolbar  a.flex-next { 
	display: none	
}
 
/* Slides ==================================== */

	/* Content Slider ==================================== */

	.content-slider {
		position: relative;	
		margin-bottom:1em;
	} 
	
	.content-slider .inner {
		padding:0;
		margin:0;
		position: relative;	
	} 
	
	.content-slider li, 	.content-slider img {
		width:100%
	}
	
	.content-slider .flex-prev, .content-slider .flex-next { 
		background:#ba2215 url(../images/toolbar_arrow_right.png) no-repeat center center;
		border-left: solid 1px #961c11;
		position: absolute;
		top:0;
		right:0; 
		float: right;
		width: 3.2em;
		height: 3.2em;
		text-indent: -1000px;
		overflow: hidden;	
	}
	
	.content-slider .flex-prev { 
		background:#ba2215 url(../images/toolbar_arrow_left.png) no-repeat center center;
		right:3.2em;	
	}
	
	.content-slider .flex-prev:hover, .content-slider .flex-next:hover {
		background-color:#333;
		border-color:#111	
	}
	
	.content-slider .inner h4 {
		background: url(../images/trans_dark.png);
		display: inline;
		float: left;
		position: absolute;
		bottom:-6px;
		left:0;
		right:0;	
		z-index:555;
		padding:5px; 
		font-size:1em;
		color:#fff
	}
	
	.content-slider .inner  h4 a {
		color:#fff
	}

	/* Article Slider ==================================== */

	.article-slider {
		position: relative;	
		margin-bottom:1em;
		z-index:22;
	} 
	
	.article-slider .slides li {
		display: none
	}	
	
	.article-slider .slides .flex-active-slide {
		display: block
	}	
	
	.article-slider .inner {
		padding:0;
		margin:0;
		position: relative;	
	}  
	
	.article-slider p {
		background: url(../images/trans_dark.png); 
		display: inline;
		float: left;
		position: absolute;
		bottom:-10px;
		left:0;
		right:0;	
		padding:10px; 
		color:#fff
	}
	
	.article-slider p a {
		color:#fff
	}
	
	.article-slider li , .article-slider ul li {
		float: left;
	} 
	
	.article-slider .flex-control-nav {
		background:red;
	}	
	
	.article-slider .flex-control-nav img {
		margin-right:1px;
	}
	 
	.article-slider .flex-prev, .article-slider .flex-next {
		background:#333 url(../images/toolbar_arrow_right.png) no-repeat center center;  
		position: absolute;
		top:45%;
		right:0; 
		float: right;
		width: 43px;
		height: 43px;
		text-indent: -1000px;
		overflow: hidden;	
	}
	
	.article-slider .flex-prev {
		left:0;
		right: inherit; 
		background:#333 url(../images/toolbar_arrow_left.png) no-repeat center center;
	}
	.article-slider .flex-prev:hover, .article-slider .flex-next:hover {
		background-color:#333;
		border-color:#111
	}
	
	
	.article-carousel {
		position: relative;	
	}	 
	
	.article-carousel .slides li {
		float: left;	
	}
	
	.article-carousel img:hover {
		cursor: pointer; cursor: hand;
	}
	
	.article-carousel .flex-prev, .article-carousel .flex-next {
		background:#ba2215 url(../images/toolbar_arrow_right.png) no-repeat center center; 
		border-left: solid 1px #961c11;
		position: absolute;
		top:0;
		right:0; 
		float: right;
		width: 43px;
		height: 43px;
		text-indent: -1000px;
		overflow: hidden;	
	}
	
	.article-carousel .flex-prev {
		top:43px;
		height: 43px;
		border-top:solid 1px #961c11;
		background:#ba2215 url(../images/toolbar_arrow_left.png) no-repeat center center;
	}
	.article-carousel .flex-prev:hover, .article-carousel .flex-next:hover {
		background-color:#333;
		border-color:#111
	}
	
	.article-carousel .inner {
		padding:0;
		margin:0;
		position: relative	
	}
	
	.article-carousel .inner span {
		background: #333;
		color:#fff;
		top:0;
		left:0px;  
		position: absolute;
		padding:.1em .6em;
		font-size:.8em;
		font-weight: bold;
	}
	
	
	 
	
/* Responsive Styles ==================================== */

	.split {
		display: none;	
	}
	
	/* 1000px and smaller ==================================== */
	
	@media screen and (max-width: 71.429em) {
	  
		
	    h1 {
	        font-size: 2.5em;
	        line-height: 1.2em;
	        padding: 0;
	        margin: 0 0 10px;
	    }
	
	    h2 {
	        font-size: 2.1em;
	        line-height: 1.2em;
	        padding: 0;
	        margin: 0 0 10px;
	    }
	
	    h3 {
	        font-size: 2em;
	        line-height: 1.2em;
	        padding: 0;
	        margin: 0 0 10px;
	    }
	
	    h4 {
	        font-size: 1.2em;
	        line-height: 1.2em;
	        padding: 0;
	        margin: 0 0 10px;
	    }
	
	    h5 {
	        font-size: 1em;
	        line-height: 1.2em;
	        padding: 0;
	        margin: 0 0 10px;
	    }
	
	    h6 {
	        font-size: .6em;
	        line-height: 1.2em;
	        padding: 0;
	        margin: 0 0 10px;
	    }
	
	    .container_mid {
	        margin-left: 0;
	    }
	
	    .container_mid .span6 {
	        width: 100%;
	    }
	
	    .container_mid .inner {
	        margin: 0 10px 10px 0;
	    }
	
	    .container_mid .inner-last {
	        margin: 0 10px 10px 0;
	    }
	
	    .advert_mid {
	        float: none;
	        width: 100%;
	    }
	
	    .advert_mid .advert {
	    }
	
	    .container_header .inner .thumb, .container_header .inner .alignleft {
	        display: none;
	    }
	
	    .container_header h5 {
	        font-size: 1.1em;
	    }
	
	    .container_header p {
	        display: none;
	    }
	
	    .section ul.list li {
	        padding: 0em .5em;
	        border-left: solid 5px #d92819;
	        font-size: .9em;
	    }
	
	    .section ul.list li.audio, .section ul.list li.video {
	        background: transparent;
	        padding: 0em .5em;
	    }
	
	    .article .realted-embed {
	        width: 40%;
	        margin: 0 0 1em 1em;
	    }
	    
	}
	
	/* 912px and smaller ==================================== */
	
	@media screen and (max-width: 65.143em) {
	 		#header #loginbox { 
	        top: 3.1em;
			width:100%;
		}
		
		#menu .anchor ul li.subscribe {
			margin-right:0;	
		}
		
		#header #loginbox .inner { 
			border:0;
			border-bottom: solid 1px #ddd; 
		}

	 	.split {
			clear: both;
			display: block
		}
		
		.splitbox .span3, .splitbox .span2, .splitbox .span4 {
			width: 50%;
		}
		
		
		.splitbox .inner {
			margin-right:10px;
		}
		
		.multimedia .inner {
			padding-right:10px;
		}
		
		.multimedia .slider .inner {
			padding-right:0;
		}
		
		.splitbox .clear {
			display: none	
		}
		
		body {	
		    padding-top:3em;
		}
	    #header h1 {
	        width: 150px;
	        height: 42px;
	    }
	
	    #header h1 a, #header h1 a:hover  {
	        width: 150px;
	        height: 42px;
	    }
	
	    #menu {
	        margin: 0em;
	        padding: .8em 0 0;
	    }
	
	    #menu .anchor a {
	        display: inline;
	        margin: 0 0 0 0;
	        margin-left: .5em;
	        padding: .4em .8em .4em 2em;
	        border-bottom: solid 1px #e04f42 
			margin-left:0;
	        background: #b22114 url(../images/haeader_sections_background.png) no-repeat .5em .5em;
	    }
	
	    #menu .anchor ul {
	        display: none;
	        position: absolute;
	        top: 3.1em;
	        left: 0;
	        right: 0;
	        z-index: 9998;
			height:auto;
	    }
	
	    #menu .anchor ul li {
	        display: block;
	        float: none;
	        clear: both;
	        background: #222;
	        border: 0;
	        border-bottom: solid 1px #111;
	        border-top: solid 1px #444;
	    }
	    
	    .subMenuGL
	    {
	       border-bottom: solid 1px #6b6b6b
		   border-top: solid 1px #777
		   background-color:#d92819;
	       color:#fff;
	       text-decoration:none;
	    }
	      .subMenuGLhot
	    {
	       border-bottom: solid 1px #6b6b6b
		   border-top: solid 1px #777
		   background-color:#d92819;
	       color: #ffff00;
	       text-decoration:none;
	    }
	  

	    #menu .anchor ul li a {
	        background: #333;
	        border: 0;
	        padding-top: 1em;
	        padding-bottom: 1em;
	        display: block;
	    }
	    #menu .anchor ul li.right {
	        float: none;
	    }
	
	    #menu .anchor ul li.home a {
	        background: url(../images/haeader_home_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	
	    #menu .anchor ul li.search a {
	        background: url(../images/haeader_search_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	
	    #menu .anchor ul li.weather a {
	        background: url(../images/haeader_weather_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	
	    #menu .anchor ul li.traffic a {
	        background: url(../images/haeader_traffic_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	
	    #menu .anchor ul li.radio a {
	        background: url(../images/haeader_radio_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	       #menu .anchor ul li.goodlife a {
	        background: url(../images/haeader_radio_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	    
	          #menu .anchor ul li.entertainment a {
	        background: url(../images/haeader_radio_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	    
	             #menu .anchor ul li.sport a {
	        background: url(../images/haeader_radio_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	    
	              #menu .anchor ul li.business a {
	        background: url(../images/haeader_radio_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	
	    #menu .anchor ul li.social {
	        padding-left: .7em;
	        padding-bottom: 1em;
	        background:#333;
	    }
	
	    #menu .anchor ul li.subscribe a, #menu .anchor ul li.sections a {
	        display: inline;
	        margin: inherit;
	        padding: inherit;
	        padding-left: 3em;
	        margin-left: 0;
	        background: transparent url(../images/haeader_check_background.png) no-repeat 1em 1em;
	        border: 0;
	        padding-top: 1em;
	        padding-bottom: 1em;
	        display: block;
	    } 
	
	    #menu .anchor ul li.sections a {
	        padding-left: 3em;
	        margin-left: 0;
	        background: transparent url(../images/haeader_sections_background.png) no-repeat 1em 1.2em;
	    }
	
	    #menu .anchor ul li.signin a {
	        display: inline;
	        margin: inherit;
	        padding: inherit;
	        padding-left: 3em; 
	        background: url(../images/haeader_facebook_background.png) no-repeat 1em 1em;
	        border-bottom: 0;
	        padding-top: 1em;
	        padding-bottom: 1em;
	        display: block;
	    }
	
	    #menu .anchor ul a.facebook,
		#menu .anchor ul a.twitter,
		#menu .anchor ul a.youtube,
		#menu .anchor ul a.pinterest,
		#menu .anchor ul a.googleplus {
	        display: inline;
	        float: left;
	        width: 16px;
	        height: 16px;
	        text-indent: -1000px;
	        overflow: hidden;
	        margin-right: 1.5em;
	        padding: 0; 
	        margin-top:1em
	    }
	
	    .menu-box {
	        top: 3.1em;
	    }
	
	    .menu-box .container .inner {
	        margin: 0 .5em;
	        padding: .5em 0;
	    }
	
	    .menu-box .close {
	        margin: .8em .5em 0;
	    }
	
	    .menu-box form {
	        margin: 0;
	        padding: .4em 0;
	        background: transparent;
	    }
	
	    .menu-box form input.text {
	        border: solid 1px #fff;
	        background: #fff;
	        width: 200px;
	        font-style: italic;
	    }
	    #menu .anchor ul li a:hover {
	    	background-color:#444;	
	    }
	 
		#menu .anchor ul li.subscribe {
		 
		}

		 
	}
	
	/* 800px and smaller ==================================== */
	
	@media screen and (max-width: 57.143em) {
		
				
		#header #loginbox {  
			width:100%;
		}

		.main_container {
	        min-width: 100%;
	        max-width: 100%;
	        margin:0;
		}
	 
				
		.toolbar  a.flex-prev, .toolbar  a.flex-next {
			display: block	
		}
		 

		.toolbar .infobox {
			position: fixed;	 
			left:0;
			right:0;
		}
	
	    .container {
	        min-width: 100%;
	        max-width: 100%;
	    }
	
	    .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
	        width: 100%;
	    }
	
	    .inner {
	        margin: 0 10px 10px 0;
	    }
	
	    .inner .inner {
	        margin: 0 0 10px 0;
	    }
	
	    .container_header {
	        display: none;
	    }
	
	    .advert_header {
	        width: 100%;
	        text-align: center;
	        margin: 0;
	        margin-bottom: .5em;
	    }
	
	    .advert_header .advert {
	        margin: 0;
	    }
	
	    .advert_header .advert img {
	        width: 100%;
	    }
	
	    .commentlist .user {
	        display: none;
	    }
	
	    .commentlist .comment {
	        padding: 1em 0;
	        border: 0;
	    }
	
	    .comments .title .right {
	        text-align: left;
	        margin-top: 1em;
	    }
	
	    .article .related .video .overlay {
	        height: 300px;
	    }
	
	    .article .realted-embed {
	        width: 50%;
	        margin: 0 0 1em 1em;
	    }
	
	    #menu-box-weather .span3 {
	        float: left;
	        width: 80%;
	        margin: 1em 0;
	    }
	
	    #menu-box-weather .close {
	        margin-top: .8em;
	    }
	
		#menu-box-radio .span3 {
	        float: left;
	        width: 80%;
	        margin: 1em 0;
	    }
	
	    #menu-box-radio .close {
	        margin-top: .8em;
	    }
	    	#menu-box-goodlife .span3 {
	        float: left;
	        width: 80%;
	        margin: 1em 0;
	    }
	
	    #menu-box-goodlife .close {
	        margin-top: .8em;
	    }
	    
	        	#menu-box-entertainment .span3 {
	        float: left;
	        width: 80%;
	        margin: 1em 0;
	    }
	
	    #menu-box-entertainment .close {
	        margin-top: .8em;
	    }
	    
	            	#menu-box-sport .span3 {
	        float: left;
	        width: 80%;
	        margin: 1em 0;
	    }
	
	    #menu-box-sport .close {
	        margin-top: .8em;
	    }
	    
	                	#menu-box-business .span3 {
	        float: left;
	        width: 80%;
	        margin: 1em 0;
	    }
	
	    #menu-box-business .close {
	        margin-top: .8em;
	    }
	    
	    
	    
		
	    .advert {
	        text-align: center;
	        padding: 1em 0;
	        margin: 0 10px 1em 0;
	        background: #f9f9f9;
	    }
	
	    #sidebar .advert {
	        text-align: inherit;
	        padding: 0;
	        margin: 0;
	        background: transparent;
	    }
	    
		#footer .subfooter .sllogo {
			width:200px;	
		}
			 
		#footer .subfooter .tmlogo {
			text-align: left	
		}
	
	}
	
	/* 560px and smaller ==================================== */
	
	@media screen and (max-width: 40em) {
	 
	    body {
	    }
	
	    #container_main {
	        margin: 0;
	    }
	
	    .inner {
	        margin: 0 0 10px 0;
	    }
	
	    #sidebar {
	        float: none;
	        clear: both;
	        width: 100%;
	    }
	    .container_header {
	        margin-left: 0;
	    }
	
	    .container_header .inner {
	        display: none;
	    }
	
	    .advert_header {
	        float: none;
	        width: 100%;
	    }
	
	    .advert_header .advert {
	        text-align: center;
	        padding: 0;
	        margin: 0;
	        margin: 0 0 .5em;
	    }
	
	    .menu-box .advanced {
	        padding: .3em 0;
	        clear: left;
	    } 
		
		 .splitbox .span4 {
			width:100%;
		}
		
		
		.splitbox .inner {
			margin-right:0;
		}
	 
		
		
		.splitbox .clear {
			display: block	
		}
		
		#side_menu
		{ 
			width:50%; 
		} 
	
	}
	
#error-invalid-email,#error-invalid-email2, #error-email, #error-email2,#error-username {
       display:none;
}