body {
   background-image: url('../Images/score_bgrnd.jpg');
}

p {
  line-height: 150%;
}

img {
  border: none;
}

a   {
  background: #eeddcc;
  color: navy;
  text-decoration: none;
  padding: 2px;
  margin-top: 0em;
}
ul {
  margin: 0;
}

nav li {
  list-style:none;
}

input, textarea, select, button {
  margin: 0;
  box-sizing: border-box;
}

dl {
  margin:0;
}

dt {
  margin:0;
}

dd {
  margin:0 0 4px 4em;
}

form {
  text-align: left;
}

.highlight {
  background: lime;
}

.highlight input[type="checkbox"] {
  position: relative;
  top: 4px;
}

.winnerclass {
  margin-left: 20px !important;
  font-weight: normal;
}

.winner {
  font-weight: bold;
  margin-left: 20px !important;
}

.divider {
  margin-top: 30px;
  color: maroon;
}

a:hover, #bottom a:hover, .internallink:hover  {
  background: #ddd;
}
q {
  font-weight: bold;
}

table {
  border-collapse: collapse;
}

th, td {
  border: solid blue thin;
  text-align: left;
  padding: 4px;
}

th {
  vertical-align: middle;
  text-align: center;
}
tr {
  vertical-align:top;
  padding: 6px 0
}

h1 {
  text-align: left;
  margin: 0;
  padding: 0;
}

#page {
   color: #555;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   margin: 30px auto;
   width: 940px;
   background-color: #fafafa;
   padding: 0;
   border: solid 1px #ccc;
}

#siteId {
   padding: 20px 22px 8px;
}

#siteId h1 {
  margin-top: -5px;
  padding: 0px 300px 8px;
  color: #1280cd;
  text-align: center;
  width: 270px;
  text-transform: uppercase;
  font-size: 28px;
  font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

#siteId #logo {
  margin-top: -20px;
}

#siteId #contact {
  clear: both;
  font-size: 12px;
  float: right;
  margin-top: -18px;
  margin-right: 10px;
  color: grey;
}

#content {
  position: relative;;
   font-size: 90%;
   text-align: justify;
   padding: 6px 32px 0;
}

#content h2 {
   text-align:left;
   margin: 12px 0 14px;
}

#content h3 {
   margin:1em 0 0.3em;
}

#content h4 {
   margin:0.5em 0;
}

#content p {
   margin: 0.4em 0 1.5em;
}

#strapLine {
   text-align: left;
   font-size: larger;
   padding: 0 88px;
   margin: 6px 0;
}

/* main menu */
#mainMenu {
	margin: 0;
	padding: 8px 0 48px;
	text-align: center;
	position: relative;
}

#mainMenu li {
   float:left;
   width: 94px;
}

#mainMenu a {
   float: left;
   width: 88px;
   height: 40px;
   color: blue;
   border: thin gray solid;
   font-size: smaller;
}

#mainMenu .thisPage a  {
   background: #777;
   color: white;
}

#mainMenu .realLink a  {
   background: #b8d5e3;
   color: navy;
 }

#mainMenu .realLink a:hover  {
   background: #eeeddd;
   color: #555;
 }

 /* sub menu */
#mainMenu li  ul{
	position:absolute;
	margin: 0;
	top: 53px;
	margin-left: -60px;
}

#mainMenu li  .realLink {
	float: none;
}

#mainMenu li  .realLink a {
    width: 130px;
    height: 16px;
    background: #b8d5e3;
}

#mainMenu li  .thisPage a {
    width: 130px;
    height: 16px;
    background: #777;
}

#mainMenu:after {
	content: "";
  clear: both;
  display: block;
}

#admin {
  float: right;
  margin: 0;
}

#admin li {
  display: inline;
  width: 50px;
  margin-left: 10px;
}

#admin a {
  background: #EB984E;
  width: 50px;
  border-radius: 8px;
  padding: 4px 3px 0;
}

#admin a:hover {
  background: #3eb;
}
/* end menu */

#news {
   float: right;
   margin: 14px 280px 0 0;
   padding: 3px;
   font-size: 18px;
   color: navy;
   border: thin navy solid;
}

#subsidary {
   float: right;
   width: 300px;
   margin: 50px 0 0px 40px;
   text-align: left;
}

#subsidary h3 {
   margin: 0 !important;
   padding-top: 18px;
}

#subsidary p {
   margin: 0 !important;
   padding: 3px 0;
}

#subsidary div {
   padding: 0px 0 12px;
   font-style: italic;
}

/*
//format log in and register forms
*/

