
/*TRIPLE J GLOBAL
=================================*/

/*--STRUCTURE--*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*--WRAPPER TO KEEP ALL CONTENT CENTRED--*/
#container {
	width: 960px;
	margin: 0 auto;
}

/*--TYPOGRAPHY--*/
  
body { font-size: 62.5%; }

   
body { 
  color: #000000; 
  font-family: "Verdana", Arial, Helvetica, Helvetica Neue, Lucida Grande,  sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #000000; 
  font-family: Arial, Helvetica, Helvetica Neue, Lucida Grande,  sans-serif; 
  font-weight: normal; 
}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.4em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 0em;  }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em;  }
h6 { font-size: 1em; font-weight: bold;  }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
/*p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }*/
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0; }

ul, ol      { margin:0; }
ul          { list-style-type: none; }
ol          { list-style-type: none; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }







/* home page pod styles
-------------------------------------------------------------- */

/*pods common*/
.content_pod {
	height:auto;
	margin: 0 0 20px;
}

.content_pod img {
	float: left;
	padding: 0 4px 0 0;
}

.content_pod h2 {
clear: both;
display: block;
height: 1.4em;
color: #2b2b2b;
border-bottom: 1px #939393 solid;
font-family: Arial;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
font-size: 1.8em;
}

.content_pod ul{
	clear: both;
}

.content_pod ul li {
	color: #333;
	padding: 0 0 3px 12px;
	background: url(../../../../../20130326195849im_/http_/www.abc.net.au/triplej/img/layout/txt_li_point.gif) no-repeat 0 3px;
}

.content_pod ul a {
	color: #333;
}

.content_pod ul a:hover {
	color: #666;
}

/*pod sections common*/
.content_pod .item {
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 5px 0 15px 0;
}

.content_pod .item-col-wrap {
clear: both;
display: block;
position: relative;
}

.content_pod .item-col-alpha {
	float: left;
	width: 100px;
	height: auto;
	margin: 5px 0 15px 0;	
}

.content_pod .item-col-beta {
	float: right;
	width: 64%;
	height: auto;
	margin: 2px 0 15px 0;
}

.media_btn {
float: left;
height: 15px; width: auto;
padding: 0 0 0 40px;
}

.media_btn_video {
background: url(../../../../../20130225025037im_/http_/www.abc.net.au/triplej/img/layout/ico-video.gif) no-repeat 0 0;
}

.media_btn_audio {
background: url(../../../../../20130326195836im_/http_/www.abc.net.au/triplej/img/layout/ico-audio.gif) no-repeat 0 0;
}

.media_btn_photo {
background: url(../../../../../20130326195827im_/http_/www.abc.net.au/triplej/img/layout/ico-photo.gif) no-repeat 0 0;
}

.media_btn:hover {
background-position: 0 -15px;
}



/* Round Corner Buttons
-------------------------------------------------------------- */
.btn_round {
clear: both;
display: block;
height: 20px; width: 120px;
overflow: hidden;
padding: 0 8px;
}
	  
.btn_round a {
display: block;
height: 100%; width: 100%;
padding: 3px 0 0;
color: #fff;
}

.btn_round a:hover {
background-position: 100% -20px;
color: #fff;
}

.btn_round_black {
background:url(../../../../../20130326195833im_/http_/www.abc.net.au/triplej/img/layout/btn_round_left_black.gif) no-repeat 0 0;
}

.btn_round_grey {
background:url(../../../../../20130326195834im_/http_/www.abc.net.au/triplej/img/layout/btn_round_left_grey.gif) no-repeat 0 0;
}

.btn_round_black a {
background:url(../../../../../20130326195840im_/http_/www.abc.net.au/triplej/img/layout/btn_round_right_black.gif) no-repeat 100% 0;
}

.btn_round_grey a {
background:url(../../../../../20130326195837im_/http_/www.abc.net.au/triplej/img/layout/btn_round_right_grey.gif) no-repeat 100% 0;
}


/* rss icons
-------------------------------------------------------------- */
.rssbut {
display:inline;
}

.rssbut img{
float:none;
display:inline;
margin: 0px 0px 0px 4px;
}


.rss_txt {
display: none;
padding: 0 0 0px 0px;
font-size: 0.8em;
color: #FF9900;
}


.rssbut:hover .rss_txt,
.sfhover .rss_txt
{
display: inline;
}


/*-- MEDIA ITEMS --*/

.media-help {
	position: absolute;
	top: 0;
	left: 120px;
	margin: 0px;
}

.media-item {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px;
	padding:6px 0px 6px 0px;
	border-bottom:1px dotted #7b7d65;
}

