@charset "utf-8";
/* General styles */
html {
	/* background default colour for whole page */
	background-color:#E3F7EE;
	/* CSS3 gradient */
	background-image :        -webkit-gradient(linear, left top, left bottom, from(#E3F7EE), to(#728166));
    background-image :    -moz-linear-gradient(top, #E3F7EE, #728166); /*rgba(227, 247, 238,1), #728166);*/
    background-image :     -ms-linear-gradient(top, #E3F7EE, #728166);
    background-image :      -o-linear-gradient(top, #E3F7EE, #728166);
    background-image : -webkit-linear-gradient(top, #E3F7EE, #728166);
    background-image :         linear-gradient(top, #E3F7EE, #728166);

    background-attachment: fixed;
}
body {
	margin:0;
	padding:0;
	border:0;
	width:100%;

	min-width:600px;
	font: 0.8em 'Titillium Web', serif;
	text-align:center;
}

/* column container */
.colmask {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
	text-align:left;
}
/* 2 column right menu settings */
/*.leftmenu {
	/* this changes the color of the nav col which is on left side, overrides BODY background colour
	background-color: #ded;
	background-image: url("images/128-136.jpg");
}*/
.leftmenu #colright {
	float:left;
	/* oversize width of right column so always larger than screen */
	width:200%;
	position:relative;
	/* whole right column moved rightwards by 14em */
	/*left:14em;*/
	border-left:1px solid #000;
	/* this changes the color of the maincontent block, actually overrides .colmask default colour */
	/*background-color:#dda;  #ffe original value
	background-image: url("images/128-136.jpg");*/
}
.showleftcol {
	left:14em;
}
.hideleftcol {
	left:2em;
}
.leftmenu #maincontentwrap {
	float:left;
	width:50%;
	position:relative;
	right:13em;
	padding-bottom:15px;
}
.leftmenu #maincontent {
	float:left;
	margin:0 4em 0 14em;
	position:relative;
	overflow:hidden;
	height:100%;

}
.leftmenu #nav {
	float:right;
	right:100%;
	width:13em;
	position:relative;

}
#header {
	clear:both;
	float:left;
	width:100%;
	/*background-image: url("images/128-136.jpg");
	background-color: #DDEEDD;*/
	margin:0;
	border-bottom: 1px solid #000000;
	height:55px;
}

#footer {
	clear:both;
	width:100%;
	border-top:1px solid #000000;
	/*background-image: url("images/128-136.jpg");
	background-color:#DDEEDD;*/
	height:30px;


}

/* Elements */

h1, h2, h3 {
	font-size:2em;
	font-weight:bold;
	margin:0;
	font-family:serif;
	padding:0.25em 0;
}
h2 {
	font-size: 1.5em;
	text-transform:lowercase;
	letter-spacing:2px;
	font-variant:small-caps;
	color:#555555;
}
h3 {
	font-size:1.2em;
	color:#666633;
}

p.message {
	color: #c12;
}

p.error {
	color: #c12;
	display:inline;
}

.para1:first-letter {
	font-size:2em;
	float:left;
	color:#f34;
}

a, a:link, a:visited, a:active {
	color: #00f;
	text-decoration: none;
}

a:hover {
	color: #c00;
	text-decoration: none;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color:#555;
}
#rightformcol a {
	color:#000;
}
img {
	border:0;
}
ul {
	list-style:none;
	margin:0;
	padding:0;

}
li {
	padding:0.25em 0 0.25em 1em;

}
td, th {
	padding:0.1em 1.5em 0.1em 0;
	text-align:left;
}
fieldset {
	float:none;
	padding:10px;
	border:1px solid #000;
}
.fm-submit { /* Various Submit buttons */
	margin:1em 0em;
	float:none;
}

.fm-input, .fm-select, .fm-radio, .fm-checkbox {
	margin:0.5em 0;
}


label {
	float:left;
	width:10em;
	text-align:right;
	/* padding:0 0.5em 0 0;*/
	padding-right:0.5em;
	/* margin: 0.33em 0 0.16em 0;*/
}

