.imagefillingtablecell { padding: 0px !important; margin: 0px !important;border:0px solid white !important; vertical-align: bottom !important;}
.imagenoboxorshadow { padding: 0px !important; margin: 0px !important;border:0px solid white !important; vertical-align: bottom !important; box-shadow: 0px 0px 0px white !important;}
.cbullets  {font-size: 150% !important; color: red; vertical-align: middle !important; text-align: center !important; }  /* {font-size: 150% !important; vertical-align: middle !important; color: red !important; text-align: middle !important; margin-left:auto !important; margin-right:auto !important;} */
.cbullets-sm  {color: red; vertical-align: middle !important; text-align: left !important; }  /* {font-size: 150% !important; vertical-align: middle !important; color: red !important; text-align: middle !important; margin-left:auto !important; margin-right:auto !important;} */
.dgiaretta {text-align: left; color: blue;}
.dgiaretta::before { content: url(images/DavidGiaretta-sm.png)}
.sjhughes {text-align: left; color: red;}
.sjhughes::before { content: url(images/SteveHughes-sm.png)}
.indent5pc {display:inline-block; margin-left:5%;}
.horrorstories { text-align: left; padding: 10px !important; font-size:150% !important; color:silver;     background-color: black;    box-shadow: 10px 10px 5px #888888; border: 1px solid black ;            border-radius: 25px;}
.horrorstories::before { content: url(images/thescream.jpg)}
.competence { text-align: left; padding: 10px !important; font-size:50%; color:blue;     background-color: silver;    box-shadow: 10px 10px 5px #888888; border: 1px solid black ;            border-radius: 25px;}
.competence::before { content: url(images/competence-transparent-small2.png)}
.specificcompetence        { text-align: left; padding: 10px !important; font-size:50%; color:darkblue; background-color: powderblue; box-shadow: 5px 5px 2px lightblue; border: 1px solid black !important ; border-radius: 25px;}
.specificcompetence::before { content: url(images/metric-transparent-small2.png)}
.moreinfo {color: red !important;  position: absolute; bottom: 10px; right: 0px}
.metric1 {text-align: left; color: black; box-shadow: 5px 5px 2px aqua; border: 1px solid aqua !important ; border-radius: 25px;}
.metric2 {text-align: left; color: blue;  box-shadow: 5px 5px 2px cornsilk; border: 1px solid cornsilk !important ; border-radius: 25px;}
.metric3 {text-align: left; color: MidnightBlue; box-shadow: 5px 5px 2px DarkSeaGreen; border: 1px solid DarkSeaGreen !important ; border-radius: 25px;}
.metric4 {text-align: left; color: purple; box-shadow: 5px 5px 2px Lavender; border: 1px solid Lavender !important ; border-radius: 25px;}
.metric5 {text-align: left; color: MediumBlue;}
.support {text-align: left; color: purple; box-shadow: 5px 5px 2px mediumpurple; border: 1px solid purple !important; border-radius: 25px;}
.support::before { content: url(images/support.jpg)}
.supporttext {text-align: left;color: purple;}
.evidence {text-align: left; color: black; box-shadow: 5px 5px 2px green; border: 1px solid green !important ; border-radius: 25px;}
.evidence::before { content: url(images/evidence.jpg)}
.evidencetext {text-align: left;color: black;}
.oais3 {text-align: left;color: magenta; background-color: silver; box-shadow: 5px 5px 2px Lavender; border: 1px solid Lavender !important ; border-radius: 25px;}
.oais3::before { content: url(images/OAISv3.jpg)}
.oais3text {text-align: left;color: darkmagenta; background-color: silver; box-shadow: 5px 5px 2px Lavender; border: 1px solid Lavender !important ; border-radius: 25px;}
.oais3text::before { content: url(images/OAISv3.jpg)}
.issues {text-align: left; color: red; box-shadow: 5px 5px 2px pink; border: 1px solid pink !important ; border-radius: 25px;}
.issues::before { content: url(images/issue.png)}
.issuestext {text-align: left;color: red;}
.discussion {text-align: left; color: darkgreen; background-color: gold;  box-shadow: 5px 5px 2px palegoldenrod; border: 1px solid lawngreen !important ; border-radius: 25px;}
.discussion::before { content: url(images/discussion.jpg)}
.discussiontext {text-align: left;color: darkgreen; background-color: khaki; }
.questions {text-align: left; color: indigo; box-shadow: 5px 5px 2px rebeccapurple; border: 1px solid rebeccapurple ; border-radius: 25px;}
.questions::before { content: url(images/question.jpg)}
.questionstext {text-align: left;color: indigo;}
.findings {text-align: left;}
.findingstext {text-align: left;color: orange;}
.commentstext {text-align: left;color: Crimson;}
.concepts {text-align: left; color:darkcyan; box-shadow: 5px 5px 2px lightcyan; border: 1px solid lightcyan !important ; border-radius: 25px;}
.concepts::before { content: url(images/concept.jpg)}
.conceptstext {text-align: left;color: darkcyan;}  
.copyright  {position: absolute; bottom: 10px; font-size: small !important} 
.header {position: absolute; top: 10px; font-size: 0.25em;}
.headerx {background-image: url(ISO-PTAB-background-sm2.jpg); background-repeat: no-repeat; background-position: left top; padding:70px 1300px 0px 0px; }
.headerxxx {position: absolute; top: 10px; font-size: 0.25em;background-image: url(ISO-PTAB-background-sm.jpg); background-repeat: no-repeat; 
background-position: left top; padding-top:68px; margin-bottom:50px;}
#ptab_logo {width:10%; height:10%;}
#ptab_ga_logo {width:10%; }
.summary {text-align: left;}
.summary::before { content: url(images/summary.jpg)}
.summarytext {text-align: left;color: grey;}
.coursemodule {text-align: center; color: purple; font-size: 200% !important; }
.coursetitle {	background: #94c4fe;
	font-size: 300% !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#94c4fe), color-stop(100%,#d3f6fe));
	background: -webkit-linear-gradient(top,  #94c4fe 31%,#d3f6fe 100%);
	background: -moz-linear-gradient(top,  #94c4fe 31%, #d3f6fe 100%);
	background: -o-linear-gradient(top,  #94c4fe 31%,#d3f6fe 100%);
	background: -ms-linear-gradient(top,  #94c4fe 31%,#d3f6fe 100%);
	background: linear-gradient(to bottom,  #94c4fe 31%,#d3f6fe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c4fe', endColorstr='#d3f6fe',GradientType=0 );

	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;

	border: 1px solid #4864a9;

	color: #000;
	font-size: 0.750em;
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);

	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .2);    
    box-shadow:  5px 5px 2px lightblue ; /* 0px 1px 3px 0px rgba(0, 0, 0, .2);*/

    position: relative;}
.coursetitle2 {text-align: center; color: purple; font-size: 300% !important; border: 1px solid black !important; border-radius: 25px !important; }
.courseorganisation {text-align: center; color: purple;  font-size: 150% !important; border: 1px solid purple !important; border-radius: 25px !important; box-shadow:  5px 5px 2px darkgoldenrod ; 
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top, #f1da36 0%, #fefcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1da36), color-stop(100%,#fefcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1da36 0%,#fefcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1da36 0%,#fefcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1da36 0%,#fefcea 100%); /* IE10+ */
background: linear-gradient(to bottom, #f1da36 0%,#fefcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#fefcea',GradientType=0 ); /* IE6-9 */
.materialdate {text-align: center; color: purple;  font-size: 100% !important; }
.h2{
  vertical-align: text-top !important; color:red !important;}