/* 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: 0.9em;
    line-height: 1.2em;
    margin: 0 0 10px;
    padding: 0;
}

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;
   overflow:hidden;
}

#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 10px 10px;
}

.container_header h5 {
    font-size: 1.1em;
    margin: 0 0 0.2em;
    padding: 0;
}

.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;
    width:420px;
}

/* Header */

#header {
    padding: 0;
    background: #d92819;
    margin: 0 auto;
    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;
	margin: 0 auto;	
}

#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.sport a {
/*     background: url(../images/haeader_search_background.png) no-repeat .7em .7em; */
    padding-left: 2em;
}

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

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

#menu .anchor ul li.goodlife 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.subscribe {
	margin-right:.6em;
}

#menu .anchor ul li.signin a {
    display: inline;
    color: #fff;
    display: inline;
    margin: .4em 0em 0login
    padding: .4em 1.8em .4em .8em;
    border-bottom: solid 3px white;
}

#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;
}


/* 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;
}

    .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;
	    }
/* 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 {
    border-top: 1px solid #E8E8E8;
    color: #222222;
    display: block;
    font-family: 'Droid Serif',serif;
    font-size: 1em; 
    font-weight: 400;
    padding: 0.3em 0;
    text-decoration: none;
}

.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: #fff;
}

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

.commentlist .comments-row 
{
	background: #EEEEEE;
    margin-top: 10px;
    border: 1px dotted #999999;
    width: 97%;
}
.commentlist .replies
{
	background: none repeat scroll 0 0  #fff !important;	
	border: none;
	margin-left:10px;
	border-top: 1px dotted #999999;
	border-left: 1px dotted #999999;
}
.commentlist .maincomment
{
	background: #fff !important;	
	padding: 5px;
}

.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, .reply_comment {
    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;
    display: block;
    width: 78px;
    text-align: center;
    float: left;
    margin-right: 5px;
    
}

.commentlist a.reply, ,reply_comment {
    background: #d92819 url(../images/comment_label_background.png) no-repeat .9em .9em;
    padding-left: 3em;
    display: block;
    width: 78px;
    text-align: center;
}
.commentstatus{
   
}

.commentlist a.reply:hover, a.reply_comment:hover {
    background-color: #333;
    border-color: #222;
    color: #fff;
    display: block;
    width: 78px;
    text-align: center;
}

.commentlist a.report {
    color: #777;
    background: #f9f9f9;
    border-color: #ddd;
    display: block;
    width: 78px;
    text-align: center;
}
.commentlist a.reportDisabled {
    color: #ffffff;
    background: #333333;
    padding: 0.5em 1em;
    border: 1px solid #222222;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 78px;
    text-align: center;
    float: left;
    cursor: default;
}


.commentlist a.report:hover {
    background-color: #333;
    border-color: #222;
    color: #fff;
    display: block;
    width: 78px;
    text-align: center;
}

.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 {
	background: none repeat scroll 0 0 #EEEEEE;
    margin: 0 10px 0 0;
    padding: 0.5em;

}

 .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;	
}

.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;
	    }
	
	    #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.sport a {
	        background: url(../images/haeader_search_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	    
	         #menu .anchor ul li.goodlife a {
	        background: url(../images/haeader_search_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	    
	           #menu .anchor ul li.entertainment a {
	        background: url(../images/haeader_search_background.png) no-repeat 1em 1.3em;
	        padding-left: 3em;
	        margin-left: 0;
	    }
	    
	            #menu .anchor ul li.business 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.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; 
	        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 0 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;
	    }
	
	    .advert {
	        text-align: center;
	        padding: 1em 0;
	        margin: 0 10px 1em 0;
	        background: #f9f9f9;
	    }

		#div-gpt-ad-1394706786754-16 {
			position: fixed;
			bottom: 0px;
			width: 100%;
		}

		#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%; 
		} 
	
		.multimedia .inner .box .video {
			background:#d92819 url(../images/multimedia_icons_background.png) no-repeat 0 -30px
			}
	
	}
	.socialMediaBarWrapper, .top_sharedlinks {
		font-size: 11px;
		background: #eee;
		padding: 5px;
		height: 30px;
		font-style: italic;
		text-align: center;
	}		
	.socialMediaBar ul li{float: left; font-size: 11px;}
	.share .email a .email_image {background: url("../images/sprite_icons.gif") no-repeat scroll 0 -37px transparent !important; height: 22px}
	.share .print a .print_image {background: url("../images/sprite_icons.gif") no-repeat scroll 0 -84px transparent !important; height: 22px}
	.share .print, .share .email {
		float: left;
		font-family: arial;
		font-size: 11px;
		font-weight: bold;
		padding: 5px;		
		text-transform: uppercase;
	}
	.top_sharedlinks ul {
	}
	.top_sharedlinks ul li{
		float: left;
	}
	.vote {
		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;	
	}
	.header_list_color h2.label a:hover, .header_color h2.label a:hover {
		background-color: #444;
	}
	.header_list_color h2.label, .header_list_color h2.label a, .header_list_color h2.label span {
		background-color: #e2b42b;
	}
	.header_color h2.label, .header_color h2.label a, .header_color h2.label span  {
		background-color: #d92819;
	}
	.header_list_color h2.label {
		border-bottom: solid 1px #e2b42b;
	}
	#container_main_profile {
    margin-right: 0em;
}	 
	 
#profile_side {
	background: #444;
	text-align: left;
		font-style: normal;
			min-height:496px;
	}
	
#profile_side h2 {
	color:#fff;
	font-size:1.6em;
	font-style: normal;
	border-top: 0px solid #666;
	line-height:1em;
	padding:12px 0 2px 2px;
	font-family:arial, sans-serif;
	letter-spacing: 0.025em;
	text-transform: lowercase;
	}	

.profile_det {
	color:#fff;
	font-size:1em;
	font-style: normal;
	border-top: 1px solid #666;
	line-height:1em;
	padding:12px 0 26px 0;
	font-family:arial, sans-serif;
	letter-spacing: 0.03em;
	}
	
.profile_det_left {
	width:60%;
	float:left;
	padding:0;
	margin:0;
	font-weight: bold;
}

.profile_det_right {
	width:40%;
	float:right;
	padding:0;
	margin:0;
	font-weight:100;
}

	
#profile_side img {
	border: 3px #333 solid;
	width:100%;
	max-width: 240px;
}

#profile_main
	{
	background: #444;
	padding:0;
	font-style: normal;
	text-align: left;
	}

	 
	 
	 
/* Profile Tabs ==================================== */

