/*
 * COLORS
 * ======
 * Brown:  #662233 -> #5B1A2A
 * Beige:  #FFFFDD -> #FFFFD9
 * Orange: #BB5522
 * Gray:   #CCCCDD
 */

body 
{
  background-color: #FFFFD9;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding: 0px 8px;
  margin: 0px;
}

.page
{
}

.leftTopCell
{
  background-image: url('lefttopcell.jpg');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  padding: 0px;
  margin: 0px;
}

.topCell
{
  background-image: url('topcell.jpg');
  background-repeat: repeat-x;
  height: 16px;
}

.rightTopCell
{
  background-image: url('righttopcell.jpg');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  padding: 0px;
  margin: 0px;
}

.leftBannerCell
{
  background-image: url('leftbannercell.jpg');
  background-repeat: repeat-y;
  width: 16px;
}

.bannerCell
{
  background-color: #5B1A2A;
  color: #FFFFD9;
}

.bannerCell A, .bannerCell A:visited
{
  color: #CCCCDD;
}

.bannerCell A:active, .bannerCell A:hover
{
  color: #BB5522;
}

.rightBannerCell
{
  background-image: url('rightbannercell.jpg');
  background-repeat: repeat-y;
  width: 16px;
}

.leftMenuCell
{
  background-image: url('leftmenucell.jpg');
  background-repeat: repeat-y;
  width: 16px;
}

.menuCell
{
  background-color: #BB5522;
  padding: 8px;
}

.rightMenuCell
{
  background-image: url('rightmenucell.jpg');
  background-repeat: repeat-y;
  width: 16px;
}

.leftContentCell
{
  background-image: url('leftcontentcell.jpg');
  background-repeat: repeat-y;
  width: 16px;
}

.contentCell
{
  background-color: #FFFFFF;
  padding: 20px;
}

.contentCell A, .contentCell A:visited
{
  color: #5B1A2A;
}

.contentCell A:active, .contentCell A:hover
{
  color: #BB5522;
}

.rightContentCell
{
  background-image: url('rightcontentcell.jpg');
  background-repeat: repeat-y;
  width: 16px;
}

.leftFooterCell
{
  background-image: url('leftfootercell.jpg');
  background-repeat: repeat-y;
  width: 16px;
}

.footerCell
{
  background-color: #5B1A2A;
  color: #FFFFD9;
  padding: 8px;
}

.footerCell A, .footerCell A:visited
{
  color: #CCCCDD;
}

.footerCell A:active, .footerCell A:hover
{
  color: #BB5522;
}

.rightFooterCell
{
  background-image: url('rightfootercell.jpg');
  background-repeat: repeat-y;
  width: 16px;
}

.leftBottomCell
{
  background-image: url('leftbottomcell.jpg');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  padding: 0px;
  margin: 0px;
}

.bottomCell
{
  background-image: url('bottomcell.jpg');
  background-repeat: repeat-x;
  height: 16px;
}

.rightBottomCell
{
  background-image: url('rightbottomcell.jpg');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  padding: 0px;
  margin: 0px;
}

/*
 * General
 */

INPUT.text, INPUT[type=text]
{
  background-color: #FFFFD9;
  border: solid 1px #CCCCDD;
  font-size: 12px;
}

INPUT.password, INPUT[type=password]
{
  background-color: #FFFFD9;
  border: solid 1px #CCCCDD;
  font-size: 12px;
}

INPUT.submit, INPUT[type=submit]
{
  font-size: 12px;
}

.smallInput
{
  background-color: #FFFFD9;
  border: solid 1px #CCCCDD;
  font-size: 10px;
  width: 75px;
}

.smallSubmit
{
  font-size: 10px;
}

EM
{
  font-style: normal;
  font-weight: bold;
}

/*
 * Banner
 */

.banner
{
  padding: 8px;
}

.title
{
  margin: 0px;
  height: 64px;
  vertical-align: bottom;
}

.title H3
{
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
}

.login
{
  color: #FFFFFF;
  float: right;
  margin: 0px;
  margin-left: 8px;
  text-align: right;
}

.loginActions
{
}

.loginMessage
{
  color: #BB5522;
  font-weight: bold;
}

.search
{
  margin-top: 20px;
}

.tagLine
{
  font-weight: bold;
  font-style: italic;
}

