/* Styles For Authoring */

/* Remove all lines below this one after deploying to live */



/*  NEWS DISPLAY */
/*  For display of news using the News user controls and relevant news.xslt  */
/*  These are for NewsForm.aspx in Editing mode */
.newspromoter {
	color: #FF0000;
	/*font-size: 50%;*/
	/* border: solid 1px #808080;*/
}

.newspromoter tr td span p {
	font-size: 10px;
}

.news_control_background_class {
	background-color: #E5E9EB;
	background: #E5E9EB;
	font-size: 10px;
	padding-top: 10px;
	border: solid 1px #808080;
}
.news_redirect_panel_class 
{
	background-color: #E5E9EB;
	background: #E5E9EB;
	padding-top: 10px;
}

.news_redirect_panel_text_class
{
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 10px;
}

.news_control_title_class {
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 90%;
	color: #FF0000;
}

.news_control_text_class {
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 10px;
}

.news_ph_title {
	font-size: 110%;
	font-weight: bold;
}
.news_control_background_class tr td a {
	font-size: 10px;
}

.news_control_background_class tr td label {
	font-size: 10px;
}

.CMSEditTable  {
	background-color: #E5E9EB;
	border: solid 2px #808080 !important;
	font-size: 9px;
}

.CMSEditTable label {
	font-size: 9px;
	padding-left: 10px;
}

/* used to stop contacts tree view from getting too small at lower levels */
.CMSEditTable 
{
    font-size: 10px !important;
}
.CMSEditTable span {
	font-size:10px !important;
}
.CMSEditTable div {
	font-size:10px !important;
}


.CMSEditTable input {
	border: #808080 1px solid;
	background: #c9c7c9;
}

.CMSEditTable a:link {
	font-size: 10px;
	color: #000000 !important;
}

.CMSEditTable a:visited {
	font-size: 10px;
	color: #000000 !important;
}

.CMSEditTable a:hover {
	font-size: 10px;
	color: #000000 !important;
	text-decoration: underline;
}

.CMSEditTitle {
	color: #5E6E85;
	display: block;
	border: solid 1px #808080;
	font-size: 100%;
}

.CMSEditSubHead  {
	color: #000000;
}

/* DEALS WITH VISIBLE CHECK MARK IN CONTACTS */
.CMSEditSubHead label {
	color: #000000;
	font-size: 100%;
	font-weight: bold;
}


