/*                         Tags                      */

a {
  background: transparent;
  text-decoration: none;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:2px;
}

a:link {   /* unvisited link */
  color: white
}
 
a:visited { /* visited link */
  color: white
}

a:hover { /* mouse over link */
  background: blue; 
}

a:active { /* selected link */
  color: white;
}

body {
/*  background: #b2b0ad;*/
  background: #ffe7c4;
  margin: 0px;
}

body, html, #contents {
  min-height: 100%;
//  width: 100%;
  min-width: 100%;
  height: 100%;
}

/* hack for IE5+/Win.*/

html > body, html > body #contents {
  height: auto;
} 

table.staffperms th{
    border: 2px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

table.staffperms td{
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

table.perms th{
    border: 2px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

table.perms td{
    border: 1px solid black;
}

/*                                Classes                 */

.action {
  font-weight: bold;
  background: #cd853f;
  margin: 3pt;	
  clear: both;
  float: left;
}

.angled {
//  background-color: #ac0;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0,
									color-stop(.25, rgba(0, 0, 0, .2)), color-stop(.25, transparent),
									color-stop(.5, transparent), color-stop(.5, rgba(0, 0, 0, .2)),
									color-stop(.75, rgba(0, 0, 0, .2)), color-stop(.75, transparent),
			 						to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .2) 25%, transparent 25%,
								transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%,
								transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, .2) 25%, transparent 25%,
								transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%,
								transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, .2) 25%, transparent 25%,
								transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%,
								transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .2) 25%, transparent 25%,
								transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%,
								transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(0, 0, 0, .2) 25%, transparent 25%,
								transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%,
								transparent 75%, transparent);
}
		

.data {
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
}

.festivalsubtitle {
  font-size: 12pt;
  font-style: italic;
  text-align: center;
  color: red;
}

.navbar {
  font-weight: bold;
  width: 5em;
  background:#cd853f;
  margin: 3pt;
  float: left;
}

.navsearch {
  font-weight: bold;
  width: 20em;
  background: white;
  margin-top: 4px;
  float: left;
}

.flex-container{
  display: flex;
  align-items: flex-start;
}

.group-container{
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  background-color: #ffca7c;
  padding: 10px;
  border-radius: 10px;
}

.group-action-container{
  margin-right: 20px;
  background-color: #ffca7c;
  padding: 10px;
  border-radius: 10px;
}


.group-label{
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
}

a.event {
  background: transparent;
  text-decoration: underline;
  margin-right: 10pt;
}

a.event:link { /* unvisited link */
  color: blue
}

a.event:visited { /* visited link */
  color: blue
}

a.event:hover { /* mouse over link */
  font-style: italic
}

a.event:active { /* selected link */ 
  color: blue
}

a.eventwhite {
  background: transparent;
  margin-right: 10pt;
}

a.eventwhite:link { /* unvisited link */
  color: white
}

a.eventwhite:visited { /* visited link */
  color: white
}

a.eventwhite:hover { /* mouse over link */
  font-style: italic
}

a.eventwite:active { /* selected link */ 
  color: white
}

a.eventblack {
  background: transparent;
  margin-right: 10pt;
}

a.eventblack:link { /* unvisited link */
  color: black
}

a.eventblack:visited { /* visited link */
  color: black
}

a.eventblack:hover { /* mouse over link */
  font-style: italic
}

a.eventblack:active { /* selected link */ 
  color: black
}

div.namecaption {
  clear: both;
  font-size: 10pt;
  text-align: center;
}

div.namecontent {
  float: left;
}

div.nameelement {
  clear: left;
  margin-top: 10px;
}

div.namelabel {
  font-weight: bold;
  float: left;
  text-align: right;
  margin-right: 10px;
  width: 11em;
}

div.resplabel {
  font-weight: bold;
  float: left;
  clear: left;
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
  width: 11em;
}

div.statuslabel {
  font-weight: bold;
  float: left;
  clear: left;
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
  width: 11em;
}

div.volnamecontent {
  float: left;
  width: 15em;
}

div.volnamelabel {
  font-weight: bold;
  float: left;
  text-align: right;
  margin-right: 10px;
  width: 13em;
}

div.well {
  font-weight: bold;
  float: left;
  width: 200px;
}

h1 {
  margin-top:0px;
}
  
h1.title {
  text-align: center;
}

h3.title {
  margin-bottom: 0px;
}

hr {
  clear: both;
}

input.textedit {
  border: 4px inset white; 
}

p.TableName{
  margin:.05in;
  margin-bottom:1px;
  margin-top:1px;
  text-align:center;
  font-size:6.0pt;
  font-weight:bold;
  font-family:'Times New Roman';
}

p.TableLeader{
  margin:0in;
  margin-bottom:.0001pt;
  text-align:center;
  font-size:6.0pt;
  font-family:'Times New Roman';
}

table.colorkey {
  border: 2px solid #817346;
  border-collapse: collapse;
  background: #c6af6b;
}

table.cost {
    border:1px solid black;
    border-collapse:collapse;
}

