body { background-image: url(/images/bg.jpg); background-position: top center; background-repeat: no-repeat; }
body, table, td, div, p, span, input, textarea { font-family: Arial; font-size: 11px; }

a, a:link, a:active, a:visited, a:hover { text-decoration: none; color: #0072fe; }

/* HEADER STYLES */

.headerTable { margin-top: 12px; }
.headerBoxGrey { background-color: #e5e5e5; margin: 0px; padding: 7px; font-size: 11px; color: #7e7e7e; }
.headerBoxGrey a { text-decoration: none; color: #0072fe; }
.headerBoxGrey b { color: #555555; }
.headerBoxBlue { background-color: #bfb9f0; margin: 0px; padding: 7px; font-size: 11px; color: #4b4963; }
.headerBoxBlue a { text-decoration: none; color: #383649; }
.headerBoxBlue b { color: #383649; }

/* CONTENT STYLES */

.contentPane { padding: 13px; text-align: left; }
.contentTitleGreen { background-color: #468c4c; background-image: url(/images/titles/green.jpg); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 6px; font-size: 14px; font-weight: bold; color: #ffffff; }
.contentTitlePurple { background-color: #443a9a; background-image: url(/images/titles/purple.jpg); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 6px; font-size: 14px; font-weight: bold; color: #ffffff; }
.contentTitleTeal { background-color: #1b8acc; background-image: url(/images/titles/teal.jpg); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 6px; font-size: 14px; font-weight: bold; color: #ffffff; }
.contentTitleOrange { background-color: #df630a; background-image: url(/images/titles/orange.jpg); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 6px; font-size: 14px; font-weight: bold; color: #ffffff; }
.contentTitleSky { background-color: #4f88b3; background-image: url(/images/titles/sky.jpg); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 6px; font-size: 14px; font-weight: bold; color: #ffffff; }
.contentTitleYellow { background-color: #e6b70f; background-image: url(/images/titles/yellow.jpg); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 6px; font-size: 14px; font-weight: bold; color: #ffffff; }
.proTitle { font-weight: bold; color: #1b8acc; }

.contentSubtitleGrey { font-size: 14px; font-weight: bold; color: #333333; }

/* TABLE STYLE */

.tableContentPane { padding: 8px; background-color: #dddddd; color: #464646; }
.tableContentPaneNoPad { background-color: #dddddd; color: #464646; }
.tableRowOne { background-color: #e5e5e5; }
.tableRowOne a { color: #7e7e7e; }
.tableRowOne a b { color: #464646; }
.tableRowTwo { background-color: #cacaca; }
.tableRowTwo a { color: #464646; }
.tableRowTwo a b { color: #000000; }
.pagesStyled { background-color: #9cb9ef; padding: 9px; }
.pagesStyled a { display: inline; padding: 2px 6px 2px 6px; background-color: #c0d5fc; border: 1px solid #505e77; font-size: 14px; font-weight: bold; color: #505e77; }
.pagesStyled .curPage { display: inline; padding: 2px 6px 2px 6px; background-color: #ffffff; border: 1px solid #505e77; font-size: 14px; font-weight: bold; color: #505e77; }

/* SHOPPING LIST STYLE */

.bigEmptyText { font-size: 16px; font-weight: bold; }

.shirtCell { background-color: #e5e5e5; }
.shirtCell .shirtTitle { padding: 5px; }
.shirtCell .shirtTitle a { color: #7e7e7e; }
.shirtCell .shirtTitle a b { color: #464646; }
.shirtCell .shirtPrice a { font-size: 20px; font-weight: bold; color: #363636; }

/* SHIRT DETAILS PAGE */

.viewShirtDetails { background-color: #e5e5e5; padding: 12px; }
.viewShirtDetails .viewShirtTitle { margin-top: 0px; font-size: 16px; font-weight: bold; color: #000000; }
.viewShirtDetails .viewShirtAuthor { margin-top: 0px; font-size: 12px; color: #888888; }
.viewShirtDetails .viewShirtPriceReg { margin-top: 0px; font-size: 12px; color: #888888; }
.viewShirtDetails .viewShirtPriceSale { font-size: 32px; font-weight: bold; color: #443a9a; }
.viewShirtDetails .shirtRating { font-size: 32px; font-weight: bold; color: #1b8acc; }
.viewShirtDetails .viewShirtSize { background-color: #ffffff; border: 2px solid #443a9a; padding: 3px; font-size: 14px; font-weight: normal; color: #443a9a; }
.submissionRateBox { margin-bottom: 12px; }
.viewShirtComments { background-color: #e5e5e5; padding: 12px; }
.viewShirtCommentsTitle { margin-top: 0px; font-size: 16px; font-weight: bold; color: #000000; }
.commentContainer { background-color: #ffffff; padding: 10px; }
.commentContainer .commentTitle { font-size: 14px; font-weight: bold; color: #000099; }
.commentContainer .commentDelete { font-size: 12px; color: #000000; }
.commentContainer .commentDelete a { font-size: 11px; color: #ff0000; }
.commentContainer .commentTime { margin-top: 0px; font-size: 12px; color: #888888; }

/* SHIRT DETAILS PAGE */

a.rateButton { display: block; background-color: #dddddd; padding: 12px; font-size: 14px; font-weight: bold; text-align: center; color: #333333; }
a.rateButton:hover { display: block; background-color: #9cb9ef; padding: 12px; font-size: 14px; font-weight: bold; text-align: center; color: #333333; }

/* FORM STYLES */

p.panelAlert { border: 2px solid #e13838; padding: 5px; background-color: #b85b5b; font-size: 11px; color: #ffffff; }
.panelFormLabel { font-size: 11px; text-transform: uppercase; color: #ffbf80; }
.invBox { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; text-align: center; width: 28px; color: #444444; }
.miniBox { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 30px; color: #444444; }
.tinyBox { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 60px; color: #444444; }
.smallBox { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 120px; color: #444444; }
.medBox { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 250px; color: #444444; }
.longBox { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 350px; color: #444444; }
.smallTextbox { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 120px; height: 60px; color: #444444; }
.medTextbox { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 250px; height: 80px; color: #444444; }
.longTextbox { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 350px; height: 100px; color: #444444; }
.longestTextboxTallest { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 600px; height: 200px; color: #444444; }
.panelButton { margin-top: 13px; padding: 3px 24px 3px 24px; border: 1px outset #444444; background-color: #444444; font-size: 11px; color: #ffffff; width: auto; }
.panelButtonNoMargin { padding: 3px 24px 3px 24px; border: 1px outset #444444; background-color: #444444; font-size: 11px; color: #ffffff; width: auto; }
.panelButtonNoSpace { padding: 3px 3px 3px 3px; border: 1px outset #444444; background-color: #444444; font-size: 11px; color: #ffffff; width: auto; }
select { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; color: #444444; }
select option { padding: 0px; }
.panelDeleteForm td .deleteButton { padding: 3px 24px 3px 24px; margin-right: 15px; background-color: #444444; border: 1px outset #444444; text-decoration: none; color: #ffffff; }
.panelDeleteForm td .deleteButton:hover { padding: 3px 24px 3px 24px; margin-right: 15px; background-color: #204b75; border: 1px outset #204b75; text-decoration: none; color: #ffffff; }

/* PANEL STYLES */

a.panelMenuItem { display: block; background-color: #555555; padding: 6px; font-size: 14px; font-weight: bold; color: #ffffff; }
a.adminMenuItem { display: block; background-color: #b85b5b; padding: 6px; font-size: 14px; font-weight: bold; color: #ffffff; }

.panelTable { border: 1px solid #468c4c; }
.panelHeader { background-color: #468c4c; font-weight: bold; color: #ffffff; }
.panelEmpty { border: 1px solid #468c4c; color: #000000; }
.panelOne { background-color: #cccccc; color: #000000; }
.panelTwo { background-color: #eeeeee; color: #000000; }
.blueInv { background-color: #72acd8; color: #000000; }
.yellowInv { background-color: #f6de3f; color: #000000; }
.redInv { background-color: #ff5858; color: #000000; }
.panelThree { background-color: #eeeeee; color: #000000; }
.panelOne a, .panelTwo a { display: block; }

.inviteCell { background-color: #eeeeee; padding: 15px; color: #000000; }

.manageImages { border: 1px solid #468c4c; }
.manageImages td { background-color: #ffffff; }
.manageImages td table { margin-top: 10px; }
.manageImages td table td .manageShirtSort { background-color: #ffffff; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 50px; color: #444444; }

/* MAIL STYLES */

.mailTable { border: 2px solid #468c4c; padding: 0px; margin: 0px; }
.mailHeader { background-color: #468c4c; font-size: 11px; font-weight: bold; color: #ffffff; }
.mailEmpty { padding: 20px; font-style: italic; border: 1px solid #468c4c; color: #000000 !important; }
.mailEmptySmall { padding: 7px; font-style: italic; border: 1px solid #468c4c; color: #000000 !important; }
.mailListUnread { background-color: #72acd8; color: #000000 !important; }
.mailListOne { background-color: #eeeeee; color: #000000 !important; }
.mailListTwo { background-color: #eeeeee; color: #000000 !important; }
.mailListOne, .mailListTwo { font-size: 11px; color: #999999; }
.mailListOne b, .mailListTwo b { font-size: 11px; color: #000000; }
.mailListOne a, .mailListTwo a { font-weight: normal; text-decoration: none; color: #0072fe; }
.mailListUnread a { color: #000000 !important; }

/* VIEW CART PAGE */

.cartTable .cartHeader { background-color: #000000; color: #ffffff; }
.cartTable .cartLabels { background-color: #443a9a; color: #ffffff; }
.cartTable .cartItem { background-color: #cccccc; color: #222222; }
.cartTable .cartEmpty { padding: 20px 0px 20px 0px; border: 1px dotted #000000; background-color: #ffffff; color: #222222; }

.viewCart .alertRed { font-size: 12px; font-weight: bold; color: #ff0000; }
.viewCart .alertGreen { font-size: 12px; font-weight: bold; color: #008800; }

.cartFormTable { border: 1px solid #000000; }
.cartFormTable .cartFormItem { background-color: #dddddd; color: #000000; }

.checkoutForm .cartOrderTotal { margin-top: 0px; margin-bottom: 10px; font-size: 26px; font-weight: normal; color: #008800; }

/* PROMO PAGE STYLES */

.promoCodeBox { background-color: #ffffff; margin-top: 3px; padding: 2px; border: 1px solid #666666; font-size: 11px; width: 444px; height: 20px; color: #444444; }

/* CONTACT STYLES */

.contactCell { padding: 10px; background-color: #dddddd; }

/* FOOTER STYLES */

.footerOne { font-size: 13px; color: #5e5e5e; }
.footerOne a { text-decoration: none; color: #5e5e5e; }
.footerTwo { padding-top: 10px; color: #5e5e5e; }
.footerTwo a { font-weight: bold; text-decoration: none; color: #0072fe; }