/*****************************************
 * Import any additional desired CSS here
 *****************************************/
/*@import url("custom_theme.css");*/

/****************************************************************************
 * Standard classes for the shopping cart
 ****************************************************************************/
body
{
  background      : #f0f0f0;
  margin          : 0px;
  padding         : 0px;
}

.MozartPhoto
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 12px;
  font-weight     : bold;
  width           : 100%;
  margin          : 0px;
  padding         : 0px;
  text-align      : left;
}

.MozartPhoto a,
.MozartPhoto a:link,
.MozartPhoto a:active,
.MozartPhoto a:visited
.MozartPhoto a:hover
{
  text-decoration : underline;
}

.photoForm,
.photoForm input,
.photoForm select,
.photoForm button
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 12px;
  font-weight     : normal;
  white-space     : nowrap;
}

.photoForm input,
.photoForm select,
.photoForm button
{
  font-weight     : bold;
}

.photoForm th,
.photoForm td
{
  text-align      : right;
}

.photoThumb
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 10px;
  font-weight     : bold;
  white-space     : nowrap;
}

.photoThumb img
{
  border          : 1px black solid;
}

.authInfo
{
  font-size       : 14px;
}

.scContent #event_navbar
{
  color           : black;
  background      : #f0f0f0;
  font-size       : 10pt;
  font-weight     : bold;
  border-top      : 1px solid black;
  border-left     : 1px solid black;
  border-bottom   : 1px solid #aaa;
  border-right    : 1px solid #aaa;
  margin          : 0 0 0.25em 0;
  padding         : 3px 10px;
  width           : 30em;
}

.scContent #event_navbar         a,
.scContent #event_gallery_navbar a,
.scContent .event_preview_navbar a
{
  color           : black !important;
  text-decoration : none  !important;
}
.scContent #event_navbar         a:hover,
.scContent #event_gallery_navbar a:hover,
.scContent .event_preview_navbar a:hover
{
  color           : black     !important;
  text-decoration : underline !important;
}

.scContent .event_preview img
{
  border          : 1px black inset;
}

.scContent #mozart_footer
{
  margin-top      : 3em;
  border-top      : 1px solid lightgrey;
}

/****************************************************************************
 * Standard classes for the shopping cart
 ****************************************************************************/
.scContent,
table
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 12px;
  font-weight     : normal;
  border-collapse : separate; /* TODO: collapse? */
  empty-cells     : show;
}

.scContent a,
.scContent a:link,
.scContent a:active,
.scContent a:visited
.scContent a:hover
{
  text-decoration : underline;
}

.scContent table > thead > tr > th
{
  text-align      : left;
}

.scContent .scNavbar
{
  font-size       : 0.9em;
}

.scContent input,
.scContent select,
.scContent button,
.scContent textarea
{
  font-family     : Verdana, Arial, Helvetica;
}
.scContent input[type=button],
.scContent input[type=submit],
.scContent input[type=reset],
.scContent button
{
  font-size       : 0.9em;
}
.scContent input[type=submit]
{
  font-weight     : bold;
}
.scContent input[type=radio][checked] + label
{
  font-weight     : bold;
}

.scContent .scLarger
{
  font-size       : 1.2em;
}

.scContent .scSmaller
{
  font-size       : 0.8em;
}

/* Visually "selected" elements */
.scContent td.scSelected
{
  border          : 1px black outset;
  background-color: #f0f0f0;
  padding         : 2px 1px;
}
.scContent a.scSelected,
.scContent span.scSelected
{
  font-weight     : bold;
}

/***********************************/

.scRequired
{
  color           : #ff0000;
}

.scNoWrap
{
	white-space   : nowrap;
}

.scFormErrorText
{
  color           : red;
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 0.9em;
  font-weight     : bold;
}

.scFormError
{
	border        : solid 1px red;
	background    : #ffeeee;
}

.scRow1
{
  background      : #f3f3f3;
}
.scRow2
{
  background      : #ffffff;
}

/* Section Titles */
.scTitle
{
  font-weight     : bold;
  font-size       : 1.4em;
  width           : 350px;
  margin          : 2px 0px 10px 0px;
  padding         : 2px 5px;
  border-bottom   : 1px solid;
}

.scSubTitle
{
  font-weight     : normal;
  margin          : -8px 0px 5px 0px;
  padding         :  0px 0.25in;
}
.scSubTitle input,
.scSubTitle select,
.scSubTitle button
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 1.0em;
  font-weight     : normal;
}

.scLineOver
{
  border-top      : 1px solid black;
}
.scLine,
.scLineUnder
{
  border-bottom   : 1px solid black;
}
.scSeparatorLeft
{
  border-left     : 1px solid black;
}
.scSeparator,
.scSeparatorRight
{
  border-right    : 1px solid black;
}

/* An "equals" line, like a vertical math (add/sub/mul/div) problem. */
.scBar
{
  border-top      : 3px double black;
}

.scWishlist
{
}
.scWishlistItem
{
  background-color: #e7e7f9;
}
.event_preview .scWishlistItem
{
  border-top      : 1px solid #777;
  border-left     : 1px solid #777;
  border-bottom   : 1px solid #aaa;
  border-right    : 1px solid #aaa;
  padding         : 4px 5px 4px 5px;
}

