.RadDock_JHF
{
    margin:0 5px 5px 0;
    background: transparent;
    color: #000;
    text-align:left;
    padding: 0px 0px 10px 0px;
    position: relative;
}

/* new q3 2009 */
.RadDock .RadDock_JHF .rdTable
{
	width: 100%;
	height: 100%;
	table-layout:fixed;
}

.RadDock .RadDock_JHF .rdTable .rdTop .rdLeft, 
.RadDock .RadDock_JHF .rdTable .rdTop .rdRight,
.RadDock .RadDock_JHF .rdTable .rdMiddle .rdLeft, 
.RadDock .RadDock_JHF .rdTable .rdMiddle .rdRight,
.RadDock .RadDock_JHF .rdTable .rdBottom .rdLeft, 
.RadDock .RadDock_JHF .rdTable .rdBottom .rdCenter,
.RadDock .RadDock_JHF .rdTable .rdBottom .rdRight
{
	font-size: 1px;
	line-height: 1px;
}

.RadDock .RadDock_JHF .rdContent
{
	overflow: auto;
}

.RadDock.rdCollapsed
{
	height: 27px !important;
}

.RadDock.rdCollapsed .rdMiddle,
.RadDock.rdCollapsed .rdBottom
{
	display: none;
}

.RadDock_JHF .rdTable,
.RadDock_JHF .rdTable .rdLeft,
.RadDock_JHF .rdTable .rdCenter,
.RadDock_JHF .rdTable .rdRight
{
	border: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.RadDock_JHF .rdTop .rdLeft,
.RadDock_JHF .rdTop .rdRight,
.RadDock_JHF .rdTop .rdCenter,
.RadDock_JHF .rdBottom .rdLeft,
.RadDock_JHF .rdBottom .rdRight,
.RadDock_JHF .rdBottom .rdCenter
{
	width: 7px;
	height: 27px;
	background-repeat: no-repeat;
}

* html div.RadDock .rdTop .rdLeft
{
	background-position: 0 -68px;
}

div.RadDock .rdTop .rdLeft
{
	background-position: 0 -68px;
}

* html .RadDock_JHF .rdTop .rdRoundedCorner.rdLeft
{
    background-position: 0 0;
}

div.RadDock .rdTop .rdRoundedCorner.rdLeft
{
    background-position: 0 0;
}

* html .RadDock_JHF .rdTop .rdRoundedCorner.rdRight
{
	background-position: -7px 0;
}

div.RadDock .rdTop .rdRoundedCorner.rdRight
{
	background-position: -7px 0;
}

div.RadDock .rdTop .rdRight
{
	background-position: -7px -68px;
}

.RadDock_JHF .rdTop .rdCenter
{
	background-position: 0 -27px;
	background-repeat: repeat-x;
	width: 100%;
}

.RadDock_JHF .rdMiddle .rdLeft,
.RadDock_JHF .rdMiddle .rdRight
{
	background-repeat: repeat-y;
}

.RadDock_JHF .rdMiddle .rdLeft
{
	background-position: 0 0;
}

.RadDock_JHF .rdMiddle .rdRight
{
	background-position: -7px 0;
}

.RadDock_JHF .rdMiddle .rdCenter,
.RadDock_JHF .rdBottom .rdCenter
{
	width: 100%;
}

.RadDock_JHF .rdMiddle .rdCenter
{
	vertical-align: top;
	height: 100%;
}

.RadDock_JHF .rdBottom .rdLeft,
.RadDock_JHF .rdBottom .rdCenter,
.RadDock_JHF .rdBottom .rdRight
{
	height: 7px;
}

* html div.RadDock .rdBottom .rdLeft
{
	background-position: 0 -95px;
}

.RadDock_JHF .rdBottom .rdLeft
{
	background-position: 0 -95px;
}

.RadDock_JHF .rdBottom .rdLeft.rdRoundedCorner
{
	background-position: 0 -54px;
}

/* IE6 / Quirks mode fix */
* html .RadDock_JHF .rdBottom .rdRoundedCorner.rdLeft
{
	background-position: 0 -54px;
}

* html div.RadDock .rdBottom .rdRight
{
	background-position: -7px -95px;
}

.RadDock_JHF .rdBottom .rdRight
{
	background-position: -7px -95px;
}

.RadDock_JHF .rdBottom .rdRight.rdRoundedCorner
{
	background-position: -7px -54px;
}

* html .RadDock_JHF .rdBottom .rdRoundedCorner.rdRight
{
	background-position: -7px -54px;
}

.RadDock_JHF .rdBottom .rdCenter
{
	background-position: 0 -61px;
	background-repeat: repeat-x;
	background-color: transparent;
}

.RadDock_JHF .rdTitleBar
{
	height: 27px !important;
}

.RadDock_JHF .rdTitleBar em
{
	font: normal normal 12px Arial, Sans-serif;
	font-family: Arial, Sans-Serif !important;
	float: left;
	line-height: 27px;
	padding: 0;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: auto !important;
}

.RadDock_JHF .rdCenter .rdCommands
{
	padding: 0;
	margin: 4px 0 0 0;
	list-style: none;
	float: right;
}

.RadDock_JHF .rdCenter .rdCommands li
{
	float: left;
}

* html .RadDock_JHF .rdCenter .rdCommands a span
{
	filter: chroma(color=c8d0d4);
}

.RadDock_JHF .rdCenter .rdCommands a
{
    padding: 0 1px;
}

.RadDock_JHF .rdCenter .rdCommands a,
.RadDock_JHF.rdCenter .rdCommands a span
{
	display: block;
	width: 19px;
	height: 19px;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: default;
}

.RadDock_JHF .rdCollapse
{
    background-position: 0 0;
}

.RadDock_JHF .rdCollapse:hover
{
    background-position: -19px 0;
}

.RadDock_JHF .rdExpand
{
    background-position: 0 -19px;
}

.RadDock_JHF .rdExpand:hover
{
    background-position: -19px -19px;
}

.RadDock_JHF .rdClose
{
	position: absolute;
	top: 2px;
	right: 1px;
    width:11px;
    cursor: pointer !important;
    background-position: 0 -76px;
}

.RadDock_JHF .rdClose:hover
{
    background-position: -19px -76px;
}

.RadDock_JHF .rdPin
{
    background-position: 0 -57px;
}

.RadDock_JHF .rdPin:hover
{
    background-position: -19px -57px;
}

.RadDock_JHF .rdUnpin
{
    background-position: 0 -38px;
}

.RadDock_JHF .rdUnpin:hover
{
    background-position: -19px -38px;
}

.RadDock_JHF .rdCustom
{
    background-position: 0 -95px;
}

.RadDock_JHF .rdCustom:hover
{
    background-position: -19px -95px;
}

/* right-to-left suppot */
.RadDock_JHF .rdRtl
{
	direction: ltr;
}

.RadDock_JHF .rdRtl .rdContent
{
	direction: rtl;
}

.RadDock_JHF .rdRtl .rdTop .rdCenter
{
	direction: rtl;
}

.RadDock_JHF .rdRtl .rdTop .rdCenter ul.rdCommands
{	
	float: left;
	overflow: hidden; /*Fix scrollbar under Chrome,Safari*/
}

.RadDock_JHF .rdRtl .rdTitleBar em
{
	float: right;
}

/* more common settings */
.RadDock_JHF .rdTitleBar
{
	width:100%;
	height:100%;	
}

.rdDragHelper /*When dock is dragged*/
{
    opacity: .5 !important;
    filter: alpha(opacity=50)  !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)  !important";
    -moz-opacity: .5 !important;
}

