/* ----------------------- MODIFY CAREFULLY! Css classes that are needed for the fixed toolbar---------------------------------*/

.RadEFixedToolbarHolderMozilla
{
	border:1px solid #808080;
	width:100%;	
	background-color: #CFE2FB;	
	position:fixed !important;
	top:0px !important;
	left:0px !important;
}

.RadEFixedToolbarHolderIE {
	/* IE5.5+/Win */
	position:absolute;
	left: expression( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft  + 'px');
	top: expression(  ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop  + 'px');
	background-color: #CFE2FB;
	border:1px solid #808080;
	width:100%;	
}
/* ----------------------- End css classes that are needed for the fixed toolbar---------------------------------*/

/* Context menu / Dropdown related styles */
BODY.RadEContextMenu DIV.ContentElement
{
	overflow: hidden;	
	width:99%;
}

BODY.RadEDropdownMenu DIV.ContentElement
{	
	border:1px solid #808080;
	background-color: white;
	scrollbar-face-color: #BACBF4;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #7E9FD2;
	scrollbar-3dlight-color: #E6EEFC;
	scrollbar-arrow-color: #4D6185;
	scrollbar-track-color: #F7F7F3;
	scrollbar-darkshadow-color: #C6D1DC;	
}


BODY.RadEDropdownMenuNonScrollable DIV.ContentElement
{	
	border:1px solid #808080;
	background-color: #CFE2FB;
	scrollbar-face-color: #BACBF4;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #7E9FD2;
	scrollbar-3dlight-color: #E6EEFC;
	scrollbar-arrow-color: #4D6185;
	scrollbar-track-color: #F7F7F3;
	scrollbar-darkshadow-color: #C6D1DC;	
}


/* Toolbar */
.Toolbar
{	
	border:1px solid #bbbbbb;
}

.RadEToolText
{	
	font:normal 11px Tahoma;
	margin-left:2px;
	margin-right:2px;
}

/* RadETool ON */
.RadEToolOn
{
	border: 1px solid #000080;
	background-image: url(CssImg/toolOnbg.gif);
	font:normal 11px Tahoma;	
	white-space:nowrap;
	height: 22px;
}

.RadEToolOnOver
{
	border: 1px solid #000080;
	background-image: url(CssImg/toolOverBg.gif);
	font:normal 11px Tahoma;	
	white-space:nowrap;
	height: 22px;
}

/* RadETool OFF */
.RadEToolOff
{
	font:normal 11px Tahoma;		
	margin: 1px;	
	white-space:nowrap;		
}

.RadEToolOffOver
{
	border: 1px solid #000080;	
	background-image: url(CssImg/toolOverBg.gif);
	font:normal 11px Tahoma;		
	cursor:default;	
	white-space:nowrap;
}

.RadEToolDisabled
{
	filter:alpha(opacity=30);
	-moz-opacity:0.5;
	opacity: 0.5;
	margin: 1px;
	white-space:nowrap;
}

/* RadEToolLong  */
.RadEToolLongOff
{		
	font:normal 11px Tahoma;		
	margin: 1px;	
	background-image: url(CssImg/ToolbarRowBackground.gif);
	//eight: 22px;
}

.RadEToolLongOn
{
	border: 1px solid #000080;
	background-image: url(CssImg/toolOnbg.gif);
	font:normal 11px Tahoma;		
	height: 22px;
}

.RadEToolLongOnOver,.RadEToolLongOffOver
{
	border: 1px solid #000080;
	background-image: url(CssImg/toolOverBg.gif);
	font:normal 11px Tahoma;	
	white-space:nowrap;
	cursor:default;
	height: 22px;
}

.RadEToolLongDisabled
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	margin: 1px;
}

.RadEModuleTable
{	
	background-color: #E2EDFD;
	font:normal 11px Tahoma;	
	color:#333333;
	border: 1px solid #B1C7DB;
	border-top: 1px solid #F4F7F9;
	text-align:left;
}

.RadEModule
{	
	color:#333333;
	width:100%;
	height:100%;
	padding-top: 2px;
}

.RadEModule .MainTable
{
	font:normal 11px Tahoma;
	margin:0px -3px 0px -5px;
}


A.DomPathLink, A.DomPathLink:visited, A.DomPathLink:active, A.DomPathLink:link
{
	text-decoration:underline;		
	font:11px normal Tahoma;
	padding:1px 2px 1px 2px;	
	color:#3333cc;
}

A.DomPathLink:hover
{	
	background-color: white;
}

