/* config layout */
.configMenuPanel
{
	position: relative;
	float: left;
	width: 300px;
	margin-bottom: 0px;
}

.marginConfig, .marginConfigEmpty
{
	padding-left: 100px;
	height: 100%;
}

h4.configMenuHeading
{
	margin-bottom: -6px;
}

* html h4.configMenuHeading
{
	margin-bottom: -18px;
}



/* config toolbars */

div.configToolbar800, div.configToolbar700, div.configToolbar500
{
	height: 43px;
	width: 800px;
	padding: 9px;
	margin-top: 8px;
}

div.configToolbar800
{
	width: 800px;
	background: url(../img/cross-site/bg_config_toolbar_800.gif);
	background-repeat: no-repeat;
}

div.configToolbar700
{
	width: 700px;
	background: url(../img/cross-site/bg_config_toolbar_700.gif);
	background-repeat: no-repeat;
}

div.configToolbar500
{
	width: 500px;
	background: url(../img/cross-site/bg_config_toolbar_500.gif);
	background-repeat: no-repeat;
}

div.configToolbar700 span.statusText,
div.configToolbar500 span.statusText,
div.configToolbar700 span.greenText,
div.configToolbar500 span.greenText
{
	margin-top: 12px;
	line-height: 24px;
}

/* config data grid */
	
.configDataGrid, .creatorListDataGrid, .configMultiMediaGroupDataGrid, .thoughtDataGrid
{
	overflow: auto;
	width: 700px;
}

.configMultiMediaGroupDataGrid { width: 500px; }
.thoughtDataGrid { width: 680px; }

.configDataGridHeader
{
	display:none;
}
.configDataGridAlternatingItem, .configDataGridItem, .configDataGridSubmissionItem
{
	vertical-align: bottom;
	border-bottom: 1px solid #ccc;
}

.configDataGridAlternatingItem
{
	background: #fff;
}

.configDataGridSubmissionItem
{
	background: #eee;
}

td.configDataGridButton { width: 70px; }
td.configDataGridButtonDown, td.configDataGridButtonUp { width: 28px; }

td.configDataGridButton a, td.configDataGridButtonUp a, td.configDataGridButtonDown a 
{
	width: 65px;
	height: 24px;
	position:relative;
	font-size:7.5pt;
	display: block;
	padding-top: 4px;
	background: url(../img/cross-site/btn_bg_65.gif);
	background-repeat: no-repeat;
	text-align: center;
}

td.configDataGridButtonUp a
{
	width: 28px;
	background: url(../img/cross-site/btn_up.gif);
	background-repeat: no-repeat;
}

td.configDataGridButtonDown a
{
	width: 28px;
	background: url(../img/cross-site/btn_down.gif);
	background-repeat: no-repeat;
}



.configThoughtSubmissionText
{
	color: red;
	font-size: 7.5pt;
	text-align: center;
	font-weight: bold;
}

.creatorListDataGrid tr td
{
}

/* lifestory chapter digest */

div.configLifestoryChapterDigest
{
	position : absolute;
	top : 100px;
	left: 360px;
}


/* configAddFromGallery */

#configAddFromGalleryTreeView, #configAddFromGalleryConfigControl
{
	position: absolute;
	height: 100%;
	top: 0px;
	padding-top: 10px;
}

* html #configAddFromGalleryTreeView, * html #configAddFromGalleryConfigControl
{
	margin-top: -100px;
}

#configAddFromGalleryTreeView
{
	width: 230px;
	left: 92px;
	height: 100%;
}

#configAddFromGalleryConfigControl
{
	left: 380px;
	border-right: none;
	padding-top: 0px;
}

* html #configAddFromGalleryTreeView, * html #configAddFromGalleryConfigControl
{
	top:0; 
	bottom:0; 
	height:100%;
	border-top:100px solid #fff; 
}




/* invitations data grid */

#configInvitationsDataGrid
{
	overflow: auto;
	width: 600px;
	height: 150px;
	margin-bottom: 10px;
	border: 1px solid #b3b3b3;
}

#configInvitationButtons
{
	margin-bottom: 10px;
}

* html #configInvitationsDataGrid
{
	height: 150px;
}

.configInvitationsDataGridHeader
{
	font-weight: bold;
	background-color: #eee;
	color: #fff;
}

