/* Classes used by CGI scripts:
 * a.changeChoice
 * a.editpen
 * div.blanche
 * div.fresh
 * div.full_answer
 * div.item_top_edge
 * div.mainpg
 * div.pale
 * div.qcom_set
 * div.qcom_sub
 * div.rdg_brd_wid
 * div.rowpad_withimg101
 * div.summ_row
 * fieldset.quantities
 * fieldset.sub_chk
 * h1.qtitle
 * h2.ptitle
 * img.logo
 * input.chk_item
 * input.chk_subitem
 * label.chk_lbl_item
 * legend.chk_subitem
 * legend.sub_title
 * p.chk_choice
 * p.error_colour_text
 * p.food_sideAnswer
 * p.food_underAnswer
 * p.outerbottom
 * p.sink
 * p.sub_chk_choice
 * p.tight
 * p.welback
 * span.answer
 * span.catchphrase
 * span.choice
 * span.ptitle
 * span.slash
 * span.summ_item_side
 * span.summ_item_under
 * ul.sel_item 
*/

/* Biobank logo colour: #005f6f */

body
        {
	background-repeat: no-repeat;
	/*background-color: Silver;
  	background: -webkit-linear-gradient(White, #005f6f) fixed; /* For Safari 5.1 to 6.0 *
	background: -o-linear-gradient(White, #005f6f) fixed; /* For Opera 11.1 to 12.0 *
	background: -moz-linear-gradient(White, #005f6f) fixed; /* For Firefox 3.6 to 15 *
	background: linear-gradient(White, #005f6f) fixed; /* Standard syntax (must be last) */
        }

input[type="submit"], input[type="button"], button, a.link_as_butt
	{
	color: SaddleBrown;
	border-color: Gray;

	background-color: LightGray;
  	background-image: -webkit-linear-gradient(GhostWhite, LightGray); /* For Safari 5.1 to 6.0 */
	background-image: -o-linear-gradient(GhostWhite, LightGray); /* For Opera 11.1 to 12.0 */
	background-image: -moz-linear-gradient(GhostWhite, LightGray); /* For Firefox 3.6 to 15 */
	background-image: linear-gradient(GhostWhite, LightGray); /* Standard syntax (must be last) */
	}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, a.link_as_butt:hover
	{
	box-shadow: 1px 1px 5px gray;
	}

h1.qtitle
	{
	color: White; 
	}

h2.ptitle span.ptitle
	{
	background-color: white; 
	border-color: white; 
	}

h3.jtitle
	{
	color: Maroon;
	}

h3.group_division
	{
	color: #820000;
	}

h2.guide
	{
	color: #005f6f;
	}
h3.guide
	{
	color: #005f6f;
	}

#mainbod
	{
	background-color: white;
	}

p.welback
	{
	color: Green;
	}
p.plsAnswer
	{
	color: Green;
	}
*.highlight_problem
	{
	background-color: #fff966 ! important;
	/*border-top: dotted 3px blue;*/
	border-bottom: dashed 1px #3333ff;

	-webkit-animation-name: borderChange; /* Safari 4.0 - 8.0 */
  	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite;
	animation-name: borderChange;
	animation-duration: 3s;	
	animation-iteration-count: infinite;
	}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes borderChange {
  0% {border-bottom-style: dashed;}
  25% {border-bottom-style: solid;}
  50% {border-bottom-style: solid;}
  75% {border-bottom-style: solid;}
  100% {border-bottom-style: dashed;}
}

/* Standard syntax */
@keyframes borderChange {
  0% {border-bottom-style: solid;}
  25% {border-bottom-style: dashed;}
  50% {border-bottom-style: dashed;}
  75% {border-bottom-style: dashed;}
  100% {border-bottom-style: solid;}
}

*.highlight_problem:after
	{
	content: ' (required)';
	color: #3333ff;
	font-weight: bold;
	font-variant: small-caps;
	}


input[type="radio"]:disabled+label
	{color: #545454;
	}
	
*.error_colour_text
	{color: Red;
	}

p.done
	{
	background-color: #e9e5de;
	}
p.yet
	{
	background-color: #eec5cf;
	}

div.qcom_set
	{
	border-color: #e9e5de;
	}
div.qcom_set:hover
	{
	border-color: BurlyWood;
	}
div.qcom_sub
	{
	border-color: #e9e5de;
	}

fieldset.sub_chk
	{
	border-color: #e9e5de;
	background-color: #fffffd;
	}
fieldset.sub_chk:hover
	{
	border-color: BurlyWood;
	}
legend.chk_subitem
	{
	color: #723910;
	background-color: #fffffd;
	}
legend.sub_title
	{
	color: #723910;
	}
legend.main_title
	{
	color: #723910;
	}

a.linfoA:hover
       	{color: #83885e;
        }

div.blanche, div.pale
	{
	border-bottom-color: Silver;
	border-left-color: Silver;
	border-right-color: Silver;	
	}
div.item_top_edge
	{border-top-color: Silver;
	}
div.item_gap_edge
	{
	border-top-color: Silver;
	}
div.blanche
	{
	background-color: #fcf5ee;
	}
div.pale
	{
	background-color: #fefafc;
	}


input[type="checkbox"]:checked+label, input[type="checkbox"]:checked+label~span.choice
	{
	color: #723910;
	}
input[type="checkbox"]+label:before
	{
	color: #723910;
	background-color: WhiteSmoke;
	border-color: #a0a0a0;
	}
input[type="checkbox"]:checked+label:before
	{
	background-color: #e9e5de;
	}

input[type="checkbox"]+label:hover:before
	{
	border-color: #005f6f;
	}

input[type="radio"]+label:hover
	{color: #005f6f;
	}

a.changeChoice
	{
	color: Green;
	}
a.changeChoice:hover
	{
	text-shadow-color: Silver;
	}