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;
}

.basicTableDividerTop {
	border-top: 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: transparent url('../images/home.gif') no-repeat top left;
}

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

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

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

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

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

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

#pageHeading #navigation .logout {
	background: transparent 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%; */
	width: 100%;
	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;
}

.miniProfile .text {
	padding: 0px 10px 0px 10px;
}

/*************************/
/****** 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;
}

#PieceView .longDescription {
	margin-bottom: 20px;
}

#PieceView .manualPricingDescription p {
	margin-bottom: 20px;
}

#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;
}

#UserContactListView #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;
	z-index: 100;
}

.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-TextAssetListDropdownContainer-listBox-primary {
	width: 295px;
	/* max-width: 320px; */
	/* font-size: 10px; */
}

.mb-TextAssetListDropdownContainer-listBox-secondary {
	width: 560px;
	/* max-width: 320px; */
	/* font-size: 10px; */
}

.mb-TextAssetListDropdownContainer-tieredListBox-primary {
	width: 295px;
	/* max-width: 320px; */
	/* font-size: 10px; */
}

.mb-TextAssetListDropdownContainer-tieredListBox-secondary {
	width: 560px;
	/* max-width: 320px; */
	/* font-size: 10px; */
}

.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 4px;
	width: 570px;
}

.mb-PrimaryCustomizationPanel-error
{
	background-color: #FFFF00;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: white;
}

.mb-AllCustomizationsContainer-requiredCustError
{
	/* background-color: #FFFF00; */
	font-size: 0.90em; /* 10px */
	font-weight: bold;
	/* font-style: italic; */
	padding-top: 10px;
	padding-left: 20px;
}

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

.mb-SecondaryCustomizationPanel
{
	padding: 0px 0px 0px 4px;
	/* width: 570px; */
}


.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;
}


/*** Blueberry interface: ******************/

/* The "pageLayout" ID sets the background color for the "legacy" interface.
   It also does a number of other helpful things, which is why we want to keep it around.
   In the Blueberry interface, on the "catalog" pages (Library, Campaign, CampaignPage, CampaignSection),
   we want to change the background color. So those Velocity pages will add this class to
   the top-most table that currently has the "pageLayout" ID.
   This will override the background color, and perhaps a few other settings.
 */
.blueberryCatalogPageLayout {
	background-color: #ebecef;
}

/*** jq_shadowwrapper.css ******************/

.jq_shadowwrapper-one {
}
.jq_shadowwrapper-corner-a {
    position: absolute;
    right: 0;
    top: 0;
    background-position: right top;
    background-repeat: no-repeat;
}
.jq_shadowwrapper-corner-b {
    position: absolute;
    left: 0;
    bottom: 0;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.jq_shadowwrapper-two {
    background-position: right bottom;
    background-repeat: no-repeat;
}
.jq_shadowwrapper-three {
    position: relative;
    background-position: left top;
    background-repeat: no-repeat;
}
.jq_shadowwrapper-four {
    position: relative;
}

/*** END jq_shadowwrapper.css **************/

/*** jq_marketingbridgetabs.css ************/

#jq_navbg * {
	margin: 0;
	padding: 0;
}
#jq_navbg {
    background-color: #908fa1; /* when you change this, you must change NavTab.png background color */
    height: 50px;
    background-image: url('/destroot/default/files/public/site/images/NavBG.png');
    background-repeat: repeat-x;
    position: absolute;
    z-index: 15;
    /* z-index: -3000; */
    width:580px;
    font-family: Arial;
    font-size: 10px;
    /* Since the content under the tabs typically appears in a shadow box, 
       which shifts that content over 7 pixels, we need to shift the
       Library tabs over 7 pixels as well, otherwise they won't line up.
     */
    margin-left: 7px;
    margin-top: 7px;
}
#jq_navbg:before, #jq_navbg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -3;
}
#jq_navbg:before {
    background-image: url('/destroot/default/files/public/site/images/NavLeft.png');
    background-repeat: no-repeat;
    background-position: left;
}
#jq_navbg:after {
    background-image: url('/destroot/default/files/public/site/images/NavRight.png');
    background-repeat: no-repeat;
    background-position: right;
}
#jq_nav { 
    /* *padding-top:10px; */
    padding-top:10px; /* this was necessary to get rid of a trough that appeared beneath the tabs */
    list-style:none;
    padding-left:10px;
}
#jq_nav li {
    display: inline-block;
    height: 40px;
}
#jq_nav li a {
    color: #ffffff;
    font-weight: bold;
    margin-right: 10px;
    padding-left: 10px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 40px;
    display: block;
}
#jq_nav .selected {
    background-image: url('/destroot/default/files/public/site/images/NavTab.png');
    background-position: right top;
    background-repeat: no-repeat;
}
#jq_nav .selected a {
    color: #000000;
    background-image: url('/destroot/default/files/public/site/images/NavTab.png');
    background-position: left top;
    background-repeat: no-repeat;
}
#jq_nav .over {
    background-image: url('/destroot/default/files/public/site/images/NavTab.png');
    background-position: right -42px;
    background-repeat: no-repeat;
}
#jq_nav .over a {
    color: #000000;
    background-image: url('/destroot/default/files/public/site/images/NavTab.png');
    background-position: left -42px;
    background-repeat: no-repeat;
}
#jq_nav .over li a, #jq_nav .selected li a {
    background-image: none;
    color: #666666;
}
#jq_nav li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    visibility: hidden;
    background-color: #cccccc;
}
#jq_nav li ul li {
    margin: 0;
    padding: 0;
    float: none;
    display: inline;
}
#jq_nav li ul li a {
    margin: 0;
    padding: 0;
    width: auto;
    color: #666666;
    padding-left: 20px;
    padding-right: 15px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