.rdHorizontal .RadDock
{
    float: left;
}

.RadDockZone
{
    position: relative;
    border-style: none !important;
    padding: 4px;
}

*>.RadDockZone.rdVertical /* hidden from IE6 */
{
    padding-right: 4px;
}

.RadDockZoneEdit
{
    border-style: dashed !important;
    border-width: 1px !important;
    border-color: #888 !important;
    padding-right: 4px;
}

.rdRtl
{
	text-align: right; /* we need this in case the BODY has text-aligh:center applied */
}

.rdPlaceHolder
{
    border-style:dashed !important;
    border-width:1px !important;
    border-color: #333 !important;
    background-color: #eee !important;

}

.rdPlaceHolder:hover
{
    border-style:dashed;
    border-width:1px;
    background-color: #eee !important;
}

.rdHorizontal .RadDock
{
    float: left;
}

.rdHorizontal .rdRtl
{
    float: right;
}

.rdNone .rdLeft,
.rdNone .rdCenter,
.rdNone .rdRight
{
	height: 1px !important;	
}

.rdGripTop .rdLeft,
.rdGripTop .rdCenter,
.rdGripTop .rdRight
{	
	height: 10px !important;	
	font-size: 1px;
	line-height: 1px;
}

/* float clearing */
.clear
{
    clear: both;
    height: 1px;
    margin-bottom: -1px;
    visibility: hidden;
}

.RadDock_JHF .rdMiddle .rdLeft,
.RadDock_JHF .rdMiddle .rdRight
{
	background-image: url('Images/VerticalSprite.gif');
}

.RadDock_JHF .rdTop .rdLeft,
.RadDock_JHF .rdTop .rdRight,
.RadDock_JHF .rdTop .rdCenter,
.RadDock_JHF .rdBottom .rdLeft,
.RadDock_JHF .rdBottom .rdRight,
.RadDock_JHF .rdBottom .rdCenter
{
	background-image: url('Images/HorizontalSprite.gif');
}

.RadDock_JHF .rdCenter .rdCommands a span
{
	background-image: url('Images/CommandSprite.gif');
}

.RadDock_JHF .rdMiddle .rdCenter,
.RadDock_JHF .rdBottom .rdCenter
{
	background-color: #fff;
}

.RadDock_JHF .rdContent
{
	color: black;
	font-family: Arial, Sans-Serif !important;
}

.RadDock_JHF em
{
	
}

div.RadDockZone_JHF
{
    border: solid 1px #a5b3c5;
}

/* styles to hide border */
.RadDock_JHF .rdNoBorder .rdMiddle .rdLeft,
.RadDock_JHF .rdNoBorder .rdMiddle .rdRight,
.RadDock_JHF .rdNoBorder .rdBottom .rdLeft,
.RadDock_JHF .rdNoBorder .rdBottom .rdRight,
.RadDock_JHF .rdNoBorder .rdBottom .rdCenter
{
	background-image: none;
}

.RadDock_JHF .rdNoBorderAndTitle .rdTop .rdLeft,
.RadDock_JHF .rdNoBorderAndTitle .rdTop .rdRight,
.RadDock_JHF .rdNoBorderAndTitle .rdTop .rdCenter
{
	background-image: none;
}

.RadDock_JHF .rdTitleBar
{
	background-image: url(Images/HorizontalSprite.gif);
	background-position: 0 -27px;
	background-repeat: repeat-x;
	font-size: 12px;
}

.RadDock_JHF .rdCommands
{
	
	position: absolute;
	right: 3px;
	top: -2px;
}