/*********************************************************************
 General styles
*********************************************************************/
html, body {
	margin: 0px;
}

#CrusherAdminBarIFrame {
	/*position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 46px;	*/
	/*width: 100%;
	height: */
}

/*********************************************************************
 Styles for the structure of the admin bar
*********************************************************************/
.CrusherNetAdminBar {
	/*position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;*/
}

/*
 A generic Hide style
*/
.CrusherNetAdminBar .Hide {
	visibility: hidden;
}

/*
 The ControlBar is the bar which runs along the top and contains the
 buttons, textbar and logo etc..
*/
.CrusherNetAdminBar .ControlBar {
	background-image: url('../images/crusher_banner_background_1x46.jpg');
	background-repeat: repeat-x;
	height: 46px;
	width: 100%;
}

.CrusherNetAdminBar .ControlBar.Hide {
	display: none;
}

.CrusherNetAdminBar .ControlBarSmall {
	background-image: url('../images/smalladminbar.png');
	background-repeat: repeat-x;
	height: 46px;
	width: 178px;
	float: right;
	cursor: pointer;
}

/*
 The control bar has a left block and right block, floated left/right
 respectively.
*/
.CrusherNetAdminBar .ControlBar .Left {
	float: left;
}
.CrusherNetAdminBar .ControlBar .Right {
	float: right;
}

/*
 The buttons along the top all have a generic look and feel
 and all have the same behaviour with the exception of the
 top right hand close button.
*/
.CrusherNetAdminBar .ControlBar .ControlBarButton {
	background-image: url('../images/crusher_button1.png');
	background-repeat: no-repeat;
	float: left;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	color: #FFF;
	width: 88px;
	height: 26px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	cursor: pointer;
	letter-spacing: 1px;
}
.CrusherNetAdminBar .ControlBar .ControlBarButton.Hover {
	background-image: url('../images/crusher_button3.png');
}
.CrusherNetAdminBar .ControlBar .ControlBarButton.Click {
	background-image: url('../images/crusher_button2.png');
}
.CrusherNetAdminBar .ControlBar .ControlBarButton.Active {
	background-image: url('../images/crusher_button2.png');
}

.CrusherNetAdminBar .ControlBar div.SiteSelector {
	float: left;
	margin-top: 12px;
	margin-right: 0px;
	display: block;
	letter-spacing: 1px;
	color: #FFF;
}

.CrusherNetAdminBar .ControlBar div.ModeSelector {
	float: left;
	margin-top: 12px;
	margin-right: 0px;
	display: block;
	letter-spacing: 1px;
	color: #FFF;
}

