/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich (ryan@bicycletheory.com)
Date Created:   2010.12.16
Client:         VenYou CMS
File Purpose:	Content style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


/* --------------------------- HOME DEFS ----------------------------------- */


/* --------------------------- END HOME DEFS ------------------------------- */

/* --------------------------- COMMON PAGE DEFS ---------------------------- */
#object-editor {
	width: 100%;
	float: left;
}
#object-editor .sf-ptree { margin: 0; }
.handle { cursor: move; }
ul.tabs {
	width: 100%;
	margin: 0;
	float: left;
	background: url(/_images/modules/pixel-ccc.gif) bottom left repeat-x;
}
ul.tabs>li {
	margin: 0 5px 0 0;
	float: left;
	display: inline;
	border: 1px solid #ccc;
	font-weight: bold;
}
ul.tabs>li.on, ul.tabs>li:hover, ul.tabs>li:active { border-bottom: 1px solid #fff; }
ul.tabs>li p { 
	padding: 0;
	float: left;
	background-image: url(/_images/modules/icon-tab-drop.gif);
	background-repeat: no-repeat;
	background-position: 100% 6px;
}
ul.tabs>li p a {
	color: #000;
	padding: 6px 34px 7px 8px;
	float: left;
	display: inline;
}
ul.tabs>li p.plain { background: none; }
ul.tabs>li p.plain a { 
	padding-right: 8px; 
	color: #f60;
}
ul.tabs>li.on p.plain a { color: #000; }
#resourceSteps {
	padding: 5px 0;
	float: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#resourceSteps > div {
	width: 698px;
	float: left;
}
#resourceSteps > div button { margin: 10px 0 10px 10px; }
#resourceSteps > div > ul {
	margin: 5px 0 5px 10px;
	float: left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#resourceSteps > div > ul > li { 
	float: left; 
	border-right: 1px solid #ccc;
}
#resourceSteps > div > ul > li p { 
	padding: 0; 
	font-weight: bold;
	float: left;
}
#resourceSteps > div > ul > li span, #resourceSteps > div > ul > li a {
	padding: 6px 10px;
	float: left;
}
#resourceSteps > div > ul > li span { color: #333; }
#resourceSteps > div > ul > li p.on { background: #ff0; }
#resourceSteps > div > ul > li.incomplete a, #resourceSteps > div > ul > li.incomplete span {
	padding-right: 25px;
	background: url(/_images/nav/icon-incomplete.gif) center right no-repeat;
}
#resourceSteps > div > ul > li.error a, #resourceSteps > div > ul > li.error span {
	padding-right: 25px;
	background: url(/_images/nav/icon-error.gif) center right no-repeat;
}
#shortcut-index, div#vy-assoc-current>ul, div#vy-assoc-available>ul, div#vy-assoc-available>h5 {
	margin: 20px 0;
	float: left;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #ccc;
	border-width: 1px;
}
div.dashboard-table, div#rchild-index {
	width: 100%;
	float: left;
}
#shortcut-index > ul, #shortcut-index > div > ul {
	width: 698px;
	margin: 0;
	float: left;
	border-top: 1px solid #ccc;
	background-color: #fff;
}
#shortcut-index > ul > li, #shortcut-index > div > ul > li {
	padding: 0;
	float: left;
	display: inline;
}
ul.dashboard>li.sort, ul.dashboard>li.action { width: 26px; }
ul.dashboard>li.sort img, ul.dashboard>li.action img {
	margin: 5px;
	float: left;
	display: inline;
}
ul.dashboard>li.title { width: 246px; }
ul.dashboard>li.breadcrumb { 
	width: 400px; 
	color: #999;
}
ul.dashboard p { 
	padding: 5px;
	float: left;
}
ul.dashboard p span { padding: 0 8px; }
ul.dashboard h2 { background-color: #888888; color: #FFFFFF; padding: 3px; }
ul.dashboard h3 { padding: 3px; }

.dashboard li.text {
	background-image: url(/_images/modules/icon-tiny-text.gif);
	background-repeat: no-repeat;
}
.dashboard li.image {
	background-image: url(/_images/modules/icon-tiny-image.gif);
	background-repeat: no-repeat;
}
.dashboard li.flash {
	background-image: url(/_images/modules/icon-tiny-flash.gif);
	background-repeat: no-repeat;
}
.dashboard li.resource {
	background-image: url(/_images/modules/icon-tiny-resource.gif);
	background-repeat: no-repeat;
}
.dashboard li.resource div { 
	width: 395px;
	padding: 0 0 0 25px;
	float: left;
	display: inline;
}
#dashBlog p.post { padding: 6px 10px 1px; }
#dashBlog p.view {
	width: 100%;
	margin: 6px 0 0;
	padding: 4px 0 5px;
	text-align: center;
	background: #f2f2f2;
}
/* 2011-03-27-JMB this mucked up the shortcuts and didn't seem to be used elsewhere...the "a" style just after seems to need some cleanup, no?
.dashboard li.title {
	padding: 0px 0;
	background-position: 0px 4px;
}*/
.table-title {
	margin: 40px 0px 0px 0px;
	font-size: 1.0em;	
}
.form-row-search {
	width: 100%;
	padding: 0 0 10px;
	float: left;
}
.form-row-search h4 { 
	width: 130px;
	padding: 2px 10px 0 0;
	float: left;
	text-align: right;
}
.form-row-search select { 
	margin: 0 10px 0 0;
	float: right;
}
.form-row-search select.filter {
	margin: 0 0 0 10px;
	float: left;
}
.form-row-search p { 
	padding: 2px 10px 0 0;
	float: right;
}
p.no-results, .sortable-table p.no-results {
	padding: 16px 0 0;
	font-style: italic;
	text-align: center;
}
.sortable-table p.no-results { 
	width: 100%;
	float: left; 
}
#RandomPassword {
	float: left;
	font-family: monospace;
	font-size: 1em;
	color: #900;
	padding: 0 0 0 10px;
}
.sortable-table {
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
	float: left;
}
#userResourceRights .sortable-table { margin-top: 0; }
.sortable-table h3 { padding: 0 0 2px; }
.sortable-table div[class^=paging-bar] { 
	padding: 7px 10px 6px;
	float: left;
	font-weight: bold;
}
.sortable-table div[class^=paging-bar] { width: 680px; }
.sortable-table div.paging-bar-full, #userResourceRights .sortable-table div.paging-bar { width: 920px; }
.sortable-table p { padding: 0; }
.sortable-table a { font-weight: normal; }
.sortable-table a.title { font-weight: bold; }
div[class^=paging-bar] p.count { 
	width: 190px; 
	float: left;
}
div[class^=paging-bar] p.paging {
	width: 470px;
	color: #666;
	float: right;
	text-align: right;
}
span.pager_nav_text { padding: 0 5px; }
span.pager_nav_current { color: #000; }
.sortable-table ul {
	width: 100%;
	margin: 0;
	float: left;
	border-top: #ccc 1px solid;
}
.sortable-table li span.label {
	padding: 0 4px 0 8px;
	font-size: 0.5em;
	color: #666;
}
.sortable-table .timezone {
  padding: 0 10px 10px;
}

#Reports ul.report-row li.title {width: 400px;}
#Reports ul.report-row li.descr {width: 500px;}

#Reports ul { 
	border-bottom: #ccc 1px solid; 
	border-top: 0;
}
#Reports ul.parent { 
	background-color: #e5e5e5;
	font-weight: bold;
	border-top: 2px #666 solid;
}
.sortable-table ul.header, .search-results ul.header {	
	background: #999; 
	border: 0;
}
#Reports ul[class^=header] {
	width: 100%;
	height: 40px;
	margin-left: -1px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 0;
	background: url(/_images/modules/bg-bar-wh-search.gif) top center repeat-x;
}
#userResourceRights .sortable-table ul li.radio { 
	height: 25px;
	padding: 0; 
}
/*#userResourceRights .sortable-table ul.header { 
	min-height: 30px; 
	background: none;
}*/
#formFieldOptions.sortable-table ul.header { background: #e5e5e5; }
.sortable-table ul.header li, .search-results ul.header li {
	padding: 0 10px;
	float: left; 
}
#Reports ul.header li { 
	height: 100%;
	padding: 0; 
}
#Reports ul.header li p {
	width: 100%;
	height: 100%;
	float: left;
}
#Reports ul.header-plain p {
	padding: 8px 0 0;
	font-weight: bold;
}
#Reports ul.header li.sorted, #Reports ul.header li:hover, #Reports ul.header li:active, #Reports ul.header li:focus { background: url(/_images/modules/bg-sorted.gif) top center repeat-x; }
/*#Reports ul.header li.no-sort { background: #ccc; }*/
#Reports ul.header li.no-sort:hover, #Reports ul.header li.no-sort:active, #Reports ul.header li.no-sort:focus { background: none; }
.sortable-table ul.header a, .sortable-table ul.header li > p > span {
	width: 100%;
	padding: 5px 0;
	color: #fff;
	float: left;
	font-weight: bold;
}
#Reports ul.header a {
	height: 100%;
	padding: 0;
	color: #000;
}
#Reports ul.header span {
	padding: 12px 10px 0;
	float: left;
	color: #000;
}
#Reports ul.header li.no-sort span { 
	font-weight: bold; 
	color: #999;
}
#userResourceRights .sortable-table ul.header span { padding: 0 0 0 4px; }
#formFieldOptions.sortable-table ul.header span { color: #000; }
.sortable-table ul.current { background: #ff9; }
ul.pending { background: #cfc; }
ul.pending-external { background: #cff; }
ul.inactive { background: #f1f1f1; }
ul.expired, ul.max { background: #ffebeb; }
ul.current-indicator, ul.expiring { background-color: #ffc; }
.sortable-table ul li {
	padding: 4px 10px 6px 10px;
	float: left; 
}
.sortable-table ul li .danger {
	margin-top: 5px;
	padding: 2px 5px;
	background: #fcc; /* url(/_images/modules/error-form-icon.gif) 5px 5px no-repeat; */
	color: #c00;
	font-weight: bold;
}
.sortable-table ul li.id { width: 40px; }
#Clients.sortable-table ul li.name { width: 300px; }
.sortable-table ul li.sent { width: 140px; }
.sortable-table ul li.phone { width: 100px; }
.sortable-table ul li.recent-date { width: 105px; }
.sortable-table ul li.title { width: 580px; }
.sortable-table ul li.item-title { width: 520px; }
#Expiring.sortable-table ul li.title, #Pending.sortable-table ul li.title { width: 350px; }
.sortable-table ul li.date, .sortable-table ul li.day { width: 70px; }
div#tableReport .sortable-table ul li.date { text-align: right; }
.sortable-table ul li.checkbox { width: 60px; }
.sortable-table ul li.placed, .sortable-table ul li.completed { width: 70px; }
.sortable-table ul li.orderNumber { width: 80px; }
#Expiring.sortable-table ul li.date, .sortable-table ul li.name, .sortable-table ul li.shipto { width: 130px; }
.sortable-table ul li.code { width: 120px; }
#Pending.sortable-table ul li.extra { width: 160px; }
.sortable-table ul li.assoc { width: 210px; }
.sortable-table ul li.source, .sortable-table ul li.location, .sortable-table ul li.type { width: 130px; }
.sortable-table ul li.lastname { width: 240px; }
.sortable-table ul li.shiplastname, #Orders ul li.lastname { width: 285px; }
.sortable-table ul li.sentto, .sortable-table ul li.sentfrom { width: 150px; }
.sortable-table ul li.subject { width: 150px; }
.sortable-table ul li.organization { width: 190px; }
.sortable-table ul li.email { width: 300px; }
#HelpDocuments.sortable-table ul li.name { width: 570px; }
#HelpDocuments.sortable-table ul li.date { width: 90px; text-align:right; font-style: italic; }
#HelpVideos.sortable-table ul li.thumb { width: 120px; }
#HelpVideos.sortable-table ul li.name { width: 470px; }
#HelpVideos.sortable-table ul li.runtime { width: 50px; text-align:right; font-style: italic; }
/* child objects column defs */
#childObjects.sortable-table { margin-top: 10px; }
#childObjects.sortable-table ul li.title { width: 350px; }
#childObjects.sortable-table ul li.phone { width: 280px; }
#childObjects.sortable-table ul li.field-type { width: 220px; }
.sortable-table ul li.status { width: 65px; }
.sortable-table ul li.items, .sortable-table ul li.percentage { 
	width: 40px;
	text-align: right;
}
.sortable-table ul li.boolYN { 
	width: 40px;
	text-align: center;
}
#childObjects img.handle, #existingFieldOptions img.handle {
	margin: 0 10px 0 0;
	float: left;
}
#childObjects.sortable-table ul li.image-full { width: 650px; }
#childObjects.sortable-table ul li.image { 
	width: 150px; 
	padding: 8px 10px;
}
#childObjects.sortable-table ul.header li.image { padding: 0 10px; }
#childObjects.sortable-table ul li.title-image { width: 480px; }
#childObjects.sortable-table ul li.title-rank { width: 380px; }
#childObjects.sortable-table ul li.rank { width: 80px; }
#childObjects.sortable-table ul li.code { width: 180px; }
#childObjects.sortable-table ul li.time { width: 130px; }
#childObjects.sortable-table ul li.title-short { width: 200px; }
#formFieldOptions.sortable-table ul li.title { 
	width: 273px; 
	padding-left: 5px;
	padding-right: 0;
}
#formFieldOptions p.rtitle {
	width: 238px;
	float: left;
}
#childObjects p.rtitle-sort { padding: 0 0 0 26px; }
/* end child objects column defs */
.sortable-table ul li.price { 
	width: 80px;
	text-align: right; 
}
div#tableReport .sortable-table ul li.price { 
	width: 85px; 
	padding-left: 5px; 
}
div#tableReport .sortable-table ul li.day { 
	text-align: left;
	padding-right: 0;
	padding-left: 10px;
}
.sortable-table ul li.price span.price { 
	color: #999;
	font-style: italic;
}
.sortable-table ul li.price span.sale { color: #090; }
.sortable-table ul li[class^=rights-label] { 
	width: 310px; 
	padding-bottom: 0;
}
.sortable-table ul li.rights-label-edit { width: 245px; }
.sortable-table ul li.rights-label-four { width: 180px; }
.sortable-table ul li[class^=rights-label] img.show-help { float: right; }
.sortable-table ul li.radio { 
	width: 65px;
	padding: 0 0 2px;
	text-align: center; 
}
.sortable-table ul.header li.radio { padding-bottom: 0; }
.sortable-table ul li.radio input[type=radio] { margin: 5px 0 0; }
.sortable-table ul li.right input[type=radio] { margin: 0 0 0 2px; }
.sortable-table ul.header li.subject { width: 180px; }
.sortable-table ul.header li.organization { width: 220px; }
.sortable-table ul li.sorted { background: #4b7ea0; }

.sortable-table ul li.asc a { background: url(/_images/modules/arrow-asc.png) center right no-repeat; }
.sortable-table ul li.desc a { background: url(/_images/modules/arrow-desc.png) center right no-repeat; }
.sortable-table ul li.price.asc a, .sortable-table ul li.percentage.asc a { background: url(/_images/modules/arrow-asc.png) center left no-repeat; }
.sortable-table ul li.price.desc a, .sortable-table ul li.percentage.desc a { background: url(/_images/modules/arrow-desc.png) center left no-repeat; }

#Reports ul li.asc p { background: url(/_images/modules/bg-sort-support.gif) center bottom repeat-x; }
#Reports ul li.desc p { background: url(/_images/modules/bg-sort-support.gif) center top repeat-x; }
#Reports ul li.asc a { background: url(/_images/modules/bg-sort-asc.png) center bottom no-repeat; }
#Reports ul li.desc a { background: url(/_images/modules/bg-sort-desc.png) center top no-repeat; }
.sortable-table ul li.delete, .sortable-table ul li.select { 
	width: 16px; 
	padding: 5px 7px 0;
}
.sortable-table ul li.select input[type=checkbox] {
	width: 14px;
	height: 14px;
	margin: 0 0 0 1px;
	float: left;
}
.sortable-table ul li.right { 
	width: 16px; 
	padding: 3px 7px 3px;
}
.sortable-table ul li.date-right { padding-top: 7px; }
.sortable-table ul li.red { background-color: #fcc; }
.sortable-table ul li.yellow { background-color: #ffc; }
.sortable-table ul li.green { background-color: #cfc; }
.sortable-table ul li.blue { background-color: #cff; }
.sortable-table ul li.title p.folder {
	width: 100%;
	padding: 3px 0 0;
}
.sortable-table ul li.title p.folder img {
	margin: 0 5px 0 0;
	float: left;
}
.sortable-table ul li.title img.status {
	margin: 0 10px 0 0;
	float: left;
}
.sortable-table ul li p[class^=rtitle] {
	font-size: 0.875em;
	line-height: 1.25em;
}
.sortable-table ul li.title p.wicon { padding-left: 26px; }
.sortable-table ul li > ul {
	width: 100%;
	padding: 2px 0 0;
	margin: 0;
	float: left;
	border: 0;
}
.sortable-table ul li > ul li { 
	padding: 0;
	float: left; 
}
.sortable-table ul li > ul li.label {
	width: 40px;
	text-align: right;
	padding: 0 10px 0 0;
}

#Orders ul li > ul li.data { width: 205px; }
.sortable-table ul li > ul li a { color: #6abdfd; }
.sortable-table ul li.title div.icons {
	padding: 1px 0 0;
	float: right;
}
.sortable-table ul li.title div.icons img {
	margin: 0 0 0 5px;
	float: right;
}

/* -------------------------- REPORTS SORTABLE TABLE DEFS --------------------------*/
#Reports ul li { width: 50px; }
#Reports ul li[class*=small] { width: 70px; }
#Reports ul li[class*=med] { width: 110px; }
#Reports ul li[class*=long] { width: 140px; }
#Reports ul.header li { width: 70px; }
#Reports ul.header li[class*=small] { width: 90px; }
#Reports ul.header li[class*=med] { width: 130px; }
#Reports ul.header li[class*=long] { width: 160px; }
#Reports ul li[class*=decimal] { text-align: right; }
#Reports ul li[class*=decimal] span { float: right; }
#Reports ul:not(.header) li.price p:before { content: '$'; }

/* -------------------------- END REPORTS SORTABLE TABLE DEFS --------------------------*/
.buttons-header {
	width: 100%;
	height: 25px;
}
.buttons-header div[class^=btn] { float: left; }
.buttons-header div[class^=btn] span { padding-top: 2px; }

ul.item-details {
	width: 100%;
	padding: 5px 0;
	margin: 0;
	float: left;
}
ul.first-padded { padding-top: 15px; }
ul.item-details li {
	padding: 0 10px 0 0;
	float: left;
}
ul.item-details li p { padding: 0; }
ul.item-details li.label { 
	width: 120px; 
	text-align: right;
	font-weight: bold;
}
ul.item-details li.data { width: 560px; }
.email-body {
	padding: 10px;
	margin: 16px 0 0 0;
	font-family: Courier New, Courier, monospace;
	background: #e5e5e5;
	float: left;
}

#optionsDrop {
	width: 200px;
	margin: 0 0 0 10px;
	float: right;
	background: url(/_images/modules/bg-options-drop.gif) top left no-repeat;
}
#AddR, #AddChildR {
	margin: 2px 0 0;
	float: right;
}
#index-actions {
	width: 100%;
	padding: 10px 0;
	float: left;
}
#index-actions .inline-paging {
	font-weight: bold;
	padding: 0 50px 0 0;
	float: right;
}
#index-actions .inline-paging p {
	padding: 4px 5px 0;
	float: left;
}
#index-actions .inline-paging img {
	padding: 0 5px;
	float: left;
}
.actionDrop {
	height: 25px;
	width: 100px;
	margin: 0 10px 0 0;
	float: left;
	background: url(/_images/modules/bg-small-drop.gif) top left no-repeat;
	position: relative;
	cursor: pointer;
}
.actionDrop input[type="checkbox"] {
	width: 14px;
	height: 14px;
	margin: 6px 0 0 8px;
	float: left;
}
.actionDrop > p {
	padding: 5px 0 0 10px;
	float: left;
	font-weight: bold;
}
.actionDrop .options-menu {
	position: absolute;
	z-index: 100;
	top: 25px;
	left: 0;
	width: 200px;
	background: url(/_images/modules/bg-options-links.gif) top left repeat-y;
	display: none;
}
.actionDrop .options-menu ul {
	width: 100%;
	margin: 0;
	padding: 0 0 1px 0;
	float: left;
	background: url(/_images/modules/foot-options-drop.gif) bottom left no-repeat;
}
.actionDrop .options-menu ul li, .actionDrop .options-menu p {
	width: 100%;
	padding: 0;
	float: left;
}
.actionDrop .options-menu p {
	padding: 1px 0 0;
	background: url(/_images/framework/hdivider-ccc.gif) top left repeat-x;
}
.actionDrop .options-menu p.first { 
	padding: 0;
	background: none; 
}
.actionDrop .options-menu a, .actionDrop .options-menu span {
	width: 180px;
	padding: 5px 10px 5px;
	float: left;
	font-weight: bold;
}
.actionDrop .options-menu span { cursor: pointer; }
.actionDrop .options-menu a:hover, .actionDrop .options-menu a:active {
	background: #f60;
	color: #fff;
	text-decoration: none;
}
.actionDrop .options-menu span:hover, .actionDrop .options-menu span:active {
	background: #f60;
	/* color: #fff; */
	text-decoration: none;
}
.error-dialog { display: none; }
/* --------------------------- END COMMON PAGE DEFS ------------------------ */

/* --------------------------- MODULE DEFS ------------------------------- */
div[class^=bar] {
	height: 30px;
	background-repeat: repeat-x;
	background-position: bottom center;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 0;
	border-bottom: 0;
}
#tabContent div[class^=bar] { clear: left; }
div[class^=bar-wh] p.bar-title {
	width: 100%;
	height: 100%;
	padding: 0;
	float: left;
	font-weight: bold;
}
div[class^=bar] span {
	padding: 7px 0 0 10px;
	float: left;
	display: inline;
}
div[class^=bar-wh] {
	background-image: url(/_images/modules/bg-bar-wh.gif);
	border-color: #ccc;
}
div.bar-wh-search { 
	height: 40px;
	background-image: url(/_images/modules/bg-bar-wh-search.gif);
	border-color: #ccc;
}
@media print {
	div[class^=bar] {
		border: 1px solid #000;
	}
	div[class^=bar-wh] {
		background-image: none;
	}
}
#rIndex { 
	width: 698px;
	float: left;
}
#ReportFilters {
	padding: 10px 0 0;
	float: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#ReportFilters div.row {
	width: 938px;
	padding: 0 0 10px 0;
	float: left;
}
#ReportFilters div.row label {
	padding: 1px 0 0 10px;
	float: left;
	font-weight: bold;
}
#ReportFilters div.row label.first {
	width: 130px;
	padding: 1px 0 0 0;
	text-align: right;
}
#ReportFilters div.row .select-label {
	padding: 0 30px 0 0;
	float: left;
}
#ReportFilters div.row .select-label select { float: right; }
#ReportFilters div.row .form-row-field, #ReportFilters div.row select { margin-left: 10px; }
select#filter-event { max-width: 520px; }
#ReportFilters .form-field-link {
	padding: 1px 0 0 10px;
	float: left;
}
#ReportFilters .form-field-link p {
	padding-bottom: 0;
}
#ReportFilters .bar-wh-search {
	width: 938px;
	float: left;
	border: 0;
}
#ReportFilters .bar-wh-search .form-field-link { padding: 13px 0 0 10px; }
#ReportFilters .bar-wh-search .export-buttons { float: right; }
#ReportFilters div.bar-wh-search div[class^=btn], #ReportFilters div.bar-wh-search button { 
	margin-right: 10px; 
	float: right;
}
#ReportFilters div.bar-wh-search p.button-label {
	padding: 13px 10px 0 0;
	float: right;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}
