html {
	font: 75% arial, verdana, helvetica, lucida, sans-serif;
	/* Reduces the browser's default medium font-size (16px) to 12px. */
	background-color: #F8F8F8;
	height: 100%;
	overflow-y: scroll;
}

textarea {
	font: arial, verdana, helvetica, lucida, sans-serif;
	background-color: white;
	color: #333;
}

body {
	color: #333;
	text-align: center;
	background: url('../images/bg_page.gif') center repeat-y;
	height: auto !important;
	height: 100%; 
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
}

body:not([border]) {
	padding-left: 0px;
}

img {
	-ms-interpolation-mode: bicubic;
}

body#itemCustomize,
#PiecePDFLayoutEditor {
	Xbackground: green;
	Xbackground-color: RED;
}

p {
	padding-top: 5px;
	margin-top: 0px;
}

a.clean {
	color: #039;
	text-decoration: none;
}

a.clean:visited {
	color: #336;
}

a.clean:active {
	color: #36c
}

a.admin {
	color: #c00;
}

a.clean:hover {
	text-decoration: underline;
}

a:hover {
	Xtext-decoration: none;
	text-decoration: underline;
}

a {
	text-decoration: none;
	color: #039;
}

a:visited {
	color: #039;
}

a:active {
	color: #36c
}

a.admin:visited {
	color: #933;
}

a.admin:active {
	color: #f33;
}

a.admin:hover {
	text-decoration: underline;
}

a.underlineLink,
a.button {
	text-decoration: underline;
	padding-left: 1px;
	padding-right: 1px;
}

a.underlineLink:hover,
a.button:hover {
	text-decoration: none;
	color: white;
	background-color: blue;
}

a.showUnderline {
	text-decoration: underline;
}

small {
	font-size: 0.90em; /* 10px */
}

.small {
	font-size: 0.90em; /* 10px */
}

.linkLoading {
	text-decoration: underline;
	color: #aaa;
}

.important-message UL {
	list-style: none;
	margin: 10px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
}

SMALL.smallError {
	font-size: 0.90em; /* 10px */
	font-weight: bold;
	background-color: yellow;
}

SPAN.fieldRequired {
	color: black;
	font-weight: bold;
	font-size: 1.3em;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.7em;
}

.header2 {
	font-size: 1.7em;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
	margin-bottom: 7px;
}

h5 {
	font-size: 0.9em; /* 10px */
}

#testUser {
	background-color: #fff;
	width: 100%;
}

.bColor01 {
	background-color: #555; /* Dark Grey */
}

.fColor01,a.fColor01 {
	color: #fff;
}

.fColor02 {
	color: #ccc; /* Light Grey */
}

.fColor03 {
	color: #666; /* Medium Grey */
}

.loading {
	padding: 10px;
}

IMG.logo {
	margin: 10px;
}

.linkActivated {
	color: #aaaaaa;
	text-decoration: none;
	font-face: bold;
}

#headerRow #heading {
	margin-bottom: 3px;
}

#pageLayout {
	width: 1000px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#itemCustomize #pageLayout {
	Xwidth: 100%;
}

#pageLayout td {
	vertical-align: top;
}

#pageLayout .basicPadding {
	padding-left: 20px;
}

#pageLayout .basicPaddingBoth {
	padding-left: 20px;
	padding-right: 20px;
}

#pageLayout .basicPaddingRight {
	padding-right: 20px;
}


#pageLayout .basicWidth {
	width: 750px;
}

.basicTable {
	width: 90%;
}

#pageLayout .basicTable TD {
	padding: 5px 8px 5px 3px;
	
}

#pageLayout .basicTable TH {
	padding: 5px 8px 5px 3px;
	
}

XX.basicTable TD {
	padding-left: 5px;
}



.basicTable .alt TD,
.basicTable .alt TH,
.reportTable .alt TD,
.reportTable .alt TH {
	background-color: #eee;
}

.basicTable .alt_msft TD,
.basicTable .alt_msft TH,
.reportTable .alt_msft TD,
.reportTable .alt_msft TH {
	background-color: #e5f0c7;
}

.basicTableDivider {
	border-bottom: 1px dashed #666;
}

#Basket .basicTableMiddleAligned TD {
	vertical-align: middle;
}

.basicCheckbox {
	margin: 0px;
}

LABEL {
	font-weight: bold;
}

.textInput {
	width: 200px;
}

.textInputLarge {
	width: 400px;
}

.textInputSmall {
	width: 45px;
}

.textInputNumber {
	width: 200px;
	xAwwThatsTooBad: mfc;
	Xtext-align: right;
}

.textInputNumberLarge {
	width: 400px;
}

.textInputNumberSmall {
	width: 45px;
	text-align: right;
}

.textAreaInput {
	width: 200px;
	height: 200px;
}

.textAreaInputWideScreen {
	width: 400px;
	height: 100px;
}

.textAreaInputLarge {
	width: 400px;
	height: 200px;
}

.textAreaInputHuge {
	width: 900px;
	height: 300px;
}

.textAreaInputSmall {
	width: 200px;
	height: 100px;
}

.selectList {
	width: 325px;
}

#pageLayout .basicForm .formHighlight {
	background-color: #eee;
}

#pageLayout .adminBox {
	width: 400px;
	Xborder: 1px solid #bbb;
	background-color: #eee;
	padding: 10px;
}

#pageHeading {
	padding: 5px 0 0 0;
}

#pageLayout .standardHeaderRow h3 {
	font-size: 0.90em;
	margin: 0;
	padding: 5px 10px 0px 10px;
	text-transform: uppercase;
}

#pageLayout .standardHeaderRow h1 {
	font-size: 2.2em;
	margin: 0;
	padding: 0px 10px 5px 10px;
	color: white;
}

#pageLayout #pageHeading #search {
	float: right;
	padding-right: 10px;
	font-size: 0.90em;
	line-height: 1px;
}

#pageLayout #pageHeading #search input {
	line-height: 12px;
}

#pageLayout #pageHeading #navigation {
	width: 100%;
	margin-bottom: 0px;
}

#pageHeading .searchHeaderInput {
	padding-top: 0px;	
}

#customizationAndDeliveryPieceName {
	float: right;
	padding-right: 10px;
}

#pageHeading #navigation .libraryHome,
#pageHeading #navigation .shoppingCart,
#pageHeading #navigation .reporting,
#pageHeading #navigation .userProfile,
#pageHeading #navigation .help,
#pageHeading #navigation .libraryAdministration,
#pageHeading #navigation .logout,
#pageHeading #navigation .siteNavExtra
	{
	display: inline;
	margin: 5px 5px 5px 5px;
	font-weight: bold;
	padding-left: 18px;
	padding-bottom: 1px;
	vertical-align: top;
}

#pageHeading #navigation .libraryHome {
	background: #fff url('../images/home.gif') no-repeat top left;
}

#pageHeading #navigation .shoppingCart {
	background: #fff url('../images/shopping-cart.gif') no-repeat top left;
}

#pageHeading #navigation .reporting {
	background: #fff url('../images/reporting.gif') no-repeat top left;
}