legend {
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
}

th {
	background-color: #E6E6CC;
}
/* all evtypes rotating 5 colour scheme
gives same colour for all ops on same day*/
.data1, .data2 , .data3, .data4, .data0, .data , th{
	text-align: left;
	padding: 				.2em .6em ;
	margin: 				.1em;
	/* rounded corners */
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 	8px;
	/* text shadow */
	text-shadow: 			rgba(255,255,255,.5) 0 1px 0;
	-webkit-user-select: 	none;
	-moz-user-select: 		none;
	user-select: 			none;
	/* effects */
	border-top: 		1px solid rgba(255,255,255,0.8);
	border-bottom: 		1px solid rgba(0,0,0,0.1);
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url('../img/noise.png');
	background-image: 	-moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url('../img/noise.png');
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url('../img/noise.png');
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: 	background .2s ease-in-out;
	transition: 		background .2s ease-in-out;
}
th, .data {
	color: 				hsl(60, 34%, 0%) !important;/*hsl(60, 34%, 30%) !important;*/
	background-color: 	hsl(60, 34%, 80%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
						hsl(60, 34%, 60%) 0 .1em 3px, hsl(60, 34%, 30%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
						hsl(60, 34%, 60%) 0 .1em 3px, hsl(60, 34%, 30%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
						hsl(60, 34%, 60%) 0 .1em 3px, hsl(60, 34%, 30%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */

}
.data1 {/* silver */
	/*background-image: -webkit-gradient(linear, top, bottom, #9CEBEB, #F4F4F4);*/
	color: 				hsl(0, 0%, 0%) !important;/*hsl(0, 0%, 40%) !important;*/
	background-color: 	hsl(0, 0%, 75%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.data1:hover{	background-color: hsl(0, 0%, 83%); }
.data2 {/* blue */
	/*background-image: -webkit-gradient(linear, top, bottom, #CACAE3, #F4F4F4);*/
	color: 				hsl(208, 50%, 0%) !important;/*hsl(208, 50%, 40%) !important;*/
	background-color: 	hsl(208, 100%, 75%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
}
.data2:hover{ 	background-color: hsl(208, 100%, 83%); }
.data3 {/* green */
	/*background-image: -webkit-gradient(linear, top, bottom, #5BE8BE, #F4F4F4);*/
    color: 				hsl(88, 70%, 0%) !important;/*hsl(88, 70%, 30%) !important;*/
	background-color: 	hsl(88, 70%, 60%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.data3:hover{ 	background-color: hsl(88, 70%, 75%); }
.data4 {/* orange */
	/*background-image: -webkit-gradient(linear, top, bottom, #E4cc84, #F4F4F4);*/
    color: 				hsl(39, 100%, 0%) !important;/*hsl(39, 100%, 30%) !important;*/
	background-color: 	hsl(39, 100%, 50%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.data4:hover{ 	background-color: hsl(39, 100%, 65%); }
.data0 {/* pink */
	/*background-image: -webkit-gradient(linear, top, bottom, #FFDDDD, #F4F4F4);*/
	color: 				hsl(340, 100%, 0%) !important; /*hsl(340, 100%, 30%) !important;*/
	background-color: 	hsl(340, 100%, 75%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.data0:hover{ 	background-color: hsl(340, 100%, 83%); }

.button-submit{
	background:#ccf;
	cursor:pointer;
}

#delete,
.popup #save{
	background:#f00;
}

.clearfloat {
	clear:both;
}
/* nav styles */

#nav h2, #nav li{
	margin-left:25px;
}
#nav li{
	padding-left:1em;
}

/* Login Page *******************************************************/

#loginouter {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -250px;
	text-align: center;
	min-width: 26em;
}
#logininner {
	position: relative;
	text-align: left;
	display: table;
	/*width: 22em;*/
	min-height: 12em;
	margin: 0 auto;
}

#logininner label {
	width: 10em;
}

#submitlogin {
	margin-left: 6em;
}

/* FORMS stuff ******************************************************************/

/* general labels and input boxes */

#patname {
	width:16em;
}

#maincontent fieldset {
	float:none;
}
#maincontent h2{
	border-bottom:1px solid #000;
}

/* 2 column searchForm & optionForm  */
/* generic 2 col lay0out*/

#leftformcol {
	float: left;
	/* min width required for labels */
	width:14em;
}
#leftformcol label {
	text-align:left;
	padding:0;
}
#rightformcol {
	/*padding-left: 14em;*/
	float:left;
	/*margin-left: 14em;*/
}