#ReportFilter {
	width: 938px;
	float: left;
}
#ReportFilter ul.search h4 {
	width: auto;
	padding: 12px 4px 0 0;
}
#resourceForm div.bar-wh-search { clear: right; }
div#childSearch {
	width: 698px; 
	margin-top: 10px;
	float: left;
}
div.bar-wh-search div[class^=btn] span { padding: 2px 0 0; }

#treeNav .bar-wh { margin: 10px 0 0; }
#objAjaxForm .bar-wh { 
	margin: 10px 0 0;
	float: left;
}
div.bar-wh-rights {
	margin: 20px 0 0;
	float: left;
}
div.bar-wh-rights p.bar-title { width: 458px; }
#objFileForm .bar-wh, #objFormFull.media .bar-wh, #objAjaxForm div[class^=image-container] .bar-wh {
	margin: 3px 0 10px;
	float: left;
}
#objAjaxForm .bar-wh p, #objFileForm .bar-wh p { width: 698px; }
.form-row > .mce-tinymce {
	float: left;
}

div[class^=bar] p.left-title {
	width: 200px;
	padding: 0;
	float: left;
	font-weight: bold;
}
div[class^=bar] p.right-title {
	width: 200px;
	padding: 0;
	float: right;
}
div[class^=bar] img.delete {
	margin: 7px 7px 0 0;
	float: right;
}
div[class^=bar] span.delete {
	padding: 7px 10px 0 0;
	float: right;
	color: #c00;
	font-weight: bold;
}
div.bar-wh-search ul.search, div.filters ul.search {
	height: 100%;
	margin: 0;
	float: left;
}
div.filters ul.search li { 
	padding: 0 10px 0 0;
	float: left; 
}
div.filters ul.search li p { padding: 2px 0 0; } 
div.bar-wh-search ul.search li {
	height: 100%;
	padding: 0 8px;
	float: left;
}
ul.search p.label {
	padding: 11px 10px 0 0;
	float: left;
	font-weight: bold;
	color: #999;
}
div.bar-wh-search ul.search li.buttons, li.report-filter-section { border-right: 1px solid #ccc; }
div.bar-wh-search div[class^=btn], div.bar-wh-search button { margin: 10px 0 0; }
/*div.bar-wh-search #button-print-packers { margin-left: 10px; }*/
div.bar-wh-search ul.search h4 {
	width: 100px;
	padding: 12px 10px 0 0;
	float: left;
	text-align: right;
}
div.bar-wh-search ul.search .form-row-field { margin: 11px 0 0; }
div.bar-wh-search ul.search select { 
	width: 150px;
	margin: 11px 0 0 10px; 
}
div.bar-wh-search ul.search select.label { 
	width: 80px;
	margin: 11px 10px 0 0; 
}
#ReportFilter ul.search select {
	width: 90px;
	margin-left: 3px;
	margin-right: 3px;
}
#ReportFilter ul.search select.event { width: 300px; }
div.bar-wh-search div.links {
	padding: 11px 10px 0 0;
	float: right;
}
div.bar-wh-search div.options {
	height: 35px;
	margin: 5px 10px 0 0;
	float: right;
}
div.bar-wh-search div.options p {
	height: 100%;
	padding: 0 10px;
	cursor: pointer;
	font-weight: bold;
}
div.bar-wh-search div.options p.off {
	color: #f60;
	background: none;
}
div.bar-wh-search div.options p.on {
	padding-right: 30px;
	color: #f90;
	background: #333 url(/_images/modules/options-close.gif) top right no-repeat;
}
div.bar-wh-search div.options span {
	padding: 6px 0 0;
	float: left;
}
div.bar-wh-search div.form-field-link {
	padding: 11px 0 0 10px;
	float: left;
}
div.form-field-link p {
	float: left;
}
div.bar-wh span.links {
	padding: 7px 10px 0 0;
	float: right;
}
div.bar-wh-search select.report-filter {
	margin: 11px 0 0 10px;
	float: left;
}
div#searchOptions {
	width: 698px;
	float: right;
	background: #333;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