/* Displays the selected name */
td span.CMSEditChosenContact {
	color: #FF0000;
	font-size: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.CMSEditContactsNames div, .CMSEditContactsNames span {
	font-size: 10px;
	color: #000000 !important;
	font-weight: normal !important;
}

/*  FOR RHSNAVNEWS */
/*  This is edit mode */
.RHSNavnewsBackground {
	border: #808080 2px solid;
	background: #E5E9EB;
	font-size: 80%;
}

/* Puts a scroll bar on the news approver in the Summary template to allow users to remove items from the list
   Removed as also scroll bar also appears in live mode */
/*#NewsRightNav1_NewsApprover2
{
	width: 175px;
	overflow-x: scroll;
}*/



.RHSNavnewsBackground a:link, .RHSNavnewsBackground a:visited {
	/* Removed as it makes the Logo disappear on the Summary page during authoring mode
	/*font-size: 80%;*/
	color: #000000 !important;
}


.RHSNavnewsBackground a:hover {
	color: #000000 !important;
	text-decoration: underline;
}

.RHSNavnewsBackground label {
	font-size: 9px;
}

.RHSNavnewsBackground input  {
	border: #808080 1px solid;
	background: #c9c7c9;
}

.phlabel a:link, span.phlabel a:visited {
	color: #0089de !important;
	font-weight:bold;
	text-decoration: underline !important;
}

.phlabel a:hover {
	color: #333333 !important;
	text-decoration:underline !important;
}

.phlabel {
	color: #710000  !important;
}

/* Help text links */
a.phlabel:link, a.phlabel:visited {
	color: #0089de !important;
	font-weight:bold;
	font-size:90%;
	text-decoration: underline !important;
}

a.phlabel:hover {
	color: #333333 !important;
	text-decoration:underline !important;
}

a img { border: none; }

.ImagePickerButtons img {
	border: solid 1px #000;
}


#radEditorContainerRHSExtras1_RadEditorPlaceHolderControl1_AuthoringModeControlsContainer_EditorRadEditorPlaceHolderControl1{height:200px !important}
#radEditorTextRHSExtras1_RadEditorPlaceHolderControl1_AuthoringModeControlsContainer_EditorRadEditorPlaceHolderControl1{height:200px !important}
#radEditorContainerRHSExtras1_RadEditorPlaceHolderControl2_AuthoringModeControlsContainer_EditorRadEditorPlaceHolderControl2{height:200px !important}
#radEditorTextRHSExtras1_RadEditorPlaceHolderControl2_AuthoringModeControlsContainer_EditorRadEditorPlaceHolderControl2{height:200px !important}

#radEditorContainerYouTubeDescriptionPlaceHolderControl_AuthoringModeControlsContainer_EditorYouTubeDescriptionPlaceHolderControl {height: 100px !important}
#radEditorContainerPageBodyPlaceholderControl_AuthoringModeControlsContainer_EditorPageBodyPlaceholderControl {height: 200px !important}

#radEditorContainerDoItOnline1_RadEditorPlaceHolderControl1_AuthoringModeControlsContainer_EditorRadEditorPlaceHolderControl1{height:200px !important}
#radEditorTextDoItOnline1_RadEditorPlaceHolderControl1_AuthoringModeControlsContainer_EditorRadEditorPlaceHolderControl1{height:200px !important}
#radEditorContainerRedirectPlacholder_AuthoringModeControlsContainer_EditorRedirectPlacholder{height:100px !important;}

#radEditorContainerSearchHelpPlaceholder_AuthoringModeControlsContainer_EditorSearchHelpPlaceholder{height: 100px !important}
#radEditorContainerRow1Col1Placeholder_AuthoringModeControlsContainer_EditorRow1Col1Placeholder{height: 300px !important}
#radEditorContainerRow1Col2Placeholder_AuthoringModeControlsContainer_EditorRow1Col2Placeholder{height: 300px !important}
#radEditorContainerRow2Col1Placeholder_AuthoringModeControlsContainer_EditorRow2Col1Placeholder{height: 200px !important}
#radEditorContainerRow2Col2Placeholder_AuthoringModeControlsContainer_EditorRow2Col2Placeholder{height: 200px !important}

.important-information textarea {width: 440px;}
.edit-date {width: 6em;}
.edit-time {width: 3em;}
.expired {background-color: #f99 !important;}

#suggestLine {width: 400px;}

a.dp-choose-date {
	/*float: left;*/
	width: 19px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: inline-block;
	background: url(/CMSWebsite/images/calendar.gif) no-repeat 3px 0px; 
}

a.dp-choose-date span {
	position: absolute;
	left: -9999px;	
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

img.remove-icon { cursor: hand; position: absolute; right: 18px }

div.important-information div, div.overrides, .related-route-edit { background-color: #e6f3fc; padding: 10px; margin-bottom: 8px;}
div.important-information { font-size: 75%; }
div.overrides div { line-height: 2em;}
div.overrides label {font-size: 75%; font-weight: bold; width: 8em; text-align: right; display: inline-block}
div.overrides input, div.overrides select {width: 358px;}
div.overrides div span { font-size: 75%; margin: -3px 0px 11px 8.5em; display: block;line-height: 1em;}
div.important-information div, .related-route-edit, div.overrides {zoom: 1;}

.bottomBar
{
	position: fixed;
	left: 0px;
	bottom: 0px;
	padding: 10px;
	text-align: center;
	border-style: solid;
	border-width: 2px 0px 0px;
	z-index: 1000;
	min-width: 100%;
}

.bottomBar input
{
	zoom: 1;
	overflow: visible !important;
}

.greenBar
{
	color: #594900;
	background-color: #D1FFAA;
	border-color: #9AEA4F; 
}

.orangeBar
{
	color: #594900;
	background-color: #f5eabb;
	border-color: #f5b800; 
}

input.primary
{
	padding: 3px 6px;
	font-weight: bold;
	margin: 0px 10px;
	font-size: 14px;
	border: outset 1px;
}

.orangeBar .primary
{
	background-color: #ffcf00;
	color: #594900;
	border-color: #f5b800;
}

h1.big-heading a { font-size: 55%;}

.FreeTextBox {font-family: Verdana; font-size: 75%;}
.FreeTextBox h1,.FreeTextBox h2{font-size: 100%; font-weight:bold;line-height:130%}
.FreeTextBox h1{color:#710000;margin:5px 0px 15px 0px}
.FreeTextBox h2{color:#5e6e85;margin:0px 0px 5px 0px}

.CMSEditContactsNames a
{
    display: block;
    margin-left: 15px;
}

.CMSEditContactsNames div { margin-left: 10px;}

.CMSEditContactsNames a:link, .CMSEditContactsNames a:visited
{
    text-decoration: none;
    font-weight: normal;
}

.CMSEditContactsNames a:active, .CMSEditContactsNames a:focus
{
    background: none !important;
    background-color: Transparent !important;
}

.CMSEditContactsNames a:hover
{
    text-decoration: underline !important;
}