/* ************* */
/* dialog styles */
/* ************* */
#dialog-panel
{
	display: none;
	position: absolute;
	z-index: 1000;
}

#dialog-panel a, .login-field-container a
{
	 text-decoration:none;
	 /*color:#AE0835;*/
}

#dialog-panel a:hover, .login-field-container a:hover
{
	 /*text-decoration:underline;
	 color:#AE0835;*/
}

#dialog-panel.non-modal
{
	padding: 0 3px 3px 0;
	background: url(/common/template/images/dialog_drop_shadow.png) bottom right no-repeat;
}

#dialog-panel.modal
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*background: url(/common/template/images/1x1_333333_85.png) top left repeat; background-color: rgba(51, 51, 51, 0.85);*/
}

#dialog-panel .dialog
{
	position: relative;
	/*max-width: 400px;*/
	margin: 0 auto;
	padding: 6px 0;
	z-index: 1001;
	overflow: hidden;
}

.login-field-container
{
	max-width: 400px;
	margin:5% auto 0 auto;
	position:relative;
}

#dialog-panel .canvas
{
	/*height: 163px;*/
	border-width: 0 1px;
	border-style: solid;
	background-color: #FFFFFF;
	padding: 0 6px 32px;
}

#dialog-panel .canvas.no-buttons
{
	padding-bottom: 0px;
}

#dialog-panel .dialog .end
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 600px;
	height: 6px;
}

#dialog-panel h3
{
	position: relative;
	height: 34px;
	line-height: 34px;
	margin: 0;
	padding: 0 10px;
	font-size: 1.4em;
}

#dialog-panel .close
{
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 27px;
	height: 25px;
	background: url(/common/template/images/dialog_close_icon.png) top right no-repeat;
	cursor: pointer;
	text-indent: -1000em;
}

#dialog-panel .buttons
{
	position: absolute;
	width: 386px;
	height: 31px;
	bottom: 10px;
}

#dialog-panel .button
{
	display: block;
	margin: 0;
	line-height: 30px;
	text-align: center;
	background: url(/common/template/images/user_bar_button_left.png) center left no-repeat;
	padding: 0px;
}
#dialog-panel .button a
{
	display: block;
	padding: 0 13px;
	background: url(/common/template/images/user_bar_button_right.png) center right no-repeat;
	color: #FFFFFF;
	font-weight: normal;
}

#dialog-panel .button.left
{
	float: left;
}
#dialog-panel .button.right
{
	float: right;
}

/* box-programme version of dialog content */
#dialog-panel .image_container
{
	position: relative;
	float: left;
}
#dialog-panel .image_container img
{
	width: 203px;
	height: 123px;
}
#dialog-panel .box.programme
{
	/*height: 129px;*/
	background: #FFFFFF url(/common/template/images/hl_box_gradient_right.png) right top repeat-y;
	overflow: auto;
	padding-left: 20px;
}
#dialog-panel .box.programme img
{
	float: left;
	margin: 0 6px 6px 0;
}
#dialog-panel .box.programme h4
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 3px 0;
}
#dialog-panel .box.programme p
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
	font-weight: normal;
}
#dialog-panel .box.programme a.trailer
{
	display: block;
	float: left;
	clear: left;
	margin: 3px 6px;
}

#dialog-panel .box.programme .audience span, #dialog-panel .box.programme .opportunities span, #dialog-panel .box.programme .daypart span
{
	font-weight: bold;
}


/* dialog themed colours */
#dialog-panel .dialog h3, #dialog-panel .dialog.news h3
{
}
#dialog-panel .dialog, #dialog-panel .dialog.news
{
	/*background: url(/common/template/images/theme/generic/dialog_top_curve.png) top left no-repeat;*/
}
#dialog-panel .dialog .end, #dialog-panel .dialog.news .end
{
	/*background: url(/common/template/images/theme/generic/dialog_bottom_curve.png) top left no-repeat;*/
}