.media-item h3 {
font-size: 1.3em; line-height: 1em; margin-bottom: 2px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

.media-item h3 a:hover{
text-decoration:underline;
}

.media-item h4{
font-size: 1em; line-height: 1.25em; margin-bottom: 0;
color:#666666;

}

.media-item h5{
font-size: 1em; line-height: 1.25em; margin-bottom: 0;
color:#000000;

}

.rating_m { 
width:130px;
height:15px;
margin: 4px 0 0 0;
text-indent: 2em;
background: url(../../../../../20130326195844im_/http_/www.abc.net.au/triplej/img/layout/ico-m.gif) no-repeat 0 0;
position: relative;
float: left;
}

.rating_ma { 
width:130px;
height:15px;
margin: 4px 0 0 0;
text-indent: 2em;
background: url(../../../../../20130326195839im_/http_/www.abc.net.au/triplej/img/layout/ico-ma.gif) no-repeat 0 0;
position: relative;
float: left;
}

.rating_pg { 
width:130px;
height:15px;
margin: 4px 0 0 0;
text-indent: 2em;
background: url(../../../../../20130326195828im_/http_/www.abc.net.au/triplej/img/layout/ico-pg.gif) no-repeat 0 0;
position: relative;
float: left;
}

.media-col-alpha {
	float: left;
	width: 100px;
	height: auto;
}

.media-col-alpha img {
	border-style:solid;
	border-width: 1px;
	border-color: #000000;
}

.media-col-beta {
	float: left;
	width: 62%;
	height: auto;
	padding: 0 0 0 5px;
}

.mediaHelp{
margin: 0 0 0 20px;
}

.mediaHelp ul {
list-style-type: none;

}
.mediaHelp ul li{
margin: 0 0 8px 2px;
color: #000000;
}

.mediaHelp ul li.off{
color: #666666;
font-weight: bold;
margin: 0 0 0 -20px;
}

mediaHelp-download {
margin: 10px;
}

mediaHelp-download EM {
font-style: italic;
}


/*-- MEDIA ITEMS --*/

/*-- MEDIA ITEMS EXTENDED --*/

.media-col-betalong {
	float: left;
	width: 75%;
	height: auto;
	padding: 0 0 0 5px;
}

.media-subcol-alpha {
	clear:left;
	float: left;
	width: 110px;
	height: auto;	
}

.media-subcol-beta {
	float: right;
	width: 190px;
	height: auto;
	font-size:1.1em;
	margin:4px 0 0 0;
	position:relative;
}

.media-subcol-gamma{
	clear:both;
	float: left;
	width: 95%;
	height: auto;
	font-size:1.1em;
	margin: 10px 0 0 0;
}


/*-- MEDIA ITEMS EXTENDED--*/


/*-- MEDIA OPTIONS MATRIX --*/

.media-matrix {
clear: both;
/*float: left;*/
height: 15px; 
width: 100%;
margin: 5px 0px 0px 0px;
position:relative;
}


li.media-btns {
position:absolute;
float:left;
}

li.media-btns a { 
float: left;
height: 15px;
}

li.media-btns a:hover {
background-position: 0 -15px;
width:200px;
text-decoration:none;
color:#333333;
font-weight:bold;
}

li.btn-audio-play a {
width: 37px;
background: url(../../../../../20130326195836im_/http_/www.abc.net.au/triplej/img/layout/ico-audio.gif) no-repeat 0 0;
text-indent: -9999em;
}

li.btn-audio-play a:hover {
text-indent: 80px;
}

li.btn-video-play a {
width: 37px;
background: url(../../../../../20130225025037im_/http_/www.abc.net.au/triplej/img/layout/ico-video.gif) no-repeat 0 0;
text-indent: -9999em;
position:absolute;
}

li.btn-video-play a:hover {
text-indent: 80px;
}


li.btn-photo-play a {
width: 37px;
background: url(../../../../../20130326195827im_/http_/www.abc.net.au/triplej/img/layout/ico-photo.gif) no-repeat 0 0;
text-indent: -9999em;
position:absolute;
}

li.btn-photo-play a:hover {
text-indent: 60px;
}


li.btn-audio-add a,
li.btn-video-add a,
li.btn-photo-add a {
width: 15px;
background: url(../../../../../20130225025036im_/http_/www.abc.net.au/triplej/img/layout/ico-plus.gif) no-repeat 0 0;
text-indent: -9999em;
position: absolute;
left:40px;
}

li.btn-audio-add a:hover {
text-indent: 38px;
}

li.btn-video-add a:hover,
li.btn-photo-add a:hover {
text-indent: 38px;
}

li.btn-audio-download a,
li.btn-video-download a,
li.btn-photo-download a {
width: 15px;
background: url(../../../../../20130326195853im_/http_/www.abc.net.au/triplej/img/layout/ico-download.gif) no-repeat 0 0;
text-indent: -9999em;
position: absolute;
left:58px;
}

li.btn-audio-download a:hover,
li.btn-video-download a:hover,
li.btn-photo-download a:hover {
text-indent: 20px;
}

/*morelink*/
.end-media-link {
float:right;
padding:4px 0px 8px 0px;
}

/*-- COMMENTS --*/

#comments {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#comments a{
font-weight:bold;
text-decoration:none;
color:#333333;
font-size:1em;
}

