/* Cascading Style Sheet for: Canadian All-Star Drum Corps 2018 */

@import url('//fonts.googleapis.com/css?family=Yellowtail');
@import url('//fonts.googleapis.com/css?family=Lora:400,400i,700,700i');

h1.LogoText { font-family: Yellowtail; font-size: 36pt; }
h2.LogoSubText { font-family: Lora; font-size: 12pt; text-transform: uppercase; }

li.bsnavbar {font-family: Lora; } /* text-transform: uppercase;} */

body.HasBSNav { padding-top: 40px; }
body.NotContained {padding-left: 5px; padding-right: 5px;}
a.SectionLink:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}

button.joinbutton {font-family: Lora; font-size: 18pt;}

span.piecetitle {font-family: Lora}
img.sectsymbol {width: 32px; height: 32px;}

#tblStats {
    border: 1px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
#tblStats td, #tblStats th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.MyPadding td, table.MyPadding th {padding: 2px;}

/*
#tblStats tbody td {
  font-size: 13px;
}
*/
td.TblTitle {font-family: Lora; font-weight: bold; font-size: 20pt; color: #ffffff; background-color: #880000;}
tr.TblSubTitle { font-family: Lora; color: #ffffff; background-color: #550000;}
td.BigCat {font-family: Lora; font-weight: bold; font-size: 20pt; font-style: italic; color: #222222; background-color: #ffffaa; padding-top: 5px; padding-bottom: 5px;}
td.MarchingSection {font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
td.FloatSection    {font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
td.AlignBottom {vertical-align:bottom}

a.MainLink {
  font-size: 20pt;
}
span.MainLink { /* current page */
  font-size: 20pt;
  font-weight: bold;
}
span.HasInst { font-weight: bold; color: #EE4400;}
span.EventDnld {font-size: 14pt; font-weight: bold; color: #ffffee;}

span.StaffRole     { font-size: 14pt; font-weight: bold; }
span.StaffName     { font-size: 14pt; }
span.StaffSubTitle { font-style: italic; }
.StaffResp     { font-size: 14pt; font-style: italic; }
span.StaffBio      { font-size: 14pt;  }
span.NoGBugles {padding: 3px; border: 1px solid #550000; } /* background-color: #ffffcc; */

div.StaffBioWrapper {
	border-width: 1px ;
	border-color: #FFFF00 ;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 4px;
    margin-left: 40px;
    position:relative;
    background-color: #AAFFFF;
}
#div.StaffBioWrapper img {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 4px;
}
    
div.StaffBio {
    font-size: 16pt;
    font-style: italic;
}

/* DevNotes div */
#divDevNotes {
    font-size: 12pt;
	border-width: 1px ;
	border-color: yellow ;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 4px;
	background: #ffffaa;
}

img.joinlink {
  border: 2px dotted purple;
  /* padding: 3px 2px; */
}

.nobr { white-space:nowrap; }
.label-as-badge { border-radius: 1em; }

a.adminitem {
    font-size: 22pt; font-weight: bold;
}
td.mgmtnotes    {font-weight: bold; font-style: italic; color: #EE4400;}
span.mgmtnotes  {font-weight: bold; font-style: italic; color: #EE4400;}
span.adminaffil {font-style: italic; color: #888888;}

a.MgmtLink {  font-size: 14pt; }
span.MgmtLink {   font-size: 14pt;  font-weight: bold; }

span.currsort { padding: 0 3px 0 3px; border: solid 1px purple; font-weight: bold; }
span.paymentstats { font-size: 22pt; font-weight: bold; font-style: italic; color: #EE4400; }

span.musiclink {font-size: 20pt;}
span.musicstaff {font-size: 22pt;}
span.musicnotes {font-size: 18pt; }
/* InfoBox Classes */

div.IB_BLANK { /* blank sample */
	border-width: 1px ;
	border-color: #222 ;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 2px;
	/* width: 1000px; */
	background: #ccc;
	color: #222;
    font-size: 8pt;
}

div.IB_INFO {
	border-width: 1px ;
	border-color: #0000CC ;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 2px;
	/* width: 1000px; */
	background: #eef;
	color: #000;
    font-size: 12pt;
}

div.IB_NOTICE {
    font-size: 12pt;
	border-width: 1px ;
	border-color: #F95100;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 2px;
	background: #ffffaa;
	color: #000;
    
}

div.IB_URGENT {
    font-size: 12pt;
	border-width: 1px ;
	border-color: #F95100 ;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 2px;
	color: #000000;
	background: #ffdddd;
    
}

div.DiffSite {
    font-size: 12pt;
	border-width: 1px ;
	border-color: #00FFFF;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 2px;
	background: #ffffaa;
	color: #000;
	margin-bottom: 8px;
}

div.DMOption {
    font-size: 10pt;
	border-width: 1px ;
	border-color: #F95100;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 2px;
	background: #aaffff;
	color: #000;
	margin-bottom: 8px;
}

#divJOINExistingMember {
    font-size: 12pt;
	border-width: 1px ;
	border-color: #F95100;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 2px;
	background: #F0AD4E;
	color: #222;
	margin-bottom: 8px;
}

#divMgmtBreadcrumbs {
	border-width: 1px ;
	border-color: #0000CC ;
	border-style: solid ;
	border-radius: 6px ;
	-moz-border-radius: 6px;
	padding: 4px;
	background: #dff;
	color: #000;
	margin-bottom: 7px;
}


/* form validation stuff */
  input:required:invalid, input:focus:invalid, select:required:invalid, select:focus:invalid, textarea:required:invalid, textarea:focus:invalid {
    background-image: url(/img/invalid.png);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
  input:required:valid, select.required.valid {
    background-image: url(/img/valid.png);
    background-position: right top;
    background-repeat: no-repeat;
  }