#rightformcol fieldset, #leftformcol fieldset, #eventcol fieldset {
	border:0;
}

#rightformcol label  {
	display:block;
	float:none;
	text-align:left;

}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* searchForm specifics */

#leftformcol input {
	margin-top:0.5em;
	display:block;
}
#leftformcol .text-input, #leftformcol .text-select {
	clear:both;
	width:7em;
}
/*#rightformcol .fm-select{

}*/
option.missing {
	color:purple;
}
option.notes {
	color:red;
}
/* entryform specifics */
#mainentryform {
	border:0;
}
#mainentryform fieldset {
	float:left;
	width:24em;
	margin:0.25em;
}
#entryform  .fm-submit{
	margin:1em 1em;
}
#entryform fieldset fieldset #submit-risk{
	margin:1em 0px;
}

#risk-list{
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
#risk-list ul li {
	display: inline-block;
}

#risk p {
	font-size: 0.8em;
}


/* event pages specifics */
#eventcol  fieldset .fm-submit {
	padding-left:11.5em;
	float:left;
}
#mainevent fieldset{
	float:left;
	width:31em;
	margin:0.25em;
}
/* clone button */
.clone {
	height:20px;
	float:right;
}

/* magic button */
.magic {
	height:20px;
	float:right;
}

/******* Questionnaires *************************************/
#mainevent fieldset.quest {
	width: 56em;
}
#mainevent fieldset.quest label {
	width:33em;
}
#mainevent fieldset.quest .fm-input,
#mainevent fieldset.quest .fm-select,
#mainevent fieldset.quest .fm-radio,
#mainevent fieldset.quest .fm-checkbox{
	margin:2em 0px;
}


#phq9_quest{
	border-collapse: collapse;
}
#phq9_quest thead tr th{
	padding: 10px;
}
#phq9_quest tbody tr td{
	padding: 10px 0px 10px 10px;
	border-bottom:1px solid black;
}
#q_phq9_score{
	font-style: italic;
}
/* Upload file **********************************************/
.upload-file {
	display:none;
	position:relative;
	width:100%;
}
.upload-list {
	margin:15px 35px;
	padding:0;
	list-style:none;
}
.upload-list li {
	margin:0;
	padding:0;
	line-height:15px;
	font-size:12px;
}
.upload-msg, .upload-spinner {
	margin-right:7px;
}
.upload-spinner {
	display:inline-block;
	background:url('../images/loading.gif');
	width:15px;
	height:15px;
	vertical-align:text-bottom;
}


/****** Admin form ******************************************/
#admin form {
	margin:2em 0;
}
#admin h2{
	border-bottom:0;
}
#admin td{
	padding-right:1em;
}

/************ Getval POPUP *********************************/
.popup  label {
	float:none;
	text-align:right;
}
.popup .fm-input {
	text-align:left;
	padding-left:1em;
	margin-top:1em;
}
.popup .button-submit{

	margin: 1em 5em 0 2em;
}


