BODY {
	BACKGROUND-COLOR: #FFFAC8;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
	font-size: 12px
	font-style: normal;
	font-weight: normal;
	background-image:url(/graphics/ukms_title-wm.gif);
}

SPAN.nodec {
	TEXT-DECORATION: none
}
SPAN.copy {
	COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT"; FONT-SIZE: 12px
}
SPAN.error {
	FONT-SIZE: 12px; FONT-WEIGHT: bold
}
SPAN.blue {
	BACKGROUND-COLOR: #003366; COLOR: #ffffcc; FONT-SIZE: 12px
}
A         { text-decoration: none; color: #DD3300; font-family: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT"; }  
A:link    { text-decoration: none; color: #DD3300; }
A:visited { text-decoration: none; color: #B51A15; }
A:active  { text-decoration: none; color: #B51A15; }
A:hover   { text-decoration: underline; color: #990000; } 

A.imagelink:link 	{text-decoration: none; }
A.imagelink:visited {text-decoration: none; }
A.imagelink:active 	{text-decoration: none; }
A.imagelink:hover 	{background-color: #FFFFCC;}

.MENU     { color: #990033; font-size: 11px; text-indent: 1px; text-decoration: none}
.RESOURCE { font-size: 12px; font-style: normal; font-weight: bold; color: #FFFAC8; text-decoration: none}
.ITEM     { font-size: 12px}
.NEWS     { font-size: 14px; font-style: normal; color: #FFFAC8; text-decoration: none; font-weight: bold}

.SUPPLIERS  { font-size: 14px; font-style: normal; font-weight: bolder; text-decoration: none}
.CATEGORIES { font-size: 14px; font-style: italic; font-weight: bolder; text-decoration: underline; text-indent: 1px; }
.comments   { font-size: 14px }
.iblock     { font-size: 14px; font-style: italic; font-weight: bold; color: #000080; border: thin none; }
.zero { line-height:0px; display:none; }
.FRF { font-size: 14px;	background-color: #FFFF66; }
h1,
.h1 {
  font-size: 24px;
}
h2,
.h2 {
  font-size: 18px;
}
h3,
.h3 {
  font-size: 16px;
}
.col300 { max-width:300px; word-wrap:break-word; white-space:normal; }
.Six         { font-size: 32px; }
.SixB        { font-size: 32px; font-weight: bold; }
.Five        { font-size: 24px; }
.FiveB       { font-size: 24px; font-weight: bold; }
.FiveBC      { font-size: 24px; font-weight: bold; border: thin none; }
.FiveBBlue   { font-size: 24px; font-weight: bold; color: #3300FF; }
.FiveBWhite  { font-size: 24px; font-weight: bold; color: #FFFFFF; }
.Four        { font-size: 18px; }
.FourB       { font-size: 18px; font-weight: bold; }
.FourBC		 { font-size: 18px; font-weight: bold; border: thin none; }
.FourBI		 { font-size: 18px; font-weight: bold; font-style: italic; }
.FourBBlue   { font-size: 18px; font-weight: bold; color: #310063; }
.FourBRed    { font-size: 18px; font-weight: bold; color: #CC3300; }
.FourBWhite  { font-size: 18px; font-weight: bold; color: #FFFFFF; }
.Three		 { font-size: 16px; }
.ThreeB		 { font-size: 16px; font-weight: bold; }
.ThreeBB	 { font-size: 16px; font-weight: bold; color: #FFCC33; }
.ThreeBC	 { font-size: 16px; font-weight: bold; color: #FFFAC8; }
.ThreeBI	 { font-size: 16px; font-style: italic; font-weight: bold; }
.ThreeBiO	 { font-size: 16px; font-style: italic; font-weight: bold; color: #FF8040; }
.ThreeBiR	 { font-size: 16px; font-style: italic; font-weight: bold; color: #ff3300; }
.ThreeBWhite { font-size: 16px; font-weight: bold; color: #FFFFFF; }
.ThreeBRed   { font-size: 16px; font-weight: bold; color: #CC3300; }
.ThreeC 	 { font-size: 16px; border: thin none; }
.Two		 { font-size: 14px; max-height: 999999px; }
.TwoB 		 { font-size: 14px; font-weight: bold; max-height: 999999px; }
.TwoC 		 { font-size: 14px; border: thin none; max-height: 999999px; }
.TwoBC 		 { font-size: 14px; font-weight: bold; border: thin none; max-height: 999999px; }
.TwoBR 		 { font-size: 14px; font-weight: bold; color: #CC3300;  max-height: 999999px; }
.TwoI 		 { font-size: 14px; font-style: italic;  max-height: 999999px; }
.TwoBI 		 { font-size: 14px; font-style: italic; font-weight: bold; max-height: 999999px; }
.TwoBIR 	 { font-size: 14px; font-style: italic; font-weight: bold; color: #FF0000;  max-height: 999999px; }
.TwoGrey     { font-size: 14px; font-weight: normal; color: #666666;  max-height: 999999px; }
.TwoWhite    { font-size: 14px; font-weight: normal; color: #FFFFFF;  max-height: 999999px; }
.TwoBiBlue   { font-size: 14px; font-style: italic; font-weight: bold; color: #000080;  max-height: 999999px; }
.TwoIBlue    { font-size: 14px; font-style: italic; color: #000080;  max-height: 999999px; }
.One		 { font-size: 12px;  max-height: 999999px; }
.OneB 		 { font-size: 12px; font-weight: bold;  max-height: 999999px; }
.OneC		 { font-size: 12px; border: thin none;  max-height: 999999px; }
.BGP_Green   { font-size: 18px; font-weight: bold; color: #008000; }
.BGP_Brown   { font-size: 18px; font-weight: bold; color: #800000; }
.SCRS_SixB   { font-size: 32px; font-weight: bold; }
.SCRS_SevenB { font-size: 36px; font-weight: bold; }
.bgAmber { font-size: 12px; background-color:#FF0; }
.bgRed { font-size: 12px; background-color:#F00; }
.panelBGC {	background:#F0C878; position:relative; z-index: 1; }
.panelBGClight { background:#FFEA9C; }
.entryBDRCon { 
  margin-top:5px;
  margin-bottom:5px;
  padding: 5px 10px;
	border: 1px solid; 
	border-radius: 5px;
	border-color: #FF9933;
}
.entryBDRCoff { border:none; border-color: #FF9933; }
.boxAdvertUKMS { 
  margin-top:5px;
  margin-bottom:5px;
  padding: 5px 10px;
	border: 1px solid; 
	border-color: #FF9933; 
	border-radius: 5px;
	background-color: #FFFFCC; 
	text-align: center; 
}
.tj {
	font-size: 14px;
	text-align:justify;
	text-justify:inter-word;
	margin-left: 5px;
}
.tc { font-size: 14px; text-align:center; text-justify:inter-word; }
img.right { float:right;  margin : 0 0 5px 10px;  /* Top, Right, Bottom, Left */ }
img.left { float:left;  margin : 0 10px 5px 0; }
img.top { float:left; margin : 5px 0 10px 0; }
img.bottom {  float:left;  margin : 10px 0 5px 0; }
.icon {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 display:block;
 color:#000;
 background: #fefefe;
 text-align:center;
 padding: 3px 2px 3px 2px;
 margin:0px;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:2px solid #ccc;
 border-bottom:2px solid #666;
 line-height:15px;
}
.assocLinks a:link, .assocLinks a:visited, .assocLinks a:active {
text-decoration: none;
color:#0066FF;
}
.assocLinks a:hover {
text-decoration: none;
background-color:#0066FF;
color: #FFFFFF;
}
#btnInfoGreen {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 height: 20px;
 background-color: green;
 cursor:pointer;
}
#btnInfoRed {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 100px;
 background-color: green;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
 cursor:pointer;
}
#btnSearch {
 background-color: #006600;
 color: #FFFAC8;
 font-weight: bold;
 cursor:pointer;
}
#btnSearch A:hover {
 background-color: #CCCC00;
 color: #B21414;
 font-weight: bold;
 cursor:pointer;
} 
.btnSmall {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
 width: 100px;
 cursor:pointer;
}
.btnMedium {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 6px;
 margin-top: 1px;
 margin-bottom: 1px;
 width: 150px;
 cursor:pointer;
}
.btnLarge {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
 width: 250px;
 cursor:pointer;
}
.btnClubs {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
 width: 210px;
 cursor:pointer;
}
.btnShops {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 6px;
 margin-top: 1px;
 margin-bottom: 1px;
 width: 175px;
 cursor:pointer;
}
.btnSupp {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 6px;
 margin-top: 1px;
 margin-bottom: 1px;
 width: 200px;
 cursor:pointer;
}
.btnDirections {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: inline;
 padding: 3px 0.5em;
 text-decoration: none;
 color: black;
 background-color: #FFF2BF;
 border: 2px solid #FFF2BF;
 cursor:pointer;
}
#btnIndex A {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: inline;
 padding: 3px;
 background-color: #993300;
 border-bottom: 1px solid #FFFFCC;
}
#btnSmall A {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 100px;
 background-color: #993300;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
}
#btnClubs A {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 210px;
 background-color: #993300;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
}
#btnRetailers {
 font:bold 16px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 margin:0px;
 cursor:pointer;
}
#btnRetailers A {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 175px;
 background-color: #993300;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
}
#btnSuppliers A {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 225px;
 background-color: #993300;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
}
#btnSuppliers A:link, #btnSuppliers A:visited, #btnRetailers A:link, #btnRetailers A:visited, #btnClubs A:link, #btnClubs A:visited, #btnIndex A:link, #btnIndex A:visited, #btnSmall A:link, #btnSmall A:visited {
 color: #FFFFCC;
 text-decoration: none;
}
#btnSuppliers A:hover, #btnRetailers A:hover, #btnClubs A:hover, #btnIndex A:hover, #btnSmall A:hover {
 background-color: #DC6642;
 color: #fff;
 border-top:2px solid #E8A084;
 border-left:2px solid #E8A084;
 border-right:3px solid #E8A084;
 border-bottom:3px solid #973A15;
}
#tabs A, #tabs0 A, #tabs1 A, #tabs2 A {
 font-family: Arial, Helvetica, sans-serif, "Gill Sans MT";
}
#tabs A:link, #tabs A:visited, #tabs0 A:link, #tabs0 A:visited, #tabs1 A:link, #tabs1 A:visited, #tabs2 A:link, #tabs2 A:visited {
 color: #FFFFCC;
 text-decoration: none;
}
#tabs A:hover, #tabs0 A:hover, #tabs1 A:hover, #tabs2 A:hover {
 color: #FF6633;
}
.lining {
 background-image: url(/graphics/lining.gif);
 background-repeat:repeat-x;
}
.trainBGR {
 background-image: url(/graphics/background.jpg);
}

DIV.table-row-lining {
 background-image:url(/graphics/lining.gif);
 background-repeat:repeat-x;
 border: 0px;
 color: #000000;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 padding: 1px;
 text-align: center;
 width: 100%;
}
DIV.table-row {
 background: #006600;
 border: 0px;
 color: #000000;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 padding: 0px;
 text-align: left;
 width: 100%;
}
DIV.left-container {
  border: none; float: left; margin: 0; padding: 1px; width: 50px;
}
DIV.right-container {
  border: none; margin: 0; padding: 1px; width: 1000px;
}
DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}
#map {
 height: 400px;
 margin: 0px 130px 0px 5px;
 padding: 2px;
 border: 1px solid #eeeeee;
 font:normal 12px Arial, Helvetica, sans-serif, "Gill Sans MT";
}
#crumbs {
 font:italic bold 14px Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FF8040;
 padding: 4px; 
}
#crumbs h3 {
 display: none;
}
#crumbs ul {
 display: inline;
 padding-left: 0;
 margin-left: 0;
}
#crumbs ul li {
 display: inline;
}
#crumbs ul li a:link {
 padding: .2em;
}
#crumbs ul ul li{
 background-image: url(/graphics/arrows.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 12px;
}

.buttonSubmitHide {
 display: none;
}

.navTop ul{
margin: 0;
padding: 0;
list-style-type: none;
position:relative;
z-index:5;
}

/*Top level list items*/
.navTop ul li{
position: relative;
display: inline;
float: left;
background-color: #006600; /*overall menu background color*/
color: #FFFAC8; /* text formatting */
font-family: Verdana, Arial, Helvetica, sans-serif, "Gill Sans";
font-size: 14px;
font-weight: bold;
text-align: center;
border-top: 2px solid #6BA66B; /* button formatting */
border-left: 2px solid #6BA66B;
border-right: 3px solid #003300;
border-bottom: 3px solid #003300;
line-height: 21px;
width:125px;
}

/*Top level menu link items style*/
.navTop ul li a{
display: block;
width: 200px; /*Width of top level menu link items*/
margin-left: 2px;
margin-right: 2px;
line-height: 18px;
}
	
/*1st sub level menu*/
.navTop ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.navTop ul li ul li{
display: list-item;
float: none;
width: 225px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.navTop ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
}

/* Sub level menu links style */
.navTop ul li ul li a, .navTop ul li a:visited {
display: block;
width: 225px; /*width of sub menu levels*/
color: #FFFAC8;
font-family: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
font-size: 12px;
font-weight: bold;
text-align: left;
border-top: 1px solid #006600;
margin-left: 0px;
margin-right: 0px;
padding-left : 5px;
}

.navTop ul li a:hover {
color: #B21414;
width : 218px;
border : solid #FFFAC8;
border-width : 1px 1px 1px 1px;
white-space : nowrap;
background-color : #CCCC00;
padding-left : 5px;
font-family: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
font-size: 12px;
font-weight: bold;
text-align: left;
}

/*Background image for top level menu list links */
.navTop .mainfoldericon{
 background-color: #006600;
 background-repeat: no-repeat;
 background-position: left;
}

/*Background image for subsequent level menu list links */
.navTop .subfoldericon{
 background-color: #006600;
 background-repeat: no-repeat;
 background-position: left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows navTop menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .navTop ul li { float: left; height: 1%; }
* html .navTop ul li a { height: 1%; }
/* End */

/* The following sets the "i" image in IE6 + IE7 */
.info{
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 2px;
	padding:0;
	background:url(/graphics/info.gif) top left no-repeat;
	cursor:help;
	}

/* The following sets the "i" image for standard conforming browsers IE does not understand this */
html>/**/body .info{
	margin-left:5px;
	padding:0 0 0 14px;
	background:url(/graphics/info.gif) center left no-repeat;
	cursor:help;
}

/* form validation */
#wrapper {}
.form {float:left; padding:0 10px 10px 10px; background:#f3f3f3; border:2px solid #cfcfcf}
.form label {float:left; width:100px; padding:10px 10px 0 0; font-weight:bold}
.form select {float:left; width:146px; margin-top:10px}
.form input {float:left; margin-top:10px}
.form .submit {clear:both}
#msg {display:none; position:absolute; z-index:200; background:url(/graphics/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/* calendar - 11px */
td.cal{font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #000000; background-color : #d3d3d3;	}
select.month{font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #000000; width : 85px;	}
input.year{font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #000000; width : 30px; }
td.calDaysColor {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #000000; }
td.calWeekend {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #c0c0c0; }
td.calBgColor {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #d3d3d3; }
.calBorderColor {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #a9a9a9; }
td.calHighlightColor {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #ffffcc; }

/* The CSS that's required to position the footer */
/* 		<div id="divBottomLeft"> */
#divBottomLeft {
position: fixed;
bottom: 5px;
left: 20px;
width: 200px;
z-index:5
}

#divBottomUpdate {
position: absolute;
bottom: 5px;
left: 20px;
width: 200px;
z-index:1
}

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink {width: 49%; height: 100%; background: transparent url(../graphics/lb/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../graphics/lb/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../graphics/lb/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}

#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
.visibleDiv, #topLeft, #topRight, #bottomLeft, #bottomRight, #bottomCentre {position: fixed; border: solid 1px #336600; vertical-align: middle; background: #FFFAC8; text-align: center;}
#bottomLeft {bottom: 10px; left: 50px; z-index: 1000; width: 150px;}
#bottomRight {bottom: 10px; right: 10px; z-index: 1000; width: 150px;}
#bottomCentre {bottom: 2px; left: 200px; z-index: 1000; width: 700px;}

#tagcloud {width: 175px; background:#CFE3FF; color:#0066FF; padding: 10px; border: 1px solid #559DFF; text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#tagcloud a:link, #tagcloud a:visited {text-decoration:none; color: #333;}
#tagcloud a:hover {text-decoration: underline;}
#tagcloud span {padding: 4px;}
#tagcloud .smallest {font-size: x-small;}
#tagcloud .small {font-size: small;}
#tagcloud .medium {font-size:medium;}
#tagcloud .large {font-size:large;}
#tagcloud .largest {font-size:larger;}

/* custom checkbox */
/* The container */
.container {
  display: inline-block;
  width: 10px;
  position: relative;
  padding-left: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ffcc33;
  border: 1px solid black;
  -moz-box-shadow:    1px 1px 5px 6px #ccc;
  -webkit-box-shadow: 1px 1px 5px 6px #ccc;
  box-shadow:         1px 1px 5px 6px #ccc;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #cc3333;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  display: inline-block;
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: inline-block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.radio-text input[type="radio"] {
  display: none;
}

.radio-text label {
  display: inline-block;
  background-color: #ffff66;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid black;
}

.radio-text input[type="radio"]:checked+label {
  color: white;
  background-color: #dc131f; 
}

.radio-image input[type="radio"] {
  display: none;
}

.radio-image label {
 background-image:url(/graphics/radiobutton-unchecked.png);
 vertical-align:middle;
 display:inline-block;
 height: 18px;
 width: 18px;
 padding: 0 0 0 0px;
 cursor:pointer;
}

.radio-image input[type="radio"]:checked+label {
 background-image:url(/graphics/radiobutton-checked.png);
}

.footer-panel {
 margin-top:15px;
 margin-bottom:15px;
  padding: 10px 15px;
 border: 1px solid;
 border-color: #FF6600;
 border-radius: 5px;
 color:#5B5B5B;
 overflow: hidden;
}

.panel {
 border: 1px solid;
 border-color: #FF6600;
 border-radius: 5px;
}