A.DomPathLinkSelected
{
	padding:0px 2px 0px 2px; 
	text-decoration:none;
	border:1px solid #C4D5E4;
	background-color: white;
	font:11px normal Tahoma;
	font-weight:bold;
	color: #333333;
}

.RadEToggleButton
{ 
	margin: 1px; 
	border: 0px;
	TEXT-ALIGN: center; 
	width: 24px;
	height: 24px;
	background-color: transparent;
}

.RadEToggleButtonPressed
{ 
	border: 1px solid #4681BC; 
	TEXT-ALIGN: center; 
	width: 24px;
	height: 24px;
	background-color: #A7C9F3;
}

/* RadEditor Styles */
.RadEDialogLoad
{	
	border:1px solid #222222;
	background-color:#222222;
	color:#bbbbbb;
	padding:3px;
	font-family:Courier New;
	font-size:9pt;
	OVERFLOW-Y: auto; 		
}  
 

/* Table wrapper and DOCKING ZONES classes */
.RadEToolbarWrapper
{
	border:1px solid #9FBDDC;
	background-color: #CFE2FB;
	padding: 3px;
	padding-left:0px;
}

TABLE.RadEWrapper
{
	border:1px solid #9FBDDC;
	background-color: #CFE2FB;
	padding: 3px;
	padding-left:0px;
}

.RadEWrapper .RadEVerticalDockingZone
{	
	font-size:0px;
	line-height:0px;
	width:1px;
}

.RadEWrapper .RadEDockingZone
{
	order:1px solid #9FBDDC;	
	font-size:0px;	
}

TD.RadEContentContainer
{
	border:1px solid #9FBDDC;	
}

/* NEW */
.RadETitleGrip
{
	background-IMAGE: URL(CssImg/draggedToolbarTitleBg.gif);
	height: 18px;
	border-top: 1px solid #475974;
	color: white;
	font-weight: bold;
}

.RadESideGripHorizontal
{
	background-image: url(CssImg/dragHandle.gif);
	background-repeat: no-repeat;
	background-position: center;
	width:10px;
}

.RadESideGripVertical
{
	background-image: url(CssImg/dragHandleVertical.gif);
	background-repeat: no-repeat;
	background-position: center;
	height:10px;
}