.pro_tabbed .menu {
    background: #fff;
    float: both;
    height: 3em;
    font-size: .9em;
    padding: 0;
    margin: 0;

}

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

.pro_tabbed .menu li a {
    display: block;
    padding: .9em 1.3em .6em;
    margin: 0;
    line-height: 1em;
    background: #FFF;
    color: #444;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2em;
	font-style: normal;
	letter-spacing: 0.015rem;
}

.pro_tabbed .menu li.selected a {
    background: #444;
	color:#fff;
}

.pro_tabbed .pro_tabContent {
    padding: 1px 0 1em 0;
    clear: both;
}

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

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

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

.pro_tabbed .pro_tabContent ol {
}

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

.pro_tabbed .pro_tabContent ol li:hover {
    background-color: #eee;
}

.pro_tabbed .pro_tabContent ol li a {
    padding: .6em 0 .6em 35px;
}		 
	 

.pro_tab_inner {
	padding:0 5px 2px 5px;
	margin:5px 5px 0 5px;
	min-height:480px;
}

.pro_tab_inner_top {
	border-bottom: 1px #CCC solid;
	padding:0 0 4px 0;
	margin:0 0 6px 0;
}
	 
.pro_tab_header {
	color:#fecd32;
	font-size:1.4em;
	line-height:1.4em;
	letter-spacing: 0.045rem;
	margin:0 0 0 0.6rem;
}

.pro_tab_inner_content {
 display: block;
    width: auto;
    min-height: 240px;
    text-align: center;
    vertical-align: middle;
	background: #fff;	
	padding:40px 0 10px;
	font-size:1.2em;
	color:#444;
	font-family: georgia, serif;
	line-height: 1.4rem;
	}

/*
.pro_tab_inner_content {
	background: #fff;
	padding:10px 0;
	width:100%;
	min-height:300px;
	font-size:1.3em;
	color:#333;
	text-align:center;
	font-family: georgia, serif;
	line-height:300px;

}

*/