.logo
{
  float: left;
  margin: 0px;
  margin-right: 8px;
}

/*
 * Menu
 */

.menu, .menuAdmin
{
  font-size: 12px;
  padding: 0px;
  margin: 0px;
}

.menuAdmin
{
  margin-top: 10px;
  padding-top: 5px;
  border-top: dotted 1px #5B1A2A;
}

.menu UL, .menuAdmin UL
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.menu UL LI, .menuAdmin UL LI
{
  display: inline;
}

.menu UL LI A, .menu UL LI A:visited, .menuAdmin UL LI A, .menuAdmin UL LI A:visited
{
  font-weight: bold;
  padding: 2px 4px;
  color: #FFFFD9;
  text-decoration: underline;
}

.menu UL LI A:active, .menu UL LI A:hover, .menuAdmin UL LI A:active, .menuAdmin UL LI A:hover
{
  font-weight: bold;
  background-color: #5B1A2A;
  color: #FFFFD9;
  text-decoration: underline;
}

.submenubar
{
  font-size: 10px;
  padding: 0px;
  margin: 0px;
  float: right;
}

.submenubar UL
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.submenubar UL LI
{
  display: inline;
}

.submenubar UL LI A, .submenubar UL LI A:visited
{
  font-weight: bold;
  padding: 2px 4px;
  color: #FFFFD9;
  text-decoration: underline;
}

.submenubar UL LI A:active, .submenubar UL LI A:hover
{
  font-weight: bold;
  background-color: #5B1A2A;
  color: #FFFFD9;
  text-decoration: underline;
}

/*
.menu UL LI.AspNet-Menu-Selected
{
}
*/

/*
 * Margin
 */

.margin
{
  float: right;
  padding: 0px;
  margin: 0px;
  width: 200px;
}

.marginTop
{
  background-image: url('margintop.jpg');
  background-repeat: no-repeat;
  height: 16px;
  width: 200px;
}

.marginMiddle
{
  background-image: url('marginmiddle.jpg');
  background-repeat: repeat-y;
  padding: 0px 16px;
  width: 168px;
}

.marginMiddle H4
{
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  margin: 0px;
  margin-bottom: 8px;
}

.marginBottom
{
  background-image: url('marginbottom.jpg');
  background-repeat: no-repeat;
  height: 16px;
  width: 200px;
}

.marginMiddle UL
{
  margin-top: 0px;
  margin-bottom: 0px;
}

.marginMiddle UL LI UL
{
  margin-left: 12px;
}

.slimMargin
{
  float: right;
  padding: 0px;
  margin: 0px;
  width: 160px;
}

.slimMarginTop
{
  background-image: url('slimmargintop.jpg');
  background-repeat: no-repeat;
  height: 16px;
  width: 160px;
}

.slimMarginMiddle
{
  background-image: url('slimmarginmiddle.jpg');
  background-repeat: repeat-y;
  margin: 0px;
  padding: 0px 16px;
  width: 128px;
}

.slimMarginMiddle H4
{
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  margin: 0px;
  margin-bottom: 8px;
}

.slimMarginMiddle UL
{
  margin: 0px;
  margin-left: 15px;
  padding: 5px 0px;
}

.slimMarginMiddle UL LI
{
  padding-bottom: 5px;
}

.slimMarginBottom
{
  background-image: url('slimmarginbottom.jpg');
  background-repeat: no-repeat;
  height: 16px;
  width: 160px;
}

.categories P
{
  margin: 0px;
  padding: 5px 0px;
}

.categories UL
{
  margin: 0px;
  margin-left: 15px;
  padding: 0px 0px 5px 0px;
}

.categories UL LI
{
  padding: 5px 0px 0px 0px;
}

.categories UL LI UL
{
  margin-left: 15px;
  padding: 0px;
}

.categories UL LI UL LI
{
  padding: 2px 0px 0px 0px;
}

.selectedCategory
{
  font-weight: bold;
}

.margin A, .margin A:visited, .slimMargin A, .slimMargin A:visited
{
  color: #5B1A2A;
}

.margin A:active, .margin A:hover, .slimMargin A:active, .slimMargin A:hover
{
  color: #BB5522;
}

/*
 * Content
 */

.content
{
  margin-right: 220px;
}

