N@charset "utf-8";
/* CSS Document */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplay-radio-tabs.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

input.tabs {position:absolute;; left:-9999px;}
input.tabsleather {position:absolute;; left:-9999px;}
input.tabsblue{position:absolute;; left:-9999px;}
input.tabsgreen{position:absolute;; left:-9999px;}
input.tabsorange{position:absolute;; left:-9999px;}
input.tabssilver{position:absolute;; left:-9999px;}

/*New red*/
input.tabs + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#ce4241; padding:0 20px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
/*Office Black*/
input.tabsleather + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#222; padding:0 20px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
/*Executive Blue*/
input.tabsblue + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#0b629e; padding:0 20px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
/*Conference Green*/
input.tabsgreen + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#3d693d; padding:0 20px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
/*Posture Orange*/
input.tabsorange + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#ba5c1f; padding:0 20px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}

/*operator Silver*/
input.tabssilver + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#70777b; padding:0 20px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}




input.tabs + label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
input.tabsleather + label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
input.tabsblue + label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
input.tabsblue + label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
input.tabsorange + label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
input.tabssilver + label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}


.tabcontent {width:94.7%; padding:2rem 2rem 8rem 2rem; border:1px solid #aaa; border-radius:0 5px 5px 5px; background:#fff; position:relative; z-index:10; display:none; clear:left; top:-1px;
 box-shadow:0 15px 10px -15px rgba(0,0,0,0.4);
}
.tabcontent p {padding:0 0 5px 0; margin:0; font:normal 100%/20px arial, sans-serif; color:#333;}
.tabcontent h4 {padding:0 0 10px 0; margin:0; font:bold 140%/25px arial, sans-serif; color:#000; text-align:center;}  /*delete once all changed*/
.tabcontent h3 {padding:0 0 10px 0; margin:0; font:bold 140%/25px arial, sans-serif; color:#000; text-align:center;}
.tabcontent h2 {padding:0 0 10px 0; margin:0; font:bold 140%/25px arial, sans-serif; color:#000; text-align:center;}
.tabcontent {display:none;}
input.tabs:checked + label {background-color:#fff; border-bottom:1px solid #fff; color:#000; z-index:20;}
input.tabsleather:checked + label {background-color:#fff; border-bottom:1px solid #fff; color:#000; z-index:20;}
input.tabsblue:checked + label {background-color:#fff; border-bottom:1px solid #fff; color:#000; z-index:20;}
input.tabsgreen:checked + label {background-color:#fff; border-bottom:1px solid #fff; color:#000; z-index:20;}
input.tabsorange:checked + label {background-color:#fff; border-bottom:1px solid #fff; color:#000; z-index:20;}
input.tabssilver:checked + label {background-color:#fff; border-bottom:1px solid #fff; color:#000; z-index:20;}


input#tab1:checked ~ div#view1 {display:block;}
input#tab2:checked ~ div#view2 {display:block;}
input#tab3:checked ~ div#view3 {display:block;}
input#tab4:checked ~ div#view4 {display:block;}
input#tab5:checked ~ div#view5 {display:block;}

/* form */
div#view4 form {padding:20px 0 0 150px; margin:0; width:300px;}
div#view4 form label {display:block; width:70px; float:left; font:normal 12px/20px arial, sans-serif; color:#888;}
div#view4 form input.ipt {display:block; width:150px; float:left; border:1px solid #888; border-radius:3px;}
div#view4 form input#submit {margin-left:70px;}

/* gallery */
.radiogallery {position:relative; padding:0; margin:10px auto; /*width:320px;*/ width: 55%; height:236px; padding:340px 10px 10px 10px; border:1px solid #ccc;}
.radiogallery input {position:absolute; left:-9999px;}
.radiogallery label {display:block; width:26px; height:47px; border:1px solid #bbb; margin:2px; float:left; background:#eee; text-align:center; cursor:pointer; font:11px/26px arial, sans-serif; position:relative; top:23em;}
.radiogallery label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}

.radiogallery div {position:absolute; left:12%; top:10px; /*width:320px;*/ width: 79%; height:320px; text-align:center; opacity:0; /*filter: alpha(opacity=0);*/
-webkit-transition:1s;
transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s;
}
.radiogallery input:checked + label {background-color:#ccc;}
.radiogallery label:hover {background:#ddd;}

.radiogallery input#pic1:checked ~ div.pic1,
.radiogallery input#pic2:checked ~ div.pic2,
.radiogallery input#pic3:checked ~ div.pic3,
.radiogallery input#pic4:checked ~ div.pic4,
.radiogallery input#pic5:checked ~ div.pic5,
.radiogallery input#pic6:checked ~ div.pic6,
.radiogallery input#pic7:checked ~ div.pic7,
.radiogallery input#pic8:checked ~ div.pic8,
.radiogallery input#pic9:checked ~ div.pic9,
.radiogallery input#pic0:checked ~ div.pic0,
.radiogallery input#pic10:checked ~ div.pic10,
.radiogallery input#pic11:checked ~ div.pic11,
.radiogallery input#pic12:checked ~ div.pic12,
.radiogallery input#pic13:checked ~ div.pic13,
.radiogallery input#pic14:checked ~ div.pic14,
.radiogallery input#pic15:checked ~ div.pic15,
.radiogallery input#pic16:checked ~ div.pic16,
.radiogallery input#pic17:checked ~ div.pic17,
.radiogallery input#pic18:checked ~ div.pic18,
.radiogallery input#pic19:checked ~ div.pic19,
.radiogallery input#pic20:checked ~ div.pic20,
.radiogallery input#pic21:checked ~ div.pic21,
.radiogallery input#pic22:checked ~ div.pic22,
.radiogallery input#pic23:checked ~ div.pic23,
.radiogallery input#pic24:checked ~ div.pic24,
.radiogallery input#pic25:checked ~ div.pic25,
.radiogallery input#pic26:checked ~ div.pic26,
.radiogallery input#pic27:checked ~ div.pic27 {opacity:1; /*filter: alpha(opacity=100);*/}


.image9{width: 9%;}
.image12{width: 12%;}
.image17{width: 17%;}
.image75{width: 75%;}
.image22{width: 22%;}
.image25{width: 25%;}
.image27{width: 27%;}
.image29{width: 29%;}
.image42{width: 42%;}

span.flexblue{color: #384973; font-weight: 600;}
span.flexgreen{color: #708f12; font-weight: 600;}
span.flexorange{color: #dc6709; font-weight: 600;}
span.flexmoonstone{color: #e0e1db; font-weight: 600; background-color: #000;  padding: 0.1rem 0.2rem;}
span.flexgrey{color: #848380; font-weight: 600;}
span.flexred{color: #a8373e; font-weight: 600;}

.container #maincontent .radiotabs #view1 a:link {color: #ce4241; background-color: transparent; text-decoration: none; font-size: 130%;}
.container #maincontent .radiotabs #view1 a:visited {color: #060; background-color: transparent; text-decoration: none;}
.container #maincontent .radiotabs #view1 a:hover {color: #891211; background-color: transparent; text-decoration: underline;}
.container #maincontent .radiotabs #view1 a:active {color: #006; background-color: transparent; text-decoration: underline;}

.container #maincontent .radiotabs #view3 a:link {color: #ce4241; background-color: transparent; text-decoration: none; font-size: 130%;}
.container #maincontent .radiotabs #view3 a:visited {color: #060; background-color: transparent; text-decoration: none;}
.container #maincontent .radiotabs #view3 a:hover {color: #891211; background-color: transparent; text-decoration: underline;}
.container #maincontent .radiotabs #view3 a:active {color: #006; background-color: transparent; text-decoration: underline;}

.container #maincontent .radiotabs #view5 a:link {color: #ce4241; background-color: transparent; text-decoration: none; font-size: 130%;}
.container #maincontent .radiotabs #view5 a:visited {color: #060; background-color: transparent; text-decoration: none;}
.container #maincontent .radiotabs #view5 a:hover {color: #891211; background-color: transparent; text-decoration: underline;}
.container #maincontent .radiotabs #view5 a:active {color: #006; background-color: transparent; text-decoration: underline;}

.centreimage1{margin-left: 45%;} /*1 icons*/
.marginleft2{margin-left: 2%;} /*9 icons*/
.marginleft3{margin-left: 3%;} /*8 icons*/
.marginleft4_5{margin-left: 4.5%;} /*7 icons*/
.marginleft6_5{margin-left: 6.5%;} /*6 icons*/
.marginleft9{margin-left: 9%;} /*5 icons*/
.marginleft12{margin-left: 12%;} /*4 icons*/
.marginleft18{margin-left: 18%;} /*3 icons*/
.padtop9rem{padding: 7rem 0 0 0 !important;}
.marginleft26{margin-left: 26%;} 



span.bergamotcherry{color: #e60c29; font-weight: 600;}
span.ginsengchilli{color: #762e32; font-weight: 600;}
span.maringateal{color: #097474; font-weight: 600;}
span.tobascored{color: #e8830e; font-weight: 600;}
span.tansypurple{color: #6131c5; font-weight: 600;}
span.steviablue{color: #5e87bf; font-weight: 600;}
span.sennayellow{color: #d8b717; font-weight: 600;}
span.myrrhgreen{color: #4eb717; font-weight: 600;}

span.cream{color: #d9c395; font-weight: 600; background-color: #472415; padding: 0.1rem 0.2rem;}
span.burgundy{color: #652525; font-weight: 600;}
span.brown{color: #3d382c; font-weight: 600;}
span.green{color: #415a4b; font-weight: 600;}

/************************
pop up box on icon meanings
code by Iain Tait 2009
******************************/
/*apply colour to background and text when mouse rolls over*/
.magicword a{color: #882D17;}	
.magicword a:hover{color: #882D17;}
/*Tell css not display if clicked*/
.magicword a:link span{display: none;}
 /*Tell css not to change to default text colour after visit*/
.magicword a:visited span{display: none;}
.magicword a:hover span{margin-top: 0rem; margin-right: 0px; margin-bottom: 0px; margin-left: 58.5%; position: absolute; background: #222222; /* Old browsers */ background: -moz--moz-linear-gradient(top,  #222222 0%, #444444 25%, #666666 49%, #444444 75%, #222222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(25%,#444444), color-stop(49%,#666666), color-stop(75%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* IE10+ */ background: linear-gradient(to bottom,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* W3C */ max-width: 30rem; padding-top: 5px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; border: 2px outset #F00; font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-align:left; border-radius: 1rem; color: #FFF; text-decoration: none; display: block; width:14rem;}

#reviewchair{display: none;}
.displaynot{display: none; visibility:hidden;}
/*form controls*/
#formwrap {
	width: 100%;
	margin: 30px 0 20px -6%;
/*	background:#fff;
	border: 1px solid #f1f1f1;
	border-radius:2em;
	box-shadow: 2px 2px 5px #999;*/
	padding:16px 10px 40px;
}
#formwrap #form {
/*	border-top: 1px solid #EEE;*/
	width:85%;
}
#form .row {
	line-height: 38px;
	display: flex;
	overflow:auto;
	padding: 0;
	width:130%;
	margin-left: -30%;
	display:block;
}

#form .row .label { display: none; visibility:hidden;}
#form .row .context { display: none; visibility:hidden;}
#form .row .input .yellow {color: #ffff11;}

#form .row .input {
	float: left;
	width: 98%;
}
#form .row .input2 {
	float: left;
	width: 93%;
}

#form .row .gold{color: #485096;}

#form .row .detail{
	width:97%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	padding: 0.2em 0.4em;
	margin:0;
	display: block;
	border-radius: 0.7em;
	background: #e9e9e9;
	border: 1px solid #CCC;	
}
#form .row .mess{
	height: 80px;
	width: 97%;
	max-width: 351px;
	overflow:auto; /*for internet explorer to remove scroll bar*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	padding: 0.2em 0.4em;
	margin:0;
	line-height: 1em;
	display: block;
    border-radius: 0.7em;
	background: #e9e9e9;
	border: 1px solid #CCC;	
}
#form .row .detail:focus{
	background-color:#acdeab;
	outline:none;
	border: 1px solid #999;
	}
#form .row .mess:focus{
	background-color:#acdeab;
	outline:none;
	border: 1px solid #999;
	}
#form #submit {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	color: #FFF;
	font-size: 110%;
	text-shadow: 1px 1px 1px #999;
	padding: 0.4em 0.6em;
	/*margin-left: 15%;*/
background: #222222; /* Old browsers */
background:  -moz-linear-gradient(top,  #222222 0%, #444444 25%, #666666 49%, #444444 75%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(25%,#444444), color-stop(49%,#666666), color-stop(75%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* W3C */
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}
#form #submit:hover {
	color: #F00;
	font-size: 110%;
	text-shadow: 1px 1px 1px #999;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #444444 25%, #222222 50%, #444444 75%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(25%,#444444), color-stop(50%,#222222), color-stop(75%,#444444), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* W3C */
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}

#form #cancel {
	font-family: Arial, Helvetica, sans-serif;
	margin : -6.1rem 0 0 18rem;
	color: #FFF;
	font-size: 110%;
	text-shadow: 1px 1px 1px #999;
	padding: 0.4em 0.6em;
	/*margin-left: 15%;*/
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #444444 25%, #666666 49%, #444444 75%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(25%,#444444), color-stop(49%,#666666), color-stop(75%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* W3C */
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}
#form #cancel:hover {
	color: #F00;
	font-size: 110%;
	text-shadow: 1px 1px 1px #999;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #444444 25%, #222222 50%, #444444 75%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(25%,#444444), color-stop(50%,#222222), color-stop(75%,#444444), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* W3C */
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}

/*table {border-collapse: collapse; width: 100%;}
table.return { margin-bottom: -4em;}*/
.return th{float:left;}
.return td{float:left; font-weight:600;}
.return tr:nth-child(even){color:#C90;}

.star{float: left; margin-left: 15%; font-weight:900; font-size: 115%; color: #485096;}
.seat{position: relative; top: 0em; left: 8%; font-weight: 800; font-size: 105%;}
.appraisal{clear: left; position: relative; left: 10%; top: -1.6em;}



.rating{background:#f0efef; padding:0.5rem; width:100%;}
.rating th{float:left; padding-bottom: 0.3rem;}
.rating td{float:left; font-weight:500; padding-bottom: 0.3rem;}
.rating .starreview{color:#C90; float:right; font-size: 120%;}
.rating .dateview{float:right; margin: -2rem 0.5rem 0 0;}
.rating .space02rem{margin: 0 0 0 0.2rem;}
.rating .datewhen{float:right; margin: -2rem 1rem 0 0; padding-bottom:1rem;}
.rating .border{border-top: #900 solid thin; width: 90%; margin: 0 0 0 5%;}
 
#starry{background:#f0efef; padding:0.5rem; width:100%;}
#starry th{float:left; padding-bottom: 0.3rem;}
#starry td{float:left; font-weight:500; padding-bottom: 0.3rem;}
#starry .starreview{color:#C90; float:right; font-size: 120%;}
#starry .dateview{float:right; margin: -2rem 0.5rem 0 0;}
#starry .space02rem{margin: 0 0 0 0.2rem;}
#starry .datewhen{float:right; margin: -2rem 1rem 0 0; padding-bottom:1rem;}
#starry .border{border-top: #900 solid thin; width: 90%; margin: 0 0 0 5%;}
.starspecial{color: #C90; float: right; margin: 0rem 1rem 0 0; font-size: 120%;}
.special1{margin: 0 0 0 0.5rem;}
.special2{margin: 0 0 0 0.5rem; float:left; }
.special3{margin: 0 0 0 0.8rem; float:left; }
.special4{margin: 0 0 0 0.8rem; float:left;}


/*for five output from Database*/
.chair{float:left; margin-bottom: -1.6em;}
.seat{position: relative; top: 0em; left: 15%; font-size: 105%;}
.topfive {float:left; position: relative; top: -1.9rem; left: 73%;}
.star5{position: relative; margin-left: 23%; font-weight:900; font-size: 115%; color: #485096; position: relative; top: -3.8rem; left: 68%;}
.appraisalfive{position: relative; top: -4.9rem; left: 20%; font-size: 100%;}
.top{position: relative;  top: -1.6em;}
.whom{clear: left; position: relative; left: 16%; top: -3.2em; margin-bottom: -2em;}
.when{clear: left; position: relative; left: 101%; top: -3.2em; margin-bottom: -2em;}
.affix{position: relative; margin-bottom: -1em; top: -3.2em; float: left; left: 111%;}

.chairfive{position: relative; top: 0em; left: 5%; font-size: 105%;}
.rating5{position: relative; top: 0em; left: 50%; font-size: 105%;}
.review5{position: relative; top: -3rem; left: 0.4%; font-size: 105%;}

.when5{position: relative; top: 6rem; left: 50%;  font-size: 105%;}


.furniture{position: relative; top: 0em; left: 14%; font-size: 105%;}


.ratefive {position: relative; top: -1.6rem; left: 11%; font-size: 105%;}
.reviewfive{float:left; position: relative; top: -1.3rem;}

.whomfive{clear: left; position: relative; left: 11%; top: -3.2rem;/* margin-bottom: -2em;*/}
.whenfive{ clear: left; position: relative; left: 27%; top: -4.2em; /*margin-bottom: -2em;*/}
.affixfive{position: relative; /*margin-bottom: -2em;*/ top: -6.9rem; float: left; left: 80%;}
.whenfive72{ clear: left; position: relative; left: 72%; top: -4.2em; /*margin-bottom: -2em;*/}
.outputfive{margin: 0 0 3rem 0;}

#yourreview{position: relative; top: -17em; float:right; width: 28%; right: -5em;}
#rateoutput{ color:#009; font-weight:700; float:left; padding-right: 5px;}
reviewoutput{color:#009;}

#formcontainer{width: 100%; margin: 20px 0; padding:16px 10px 40px;}

#formcontainer #proforma {
/*	border-top: 1px solid #EEE;*/
	width: 100%;
	margin: 0 auto;
}


#proforma .echelon{
	line-height: 38px;
	display: flex;
	overflow:auto;
	padding: 0;
	width:85%;
	margin-left: 0%;
	display:block;
}

#proforma .echelon  .insignia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: 600;
	width: 9rem;
	text-align: right;
	float: left;
	margin-right: 0.5em;
	padding-right: 0.5em;
}
#proforma .echelon .input {
	float: left;
	width: 85%;
}
#proforma .echelon .context {
	color: #333;
	font-size: 90%;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 38px;
	float: left;
	width: 100%;
}
#proforma .echelon .embellish{
	width:55%;
	padding: 0.2em 0.4em;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 100%;
	padding: 0.2em 0.4em;
	margin:0;
	display: block;*/
	border-radius: 0.7em;
	border: 1px solid #CCC;	
	margin-left: 0.2rem;
}

#proforma .echelon .datefield{
	width:45%;
	padding: 0.2em 0.4em;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 100%;
	padding: 0.2em 0.4em;
	margin:0;
	display: block;*/
	border-radius: 0.7em;
	border: 1px solid #CCC;	
	margin-left: 0.2rem;
}
#proforma .echelon .memo{
	height: 5rem;
	width:55%;
	max-width: 351px;
    border-radius: 0.7em;
	border: 1px solid #CCC;	
	margin-left: 0.2rem;
	font-family: Arial, Helvetica, sans-serif;
}

#proforma .echelon #submit2 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	color: #FFF;
	font-size: 110%;
	text-shadow: 1px 1px 1px #999;
	padding: 0.4em 0.6em;
	/*margin-left: 15%;*/
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #444444 25%, #666666 49%, #444444 75%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(25%,#444444), color-stop(49%,#666666), color-stop(75%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* W3C */
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}
#proforma .echelon #submit2:hover {
	color: #F00;
	font-size: 110%;
	text-shadow: 1px 1px 1px #999;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #444444 25%, #222222 50%, #444444 75%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(25%,#444444), color-stop(50%,#222222), color-stop(75%,#444444), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* W3C */
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}



/* --------------------------------------------
  Mobile
-------------------------------------------- */

@media (max-width: 640px) {

/*Executive Blue*/
input.tabsblue + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#0b629e; padding:0 12px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
/*Posture Orange*/
input.tabsorange + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#ba5c1f; padding:0 12px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
/*Office Black*/
input.tabsleather + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#222; padding:0 12px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
/*operator Silver*/
input.tabssilver + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#70777b; padding:0 12px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
/*Conference Green*/
input.tabsgreen + label {float:left; display:block; font:normal 85%/30px arial, sans-serif; border:1px solid #aaa; border-radius:5px 5px 0 0; background:#3d693d; padding:0 12px; margin-right:2px; text-decoration:none; color:#fff; position:relative; margin-bottom:0;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
background-image:linear-gradient(rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
.tabcontent h2 {padding:0 0 10px 0; margin:0; font:bold 130%/25px arial, sans-serif; color:#000; text-align:center;}


}

@media only screen and (max-width:360px) {
	.radiogallery {position:relative; padding:0; margin:10px auto; /*width:320px;*/ width: 55%; height:4rem; padding:340px 10px 10px 10px; border:1px solid #ccc;}
	
	.radiogallery input {position:absolute; left:-9999px;}
.radiogallery label {display:block; width:26px; height:47px; border:1px solid #bbb; margin:2px; float:left; background:#eee; text-align:center; cursor:pointer; font:11px/26px arial, sans-serif; position:relative; top:-4em;}
.radiogallery label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}

.radiogallery div {position:absolute; left:12%; top:10px; /*width:320px;*/ width: 79%; height:320px; text-align:center; opacity:0; /*filter: alpha(opacity=0);*/
-webkit-transition:1s;
transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s;
}
	#form .row .detail{
	width:57%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	padding: 0.2em 0.4em;
	margin:0;
	display: block;
	border-radius: 0.7em;
	background: #e9e9e9;
	border: 1px solid #CCC;	
}

#form #submit {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	color: #FFF;
	font-size: 110%;
	text-shadow: 1px 1px 1px #999;
	padding: 0.4em 0.6em;
	/*margin-left: 15%;*/
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #444444 25%, #666666 49%, #444444 75%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(25%,#444444), color-stop(49%,#666666), color-stop(75%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#444444 25%,#666666 49%,#444444 75%,#222222 100%); /* W3C */
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}
#form #submit:hover {
	color: #F00;
	font-size: 110%;
	text-shadow: 1px 1px 1px #999;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #444444 25%, #222222 50%, #444444 75%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(25%,#444444), color-stop(50%,#222222), color-stop(75%,#444444), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 0%,#444444 25%,#222222 50%,#444444 75%,#666666 100%); /* W3C */
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}
div#view4 form input#submit {margin-left:-8rem;}
#formwrap #form {
/*	border-top: 1px solid #EEE;*/
	width:95%;
}
#form .row {
	line-height: 38px;
	display: flex;
	overflow:auto;
	padding: 0;
	width:100%;
	margin-left: -40%;
	display:block;
}
#starry{background:#f0efef; padding:0.1rem; width:43%; position:relative; right:1.3rem;}
#starry th{float:left; padding-bottom: 0.3rem;}
#starry td{float:left; font-weight:100; padding-bottom: 0.3rem;}
#starry .starreview{color:#C90; float:right; font-size: 80%;}
#starry .dateview{float:right;}
#starry .datewhen{float:right; margin-right: 0.2rem; padding-bottom:1rem;}
#starry .border{border-top: #900 solid thin; width: 20%;  margin: 0 0 0 5%;}
.outputfive{margin: 0 0 1rem 0;}

#yourreview{position: relative; top: 0em; float:left; width: 28%; right: 0em; clear:both;}
#rateoutput{ color:#009; font-weight:700; float:left; padding-right: 5px;}
reviewoutput{color:#009;}
}