/*rich text editor CSS*/
iframe.rte {
	border: 1px solid #999;
	margin: 0;
	padding: 0;
}

div.rte_panelShell {
	/*position: absolute;*/
}

div.rte_panelAbsContainer {
	position: absolute;
	width: 1px;
	height: 1px;
}

div.rte_toolbar {
	width: 100%;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #ccc;
	background-image: url("images/rte_tools/full_bg.gif");
}

div.rte_toolGroup, div.rte_toolGroupSmall {
	float: left;
	margin: 2px 5px 2px 2px;
}

div.rte_toolGroup a, div.rte_toolGroupSmall a {
	display: block;
	float: left;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: .8em;
}

div.rte_toolGroup a.active, div.rte_toolGroupSmall a.active {
	background-position: bottom;
}

div.rte_toolGroup a.disabled, div.rte_toolGroupSmall a.disabled {
	color: gray;
	cursor: default;
	opacity: .5;
}

div.rte_status {
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #ccc;
	float: left;
	/*background-image: url("images/rte_tools/status_bg.gif");*/
}

div.rte_nodePath {
	float: left;
	margin: 1px;
	padding-top: 2px;
}

div.rte_statusIcons {
	margin: 2px 2px 2px 2px;
	float: right;
	width: 122px;
	display: inline;
}

div.rte_statusIcons a {
	display: inline;
	float: left;
	width: 23px;
	height: 23px;
}

div.rte_toolGroupSmall a span.bg {
	display: block;
	float: left;
	width: 24px;
	height: 23px;
}

div.rte_toolGroupSmall a span.text {
	display: none;
}

div.rte_toolGroup a {
	display: block;
	float: left;
}

div.rte_toolGroup a span.bg {
	display: block;
	float: left;
	width: 49px;
	height: 43px;
}

div.rte_toolGroup a span.text {
	display: block;
	clear: both;
	width: 49px;
}

div.panelFrame,
div.panelFrameLarge {
	z-index: 2;
	display: none;
	position: relative;
	background-repeat: repeat-x;
	background-image: url("images/rte_tools/paneltop_line.gif");
	overflow: auto;
	width: 320px;
}

div.panelFrame img.panelTriangle,
div.panelFrameLarge img.panelTriangle {
	display: block;
}

div.panelInverted {
	background-position: bottom left;
	background-image: url("images/rte_tools/panelbot_line.gif");
}

div.panelFrameLarge {
	width: 562px;
}

div.panelFrameLarge h2,
div.panelFrame h2 {
	font-size: 1.1em;
	background: #0c0c3d;
	padding: 5px 10px;
	color: #fff;
	margin: 0;
	width: 300px;
}

div.panelFrameLarge h2 {
	width: 542px;
}

div.panelFrameLarge h3,
div.panelFrame h3 {
	font-size: 1.0em;
	padding: 3px;
	margin: 0;
}

div.panelFrameLarge div.toolBar,
div.panelFrame div.toolBar {
	height: 38px;
	width: 318px;
	background-image: url("images/rte_tools/rte_panel_bg.gif");
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

div.panelFrameLarge div.toolBar {
	width: 560px;
}

div.panelFrameLarge div.toolBar a,
div.panelFrame div.toolBar a {
	display: block;
	float: left;
	width: 55px;
	height: 14px;
	padding-top: 24px;
	text-align: center;
	text-decoration: none;
	font-size: .85em;
}

div.panelFrameLarge div.toolBar a:hover,
div.panelFrameLarge div.toolBar a.active,
div.panelFrame div.toolBar a:hover, 
div.panelFrame div.toolBar a.active {
	background-position: bottom left;
}

div.panelFrameLarge div.toolBar a.active,
div.panelFrame div.toolBar a.active {
	cursor: default;
}

div.panelFrame div.toolPanel,
div.panelFrameLarge div.toolPanel {
	overflow: auto;
	display: none;
	float: left;
	clear: both;
	background-image: url("images/shell/editright_bg.gif");
	border: 1px solid #999;
	margin: 0;

}

div.panelFrame div.toolPanel {
	width: 318px;
}

div.panelFrameLarge div.toolPanel {
	width: 560px;
	background: #fff;
}

div.editLeft div.panelFrame div.editFormElement,
div.panelFrame div.editFormElement {
	padding: 0 3px 5px 3px;
	width: 302px;
}

div.editLeft div.panelFrameLarge div.editFormElement,
div.panelFrameLarge div.editFormElement {
	padding: 0 3px 5px 3px;
	width: 554px;
}

div.panelFrameLarge div.datalist {
	clear: both;
	width: 560px;
	height: 250px;
	overflow: auto;
}

div.panelFrameLarge div.rowList {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}

div.panelFrameLarge div.rowList table {
	width: 100%;
	margin: 0;
}

div.panelFrameLarge div.rowList tr {
	cursor: pointer;
}

div.panelFrameLarge div.panelOptionsTop,
div.panelFrameLarge div.panelOptions {
	float: left;
	width: 556px;
	border-top: 1px solid #999;
	padding: 2px;
	background: #eee;
	font-size: .8em;
}

div.panelFrameLarge div.panelOptionsTop {
	border-top: 0;
	border-bottom: 1px solid #999;
}

div#rte_toolButtons {
	clear: both;
	padding: 10px 5px;
	width: 308px;
	background: #fff;
	text-align: center;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

div.panelFrameLarge div#rte_toolButtons {
	width: 550px;
}

div.panelInverted div#rte_toolButtons {
	border-bottom: 0;
}

div#rte_toolButtons input {
	margin: 0 5px 0 0;
}

textarea.rteSourceView {
	width: 549px;
	height: 350px;
	margin: 1px;
	padding: 2px;
}

div.rte_nodeTools {
	display: none;
	position: absolute;
	left: 10px;
	top: 10px;
	padding-bottom: 10px;
	background-image: url("images/rte_tools/panelbot_triangle.gif");
	background-position: center bottom;
	background-repeat: no-repeat;
	font-size: .7em;
}

div.rte_nodeTools div {
	border: 1px solid #000033;
	background: #fff;
}

div.rte_nodeTools a {
	display: block;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	color: #999;
}

div.rte_nodeTools a.active {
	color: #000;
}

div.rte_nodeTools a.active:hover {
	background: #000033;
	color: #fff;
}