#dialog-panel .dialog.insights h3
{
	background-color: #ed098b;
}
#dialog-panel .dialog.insights
{
	/*background: url(/common/template/images/theme/insights/dialog_top_curve.png) top left no-repeat;*/
}
#dialog-panel .dialog.insights .end
{
	/*background: url(/common/template/images/theme/insights/dialog_bottom_curve.png) top left no-repeat;*/
}
#dialog-panel .dialog.insights .canvas
{
	border-color: #ed098b;
}

#dialog-panel .dialog.programming dialog-panel .canvas
{
	padding: 10px;
}

#dialog-panel .dialog.programming h3
{
	background-color: #dfd9cb;
	float: right;
	height: 31px;
	position: relative;
	text-indent: -1000em;
	width: 14px;
}
#dialog-panel .dialog.programming .end
{
	background: url(/common/template/images/theme/programming/dialog_bottom_curve.png) top left no-repeat;
}
#dialog-panel .dialog.programming .canvas
{
	border: none;
	background-color: #dfd9cb;
}
#dialog-panel .dialog.programming .box.programme
{
	background: none;
}
body.programme_planner #dialog-panel .dialog.programming
{
	background: none repeat scroll 0 0 #DFD9CB;
	box-shadow: 2px 2px 2px #999999;
	left: 50px;
	padding: 10px;
	width: 680px;
}
body.programme_planner #dialog-panel .end
{
	display: none;
}
#dialog-panel .dialog.buying h3
{
	background-color: #AE0835;
	color: #FFFFFF;
	margin-bottom: 10px;
	top: 10px;
}
#dialog-panel .dialog.buying
{
	/*background: url(/common/template/images/theme/buying/dialog_top_curve.png) top left no-repeat;*/
}
#dialog-panel .dialog.buying .end
{
	background: url(/common/template/images/theme/buying/dialog_bottom_curve.png) top left no-repeat;
}
#dialog-panel .dialog.buying .canvas
{
}

#dialog-panel .dialog.tools h3
{
	background-color: #666666;
}
#dialog-panel .dialog.tools
{
	background: url(/common/template/images/theme/tools/dialog_top_curve.png) top left no-repeat;
}
#dialog-panel .dialog.tools .end
{
	background: url(/common/template/images/theme/tools/dialog_bottom_curve.png) top left no-repeat;
}
#dialog-panel .dialog.tools .canvas
{
	border-color: #666666;
}

/* highlight heading colours
.highlight.news h2
{
	background-color: #0073ae;
}
.highlight.tools h2
{
	background-color: #666666;
	margin-bottom: 3px;
}
 */

/* highlight anchor and themed text colours */
#dialog-panel .dialog.generic a, #dialog-panel .dialog.generic .themed, #dialog-panel .dialog.promotion a, #dialog-panel .dialog.promotion .themed, #dialog-panel .dialog.news a, #dialog-panel .dialog.news .themed
{
	color: #0073ae;
}
#dialog-panel .dialog.insights a, #dialog-panel .dialog.insights .themed
{
	color: #d61883;
}
#dialog-panel .dialog.programming a, #dialog-panel .dialog.programming .themed
{
	color: #6E3686;
	margin-bottom: 10px;
}
#dialog-panel .dialog.buying a, #dialog-panel .dialog.buying .themed
{
	color: #FFFFFF;
}
#dialog-panel .dialog.tools a, #dialog-panel .dialog.tools .themed
{
	color: #0073ae;
}
#dialog-panel .dialog.tools .nocolour a, #dialog-panel .dialog.tools a.nocolour
{
	color: #333333;
}

