/* Basic style for Choral Arts New England grant applications */
/* Builds on CANE.css */
/* Try to make a heading that doesn't break at the status area (native image = 809x142). */
#TopHeading { margin-right:-2em; border:0; max-height:136px; max-width:775px; width:calc(100% - 18em); }
/* calc() is not well supported on mobile browsers (and there's no room to scale the logo anyway), so use the old rule there */
@media only screen and (max-device-width: 600px) {
    #TopHeading { margin-right:-2em; border:0; height:136px; }
}
 .statusarea {border:2px inset gray;width:18em;float:right;margin:0.5em 1em;text-align:center;font-size:10pt;}
 .statusarea p {margin:0.4em 0.3em;}
#status_details { font-style:italic; color:Teal }
/* Form styles */
 table.formtab { border-style:none; }
 table.formtab td { vertical-align:top; }
/* Budget table: ensure that the dollar amounts in the last column fit without wrappping */
 table.budget td+td { width:auto; white-space:nowrap} /* overflow:hidden;} */
 table.music { background-color:LightCyan;  } /* PaleTurquoise */
 table.music td { padding:2px }
/* Keep the first column of the music upload table from wrapping */
 table.music tr td:first-child:not([colspan]) { white-space:nowrap; }
 table.attach { background-color: LightCyan;  }
 table.attach td { padding:2px }
.formtab label { margin-right: 3px }

 table.budgtab td { vertical-align: top; border-top: 1px dotted #663300;}
 .hilite { background-color: yellow }
 .smallcontrol {font-style:italic; font-size:10pt; margin:0em; background:white;color:red}
 .smallcontrol:hover {background:yellow;}
 .smallcontrol a:link {text-decoration:none}
 .sectionhead a:link {text-decoration:none}
 .wc:hover {font-weight:bold;}
 div.instructions h1,h2,h3,h4 {margin-bottom:0.5em}
 div.instructions p,li {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt}
 div.instructions p {margin:0.25em 1em}
 div.instructions ul {margin:0.25em 0em 1em}
/* Response styles */
h2.plain { color:#663300; }
.valid { color:white; background-color:#55B05A }
.invalid { color:white; background-color:#D23D24 }
.info { color:white; background-color:#FFB100}

/* Styles to bring us into HTML5 */
#chorus-lookup { color:black; font-size:10pt;max-width:54em;min-width:43em; margin:1em auto; border:1px solid gray; background-color:snow; }
#chorus-lookup > p { margin:0.5em 1em 0.2em; }
#chorus-lookup iframe { border:0; height:78px; margin:0px auto; width:100%; }
.formtab { padding:4px; width:100%; border:0; }
.formtab td { vertical-align:top; }
.formtab td:nth-child(1) { width:260px; }
/* For backways compatability: prior to 2021, budget tables used a dummy first column for the vertical rule. The were class "budget" but had no ID */
.budget td:nth-child(1) { width:6px; }
.budget td:nth-child(2) { width:260px; }
/* */
.fiscal { padding:1em; width:100%; max-width:800px; border-collapse:collapse; }
.fiscal th { text-align:left; }
.fiscal td:nth-child(1),.fiscal th:nth-child(1) { padding-left:1em; width:80%; }
.dollars { text-align:right }
tbody.marked { border-left:3pt solid #663300; }
.indent:before { content:' '; width:1em; display:inline-block; }
label input[type=checkbox], label input[type=radio] { margin-right:0.6em; }
/* Use for a SPAN where you want to keep all text together (see emergency grant 2020) */
.tblock { white-space: nowrap; overflow:hidden; }