.configInvitationsDataGridColumn1{ width: 5%; font-size:11px; }
.configInvitationsDataGridColumn2{ width: 40%; font-size:11px;  }
.configInvitationsDataGridColumn3{ width: 40%; font-size:11px;  }
.configInvitationsDataGridColumn4{ width: 15%; font-size:11px;  }
.configInvitationsDataGridColumn4 select{ font-size:11px;  }

/* config multi media group */

#configMultiMediaGroupDataGridContainer
{
	width: 500px;
	height: auto;
	overflow: auto;
	margin-bottom: 10px;
}


/* tree view progress area */

.treeViewProgress
{
	position:absolute;
	top:2px;
	left:-68px;
	height:62px;
	width:62px;
	border: 1px solid #ccc;
	font-weight:bold;
	font-family:Verdana;
	text-align:center;
	vertical-align: middle;
	color:#999;
	background-image:url(../img/cross-site/waiting.gif);
}

/* new navigation */

.subNav ul
{
	margin-left: -40px;
}

.subNav ul li
{
	list-style-type: none;
	display: inline-block;
	padding: 2px;
	background-image: url(../img/cross-site/pipe.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.subNav ul li a { margin: 0px 0px 0px 6px; }
.subNav ul li.first a { margin: 0px; }
.subNav ul li.first { background: none; margin: 0px;}
.subNav ul li.current a { color: Gray; }
.subNav ul li.hidden a{ display: none; }

* html #gardenSettingsSubNav ul
{
    margin-left:0px;
}

* html #gardenSettingsSubNav ul li { display:inline; padding-right:6px; }

/* gardens settings */
div.remGardensOverview div.showTribute .checkbox
{
	float:left;
	width: 40px;
}

div.tributeGardenPreview table h4 {margin: 0px;}
div.tributeGardenPreview table td {padding: 4px;}
div.tributeGardenPreview table td {vertical-align: top;}
div.tributeGardenPreview table td div.text {width: 280px;}



.remGardensLocations tr.garden td.title {width: 222px; }

/* image cropper */
div.imageCropper  { height: auto; background: #fff;}
div.imageCropper div.left, div.imageCropper div.right {width: 480px; float:left; padding: 6px 0px 6px 6px; }
div.imageCropper div.right {width: 200px; text-align: left; }

div.imageCropper div.right div.imagePreview
{
	width:80px;
	height:80px;
	overflow:hidden;
	margin: 0px 0px 22px 5px;
}

div.imageCropper div.buttons {margin: 12px 0px 0px 5px}

/* resource list */
table.resourceList tr td {padding: 4px 6px 4px 6px; margin: 0px; border-bottom: 1px solid #ccc; }

/* image picker */
div#imagePickerContainer div.left, div#imagePickerContainer div.right {float:left; width: 300px; padding-top: 6px; }
div#imagePickerContainer div.right {width: auto;}

.blockUIContainer div#imagePickerContainer div.left { height: 392px; width: 280px; overflow: scroll; text-align: left;}
.blockUIContainer div#imagePickerContainer div.right { height: 392px; width: 442px; overflow: auto; text-align: center; padding-left: 8px; }
.blockUIContainer div#imagePickerContainer div.right div.imageList { text-align: left; }
.blockUIContainer div#imagePickerContainer div.right div.imageList table { width: 422px; }
.blockUIContainer div#imagePickerContainer div.right div.configToolbar500 { width:auto; height: auto; margin: 0 0 0 148px; background-image:none; }
.blockUIContainer div#imagePickerContainer div.loading { margin-top: 12px; }


/* resource gallery layout */

#resourceGalleryMenu
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	top: 0px;
	width: 262px;
	overflow: auto;
	padding-left:92px;
	z-index: 4;
	margin-top: 0px;
}

#resourceGalleryMain { position: absolute; left: 370px; right: 0px; }

/* resourceGalleryTreeView */

.RadMenu_Context { padding: 4px; }
.RadMenu_Context ul li, .RadMenu_Context ul li span.rmText, .RadMenu_Context ul li a
{
	margin-bottom: 2px;
	vertical-align: middle;
	height: 24px;
	display: block;
}
.RadMenu_Context span.rmText { padding: 4px 8px 1px 26px; }