#requesteraccess {
  float: right;
  width: 350px;
  background-color: lightpink;
  padding: 9px;
  border-radius: 25px;
}

#login button {
  margin: 8px 0;
   padding: 1px 8px 3px;
}

#login label, #login input {
  display: block;
  text-align: left;
}

#login label {
  margin-top: 9px;
}

#newaccount {
  width: 340px;
  margin-top: -10px;
}

#newaccount label, #newaccount input {
  display: block;
  text-align: left;
}
/* end user login formatting */

/* format news block */
#syllabusnews {
  width: 480px;
  margin-top: 20px;
}

#bottom	{
   text-align: left;
   font-size: 80%;
   padding: 0.5em 3em 1em;
   margin-top: 1em;
}

#bottom p {
   margin: 0.2em;
}

#bottom a {
   color: #007899;
}

#extras {
  background-image: url("/Images/branding/pdf_footer.png");
  border-top: solid medium #6aa6c4;
  margin: 22px 0px;
  padding-top: 30PX;
  font-size: 80%;
  height: 150px;
}

#copyright {
  float: left;
  padding-top: 8px;
}

#facebook {
   float: right;
}

#facebook img {
   vertical-align: middle;
}

#siteDeveloper {
   clear: both;
   padding-top: 112px;
}

#catMenu {
   margin: 0 auto;
   text-align: left;
}

#subMenu form, #catMenu form {
   display: inline;
}

#catMenu {
   border: solid blue thin;
   padding: 2px;
   margin: 13px 0 20px;
   background: #eee;
}

#requestanchor, #applymessage {
  position: absolute;
  top: -32px;
}

#applymessage {
  background: #ef85d4;
  padding: 3px;
  color: black;
}

/* styling for event table*/
#event {
   margin: 20px 0;
   border-collapse: collapse;
}
#event th, #event td {
  border: none;
  border-bottom: solid thin black;
  padding : 14px 4px 18px;
}
/* end styling for event table*/


/* styling for request page*/
#request {
  font-size: 14px;
}

#request #contactdetails {
  border: thin green solid;
  border-radius: 12px;
  margin-top: 8px;
  padding: 12px;
}

#request h2 {
  font-size: 18px;
  margin-top: 0;
}

#request h3 {
  font-size: 14px;
  margin-top: 0;
}

#request p {
  line-height: normal;
  margin: 7px 0;
}

#request .class {
  border: thin navy solid;
  border-radius: 12px;
  margin-top: 8px;
  padding: 12px;
  clear: both;
}


#request .class h2 {
  font-size: 14px;
}

#request .entry {
  border: thin green solid;
  border-radius: 12px;
  margin: 18px 10px 3px 0;
  padding: 12px;
  width: 240px;
  float: left;
}

#request .entry ul {
  list-style: none;
  margin: 0;
}

#request button {
  margin: 8px 0;
}
/* end styling for request page*/
.payby {
  margin: 18px 0 18px 13px;
}
.payby input {
  margin-right: 28px;
  padding-top: 28px;
}
/* styling for payment choice form */


/* end styling for payment choice page*/


/* styling for entry form */
#entryform fieldset {
  padding: 12px 30px 25px;
}

#entryform label, #entryform input, #entryform textarea {
  display: block;
  text-align: left;
  width: 520px;
}

#entryform textarea {
  height: 64px;
}

#entryform label {
  margin-top: 12px;
}

#entryform .explain {
margin: 8px 0 0;
line-height: 100%;
}

#entryform #gradetext {
  margin-bottom: 0;
}
#entryform .radios {
    padding: 3px 18px;
    margin: 12px 0;
    width: 620px;
}

#entryform .entrant, #entryform .grade {
  width: 260px !important;
}

#entryform .entrant label,#entryform .grade label {
  margin: 20px 0 0;
  width: 180px !important;
  line-height: 100%;
}

#entryform .entrant input {
  width: 240px !important;
  line-height: 100%;
}
#entryform label[for="knownas"] {
  clear: both;
  padding-top: 20px;
}

#entryform .grade input {
  width: 100px !important;
  line-height: 100%;
}

#entryform .radiotext {
  width: 500px;
  margin: 2px 0 0;
}

#entryform input[name="ensemblesize"] {
    display: block;
  width: 60px;
  text-align: center;
}

#entryform input[type="radio"] {
  display: inline;
  width: 20px;
  text-align: right;
  margin: 6px 0 0 3px;
}

#entryform .rblabel {
  text-align: left;
}

#entryform .rblabel label {
  display: inline;
  width: 30px;
  margin-left: 20px;
}