/* highlight anchor markers */
#dialog-panel .dialog a.marker
{
	display: block;
	padding-left: 10px;
	background-position: left 3px;
	background-repeat: no-repeat;
}
#dialog-panel .dialog.generic a.marker
{
	background-image: url(/common/template/images/theme/generic/hl_link_marker.png);
}
#dialog-panel .dialog.promotion a.marker
{
	background-image: url(/common/template/images/theme/promotion/hl_link_marker.png);
}
#dialog-panel .dialog.news a.marker
{
	background-image: url(/common/template/images/theme/news/hl_link_marker.png);
}
#dialog-panel .dialog.insights a.marker
{
	background-image: url(/common/template/images/theme/insights/hl_link_marker.png);
}
#dialog-panel .dialog.programming a.marker
{
	background-image: url("/common/template/images/theme/programming/hl_link_marker.png");
	color: #C62626;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 10px;
}
#dialog-panel .dialog.buying a.marker
{
	background-image: url(/common/template/images/theme/buying/hl_link_marker.png);
}
#dialog-panel .dialog.tools a.marker
{
	background-image: url(/common/template/images/theme/tools/hl_link_marker.png);
}
#dialog-panel .dialog.tools .nocolour a.marker, #dialog-panel .dialog.tools a.marker.nocolour
{
	background-image: url(/common/template/images/theme/tools/hl_link_marker_nocolour.png);
}


/* style for login controls */
#personalisation .submit input
{
	border: 0;
	background: none;
}

.login-field-container
{
	display: none;
}

.login-field-container.show-login
{
	display: block;
}


#login-forgotten-container
{
	display: none;
}


#dialog-panel .login fieldset
{
	border: 0;
	padding: 10px;
	margin: 5px 0 0;
	background-color: #f4f7f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.login-field-container  fieldset
{
	border:0;
}

#dialog-panel .login fieldset label, .login-field-container  fieldset label
{
	width: 100px;
	display: inline-block;
}
#dialog-panel .login fieldset input, .login-field-container  fieldset input
{
	width: 245px;
	display: inline-block;
}
#dialog-panel .login fieldset input[type=checkbox], .login-field-container  fieldset input[type=checkbox]
{
	width: auto;
	margin: 5px 5px 0 100px;
}
#dialog-panel .login fieldset input[type=checkbox] + label, .login-field-container  fieldset input[type=checkbox] + label
{
	width: 200px;
	margin-left: 10px;
}

#dialog-panel .login fieldset .forgotten
{
	position: absolute;
	right: 20px;
}

#dialog-panel .login fieldset .forgotten
{
	bottom: -5px;
}

.login-field-container  fieldset  .forgotten
{
	display:block;
	padding-bottom:5px;
}

#dialog-panel .login .submit, .login-field-container  fieldset .submit
{
	display: block;
	height: 31px;
	width: 65px;
	background: url(/common/template/images/user_bar_button_left.png) center left no-repeat;
}

.login-field-container  fieldset .submit
{
	width: 75px;
}

#dialog-panel .login .remind-password
{
	width: 97px;
	color:#ffffff;
}

#dialog-panel .login .submit a
{
	line-height: 25px;
	display: block;
	padding: 0 13px;
	color: #333333 !important;
	background: url(/common/template/images/user_bar_button_right.png) center right no-repeat;
}

#dialog-panel .login .submit input, .login-field-container  fieldset .submit input
{
	height: 31px;
	width: 100%;
	text-align: center;
	border: 0;
	background: transparent url(/common/template/images/user_bar_button_right_blue.png) center right no-repeat;
	cursor: pointer;
	color: #FFFFFF;
}

#dialog-panel .login .regblurb
{
	padding: 5px;
}

#dialog-panel .login .regblurb h4
{
	margin: 0 0 5px;
}

#dialog-panel .login .regblurb > a
{
	display: block;
}

#dialog-panel .login .regblurb p:first-child
{
	margin-top: 0;
}
#dialog-panel .login .regblurb p:last-child
{
	margin-bottom: 0;
}

#dialog-panel .login .user-message
{
	margin-top: 5px;
	color: #ff0000;
}


/* Styles for expanded video dialog */
#dialog-panel .dialog.expanded_video
{
	width: 850px;
	background: transparent url(/common/template/images/theme/generic/dialog_top_curve_850.png) no-repeat scroll left top;
}

#dialog-panel .dialog.expanded_video .end
{
	width: 850px;
	background: transparent url(/common/template/images/theme/generic/dialog_bottom_curve_850.png) no-repeat scroll left top;
}