div#searchOptions.full { width: 938px; }
div#searchOptions a { color: #f90; }
div#searchOptions div.filters {
	width: 680px;
	padding: 10px 9px;
	float: left;
	border-bottom: 1px solid #666;
}
div#searchOptions.full div.filters { width: 920px; }
div#searchOptions div.filters h4 {
	width: 100px;
	padding: 2px 10px 0 0;
	float: left;
	text-align: right;
	color: #fff;
}
div#searchOptions div.filters select { width: 210px; }
p.form-field-link {
	padding: 2px 0 0 10px;
	float: left;
}
div#buttonChoices {
	width: 698px;
	margin: 10px 0 0;
	float: left;
	border: 1px solid #ccc;
	background: #f2f2f2;
}
div#buttonChoices { margin: 0 0 10px; }
div#buttonChoices > div.buttons {
	width: 590px;
	padding: 9px 0 0;
	float: left;
}
div#buttonChoices > div.buttons div.left { 
	margin: 0 10px 0 0; 
	float: left;
}
div#legend {
	float: right;
	border: 1px solid #ccc;
	position: relative;
}
#object-editor div#legend { margin: 0 0 11px 10px; }
div#legend p.label, div#buttonChoices p.label {
	width: 85px;
	height: 38px;
	padding: 0 0 0 9px;
	float: left;
	font-weight: bold;
	color: #999;
}
div#legend p.label span {
	padding: 10px 0 0;
	float: left;
}
div#buttonChoices p.label span {
	padding: 10px 10px 0 0;
	float: right;
}
div#legend.closed #iconsOpen, div#legend.open #iconsCollapsed { display: none; }
div#legend.open #iconsOpen, div#legend.closed #iconsCollapsed { display: block; }
div#legend .toggle-legend {
	padding: 4px 25px 4px 10px;
	float: left;
	background: #f2f2f2 url(/_images/modules/arrow-drop.gif) top right no-repeat;
	cursor: pointer;
}
div#legend #iconsOpen {
	position: absolute;
	top: 24px;
	right: -1px;
	width: 200px;
	padding: 5px 0 0;
	float: left;
	border: 1px solid #ccc;
	background: #f2f2f2;
}
div#legend #iconsOpen { padding-bottom: 5px; }
div#legend #iconsCollapsed img { float: left; }
div#legend p.toggle-legend {
	float: right;
	color: #f60;
	font-weight: bold;
	cursor: pointer;
}
div#legend #iconsOpen ul {
	width: 100%;
	margin: 0 0 5px;
	float: left;
	border: 0;
}
div#legend #iconsOpen ul li {
	width: 100%;
	padding: 5px 0 0;
	float: left;
}
div#legend #iconsOpen img {
	padding: 0 0 0 10px;
	float: left;
}
div#legend #iconsOpen ul li p {
	padding: 1px 10px 0 36px;
	font-weight: normal;
}