.pro_tab_button {
	background: #EEE;
	padding:0.3em 1em 0.2em;
	color:#444;
	float:right;
	margin:0 0 0 20px;
/*	border: 1px #333 solid; */
	font-size:1.1em;
	line-height: 1.2em;
}

.captchaRefresh {
    background: url("../images/refresh_small.gif") no-repeat scroll 2px 2px transparent;
    border: 1px solid black;
    cursor: pointer;
    float: left;
    margin: 5px 0 0 2px;
    padding-left: 20px;
    padding-top: 20px;
    position: absolute;
	left: 277px;
	top: 0;
}
.pro_tab_inner_content {
	text-align: left;
	padding-left: 20px;
}
.form_item {
	margin-bottom: 10px;	
}
.search_head {
    background-color: #333333;
    display: block;
    padding: 0.9em 0 0.55em 0.85em;
    color: #fff;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
	font-size:1.2em;
	margin: 0;
	}
	
.search_head_two {
	padding: 0 8px 0 0;
    color: #D92819;
    font-family:Helvetica, sans-serif;
    text-transform:capitalize;
	font-size:1.2em;
	margin: 0;
	font-weight:400;
	}

.searchbox {
	background: #eee;
	margin: 15px 0 10px 0;
	padding:0 1em 15px 1em;
	text-align:center;
	}
	
.search_filters {
	padding:20px 0 0 0;
	text-align:center;

	letter-spacing: 0.025em;
	font-size: 0.9em;
}
	
.search_filters a {
	text-decoration: none;
		color:#666;
	}

.search_filters a:hover {
	color:#000;
	}

.search_textarea
	{
	width:50%;
	}
		
.search_button {
	background:#ffcc33 !important;
	color:#000 !important;
	font-size:0.9em !important;
}

.search_button:hover
	{
	background:#000 !important;
	color:#ffcc33 !important;
	font-size:0.9em !important;
}

.tabs {
	text-align:left;
	color:#666;
	/* letter-spacing: 0.025em; */
	font-size: 0.8em;
	background-color: #fff;
	}

.tab{
	padding:15px 30px;
}

.tab a {
		color:#666;
		text-decoration: none;
		}

.tab a:hover{
		color:#000;
		text-decoration: none;
}

.selectedtab {
	background:#eee;
	font-weight:bold;
	padding:15px 15px 10px;
		color:#333;
	}

.resultsbox {
	margin: 15px 0 0 0;
	padding:15px 1em 15px 1em;
	}
	
.results_head {
	background:#D92819;
	padding:12px 10px 7px 1em;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	font-family: Helvetica, sans-serif;
	margin:20px 0 5px 0;
	line-height:1em;
	    text-transform: uppercase;
	}
	
.results_return {
	font-size: 1.4em;
	font-family: Georgia, sans-serif;
	font-weight: normal;
	color:#666;
}

.search_pagination {
	margin:10px auto;
	text-align:center;
}

.search_page {
	padding:2px 10px;
	font-size:1.1em;
	color:#999;
}

.search_page a {
	color:#777;
	text-decoration: none;
}

.search_page a:hover,
.search_page a:focus
{
	color:#111;
}

.search_more {
	background:url('file:///Users/macadmin/Sites/SowetanLive/images/single_search_arrow_right.jpg') no-repeat top left;
	display: inline-block;
	cursor: pointer;
	width:30px;
	height:20px;
	 zoom: 1;
    *display:inline;
}

.search_moremore {
	background:url('file:///Users/macadmin/Sites/SowetanLive/images/single_search_arrow_right.jpg') no-repeat top left;
	display: block;
	cursor: pointer;
	width:30px;
	height:20px;
}

.results_image {
	float:left;
	margin:0 10px 10px 0;
	display:block;
	width:25%;
	max-width:160px;
}

.results_blurb {
	display:block;
	float:left;
	display:block;
	width:75%;
}

.results {
	color:#555;
	margin-bottom: 4px;
}

.search_date {
	font-size:1.1em;
	font-weight:700;
	font-family: Georgia, sans-serif;
	font-weight: normal;
	color: #999;
	margin:0 0 2px 0;
}

.search_spot {
	color:#d92818;
}
.sub_join:active {
	background: #111;
	color:#FFC109;
}

