/**
 * nrHome.css
 * ABC NewsRadio Stylesheet
 * Home page specific
 * Created by: Mark Simpson, 28 June 2008
 * 
 * @author	Mark Simpson
 * @version	1.0
 * @site		http://abc.net.au/NewsRadio/
 * @media		all
 */


/* =TOC=
 * Main - Main page structure
 * Customise - Customise my home page section
 * Body - Content definitions
 * FeatureBox - Feature box component 
 * Bins - Specific home page bin specs
 * Lightbox - Global ABC Lightbox styling
 */

/* =Colours=
 * #e14313 - orange link
 * #1C75A2 - blue date fields
 * #006699 - blue main nav
 * #1FAFDF - blue sub nav
 * #999999 - grey border
 * #263371 - blue news source span
 * #2C4972 - blue NR source span
 * #0c6c9e - main background
 */

/*
------------------------------------------------------------- 
	=Main=
-------------------------------------------------------------
*/
#feature_box {
	border: 1px solid #999999;
	background: url(/newsradio/images/framework/feature_panel_bg.png) repeat-x;
	height: 267px;
	width: 712px;
	left: 0px;
	margin-top: 5px;
	position: relative;
	padding: 4px 2px 4px 4px;
}

#columns {
	/* padding-top: 4px; */
	position: relative;	
}

#c1, #c2 {
	margin-right: 4px;
}

/*
------------------------------------------------------------- 
	=Customise=
-------------------------------------------------------------
*/

p.cust {
	position: absolute;
	margin-top: 4px;
	height: 20px;
	right:0;
	z-index: 2;
	text-align: right;	/* to make IE float right */
}

p.cust a {
	background-color: #000000;
	height: 23px;
	width: 231px;
	display: block;
}

p.cust img {
	position: relative;
	float: left;
	left: 0px;
	top: 0;
	height: 23px;
	width: 23px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

p.cust span {
	float: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding-top: 3px;
	cursor: pointer;
}

p.cust a:hover, p.cust a:hover span {
	opacity: 1;
	text-decoration: none;
	color: #e14313;
}

p.cust a:hover img {
	background-color: #FF6600;
}

/* customisation bar */
#customise {
	background-color: #000000;
	color: white;
	display: none;
}

#customise p {
	/* background: url(/newsradio/images/framework/bgCustTop.gif) repeat-x; */
}

#customise ul.inline {
	border-bottom: 1px solid black;
}

#customise li {
	background: url(/newsradio/images/framework/bgCustSelBlack.gif) repeat-x;
}

#customise li label {
	font-size: 1.1em;
}

#customise .n li {
	background: #151515;
}

#customise .buttons {
	clear: both;
	height: 30px;
	background-color: #000000;
	width: 100%;
}

#customise .subList li span {
	visibility: hidden; opacity: 0;
}

/*
------------------------------------------------------------- 
	=FeatureBox=
-------------------------------------------------------------
*/
.feature {
	/* width: 100%; */
	width: 710px;
	height: 212px;
	background: #006699;	/* normal = #006699 */
	/* background: #1FAFDF;	/* highlight = #1FAFDF */
}

.f_left {
	float: left;
	width: 312px;
	position: relative;
	height: 100%;
}

.f_left img {
	position: relative;
	left: 5px;
	top: 5px;
	width: 295px;
	height: 193px;
}

.f_right {
	background: url(/newsradio/images/framework/feature_panel_bg.png) repeat-x;
	margin-top: 5px;
	padding: 0 5px 0 5px;
	float: left;
	width: 383px;
	position: relative;
	height: 196px;
	padding-top: 5px;
}

.f_right h1 {
	margin: 2px 0 4px 0;
	font-size: 2.8em;
}

.f_right h2 {
	margin-top: 2px;
}

.feature p {
	line-height: 125%;
	font-size: 1.3em;
}

#f2, #f3, #f4 {
	display: none;
}

.feature .but_watch {
	position: absolute;
	bottom: 0;
	padding-top: 3px;
	margin-bottom: 5px;
}

#fNav {
	display: block;
	float: left;
	width: 100%;
}

#fNav ul {
	padding: 0 0 0 0;
}

#fNav ul li {
	float: left;
	background: url(/newsradio/images/framework/but_feature.jpg) no-repeat left;
	height: 55px;
	width: 176px;
	padding-right: 2px;
	/* opacity: .9; */
}

#fNav ul li.active {
	opacity: 1;
	/* background: url(/newsradio/images/framework/but_feature_active.jpg) no-repeat left; */
	background: #006699;	/* normal = #006699 */
	/* background: #1FAFDF;	/* highlight = #1FAFDF */
	background-image: none;
	margin-right: 2px;
	padding-right: 0;
}

#fNav ul li:hover, #fNav ul li.hover {
	opacity: 1;
	/* background: url(/newsradio/images/framework/but_feature_over.jpg) no-repeat left; */
}

#fNav ul li a {
	display: block;
	padding: 4px 4px 4px 8px;
	color: #FFFFFF;
	font-size: 1.6em;
	font-weight: normal;
	width: 166px;
	height: 45px;
	text-decoration: none;
}

#newsNav {
	position: absolute;
	background-color: transparent;
	height: 20px;
	right: 22px;
	top: 185px;
	z-index: 3;
}