#entryform button {
  margin: 8px;
  padding: 2px 8px 4px;
  font-size: 14px;
  border: solid thin tan;
  border-radius: 8px;
  background: greenyellow;
  color: rebeccapurple;
}
/* end styling for entry form */

.catButton {
  color:#00f;
  font-size: 100%;
  background-color:#ddd;
  margin: 1px 2px;
  padding: 0 8px;
  border-radius: 62px;
}

/* /////////////////////
 styling for class form
 /////////////////// */

#classForm label {
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
}

.labelover {
  float: left;
  display: block;
  margin-right: 20px;
  margin-bottom: 20px;
}

.labelover input, .labelover select {
  display: block;
}

#classForm label[for="groupfk"] {
  width: 260px;
}

#classForm label[for="timeLimit"] {
  width: 160px;
}

#classForm label[for="classfee"] {
  width: 260px;
}

#classForm input[name="code"] {
  width: 40px;
  text-align: center;
  margin-left: 10px;
}

#classForm input[name="name"] {
  width: 700px;
}

#classForm input[name="timeLimit"] {
  width: 40px;
  text-align: right;
}
/* end of class form
/////////////////////*/

/* /////////////////////
 styling for regs form
 /////////////////// */

 .regsForm label {
   display: block;
   font-weight: bold;
   font-size: 14px;
   text-align: left;
   width: 140px;
 }

 .regsForm input[name="posn"] {
   width: 30px;
   margin-left: 10px;
 }

 .regsForm button {
    display: block;
 }

 /* end of regs form
 /////////////////////*/

#secleads {
   margin: 20px 0 0;
}

#message {
  border: thin dashed red;
  margin-bottom: 16px;
  padding: 0 12px;
}

.urgent {
  color: red;
  font-weight: bold;
  border: 35px solid transparent;
  padding: 10px;
  border-image: url("/Images/asterisks.png") 40 round;
}

#fees {
   margin: 10px 5px;
   width: 400px;
}

#fees .ftype{
   text-align: center;
   font-weight: bold;
   border: solid 3px navy;
   margin-top: 20px;
}

#location {
   margin: 10px 60px;
   width: 580px;
}


/* /////////////////////
 styling for winers list form
 /////////////////// */

 #winnerform {
   width: 300px;
 }
 #winnerform input {
   float: left;
   width: 200px;
 }
 #winnerform input[name="year"] {
   width: 80px;
 }
 #winnerform label {
   width: 110px;
   margin-right: 20px;
   margin-top: 12px;
 }
 #winnerform button {
   clear: both;
   display: block;
 }

 /* end of winners list form
 /////////////////////*/

.formrow{
   border: solid thin navy;
   padding: 7px;
}

.delbut {
  float: right;
  margin: 2px 4px 0;
}

.feeval {
  width: 70px;
}

.RH {
   float: right;
   border-collapse: collapse;
   margin-right: 30px;
}

.LH {
   margin-left: 30px;
}

.smallrow {
   height: 30px;
}

.mediumrow {
   height: 40px;
}

.deeprow {
   height: 120px;
}

.largerow {
   height: 80px;
}

.fees td {
   padding: 3px 4px;
}

.newClass {
   margin: 3px 0;
}

.hidden {
   display: none;
}

.minimal {
   border: none;
   display: inline;
   margin: 0;
   padding: 0;
}

.yearbutton {
  font-size: 8pt;
}

.centalign {
   text-align: center;
}

a.email   {
   padding: 0;
}
a.email:hover  {
   background: #ccccff;
   color: black;
}

.internallink {
   color: #0056ff;
   background: #eee;
   padding: 0 2px;
}

.leftImage {
   float: left;
   padding-right: 27px;
}

.rightImage {
   float: right;
   padding-left: 27px;
}

.caption {
   text-align: center;
   margin: 0;
   color: #555;
}

.info {
  border: thin blue solid;
  border-radius: 15px;
  padding: 10px 15px 0;
}

.announcement {
   margin: 0 5px;
   width: 480px;
}

.announcement ul {
  padding-left: 15px;
  margin-top: -15px;
}

.announcement li {
  margin-bottom: 8px;
}

.clear {
   clear: both;
}
.warning {
   color: red;
   font-weight: bold;
}

.keepTogether {
   white-space: nowrap;
}

.tickbox {
  font-size: 18pt;
  margin-left: 20px;
  vertical-align: middle;
}

.amenddetails {
  margin: 17px 4px 0;
}

/* styles for forms */
.catBox {
   margin: 15px 0;
}
.change {
   background: lime;
   margin-left: 10px;
}
.standard label {
   clear: both;
   float:left;
   width: 120px;
   text-align: right;
   margin: 5px 0 0;
}
.standard label.area {
   height: 4.3em;
}