#comments a:hover{
font-weight:bold;
text-decoration:underline;
color:#000000;
}


#comments h2 {
font-family:  Arial, Helvetica, sans-serif;
font-size:1.4em;
margin: 0px 0px 10px 0px;
}

#comments h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
background: url(../../../../../20130326195847im_/http_/www.abc.net.au/triplej/img/layout/ico-comment.gif) no-repeat 0px;
text-indent:32px;
border-top:dotted 1px #666666;
padding-top:10px; 
}

.date {
font-size:1em;
color:#666666;
text-indent:32px;
}

#comments ul li ul{
margin:0px 0px 0px 20px;
}

#comments ul li ul h3{
background: url(../../../../../20130326195852im_/http_/www.abc.net.au/triplej/img/layout/ico-comment2.gif) no-repeat 0px;
}

#comments ul a{
font-weight:bold;
text-decoration:none;
color:#333333;
margin-right:10px;
font-size:1em;
}

#comments ul a:hover{
font-weight:bold;
text-decoration:underline;
color:#000000;
}

/*-- //COMMENTS --*/


/*promos*/
#promos_pod {
	clear: both;
	float: left;
	width: 100%;
	margin-top:30px;
}

.promo_box {
	display: block;
	float: left;
	margin: 0; padding: 0 0 0 2px;
	width: 304px; height: auto;
	border: 1px #d7d7d7 solid;
	background-color: #fff;
	margin:0 0 16px 0;
}

.promo_box a {
color:#000000;
font-weight:bold;
}

.promo_box a:hover {
color:#000000;
font-weight:bold;
text-decoration:underline;
}

.promo_box .promo-col-alpha {
	float: left;
	width: 154px;
	height: auto;
	margin: 2px 0;	
}

.promo_box .promo-col-beta {
	float: left;
	width: 46%;
	height: auto;
	margin: 2px;
}

#promos_pod .promos_column {
	float: left;
	margin: 0 18px 20px 0;
}

#promos_pod .promos_column_end {
	float: left;
	margin: 0;
}

.promo_rhs_box {
	display: block;
	float: left;
	margin: 0;
	padding:2px;
	width: 162 px; height: auto;
	border: 1px #d7d7d7 solid;
	background-color:#FFFFFF;
	margin:0 0 16px 0;
}

.promo_rhs_box img {
	margin: 0 0 4px 0;	
}

/*BOTTOM PROMOS*/
.main_bottom_promos_left .promo_box {
clear:both;
float:left;
margin:16px 16px 16px 0;
}

.main_bottom_promos_middle .promo_box {
float:left;
margin:16px 16px 16px 0;
}

.main_bottom_promos_right .promo_box {
float:right;
margin:16px 0px 16px 0;
}

/*//promos*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:1000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../../../../../20130326195830im_/http_/www.abc.net.au/triplej/img/layout/macFFBgHack.html) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 1020;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* SMS TICKER */
#smsEmbed {
	height: 50px;
	width: 960px;
	background: url('../../../../../20130225025037im_/http_/www.abc.net.au/triplej/img/layout/sms_bg.png');
	float: left;
	position: relative;
	margin-top: 10px;
}

#smsEmbed img {
	position: absolute;
	left: 17px;
	top: 1px;
}

#smsticker {
	height: 22px;
	overflow: hidden;
	width: 836px;
	top: 12px;
	right: 0;
	position: absolute;
}

#smsticker div {
	position: relative;
	width: 100%;
	height: 22px;
	float: right;
	border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#smstext {
	background-color: #f8c4c0;
	margin-bottom: 2px;
}

#smsinfo {
	background-color: #E63228;
}

#smsinfo span {
	float: left;
	margin: 4px;
	color: white;
	font-weight: bold;
	cursor: default;
}

#smstext span {
	float: left;
	margin: 4px;
	color: black; 
}

/*
     FILE ARCHIVED ON 08:29:51 Feb 10, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:01:25 Jun 13, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.524
  exclusion.robots: 0.019
  exclusion.robots.policy: 0.008
  esindex: 0.013
  cdx.remote: 17.758
  LoadShardBlock: 162.32 (3)
  PetaboxLoader3.datanode: 190.095 (5)
  PetaboxLoader3.resolve: 187.939 (3)
  load_resource: 243.635 (2)
*/