div#shortcut-index { 
	margin-top: 5px; 
}
div#vy-assoc, div#vy-assoc-header {
	float: left;
	margin: 10px 0 0 0;
}
div.vy-assoc-left {
	float: left;
	width: 330px;
	margin: 0 10px 0 0;
}
div#vy-assoc-current {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	border-top: 1px solid #ccc;
}
div#vy-assoc-current>ul {
	width: 338px;
	margin: 0;
	/* other properties defined above for common border styles */
}
div#vy-assoc-current>ul>li, div#vy-assoc-available>ul>li {
	float: left;
	margin: 0;
}
div#vy-assoc-current>ul>li.sort, div#vy-assoc-available>ul>li.sort { width: 26px; }
div#vy-assoc-current>ul>li.title { width: 286px; }
div#vy-assoc-current>ul>li.title-noaction, div#vy-assoc-available>ul>li.title-noaction { width: 296px; }
div#vy-assoc-current>ul>li.title-nosort { width: 312px; }
div#vy-assoc-current>ul>li.action { width: 26px; }
div#vy-assoc-current>ul>li.no-results, div#vy-assoc-available>ul>li.no-results { width: 338px; }
div#vy-assoc-current>ul>li img, div#vy-assoc-available>ul>li img { margin: 5px; }
div#vy-assoc-current>ul>li p, div#vy-assoc-available>ul>li p { 
	width: 100%;
	padding: 0; 
	float: left;
}
div#vy-assoc-current>ul>li>p.no-link, div#vy-assoc-available>ul>li>p.no-link {
	padding: 5px 5px 3px 0; 
}
div#vy-assoc-current>ul>li.title-nosort>p.no-link { padding-left: 5px; }
div#vy-assoc-current>ul>li.no-results>p, div#vy-assoc-available>ul>li.no-results>p {
	width: 318px;
	font-style: italic; 
	padding: 6px 10px 5px;
}
div#vy-assoc-current>ul>li[class^=title] p a, div#vy-assoc-available>ul>li[class^=title] p a { 
	padding: 5px 5px 3px 0; 
	float: left;
}
div#vy-assoc-current>ul>li[class^=title] p img, div#vy-assoc-available>ul>li[class^=title] p img { float: right; }
div#vy-assoc-available>ul>li.title-noaction p a { width: 291px; }
div#vy-assoc-available>ul>li.title-noaction p a.restricted { width: 265px; }
div#vy-assoc-current>ul>li.title p a { width: 277px; }
div#vy-assoc-current>ul>li.title p a.restricted { width: 251px; }
div#vy-assoc-current>ul>li.title-nosort p a { 
	width: 302px; 
	padding-left: 5px;
}
div#vy-assoc-current>ul>li.title-nosort p a.restricted { width: 276px; }
p.restricted-notes {
	width: 100%;
	padding: 0;
	float: left;
}
p.restricted-notes span {
	padding: 6px 0 0;
	float: left;
}
p.restricted-notes img {
	margin: 5px;
	float: left;
}
div.vy-assoc-right {
	float: right;
	width: 350px;
	margin: 0 0 0 10px;
}
div#vy-assoc-available {
	width: 340px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 450px;
	margin: 5px 0;
	float: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div#vy-assoc-available>ul {
	width: 338px;
	margin: 0;
	/* other properties defined above for common border styles */
}
div#vy-assoc-available>h5 {
	width: 338px;
	margin: 0;
	padding: 0;
	background-color: #e5e5e5;
	float: left;
	/*cursor: pointer;*/
	/* other properties defined above for common border styles */
}
/*div#vy-assoc-available>h5:hover { background-color: #e5ffe5; }*/
div#vy-assoc-available>h5 span {
	float: left;
	padding: 6px 5px 5px;
	cursor: inherit;
}
div #vy-assoc-append {
	float: left;
	width: 338px;
	margin: 5px 0 0 0;
	border: 1px dashed #ccc;
}
.vy-assoc-append-active {
	background-color: #efe;
}
.vy-assoc-append-hover {
	background-color: #cfc;
	border-color: #0c0;
	border-style: solid;
}
div #vy-assoc-append p {
	padding: 15px;
	color: #ccc;
	text-align: center;
}
div#vy-assoc-max {
	width: 338px;
	float: left;
	margin: 5px 0 0 0;
	border: 1px solid #000;
	background: #fdfd00;
	color: #000;
}
div#vy-assoc-max p { 
	padding: 5px;
	font-style: italic;
}
div#vy-assoc-max img {
	float: right;
	margin: 0 0 5px 10px;
}
div#vy-assoc-max img.icon-alert {
	margin: 0 5px 0 0;
	float: left;
}
div#vy-assoc-available-notes {
	float: left;
	width: 100%;
}