/* Pure CSS styling for checkbox and radio buttons*/
/* first hide original buttons */
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 0.8em;
  opacity   : 0;
}
/* next reposition div containing span elements (for new buttons)*/
input[type=checkbox]:not(old) + div,
input[type=radio   ]:not(old) + div{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}
/* next design unchecked graphic in 1st span*/
input[type=checkbox]:not(old) + div > span,
input[type=radio   ]:not(old) + div > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom; /* necessary to align buttons with text nicely*/
}
/* next design checked button in 1st span*/
input[type=checkbox]:not(old):checked + div > span,
input[type=radio   ]:not(old):checked + div > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
/* next insert tick for selected checkbox */
input[type=checkbox]:not(old):checked + div > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : #585858;
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}
/* next display bullet for checked radio button in 2nd span*/
input[type=radio]:not(old):checked +  div > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : #585858;/*153,204,102 vs gradient 179,217,140*/
  background-image :        -webkit-gradient(linear, left top, left bottom, from(#88add7), to(#6b6dbb));
  background-image :    -moz-linear-gradient(top, #88add7, #6b6dbb);
  background-image :     -ms-linear-gradient(#88add7, #6b6dbb);
  background-image :      -o-linear-gradient(top, #88add7, #6b6dbb);
  background-image : -webkit-linear-gradient(top, #88add7, #6b6dbb);
  background-image :         linear-gradient(top, #88add7, #6b6dbb);
}
/* CSS styling for select boxes*/
/* For Microsoft IE */
select::-ms-expand {	display: none; }

select {
	/* remove normal select arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: #EEF; /* fallback color if gradients are not supported */
    background-image: url("../img/select-arrow.png"), -webkit-linear-gradient(top, #E5E5E5, #F4F4F4); /* For Chrome and Safari */
    background-image: url("../img/select-arrow.png"), -moz-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Fx (3.6 to 15) */
    background-image: url("../img/select-arrow.png"), -ms-linear-gradient(top, #E5E5E5, #F4F4F4); /* For pre-releases of IE 10*/
    background-image: url("../img/select-arrow.png"), -o-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Opera (11.1 to 12.0) */
    background-image: url("../img/select-arrow.png"), linear-gradient(to bottom, #E5E5E5, #F4F4F4); /* Standard syntax; must be last */
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #000;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
	overflow-y:auto;
    padding-top: 1px;
    padding-bottom: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

input[type=text],
input[type=password],
textarea{
  background: #EEF; /* Old browsers */
  background-image: -moz-linear-gradient(top, #E5E5E5, #F4F4F4); /* FF3.6+ */
  background-image: -webkit-gradient(linear, top, bottom, #E5E5E5, #F4F4F4); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #E5E5E5, #F4F4F4); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #E5E5E5, #F4F4F4); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #E5E5E5, #F4F4F4); /* IE10+ */
  background-image: linear-gradient(to bottom, #E5E5E5, #F4F4F4); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='F4F4F4'); /* IE6-9 */
  font-size: inherit;
}


/***FIRST STYLE THE BUTTON***/
input[type=submit],
input[type=reset],
input[type=button] {
border:2px groove #7c93ba;
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding: 5px 25px;
/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
background-color:#6b6dbb; /*required for browsers that don't support gradients*/
background: -webkit-gradient(linear, left top, left bottom, from(#88add7), to(#6b6dbb));
background: -webkit-linear-gradient(top, #88add7, #6b6dbb);
background: -moz-linear-gradient(top, #88add7, #6b6dbb);
background: -o-linear-gradient(top, #88add7, #6b6dbb);
background: linear-gradient(top, #88add7, #6b6dbb);
/*style to the text inside the button*/
font-family:Andika, Arial, serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
color:#fff;
font-size:.9em;
letter-spacing:.1em;
font-variant:small-caps;
/*give the corners a small curve*/
-webkit-border-radius: 15px 0 15px 0;
-moz-border-radius: 15px 0 15px 0;
border-radius: 15px 0 15px 0;
/*add a drop shadow to the button*/
-webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input[type=submit]:hover, input[type=submit]:focus ,
input[type=reset]:hover, input[type=reset]:focus,
input[type=button]:hover ,input[type=button]:focus{
color:#edebda;
/*reduce the spread of the shadow to give a pushed effect*/
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
}
/*
#analysis {
	overflow: auto;
}
*/
/*.focus {
  background-color: #ff00ff;
  color: red;
  cursor: pointer;
  font-weight: bold;
}
.pageNumber {
  padding: 2px;
  cursor: pointer;
}
*/