/* html and body background colours require some frigging for various browsers */
body {
    background-color:ivory;
	background-image: linear-gradient(to bottom, white, powderblue);
    font-family: "Times New Roman", Times, serif;
} 
 h1 { font-size: 2em; }
 h2 { font-size: 1.5em; margin-bottom:0px; padding-bottom:0px; margin-top:0px; padding-top:0px; }
 h3 { font-size: 1.2em ; }
 h4 { font-size: 1.0em; }
 h5 { font-size: 0.9em; }
 h6 { font-size: 0.8em; }
 strong { font-size: 1.2em; font-weight:bold; }
 a:link { color: #00f; }
 a:visited { color: #009; }
 a:hover { color: #06f; }
 a:active { color: #0cf; }


.StyledRadio {
    display:none;
}
.StyledRadio + label {
    display:inline;
    font-size: 18px;
}
.StyledRadio + label:before {
    content: '';
    display:inline-block;
    width: 24px;
    height: 24px;
    background: url(/Images/unchecked.png) no-repeat;
    vertical-align: middle;
}
.StyledRadio:checked + label:before {
    content: '';
    background: url(/Images/checked.png) no-repeat;
}

.RadioWidgetCSS    {} /* Widget and Row styles do not work like this */
.RadioRowCSS       { }
.CheckboxWidgetCSS {}
.CheckboxRowCSS    {}
.SelectWidgetCSS   {}
.SelectRowCSS      {}
.TextareaWidgetCSS {}
.TextareaRowCSS    {}

.SDQScoreMenu      {width:700px; border:2px solid black; border-radius:15px; font-size:1.0em;}

.AmberButton       { background:wheat; text-align:center; border:1px solid black; border-radius:15px; }
.AmberButton:hover { background:gold; cursor:pointer; border:2px solid black; }

.RightButton       { background:wheat; text-align:center; border:1px solid black; border-radius:15px; float:right; }
.RightButton:hover { background:gold; cursor:pointer; border:2px solid black; }

.PDFReportButtonCSS       {font-size:14px; text-decoration:none; font-weight:900; background:wheat; float:right; border-radius:15px;
                           width:100px; border:2px solid black; text-align:center; color:blue; cursor:pointer;}
.PDFReportButtonCSS:hover {font-size:14px; text-decoration:none; font-weight:900; background:green; float:right; border-radius:15px;
                           border:4px solid red;text-align:center;color:white; cursor:crosshair;}

.MenuNeoAnchorCSS         {font-size:1.0em; text-decoration:underline; font-weight:900; background:#ffffcc; text-indent:50px;
                           border:0px; color:blue;}
.MenuNeoAnchorCSS:hover   {text-decoration:none; color:green; cursor:pointer;}

.NeoAnchor {font-size:16px; text-decoration:underline; font-weight:900; background:#ffffcc;border:0px;text-align:left;color:blue;}
.NeoAnchor:hover{font-size:16px;color:green;font-weight:900;cursor:help;}

font.AlmostH2 { font-size:1.5em; font-weight:900;}
font.BoldItalic { font-size:1.0em; font-weight:bold; font-style:oblique;}

div.div_nowrap { white-space:nowrap; }
div.div_floatbelow { position:relative; width:180px; text-align:center; }

hr.gridbar { height:5px; color:black; background-color:black; }

/* Normal Grid */
table.gridtable {
        width:800px;
        color:#333333;
        border-width: 1px;
        border-color: black;
        border-collapse: collapse;
}

table.gridtable tr { height: 2em; }

table.gridtable th {
        font-size:0.9em;
        font-weight:bold;
        text-align:center;
        border-width: 1px;
        border-style: solid;
        border-color: black;
}

table.gridtable td {
        font-size:0.8em;
        text-align:center;
        border-width: 1px;
        border-style: solid;
        border-color: black;
}

/* The subclasses - see http://stackoverflow.com/questions/558721/css-classes-subclasses */
/* The space between .gridtable and .missingcolumn is significant! */
.gridtable .MissingColumn { background-color:white; width:10%;} 
.gridtable .PromptColumn  { text-align:left; width:35%; }
.gridtable .LeftAlignColumn  { text-align:left; }
.gridtable .Stripe { background-color:wheat;} 
.gridtable .ShortPromptColumn  { text-align:left; width:20%; }
.gridtable .ShortPromptColumnNoBorder  { text-align:left; width:23%; border-width:0px; }

/* Grid without lines for date field groups */
table.gridnoheader { }
table.gridnoheader tr { height: 0.1em; }
table.gridnoheader th { font-size:0.9em; font-weight:bold; border-width: 0px; }
table.gridnoheader td { font-size:0.8em; border-width: 0px; }

.blink {
  animation: blink-animation 0.75s steps(5, start) infinite;
  -webkit-animation: blink-animation 0.75s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    /* visibility: hidden; */
    color:gold;
  }
}
@-webkit-keyframes blink-animation {
  to {
    /* visibility: hidden; */
    color:gold;
  }
}