.scHeader
{
  text-align      : left;
  background      : #f0f0f0;
  border          : solid 1px black;
}

.scHeader .scButton
{
  display         : block;
  position        : absolute;
  left            : 100%;
  margin-left     : -16px;
}

.scBox
{
  border          : 1px outset;
}

.scFieldLabel
{
  font-size       : 0.9em;
  font-weight     : bold;
  white-space     : nowrap;
}

.scFieldDesc
{
  font-size       : 0.9em;
  font-weight     : normal;
}

/* Login/Account */
.scLogin
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 12px;
  font-weight     : normal;
}

.scAccount
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 12px;
  font-weight     : normal;
  text-align      : left;
}

.scAccountMedium
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 12px;
  font-weight     : normal;
}

.scAccountSmall
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 10px;
  font-weight     : normal;
}

/************************************
 * scGrid
 ************************************/
.scGrid
{
  border          : 1px black solid;
  border-bottom   : none;
  border-right    : none;
}
.scGrid.scTop
{
  border-top      : none;
}
.scGrid.scLeft
{
  border-left     : none;
}
.scGrid.scBottom
{
  border-bottom   : none;
}
.scGrid.scRight
{
  border-right    : none;
}

/************************************
 * scForm
 ************************************/
.scForm
{
  margin          : 2px 2px 6px 2px;
}

.scForm .scHeader
{
  text-align      : left;
  background      : #f0f0f0;
}

.scForm .scContent
{
  margin          : 0px;
}

.scForm input,
.scForm select,
.scForm button
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 0.9em;
  font-weight     : normal;
}

.scFieldLabel
{
  font-size       : 0.9em;
  font-weight     : bold;
  white-space     : nowrap;
}

/************************************
 * scOrder
 ************************************/
.scOrderDesc
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 10px;
  font-weight     : normal;
}

.scOrderDesc th,
.scOrderDesc td
{
  text-align      : right;
}

/************************************
 * scOrder status
 ************************************/
.scContent .scOrder_status_new
{
  color           : red;
}
.scContent .scOrder_status_processing
{
  color           : green;
}
.scContent .scOrder_status_complete
{
  color           : blue;
}
.scContent .scOrder_status_void
{
  color           : gray;
  text-decoration : line-through;
}
.scContent .scOrder_status_stalled
{
  color           : green;
  font-style      : italic;
  font-weight     : bold;
}

/************************************
 * Checkout styles
 ************************************/
.scVerifyText
{
  font-family     : Verdana, Arial, Helvetica;
  font-size       : 10px;
  font-weight     : normal;
}

.scCheckoutTable
{
  border          : 1px black solid;
  border-top      : 0px;
  background      : white;
}

.scCheckoutTableOverhang
{
  width           : 20px;
}

.scCheckoutHeader
{
  font-size       : 12px;
  text-align      : center;
  height          : 20px;
  border          : 1px black solid;
  background      : #f0f0f0;
}

.scCheckoutShipping
{
  margin          : 10px;
  border          : 1px black solid;
  border-top      : 0px;
  background      : #f8f8f8;

  font-family     : Verdana, Arial, Helvetica;
  font-size       : 11px;
  font-weight     : normal;
}

/****************************************************************************
 * Common controls
 ****************************************************************************/

/************************************
 * xListBox
 ************************************/
.xListbox
{
  list-style      : none;
/*overflow        : auto;
  width           : 150px;
  height          : 200px;*/
  min-height      : 200px;
  border          : 1px inset;
  background      : #f3f3f3;
  margin          : 3px;
  padding         : 2px;
}

.xListbox .xRow
{
  margin          : 1px 3px;
  padding         : 0px;
  background      : #f3f3f3;
}

.xListbox .xRowAlt
{
  margin          : 1px 3px;
  padding         : 0px;
  background      : #ffffff;
}

/************************************
 * xTab
 ************************************/
.xTab
{
  border          : 1px black outset;
  background      : white;
  padding         : 0px 5px 5px 5px;
}
.xTabBar
{
}
.xTabBar ul
{
  font-size       : 11px;
  font-weight     : bold;
  margin          : 2px 6px 0px 6px;
  padding         : 0px;
  list-style      : none;
  border-bottom   : 0px black solid;
  height          : 20px;
}
.xTabBar li
{
  float           : left;
  background      : #f0f0f0;
  border          : 1px gray outset;
  border-bottom   : transparent;
  margin          : 0px 3px;
}
.xTabBar a
{
  display         : block;
  float           : left;
  position        : relative; /* IE needs this */
  padding         : 3px 9px;
  text-decoration : none;
  color           : black;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.xTabBar a
{
  float           : none;
}
/* End IE5-Mac hack */
.xTabBar a:link,
.xTabBar a:active,
.xTabBar a:visited
.xTabBar a:hover
{
  color           : black;
  text-decoration : none;
}
.xTabBar .xTabSelected
{
  background      : white;
  border          : 1px black outset;
  border-bottom   : 1px white solid;
}
.xTabBar .xTabSelected a
{
  color           : #333333;
  border-bottom   : 1px white solid; /* IE needs this */
  margin-bottom   : -2px;            /* IE needs this */
}