#Assignments div.centered {
	width: 100%;
	padding: 0 0 10px;
	float: left;
}
#Assignments div.centered select {
	width: 220px;
	margin: 0 0 0 60px;
}
#Assignments div.panel-content {
	width: 100%;
	margin: 0;
	float: left;
}
#Assignments div.panel-content ul, #Assignments div.panel-content ul li {
	width: 100%;
	margin: 0;
	float: left;
}
#Assignments div.panel-content > ul > li { 
	width: 320px;
	padding: 0 10px;
	border-bottom: 1px solid #ccc; 
}
#Assignments div.scroll > ul > li {
	width: 310px;
	padding: 0 20px 0 10px;
	border-bottom: 1px solid #ccc; 
}
#Assignments div.panel-content > ul > li li, #Assignments div.scroll > ul > li li { border-top: 1px solid #e5e5e5; }
#Assignments div.header, #Assignments li.header {
	width: 320px;
	padding: 0 10px;
	float: left;
	font-weight: bold;
	background: #e5e5e5;
}
#Assignments div.header p, #Assignments li.header p {
	padding: 6px 0 5px;
	float: left;
}
#Assignments div.panel-content p.links { 
	padding: 6px 0 5px;
	float: right; 
}
#Assignments span.links { float: right; }
#Assignments div.panel-content input[type=checkbox] {
	padding: 0;
	margin: 6px 0 0;
	float: left;
}
#Assignments div.panel-content ul li p { padding: 6px 0 5px 20px; }
#Assignments div.panel-content ul li p.label { cursor: pointer; }
/*#Assignments div.panel-content ul li p.label:hover, #Assignments div.panel-content ul li p.label:active { background-color: #cfc; }*/
#Assignments div.panel-content ul li p img.icon { 
	margin: 0 5px 0 0; 
	float: left;
}
#Assignments div.panel-content ul li p img.max, #Assignments div.panel-content ul li p span.icon-text {
	margin: 0 0 0 5px; 
	float: right;
	color: #000;
	font-weight: bold; 
}
/*#Assignments div.panel-content ul li div.child p { padding-top: 0; }
#Assignments div.panel-content ul li div.child input[type=checkbox] { margin-top: 0; }*/
#Assignments div.panel-content ul li p.off { color: #ccc; }
#Assignments div.scroll {
	width: 100%;
	height: 300px;
	margin: 0 0 10px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}