#jq_nav li ul li a:hover {
    background: #0099ff;
    color: #ffffff;
}
#jq_nav li:hover ul, #jq_nav li:focus ul {
    display: block;
}

/* This class needs to be put on whatever [non absolute positioned] div appears beneath the Library tabs.
   Otherwise the Library tabs (which are absolute positioned) will sit on top of that div.
   UPDATE: Don't use underTabs right now. It doesn't work with jq_shadowwrapper.js, the shadows don't move with it.
   In the future, when we use CSS 3 shadows, we can go back to this.
 */
/* .underTabs {
	margin-top: 65px;
} */

/*** END jq_marketingbridgetabs.css ************/

/*** "content" is for the library home box, the list of campaigns... ***/

.content {
    width: 550px;
    background-color: #ffffff;
    padding: 15px;
    border: solid 1px #cccccc;
}
.content h1 {
    font-size: 10px;
    color: #666666;
    margin: 0px 0px 15px 0px;
}
.content h1 a {
    color: #0066ff;
    text-decoration: none;
    margin: 0px 0px 15px 0px;
}
.content h2 {
    font-size: 27px;
    margin: 0px 0px 10px 0px;
}
.content p {
    xcolor: #666666;
    margin-bottom: 15px;
}

/*** "content2" is for the optional content -- below the main content -- that appears in a shadow box */

.content2outer {
    width: 550px;
    background-color: #ebecef;
    padding: 15px;
    border: solid 1px #cccccc;
}
.content2outer p {
	margin-bottom: 10px;
}
.content2inner {
    background-color: #003366;
    padding: 15px 25px 5px 25px;
}
.content2inner h3 {
	margin: 0px;
}

/*** "content_side" is for the small side boxes that appear below the user sidebar; these are also in shadow boxes */

.content_side {
    width: 353px;
    background-color: #fafafa;
    color: #333333;
    border: solid 1px #cccccc;
}
.content_side h1 {
    background-image: url('/destroot/default/files/public/site/images/MarketingBridgeH1.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #ffffff;
    font-size: 14px;
    color: #0066cc;
    height: 55px;
    line-height: 40px;
    padding-left: 10px;
    margin: 0px;
}
.content_side a {
    text-decoration: none;
    color: #006699;
}
.content_side p {
    padding: 10px;
    margin-top: -18px;
    margin-bottom: 0px;
}

.pageIntroduction {
	width: 70%;
}
#UserContactListView .pageIntroduction {
	width: 90%;
}

#UserImages .pageIntroduction {
	width: 90%;
}

#UserImages .imageUploadLink {
	margin-top: 15px;
	margin-bottom: 5px;
}

.OrderConfirmation-footerBar {
	height: 30px;
	background-color: white;
}

/** LibraryViewBlueberry.vm **/