#pageHeading #navigation .userProfile {
	background: #fff url('../images/userProfile.png') no-repeat top left;
}

#pageHeading #navigation .help {
	background: #fff url('../images/help.gif') no-repeat top left;
}

#pageHeading #navigation .libraryAdministration {
	background: #fff url('../images/admin.gif') no-repeat top left;
}

#pageHeading #navigation .siteNavExtra {
	background: #fff url('../images/admin.gif') no-repeat top left;
}

#pageHeading #navigation .logout {
	background: #fff url('../images/icon-logout.png') no-repeat top left;
}

#pageHeading .headerStuffTable .searchHeaderContainer {
	width: 190px;
}

#pageHeading #userInfo {
	margin: 10px;
	font-size: 0.90em; /* 10px */
}

#pageHeading #userInfo .userEmail {
	font-weight: bold;
}

#pageLayout .fullPageBody {
	width: 60%;
	padding: 10px 10px 30px 20px;
}

#pageFooter {
	padding-top: 40px;
}

#pageFooter #pageFooterAll {
	border-top: 1px solid #aaa;
	margin: 0px 5px 0px 5px;
}

#pageFooter .footerLeftSide {
	width: 500px;
	padding: 5px 5px 5px 10px;
	font-size: 0.90em;
}

#pageFooter .rightSide {
	width: 600px;
	float: right;
	padding: 5px 10px 5px 5px;
	text-align: right;
	font-size: 0.90em;
}

#pageFooter #poweredBy {
	Xbackground-color: #F0F0F0;
	margin-top: 20px;
	padding: 10px 10px 10px 10px;
	text-align: right;
	font-size: 0.90em;
}



/**** tabs *********/
#tabNavigation {
	float: left;
	width: 100%;
	font-size: 1em;
	line-height: normal;
}

.big #tabNavigation {
	background-color: #333;
	width: 100%;
	padding-top: 10px
}

#tabNavigation #libraryTitle {
	color: #fff;
	padding-left: 10px;
	font-size: .93em;
}

#tabNavigation ul {
	margin: 0px;
	padding: 10px 10px 0px 10px;
	list-style: none;
}

#tabNavigation li {
	display: inline;
	margin: 0;
	padding: 0;
	cursor: pointer;
	cursor: hand;
}

#tabNavigation ul a {
	float: left;
	background: url("../images/tableft5.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

.big #tabNavigation ul  a {
	Xbackground: url("../images/tableft5-big.gif") no-repeat left top;
}

#tabNavigation ul a span {
	float: left;
	display: block;
	background: url("../images/tabright5.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #666;
	cursor: pointer;
	cursor: hand;
}

.big #tabNavigation ul a span {
	background: url("../images/tabright5-big.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
}

#tabNavigation ul .current a span {
	color: #000;
	font-weight: bold;
}

XXX.big #libraryTopOnly {
	margin-top: 89px;
	margin-left: 0px;
	margin-right: 0px;
}

XXX.big .smallHeader {
	width: 100%;
	background-color: #eee;
	padding: 3px 0px 0px 0px;
}

XXX.big .smallHeader H4 {
	margin: 0px 0px 0px 10px;
}

XXX.big #tabNavigation #pieceTitle {
	padding-left: 10px;
	display: block;
}

/***** buttons *****/
.styleButtonClear {
	/* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	display: block;
	width: 100%;
}

a.styleButton {
	background: transparent url('../images/ButtonRightCap.gif') no-repeat
		scroll top right;
	color: #444;
	display: block;
	font-weight: bold;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 30px;
	margin-right: 10px;
	padding-right: 14px; /* sliding doors padding */
	padding-bottom: 2px;
	text-decoration: none;
}

a.styleButton span {
	background: transparent url('../images/ButtonLeftCap.gif') no-repeat;
	display: block;
	line-height: 20px;
	Xpadding: 5px 0 5px 44px;
	padding: 5px 0 5px 14px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

a.styleButton span:hover {
	color: black;
}

a.stylebutton:active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

a.styleButton:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}

/*** Displaying forms... *****/
FIELDSET.generalForm {
	width: 400px;
	padding: 5px;
	border: none;
}

FIELDSET.generalForm .info {
	background-color: #F0F0F0;
	padding: 5px;
	margin: 5px 0px 5px 0px;
}

FIELDSET.generalForm .formLeftSide {
	width: 150px;
}

FIELDSET.generalForm .formLeftSideWide {
	width: 250px;
}

.info FIELDSET.generalForm .formLeftSide {
	width: 140px;
}

.info FIELDSET.generalForm .formLeftSideWide {
	width: 240px;
}

FIELDSET.generalForm TD {
	padding-bottom: 10px;
}

FIELDSET.generalForm LABEL {
	font-size: 1em;
	font-weight: bold;
}

FIELDSET.generalForm .textInput {
	width: 200px;
}

/*** Displaying pieces... *****/ /*** Other global styles *****/
.verticalTableHeader th {
	text-align: left;
}

/*********************************/ /**** Library / Home Page ********/
	/*********************************/

#LibraryView #pageLayout #leftSide {
	width: 590px;
	padding: 0px 15px 10px 15px;
}

#LibraryView #pageLayout #rightSide {
	width: 380px;
	padding: 0px 5px 10px 5px;
}

#library .pieceTable {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#library .pieceTable TD.image {
	padding: 0px 5px 20px 6px;
}

#library .pieceTable TD.image .spacer {
	width: 60px;
}

#library .pieceTable TD.piece {
	width: 30%;
	padding-bottom: 30px;
}

#library .pieceTable TD.pieceSmall {
	padding-bottom: 5px;
}

#library .piece img {
	border: 0;
	margin: 0px;
	padding: 0px;
}

#LibraryViewSummaryHeader h1,#LibraryViewSummaryHeader h2,#LibraryViewSummaryHeader h3,#LibraryViewSummaryHeader h4
	{
	margin: 0px;
	padding: 0px;
}

#LibraryViewSummaryHeader {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#CampaignViewSummaryHeader h2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#campaignOptionsMenu{
	padding-bottom: 10px;
}

#campaignViewDescription{
	padding-bottom: 10px;
}

XXX.featured {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

.summary {
	background-color: #F0F0F0;
	padding: 5px 10px;
	margin: 5px;
}

.summary h4 {
	padding: 0px;
	margin: 0px;
}

#library TABLE.campaignTable {
	margin-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

#library .campaignTable TD.image {
	padding: 0px 5px 20px 5px;
	width: 60px;
}

#library .campaignTable TD.image .spacer {
	width: 60px;
}

#library .campaignTable TD.description {
	width: 30%;
	padding-bottom: 20px;
	padding-top: 3px;
}

#library .campaignTable h2,
#library .campaignTable h3,
#library .campaignTable h4,
#library .pieceTable h3,
#library .pieceTable h4 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#library .campaignTable p {
	margin: 0px 0px 0px 0px;
}

#library .campaignTable .campaignInfo {
	color: #999999;
	margin: 0px;
	padding: 0px;
}