div[class^=order-col] h2.object-title { padding: 6px 0 7px; }
div[class^=order-col] h2.object-title-padded { padding: 16px 0 7px; }
div[class^=order-col] p { padding-bottom: 7px; }
div[class^=order-col] div.half {
	width: 210px;
	padding: 0 10px;
	float: left;
}
div[class^=order-col] div.padded {
	width: 440px;
	padding: 0 10px;
	clear: left;
}
div[class^=order-col] ul {
	width: 100%;
	padding: 0 0 5px;
	margin: 0;
	float: left;
}
div[class^=order-col] ul.amounts { padding-bottom: 0; }
div[class^=order-col] ul p, div#orderTotals ul p { padding-bottom: 2px; }
div[class^=order-col] ul li { float: left; }
div[class^=order-col] ul li.label {
	width: 110px;
	padding: 0 10px 0 0;
	text-align: right;
	font-weight: bold;
}
div[class^=order-col] ul li.data { width: 340px; }
div#orderItems {
	width: 100%;
	padding: 20px 0 0;
	float: left;
}
div#tableReport { 
	width: 100%;
	padding: 0 0 20px;
	float: left;
}
div#tableReport .sortable-table ul li { padding-left: 0; }
div#orderItems .sortable-table, div#tableReport .sortable-table { 
	margin: 0; 
	padding: 0;
	border-bottom: 1px solid #ccc;
}
div#orderTotals {
	width: 170px;
	padding: 10px 0 20px;
	float: right;
}
div#orderTotals ul {
	width: 100%;
	margin: 0;
	float: left;
}
div#orderTotals ul li {
	width: 65px;
	padding: 0 10px;
	float: left;
	text-align: right;
}
/* --------------------------- END MODULE DEFS --------------------------- */

/* --------------------------- FORM DEFS ----------------------------------- */
#userPTreeRights {
	width: 710px;
	float: left;
}
#userPTreeRights div#pageTitle {
	padding: 0 0 7px;
	font-size: 1.125em;
	line-height: 1.375em;
	font-weight: bold;
}
#tabContent {
	width: 100%;
	padding: 15px 0;
	float: left;
}
#formWrapper {
	width: 370px;
	margin: 40px 0 0 285px;
}
#formWrapper div.stacked {
	width: 100%;
	margin: 20px 0 0;
	float: left;
}
#formWrapper div.last {
	margin-bottom: 20px;
}
#formWrapper div.border {
	width: 368px;
	padding: 5px 0;
	float: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#formWrapper div.border p.center {
	width: 100%;
	padding: 5px 0;
	float: left;
	text-align: center;
}
input[type=text], input[type=password], textarea {
	font-size: 0.6875em;
	line-height: 1.125em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float: left;
}
select {
	font-size: 0.6875em;
	line-height: 1.125em;
	border: 1px solid #7f9db9;
	margin: 0;
	float: left;
}
select.regular { width: 150px; }
select.state {
	width: 150px;
	margin: 0 9px 0 0;
}
select.time { margin: 0 0 0 5px; }
input[type=text], input[type=password] {
	border: 0;
	padding: 1px;
	margin: 0;
}
textarea {
	width: 696px;
	height: 300px;
	margin: 0;
	padding: 1px;
	border: 0;
}
textarea.wysiwyg {
	width: 698px;
	height: 300px;
	margin: 0;
	padding: 1px;
	border: 0;
}
textarea.small.wysiwyg {
	width: 523px;
	height: 300px;
	margin: 0;
	padding: 1px;
	border: 0;
}
textarea.wysiwyg-block { display: none; }
#resourceForm {
	width: 100%;
	padding: 15px 0 0;
	float: left;
}
#existingFieldOptions { 
	width: 100%;
	padding: 5px 0 9px;
	float: left;
}
#optionsSortable {
	width: 310px;
	margin: 5px 0 0 9px;
	float: left;
	border-bottom: 1px solid #ccc;
}
#optionsSortable ul {
	width: 308px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#existingFieldOptions input.inline { 
	margin: 0 0 0 10px; 
	float: left;
}
#RObjectForm {
	width: 698px;
	padding: 5px 0;
	float: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#formFieldOptions {
	width: 328px;
	padding: 0;
	margin: 5px 10px 5px 0;
	float: right;
	border: 1px solid #ccc;
}
.form-row div.count-wrap {
	padding: 5px 0 0;
	clear: left;
}
.form-row p[class^=count] {
	padding: 2px 5px 3px;
	font-style: italic;
	clear: left;
}
.form-row p.count-under { color: #666; }
.form-row p.count-over {
	padding-left: 25px;
	color: #c00;
	background: #fcc url(/_images/modules/error-form-icon.gif) 2px 2px no-repeat;
	border: 1px solid #c00;
}
#resourceForm .mceEditor { float: left; }
textarea.small {
	width: 495px;
	height: 80px;
}
textarea.child {
	width: 200px;
	height: 80px;
}
textarea.seo {
	height: 150px;
}
.form-row-error {
	width: 100%;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	background: #fcc url(/_images/modules/error-form-left.gif) top left repeat-y;
	float: left;
}
.form-error-mod, .form-error-mod-alert {
	background: url(/_images/modules/error-form-right.gif) top right repeat-y;
	float: left;
}
.form-error-mod { 
	width: 100%;
	padding: 0 0 5px 0; 
}
.form-confirm-mod { 
	width: 100%;
	padding: 0 0 5px 0; 
	float: left;
}
.form-error-mod-alert { 
	width: 680px;
	padding: 10px; 
}
span.error-message {
	color: #c00;
	padding: 0 0 0 25px;
	background-image: url(/_images/modules/error-form-icon.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: left;
	float: left;
}
div.form-row, div.button-row {
	width: 100%;
	margin: 5px 0;
	float: left;
}
div.form-row-details-full {
	width: 525px;
	float: left;
}
div.error-buttons {
	width: 100%;
	padding: 5px 0;
	float: left;
}
div.error-buttons button { float: left; }
div.error-buttons p { 
	padding: 2px 1px 0;
	float: left; 
	color: #c00;
}
div.error-buttons button#button-cleanslug { margin-left: 12px; }
div.form-row-box {
	width: 520px;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
}
div.form-row-box div.url {
	width: 100%;
	padding: 6px 0 7px;
	float: left;
}
div.form-row-box div.url button { float: right; }
div.form-row-box p.url-display {
	padding: 3px 10px 0;
	color: #999;
}
div.form-row-box p.url-display span#urlSlug { color: #000; }
div.form-row-box div.shaded {
	width: 100%;
	padding: 5px 0;
	float: left;
	background: #e5e5e5;
}
div.form-row-box div.shaded div.form-row-field { margin-top: 1px; }
div.form-row-box div.shaded img.show-help { margin-top: 2px; }
div.form-row p { padding: 1px 0 0 0; }
.form-row h3, .form-row-error h3 {
	width: 150px;
	padding: 1px 5px 0 10px;
	text-align: right;
	font-weight: bold;
	float: left;
}
.form-row div.form-row-box h3 {
	width: 60px;
	padding-top: 3px;
	font-weight: normal;
}
#RObjectForm .form-row h3, #RObjectForm .form-row-error h3 { width: 120px; }
#formFieldOptions .form-row h3 { width: 50px; }
.form-row-error { margin: 5px 0 0 0; }
.order-error-details {
	width: 340px;
	margin-top: 0;
}
.order-error-details button {
	margin: 5px 0 0 25px;
}
p.order-error-index {
	background: #fcc;
	padding: 2px;
	margin-top: 5px;
	float: left;
}
.form-row h3 span, span.required { 
	color: #c00;
	padding: 0 3px;
}
.form-row h3.optional, .form-row-error h3.optional {
	width: 137px;
	padding: 1px 18px 0 10px;
	font-weight: normal;
}
#RObjectForm .form-row h3.optional, #RObjectForm .form-row-error h3.optional { width: 107px; }
.form-row h3.security { margin: 10px 0 0 0; }
.form-row h3.half {
	width: 50px;
	padding: 1px 10px 0 0;
	font-weight: normal;
}
.form-row p.right { 
	padding-right: 10px;
	float: right; 
}
.form-row-field {
	border: 1px solid #7f9db9;
	background: none;
	float: left;
}
input.date {	width: 70px; }
input.small {	width: 120px; }
input.regular {	width: 146px; }
input.medium { width: 200px; }
input.long { width: 400px; }
input.two { width: 15px; }
input.three { width: 20px; }
input.four { width: 25px; }
input.five { width: 35px; }
input.check { 
	margin: 2px 5px 0 0;
	float: left; 
}
div.form-row p.divider, .form-row img.help-icon {
	padding: 1px 5px 0;
	float: left;
}
div.form-row p.divider span.dim { padding: 0 10px; }
div.form-row p.after-field {
	padding: 1px 0 0 10px;
	float: left;
}
.form-row p.check-text {
	padding: 1px 0 0 0;
	text-align: left;
	font-weight: normal;
}
div.form-row label { cursor: pointer; }
.form-row-security {
	width: 88px;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid #7f9db9;
	float: left;
}
input.security {
	width: 86px;
	padding: 1px;
	margin: 0;
	float: left;
}
.security-image {
	width: 140px;
	height: 40px;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}
.security-image-redraw {
	margin: 10px 0 0 10px;
	float: left;
	display: inline;
}
.radio-row {
	padding: 0 0 3px;
	float: left;
}
.radio-row div.option {
	width:170px;
	margin: 0 0 3px 0;
	float:left;
}
.radio-row span {
	padding: 1px 30px 0 5px;
	float: left;
}
.radio-row div.option span {
	width: 115px;
}
.radio-row input {
	margin: 2px 0 0;
	float: left;
}
.radio-row label {
  font-size: 0.6875em;
  float: left;
}
.radio-row label input {
  margin-top: 1px;
}
.radio-row label span {
  padding: 2px 20px 2px 5px;
}
.form-button {
	margin: 0 0 0 120px;
	display: block;
}
.toggle-off { display: none; }
.toggle-on { display: inline; }
/* --------------------------- END FORM DEFS ------------------------------- */

/* --------------------------- SITE MAP DEFS ------------------------------- */
ul#siteMap {
	width: 100%;
	margin: 5px 0 0 0;
	float: left;
}
ul#siteMap li, ul.siteMapSection, ul.siteMapPages {
	float: left;
	display: inline;
}
ul#siteMap li.column {
	width: 320px;
	padding: 16px 0 0 0;
}
ul#siteMap li.first {
	padding: 16px 20px 0 0;
}
ul.siteMapSection {
	padding: 0 0 18px 0;
}
ul.siteMapSection, ul.siteMapSection li {
	width: 100%;
	margin: 0;
}
ul.siteMapPages, ul.siteMapPages li {
	width: 100%;
	margin: 0;
}
ul.siteMapPages li {
	width: 100%;
	padding: 2px 0 0 0;
	background: url(/_images/framework/site-bullet.gif) top left no-repeat;
}
ul.siteMapPages li a, ul.siteMapPages li span {
	font-weight: bold;
	padding: 2px 0 0 27px;
	float: left;
}
/* --------------------------- END SITE MAP DEFS --------------------------- */