table.cost th {
    border:1px solid black;
    padding-left:10px;
    padding-right:10px;
    text-align:right;
}

table.cost td {
    border:1px solid black;
    padding-left:10px;
    padding-right:10px;
    text-align:right;
}

table.cost th.subheader {
    text-align:left;
}

table.header {
  border-collapse: collapse;
  border-color: blue;
  border-width: 0px;
}

table.logistics {
  border: 0px solid black;
  border-collapse: collapse;
}

td.logisticslab {
  border: 1px solid black;
  border-collapse: collapse;
  width:15%;
  text-align:right;
}

td.logisticsval {
  border: 1px solid black;
  border-collapse: collapse;
  text-align:center;
  vertical-align:top;
}

table.logisticssum {
  border: 0px solid black;
  border-collapse: collapse;
  background-color:#BDB76B;
}

table.logisticssum td{
  border: 1px solid black;
}

table.logisticssum th{
  border: 1px solid black;
}

table.resphead {
  border: 0pt;
}

table.resplist {
  border: 2px solid #817346;
  border-collapse: collapse;
  background: #c6af6b;
}

table.sched {
  border: px solid black;
  border-collapse: collapse;
  background: #deb887;
  table-layout: fixed;
}

table.lodging {
  border: px solid black;
  border-collapse: collapse;
  background: #deb887;
}

td.colorkey {
  border: 2px solid #817346;
  padding: 0px;
  font-size: 8pt;
  font-weight: bold;
}

td.label {
  font-weight: bold;
  text-align: right;
}

td.logistics {
  border: 1px solid black;
}

td.resplist {
  font-weight: bold;
  border: 2px solid #817346;
}

td.TableAll{
  border: 1px solid black;
  margin:0in;
  margin-bottom:.0001pt;
  text-align:center;
  page-break-after:avoid;
  font-size:8.0pt;
  font-family:Georgia;
  font-weight:bold;
  font-style:italic;
  height:13pt;
}

td.sched {
  border: 1px solid black;
  padding: 0px;
  font-size: 8pt;
  font-weight: bold;
  height:13pt;
  background: peachpuff;
}

td.staffperf {
  border: 2px solid black;
  padding-left: 5px;
  padding-right: 10px;
}

td.tick {
  border: 2px solid #817346;
  height: 25px;
}

td.time {
  border: 1px solid black;
  font-size:8.0pt;
  font-weight: bold;
  vertical-align:top;
}

td.lodging {
  border: 1px solid black;
}

th.logistics {
  border: 1px solid black;
}

th.resplist {
  font-weight: bold;
  font-style: italic;
  font-size: 14pt;
  border: 2px solid #817346;
}

th.tick {
  border: 2px solid #817346;
  width: 10px;
}

th.time {
  border: 1px solid black;
  font-weight: bold;
  font-size:8.0pt;
  width: 60px;
}

th.sched {
  border: 1px solid black;
  width: 90px;
  padding: 0px;
  font-size:8.0pt;
  font-family:'Times New Roman';
  font-weight:bold;
}

th.lodging {
  border: 2px solid black;
}

#commrespheader .action {
  clear: none;
}

#infodiv .action {
  clear: none;
}

/*                              Id's                       */

#body {
  clear: both;
  margin-bottom: 30px;
  overflow: auto;
//  overflow: scroll;
  padding: .5em;
}

#cmdsdiv #delbut {
  margin-top: 20px;
}

#cmdsdiv #addbut {
  margin-top: 20px;
}

#commmembersdiv {
  float: left; 
  padding-left: 20px; 
  padding-right: 20px;
  margin:  0px;
}

#contents {
  min-width:1270px;
//  width:1270px;
}

#controldiv {
  overflow: hidden;
	width: 100%;
}

#eventwell {
  height:160px;
}

#festivalname {
  font-size: 24pt;
  font-style: italic;
  font-weight: bold;
}

#groupdisplay, #peopledisplay {
  float: left;
}

#leftcolumn {
  float: left;
//  width: 60%;
}

#log {
  margin-top:115px;
  color:red;
}

#logshort {
  margin-top:35px;
  color:red;
}

#login {
  text-align: center;
}

#logindiv {
  text-align: center;
}

#logo {
  float: left;
  width: 40%;
  height: 79px;
}

#logoimage {
    float: left;
}

#logotext {
  text-align: center;
  position: relative;
  left: -30px;
}

#nameinfo {
  clear: both;
}

#nameslike {
  width: 100%;
  border: 4px inset white; 
  background: #ffca7c;
}

#navigation {
  clear: both; 
  float: left; 
}

#navlist {
  float: left;
  font-family: helvetica;
  font-size:10pt;
}

#navmenu {
  list-style:none;
}

#navmenu li {
  display: block;
  float:left;
  font-weight: bold;
  padding-bottom: 2px;
  padding-top: 2px;
  margin-left: 3px;
  background: url(tab_dark.png) left top no-repeat;
}

#navmenu li.selected {
  padding-bottom: 5px;
  background: url(tab_light.png) left top no-repeat;
}