#library .libraryTable {
	padding-top: 5px;
	text-align: center;
	vertical-align: bottom;
	width: 100%;
}

#library .libraryTable TD.image {
	width: 30%;
}

.siteIntro {
	padding: 20px;
}

#library .libraryTable a {
	color: #333;
	text-decoration: none;
}

#library .libraryTable a:visited {
	color: #333;
}


#library .tagSearchTitle {
	display: inline;
}

#library .tagSearchTitleTag {
	display: inline;
}

#LibraryView .campaignViewWrapper,
#YourMaterials .campaignViewWrapper {
	padding-top: 20px;
}

.campaignSections {
	width: 100%;
}

.campaignSections .sectionHeader-header1 {
	background-color: #555555;
	padding: 5px 5px 5px 5px;
	XXspacing-bottom: 25px;
}

.campaignSections .sectionHeader-header1 .sectionTitle-header1 {
	font-weight: bold;
	color: #ffffff;
}

.campaignSections .sectionHeader-header2 .sectionTitle-header2 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: bold;
}

.campaignSections .sectionHeader-header3 .sectionTitle-header3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 1.0em;
	font-weight: bold;
}

.campaignSections .sectionDescription {
	padding-left: 5px;
	padding-bottom: 10px;	
}

.campaignSections SMALL.manage {
	color: #ccc;	
}

.campaignSections SMALL.manage A {
	Xcolor: #9cf;
	color: #ccc;	
}

.campaignSections SMALL.manage A:hover {
	Xcolor: #66f;
	color: #666;	
}

#ServiceProviderViewSummaryHeader H1 {
	padding: 0px;
	margin: 0px;	
}

#ServiceProviderView .serviceProviderLogo {
	Xfloat: right;
	padding: 0px 15px 10px 20px;
}

XXX.serviceProviderViewDescription {
	text-align: justify;
}

/*************************/ /**** Home Page Mini P ***/
	/*************************/
.miniProfile {
	width: 97%;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: .9em;
}

.miniProfile SMALL {
	color: #999;
}

.miniProfile H3 {
	padding: 0px 0px 0px 5px;
	margin: 10px 0px 5px 0px;
	font-size: 1.1em;
}

.miniProfile .profileHint {
	width: 150px;
	padding-bottom: 5px;
}

.miniProfile .profileHintSpacer {
	width: 30px;	
}

.miniProfile .profileHint A STRONG {
	font-size: 1.2em;
}
.miniProfile .profileHint A STRONG.yellow {
	background-color: yellow;
}

.miniProfile .profileTable {
	width: 100%;
	padding-bottom: 10px;
}

.miniProfile .profileTable .divider {
	border-bottom: 1px solid #ddd;
	padding: 3px 5px 10px 0px;
}

/*************************/
/****** Ratings **********/
/*************************/
#starRating
{
	cursor: pointer;
	cursor: hand;
}

.ratingText 
{
	vertical-align: middle;
}

/*************************/
/****** Ratings **********/
/*************************/
.sharePieceControl
{
	cursor: pointer;
	cursor: hand;
}

.sharePieceControlText 
{
	vertical-align: middle;
}

/*************************/
/**** Piece View *********/
/*************************/
#PieceView #PieceViewSummary {
	width: 410px;
	padding: 0px 20px 20px 20px;
}

#PieceView #PieceViewSummary .nonPrintPiece {
	text-align: center;
	width: 100%;
}

.pieceLargeThumbnail {
	XXXtext-align: center;
	margin: 10px 5px 5px 0px;
	padding: 10px 10px 10px 0px;
	XXXbackground-color: #dddddd;
}

.pieceLargeThumbnailControls {
	margin: 10px;
}

#PieceView #PieceViewSummaryHeader {
	padding-left: 15px;
}

#PieceView #PieceViewSummaryHeader {
	width: 90%;
	XXXborder-bottom: 1px solid #999;
	/* if you want a border under the title */
}

#PieceView #PieceViewSummaryHeader h1,#PieceView #PieceViewSummaryHeader h2,#PieceView #PieceViewSummaryHeader h3,#PieceView #PieceViewSummaryHeader h4
	{
	margin: 0px;
	padding: 0px;
}

#PieceViewSummaryRow td {
	vertical-align: bottom;
}

#pieceViewDescription {
	width: 100%;
}

#fundingSummaryHeader {
	padding: 30px 10px 10px 10px;
	text-align: center;
	width: 220px;
}

#fundingSummaryHeader em {
	background-color: yellow;
	padding: 2px;
}

.styleButtonContainer {
	margin-top: 20px;
	width: 100%;
}

#PieceView #pageLayout #leftSideLayout {
	margin: 0px 5px 10px 10px;
}

#PieceView #pageLayout #rightSideLayout {
	width: 800px;
	Xwidth: 100%;
	margin: 0px 10px 10px 20px;
}

#PieceView #pageLayout #PieceViewDetail {
	Xborder: 1px solid blue;	
}

.styleButtonContainerTable {
	width: 100%;
}

.styleButtonContainer td {
	background: url('../images/yellowBackgroundFade.gif') repeat-x top left;
	padding: 0px 5px 0px 5px;
	border-top: 1px solid #999;
	padding-top: 5px;
}

.styleButtonContainer td.styleButtonContainerDescription {
	padding-right: 15px;
	width: 265px;
}

.styleButtonContainer .styleButtonContainerDescription h3 {
	margin-top: 0px;
}

X.styleButtonContainer td .mb-MBButton-wrap {
	padding-top: 10px;
}

.styleButtonContainer td .mb-MBButton-wrap .wideButton {
	width: 180px;
}

.pricingLayout {
	width: 96%;
}

.pricingLayout h1,.pricingLayout h2,.pricingLayout h3,.pricingLayout h4
	{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#PieceView .pricingRow td {
	width: 50%;
}

.pricingLayoutDetails {
	width: 100%;
}

.pricingLayoutDetails h2,
.pricingLayoutDetails h3,
.pricingLayoutDetails h4 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}


.pricingAmount {
	text-align: center;	
	margin-left: 30px;
}

.pricingAmount H3 {
	padding-bottom: 3px;
	margin-bottom: 0px;
}

.pricingAmount .tieredPrice {
	width: 100%;
	padding: 0px 25px 0px 25px;
	margin: 0px;
}

.pricingAmount .tieredPrice th{
	padding: 0px;
	margin: 0px;
	Xborder-bottom: 1px solid #666;
}
.pricingAmount .tieredPrice H3 {
	width: 90%;
	border-bottom: 1px solid #666;
	padding-bottom: 4px;
}

.printSpecSummary {
	margin: 20px 0px 20px 0px;
	width: 90%;
}

.relatedStuff {
	width: 100%;
	margin-bottom: 20px;
}

.relatedStuff .relatedStuffTags {
	width: 230px;
}

.relatedStuff .relatedStuffViewAll {
	padding-bottom: 10px;
	padding-left: 10px;
}

/*************************/ /** YourStuff.vm **/
	/*************************/