.CrusherNetAdminBar .ControlBar .Divider {
	background-image: url('../images/divider.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 46px;
	width: 20px;
	float: left;
}
.CrusherNetAdminBar .ControlBar .Divider.NoLine {
	background-image: none;
	height: 46px;
	width: 20px;
	float: left;
}

/*
 The textbar for displaying the view mode
*/
.CrusherNetAdminBar .ControlBar .Right .Textbar {
	float: left;
	margin-top: 6px;
	margin-right: 20px;
	display: block;
	letter-spacing: 1px;
}
.CrusherNetAdminBar .ControlBar .Right .Textbar .Left {
	background-image: url('../images/crusher_textbar_background_left.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 6px;
	width: 206px;
	height: 30px;
}
.CrusherNetAdminBar .ControlBar .Right .Textbar .Right {
	background-image: url('../images/crusher_textbar_background_right.png');
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 6px;
	width: 200px;
	height: 30px;
}
.CrusherNetAdminBar .ControlBar .Right .Textbar .Center {
	background-image: url('../images/crusher_textbar_background_middle.png');
	background-repeat: repeat-x;
	background-position: top center;
	width: 200px;
	height: 30px;
	padding-top: 7px;
	color: #888;
	text-align: center;
	cursor: default;
}

/*
 The crusher net logo
*/
.CrusherNetAdminBar .ControlBar .Right .Logo {
	background-image: url('../images/crusher_logo.png');
	background-repeat: no-repeat;
	float: left;
	margin-top: 7px;
	margin-right: 10px;
	color: #FFF;
	width: 110px;
	height: 34px;
	cursor: pointer;
}

/*
 The top right close button
*/
.CrusherNetAdminBar .OpenClose {
	background-image: url('../images/minimise_1.png');
	background-repeat: no-repeat;
	float: left;
	margin-top: 4px;
	margin-left: 4px; /*margin-right: 4px;*/
	color: #FFF;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.CrusherNetAdminBar .ControlBarSmall .OpenClose {
	float: right;
}
.CrusherNetAdminBar .OpenClose.Minimise {
	background-image: url('../images/minimise_1.png');
}
.CrusherNetAdminBar .OpenClose.Minimise:Hover {
	background-image: url('../images/minimise_3.png');
}
.CrusherNetAdminBar .OpenClose.Maximise {
	background-image: url('../images/maximise_1.png');
}
.CrusherNetAdminBar .OpenClose.Maximise:Hover {
	background-image: url('../images/maximise_3.png');
}

/*
 The top right close button
*/
.CrusherNetAdminBar .Close {
	background-image: url('../images/crusher_button_close1.png');
	background-repeat: no-repeat;
	float: left;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	color: #FFF;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.CrusherNetAdminBar .ControlBarSmall .Close {
	background-image: url('../images/crusher_button_close1.png');
	background-repeat: no-repeat;
	float: right;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	color: #FFF;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.CrusherNetAdminBar .Close:Hover {
	background-image: url('../images/crusher_button_close3.png');
}

/*
 The drop down container has background slice that continues
 the background image used in the .Background div beyond its
 right side limit.
*/
.CrusherNetAdminBar .DropDownContainer {
	background-image: url('../images/bg_slice.png');
	background-repeat: repeat-x;
	width: 100%;
	background-color: #0F437D;
	/*position: absolute;
	top: 46px;
	left: 0px;*/
	width: 100%;
}
.CrusherNetAdminBar .DropDownContainer .Background {
	background-image: url('../images/crusher_banner_main_1600x696.jpg');
	background-repeat: no-repeat;
	width: 100%;
}

/*
 The cogos logo displayed on the right hand side
*/
.CrusherNetAdminBar .DropDownContainer .Background .CogosLogo {
	background-image: url('../images/crusher_large_cogs.png');
	background-repeat: no-repeat;
	background-position: top right;
	clear: both;
}

/*
 The drop down in divided into two sides - left/right 
 The left holds the tree view and the right holds the editing
 form and help etc..
*/
.CrusherNetAdminBar .DropDownContainer .LeftSideContainer {
	float: left;
	width: 250px;
}
.CrusherNetAdminBar .DropDownContainer .LeftSideContainer .TreeLeft {
	background-image: url('../images/tree_background_left.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.CrusherNetAdminBar .DropDownContainer .LeftSideContainer .TreeRight {
	background-image: url('../images/tree_background_right.png');
	background-repeat: no-repeat;
	background-position: top right;
	margin-left: 14px;
}
.CrusherNetAdminBar .DropDownContainer .LeftSideContainer .TreeCenter {
	background-image: url('../images/tree_background_center.png');
	background-repeat: repeat-x;
	background-position: top left;
	margin-right: 14px;
	padding-top: 4px;
	min-height: 400px;
}

/*
 The right hand side container.
 The background for the right side container is made up of
 an 8 level nested div structure with positioned background
 images..
*/
.CrusherNetAdminBar .DropDownContainer .RightSideContainer {
	float: left;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer .TopLeft {
	background-image: url('../images/tree_background_left.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer .TopRight {
	background-image: url('../images/tree_background_right.png');
	background-repeat: no-repeat;
	background-position: top right;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer .BottomLeft {
	background-repeat: no-repeat;
	background-position: bottom left;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer .BottomRight {
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-left: 14px;
	padding-right: 14px;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer .TopCenter {
	background-image: url('../images/tree_background_center.png');
	background-repeat: repeat-x;
	background-position: top center;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer .BottomCenter {
	background-repeat: repeat-x;
	background-position: bottom center;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer .Middle {
	background-color: Transparent;
	min-height: 250px;
	min-width: 100px;
	padding-top: 14px;
}

/*
 The drop down footer bar which holds the close button
*/
.CrusherNetAdminBar .DropDownContainer .Footer {
	background-image: url('../images/crusher_footer_bacground_1x15.jpg');
	background-repeat: repeat-x;
	height: 12px;
	padding-top: 3px;
}
.CrusherNetAdminBar .DropDownContainer .Footer .CloseDDButton {
	text-align: center;
	background-image: url('../images/crusher_button_hide2.png');
	background-repeat: no-repeat;
	height: 15px;
	width: 125px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

/*********************************************************************
 Styles relating to the content of the right hand side container
*********************************************************************/
/*
 A IFRAME is used to hold the editing form for articles
*/
iframe {
	background-color: Transparent;
	border: 0px;
}
.CrusherNetAdminBar .EditFormIframe {
}

.dt-search-box {
}
.dt-search-box label {
	margin-right: 10px;
	float: left;
}
.dt-search-box input {
	float: left;
}

.ClearFloats {
	clear: both;	
}

/*
 Article Version Control Styles
*/
.UserSelector>select {
	float: left;	
	margin-top:4px;
	margin-right: 5px;
}

/*
 The datatable has two buttons - edit/delete
*/
.CrusherNetAdminBar .DropDownContainer .RightSideContainer td.dt-edit-button {
	background-image: url('../images/edit.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer td.dt-edit-button.Hover {
	background-image: url('../images/edit_zoom.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer td.dt-delete-button {
	background-image: url('../images/trash.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.CrusherNetAdminBar .DropDownContainer .RightSideContainer td.dt-delete-button.Hover {
	background-image: url('../images/trash_zoom.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.dt-select-button {
	background-image: url('../images/select_18x18.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.dt-select-button.Hover {
	background-image: url('../images/select_24x24.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

/*
 FormControls is a div which holds buttons displayed above the IFRAME
*/
.CrusherNetAdminBar .DropDownContainer .RightSideContainer .FormControls {
}

/* 
 Overrides for the YUI tree view nodes to give the prefered style
*/
.CrusherNetAdminBar .ygtvlabel {
	background-color: Transparent;
}
.CrusherNetAdminBar .ygtvlabel:hover {
	background-color: #91DDF7;
}
.CrusherNetAdminBar .ygtvlabel:visited {
	background-color: #91DDF7;
}

/*
 Overrides for the YUI paginator
*/
.yui-dt-paginator {
	letter-spacing: 1px;
	color: #000;
}
.yui-skin-sam span.yui-pg-first, .yui-skin-sam span.yui-pg-previous, .yui-skin-sam span.yui-pg-next, .yui-skin-sam span.yui-pg-last {
	color: #000;
}

/*
    Styles related to the form inputs
*/
.CrusherNetAdminBar .CrusherNetAdminBarForm {
}

.CrusherNetAdminBar .CrusherNetAdminBarForm span.HeadingLargeWidth{
	font-weight:bold;
}

.CrusherNetAdminBar .CrusherNetAdminBarForm label.InlineMediumWidth {
	width: 55px;
	float: left;
	display: block;
}
.CrusherNetAdminBar .CrusherNetAdminBarForm label.InlineLargeWidth {
	width: 90px;
	float: left;
	display: block;
}
.CrusherNetAdminBar .CrusherNetAdminBarForm input {
	float: left;
}

.CrusherNetAdminBar .CrusherNetAdminBarForm input, .CrusherNetAdminBar .CrusherNetAdminBarForm select {
	width: 400px;
}

.CrusherNetAdminBar .CrusherNetAdminBarForm INPUT[type~=checkbox] {
	width: 20px;
}

.CrusherNetAdminBar .CrusherNetAdminBarForm select.PageSelector {
	width: 200px;
	float: left;
}
.CrusherNetAdminBar .CrusherNetAdminBarForm input.PageSelector {
	width: 100px;	
	float: left;
}

.CrusherNetAdminBar .ActionMessage {
	margin-top: 2px;
	margin-bottom: 15px;
	font-weight: bold;
}

.CrusherNetAdminBar .LHSContainer {
	padding: 5px;
	padding-top: 8px;
}

.CrusherNetAdminBar .LHSContainer a.LHSLink {
	display: block;
	margin-top: 2px;
}

.CrusherNetAdminBar .LHSContainer a.LHSLinkL1 {
	display: block;
	margin-top: 2px;
	margin-left: 10px;
}

.CrusherNetAdminBar .LHSContainer ul.LHSMenuList { 
	margin-left: 0px;
}
.CrusherNetAdminBar .LHSContainer ul.LHSMenuList li {
	/*list-style-type:circle;*/
	cursor: pointer;
	/*color: #AAA;*/
	height: 18px;
	padding: 2px;
	padding-left: 5px;
}
.CrusherNetAdminBar .LHSContainer ul.LHSMenuList li:Hover {
	text-decoration: underline;
}
.CrusherNetAdminBar .LHSContainer ul.LHSMenuList li.Highlighted {
	background-image: url('../images/click_link.png');
	background-repeat: no-repeat;
	font-weight: bold;
}
.CrusherNetAdminBar .LHSContainer h4 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 7px;
	margin-left: 5px;
}

/*
 The form is made up of vertical blocks which can contain
 horizontal blocks.
 i.e 
    --------------------------------
   |  -------------   -------------  |
   | |             | |             | |
   | |             | |             | |
   |  -------------   -------------  |
    -------------------------------- 
    --------------------------------
   |  -------------   -------------  |
   | |             | |             | |
   | |             | |             | |
   |  -------------   -------------  |
    -------------------------------- 
*/
.CrusherNetAdminBar .CrusherNetAdminBarForm .Block {
	display: block;
	margin-top: 5px;
	height: 22px;
}
.CrusherNetAdminBar .CrusherNetAdminBarForm .HorizontalBlock {
	margin-right: 30px;
	float: left;
}

/*
 Styling for buttons used on the forms i.e. the save button etc.
*/
.CrusherNetAdminBar .CrusherNetAdminBarForm input.FormButton {
	cursor: pointer;
	background-image: url(../images/crusher_button_100x26.png);
	background-color:transparent;
	width: 100px;
	height: 26px;
	background-repeat: no-repeat;
	border: 0px;
	color: #FFFFFF;
	text-align: center;
	background-position: center center;
}
.CrusherNetAdminBar .CrusherNetAdminBarForm input.FormButton:hover {
	background-image: url('../images/crusher_button_light_100x26.png');
}

.yui-node-mobox {
	position: absolute;
	width: 87px;
	height: 18px;
	display: block;
	float: left;
}
.yui-node-mobox .btn {
	width: 18px;
	height: 18px;
	float: left;
}
.yui-node-mobox .btn.up-btn {
	background-image: url('../images/arrow_up.png');
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
	width: 30px;
}
.yui-node-mobox .btn.up-btn.Hover {
	background-image: url('../images/arrow_up_hover.png');
}
.yui-node-mobox .btn.dwn-btn {
	background-image: url('../images/arrow_down.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.yui-node-mobox .btn.dwn-btn.Hover {
	background-image: url('../images/arrow_down_hover.png');
}
.yui-node-mobox .btn.left-btn {
	background-image: url('../images/arrow_left.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.yui-node-mobox .btn.left-btn.Hover {
	background-image: url('../images/arrow_left_hover.png');
}
.yui-node-mobox .btn.right-btn {
	background-image: url('../images/arrow_right.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.yui-node-mobox .btn.right-btn.Hover {
	background-image: url('../images/arrow_right_hover.png');
}


/*
* Resize panel for treeview popup
*/
.resizePanel .bd {
	overflow: auto;
	background-color: #fff;
	padding: 10px;
}

.resizePanel .ft {
	height: 10px;
	padding: 0;
}

.resizePanel .yui-resize-handle-br {
	right: 0;
	bottom: 0;
	height: 8px;
	width: 8px;
	position: absolute;
}

/*  
The following CSS is added to prevent scrollbar bleedthrough on
Gecko browsers (e.g. Firefox) on MacOS.
*/

/*
PLEASE NOTE: It is necessary to toggle the "overflow" property 
of the body element between "hidden" and "auto" in order to 
prevent the scrollbars from remaining visible after the the 
Resizable Panel is hidden.  For more information on this issue, 
read the comments in the "container-core.css" file.

We use the #reziablepanel_c id based specifier, so that the rule
is specific enough to over-ride the .bd overflow rule above.
*/

#resizablepanel_c.hide-scrollbars .yui-resize .bd {
	overflow: hidden;
}

#resizablepanel_c.show-scrollbars .yui-resize .bd {
	overflow: auto;
}

/*
PLEASE NOTE: It is necessary to set the "overflow" property of
the underlay element to "visible" in order for the 
scrollbars on the body of a Resizable Panel instance to be 
visible.  By default the "overflow" property of the underlay 
element is set to "auto" when a Panel is made visible on
Gecko for Mac OS X to prevent scrollbars from poking through
it on that browser + platform combintation.  For more 
information on this issue, read the comments in the 
"container-core.css" file.
*/

#resizablepanel_c.show-scrollbars .underlay {
	overflow: visible;
}

.ygtv-highlight1 .ygtvcell.ygtvcontent {
	background-color: #ccc;
}

.resizePanel .hd-close-btn {
	position:absolute;
	top: 6px;
	right: 5px;
	width: 30px;
	height: 13px;
	/*border: 1px solid #000;	*/
	cursor: pointer;
	background-image: url('../images/popup_close_btn.png');
	background-repeat: no-repeat;
}