.fullContent
{
}

.content H3, .fullContent H3
{
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 8px;
}

.content H4, .fullContent H4
{
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  margin: 0px;
  margin-bottom: 8px;
}

.slimContent
{
  margin: 0px;
  margin-right: 180px;
}

.slimContent H3
{
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 8px;
}

.slimContent H4
{
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  margin: 0px;
  margin-bottom: 8px;
}

.frontImage
{
  float: right;
  margin: 8px;
}

.remarks
{
  font-weight: bold;
  color: #5B1A2A;
}

/*
 * Login
 */

.loginFail
{
  padding: 5px 0px;
  color: #88273F;
  font-weight: bold;
}


/*
 * Register
 */

.register
{
  width: 400px;
  text-align: right;
}

.register EM
{
  font-style: normal;
  text-decoration: underline;
}

.AspNet-CreateUserWizard-StepTitlePanel
{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

/*
 * Catalog
 */

.browseSelection
{
  float: left;
  font-size: 10px;
  /*text-align: center;*/
  margin: 0px;
  margin-right: 8px;
  padding: 0px;
  max-width: 300px;
}

.browseSelection P
{
  font-size: 12px;
}

.browseDescription
{
  font-size: 12px;
}

.items
{
  padding: 0px;
  margin: 0px;
}

.itemsRow
{
}

.item, .selectedItem
{
  border: solid 1px #CCCCDD;
  width: 70px;
  min-height: 80px;
  padding: 2px 0px;
  text-align: center;  
}

.selectedItem
{
  /*background-color: #FFFFD9;*/
  border: solid 1px #5B1A2A;
}

.item:hover, .item:active, .selectedItem:hover, .selectedItem:active
{
  border: solid 1px #BB5522;
}

.item A, .item A:visited, .selectedItem A, .selectedItem A:visited
{
  display: block;
  width: 100%;
  height: 100%;
  color: #5B1A2A;
}

.item A:active, .item A:hover, .selectedItem A:active, .selectedItem A:hover
{
  color: #BB5522;
}

.item IMG, .selectedItem IMG
{
  border-width: 0px;
}

.paging
{
  font-size: 12px;
  margin: 0px auto;
  padding: 10px 0px 0px 0px;
  text-align: center;
}

.paging A, .paging A:visited
{
  color: #5B1A2A;
}

.paging A:active, .paging A:hover
{
  color: #BB5522;
}

.paging IMG
{
  border-width: 0px;
  vertical-align: middle;
}

.browseSearch
{
  padding-top: 10px;
  text-align: center;
}

.viewSelection
{
  font-size: 12px;
  text-align: center;
  overflow: hidden;
}

.viewSelection TABLE
{
  margin: 0px auto;
}

.imageCell
{
  padding-bottom: 8px;
}

.labelCell
{
  padding: 2px 8px;
  font-weight: bold;
  text-align: right;
  width: 40%;
}

.valueCell
{
  padding: 2px 8px;
  text-align: left;
  width: 60%;
}

.hint
{
  margin-top: 16px;
}

.notes
{
  font-size: 10px;
}


/*
 * Manage
 */

.leftContent
{
  float: left;
  width: 200px;
}

.mainContent
{
  margin-left: 200px;
}

.filters
{
  background-color: #FFFFD9;
  border: solid 1px #BB5522;
  padding: 5px;
}

.itemsTable
{
  width: 100%;
}

.mailingResult
{
  color: #5B1A2A;
  font-weight: bold;
}

.adminTable INPUT.text, .adminTable INPUT[type=text]
{
  background-color: #FFFFFF;
  border: solid 1px #CCCCDD;
  font-size: 12px;
}

/*
 * Login
 */

.AspNet-Login
{
  text-align: right;
  width: 300px;
}

.AspNet-Login EM
{
  font-style: normal;
  text-decoration: underline;
}

.AspNet-Login DIV
{
  padding: 2px;
}

.AspNet-Login-TitlePanel
{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}

.AspNet-Login-RememberMePanel, .AspNet-Login-SubmitPanel
{
  text-align: center;
}

/*
 * Footer
 */

.footer
{
  font-size: 10px;
}

.copyrights
{
  float: left;
}

.credits
{
  float: right;
}


.TreeNodeSelect
{
  background-color: #FF0000;
}