.standard input, .standard textarea, .standard select {
   width: 700px;
   padding: 3px 0;
   margin: 6px 0;
   color: navy;
   float: right;
}

.standard input[type="checkbox"] {
  width: 20px;
  text-align: left;
  float: none;
}

.standard input[type="radio"] {
  width: 20px;
  text-align: left;
  float: left;
}

.choice {
   margin: 5px 550px 0 0;
   padding: 0;
   display: inline;
   float: right;
}

.choice label {
   margin: 0;
   padding: 0;
   width: 80px;
}

.choice label input {
   margin: 0;
   padding: 0;
   float: right;
   width: 40px;
}

.new {
   float: right;
}
select.short {
   width: 4.5em;
   margin: 0em;
}
select.vshort {
   width: 3em;
   margin: 0em;
}

.botbutt {
   clear: both;
   float: right;
   margin: 15px 80px;
}

.Unassigned, .Rejected, .Approved {
  padding: 8px 12px 5px;
}

.Unassigned span, .Rejected span, .Approved span {
  display: inline-block;
  padding-left: : 6px;
  width: 90px;
}

.Unassigned {
  background-color: #dbd9d9e8;
  color: black;
}


.Rejected {
  background-color: #ebabafe8;
  color: red;
}

.Approved {
  background-color: #a5f092;
  color: green;
}

#postaddress label {
  margin-left: 20px;
  display: inline-block;
  width: 250px;
}

#postaddress textarea {
  vertical-align: top;
  padding: 8px;
}

#addresource {
    margin: 0 0 12px 100px;
}

#getfile {
  margin: 18px 20px;
}

.miniform {
   padding:0;
   margin: 4px;
   font-size: 10pt;
   text-align: left;
}

.miniform input {
   display: inline;
   margin: 0;
}

/* to make link look like a button*/
.hrefbutton {
  display: inline-block;
  background: greenyellow;
  color: rebeccapurple;
  margin: 4px;
}

.miniform button, .hrefbutton {
  font-size: 10pt;
  border-radius: 8px;
  padding: 3px 5px 2px;
  border: solid thin tan;
  text-align: center;
}

/* this block used for consitent colouring of
  cancel, add, amend and delete buttons*/
.add {
  background: lime;
  color: black;
}

.amend {
   background: lightgreen !important;
   color: black;
}

.remove {
   background: rgb(224, 152, 152);
   color: black;
}

.cancel {
  background: gold;
  color: black;
}
/* end button colours */

.deleteCat {
   width: 100%;
   background: #dd6622;
   color: white;
   font-weight: bold;
   margin: 8px 0 28px;
   padding: 5px 0;
}

.catName {
   color: blue;
   font-size: large;
   font-weight: bold;
   padding: 14px;
   background: transparent;
}

.judge {
   margin: 0 12px 8px 0;
   clear: both;
}

#reallydelete {
  display: inline;
  padding: 0 5px;
  margin-left: 80px;
  border: solid thin black;
  border-radius: 8px;
}

#entrycancel {
  float: left;
  width: 70px;
}
/* end form styles */

.catHead {
   font-size: larger;
   font-weight: bold;
}

.link {
   margin: 1em;
}

.link a {
   background: #ecf8f8;
}
.link a:hover {
  background: #ffddbb;
  text-decoration: none;
}

#controls {
  text-align: left;
  margin-bottom: 20px;
}

.fpnl, .atend {
  margin-right: 40px;
  padding: 8px 8px 4px;
  color: white;
  font-weight: bold;
  border-radius: 38px;
}

.fpnl {
  background: #dd6622;
}

.atend {
  background-color: white;
}

#recording {
  clear: both;
}

#groupset {
  float: right;
  border: thin black solid;
  margin-left: 12px;
  display: flex;
  flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
  width: 450px;
  height: 100px;
}

.me {
  margin: 2px 6px;
  display: inline;
  white-space: nowrap;
}

/* These are the styles for creating a table look
   for editing multiple entities */
.table
{
	display:table;
	border-collapse:separate;
	border-spacing:0px;
  border: solid thick #555;
}
.thead
{
	display:table-header-group;
	color:white;
	font-weight:bold;
	background-color:grey;
}
.tbody
{
	display:table-row-group;
}
.tr
{
	display:table-row;
}
.th
{
	display:table-cell;
	padding:1px;
  text-align: center;
  font-weight: bold;
  border: thin solid black;
  width: 100%;
}
.td
{
	display:table-cell;
	padding:1px;
}