/*
-- can't have generic rules like this in the CmsPage.css, since it will
affect ALL the dynamic pages and potentially mess up the public design.
If this was required for the cms-internal pages, it should go in a different
css file.

td {
	padding: 2pt;
}
*/

/* TreeView control for viewing site structure: */
.treeView {
	background: url("../CmsImages/bg.gif");
	float: left;
}

.treeViewNode {
	cursor: pointer;
}

.treeViewSelected {
	background-color: red;
}

/* optionsButton not visible unless we're doing structural editing */
div.controlPlaceHolder .optionsButton {
	display: none;
}

/* controlPlaceHolder: something that can have a tool dragged over it */
body.Edit .controlPlaceHolder {
	border: solid 2px green;
}

/* options button is visible if we're doing structural editing */
body.Edit div.controlPlaceHolder .optionsButton {
	display: block;
}
/* a structural area that currently has a tool dragged over it */
body.Edit .controlPlaceHolder-active {
	background: #ECECEC;
}

/* 
 * body.Edit mode -- editing a page's structure 
 */
body.Edit div.PageToolbar {
	border: solid 2px green;
}

/* opened / closed toolbox */
body.Edit .closed {
	background-image: url(../CmsImages/Tplus.png);
	background-repeat: no-repeat;
	padding: 1px 1px 1px 15px;	
}

body.Edit .opened {
	background-image: url(../CmsImages/Tminus.png);
	background-repeat: no-repeat;
	padding: 1px 1px 1px 15px;	
}

/* the toolbox itself */
body.Edit #tools {
	border: solid 2px black;
}

/* these are the items in the toolbox (adapters and such) */
body.Edit .tool {
	float: left;
	margin-right: 3em;
}

/* the CmsUserControlSettings panel */
body.Edit .settingsPanel {
	border: solid 1px blue;
	padding: 1em;
}

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70); /* for IE */
	opacity: 0.7; /* for FireFox */
}

.modalPopup 
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}

.inheritedRule 
{
	color: Gray;
	
}

.gridView 
{
	table-layout: auto;
}
.gridView th, .gridView td
{
	padding: 5px;
}

.gridView_Header
{
	color: #ffffff;
	background-color: #067AAB;		
}

.gridView_Footer
{
	color: #ffffff;
	background-color: #067AAB;		
}


.gridView_AltRow 
{
	color: #ffffff;
	background-color: #067aab;
}

.gridView_SelectedRow 
{
	background-color: #069ca1;
	color: #ffffff;
	font-style: italic;
}

.fields_lcol
{
	text-align: right;
}

.fields_rcol
{
	text-align: left;
}

.fields_header, .fields_footer
{
	text-align:center;
}