#YourStuff .userFundTable TD {
	padding-right: 20px;
}

#YourStuff .userFundTable H2,
#YourStuff .userFundTable H3 {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

#YourStuff #ContactListTable TD {
	 padding: 10px 0px 10px 0px;	
}

#YourStuff .reportTable {
	width: 100%;	
}

#YourStuff .reportTable TD,
#YourStuff .reportTable TH {
	padding: 2px 5px 2px 0px;
	font-size: 80%;	
}

/*************************/ /** Site Administration **/
	/*************************/
#SiteAdmin FIELDSET {
	border: none;
	width: 450;
}


#SiteAdmin td.rightSide {
	text-align: left;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 10px;;
	padding-left: 10px;
}

#SiteAdmin .rightSide .setting {
	margin: 0px 0px 25px 0px;
}

#SiteAdmin .rightSide .setting p {
	color: #555;
}

#SiteAdmin .leftSide {
	width: 250px;
}

#SiteAdminNav {
	background-color: #F0F0F0;
	padding: 3px 0px;
	margin: 10px;
}

x#SiteAdmin A {
	color: #555;
}

#SiteAdminNav ul.primaryList {
	padding: 0px 0px 0 10px;
	list-style-type: none;
	list-style-color: #555;
}

#SiteAdminNav ul.primaryList li {
	padding-bottom: 20px;
	Xfont-size: .9em;
	font-weight: bold;
}

#SiteAdminNav ul.primaryList li.selected A {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

#SiteAdminNav ul.primaryList UL.subList {
	padding-bottom: 15px;
	list-style-type: square;
}

#SiteAdminNav ul.primaryList .subList li {
	padding-bottom: 4px;
	font-size: .9em;
	font-weight: normal;
}

#SiteAdmin .searchMaskHeader {
	padding-bottom: 20px;
}

#SiteAdmin .brandingMessages TD {
	padding-bottom: 20px;
}

.fundClaimSummary td {
	font-size: 7pt;
}

/*************************/ /** Back Office         **/
	/*************************/
#BackOffice #AdminNav #navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#BackOffice #AdminNav #navcontainer ul li {
	display: inline;
}

#BackOffice #AdminNav #navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: #036;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#BackOffice #AdminNav #navcontainer ul li a.first {
	margin-left: 40px;
	border-left: 1px solid #fff;
}

#BackOffice #AdminNav #navcontainer ul li a:hover {
	background-color: #369;
	color: #fff;
}

#BackOffice #AdminNav #navcontainer ul li a.active {
	background-color: green;
}

#BackOffice #AdminNav .logo {
	padding: 5px 0px 0px 5px;
}

#BackOffice #Destination {
	padding: 10px;
}

#BackOffice #Destination UL {
	font-size: 1.2em;
	font-weight: bold;
}

#Users {
	padding: 10px;
}

#Users table.pagination td {
	padding-bottom: 10px;
}

/*************************/ /** Login               **/
	/*************************/
.loginSignUpPages .loginSignUpPanelDetails {
	margin: 5px;
}

.loginSignUpPages #LoginSignUpPageFooter {
	font-size: .9em;
}

.loginSignUpPages #LoginSignUpPageFooter .left {
	display: block;
	float: left;
}

.loginSignUpPages #LoginSignUpPageFooter .right {
	display: block;
	text-align: right;
}

.loginSignUpPages #LoginSignUpPanelWrapper {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-top: 50px;
	padding: 0px;
	width: 575px;
}

.loginSignUpPages #LoginSignUpPanel {
	width: 100%;
	padding: 10px 10px 30px 10px;
	background-color: white;
	border: 8px solid #cccccc;
}

.loginSignUpPages #LoginSignUpForm FIELDSET {
	border: none;
	text-align: right;
	padding: 0px;
	width: 425px;
}

#Login .loginSignUpPages #LoginSignUpPanelWrapper {
	width: 500px;
}
#Login .loginSignUpPages #LoginSignUpForm FIELDSET {
	width: 350px;
}

.loginSignUpPages #LoginSignUpForm FIELDSET DIV {
	padding: 5px;
	border-top: 1px dashed #dddddd;
	margin-bottom: 10px;
}

.loginSignUpPages #LoginSignUpForm FIELDSET LABEL {
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 10px;
}

.loginSignUpPages #LoginSignUpPanel #LoginSignUpFormOptions {
	float: left;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

.loginSignUpPages .textInput {
	margin: 10px 0px 0px 0px;
	width: 200px;
}

.loginSignUpPages #LoginSignUpForm #LoginSignUpSubmit {
	padding-top: 20px;
}

/**********************************************/
	/** Sign Up    (new user & new dest)         **/
	/**********************************************/
#SignUp {
	background-color: #eeeeee;
}

#SignUp #SignUpTitle {
	/** margin-top: 80px; **/
}

#SignUp  IMG.logo {
	float: right;
}

#SignUp .loginSignUpPages #LoginSignUpForm FIELDSET DIV {
	border: none;
	margin-bottom: 0px;
}

#SignUp .loginSignUpPages #LoginSignUpPanel #LoginSignUpFormOptions {
	margin: 0px 0px 5px 0px;
}

#SignUp .loginSignUpPages #LoginSignUpForm FIELDSET DIV#SiteName {
	border-top: 1px solid #dddddd;
	padding-top: 5px;
	margin-top: 10px;
	margin-left: 10px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

#SignUp #SiteName P {
	text-align: left;
}

#SignUp #theTZ {
	width: 204px;
}

#SignUp INPUT#destinationName {
	width: 70px;
	text-align: right;
}

#SignUp .loginSignUpPages #LoginSignUpForm FIELDSET DIV#SiteTerms {
	padding: 5px;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 10px;
	border: 1px solid #dddddd;
	text-align: left;
	background-color: #eeeeee;
}

#SignUp .loginSignUpPages #LoginSignUpForm FIELDSET DIV#RegistrationCodeBox
	{
	padding: 5px;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 10px;
	border: 1px solid #dddddd;
	background-color: #eeeeee;
}

#SignUp .loginSignUpPages #LoginSignUpForm FIELDSET DIV#RegistrationCodeBox .textInputRegCode
	{
	width: 80px;
}

#SignUp .loginSignUpPages #LoginSignUpForm FIELDSET DIV#RegistrationCodeBox LABEL
	{
	font-size: 1em;
}

#SignUp .loginSignUpPages #LoginSignUpForm FIELDSET DIV#RegistrationCodeBox .intro
	{
	Xtext-align: left;
}

#SignUp #SiteTerms LABEL {
	font-size: .9em;
	font-weight: none;
}

#SignUp #LoginSignUpPanel {
	padding-bottom: 20px;
}

/*************************/ /** Your Stuff          **/
	/*************************/
#YourStuff #MaterialsUploadContainer {
	margin: 10px;
}

#YourStuff #YourStuffContainer {
	margin: 10px 10px 10px 10px;
}

#YourMaterials .stuffHeader {
	width: 95%;
	padding: 10px;
}

#ListPurchase .listTable {
	width: 100%;	
}