/* ships is the id of the ul tag */
#ships {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
/* Each li displays a Campaign */
#ships li {
    width: 130px; /* 132px; 130px; */
    height: 96px; /* 96px; 100px; */
    /* background-image: url('ShipBG.png'); */
    background-image: url('/destroot/default/files/public/site/images/CampaignThumbnailBackground.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #1ea8d4;
    margin-bottom: 40px; /* controls how far below the next row starts. Old value when buttons were overlapping: 30px; */
    margin-right: 5px;
    display: inline-block;
}
#ships li div {
    height: 100%;
    width: 100%;
    background-position: center top; /* 20%; -145%; */
    background-repeat: no-repeat;
    position:relative;
}
/* This controls the text button: */
#ships li div a {
    position: absolute;
    margin-top: 104px; /* moves the button down. Old overlapping value: 68px; */
    display: block;
    margin-bottom: 12px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #0079a3;
    /*  border: solid 1px #49bdea; */
    width: 104px; //105px;
    margin-right: 8px; //9px;
    margin-left: 8px; //9px;
    padding: 1px 4px;
    font-size: 11px; //9px;
    border: 1px solid #007aa3;
    background: -moz-linear-gradient(top,#007aa3 0%,#005c7a);
    background: -webkit-gradient(linear, left top, left bottom, from(#007aa3),to(#005c7a));
    /* border-radius: 10px; */
    /* -moz-border-radius: 10px; */
    /* -webkit-border-radius: 10px; */
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5);
}
#ships li div a:hover {
    background-color: #49bdea;
    border: solid 1px #49bdea;
    background: -webkit-gradient(linear, left top, left bottom, from(#49bdea),to(#007aa3));
    background: -moz-linear-gradient(top,#49bdea 0%,#007aa3);
}
#ships .last {
    /* background-image: url('ShipFish.png'); */
    background-image: url('/destroot/default/files/public/site/images/CampaignEmptySlotOnLibraryView.png');
    background-color: #ffffff;
}

/** CampaignViewBlueberry.vm **/

#ship {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
/* Each li displays a CampaignPage */
#ship li {
    width: 125px;
    height: 130px;
    margin-bottom: 13px;
    margin-right: 5px;
    border: solid 2px #e4e4e4;
    /* background-image: url('ShipPageBG.png'); */
    background-image: url('/destroot/default/files/public/site/images/CampaignPageThumbnailBackground.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block; 
    *display:inline;
}
/*  This controls the page's thumbnail image: */
#ship li div {
    height: 100%;
    width: 100%;
    background-position: center top; /* 35%; */
    background-repeat: no-repeat;
    position: relative;
    font-weight: bold;
    text-align: center;
}
/*  This controls the page title: */
#ship li div h1 {
    /* margin: 15px 0; */
    padding: 0;
    color: #003366;
    font-size: 16px; //12px;
    position: absolute;
    width: 97px;
    /* height: 80px; */
    margin-top: 40px; //15px;
    margin-right: 14px;
    margin-left: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
/*  This controls the "Start Now" text button: */
#ship li div a {
    position: absolute;
    margin-top: 103px; //105px;
    display: block;
    margin-right: 14px;
    margin-left: 14px;
    margin-bottom: 5px; //12px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    width: 95px; //97px;
    height: 20px; //22px;
    line-height: 20px; //22px;
    /* background-image: url('ShipPageButtonBG.png'); */
    /*  background-image: url('/destroot/default/files/public/site/images/CampaignViewButtonBG.png'); */
    background-repeat: repeat-x;
    background-color: #f48a25;
    /*  start of new CSS button: */
    /* padding: 1px 4px; */
    background: -moz-linear-gradient(top,#f5a327 0%,#f26722);
    background: -webkit-gradient(linear, left top, left bottom, from(#f5a327),to(#f26722));
    /* border-radius: 10px; */
    /* -moz-border-radius: 10px; */
    /* -webkit-border-radius: 10px; */
    border: 1px solid #f5a327;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5);
}
#ship li div a:hover {
    background-color: #f5a327;
    border: solid 1px #f5a327;
    background: -moz-linear-gradient(top,#ffc56e 0%,#f5a327);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc56e),to(#f5a327));
}
#ship .last {
    /* background-image: url('ShipFish.png'); */
    background-image: url('/destroot/default/files/public/site/images/CampaignPageEmptySlotOnCampaignView.png');
    background-color: #ffffff;
    border: none;
    background-position: center center;
}

/** CampaignPageViewBlueberry.vm **/
/* This is the "ThreeStyles" CSS for the CampaignPage style that shows
   CampaignSections as tabs, which controls panels that display their Pieces.
 */

#CampaignPageViewBlueberry-menu {
    width: 550px;
    list-style: none;
    z-index: 0; /* 2; */
    position: relative;
    margin: 0;
    padding: 0;
}
#CampaignPageViewBlueberry-menu li {
    /* width: 165px; */
    height: 40px;
    margin-right: 3px;
    margin-left: 3px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
    font-family: Helvetica, Arial, Sans-Serif;
    color: #999999;
    text-align: center;
    line-height: 40px;
	cursor: pointer;
    display: inline-block; *display:inline;zoom:1;
}
#CampaignPageViewBlueberry-menu li.active {
    background-color: #ffffff;
    color: #0066cc;
    font-weight: bold;
    border: solid 1px #cccccc;
    border-bottom: none;
    -o-border-top-left-radius: 4px;
    -o-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -o-box-shadow: 2px -2px 2px #cccccc;
    -moz-box-shadow: 2px -2px 2px #cccccc;
    -webkit-box-shadow: 2px -2px 2px #cccccc;
    box-shadow: 2px -2px 2px #cccccc;/* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#cccccc');
}
.CampaignPageViewBlueberry-shadow {
    -o-box-shadow: 3px 3px 4px #cccccc;
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;
    background-color: #fff; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#cccccc');
}
.CampaignPageViewBlueberry-subsection {
    padding: 20px 17px;
    border: solid 1px #cccccc;
    margin-top: -1px;
}
.CampaignPageViewBlueberry-subsection img {
    border: 0;
}
.CampaignPageViewBlueberry-subsection p {
    text-align: center;
    font-size: 12px;
    color: #000000;
}
.CampaignPageViewBlueberry-subsection ul {
    margin: 0;
    padding: 0;
}
/* This controls the various Piece "Get Started" and download buttons.
   It's just the common code for the button.
   More is added in CampaignPageViewBlueberry.vm, when we make the styles for each CampaignSection.
 */
.CampaignPageViewBlueberry-graylink {
    color: #ffffff;
    font-weight: normal;
    font-size: 11px;
    padding: 0px 7px;
    background-color: #999999;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}