/* --------------------------- FILE/UPLOADER DEFS -------------------------- */

div.form-row p.preview-details, p.preview-details {
	padding: 16px 20px 0;
	float: left;
}
div.preview-details {
	width: 460px;
	padding-left: 20px;
	float: left;
}
.file-details {
	width: 480px;
	padding: 6px 0 0;
	float: left;
}
#downloadFile { width: 100%; }
.file-details ul {
	width: 100%;
	padding: 0 0 5px;
	margin: 0;
	float: left;
}
.file-details ul li { float: left; }
.file-details ul li.label {
	width: 100px;
	padding: 0 10px 0 0;
	float: left;
	text-align: right;
	font-weight: bold;
}
.file-details ul li.data {
	/* width: 370px; */
	float: left;
}
p.dl-instructions {
	padding: 0 0 6px 10px;
}
#button-upload { cursor: pointer; }
.upload-container {
	display: none;
	width: 680px;
	padding: 9px;
	margin: 10px 0 7px 0;
	float: left;
	background: #e5e5e5;
	border: 1px solid #ccc;
}
.upload-container .single { margin-left: 0; }
.upload-container p {
	width: 100%;
	padding: 0 0 6px;
	font-weight: bold;
	float: left;
}
.upload-container p.title {
	font-size: 1.125em;
	line-height: 1.375em;
	padding-bottom: 10px;
}
.upload-container img { margin: auto; float: none; }
.preview {
	width: 200px;
	height: 200px;
	float: left;
	background: #ddd url(/_images/modules/image-canvas.png) top left repeat;
	position: relative;
}
.preview img.main-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.preview-warning {
	display: none;
}
.fullsize img {
	float: left;
	position: absolute;
}
.upload-container ul {
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin: 0 0 5px 0;
}
.upload-container li {
	display: inline-block;
	float: left;
	padding-right: 5px;
}
.upload-container div.progress-bar {
	clear: both;
}
.upload-container .progress-bar, 
	.upload-container .stats, 
	.upload-container .error, 
	.upload-container #upload-frame, 
	.upload-container input[type=submit],
	.upload-container input[type=reset],
	#iframeUpload {
	display: none;
}
	
.upload-container #preview-canvas {
	background-color: #BBBBBB;
	border: 1px #000000 solid;
	padding: 10px;
	margin-left: 5px;
}
.SI-FILES-STYLIZED div.cabinet
{
    width: 120px;
    height: 20px;
	border-left: 1px solid #c60;
	border-right: 1px solid #c60;
	background: top center repeat-x url(/_images/buttons/bg-orange.gif); 
	height: 20px;
 	float: left;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.6875em;
	text-align: center;
	cursor: pointer;
}
.SI-FILES-STYLIZED div.cabinet span {
	position: absolute;
	width: 120px;
	text-align: center;
	margin-top: 3px;
	cursor: pointer;
}
	
.SI-FILES-STYLIZED div.cabinet input[type=file]
{
	position: relative;
    height: 100%;
    width: 100%;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
}

/*
.SI-FILES-STYLIZED div.cabinet
{
    display: block;
    overflow: hidden;
    width: 120px;
    height: 20px;
	border-left: 1px solid #c60;
	border-right: 1px solid #c60;
	background: top center repeat-x url(/_images/buttons/bg-orange.gif); 
	height: 20px;
/* 	padding: 0 10px 0 9px;
 	float: left;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.6875em;
	text-align: center;
	cursor: pointer;
}
.SI-FILES-STYLIZED div.cabinet span {
	display: inline;
	position: absolute;
	width: 120px;
	text-align: center;
	margin-top: 3px;
	cursor: pointer;
}
	
.SI-FILES-STYLIZED div.cabinet input[type=file]
{
	position: relative;
    height: 100%;
    width: 100%;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
}
*/

