/*** Common CBC formatting for both screen and print ***/

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

#customerInput p {padding: 0.25em; border: thin solid rgb(107, 47, 111);}

img {border: none; }
.imageLeft { float: left; text-align: center; padding: 10px }
.imageRight {float: right; text-align: center; padding: 10px}
.imageCenter {text-align: center; padding: 10px}

/****************************************************************/
/* ANCHORS */

a {
    text-decoration: none;
    color: black
}

a.inline {color: rgb(107, 47, 111)}
a.boxed {
      margin-left: 2em;
      padding: 2px;
      border-left: 1px red solid;
      border-bottom: 1px red solid;
      font-size: 80%
}

.caption {
  font-size: 80%;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  text-align: center}

.photoCredit {
  font-size: 60%;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  text-align: left}

dl {margin-left: 0.5em;}
dt {   font-size: 90%; }
dd {
  margin-bottom: 0.5em;
  font-family: Garamond, Times New Roman, serif;
}

div {margin: 0; padding: 0;}
div.performanceData {
  text-align: left;
  font-size: 90%; 
  margin: 2em 0 2em 0;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif}

div.page {margin:0; padding: 0}

/****************************************************************/
/* purchaseTickets */

.purchaseTickets {
   text-align: center
}

.purchaseTickets a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 110%;
  font-weight: bold;
  font-variant: small-caps;
  color: rgb(107, 47, 111);
  text-decoration: normal;
}

 
h1, h2, h3, h4 {
	color: rgb(107,95,130);
	font-variant: small-caps;
	line-height: 1.1em;
	font-family: Verdana, Arial, sans-serif;
    }

html {
	margin: 0; 
	padding: 0;
}

body {
     width: 100%;
  margin: 0; padding: 0;
  color: black; background: white;
  font-family: Verdana, Arial, sans-serif;
  line-height: 1em;
}

p {font-family: Garamond, Times New Roman, serif;}

span.absent {text-decoration: line-through }
span.choreo {font-weight: bold; color: red}  /* Obsolete? */
span.showTitle {font-style: italic}
span.new {font-weight: bold; color: blue}
span.nut {font-style: italic; color: green}
span.CBC {font-variant: small-caps; font-size: 102%}
span.subheader {font-size: 90%}
.performance {font-variant: small-caps; font-size: 102%; color: red; font-weight: bold;}

td,th {vertical-align: top; padding: 0.25em 0.5em}

ul {padding-left: 1em; font-family: Garamond, Times New Roman, serif;}

li {padding-bottom: 0.5ex}

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

.floatLeft {float: left; padding: 1em;}
.floatRight {float: right; padding: 1em;}

#masthead {
  font-family: Verdana, Arial, sans-serif; font-size: 9pt;
  color: rgb(107, 47, 111);
  height: 125px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  }

#mastheadLogo {float:left; text-decoration: none}

#mastheadImage {
  float: right;
  height: 125px;
  padding-right: 8px;
}

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

#prologue {margin: 1em 0em;}

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

#detailMenu {margin:0; padding: 0; width: auto;}
#detailMenu ul {list-style-type: none}
#detailMenu li {
  list-style-type: none; float: right;
  padding-left: 1em; width: auto;
  font-family: Verdana, Arial, sans-serif;}
#detailMenu a {
  font-size: 120%;
  font-variant: small-caps;
   width: auto;}

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

#footer {
  font-size: 8pt; border-top: 1px rgb(206,201,195) solid;
  vertical-align: top;
  margin-top: 2em;
  clear: both;
  padding: 0.25em;
  width: 100%;}

#footerLeft {
  float: left; padding-left: 0.5em;
  width: auto;
}

#footerCenter {display: none}

#footerRight {
  float: right; text-align: right;
  padding-right: 0.5em;
  width: 26em;
}

#footnotes {
  border-top: thin solid #888;
  margin-top: 1em;
}

#footnotes p {
  font-style: italic;
}

#content {font-family: Garamond, Times New Roman, serif}
#content h1 {
    font-size: 140%;
    text-align: left;
    margin-top: 2em;
    text-align: center;
}
#content h2 {
    font-size: 120%;
    text-align: left;
    margin-top: 2em;
}
#content h3 {font-size: 110%; text-align: left;}
#content h4 {font-size: 100%; text-align: left;}
#content p {font-size: 105%; text-align: left;}

div.blurb {
  padding: 1em 0;
  font-family: Verdana, Arial, sans-serif}


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

div.roleCostume ul {
  list-style-image: url(commonwealthballet.org/css/checkbox)}

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

div.schoolDetails {clear:left; padding: 1em 0 0 0; margin: 0}
div.schoolName {line-height: 1.1em; margin-bottom: 0.2em}
div.schoolDetails div.director,
div.schoolDetails div.phone {margin-left: 1em; font-size: 90%}


/**************** perfSummary ************************/

div.perfSummary {
  position: relative;
  margin-top: 2.5em;
  padding-bottom: 2em;
  font-size: 90%;
  font-family: Verdana, Arial, sans-serif
}

div.perfSummary div.title {
  font-size: 150%;
  font-family: Garamond, Times New Roman, serif;
  font-style: italic;
  border-bottom: thin grey solid;
  padding-bottom: 0.2em
}

div.perfSummary div.dateTime {
  margin-top: 1em;
  margin-left: 0;
  padding: 0.5em 0 0 0
}

div.perfSummary div.location {
  border-left: thin grey solid;
  margin-left: 2em;
  padding: 0 0.25em
}

div.perfSummary div.info {
  margin-top: 0.5em;
  font-size: 90%;
}

div.perfSummary div.actions {margin: 0; padding: 0}

div.perfSummary div.actions ul {
    margin-left: 2.0em;
    padding-left: 0;
    list-style: square outside
}

div.perfSummary div.actions ul li {
  display: inline;
  padding: 0 0.5em 0 0;
  border: none;
  border-top: 1px red solid;
  font-size: 80%;
}

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

div.warning {
  margin: 0 3em;
  padding: 0.25em;
  border: thin black dotted;
  text-align: center;
}

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

table.props td {border: 1px solid black}

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

table.rehearsals {width: 100%}

table.rehearsals td {border-bottom: 1px black solid; padding: 0.1em 0.25em;}
table.rehearsals tbody tr:last-child td {border-bottom: none}
table.rehearsals td.date {
  color: blue; font-weight: bold; 
  background: lightBlue;
  border-bottom: none;}
table.rehearsals td.startTime {width: 3em}
table.rehearsals td.endTime {width: 3em}
table.rehearsals td.time {width: 10em}
table.rehearsals td.location {width: 7em}
table.rehearsals td[2] {width: 7em}
table.rehearsals td.dancers {width: auto}
table.rehearsals td.subject {width: auto}
table.rehearsals td.leader {width: 8em; padding-left: 0.5em;}

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

table.tickets {text-align: center}
table.tickets th {font-size: 80%; border-bottom: 1px black solid}
table.tickets td {width: 7em}
table.tickets tbody tr td:first-child {text-align: right}
table.tickets td.group {text-align: right} /* hack for IE/5 & IE/6 */

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

table.cast {width: 100%}
table.cast tr td:first-child {
  font-style: italic;
  text-align: left;
  width: 8em;}
table.cast td.role {
  font-style: italic;
  width: 8em;} 
span.castDates {
  font-style: italic
}

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

table.taskAssignment td {
  padding: 0.25em 0.5em 0.1em 0.5em;
  border-bottom: thin solid #888}

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

table.simple { border: none }
table.simple tr td:first-child {
   font-weight: bold;
   text-align: left;
}

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

table.plain { border: none }
table.plain td { border: none }