#ListPurchase .listTable H3 {
	margin-top: 0px;	
}

#ListPurchase .listTable EM {
	font-weight: bold;
	color: #666;
}

#ListPurchase .listTable OL LI,
#ListPurchase .listTable UL LI {
	padding-bottom: 10px;	
}
	
	
#ListPurchase .listImage, 
#ListPurchase .listDetails, 
#ListPurchase .listButton {
	padding-bottom: 25px;
	padding-top: 15px;
}
#ListPurchase .listImage {
	width: 75px;
	padding-right: 20px;
	border-bottom: 1px dotted #aaa;
}

#ListPurchase .listDetails {
	border-bottom: 1px dotted #aaa;
}

#ListPurchase .listButton {
	text-align: right;
	width: 280px;
	Xvertical-align: middle;
}
	
#ListPurchase .styleButtonContainer td,
#ListPurchase .styleButtonContainer
 {
	background: none;
	border-top: none;
	padding-top: 0px;
	margin-top: 0px;
}


/****************************/ /* Piece Customize Deliver **/
	/****************************/
#pieceCustomize {
	Xmargin-left: 10px;
}

#HeaderSmallNav {
	color: #fff;
	text-align: right;
	padding: 10px;
	float: right;
}

#HeaderSmallNav A {
	color: #fff;
}

#HeaderSmallNav A.active {
	Xcolor: #000;
	Xbackground-color: #fff;
	text-decoration: none;
	border-bottom: 5px solid #fff;
}

/*************************/ /** Basket              **/
	/*************************/
#Basket H2 {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

.cart {
	padding-right: 20px;
	padding-left: 5px;
}

.cart .basketItemTable {
	width: 99%;
}

.cart .basketItemTable TH.item {
	text-align: left;
}

.cart .basketItemTable TH {
	text-align: right;
	border-bottom: 1px dotted #aaa;
	padding: 0 10px 0 10px;
}

.cart .basketItemTable TD.filler {
	font-size: 8px;
	margin: 0px;
	padding: 0px;
}

.cart .basketItemTable TD {
	padding: 10px;
	vertical-align: middle;
}

.cart .basketItemTable TD.topBorder {
	border-top: 1px solid #aaa;
}

.cart .basketItemTable TD.piece {
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	vertical-align: top;
	width: 87px;
}

.cart .basketItemTable TD.piece .pieceApprovalStatus {
	padding-left: 9px;
}

.cart .basketItemTable TD.pieceName {
	border-top: 1px solid #aaa;
}

.cart .basketItemTable H3 {
	padding: 0px;
	margin: 0px;
}

.cart .basketItemTable .trash {
	float: right;
}

.cart .basketItemTable TD.qty {
	text-align: right;
	border-left: 1px solid #aaa;
	Xborder-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	width: 50px;
	vertical-align: top;
}

.cart .basketItemTable TD.price {
	text-align: right;
	background-color: #ddd;
	Xborder-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	width: 75px;
	vertical-align: top;
}

.cart .basketItemTable .links TD {
	border-bottom: 1px solid #aaa;
	text-align: right;
}

.cart .basketItemTable .total TD {
	text-align: right;
	margin: 0px;
	padding: 2px 10px 2px 2px;
}

.cart .basketItemTable .total .funding TD {
	font-style: italic;
}

.cart .basketItemTable .total TD.title {
	font-weight: bold;
	padding-top: 5px;
}

.cart .basketItemTable .total TD.subt {
	border-top: 1px solid #aaa;
	padding-top: 5px;
	font-weight: bold;
}

.cart .basketItemTable .total TD.titleFund {
	font-style: italic; 
}

.cart .basketItemTable .total TD.subtFund {
	font-style: italic; 
}

.cart #invoice TH {
	text-align: left;
}

.cart #invoice TD {
	padding: 0px;
}

.cart #invoice .invoiceDetails {
	padding-left: 20px;
}

/*************************/ /** Payment          **/
	/*************************/
#Payment .basicPadding H3 {
	width: 90%;
	border-bottom: 1px dotted #aaa;
}

/*************************/ /** MB Widgets          **/
	/*************************/ /*** First the GWT KitchenSink styles ***/
.gwt-SuggestBoxPopup {
	border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
	padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #C3D9FF;
	padding: 2px;
}

.gwt-ProgressBar-shell {
	border: 2px solid #faf9f7;
	border-right: 2px solid #848280;
	border-bottom: 2px solid #848280;
	background-color: #AAAAAA;
	height: 14pt;
	width: 50%;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
	background-color: #67A7E3;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text {
	padding: 0px;
	margin: 0px;
	color: white;
}

.gwt-ProgressBar-thin {
	border: 2px solid #848280;
	background-color: white;
	height: 7px;
	overflow: hidden;
}

.gwt-ProgressBar-thin .gwt-ProgressBar-bar {
	background-color: #67A7E3;
}

/**** MB Overrides *****/
.pagination td {
	padding-bottom: 10px;
}

.pagination td.userInfo {
	width: 300px;
}

.pagination th {
	text-align: left;
	padding: 0px 10px 10px 0px;
}

.pagination td {
	text-align: left;
	padding: 0px 10px 10px 0px;
}

#paginationHeader {
	border-bottom: 1px dashed #999;
	padding-bottom: 1px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 100%;
}

#paginationHeader LABEL {
	font-size: .9em;
	font-color: #999;
}

X.pagination .sortButton {
	background-color: #fff;
	text-align: left;
	color: #333;
	text-transform: none;
	font-size: 1em;
	padding: 1px 3px;
	text-decoration: underline;
	Xborder: 0px;
	width: 100%;
}

X.pagination .sortButtonAscending {
	color: #1791C0;
	text-transform: none;
	font-size: 1em;
	padding: 1px 3px;
	text-decoration: underline;
	border: 0px;
	background: #fff url('../images/sortAscending.gif') no-repeat top left;
}

.sortButtonDescending {
	color: #1791C0;
	text-transform: none;
	font-size: 1em;
	padding: 1px 3px;
	text-decoration: underline;
	border: 0px;
	background: #fff url('../images/sortDescending.gif') no-repeat top left;
}

.mb-IMELink {
	display: inline;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	color: #039;
}

.mb-IMELink:hover {
	text-decoration: underline;
}

.mb-IMELink-highlighted {
	background-color: #FFFFAA;
}

XX.mb-MBButton {
	padding-top: 4px;
}

.mb-MBButton-wrap {
	display: block;
	overflow: hidden;
	width: 100%;
}

.pieceViewPageBigButtons .mb-MBButton-wrap {
	padding-bottom: 5px;
}