#navmenu a {
  margin-left:18px;
  padding-left: 0px;
  padding-right: 18px;
  padding-bottom: 2px;
  padding-top:2px;
  background: url(tab_dark.png) right top no-repeat;
}

#navmenu a:hover {
  color: blue;
}

#navmenu a.selected{
  padding-bottom: 5px;
  color: black;
  background: url(tab_light.png) right top no-repeat;
}

#performers {
  width: 100%;
  border: 4px inset white; 
  background: #ffca7c;
}

#producedby {
  font-size: 12pt;
  font-style: italic;
  text-align: center;
  font-weight: bold;
}

#producedBySub {
  font-size: 10pt;
  font-style: italic;
  text-align: center;
  font-weight: bold;
}

#rightcolumn {
  float:left;
  width: 400px;
  margin-left: 20px;
  border: 3px groove white;
  padding: 5px;
}

#updateactions {
  clear:both;
}

button#updatebut {
  clear: none;
  float none;
}

button#updateleader {
}

button#showcabins {
  clear:none;
}
div#cmdsdiv {
  float: left;
  margin-left: 50px;
}

div#commands {
  margin-left: 5px;
}

div#datediv {
  float:left;
  margin: 10px;
}

div#eventsdiv {
  float: left;
  clear: both;
  margin-left: 50px;
  margin-top: 20px;
  width: 25%;
  padding: 5px;
  border: 3px groove white;
}

div#eventsdiv #events {
  width: 100%;
  border: 4px inset white; 
  background: #ffca7c;
}

div#constraintdiv {
  float: left;
  margin-left: 50px;
  margin-top: 20px;
  padding: 5px;
  border: 3px groove white;
}

div#constraintdiv #constraints {
  width: 100%;
  border: 4px inset white;
  background: #ffca7c;
}

div#attendancediv {
    float: left;
    margin-left: 50px;
    margin-top: 20px;
    width: 25%;
    padding: 5px;
    border: 3px groove white;
}

div#attendancediv #attendanceyears{
    width: 90%;
    border: 4px inset white;
    background: #ffca7c;
}

div#groupsdiv{
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 25%;
  padding: 5px;
  border: 3px groove white;
}

div#groupsdiv #groups{
  width:100%;
  border: 4px inset white; 
  background: #ffca7c;
}

div#volsdiv{
  float: left;
  margin-left: 20px;
  margin-top: 20px;
//  width: 25%;
  padding: 5px;
  border: 3px solid white;
}

div#volsdiv #voljobs{
  width:100%;
  border: 4px inset white; 
  background: #ffca7c;
}

div#header {
  position:fixed; 
  top:0px;        
  float: left; 
  min-width:1230px;
  width: 100%;
  height:35px;
  background: white;
  z-index:5;
  border-bottom: 3px black solid;
}

div#headershort {
  position:fixed; 
  top:0px;        
  float: left; 
  min-width:1230px;
  width: 100%;
  height: 32px;
  background: white;
  z-index:5;
  border-bottom: 3px black solid;
}

div#lengthdiv {
  float:left;
  margin: 10px;
}

div#membersdiv {
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 50%; 
  padding: 5px;
  border: 3px groove white;
}

div#membersdiv #members {
  float:left;
  width:50%;
  border: 4px inset white; 
  background: #ffca7c;
}

div#namesdiv {
  float: left;
  margin: 10px;
}

div#numberdiv {
  float:left;
  margin: 10px;
}

div#positiondiv {
  float: left;
  margin: 10px;
}

div#recdisplay {
  clear: left;
  float: left;
}

#staffform #recdisplay {
  margin-left: 20px;
}

div#staffextra {
  clear: left;
  margin-left: 20px;
}

div#staffextra #staffcomment{
  margin-top: 5px;
  width: 40ex;
  height: 1em;
  border: 4px inset white;   
}

div#guestsextra #guestscomment{
  margin-top: 5px;
  width: 300px;
  height: 100px;
  border: 4px inset white;
  float: left;
}

div#guestsextra {
  clear: left;
  margin-left: 20px;
}

div#startdiv {
  float:left;
  margin: 10px;
}

div#yeardiv {
  float: left;
  margin: 10px;
}

input#staffcomment {
  float: left;
}

select{
  background-color: #ffca7c;
}

select#names {
  width: 200px;
  border: 4px inset white; 
  background: #ffca7c;
  float: left;
}
                    
select#responsibility {
  width: 200px;
  border: 4px inset white;
  background: #ffca7c;
  float: left;
  margin-top: 10px;
}

select#status {
  width: 200px;
  border: 4px inset white;
  background: #ffca7c;
  float: left;
  margin-top: 10px;
}

#mbox {
  background-color: #eee;
  padding: 8px; 
  border: 10px outset red;
}

#mbm {
  font-family: sans-serif;
  font-weight: bold;
  float: right;
  padding-bottom: 5px;
}

#ol {
  background-image: url(overlay.png);
}

.dialog {
  display: none
}

table.perms .selected{
    background:yellow;
}

* html #ol{
  background-image: none; 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}