#newsNav ul {
	padding: 0px;
}

#newsNav a {
	display: block;
	float: left;
	height: 18px;
	width: 18px;
}

#newsNav li {
	float: left;
	height: 18px;
	width: 18px;
	margin-left: 5px;
}

#newsSlideshowBack {
	background: transparent url(/newsradio/images/framework/feature_grey.gif) no-repeat left top;
}
#newsSlideshow1 {
	background: transparent url(/newsradio/images/framework/feature_grey.gif) no-repeat -21px top;
}
#newsSlideshow2 {
	background: transparent url(/newsradio/images/framework/feature_grey.gif) no-repeat -42px top;
}
#newsSlideshow3 {
	background: transparent url(/newsradio/images/framework/feature_grey.gif) no-repeat -63px top;
}
#newsSlideshow4 {
	background: transparent url(/newsradio/images/framework/feature_grey.gif) no-repeat -84px top;
}
#newsSlideshowNext {
	background: transparent url(/newsradio/images/framework/feature_grey.gif) no-repeat -105px top;
}
.hpfPause {
	background: transparent url(/newsradio/images/framework/feature_grey.gif) no-repeat -126px top;
}
.hpfPlay {
	background: transparent url(/newsradio/images/framework/feature_grey.gif) no-repeat -147px top;
}

/* hovers to orange */
#newsNav li:hover, #newsNav li.active:hover, #newsNav li.hover {
	background-image: url(/newsradio/images/framework/feature_orange.gif);
}
/* active to blue */
#newsNav li.active {
	background-image: url(/newsradio/images/framework/feature_blue.gif);
}
/* exception for play button */
/*
#newsNav li.hpfPlay:hover, #newsNav #newsSlideshowPlay.hover a {
	background: url(/newsradio/images/framework/feature_play_over.gif) no-repeat;
}
*/

/*
------------------------------------------------------------- 
	=Bins=
-------------------------------------------------------------
*/

/* news specific */
.news li.first {
	background: url(/newsradio/images/framework/nrGradN.gif) repeat-x;
}

.news a .b_img {
	width: 80px;
	height: 60px;
}

.news li.first a span {
	top: 5px;
	left: 90px;
}

.nrSub li:hover, li.first a span:hover {
	/* background-color: #dedede; */
}

.nrSub a span:hover {
	text-decoration: underline;
}

/*
.news h2 {
	background: url(/newsradio/images/framework/nrSubNews.gif) repeat-x;
}
*/

.nrSrc {
	/* background-color: #2C4972; */
	color: #1c75a2;
	padding: 4px;
	margin: 0px;
}

.news .nrSrc {
	/* background-color: #263371; */
}

.news .utils p.collapse a {
	/* background: url(/newsradio/images/framework/nrDownNews.gif) no-repeat -5px -8px; */
}

.nrSrc p {
	padding-top: 4px;
}

div.nrSrc {	/* weather intro */
	background-color: transparent;
	color: #000000;
	margin: 5px 0;
}

div.nrSrc em {
	color: #999999;
}

.weather li {
	position: relative;
	border: 1px solid #999999;
	margin: 10px;
	height: 4.5em;
}

.day {
	position: relative;
	border: 1px solid #999999;
	margin: 10px;
	height: 4.5em;
	padding: 5px 5px 5px 7px;	
}

.weather li h4, .day h4 {
	font-size: 1.3em;
	margin: 0;
}

.weather li p, .day p {
	padding: 0;
}

li p.fc, .day p.fc { /* weather forecast */
	font-weight: bold;
}

.weather img, .day img {
	position: absolute;
	top: 3px;
	right: 10px;
} 

#audio p.date {
	display: none;
}

#audio p {
	font-weight: bold;
}

#links p.date {
	display: none;
}

#links a.listen {
	display: none;
}

.nrFooter {
	position: relative;
	background-color:#ffffff;
	padding: 2px 2px 2px 6px;
	margin: 0;
	height: 12px;
	border-top: 1px solid #cccccc;
}

.nrFooter a {
	color: #e14313;
}

.nrFooter a:hover {
	text-decoration:underline;
}

.nrFooter div.nrMore {
	position: absolute; 
	top: 0;
}

/* topics only */
div.nrFooter a {
	font-weight: bold;
	font-size: 1.1em;
}

/* show/hide stories buttons */
.pm a {
	float: right;
	margin-right: 3px;
}

.pm a:hover {
	opacity: 1;
	background-color: #FF6600; 	
}

.pm a.disabled {
	opacity: .4;
	cursor: default;
}

.pm a.disabled:hover {
	background-color: transparent; 	
}

/*
------------------------------------------------------------- 
	=Lightbox=
-------------------------------------------------------------
*/

#lightbox {margin:0; padding:5px; background:#eee; border:0px solid #000; border-width:0 3px 3px 0;}
#lightbox img {border:none; clear:both;} 
#lightboxDetails {}	
#lightboxDetails p {margin:2px 0 0px 0;}	
#lightboxCaption {float:left; margin-right:10px;}
#keyboardMsg {float:right;}
#closeButton {top:0px; right:0px;}
#overlay img {border:none;}
#overlay {opacity:.7; background:#000;}
#player {z-index:250;}

#foraTvVideo {margin:0; padding:0; width:640px; height:520px; border:1px solid #000; z-index:350;}