/* --------------------------- END FILE/UPLOADER DEFS -------------------------- */



/* --------------------------- JQUERY UI DEFS ------------------------------ */
.ui-widget-overlay {
	background: #1f496f;
	opacity: 0.3;
}
.ui-dialog-titlebar {
	background: url(/_images/modules/blue-gradient.gif) top center repeat-x;
    border: 1px solid #091a2a;
    color: #fff;
    font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar { padding: 5px 10px; }
.ui-dialog .ui-dialog-titlebar-close { padding: 0; }
.progress-bar {
	width: auto;
	height: 30px;
	background-color: #ccc;
}
.ui-progress-bar-value  { 
	height: 30px;
	background: #184067 url(/_images/modules/orange-gradient.gif) top center repeat-x;
}
.animate {
	height: 30px;
	background: #184067 url(/_images/modules/orange-animate.gif) top center repeat-x;
}
.stats {
	padding: 6px 10px 7px;
	background: #e5e5e5;
}
.ui-widget-header a { 
	background: #ccc;
	border: #666 1px solid; 
}
.ui-dialog {
	box-shadow: 0 0 15px 5px #333;
	-webkit-box-shadow: 0 0 15px 5px #333;
	-moz-box-shadow: 0 0 15px 5px #333;
}
.ui-widget-content a { text-decoration: underline; } 
.ui-widget-content a:hover { text-decoration: none; } 
.ui-dialog-content p { font-size: 1em; }
.ui-dialog-content ul {
	padding: 0 0 0 10px;
	margin: 0;
	list-style: disc outside;
}
.ui-dialog-content li p { padding: 0; }
.ui-sortable-helper, .ui-draggable-dragging {
	width: 338px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	-moz-box-shadow: 2px 2px 3px #666;
}
#vy-assoc .ui-sortable-placeholder {
	background-color: #cfc;
	width: 338px;
	height: 26px;
}
#dashboard-content .ui-sortable-placeholder {
	background-color: #cfc;
	width: 698px;
	height: 26px;
}
#rchild-index .ui-sortable-placeholder {
	background-color: #cfc;
	width: 698px;
	height: 27px;
}
#optionsSortable .ui-sortable-placeholder {
	background-color: #cfc;
	width: 308px;
	height: 27px;
}
/* --------------------------- END JQUERY UI DEFS -------------------------- */



/* --------------------------- JCROP UI DEFS ------------------------------ */
#crop-overlay {
}
#crop-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
	height: 700px;
	background: #fff;
	padding: 10px;
	box-shadow: 0 0 15px 5px #333;
	-webkit-box-shadow: 0 0 15px 5px #333;
	-moz-box-shadow: 0 0 15px 5px #333;
}
#wrap-image {
	background: #f2f2f2;
	margin-top: 15px;
}
.jcrop-holder {
	margin: 10px auto;
	text-align: center;
}
#crop-constraints {
	float: right;
	text-align: right;
	padding: 0;
}
#crop-stats {
	padding: 6px 0 0;
	text-align: center;
}
#crop-button-bar {
	width: 160px;
	height: 30px;
	padding: 10px 0;
	margin: 0 auto;
}
#crop-button-bar button {
	width: 70px;
	padding: 0;
	margin: 0 5px;
}
/* --------------------------- END JCROP DEFS -------------------------- */



/* --------------------------- STORE ORDER PACKING SLIPS ------------------------------ */
#PackingSlips {
	width: 100%;
	min-width: 750px;
}
#PackingSlips h1 { padding: 6px 10px; }
#PackingSlips #Head {
	width: 100%;
	min-height: 100px;
	padding: 10px 0 0;
}
#PackingSlips #Head img { margin: 0 0 0 10px; }
#PackingSlips #Head p {
	padding: 0 10px 0 0;
	float: right;
}
#PackingSlips .item {
	min-width: 750px;
	padding: 0 10px;
	margin: 20px auto;
	page-break-after: always;
	border: 1px solid #000;
}
.item .dets {
	padding: 10px;
	background: #e5e5e5;
}
.item .dets ul { 
	margin: 0;
	padding: 0 0 4px;
}
.item p { padding: 0; }
.item .dets ul li.label { 
	width: 150px;
	text-align: right;
	float: left;
}
.item .dets ul li.data { padding: 0 0 0 160px; }
.item .dets ul li p {
	font-size: 0.875em;
	line-height: 1.25em;
}
.item .bar-wh { margin-top: 10px; }
.item .half { 
	width: 50%;
	padding: 10px 0; 
	float: left;
}
.item .half p { padding: 0 10px; }
.item .half p.title {
	padding-bottom: 14px;
	font-weight: bold;
	font-size: 0.875em;
	line-height: 1.25em;
}
.item p.padded { padding: 0 10px 7px; }
.item .order-items {
	width: 100%;
	padding: 15px 0 0;
	float: left;
}
.item p.clear { 
	width: 100%;
	height: 10px;
	clear: both; 
}
.item .sortable-table {
	margin: 0; 
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.item .sortable-table ul li.item-title { width: 530px; }
/* --------------------------- END STORE ORDER PACKING SLIPS ------------------------------ */

/* Resource Editor Location Coordinates gecode feedback box */
div#GeocodeStatus {
	/* width: 100%; */
	display: none;
	/* float: left; */
	clear: both;
	float: none;
	background: #fdfd00;
	border: 1px solid #000;
}
div#GeocodeStatus p { 
	margin: 5px;
	padding: 5px;
	font-style: italic;
}
div#GeocodeStatus img {
	float: right;
	margin: 0 0 5px 10px;
}
div#GeocodeStatus img.icon-alert {
	margin: 0 5px 0 0;
	float: left;
}

.cache-purge-result {
	position: relative;
	z-index: 100;
	float: right;
	min-height: 18px;
	max-width: 470px;
	margin: 10px 10px 0 0;
	padding: 0 8px;
	border: 1px solid #09f;
	border-radius: 4px;
	background: #cff;
	color: #09f;
	font-size: 0.6875em;
	line-height: 1.5em;
}
.cache-purge-result.danger {
	border-color: #c00;
	color: #c00;
	background: #fcc;
}
.cache-purge-result.success {
	border-color: #390;
	color: #390;
	background: #dafbca;
}

#dashboard-content .update-products {
  > *,
  form > *,
  .box > * {
    margin-bottom: 12px;
    padding-bottom: 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  h3 {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
  }

  li {
    margin-left: 24px;
    font-size: 11px;
  }
  ol li {
    list-style: decimal;
  }
  ul li {
    list-style: disc;
  }

  label,
  input {
    width: 100%;
    font-size: 11px;
  }

  label {
    font-weight: bold;
  }

  .boxes {
    display: flex;
    gap: 16px;

    .box {
      box-sizing: border-box;
      width: calc(50% - 8px);
      border: 1px solid #ccc;
      padding: 10px 12px 12px;
    }
  }

  table.report {
    border-collapse: collapse;
    font-size: 11px;

    th {
      font-weight: bold;
      white-space: nowrap;
    }

    th,
    td {
      padding: 5px 20px 5px 0;
      text-align: left;
    }

    td {
      border-top: 1px solid #e5e5e5;
    }

    th:last-child,
    td:last-child {
      padding-right: 0;
    }
  }

  .alert {
    border: 1px solid #ccc;
    padding: 10px 12px;
    font-size: 11px;
    font-weight: bold;
  }

  .alert-success {
    border-color: #390;
    color: #390;
    background: #dafbca;
  }
}