/* general styles */
body {font-family:verdana, helvetica, sans-serif; background-color:#000; margin:10px;}
a:hover {text-decoration:underline; }
.formField {background-color:#eee; }
button.button {background-color:#d6d6d6; color:#696969; text-align:center; font-size:.9em; margin:0px; padding:0px; }
td.button {text-align:center; }
.play {font-weight:bold;}
.rowOn {background-color:#605040; }
.rowOff {background-color:#696969; }
.footer {font-size:.7em; color:#d6d6d6; padding:0px; margin:0px; }
table.footer td {padding-right:8px; }
.tlDeepBlue {background-image:url('imagesSite/topLDeepBlue.gif'); background-repeat:no-repeat; background-color:#282828!important; }
.trDeepBlue {background-image:url('imagesSite/topRDeepBlue.gif'); background-repeat:no-repeat; background-color:#282828!important; padding-right:5px; }
.tlMedBlue {background-image:url('imagesSite/topLMedBlue.gif'); background-repeat:no-repeat; background-color:#282828!important; }
.trMedBlue {background-image:url('imagesSite/topRMedBlue.gif'); background-repeat:no-repeat; background-color:#282828!important; padding-right:5px; }
table.attributes td {padding:3px; font-size:.7em; }
table.attributes td.label {text-align:right; color:#d6d6d6; }
table.attributes .formField {font-family:verdana, helvetica, sans-serif; background-color: #e0e8d0; }

/* containing table */
table.container {width:100%; background-color:#282828; border-collapse:collapse; border:2 solid #696969; }
table.containerHome {width:100%; border-collapse:collapse; border:2 solid #696969; }

/* header on home page */
td.headerHome {width:100%; font-size:1.4em; color:#fff; padding:4px; }

/* top navigation bar */
table.topNav {width:100%; background-image:url(imagesSite/topnavBG.gif); height:76px; background-position:top left; background-repeat:repeat-x; }

/* subnavigation bar */
td.subNav {margin:0px; padding:0px; }
table.subNav {width:100%; background-color:#334304; margin-bottom:8px; }
table.subNav td.space, table.subNav td.spaceSel {background-color:#334304; white-space:nowrap; padding:4px 10px 2px 4px; color:#d6d6d6; font-size:.7em; }

/* top and subnav links */
td.space a {text-decoration:none; font-weight:normal; color:#d6d6d6; }
td.spaceSel a {text-decoration:none; font-weight:bold; color:#d6d6d6; }
td.spaceSel a:hover, td.space a:hover {text-decoration:underline; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* main content cells */
td.main {vertical-align:top; padding:4px; }

/* track filter */
table.filter {width:140px; font-size:.6em; border-collapse:collapse; border:1 solid #696969; }
table.filterEmpty {width:140px; }
table.filter thead {background-color:#470818; color:#d6d6d6; vertical-align:text-bottom;}
table.filter td {background-color:#696969; color:#d6d6d6; vertical-align:text-top; padding:1px 2px; }
table.filter .formField {font-size:.9em; }
table.filter select {width:118px; }
table.filter a {text-decoration:none; color:#d6d6d6; }

/* track list */
table.list {width:100%; font-size:.7em; border-collapse:collapse; border:1 solid #696969; }
table.list thead {background-color:#05445b; color:#d6d6d6; vertical-align:text-bottom; }
table.list td {color:#d6d6d6; vertical-align:text-top; padding:1px 4px; border-bottom:1 solid #595959; }
.iconColumn {text-align:center; width:1%; }
.numberColumn {text-align:right; }

table.list a {text-decoration:none; color:#d6d6d6; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  pagination */
a.pagination {color:#003552!important; text-decoration:underline!important;}
.nonpagination { color:#999; }
.pagdivider { color:#444; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* genre page */
table.genreHeading {font-size:.8em; border-collapse:collapse; }
table.genreList {width:100%; font-size:.7em; border:1 solid #696969; margin-bottom:8px; border-collapse:collapse; }

.mDeepBlue {background-color:#05445b; color:#d6d6d6; font-weight:bold; vertical-align:text-top; padding:1px; border-top:1px solid #696969; }
table.genreList tbody td {color:#470818; vertical-align:text-top; padding:1px 4px; border-bottom:1 solid #595959; }
table.genreList a {text-decoration:none; color:#d6d6d6; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* project page */
table.tabs {font-size:.8em; }
table.projectTitle {color:#d6d6d6; font-weight:bold; }
table.projectinfo {color:#d6d6d6; background-color:#05445b; vertical-align:text-top; width:100%; border:1 solid #696969; border-collapse:collapse; }

.unselected{  font-weight:normal!important;}
.mMedBlue {background-color:#25647b; color:#d6d6d6; font-weight:bold; vertical-align:text-top; padding:1px; border-top:1px solid #696969; }

table.projectinfo tbody {font-size:.8em; padding:4px; }
table.projectinfo td {vertical-align:text-top; }

table.tabs a {text-decoration:none; color:#d6d6d6; }
.booking {padding-left:20px; }
.booking a {color: #d6d6d6;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* timeline page */
img.gantt {vertical-align:middle; height:8px; width:100%; border:0px; }
.barbgelec {background-repeat:repeat-x; background-position:center center; background-image:url(genElec.gif);}
.barbgac {background-repeat:repeat-x; background-position:center center; background-image:url(genAc.gif);}
.barbgloop {background-repeat:repeat-x; background-position:center center; background-image:url(genLoop.gif);}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* photos page */
td.thumbnails {vertical-align: bottom; text-align:center; padding-bottom:8px; }
td.thumbnails img {border:4px solid #696969; height:140px; width:140px;}
div.photoBlurb {color:#eee; padding-bottom:10px;}
.linkToAlbum {border:0px; color:#fff!important; font:12px/15px verdana, arials, sans-serif; text-decoration:none;}
.linkToAlbum:hover {text-decoration:underline;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* info page */
.title {font-style:italic; font-family:Times New Roman,serif; font-size:1.2em;}
table.list td.fieldLabel {text-align:right; color:#c0c0c0; }