.mb-MBButton a {
	background: transparent url('../images/bg_button_a.png') no-repeat
		scroll top right;
	color: #444;
	display: block;
	float: left;
	height: 27px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.mb-MBButton a span {
	background: transparent url('../images/bg_button_span.png') no-repeat;
	display: block;
	line-height: 17px;
	padding: 5px 0 5px 18px;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.mb-MBButton a:hover span {
	color: #000;
}

.mb-MBButton a:active,.mb-MBButton a.active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

.mb-MBButton a:active span,.mb-MBButton a.active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}

.mb-MBButtonIcon {
	border: 1px solid transparent;
	cursor: pointer;
	cursor: hand;
	padding: 2px 4px 2px 2px;
}

.mb-MBButtonIcon:hover {
	border: 1px solid #999;
	background-color: #eee;
}

.mb-MBButtonIcon .active {
	border: 1px solid #777;
	background-color: #ccc;
}

.mb-MBButtonIcon .on {
	border: 1px solid #777;
	background-color: #ccc;
}

.mb-MBButtonIcon .on:hover {
	border: 1px solid black;
	background-color: #aaa;
}

.MB-Trash,.mb-IMERemoveButton {
	display: inline;
	cursor: pointer;
	cursor: hand;
}

.mb-FlippableDeckPanelEdit {
	background-color: #dddddd;
	margin: 0px;
	padding: 5px;
	width: 100%
}

.mb-FlippableDeckPanel-highlighted {
	background-color: #FFFFAA;
	cursor: pointer;
	cursor: hand;
}

.mb-FlippableDeckPanel-selected {
	border: 10px solid #00FFFF;
}

.mb-FlippableDeckPanelEdit TEXTAREA {
	height: 100px;
	margin: 2px;
	width: 95%;
}

.mb-FlippableDeckPanelEdit SPAN {
	font-size: 15px;
	font-weight: normal;
	vertical-align: center;
}

.mb-FlippableDeckPanel INPUT {
	width: 90%;
}

.mb-FlippableDeckPanel .gwt-Button {
	margin: 5px 5px 0px 0px;
}

.mb-PrintSpecWidget TD {
	padding: 5px;
}

.mb-PiecePDFPrintSpecificationContainer .rightSide {
	padding-left: 10px;
}

.mb-PiecePDFPrintSpecificationContainer .leftSide {
	padding-left: 10px;
}

.mb-PiecePDFPrintSpecificationContainer .buttonPanel {
	padding-top: 10px;
}

.mb-PermissionContainer {
	width: 100%;
}

.mb-PermissionContainerEdit {
	background-color: #dddddd;
	margin: 0px;
	padding: 5px;
	width: 100%
}

.mb-AllCustomizationsContainer,.mb-AllDeliveriesContainer {
	padding: 10px 0px 0px 10px;
}

.mb-AllCustomizationsContainer-CustomizationsDeck {
	width: 500px;
}

.mb-AssetResultsPanelWidget:hover {
	border: 2px solid #ddd;
	padding: 3px;
}

.mb-AssetResultsPanelWidget-unselected {
	border: 2px solid #eee;
	padding: 3px;
}

.mb-AssetResultsPanelWidget-selected {
	border: 2px solid #666;
	padding: 3px;
}

.mb-CustomizationEditContainer {
	border-bottom: 1px dashed #aaa;
	padding-bottom: 6px;
	margin-bottom: 12px;
	width: 100%;
}

.mb-CustomizationEditorContainerDisplayName {
	font-weight: bold;
}

.mb-CustomizationAndDeliveryContainer .configureShipmentsButton {
	margin-top: 10px;
	margin-left: 10px;
}

.mb-AllDeliveriesContainerPanel {
	padding-bottom: 15px;
}

.mb-AllDeliveriesContainerPanel .deliveryEditContainer {
	width: 800px;
	background: #eee;
	padding: 10px 5px 5px 0px;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px dashed #aaa;
}

.mb-TagPanel {
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

.mb-TagPanelEdit {
	background-color: #dddddd;
	margin: 0px;
	padding: 5px 10px 10px 5px;
	width: 100%
}

.mb-LibraryTagWidget {
	padding-left: 15px;
}

.mb-LibraryTagWidget-highlighted {
	padding-left: 15px;
	background: url(../images/checkmark.png) no-repeat center left;
	font-weight: bold;
}

.gwt-TabBar {
	width: 100%;
	margin-top: 0px;
	padding-top: 5px;
	border-bottom: 4px solid #555;
	margin-bottom: 10px;
}

.gwt-TabBarRest {
	text-align: right;
	padding-right: 10px;
}

.gwt-TabBarRest .pieceLink {
	font-size: 0.90em;
	margin-right: 20px;
}

.gwt-TabBar .gwt-TabBarItem {
	margin-right: 4px;
	padding: 5px 10px 3px 10px;
	background-color: #eee;
	border-bottom: 0px solid #fff;
	color: #555;
	cursor: pointer;
	cursor: hand;
	font-weight: normal;
}

.gwt-TabBar .gwt-TabBarItem:hover {
	background-color: #ccc;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	background-color: #555;
	border: none;
	border-bottom: 2px solid #555;
	color: #fff;
	font-weight: bold;
}

.gwt-TabBar .gwt-TabBarItem-selected:hover {
	background-color: #555;
}

.gwt-TabBar .gwt-TabBarFirst {
	margin-left: 10px;
}

#LibraryView .gwt-TabBar .gwt-TabBarItem {
	text-align: center;
	height: 30px;
}



.mb-ModalGlassPanel {
	Xcursor: not-allowed;
}

.mb-ModalDialogPanel {
	border: 1px solid #333;
	XXborder-style: outset;
	background-color: white;
	padding: 0px 0px 12px 0px;
}

.mb-ModalDialogPanel-header {
	background-color: #333;
	padding: 3px;
	width: 100%;
	user-select: none;
}

.mb-ModalDialogPanel-dragHandle {
	cursor: move;
}

.mb-ModalDialogPanel-title {
	font-size: 12pt;
	color: white;
	font-weight: bold;
	width: 100%;
}

.mb-ModalDialogPanel-content {
	background-color: white;
	padding: 12px 12px 0px 12px;
	width: 100%;
}

.mb-PalettePanel {
	border-top: 1px solid #CCCCFF;
	border-left: 1px solid #CCCCFF;
	border-bottom: 1px solid #7777BB;
	border-right: 1px solid #7777BB;
	background-color: white;
	padding: 0px 0px 0px 0px;
}

.mb-PalettePanel-OLD {
	border-color: #5555FF;
	border-style: outset;
	background-color: white;
	padding: 0px 0px 0px 0px;
}

.mb-PalettePanel-minimized {
	border-top: 1px solid #EEEEFF;
	border-left: 1px solid #EEEEFF;
	border-bottom: 1px solid #8888BB;
	border-right: 1px solid #8888BB;
	background-color: white;
	padding: 0px 0px 0px 0px;
}

.mb-PalettePanel-header {
	background-image: url("../images/palette_header.png");
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-left: 3px;
	padding-bottom: 1px;
	padding-right: 3px;
	width: 100%;
	overflow: hidden;
}

.mb-PalettePanel-dragHandle {
	cursor: move;
}

.mb-PalettePanel-title {
	font-size: 10pt;
	color: black;
	font-weight: bold;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}

.mb-PalettePanel-content {
	background-color: white;
}

.mb-PalettePanel-content-padding {
	padding: 12px 12px 12px 12px;
}

.mb-PalettePanel-content-noPadding {
	padding: 0px 0px 0px 0px;
}

.mb-Button {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	padding: 2px 3px 3px 2px;
	margin: 3px 1px;
	cursor: hand;
	cursor: pointer;
	text-align: center;
}

.mb-Button-up {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	padding: 2px 3px 3px 2px;
}

.mb-Button-down {
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	padding: 3px 2px 2px 3px;
}

.mb-Button-down-hovering {
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	padding: 3px 2px 2px 3px;
	background-color: #AACCFF;
}

.mb-Button-up-hovering {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	padding: 2px 3px 3px 2px;
	background-color: #AACCFF;
}

.mb-PieceViewContainer-previewControlBar {
	width: 100%;
	Xbackground-color: #eee;
}

.mb-PieceViewContainer-buttonsLayout {
	padding: 5px 2px 5px 2px;
	vertical-align: middle;
}

.mb-PieceViewContainer-buttonsLayout-sampleFile {
	padding-left: 25px;
	padding-top: 4px;
}

.mb-PiecePDFLayoutContainer {
	width: 100%;
	background: #777777;
}

.mb-PiecePDFLayoutContainer-headerBar {
	width: 100%;
	background-color: #CCCCCC;
}

.mb-PiecePDFLayoutContainer-buttonsLayout {
	padding: 5px 0px 5px 10px;
	vertical-align: middle;
}

/* The piece preview (including layout boxes) */
.mb-PiecePreview {
	user-select: none;
}

.mb-PiecePreview-withMargins {
	background: #777777;
}

.mb-PiecePreview-imageLoading {
	background-image: url("../images/preview_loadingSpinner.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.mb-PiecePreview-imageNotFound {
	background-image: url("../images/image-not-found_dev.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

.mb-MovableBoxWidget {
	overflow: hidden;
	border: none;
	display: block;
	line-height: 1px;
	font-size: 1px;
	user-select: none;
}

.mb-MovableBoxWidget-draggable {
	cursor: move;
}

.mb-MovableBoxWidget-selectionBox {
	border: 1px dashed black;
	line-height: 1px;
	font-size: 1px;
}

.mb-MovableBoxWidget-resizeHandle {
	width: 8px;
	height: 8px;
	background-color: white;
	border: 1px solid black;
	line-height: 1px;
	font-size: 1px;
}

.mb-MovableBoxWidget-resizeHandle-north {
	cursor: n-resize;
}

.mb-MovableBoxWidget-resizeHandle-west {
	cursor: w-resize;
}

.mb-MovableBoxWidget-resizeHandle-east {
	cursor: e-resize;
}

.mb-MovableBoxWidget-resizeHandle-south {
	cursor: s-resize;
}

.mb-PageNumberSelector {
	text-align: center;
	padding-left: 2px;
	padding-right: 1px;
	vertical-align: middle;
}

.mb-PageNumberSelector-textBox {
	width: 2em;
	text-align: right;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.MB-selectionBoxMultiplesSelected {
	background: #C0C0C0;
}

.mb-IMEToggleButton {
	
}

.mb-IMEToggleButton-selected {
	background: #DDD;
}

gwt-SliderBar-shell {
	border: 2px solid #faf9f7;
	border-right: 2px solid #848280;
	border-bottom: 2px solid #848280;
	background-color: #efebe7;
	height: 34pt;
	width: 100%;
}

.gwt-SliderBar-shell .gwt-SliderBar-line {
	border: 1px solid black;
	background-color: white;
	height: 4px;
	width: 95%;
	top: 22pt;
	xoverflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-knob {
	top: 14pt;
	width: 11px;
	height: 21px;
	z-index: 1;
	cursor: pointer;
	cursor: hand;
}

.gwt-SliderBar-shell .gwt-SliderBar-tick {
	top: 12pt;
	width: 1px;
	height: 8pt;
	background: black;
	xoverflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-label {
	top: 2pt;
	font-size: 8pt;
	cursor: default;
}

.gwt-SliderBar-shell-focused {
	
}

.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
	background-color: #DDDDDD;
	cursor: pointer;
	cursor: hand;
}

.mb-Tooltip {
	border: 2px solid #151B8D;
	background-color: yellow;
}

.mb-LayoutBoxEditContainer-titleColumn {
	text-align: right;
}

.mb-XListPanel {
	list-style-type: none;
	text-align: left;
	Xmargin: 0px;
	Xpadding: 0px;
}

.mb-XListPanel .XElementTitle {
	color: #039;
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

.mb-XListPanel LI {
	margin-bottom: 5px;
}

.mb-XListPanel .XElementTitle:hover {
	text-decoration: none;
}

.mb-layoutBoxXListPanel {
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.mb-layoutBoxXListPanel .XListLayoutPage .XElementTitle {
	color: #039;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

.mb-layoutBoxXListPanel .XListLayoutBox {
	padding-left: 20px;
}

.mb-layoutBoxXListPanel .XListLayoutBox .XElementTitle {
	cursor: pointer;
	cursor: hand;
}

.mb-layoutBoxXListPanel .XListLayoutBox-highlighted .XElementTitle {
	Xcolor: #aaa;
	font-weight: bold;
}

.mb-layoutBoxXListPanel .XListLayoutPage .XElementTitle:hover {
	text-decoration: underline;
}

.mb-layoutBoxXListPanel .XListLayoutBox .XElementTitle:hover {
	text-decoration: underline;
}

.mb-custDescAndRulesXListPanel {
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}

.mb-custDescAndRulesXListPanel .XElementTitle {
	cursor: pointer;
	cursor: hand;
	color: #039;
}

.mb-XElementTitle-highlighted {
	font-weight: bold;
}

.mb-custDescAndRulesXListPanel .XElementTitle:hover {
	text-decoration: underline;
}

.mb-CustomizationDescriptionEditContainer TD {
	padding: 5px;
}



.mb-ApprovalContainer {
	padding-left: 20px;
}

.mb-ApprovalHistoryWidget{
	padding-left: 5px;	
	padding-bottom: 5px;
}

.mb-AssetDisplaySelectorWidget-handPointer {
	cursor: pointer;
	cursor: hand;
}

.mb-AssetDisplaySelectorWidget {
	padding: 3px;
	text-align: center;
}

	border: 2px solid #666;
.mb-AssetDisplaySelectorWidget-selected {
}
	
.mb-AssetDisplaySelectorWidget-unselected {
	border: 2px solid #eee;
}
.mb-AssetDisplaySelectorWidget-unselected:hover {
	border: 2px solid #ddd;
}

.mb-ListPurchaseOption-description {
	margin-left: 20px;
}

.mb-ListPurchaseOption-ListBox {
	width: 200px;
	font-size: 10px;
}

.ListPurchaseDescription {
	margin-left: 20px;
}

.mb-MBFileUploadWidgetButtonPanel TD {
	padding-top: 10px;
}

.mb-listIndent {
	margin-left: 20px;
}

.mb-AssetBankContainer .gwt-TabBar {
	background-color: #C3D9FF;
	font-size: smaller;
	width: 100%;
}

.mb-AssetBankContainer .gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	border-bottom: 1px solid #87B3FF;
	padding-left: 3px;
}

.mb-AssetBankContainer .gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #87B3FF;
	padding-right: 3px;
}

.mb-AssetBankContainer .gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #C3D9FF;
	border-bottom: 1px solid #87B3FF;
	padding: 2px;
	cursor: pointer;
	cursor: hand;
}

.mb-AssetBankContainer .gwt-TabBar .gwt-TabBarItem-selected {
	font-weight: bold;
	background-color: #E8EEF7;
	border-top: 1px solid #87B3FF;
	border-left: 1px solid #87B3FF;
	border-right: 1px solid #87B3FF;
	border-bottom: 1px solid #E8EEF7;
	padding: 2px;
	cursor: default;
}

.mb-attributeName {
	margin: 0px;
	padding: 5px;
	width: 100%
}

.mb-attributeName-hilighted {
	background-color: #FFFFAA;
	cursor: pointer;
	cursor: hand;
}

.mb-PrimaryCustomizationPanel-Header
{
	border-bottom: 3px solid #aaa;
}

.mb-PrimaryCustomizationPanel
{
	padding: 8px 0px 8px 0px;
	width: 570px;
}

.mb-PrimaryCustomizationPanel input,
textarea.mb-GrowingTextArea
 {
	font: 90% Tahoma;
	Xfont-family: Tahoma;
	Xfont-size: 90%;
	padding: 2px;
	border: 1px solid #aaa;
}


.mb-MenuButtonLabelAndArrow
{
	cursor: pointer;
	cursor: hand;
	vertical-align: middle;
	display: inline;
}
.mb-MenuButtonLabelAndArrow-clicked
{
	color: #FFFFFF;
}

.mb-MenuButtonLabel
{
	xxcolor: #000000;
	text-align: left;
	xxline-height: 10px;
	white-space: nowrap;
	padding-left: 6px;
}

.mb-MenuButtonArrow
{
	background: transparent url(/destroot/default/files/public/site/images/vertical-images.png) no-repeat scroll -36px 50%;
	font-size: 0;
	height: 6px;
	margin-left: 3px;
	margin-top: 4px;
	vertical-align: middle;
	width: 7px;
}

.mb-MenuWidget-table
{
	border-collapse: collapse;
	z-index: 10;
	-moz-user-select: none;
}

.mb-MenuWidget-menuLeft, 
.mb-MenuWidget-menuTop, 
.mb-MenuWidget-menuRight, 
.mb-MenuWidget-menuBottom,
.mb-MenuWidget-menuMiddle
{
	background: #F2F2F2 none repeat scroll 0 0;
}

.mb-MenuWidget-menuLeft, 
.mb-MenuWidget-menuTop, 
.mb-MenuWidget-menuRight
{
	border-top: 1px solid #DDDDDD;
}

.mb-MenuWidget-menuLeft, 
.mb-MenuWidget-menuRight
{
	width: 5px;
}

.mb-MenuWidget-menuTop, 
.mb-MenuWidget-menuBottom
{
	height: 5px;
}

.mb-MenuWidget-topLeftShadow
{
	background: transparent url(/destroot/default/files/public/site/images/icons2.png) no-repeat scroll -80px -60px;
	height: 5px;
	width: 3px;
}

.mb-MenuWidget-topRightShadow
{
	background: transparent url(/destroot/default/files/public/site/images/icons2.png) no-repeat scroll -94px -60px;
	height: 5px;
	width: 3px;
}

.mb-MenuWidget-leftShadow, 
.mb-MenuWidget-rightShadow
{
	overflow: hidden;
}

.mb-MenuWidget-leftShadow
{
	background: transparent url(/destroot/default/files/public/site/images/vertical-images.png) repeat-y scroll 0 0;
	xxbackground: #00FFFF none repeat scroll 0 0;
	width: 3px;
}

.mb-MenuWidget-rightShadow
{
	background: transparent url(/destroot/default/files/public/site/images/vertical-images.png) repeat-y scroll -12px 0;
	xxbackground: #00FFFF none repeat scroll 0 0;
	width: 3px;
}

.mb-MenuWidget-bottomLeftShadow
{
	background: transparent url(/destroot/default/files/public/site/images/icons2.png) no-repeat scroll -80px -66px;
	height: 6px;
	width: 8px;
}

.mb-MenuWidget-bottomShadow
{
	background: transparent url(/destroot/default/files/public/site/images/horizontal-images.png) repeat-x scroll 0 -72px;
	height: 6px;
}

.mb-MenuWidget-bottomRightShadow
{
	background: transparent url(/destroot/default/files/public/site/images/icons2.png) no-repeat scroll -89px -66px;
	height: 6px;
	width: 8px;
}

.mb-MenuElement
{
	xxbackground: #FFFFFF none repeat scroll 0 0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 0px;
	cursor: pointer;
}

.mb-MenuElement-disabled
{
	background:#FFFFFF;
	color:#CCCCCC;
}

.mb-MenuElement-TD-hidden
{
	display: none;
}

.mb-MenuElement-TR-hidden
{
	display: none;
}

.mb-MenuElement-highlighted
{
	background-color: #FFFFDD;
}

.exampleText  {
color: #666;
}

.mb-dragonDropRow{
	margin-bottom: 1px;
	padding: 2px 2px 5px 2px;
	width: 100%;
}

.mb-dragonDropRow-highlighted{
	background-color: #EEE;	
}

.mb-dragonDropRow-draggable{
	xborder-bottom: 1px dotted #aaa;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	zoom: 1;
	cursor: hand;
	cursor: pointer;
}

.mb-dragonDropRegistered {
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	zoom: 1;
	cursor: hand;
	cursor: pointer;
}

.mb-dragonDropNav {
	border: 1px solid #ddd;
	background-color: #FFF;
	color: #ddd;
	padding: 20px;
}
.mb-dragonDropNav-potential {
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
}
.mb-dragonDropNav-highlighted {
	border: 1px solid #000;
	background-color: #FFFFDD;
	color: #000;
}

.dragdrop-handle {
cursor: pointer;
cursor: hand;
}
.mb-dragonDropRowDelete{
	color: #CCC;
}
.mb-dragonDropRowDelete:hover {
	text-decoration: underline;
	color: #000;
}

.mb-dragonDropSortPanel {
}

.dragdrop-selected .mb-dragonDropRow {
	background-color: #999;
	opacity: 1;
}

.mb-dragonDropSortRightLine{
	border-right: 2px solid #999;
}

.mb-dragonDropSortLeft{
	padding-left: 20px;
}

.mb-dragonDropProxy{
	border-bottom: 2px solid #aaa;	
}

.pieceHistoryLayout {
	width: 100%;
}

.pieceHistoryLayout h2,
.pieceHistoryLayout h3,
.pieceHistoryLayout h4 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

div.scroll {
height: 50px;
width: 600px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}

.mb-customizationDeliveryInnerTableTopRow {
	padding-top: 6px;
}