.sub_join:hover {
	background: #FFC109;
	color:#111;
}
.buttonDisabled {
	color: #777 !important;
	background: #f9f9f9 !important;
	border-color: #ddd !important;
	cursor: default !important;
	border: 1px solid #444 !important;	
	margin-top: 10px;
	width: 107px;
}
.ssoRegisterButton {
	float: left;
	margin-right: 10px;
}
a.tooltip img {
	top: 0 !important;
}
.terms-cartoon {
	background: #FFF url(../images/terms_cartoon.png) no-repeat top left;
	width: 300px;
	height: 651px;
}
.whyjoin-cartoon {
	background: #FFF url(../images/jointoday_cartoon.png) no-repeat top left;
	width: 300px;
	height: 406px;
}
.yellow_widget_title {
	background: #FFCC33;
	color: #111;
	display: block;
	font-family: Helvetica,sans-serif;
	padding: 1em 1em 0.7em 1em;
	margin-top: 25px;
	text-transform: uppercase;
	font-weight: bold;
}
.noerrorlable, .noerrorEmail, .noerrorCode {
	display: none;
}
.sub_join:active {
	background: #111;
	color:#FFC109;
}

.sub_join:hover {
	background: #FFC109;
	color:#111;
}
.thankyou_box {
	margin:  0 auto;
	border:10px #333 solid;
	text-align: center;
	padding:5em 0;
	color:#333;
		font-size:1.1em;
	}

.thankyou_box h2 {
	font-size:2.5em;
	}

.thankyou_message {
	color:#333;
	font-size:1.2em;
	font-family:Georgia, Serif;
	margin:20px 0 0 0;
	}

.thankyou_yellow {
	color:#ffcc33;
	font-weight:700;
	line-height: 1em;
	font-size:1.2em;
	padding:5px 0 0 0;
	}

.thankyou_links {
	margin:10px 0 0 0;
	font-size:1em;
	}

.thankyou_links a {
	color:#333;
	text-decoration: none;
	padding:0 30px;
	}

.thankyou_links a:hover {
	text-decoration: underline;
	color:#000;
}
.comment_reply .comment {
	border-left: none;
	background: #f8f8f8;		
}
.back_top {
	text-decoration: none;
	cursor: pointer;
	background: #d92819;
	border: solid 1px #d92819;
	color: #fff !important;
	font-size: .8em;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	padding: .5em 1em;
}
.back_top:hover {
    background-color: #333;
    border-color: #222;
    color: #fff;
}
.profile_wrapper {
	
}
.profile_wrapper .profile_heading {
	font-weight:bold;
}
.profile_wrapper .profile_body {
	font-size: 14px;
}
.error {
	float: none !important;
	color: #D92819 !important;
    font-style: italic;
}
.sub_warning span {
	font-style: italic;
}
.sub_warning{
	font-style: italic;
	color:#D92819;
}
.stroy_caption {
	font-family: 'Droid Serif',serif;
	background-color: #f2f2f2;
	padding: 10px;
}
.wrapper_close {
	border-bottom: 1px solid #DDDDDD;
}
.menu_signin_link
{
 cursor:pointer;
}
#slider3,#slider2 {
	display:none;
}
.righten_headings {
	background-color: #444444;	
}
.featured h5 {
 	font-family: 'Droid Serif', serif;
	font-size: 1.1em;
}
.error {
	font-style: italic;
    border-color: #FBC2C4;
    color: #8A1F11;
}
.quote p {
	margin: 0px !important;
}
.horizontal_article {
	min-height: 99px;
}

.superwrapper {
	
}
#weatherCities {
	border:1px solid #E8E8E8 !important; 
	padding:0.5em 1em;
	
}
#toggleImage ,#toggleImage1
{
	position: relative;	
	display:none;
	
}
.search_wrapper
{
	width: 98%;	
}
.content-slider h4 {
	background: url("../images/trans_dark.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -6px;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 1em;
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    z-index: 555;
}
.commentlist .readmore 
{	
	margin-top:40px !important; 
	width: 98.5% !important;  
}
strong, b {
    font-weight: bold;
    line-height: inherit;
}
em, i {
    font-style: italic;
    line-height: inherit;
}
.sponsoredLinks
{
	margin-bottom:10px !important; 
}

#error-invalid-email,#error-invalid-email2, #error-email, #error-email2,#error-username {
       display:none;
}

#div-gpt-ad-1394706786754-9 {
    position: fixed;
    bottom: 0;
    height: 50px;
    width: 100%;
    background-color: #292929;
}