.RadEToolbar 
{
	background-image: url(CssImg/ToolbarRowBackground.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font:normal 11px Tahoma;		
	border-bottom : 1px solid  #4681BC;	
	border-left : 1px solid  #4681BC;
	border-right : 1px solid  #9FBDDC;
	height: 24px;
}

.RadEToolbarVertical 
{
	background-image: url(CssImg/ToolbarRowBgVertical.gif);
	background-repeat: repeat-y;
	background-color: #E2EDFD;
	font:normal 11px Tahoma;	
	border-bottom : 1px solid  #9FBDDC;
	border-top : 1px solid  #4681BC;
	border-right : 1px solid  #EBF4FE;
	width: 24px;
}

.RadAutoDockButton
{
	cursor: hand;
	cursor:pointer;
	background-image: url(CssImg/AutoDockButton.gif);
	background-repeat: no-repeat;
	width:8px;	
	height:9px;	
	margin-right: 3px;
	border:0px;
	loat: right;
}

/* --------- end Docking styles ----------------------------------- */

TD.RadEDropDownHolder
{
	padding:1px;
	text-align: left;
}

/*------------------ IMG size classes ----------------------------*/
TD.RadEDropDownHolder IMG
{	
	width: 13px;
	height:18px;		
}


.RadESeparator 
{
	width:3px;
	font-size:1px;	
	background-image: url(CssImg/Separator.gif);
	background-position:center;
	background-repeat:no-repeat;
}


.RadESeparatorHorizontal
{
	font-size:1px;
	height:3px;	
	background-image: url(CssImg/SeparatorHorizontal.gif);
	background-position:center;
	background-repeat:no-repeat;
}
/*----------------- Editor additional HTML objects' styles */
.RadEErrorMessage 
{
	color: red;
	font:normal 11px Tahoma;
	/*background-color:White;*/
	text-align:left;
	margin:3px;
}

TD.RadECheckBoxText
{
	font:normal 12px Tahoma;
	color:#919191;
} 

TEXTAREA.RadETextArea 
{
	border: #808080 1px solid;
	font:normal 11px MS Sans Seriff;
	background-color: white;
	color: #000080;
	scrollbar-face-color: #BACBF4;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #7E9FD2;
	scrollbar-3dlight-color: #E6EEFC;
	scrollbar-arrow-color: #4D6185;
	scrollbar-track-color: #F7F7F3;
	scrollbar-darkshadow-color: #C6D1DC;	
} 

INPUT.RadEButton, BUTTON.RadEButton
{
	border: 0px; 
	margin: 3px; 
	WIDTH: 78px; 
	FONT-FAMILY: Arial; 
	HEIGHT: 20px;
	color: #515D6A; 
	BACKGROUND-image: url(CssImg/button.gif);
	background-color: Transparent;
	TEXT-ALIGN: center; 
}

/* ------------------------ Editor ContextMenu Styles -----------------------------*/
.RadEContextMenu
{
	background-color:#FDFAFF;      
	background-image: url(Dialogs/tableBorderControlV.gif);
	background-repeat:repeat-y;
}


/* ------------------------- Editor Dropdown "Header" Styles ---------------------------------*/
.RadEDropDownOff
{
	cursor:default;
	background-color:white;
	border:1px solid #A6A6A6;
	font:normal 11px Tahoma;	
}

.RadEDropDownOn, .RadEDropDownOn, .RadEDropDownOffOver
{
	cursor:default;
	background-color:white;
	border:1px solid #0A246A;
	font:normal 11px Tahoma;	
}

.RadEDropDownDisabled
{
	cursor:default;
	background-color:#cccccc;
	border:1px solid #0A246A;
	font:normal 11px Tahoma;		
}

/* --------------------------------- Symbol Picker -------------------------------- */
.RadESymbolPicker
{	
	background-color:#D3E5FA;
}

.RadESymbolPicker TD
{
	text-align:center;
	width:20px;
	height:20px;
	color:#000000;
	font:normal 11px Tahoma;
	border:1px solid #D3E5FA;
}

.RadESymbolPicker TD.Over
{
	border:1px solid #000080;
	background-color: #FFD69A;
}

/*-------------------- Table Dropdown Related Styles --------------------------*/
.RadETablePicker
{	
	background-color:#D3E5FA;
	cursor:default;
	font-family:Tahoma;
}
.RadETablePicker TD
{
	border:1px solid #000000;
	background-color:#FFFFFF;		
	font-size:11px;
}

.RadETablePicker TD.Over
{
	background-color:#0A246A;
	color:#ffffff;
}

.RadETablePicker .Wizard
{
	border:1px solid #AAAAAA;
	background-color: #D3E5FA;
	cursor:default;
	font-family:Tahoma;
	font-size:11px;
	text-align:center;
}

.RadETablePicker .WizardOver
{
	border:1px solid #000080;
	background-color: #FFD69A;
	cursor:default;
	font-family:Tahoma;
	font-size:11px;
	text-align:center;
}

.RadETablePicker TD.Counter
{
	text-align:center;
	font-family:Tahoma;
	font-size:11px;
	background-color:#D3E5FA;
	border:none;
}

.RadETablePickerToolTable
{	
	vertical-align:top;	
	text-align: left;
	padding-left:2px;
	padding-bottom:2px; 
}

/*-------------------- ColorPicker Related Styles --------------------------*/
.RadEColorPicker
{	
	background-color:#D3E5FA;
	cursor:default;	
	margin:2px;
}
.RadEColorPicker TD
{
	border:1px solid #D3E5FA;
	width:14px;
	height: 14px;
	text-align:center;
	font-family:Tahoma;
	font-size:11px;
}

.RadEColorPicker TD.Over
{
	border:1px solid #808080;
}

.RadEColorPicker TD DIV, .RadEColorPicker TD SPAN
{
	border: 1px solid #808080;
	width: 12px;
	height: 12px;
	font-size:6px;
}

/*-------------------- Font Dropdown Related Styles --------------------------*/
.RadEDropDownFont
{	
	background-color:#FFFFFF;
}

.RadEDropDownFont TD
{
	font-family:Tahoma;
	font-size:11px;
	border: 1px solid #FFFFFF;
	padding: 0px 1px 0px 1px;	
}

.RadEDropDownFont TD.Over
{	
	border:1px solid #0A246A;
	cursor:pointer;
	cursor:default;
}

/*-------------------- Common Dropdown (Snippet, Paragraph, Sweeper, CssClass) Related Styles --------------------------*/
.RadEDropDownTable
{
	background-color:#ffffff;	
}
.RadEDropDownTable TD
{	
	border:1px solid #AAAAAA;
	font:normal 11px Tahoma;	
	color:#000000;
}

.RadEDropDownTable TD.Over
{
	border:1px solid #0A246A;	
}

/*------------------------------ Links Dropdown Styles ----------------------------*/
.RadELinks
{	
	background-color:#FFFFFF;	
}

.RadELinks TD, .RadELinks SPAN
{
	color:black;
	text-decoration:none;
	padding:1px;
	padding-left:2px;
	font:normal 11px Tahoma;
}

.RadELinks TD.Over, .RadELinks SPAN.Over
{
	color:#000080;
	text-decoration:underline;
	font:normal 11px Tahoma;
}

/* Table Wrapper related styles */
.RadETableWrapperResizeSpan
{
	cursor : default;	
	border : 3px solid #cccccc;
}

.RadETableWrapper
{
	border:1px solid #979797;
	border-top: 1px solid #696969;
	background-color:#CFE2FB;
	font-size:0px;
}

.RadETableWrapperHeaderLeft 
{
	background: url(CssImg/DialogueHeaderLeft.gif); 
	width:9px;
} 
.RadETableWrapperHeaderCenter 
{		
	text-align: left;
	height:27px;
	font-family:Tahoma;	
	color: white;
	background: url(CssImg/dialogueHeaderCenter.gif); 
	background-repeat: repeat-x;
} 
.RadETableWrapperHeaderRight 
{
	background-color: #ACC2E7;
	width:1px;
} 

.RadETableWrapperBodyLeft 
{
	width:0px;
} 
.RadETableWrapperBodyCenter 
{	
	width:100%;
	height:100%;
} 
.RadETableWrapperBodyRight 
{
	width:0px;
} 

.RadETableWrapperFooterLeft 
{
	background-repeat: no-repeat; 
	height: 13px;
	font-size: 0px;
	width: 0px;
	border-bottom: 1px solid #B4B4B4;
} 

.RadETableWrapperFooterCenter 
{
	width:100%;
	height: 13px;
	font-size: 0px;
	line-height:0px;
	border-bottom: 1px solid #B4B4B4;
} 
.RadETableWrapperFooterRight 
{
	font-size: 0px;
	width: 14px;
	height: 13px;
	line-height:0px;
	cursor:nw-resize;
	background-image: url(CssImg/footerResize.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #B4B4B4;
} 

.RadETableWrapperFooterRightOver 
{
	width:0px;
	height:0px;
	font-size: 0px;
	line-height:0px;
	cursor:nw-resize;
}

.RadERadWindowHeader
{
	font-family: Microsoft Sans Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: white;
	height: 27px;
	vertical-align: middle;
	padding-top: 5px;
	padding-left: 10px;	
	cursor:default;	
	width:100%;
	display:inline;
}

.RadERadWindowButtonClose
{		
	cursor: hand;
	cursor:pointer;
	background-image: url(CssImg/dialogueHeaderClose.gif);
	width:19px;	
	height:27px;
	display:block;
}

.RadERadWindowButtonPinOff
{
	cursor: hand;
	cursor:pointer;
	background-image: url(CssImg/dialogueHeaderPinOff.gif);
	width:16px;	
	height:27px;
	display:block;
}
.RadERadWindowButtonPinOn
{
	cursor: hand;
	cursor:pointer;
	background-image: url(CssImg/dialogueHeaderPinOn.gif);
	width:16px;	
	height:27px;
	display:block;
}

/***** RadWindow2 *****/
.RadWindow2 
{
	border:2px outset white;
	background-color:#CFE2FB;
	font-size:1px;
}

.RadWindow2 TD
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.RadWindow2 TD.Corner
{
	width:2px;
	heigth:0px;
}

.RadWindow2 TD.HEdge
{
	heigth:1px;
}

.RadWindow2 TD.VEdge
{
	width:1px;
}

.RadWindow2 TD.Statusbar
{
	font-size:10px;
	font-family:ms sans serif;				
	vertical-align:middle;
	/order:2px inset white;
	border:1px solid #c0c0c0;
	background-image:url(CssImg/footerResize.gif);
	background-repeat:no-repeat;
	background-position-x:right;
}

.RadWindow2 TD.Content
{
	padding:0px 3px 0px 0px;
	vertical-align:top;
}

.RadWindow2 TD IFRAME
{
	width:100%;
	height:100%;
}

.RadWindow2 TABLE.Titlebar
{
}			

.RadWindow2 TABLE.Titlebar TD
{
	background-image:url(CssImg/dialogueHeaderCenter.gif);
	background-repeat:repeat-x;
}
			
.RadWindow2 TABLE.Titlebar TD.Caption
{
	font-size:8px;
	font-family:ms sans serif;
	font-weight:bold;
	color:captiontext;				
	padding-left:6px;
}

.RadWindow2 TABLE.Titlebar TD.Button
{
	cursor:hand;
}
/***** RadWindow2 *****/
