DIV{-moz-box-sizing:border-box;box-sizing:border-box}
/*
CCC Light Blue 41C8F5
*/
@font-face {
  font-family: MontserratBold;
  src: url(../fonts/Montserrat-Bold.ttf);
}
@font-face {
  font-family: MontserratMedium;
  src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
  font-family: RobotoBlack;
  src: url(../fonts/Roboto-Black.ttf);
}



-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
body{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:  repeat-x;font-family:"Arial";}
input[type="submit"] {  font-size:12pt;}
input[type="button"] {  font-size:12pt;}
	 
.clear{clear:both;}
p{  font-family:"arial";	 color:#515151;}
h1{ font-size:24pt;	 font-family:"arial";	 color:#515151;}
h2{ font-size:18pt;	 font-family:"arial";	 color:#515151;}
h3{	 font-size:16pt;	 font-family:"arial";	 color:#515151;}
h6{font-family: arial;color:blue;font-size:130%;}

#progress{margin:10px 20px;}


#headpanelfull { width:100%;box-sizing:border-box;display:block;padding-bottom:0px;position:relative;}
#headpanelfull .rightimage{box-sizing:border-box;max-width:20%;width:200px;height:auto;float:right;display:block;}
#headpanelfull .leftimage{box-sizing:border-box;max-width:20%;width:150px;height:auto;float:left;display:block;border:10px;padding:10px;}
#headpanelfull .pagetitle{box-sizing:border-box;height:auto;float:left;padding:25px 20px 20px 20px;max-width:50%;text-align:center;}

#headpanelfull .pagetitle{font-weight:bold; font-size:18pt;	 font-family:"MontserratMedium";color:white;}
#headpanelfull .pagetitle.dark{color:#777777;}
.headerform {margin-bottom:5px;}
#headpanel {display:block;position:relative;width:100%;padding: 0px 0px;z-index: 20; background-color:white;border-bottom:none;height:100px;}
#topmenu {box-sizing:border-box;height:auto;position:fixed;top:0px;right:0px;padding: 20px 10px 10px 10px;max-width:80%;text-align:center;}
#topmenu .menuitem{font-weight:normal; font-size:12pt;	 font-family:"arial";	 color:#515151;display:inline;}
.surveytitletext {display:inline-block;float:left;color:#777777;}
H1.surveytitletext {font-size:36px;color:#212121;}
H2.surveytitletext {font-size:24px;color:#777777;margin:10px 20px;}
p.surveytitletext {font-size:12px;color:#212121;}
#surveybody,.section
{
	position:relative;display:block;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding: 10px 20px 0px 20px;
	background-color:#dddddd;
	/*overflow:hidden;*/
	z-index: 6;
/*box-shadow: -10px -10px 5px #999999;*/	
	
	/*background:url("../images/logos/form-head-large.gif") top,white;background-repeat:  repeat-x;background-color:white;*/
}
.fullsection
{
	position:relative;display:inline-block;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	min-width:900px;
	width:100%;
	padding: 10px 20px;
	border:solid thin #999999;
	/*overflow:hidden;*/
	z-index: 6;
	vertical-align:top;
	float:left;
/*box-shadow: -10px -10px 5px #999999;*/	
	
	/*background:url("../images/logos/form-head-large.gif") top,white;background-repeat:  repeat-x;background-color:white;*/
}

.halfsection
{
	position:relative;display:inline-block;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	min-width:450px;
	width:50%;
	padding: 10px 20px;
	border:solid thin #999999;
	/*overflow:hidden;*/
	z-index: 6;
	vertical-align:top;
	float:left;
/*box-shadow: -10px -10px 5px #999999;*/	
	
	/*background:url("../images/logos/form-head-large.gif") top,white;background-repeat:  repeat-x;background-color:white;*/
}
.adminhalfsection
{
	position:relative;display:inline-block;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding: 10px 20px;
	border:solid thin #999999;
	/*overflow:hidden;*/
	z-index: 6;
	float:left;
/*box-shadow: -10px -10px 5px #999999;*/	
	
	/*background:url("../images/logos/form-head-large.gif") top,white;background-repeat:  repeat-x;background-color:white;*/
}
.section_selection_box{
	position:relative;display:inline-block;
	margin:5px;
	min-width:450px;
	/*width:400px;*/
	padding: 10px 20px;
	border:solid thin #999999;
	/*overflow:hidden;*/
	z-index: 6;
	vertical-align:top;
	float:left;
/*box-shadow: -10px -10px 5px #999999;*/	
	
	/*background:url("../images/logos/form-head-large.gif") top,white;background-repeat:  repeat-x;background-color:white;*/
}
.section_selection_box.picker{background-color:#FFFFFF;
}

.losses .formfield {padding-top:10px;}
.formrow  { min-height:30px;border-width:1;display:block;clear:both;width:100%;}
.formfield .small{font-size:16pt;}

.formfield  { float:left; padding:2 10;font-weight: normal;   color: #212121; font-size:12pt; font-family:'MontserratMedium';display:inline-block; background-color:#cccccc;line-height:14pt;}

.answer{ white-space : nowrap;  font-weight: normal;  color: #919191; font-size:12pt; font-family:Arial; }
.formtable input{ white-space : nowrap; padding: 0; font-weight: normal;  color: #919191; font-size:12pt; font-family:Arial; }
.formtable OPTION{ width:180px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #919191; font-size:12pt; font-family:Arial; }
.formtable select {width:180px; white-space : nowrap; padding: 0;  font-weight: normal;  color: red; font-size:12pt; font-family:Arial; border:none;}
.formtable OPTION.short{ width:120px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #919191; font-size:12pt; font-family:Arial; }
.formtable select.short {width:130px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #919191; font-size:12pt; font-family:Arial; }
.answer select{ white-space : nowrap;  font-weight: normal;  color: white; font-size:12pt; font-family:'MontserratBold'; width:100%;background-color:#00b1dc;}
.answer input[type=text]{ white-space : nowrap;  font-weight: normal;  color: white; font-size:12pt;  font-family:'MontserratBold';width:100%;background-color:#00b1dc; }
.companydetails{color:#999999;font-size:10pt;} 
.companydetails .formrow  { min-height:25px;}
 .formrow .fieldtitle{font-size:16pt; padding:10px auto; }
 .formrow .fieldtitlematch{padding-top:10px; }
 .formrow .subtitle{font-weight:bold;  padding-top:10px; }
input[type="button"].listbutton{font-size:9pt;width:70px;margin:5px 3px;}
input[type="submit"].listbutton{font-size:9pt;width:70px;margin:5px 3px;}
input[type="button"].widebutton{font-size:9pt;width:150px;margin:5px 3px;}
input[type="submit"].widebutton{font-size:9pt;width:150px;margin:5px 3px;}

input[type="button"].inlinelistbutton{font-size:9pt;width:60px;margin:0px 3px;}
input[type="submit"].inlinelistbutton{font-size:9pt;width:60px;margin:0px 3px;}

.size3 {font-size:28pt;width:200px;margin:10px 0px;}
.size4 {font-size:9pt;width:70px;margin:5px 0px;}
#mainpanel {width:100%;max-width:1600px;padding: 5px 5px;background-color:white;float:left;}
.claimholder{min-width:2600px;
.currency{padding:2px 2px}
.twodays{padding:2px;margin:0px 2px 0px 0px;color:red;font-weight:bold;width:13%;display:inline-block; font-family:'arial';overflow:hidden;}
.fivedays{padding:2px;margin:0px 2px 0px 0px;color:orange;font-weight:bold;width:13%;display:inline-block; font-family:'arial';overflow:hidden;}
.normaldays{padding:2px;margin:0px 2px 0px 0px;width:13%;display:inline-block; font-family:'arial';overflow:hidden;}
.redrow{border-left:solid 5px red;}
.amberrow{border-left:solid 5px orange;}
.normalrow{border-left:solid 5px green;}
.list_contacts{width:13%;display:inline-block; font-family:'arial';overflow:hidden;}
.document_holder{background-color:white;
	width:150px;float:left;
border:solid 1px #555555;
-webkit-box-shadow: 5px 5px 5px rgba(10, 10, 10, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(10, 10, 10, 0.5);
box-shadow: 5px 5px 5px rgba(10, 10, 10, 0.5);
margin:5px;padding:5px;
}
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 12pt Arial;
}
.VATInput{width:30px;}}
/**** Got to HERE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#loginbutton {box-sizing:border-box;height:auto;float:right;padding:70px 20px 20px 20px;max-width:50%;text-align:center;}
#surveypanel{width:700px;min-height:1000px;margin-left:auto;margin-right:auto;display:block;background-color:#efefef;padding:10px;}
#headpanelleft { float:left;}
#loginpanel {float:right;text-align:BASELINE;padding-top:85px;padding-bottom:0px;margin-left:30px}
#loginfields{background-color:white;width:75%;padding:10px;}
#loginfields p{font-size:100%;font-weight:bold;display:inline;color:#919191;margin:5px 0px;}
#loginfields h3{font-size:200%;font-weight:bold;display:inline;color:#919191;width:20em;margin:5px 0px;}
#loginfields input{font-size:200%;display:inline;font-weight:normal;color:#41C8F5;width:100%;margin:5px 0px;}
.prose p{  font-family:"arial";	 color:#515151;}
.prose h1{ font-size:24pt;	 font-family:"arial";	 color:#515151;}
.prose h2{ font-size:18pt;	 font-family:"arial";	 color:#515151;}
.prose h3{	 font-size:16pt;	 font-family:"arial";	 color:#515151;}
.message { font-family:"arial";	 color:#515151;color:red;}
h1.pagetitle { font-size:12pt;	 font-family:"arial";	 color:#515151;}
#loginpanel h3{font-size:24pt;}
#loginbutton {box-sizing:border-box;height:auto;float:right;padding:70px 20px 20px 20px;max-width:50%;text-align:center;}
#surveyloginbutton{box-sizing:border-box;height:auto;float:right;padding:30px 20px 20px 20px;max-width:50%;text-align:center;}
a:link    {text-decoration:none; color:#515151;font-family:"arial";}
a:visited {text-decoration:none;color:#515151;font-family:"arial";}
a:active  {text-decoration:none;color:#515151;font-family:"arial";}
a:hover   {text-decoration:underline;color:#515151;font-family:"arial";}
li.maintext{	 font-size:100%;	 font-family:"arial";	 color:#41C8F5;}
ul.maintext{	 font-size:100%;	 font-family:"arial";	 color:#41C8F5;}
td.maintext{	 font-size:100%;	 font-family:"arial";	 color:#41C8F5;}
.maintext a:link    {text-decoration:Underline; color:#41C8F5}
.maintext a:visited {color:#41C8F5}
.maintext a:active  {color:#41C8F5}
.maintext a:hover   {color:#41C8F5}
#whiteboardpanel 
{
	position: absolute;
	top: 200px;
	left: 150px;
	width: 90%;
	padding: 5px 5px;
}
#whiteboardpanel1 
{
	position: absolute;
	top: 200px;
	left: 150px;
	width: 300px;
	padding: 5px 5px;
}
#whiteboardpanel2 
{
	position: absolute;
	top: 200px;
	left: 500px;
	width: 150px;
	padding: 5px 5px;
}
#adminsummarypanel 
{
	position: absolute;
	top: 200px;
	left: 150px;
	width: 90%;
	padding: 5px 5px;
}
#claimappnumber
{
	position:absolute;
	top:100px;
	left:200px;
	height:150px;
	width:300px;
	padding: 0px 0px;
	z-index: 2;
}
#window
{
	position:absolute;
	top:150px;
	left:50px;
	width:600px;
	height:300%;
	margin:0 auto;
	padding: 0px 0px;
	z-index: 2;
	border-width:2;
	border-style:solid;
	background:url("../images/logos/form-head.gif") top repeat-x,white;
	background-repeat:  repeat-x;	
	background-color:white;
}
#claimapptitle
{
	position:absolute;
	top:40px;
	left:200px;
	width:400px;
	padding: 0px 0px;
	z-index: 2;
}
#surveytitle
{
	position:absolute;
	top:35px;
	left:200px;
	width:400px;
	padding: 0px 0px;
	text-align:top;
	z-index: 2;
}
#surveytitle2
{
	position:absolute;
	top:20px;
	left:200px;
	width:400px;
	padding: 0px 0px;
	z-index: 2;
}
#saveblock
{
	position:absolute;
	top:55px;
	left:380px;
	width:50px;
	padding: 0px 0px;
	text-align:top;
	z-index: 10;
}
#tabbody
{
	position:absolute;
	top:20px;
	left:10px;
	width:560px;
	padding: 0px 0px;
	z-index: 6;
}
#background
{
	position:absolute;
	top:200px;
	left:10px;
	width:560px;
	padding: 0px 0px;
	z-index: 4;
}
#claimkeypad
{
	position:absolute;
	top:250px;
	left:150px;
	height:150px;
	width:400px;
	padding: 0px 0px;
	z-index: 2;
}
#messagelisttop
{
	position:relative;
	top:0px;
	left:0px;
	height:60px;
	width:400px;
	padding:2px 2px;
	z-index: 2;
	background-color:rgb(255,255,218);
	border-style:solid;
	border-width:1px;
	font-size:120%;
}
#messagelist
{
	position:absolute;
	top:190px;
	left:50px;
	height:150px;
	width:400px;
	padding: 0px 0px;
	z-index: 2;
}
#headpanelright {
position:absolute;
top:0px;
right:0px;
height:150px;
padding: 0px 0px;
z-index: 2
}
#titlepanel {
position:absolute;
top:30px;
left:350px;
}
#sidepanel {
position:absolute;
top:150px;
left:0px;
width: 150px;
padding: 5px 5px;
z-index: 5
}
#toppanel {
position:absolute;
top:40px;
left:185px;
width: 150px;
padding: 5px 5px;
z-index: 5
}
#topminipanel {
position:absolute;
top:0px;
right:0px;
height:150px;
padding: 0px 0px;
z-index: 5;
}
#toppanel2 {position:absolute;top:110px;left:192px;width: 150px;padding: 5px 5px;z-index: 5;}
#pagetitlepanel 
{	
width:800px;left:150px;z-index:6;padding: 5px 5px;
}
#personpanel 
{	
	position: absolute;top: 153px;width:100px;left:10px;padding: 5px 5px;
}
#mainpanel2 {
position: absolute;
top: 200px;
left: 10%;
padding: 5px 5px;
}
#leftcolumn 
{
	position: absolute;
	top: 200px;
	left: 150px;
	width: 90%;
	padding: 5px 5px;
}
#leftcolumn2 
{
	position: absolute;
	top: 200px;
	left: 10%;
	width: 90%;
	padding: 5px 5px;
}
#rightcolumn 
{
	position: absolute;
	top: 200px;
	left: 50%;
	width: 40%;
	padding: 5px 5px;
}
#leftcolumn_low
{
	position: absolute;
	top: 230px;
	left: 100px;
	width: 355px;
	padding: 5px 5px;
}
#rightcolumn_low 
{
	position: absolute;
	top: 230px;
	left: 465px;
	width: 355px;
	padding: 5px 5px;
}
#tabblock 
{
	position: absolute;
	top: 100px;
	left: 10px;
	width: 100%;
	height: 20px;
	padding: 5px 5px;
	z-index: 7;
}
#tabstrip 
{
	position: absolute;
	top: 300px;                                    
	left: 110px;
	width: 100%;
	height: 20px;
	padding: 5px 5px;
	background-color:#ff0000;
	z-index: 4;
}
#datablock 
{
	position: absolute;
	top: 80px;
	left: 110px;
	width: 100%;
	height: 20px;
	padding: 5px 5px;
	background-color:#00ff00;
	z-index: 4;
}
/*
//////////////////////////////
These are the type definitions
//////////////////////////////
*/
/*
dark Green #006F3B
Orange #FCB01C
dark Red 7A0C25
IMR Green 006E3A
Dark Grey #5E5F66
Light grey #B6B8C7
Main Blue #41C8F5
*/
.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}
.shadetabs ul{
padding: 3px 3px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 18px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 3;
}
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/icons/shade.gif) top left repeat-x;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li.selected{
position: relative;
top: 1px;
}
.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../images/icons/shadeactive.gif);
border-bottom-color: white;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
p.surveytext{ display:inline-block; font-size:90%;	 font-family:"arial";	 color:#41C8F5;}
p.surveyquestiontext{ display:inline-block; font-weight: bold; font-size:100%;	 font-family:"arial";	 color:#5E5F66;}
h1.surveytext{ vertical-align:bottom;white-space : nowrap; display:inline-block; font-size:28; font-family:"arial";	 color:#ddddff;}
h2.surveytext{ font-size:140%;	 font-family:"arial";	 color:#41C8F5;}
h3.surveytext{	 font-size:100%;	 font-family:"arial";	 color:#41C8F5;}
.questiontextstyle{ white-space : nowrap; padding: 5 5 0 0;  color: #41C8F5; font-size:15; font-family:Arial;  font-weight: bold;  }
.subquestiontextstyle{ white-space : nowrap; padding: 5 5 0 0;  color: #41C8F5; font-size:15; font-family:Arial;  font-weight: normal;   }
/* Survey Summary Table*/
table.surveysummarystable  {border-width:1 ;width:550px;color: #5E5F66;  font-family:Arial;  }
table.surveysummarystable th { border-width:1;width:25%; white-space : nowrap; text-align:left; padding:0px 5px;  color: #41C8F5; font-size:15; font-family:Arial }
table.surveysummarystable tr  { height:10px;border-width:1;}
table.surveysummarystable td  {vertical-align:top; font-size:14;font-weight: bold; color:#41C8F5; width:25%; text-align:left;  padding:0px 0px; font-family:Arial }
.surveysummarystable a:link    {text-decoration: none; color: #5E5F66;font-weight: bold;}
.surveysummarystable a:visited {text-decoration: none; color: #5E5F66;font-weight: bold;}
.surveysummarystable a:active  {text-decoration: none; color: #5E5F66;font-weight: bold;}
.surveysummarystable a:hover   {text-decoration: none; color:#41C8F5;}
.declaration { font-weight: bold;vertical-align:bottom;color:#212121; font-family:Arial ;}
.summaryquestion { font-weight: bold;vertical-align:bottom;color:#21A8D5; font-family:Arial ;}
.summaryanswer { font-weight: normal;vertical-align:bottom; color:#21A8D5; font-family:Arial ;}
form input[type=submit].uparrow {
	background : url(../images/icons/uparrow_medium.png);
	width : 55px;
	height :50px;
	border : none;
	color : transparent;
	font-size : 0;
	z-index:10;
}
form input[type=submit].uparrow:hover {
	background : url(../images/icons/uparrow_medium_hover.png);
	width : 55px;
	height :50px;
	border : none;
	color : transparent;
	font-size : 0;
	z-index:10;
}
form input[type=submit].binbutton {
	background : url(../images/icons/bin_medium.png);
	background-repeat:   no-repeat;
	width : 36px;
	height :50px;
	border : none;
	color : transparent;
	font-size : 0;
	z-index:10;
}
form input[type=submit].binbutton:hover {
	background : url(../images/icons/bin_medium_hover.png);
	background-repeat:  no-repeat;
	border : none;
	color : transparent;
	font-size : 0;
	z-index:10;
}
/* Table that houses data entry forms*/
table.formtable  {color: #41C8F5; font-size:2; font-family:arial; }
table.formtable th { text-align:left; white-space : nowrap; padding: 5; font-weight: bold;  color: #000000; font-size:18; font-family:Arial ;}
table.formtable tr  { height:10px;border-width:1;}
table.formtable td { white-space : nowrap; padding:2 10;font-weight: bold;   color: #212121; font-size:15; font-family:Arial; }
.formtable a:link    {text-decoration: none; color: #41C8F5;font-weight: bold;}
.formtable a:visited {text-decoration: none; color: #41C8F5;font-weight: bold;}
.formtable a:active  {text-decoration: none; color: #41C8F5;font-weight: bold;}
.formtable a:hover   {text-decoration: none; color:#212121;}

/*
.formtable input{ white-space : nowrap; padding: 0; font-weight: normal;  color: #919191; font-size:15; font-family:Arial; }
.formtable OPTION{ width:180px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #919191; font-size:15; font-family:Arial; }
.formtable select {width:180px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #919191; font-size:15; font-family:Arial; }
.formtable OPTION.short{ width:120px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #919191; font-size:15; font-family:Arial; }
.formtable select.short {width:130px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #919191; font-size:15; font-family:Arial; }
.small{  font-size:11px; }
.count{ width:2em;}
.underline td{border-bottom: solid thin #efefef;background-color:white;}
.primary td{border-bottom:  solid thin #efefef;background-color:#efefef;}
*/
.multilineanswer{ font-weight: normal;  color: black; font-size:15; font-family:"Arial";width:100%;white-space: pre-wrap; }
navbutton input{ white-space : nowrap; padding: 0;  font-weight: normal;  color: red; font-size:15; font-family:Arial; }
/* Table Two Column*/
table.containerentrytable_2  {border-width:2 ;width:580px;color: #41C8F5;  font-family:Arial }
table.containerentrytable_2 th { border-width:1;width:50%; white-space : nowrap; text-align:left; padding:0px 5px;  color: #41C8F5; font-size:15; font-family:Arial }
table.containerentrytable_2 tr  { height:10px;border-width:1;}
table.containerentrytable_2 td  { border-width:1;vertical-align:bottom; font-size:12;font-weight: bold; color:#41C8F5; width:50%; text-align:left;  padding:0px 5px; font-family:Arial }
/* Table Four Column*/
table.containerentrytable  { text-align:left; white-space : nowrap; padding: 5; font-weight: bold;  color: #41C8F5; font-size:18; font-family:Arial ;}
table.containerentrytable th { border-width:1;width:25%; white-space : nowrap; text-align:left; padding:0px 5px;  color: #41C8F5; font-size:15; font-family:Arial }
table.containerentrytable tr  { height:10px;border-width:1;}
table.containerentrytable td  { border-width:1;vertical-align:bottom; font-size:12;font-weight: bold; color:#41C8F5; width:25%; text-align:left;  padding:0px 5px; font-family:Arial }
.containerentrytable input{ white-space : nowrap; padding: 0; font-weight: normal;  color: #41C8F5; font-size:15; font-family:verdana; }
.containerentrytable OPTION{ white-space : nowrap; padding: 0;  font-weight: normal;  color: #41C8F5; font-size:15; font-family:verdana; }
/* Survey Declaration Table*/
table.surveysummarystable  {border-width:1 ;width:550px;color: #004223;  font-family:Arial;  }
table.surveysummarystable th { border-width:1;width:25%; white-space : nowrap; font-weight: bold; text-align:left; padding:0px 5px;  color: #004223; font-size:15; font-family:Arial }
table.surveysummarystable tr  { height:10px;border-width:1;}
table.surveysummarystable td  {vertical-align:top; font-size:14; color:004223;  font-weight: normal;width:25%; text-align:left;  padding:0px 0px; font-family:Arial }
p.lefttext{ font-size:90%;	 font-family:"arial";	 color:#21A8D5;}
h1.lefttext{ font-size:160%;	 font-family:"arial";	 color:#21A8D5;}
h2.lefttext{ font-size:140%;	 font-family:"arial";	 color:#21A8D5;}
h3.lefttext{	 font-size:100%;	 font-family:"arial";	 color:#21A8D5;}
li.lefttext{	 font-size:100%;	 font-family:"arial";	 color:#21A8D5;}
ul.lefttext{	 font-size:100%;	 font-family:"arial";	 color:#21A8D5;}
td.lefttext{	 font-size:100%;	 font-family:"arial";	 color:#21A8D5;}
.lefttext a:link    {text-decoration:Underline; color:#41C8F5}
.lefttext a:visited {color:#41C8F5}
.lefttext a:active  {color:#41C8F5}
.lefttext a:hover   {color:#41C8F5}
.question { vertical-align:bottom; font-size:110%;font-weight: bold; color:#006E3A;}
/*.answer { vertical-align:bottom; font-size:110%;font-weight: bold; color:#FCB01C; font-family:Arial ;}*/
                                          
/* Table that houses personal Details*/
table.personaltable  {color: #41C8F5; background-color:#B6B8C7; font-size:10; font-family:Arial }
table.personaltable th { white-space : nowrap; text-align:left; padding:0px 5px; font-size:10; font-family:Arial }
table.personaltable td { white-space : nowrap; text-align:left;  padding:2px 0px 0px 2px;  color: #41C8F5; font-size:10; font-family:Arial }
.personaltable a:link    {text-decoration: none; color: #004223}
.personaltable a:visited {text-decoration: none; color: #004223}
.personaltable a:active  {text-decoration: none; color: #004223}
.personaltable a:hover   {text-decoration: none; color:#FCB01C}
/* Table that houses personal Details*/
table.certstable_1  {color: #FCB01C; font-size:2; font-family:Arial; }
table.certstable_1 th { white-space : nowrap; text-align:left; padding:0px 5px;  color: #41C8F5; font-size:15; font-family:Arial ;}
table.certstable_1 td { white-space : nowrap; text-align:left;  padding:0px 5px;  color: #41C8F5; font-size:15; font-family:Arial ;}
.certstable_1 a:link    {text-decoration: none; color: #5E5F66; font-weight: bold; }
.certstable_1 a:visited {text-decoration: none; color: #5E5F66;}
.certstable_1 a:active  {text-decoration: none; color: #5E5F66;}
.certstable_1 a:hover   {text-decoration: none; color:#41C8F5;}
/* Table that houses personal Details*/
table.actionstable_1  {color: #FCB01C; font-size:2; font-family:Arial;border-style:solid;border-width:1 ;width:90%;}
table.actionstable_1 th { white-space : nowrap; text-align:left; padding:0px 5px;  color: #21A8D5; font-size:15; font-family:Arial ;}
table.actionstable_1 td { border-width:1 ;white-space : nowrap; text-align:left;  padding:0px 5px;  color: #21A8D5; font-size:15; font-family:Arial ;}
table.actionstable_1 tr.surveylisttitle {background-color:#aaaaff}
table.actionstable_1 tr.odd {background-color:#ddddff}
.actionstable_1 a:link    {text-decoration: none; color: #5E5F66; font-weight: bold; }
.actionstable_1 a:visited {text-decoration: none; color: #5E5F66;}
.actionstable_1 a:active  {text-decoration: none; color: #5E5F66;}
.actionstable_1 a:hover   {text-decoration: none; color:#41C8F5;} 
/* Table that houses personal Details*/
table.surveydetailstable  {border-style:solid ;border-width:1 ;color: #FCB01C; font-size:2; font-family:Arial }
table.surveydetailstable th { border-style:solid ;border-width:1; white-space : nowrap; text-align:left; padding:0px 5px;  color: #7A0C25; font-size:15; font-family:Arial }
table.surveydetailstable td  {border-style:solid ;border-width:1; white-space : nowrap; text-align:left;  padding:0px 5px;  color: #006F3B; font-size:15; font-family:Arial }
.surveydetailstable a:link    {text-decoration: none; color: #004223}
.surveydetailstable a:visited {text-decoration: none; color: #004223}
.surveydetailstable a:active  {text-decoration: none; color: #004223}
.surveydetailstable a:hover   {text-decoration: none; color:#FCB01C}
/* Table that houses personal Details*/
table.surveyquestionstable  {border-width:2 ;width:580px;color: #FCB01C;  font-family:Arial }
table.surveyquestionstable th { border-width:1;width:50%; white-space : nowrap; text-align:left; padding:0px 5px;  color: #7A0C25; font-size:15; font-family:Arial }
table.surveyquestionstable tr  { height:10px;border-width:1;}
table.surveyquestionstable td  { border-width:1;vertical-align:bottom; font-size:14;font-weight: bold; color:#006E3A; width:50%; text-align:left;  padding:0px 5px; font-family:Arial }
/* Table that houses personal Details*/
table.containersummarytable  {border-spacing:0; width:550px;color: #FCB01C;  font-family:Arial;  }
table.containersummarytable th { border-spacing:0; width:25%; white-space : nowrap; text-align:left; padding:0px 5px;  color: #7A0C25; font-size:15; font-family:Arial }
table.containersummarytable tr  { border-spacing:0; height:10px;border-width:1;}
table.containersummarytable td  {border-spacing:0;vertical-align:top; font-size:14;font-weight: bold; color:#006E3A; width:25%; text-align:left;  padding:0px 0px; font-family:Arial }
.containersummarylabel { vertical-align:bottom; font-size:110%;font-weight: bold; color:#006E3A;}
.containersummaryanswer { vertical-align:bottom; font-size:110%;font-weight: bold ; color:#FCB01C; font-family:Arial ;}
hr.summary{font-weight: bold; color:#41C8F5;}
.containertabletitle{font-size:200%}
.containertabletitle2{font-size:150%}
/* Table that houses personal Details*/
table.personneltable  {border-width:2 ;width:580px;color: #FCB01C;  font-family:Arial }
table.personneltable th { border-width:1;width:30%; white-space : nowrap; text-align:left; padding:0px 5px;  color: #7A0C25; font-size:15; font-family:Arial }
table.personneltable tr  { height:10px;border-width:1;}
table.personneltable td  { border-width:1;vertical-align:bottom; font-size:14;font-weight: bold; color:#006E3A; width:30%; text-align:left;  padding:0px 5px; font-family:Arial }
/* Table that houses personal Details*/
table.transittable  {border-width:2 ;width:580px;color: #FCB01C;  font-family:Arial }
table.transittable th { border-width:1;width:25%; white-space : nowrap; text-align:left; padding:0px 5px;  color: #7A0C25; font-size:15; font-family:Arial }
table.transittable tr  { height:10px;border-width:1;}
table.transittable td  { border-width:1;vertical-align:bottom; font-size:14;font-weight: bold; color:#006E3A; width:25%; text-align:left;  padding:0px 5px; font-family:Arial }
.adverttextg{font-weight: bold; font-size:100%;	 font-family:"arial";	 color:rgb(122,12,37);}
p.adverttext{ font-size:90%;	 font-family:"arial";	 color:rgb(122,12,37);}
h1.adverttext{ font-size:160%;	 font-family:"arial";	 color:rgb(122,12,37);}
h2.adverttext{ font-size:140%;	 font-family:"arial";	 color:rgb(122,12,37);}
h3.adverttext{	 font-size:100%;	 font-family:"arial";	 color:rgb(122,12,37);}
a:link.adverttext{	 font-size:150%;	 font-family:"arial";	 color:rgb(122,12,37);}
a:visited.adverttext{	 font-size:150%;	 font-family:"arial";	 color:rgb(122,12,37);}
a:active.adverttext{	 font-size:150%;	 font-family:"arial";	 color:rgb(122,12,37);}
a:hover.adverttext{	 font-size:150%;	 font-family:"arial";	 color:rgb(252,194,19);}
.title{text-decoration: underline;font-size:24pt; font-family:"arial"; color:rgb(122,12,37);}
.description{font-weight: bold;font-size:10pt; font-family:"arial"; color:rgb(122,12,37);}
H1.title{text-decoration: underline;font-size:160%; font-family:"arial"; color:rgb(122,12,37);}
H1.description{font-weight: bold;font-size:160%; font-family:"arial"; color:rgb(122,12,37);}
H2.title{text-decoration: none;font-size:140%; font-family:"arial"; color:rgb(122,12,37);}
H2.description{font-weight: bold;font-size:140%; font-family:"arial"; color:rgb(122,12,37);}
ul
{
list-style: disc; 
}
ol
{
list-style: decimal; 
}
li,th
{
font-size: 75%;
}
table.account td { padding: 5; color: #3333FF; font-size:12; background-color: #FCB01C; font-family:Arial  }
table.account th { text-align:left; padding: 5; color: #007700; font-size:16; background-color: #FCB01C; font-family:Arial  }
h1.claimapptitle    { padding: 0; color: #7A0C25; font-size:30;  font-family:Arial}
table.topminibar  { border-color: #006F3B; font-size:4; font-family:Arial ;}
table.topminibar td { border-color: #006F3B; white-space : nowrap; border-style:none none none solid; padding-right: 10px;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;  color: #004223; font-size:12; font-family:Arial }
.topminibar a:link    {text-decoration: none; color: #FFFFFF}
.topminibar a:visited {text-decoration: none; color: #FFFFFF}
.topminibar a:active  {text-decoration: none; color: #FFFFFF}
.topminibar a:hover   {text-decoration: none; color:#5E5F66}
table.toppromobar  { border-color: #006F3B; font-size:4; font-family:Arial ;}
table.toppromobar td { border-color: #006F3B; white-space : nowrap; padding-right: 10px;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;  color: #004223; font-size:12; font-family:Arial }
.toppromobar a:link    {text-decoration: none; color: #004223}
.toppromobar a:visited {text-decoration: none; color: #004223}
.toppromobar a:active  {text-decoration: none; color: #004223}
.toppromobar a:hover   {text-decoration: none; color:#ffffff}
table.topbuttonbar  {color: #FCB01C; font-size:4; font-family:Arial }
table.topbuttonbar td { white-space : nowrap; padding: 15;  color: #004223; font-size:20; font-family:Arial ; vertical-align:top}
.topbuttonbar a:link    {font-weight: bold;text-decoration: none; color: #5E5F66}
.topbuttonbar a:visited {font-weight: bold;text-decoration: none; color: #5E5F66}
.topbuttonbar a:active  {font-weight: bold;text-decoration: none; color: #5E5F66}
.topbuttonbar a:hover   {font-weight: bold;text-decoration: none; color:#FFFFFF}
table.topbuttonbar2  {color: #FCB01C; font-size:2; background-color: #FCB01C; font-family:Arial }
table.topbuttonbar2 td { white-space : nowrap; padding: 15;  color: #004223; font-size:15; background-color: #FCB01C; font-family:Arial }
.topbuttonbar2 a:link    {text-decoration: none; color: #004223; background-color: #FCB01C}
.topbuttonbar2 a:visited {text-decoration: none; color: #004223; background-color: #FCB01C}
.topbuttonbar2 a:active  {text-decoration: none; color: #004223; background-color: #FCB01C}
.topbuttonbar2 a:hover   {text-decoration: none; color:#FFEFCF; background-color: #FCB01C}
table.whiteboard td { padding: 0; color: #555555; font-size:12; font-family:Arial }
table td {color:#004223; font-size:12;  font-family:Arial }
.spinbuttons {background-color: #FCB01C; color:#006E3A; font-size:10;  font-family:Arial }
.vertical{ 
	height:20px;
	width:40px;overflow:visible;
	display:inline-block;
	vertical-align:bottom;
	text-align:left;
	font-size:15px;
	line-height:15px;
	padding:5px;
	white-space: nowrap;
	-webkit-transform:rotate(-60deg);
	-moz-transform:rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
/**/}
.losses_row{margin-top:150px;}
.losscheckbox{
	margin:0px;
}
.delaybox{
	margin:5px 0px 0px 0px;
}
.formfield .small{font-size:16pt;}
.lossboxtable{
	border:thin solid #eeeeee;
	background-color: #eeeeee;
	padding:0px 10px;
	width:40px;
	text-align:left;
	margin-left:auto;margin-right:auto;
	display:inline-block;
}
a.type1{color:#212121;font-size:14pt;}
a.type1:hover{color:#212121;text-decoration:none;}
/*************************************/
/************************************/
html{width:100%;}
.button-holder{display:block;height:30px;width:100px;background-color:#ffffff;
border-top:none;border-right:solid 2px #555555;border-bottom:solid 2px #555555;border-left:none;
text-align:center;line-height:24pt;}
.button-holder:hover{
border-top:solid 2px #555555;border-right:none;border-bottom:none;border-left:solid 2px #555555;
text-decoration:none;}
.new-button-holder{display:block;background-color:#41c8f5;
border-top:none;border-right:solid 2px #2889a9;border-bottom:solid 2px #2889a9;border-left:none;
text-align:center;line-height:24pt;padding:10px;}
.new-button-holder:hover{background-color:#41c8f5;
border-top:solid 2px #2889a9;border-right:none;border-bottom:none;border-left:solid 2px #2889a9;
text-decoration:none;padding:10px;}
.selectbutton{font-size:24pt;font-weight:normal;;margin:10px;}
.formtable select.currency{width:40px;color:black;font-weight:bold;cursor:pointer;}
.formtable select.currency:hover{cursor:pointer;}
.rightimage{width:260px;height:128px;}
.leftimage{width:260px;height:128px;padding:10px;padding:10px;}
.surveyleftimage{width:130px;height:auto;margin:5px;}
#loginspace{width:auto;;max-width:980px;width:100%;background-color:#888888;display:block;}    
#centralpanel{width:auto;width:100%;background-color:white;display:block;padding:10px 10px 10px 10px;}    
#adminpanel{max-width:1024px;margin-left:auto;margin-right:auto;background-color:#efefef;display:block;padding:10px;}    
#loginspace #mainpanel{width:auto;;max-width:980px;width:100%;background-color:#eeeeee;display:block;height:100%;}    
body{width:100%;background-color:white;margin:0px;display:block;}
html{min-width:300px;width:100%;display:block;}
.button-holder{display:inline-block;margin:5px;}
table.formtable  {color: #41C8F5; font-size:2; font-family:"arial"; }
table.formtable th { text-align:left; white-space : nowrap; padding: 5; font-weight: bold;  color: #000000; font-size:18; font-family:"arial" ;}
.formfield.label  {font-size:12pt;color:#505050;}
.formfield.emphasise  {font-size:16pt;}
.full { width:100%;}
.half { width:50%;}
.third { width:33%;}
.width_one { width:200px;}
.width_two { width:50%;}
.width_three { width:33.333%;}
.width_four { width:25%;}
.width_five { width:20%;}
.width_one_two { width:50%;}
.width_two_four { width:25%;}
.width_curr_sym { width:10%;}
.width_curr { width:30%;}
.formfield a:link    {text-decoration: none; color: #41C8F5;font-weight: bold;}
.formfield a:visited {text-decoration: none; color: #41C8F5;font-weight: bold;}
.formfield a:active  {text-decoration: none; color: #41C8F5;font-weight: bold;}
.formfield a:hover   {text-decoration: none; color:#212121;}

.listlink{text-decoration: none; color: #41C8F5;font-weight: bold;cursor:hand;}
.listlink:hover{ color: #212121;}

.formfield .link    {text-decoration: none; color: #41C8F5;font-weight: bold;cursor:hand;font-size:9pt;}

#loginpanel_main p{font-size:100%;font-weight:bold;display:inline;color:#919191;margin:5px 0px;display:inline-block;}
#loginpanel_main h3{font-size:200%;font-weight:bold;display:inline;color:#919191;margin:5px 0px;}
#loginpanel_main input{font-weight:normal;color:#41C8F5;max-width:500px;margin:5px 0px;display:inline-block;}
#loginpanel_main .inputlabel{font-weight:bold;display:inline-block;color:#919191;width:10em;margin:5px 0px;text-align:left;font-family:"arial";}
#displaypanel{position:relative;font-weight:bold;display:block;color:#919191;width:500px;margin:10px auto 10px auto;text-align:left;font-family:"arial";text-align:center;}
#loginpanel_main .inputfields{text-align:left; width:100%;}
#loginpanel_main ,#loginpanel_main h3 { 
	margin: 10px auto 10px auto; 
	text-align:center;
}
#loginpanel_main ,#loginpanel_main h3
{ 
	margin: 50px auto 50px auto; 
	text-align:center;
}
#loginpanel_main h2
{ 
	margin: 50px auto 50px auto; 
	text-align:left;
}
/* Surveys Panel */
.survey_surround{padding:2px;border:solid 1px #999999;}
.surveytabletitle {background-color:#aaaaff;display:inline-block;width:100%;}
.surveylisttabletitle {background-color:#ffffff;display:inline-block;width:100%;font-size:30pt; }
.survey_title_field {width:13%;  text-align:left; padding:5px 5px; font-weight: bold; color: #0188B5; font-size:15; font-family:'arial';display:inline-block;float:left;}
.survey_field {width:13%;display:inline-block; font-family:'arial';overflow:hidden;}
.small_field {width:8%;}
.large_field {width:24%;}
.survey_row {display:block; text-align:left;  padding:5px 5px;   font-size:15; font-family:'arial';border-bottom:solid 2px #ddddff;}
.survey_list_row {display:block; text-align:left;  padding:5px 5px;   font-size:15; font-family:'arial';border-bottom:solid 2px #999999;}
.survey_reserve_row {display:block; text-align:left;  padding:5px 5px;   font-size:15; font-family:'arial';border-bottom:solid 2px #999999;}
.type_even { background-color:#eeeeee;color: #21A8D5; font-size:15px; font-family:'arial';}
.type_odd {background-color:#ddddff;display:block;font-family:'arial';font-size:15px; }
.list_type_even { background-color:#eeeeee;font-size:15px; font-family:'arial';}
.list_type_odd {background-color:#eeeeee;display:block;font-family:'arial';}
.list_type_owned_even { background-color:#99ff99;font-size:15px; font-family:'arial';}
.list_type_owned_odd {background-color:#99ff99;display:block;font-family:'arial';}
.reserve_list_type_even { background-color:#ddddff;font-size:15px; font-family:'arial';}
.reserve_list_type_odd {background-color:#ddddff;display:block;font-family:'arial';}
.survey_field a:link    {text-decoration: none; color: #5E5F66; font-weight: bold; font-size:15px; font-family:'arial'; }
.survey_field a:visited {text-decoration: none; color: #5E5F66; font-size:15px; font-family:'arial';}
.survey_field a:active  {text-decoration: none; color: #5E5F66; font-size:15px; font-family:'arial';}
.survey_field a:hover   {text-decoration: none; color:#41C8F5; font-size:15px; font-family:'arial';} 
.survey_list_title
{
	color:#eeeeee;
	background-color:#eeeeee;
	margin-bottom:0px;
}
p.survey_list_title{ font-size:90%;}
h3.survey_list_title{	 font-size:100%;margin:0px;padding:2px;}
	
.size4{display:inline-block;}
.size3{display:none;}
/* END Surveys Panel */
#surveypanel{width:90%;max-width:700px;min-height:1000px;margin-left:auto;margin-right:auto;display:block;background-color:#efefef;padding:0px 20px;}
.surveylogin{background:url("../images/logos/form-head.gif") top,white;
	background-repeat:  repeat;
}
.section_box{border:solid 1px #000000;margin:20px 0px ;padding:0px 0px 5px 0px ; background-color:#efefef;}
.width_90{width:90%;}
.width_75{width:75%;}
.width_60{width:60%;}
.width_70{width:70%;}
.width_30{width:30%;}
.width_80{width:80%;}
.width_40{width:40%;}
.width_25{width:25%;}
.width_20{width:20%;}
.width_10{width:10%;}
.width_15{width:15%;}
.width_5{width:5%;}
.width_50_90{width:50%;}

.width_check{width:10px;}

.hilight_box{border:solid 2px #41c8f5; }
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 1px;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
#filenamebox{display:none;}
#doUploadButton{display:none;margin:10px;}
.banner{background-color:#999999;}
.small_text{font-size:10pt;}
.docicon{width:100px;height:100px;}
.smalldocicon{width:40px;height:40px;}
.mapDetail{width:500px;height:500px;float:left;}
.surveyDetail{width:500px;min-height:500px;float:left;box-sizing:border-box;}
.bigmapContent{float:left;height:100px;width:100px;}




.board_field {color:white;display:inline-block;font-weight: normal;  font-family:'arial';overflow:hidden;}
.board_field a:link    {color:white;text-decoration: none; color: #999999; font-weight: normal; font-size:15px; font-family:'arial'; }
.board_field a:visited {text-decoration: none; color: #999999; font-weight: normal; font-size:15px; font-family:'arial';}
.board_field a:active  {text-decoration: none; color: #999999; font-weight: normal; font-size:15px; font-family:'arial';}
.board_field a:hover   {text-decoration: none; color:yellow; font-weight: normal; font-size:15px; font-family:'arial';} 





a.tooltips1:link {
 
  display: inline;
   z-index: 999;
   color:white;
  
}

a.tooltips1:hover {
color:yellow;
}

a.tooltips1 span {
  position: absolute;
  color: #222222;
  background: #eeeeee;
  text-align: left;
  visibility: hidden;
  border-radius: 6px;
}

a.tooltips1:hover span {
  visibility: visible;
  opacity: 0.8;
  
  /*left: 50%;*/
  margin-left: 0px;
  padding:5px;
  z-index: 999;
}






#detailholder{float:left;display:none;margin:5px 0px 5px 0px;width:502px;border:solid 1px #555555;
-webkit-box-shadow: 10px 10px 5px rgba(10, 10, 10, 0.5);
-moz-box-shadow: 10px 5px 5px rgba(10, 10, 10, 0.5);
box-shadow: 10px 10px 5px rgba(10, 10, 10, 0.5);
box-sizing:border-box;
}
 
.docsfield .survey_field a{font-size:8pt;}
.docsfield .docspan {background-color:rgba(125,125,125,0.2);margin:2px 10px 2px 2px;}
.docsfield {width:100%;}
.state10{border-top:2px solid black; 	border-right:4px solid black;border-left:4px solid black;  text-align:center;margin-bottom:5px;width:100%;float:left;}
.state20{border-top:2px solid yellow; 	border-right:4px solid yellow;border-left:4px solid yellow; text-align:center;margin-bottom:5px;}
.state30{border-top:2px solid blue; 	border-right:4px solid blue;border-left:4px solid blue; text-align:center;margin-bottom:5px;}
.state40{border-top:2px solid orange; 	border-right:4px solid orange;border-left:4px solid orange; text-align:center;margin-bottom:5px;}
.state50{border-top:2px solid green; 	border-right:4px solid green;border-left:4px solid green; text-align:center;margin-bottom:5px;}
.state55{border-top:2px solid pink; 	border-right:4px solid pink;border-left:4px solid pink; text-align:center;margin-bottom:5px;color:#555555;}
.state60{border-top:2px solid white; 	border-right:4px solid white;border-left:4px solid white; text-align:center;margin-bottom:5px;}
.state70{border-top:2px solid red; 	border-right:4px solid red;border-left:4px solid red; text-align:center;margin-bottom:5px;}
.state10 .survey_list_title {background-color:#EEEEEE;border-top: black;color: black;	text-align:left;}
.state20 .survey_list_title {background-color:#EEEEEE;border-top:  yellow;color: yellow;  text-align:left;}
.state30 .survey_list_title {background-color:#EEEEEE;border-top:  blue; color: blue;	text-align:left;}
.state40 .survey_list_title {background-color:#EEEEEE;border-top:  orange; color: orange; text-align:left;}
.state50 .survey_list_title {background-color:#EEEEEE;border-top:  green;color: green; text-align:left;}
.state55 .survey_list_title {background-color:#EEEEEE;border-top:  pink;color: pink;  text-align:left;color:#555555;}
.state60 .survey_list_title {background-color:gray;border-top:  white;color: white;  text-align:left; }
.state70 .survey_list_title {background-color:#EEEEEE;border-top:  red;color: red;  text-align:left;}

.staterow10{border-top:1px solid #555555;background-color:#000000;border-right:4px solid black;border-left:10px solid black;  text-align:left;width:100%;float:left;padding-left:10px}
.staterow20{border-top:1px solid #555555;background-color:#000000;border-right:4px solid yellow;border-left:10px solid yellow; text-align:left;padding-left:10px}
.staterow30{border-top:1px solid #555555;background-color:#000000;border-right:4px solid blue;border-left:10px solid blue; text-align:left;padding-left:10px}
.staterow40{border-top:1px solid #555555;background-color:#000000;border-right:4px solid orange;border-left:10px solid orange; text-align:left;padding-left:10px}
.staterow50{border-top:1px solid #555555;background-color:#000000;border-right:4px solid green;border-left:10px solid green; text-align:left;padding-left:10px}
.staterow55{border-top:1px solid #555555;background-color:#000000;border-right:4px solid pink;border-left:10px solid pink; text-align:left;color:#555555;padding-left:10px}
.staterow60{border-top:1px solid #555555;background-color:#000000;border-right:4px solid white;border-left:10px solid white; text-align:left;padding-left:10px}
.staterow70{border-top:1px solid #555555;background-color:#000000;border-right:4px solid red;border-left:10px solid red; text-align:left;padding-left:10px}

.staterow10 .first{background-color:black;}
.staterow20 .first{background-color:yellow;}
.staterow30 .first{background-color:blue;}
.staterow40 .first{background-color:orange;}
.staterow50 .first{background-color:green;}
.staterow55 .first{background-color: pink;}
.staterow60 .first{background-color:white;}
.staterow70 .first{background-color:red;}



.staterow a{font-weight:normal;}

.close{float:right;margin:3px;}
#tabholder{
	position:relative;
	z-index:1;
	border-bottom:solid 1px #bbbbbb;
	background-color:#eeeeee;
	margin-top:0px;
}
.tabbutton{
	 font-family:'arial';
	text-align:center;
	color:#555555;
	background-color:#aaaaaa;
	height:20px;
	width:150px;
	float:left;
	display:inline-block;
	border: 1px solid #000000;

	-webkit-border-radius: 6px 6px 0 0 ;
	-moz-border-radius: 6px 6px 0 0 ;
	border-radius: 6px 6px 0 0 ;
	z-index:60;
	margin-bottom:-1px;
	cursor:pointer;
	}

.tabbutton.selected{
	border-bottom: 0 none;
	background-color:#eeeeee;
}
.parameterdisplay{height:80%;overflow:scroll;background-color:white;border:solid 1px #999999;float:left;display:inline-block;position:relative;width:50%;margin-top:5px;}
.largeparameterdisplay{min-height:200px;height:auto;overflow:scroll;background-color:white;border:solid 1px #999999;float:left;display:inline-block;position:relative;width:50%;margin-top:5px;}
.claimtab{width:100%;}      
.bordtab{width:100%;}      
.bordtab .formrow  { min-height:10px;border-width:1;display:block;white-space:nowrap; clear:both;}


a.tooltips,.formfield a.tooltips {
	color:black;
	padding-left:3px;
	border-left:solid 7px orange;
  display: inline;
}


a.tooltips span {
  margin-top:20px;
  position: absolute;
  color: #222222;
  background: white;
  text-align: left;
  visibility: hidden;
  border:solid 1px black;
  border-radius: 6px;
}

a.tooltips:hover span {
  visibility: visible;
  opacity: 1;
  
  /*left: 50%;*/
  margin-left: 0px;
  padding:5px;
  z-index: 999;
}
.titles .bord{display:inline-block;border-top:solid thin #000000;border-left:solid thin #000000;border-bottom:solid thin #000000;}
.titles .rep{display:inline-block;border-top:solid thin #000000;border-left:solid thin #000000;border-bottom:solid thin #000000;}
.abs_width_20{width:20px;}
.abs_width_30{width:30px;}
.abs_width_35{width:35px;}
.abs_width_50{width:50px;}
.abs_width_70{width:70px;}
.abs_width_75{width:75px;}
.abs_width_100{width:100px;}
.abs_width_120{width:120px;}
.abs_width_150{width:150px;}
.abs_width_200{width:200px;}
.abs_width_250{width:250px;}
.abs_width_300{width:300px;}
.abs_width_400{width:400px;}                       
.abs_width_500{width:500px;}
.abs_width_600{width:600px;}
.abs_width_700{width:700px;}
.abs_width_800{width:800px;}
.abs_width_1000{width:1000px;}

.abs_width_curr_sym{width:100px;}
.abs_width_val_type{width:300px;}
.abs_width_val_type_1{width:100px;}
.abs_width_val_type_2{width:200px;}
.abs_width_val_type_3{width:300px;}
.abs_width_val_type_5{width:500px;}

.bordtab{height:90%;overflow:scroll;}      
.bordtab .formrow  { min-height:10px;border-width:1;display:block;white-space:nowrap; clear:both;}

.reprow {position:relative;padding:0px 10px; min-height:10px;border-width:1;display:block;white-space:nowrap; clear:both;margin-top:auto;margin-bottom:auto;font-family:'arial';font-size:9pt;}
.rep.first{display:inline-block;border-left:solid thin #000000;}

.rep{display:inline-block;border-top:solid thin #000000;border-right:solid thin #000000;border-bottom:solid thin #000000;margin-top:-1px;}
.repbox.first {background-color:#ffffdd;}

/* .repbox {background-color:#ddffff;border:solid 1px #555555;padding:2px;margin:5px 2px;} */
.repbox {background-color:#ddffff;border:solid 1px #ff0000;padding:2px;margin:5px 2px;}
.reprow .rep{min-height:21px;vertical-align:top;vertical-align:bottom;margin-top:-1px;padding-left:5px;}
.reprow .holder{padding:0px;}



.bord{display:inline-block;margin-top:-1px;white-space: pre-wrap;}
.bord.bordtitle{white-space:nowrap;color:white;background-color:#555555; }
.bord.first{display:inline-block;border-left:solid thin #000000;}
.bordbox {background-color:#ddffff;border:solid 1px #555555;padding:2px;display:table;overflow:scroll;height:100%;width:100%;position:relative;}
.bordbox.first {background-color:#ffffff;}
.bordrow {padding:2px;margin: 0px 5px;display:flex;height:25px;border:0;}
.bordbox .bordrow.row0{background-color:#dddddd;overflow:hidden;margin-top:2px;}
.bordbox .bordrow.row1{background-color:#eeeeee;overflow:hidden;margin-top:2px;}
.bordbox .bordrow.total{background-color:#bbbbbb;overflow:hidden;margin-top:2px;font-weight: bold;}
.bordbox .bordrow.total .formfield{background-color:#bbbbbb;font-weight: bold;}
.bordrow .bord{min-height:21px;vertical-align:top;vertical-align:bottom;margin-top:-1px;padding-left:5px; font-family: MontserratMedium;font-size:12px} 
.bordrow .holder{padding:0px;}
.bordrow.total{background-color:#eeeeee;}
.bordrow .titles{background-color:#aaaaaa;height:auto;}

.PQDborddisplay {
	background-color:#ffffff;padding:1px;display:table;overflow:scroll;position:relative;
	.formrow{height:15px;}
	.formrow.titles{height:55px;}
}
.borddisplay.first {background-color:#ffffdd;}

.report{display:inline-block;border-top:solid thin #000000;border-right:solid thin #000000;border-bottom:solid thin #000000;margin-top:-1px;white-space: pre-wrap;}
.report.bordtitle{;white-space:nowrap; }
.report.first{display:inline-block;border-left:solid thin #000000;}
.reportbox {background-color:#ddffff;border:solid 1px #555555;padding:2px;display:table;}
.reportbox.first {background-color:#ffffdd;}
.reportrow {padding:0px;margin: 0px 5px;display:flex;}
.reportrow .bord{min-height:21px;vertical-align:top;vertical-align:bottom;margin-top:-1px;padding-left:5px;}
.reportrow .holder{padding:0px;}
.reportrow.total{background-color:#eeeeee;}



.chartrow{margin:0px;}
.chart{border:solid 1px #000000;margin:0px;}
.outer{padding:0px;}
.fieldtitle.chart{background-color:pink;} 
.chart.money{min-height:21px;border:none;border-left:solid 1px #000000;font-weight:bold;font-size:12pt;} 
.chart.curr{min-height:21px;border:none;border-left:solid 1px #000000;} 

.reduce{font-size:75%;}
	
	
.choosebutton {
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
color: white; font-size:12pt;  font-family:'MontserratBold';width:100%;background-color:#00b1dc;
	border-radius: 1px;

    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin:20px;
}
.inlinebutton {
    padding: 0px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
color: white; font-size:12pt;  font-family:'MontserratBold';width:100%;background-color:#00b1dc;
	border-radius: 1px;

    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.choosebutton:hover {
    background-color: white; /* white */
    color:  #00599d;
}
.morebutton {
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;

	border-radius: 8px;
	background-color: #009d59;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin:20px;
    color:white;
}

.morebutton:hover {
    background-color: white; /* white */
    color:  #00599d;
}

#selectbuttonholder{margin-top:50px;width:980px;text-align:center;}

.paramColorClass0{border-top:solid 1px #dddddd;color:red;}
.paramColorClass2{border-top:solid 1px #dddddd;color:green;}
.paramColorClass1{border-top:solid 1px #dddddd;color:blue;}
.smallform{margin-bottom:0px;}
.invoiceouter{display:block;border:none;padding:10px;margin:auto;}
.invoiceinner{background-color:white;display:inline-block;border:solid thin black}
/***************************************************/
/************** MEDIA CHANGES     ******************/
/***************************************************/
@media screen  and (min-width: 1544px)and  (max-width:2064px){
#mainpanel {float:left;display:inline-block;}
#detailholder{margin:5px 10px 5px 10px;}
.mapDetail{width:100%;}
.surveyDetail{width:100%;box-sizing:border-box;}
}
@media screen  and  (max-width:1040px)and  (min-width:520px){
/*
#detailholder{width:502px;margin:0px;float:none;position:relative;display:block;margin:5px 10px 5px 10px;}
#mainpanel {float:none;display:block;}
.mapDetail{margin:10px 10px;}
.surveyDetail{margin:10px 10px;box-sizing:border-box;}
*/
}
/* MEDIA CHANGES Small Computer Screen*/
@media screen  and (min-device-width: 1024px)and  (max-width:480px){
#centralpanel{width:auto;width:100%;height:100%;max-width:980px;background-color:#ffeeee;display:block;}    
#mainpanel {width:100%;padding: 5px 5px;background-color:#888888;}
  /* some CSS here */
#headpanelfull { width:auto;box-sizing:border-box;display:block;margin:5px auto 5px auto;position:relative;z-index:5;}
/*  #headpanelfull .leftimage{margin:5px auto 5px auto;width:50%;height:auto;display:block;}*/
#headpanelfull .pagetitle,#loginbutton{box-sizing:border-box;height:auto;float:right;padding:20px 20px 20px 20px;max-width:100%;width:100%;text-align:center;}
#loginpanel_main ,#loginpanel_main h3
{ 
	margin: 10px auto 10px auto; 
	text-align:center;
}
}
/* MEDIA CHANGES 700px Computer Screen*/
@media screen  and (min-device-width: 1024px)and  (max-width:700px)
{
.size4{display:none;}
.size3{display:inline-block;}
.survey_title_field {width:20%;}
.survey_field {width:20%;}
.small_field {width:10%;}
.large_field {width:30%;}
	
}
input[type="button"].size3{display:none;} 
input[type="button"].size4{display:inline-block;} 
.smallonly{display:none;}
.largeonly{display:inline-block;}
/* MEDIA CHANGES iPhone*/
@media screen and (max-device-width: 540px) and (-webkit-min-device-pixel-ratio: 2)
{
  /* some CSS here */
#centralpanel{max-width:100%;}   
html{width:100%;padding:0px;margin:0px;}
body{width:100%;}
	.ui-datepicker{width:400px;}
	.ui-widget{font-size:26pt;}
/*	.ui-icon{width:32px;height:32px;font-size:26pt;}*/
/*	#headpanelfull .leftimage{width:100%;max-width:100%;height:auto;clear:both;margin-left:auto;margin-right:auto;}*/
	#headpanelfull .leftimage{box-sizing:border-box;max-width:30%;width:400px;height:auto;float:left;display:block;padding:10px;}
	#headpanelfull .rightimage{box-sizing:border-box;max-width:30%;width:200px;height:auto;float:right;display:block;}
	#headpanelfull .pagetitle,#loginbutton{box-sizing:border-box;height:auto;float:right;padding:20px 20px 20px 20px;max-width:100%;width:100%;text-align:center;font-size:36pt;}
	H2.surveytitletext {font-size:300%;margin:20px 10px;}
a:link    {font-size:42px;}
a:visited {font-size:42px;}
a:active  {font-size:42px;}
a:hover   {font-size:42px;}
input[type="submit"] {  font-size:42pt;}
input[type="button"] {  font-size:42pt;}
	#loginbutton a {font-size:36pt;}
	#loginbutton  {font-size:36pt;}
	#loginpanel_main ,#loginpanel_main h3
	{ 
		margin: 10px auto 10px auto; 
		text-align:center;
	}
	#loginpanel_main .button-holder
	{
		width:400px;height:120px;
		font-size:28pt;
		line-height:60pt;
	}
	a.type1
	{
		font-size:28pt;
		
		line-height:85pt;
		display:block;
	}
	.message {font-size:400%;}
	#loginpanel_main input{font-size:48pt;;max-width:100%;margin:20px;}
	#loginpanel_main .inputlabel{font-size:48pt;width:40em;max-width:100%;}
/* Surveys Panel */
.survey_surround{padding:2px;border:solid 1px #999999;}
.surveytabletitle {background-color:#aaaaff;display:inline-block;width:100%;font-size:30pt; }
.surveylisttabletitle {background-color:#ffffff;display:inline-block;width:100%;font-size:30pt; }
.surveyreservetabletitle {background-color:#ffffff;display:inline-block;width:100%;font-size:30pt; }
.survey_title_field {width:13%;  text-align:left; padding:5px 5px; font-weight: bold; color: #0188B5; font-size:30pt; font-family:'arial';display:inline-block;}
.survey_field {width:13%;display:inline-block; font-family:'arial';}
.small_field {width:8%;}
.large_field {width:24%;}
.survey_row {display:block; text-align:left;  padding:5px 5px;   font-size:30pt; font-family:'arial';border-bottom:solid 2px #ddddff;}
.type_even { background-color:#eeeeee;color: #21A8D5; font-size:30pt; font-family:'arial';}
.type_odd {background-color:#ddddff;display:block;font-family:'arial';}
.survey_field a:link    {text-decoration: none; color: #5E5F66; font-weight: bold; font-size:30pt; font-family:'arial'; }
.survey_field a:visited {text-decoration: none; color: #5E5F66; font-size:30pt; font-family:'arial';}
.survey_field a:active  {text-decoration: none; color: #5E5F66; font-size:30pt; font-family:'arial';}
.survey_field a:hover   {text-decoration: none; color:#41C8F5; font-size:30pt; font-family:'arial';} 
p.survey_list_title{ font-size:42pt;}
h3.survey_list_title{	 font-size:30pt;margin:0px;padding:2px;}
	
/* END Surveys Panel */
#surveypanel{width:100%;max-width:none;min-height:1000px;margin-left:auto;margin-right:auto;display:block;background-color:#efefef;padding:10px;}
	
#surveybody{
	position:relative;
	display:block;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding: 10px 20px;
	border:none thin #999999;
	/*overflow:hidden;*/
	z-index: 1;
box-shadow:none;	
	
	/*background:url("../images/logos/form-head-large.gif") top,white;background-repeat:  repeat-x;background-color:white;*/
}
	
.size4{display:none;}
.size3{display:inline-block;}
.survey_title_field {width:20%;}
.survey_field {width:20%;}
.small_field {width:10%;}
.large_field {width:30%;}
.docsfield {width:100%;}
.jointportsfield {width:25%;}
.conveyancefield {width:25%;}
.viewsurveyfield {width:20%;}
.docsfield img{width:50%;}
/* Survey Forms */
.formrow  {margin-top:40px;}
.formfield  { float:left; padding:2 10; color: #212121; font-size:36pt; font-family:"arial";display:inline-block; }
.formfield  SELECT {  font-size:150%;width:100%;}
.formfield.label  {font-size:24pt;}
.formfield.emphasise  {font-size:48pt;}
 .formrow .fieldtitle{font-size:50pt;}
 .formrow .fieldtitlematch{font-size:50pt;}
 .formrow .subtitle{font-size:48pt; }
.section_box{border:solid 2px #000000;margin:20px 0px ;padding:0px 0px 5px 0px ; background-color:#efefef;}
input.submit_button {  font-size:200%;}
.small_button {  font-size:12pt;}

.full { width:100%;}
.half { width:50%;}
.third { width:33%;}
.width_one { width:400px;}
.width_two { width:50%;}
.width_three { width:33%;}
.width_four { width:25%;}
.width_one_two { width:100%;}
.width_two_four { width:50%;}
.width_90{width:90%;}
.width_75{width:75%;}
.width_70{width:70%;}
.width_60{width:60%;}
.width_30{width:30%;}
.width_80{width:80%;}
.width_40{width:40%;}
.width_25{width:25%;}
.width_20{width:20%;}
.width_10{width:10%;}
.width_15{width:15%;}
.width_5{width:5%;}
.width_50_90{width:90%;}
/*.answer input { font-size:250%;width:100%; }*/
.answer select{ white-space : nowrap;  font-weight: normal;  color: #919191; font-size:36pt; font-family:'Arial'; width:100%;}
.answer input[type=text]{ white-space : nowrap;  font-weight: normal;  color: #919191; font-size:36pt; font-family:'Arial';width:100%; }
.answer .vertical  {font-size:250%; }
.answer  {width:100%; }
.surveylogin{z-index:100;}
#headpanel {z-index:50;background-color:#eeeeee;}
.small_text{font-size:20pt;}
/* End Survey Forms */
form input[type=submit].duparrow {
	background : url(../images/icons/uparrow_large.png);
	width : 110px;
	height :100px;
	border : none;
	color : transparent;
	font-size : 0;
	z-index:10;
}
form input[type=submit].duparrow:hover {
	background : url(../images/icons/uparrow_large_hover.png);
	width : 110px;
	height :100px;
	border : none;
	color : transparent;
	font-size : 0;
	z-index:10;
}
form input[type=submit].binbutton {
	background : url(../images/icons/bin_large.png);
	background-repeat:  no-repeat;
	width : 72px;
	height :100px;
	border : none;
	color : transparent;
	font-size : 0;
	z-index:10;
}
form input[type=submit].binbutton:hover {
	background : url(../images/icons/bin_large_hover.png);
	background-repeat:  no-repeat;
	border : none;
	color : transparent;
	font-size : 0;
	z-index:10;
}
.uplabel  {font-size:200%;}
.vertical{ 
	height:20px;
	width:60px;overflow:visible;
	display:inline-block;
	vertical-align:bottom;
	text-align:left;
	font-size:20pt;
	line-height:20px;
	padding:5px;
	white-space: nowrap;
	-webkit-transform:rotate(-60deg);
	-moz-transform:rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
/**/}
.losses_row{position:relative;margin-top:300px;}
.lossboxtable{
	border:thin solid #eeeeee;
	background-color: #eeeeee;
	padding:0px 0px;
	width:60px;
	text-align:left;
	margin-left:auto;margin-right:auto;
	display:inline-block;
}
.losscheckbox{
 -ms-transform: scale(4); /* IE */
  -moz-transform: scale(4); /* FF */
  -webkit-transform: scale(4); /* Safari and Chrome */
  -o-transform: scale(4); /* Opera */
  margin: 20px;
}
.formfield .small{font-size:24pt;}
.hilight_box{background-color:#41c8f5; border:solid 5px #41c8f5;padding-bottom:10px; }
.docicon{width:100px;height:100px;}
.smalldocicon{width:30px;height:30px;}
input[type="button"] {  font-size:42pt;}
.fileUpload input.upload {
	font-size: 40px;
}
	#progressbar img {width:100%;}
	.summarybutton{width:100%;}
input[type="button"].size4{display:inline-block;font-size:22pt;width:100%;} 
.smallonly{display:inline-block;}
.largeonly{display:none;}
#topmenu {box-sizing:border-box;height:auto;float:right;width:400px;margin-left:auto;margin-right:auto;padding: 20px 60px 10px 60px;max-width:80%;text-align:center;z-index:50;}
#topmenu .menuitem{font-weight:normal; font-size:12pt;	 font-family:"arial";	 color:#515151;display:inline;}
button.admin{font-size:68px;}
.reserve_list_type_even { font-size:30pt;}
.reserve_list_type_odd {font-size:30pt;}
.list_type_even {font-size:30pt;}
.list_type_odd {font-size:30pt;}
.list_type_owned_even { font-size:30pt;}
.list_type_owned_odd {font-size:30pt;}
#surveybody,.section
{
	position:relative;display:block;
	margin-top:0px;
	width:100%;
	padding: 10px 20px 0px 20px;
	background-color:#dddddd;
	/*overflow:hidden;*/
	z-index: 6;
/*box-shadow: -10px -10px 5px #999999;*/	
	
	/*background:url("../images/logos/form-head-large.gif") top,white;background-repeat:  repeat-x;background-color:white;*/
}
.mapDetail{width:100%;height:500px;float:left;margin:10px 5px 10px 5px;}
.surveyDetail{width:100%;min-height:500px;float:left;margin:10px 5px 10px 5px;box-sizing:border-box;}
.bigmapContent{float:left;height:100px;width:100%};
#detailholder{width:502px;margin:0px;float:none;position:relative;;display:block;}
}
#loginpanel_main .left{float:left;}
.centralised{margin-left:auto;margin-right:auto;}
.negative{color:red;}
.nolimit{display:none;}

.bindtab{position:relative;display:block;width:100%; height:100%;overflow:scroll;}

.bord.bordtitle.columnpresent{background-color:#005500;color:white;}
.bord.bordtitle.columnomitted{background-color:#550000;color:#dddd;}

#testwarningbox{color:red;padding:20px;font-weight:bold; font-size:12pt;	 font-family:"arial";	}

.list{white-space: nowrap;overflow:hidden;}

.filterin{display:inline-block;}
.filterout{display:none;}

.extradata{display:none;}
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
	 z-index: 100;
  padding: 10px;
  cursor: pointer;
 color:#0e4f91;background-color:white;text-align:left;font-size:12pt;width:100%;  border-bottom: 1px solid #0e4f91;font-family:"Arial";
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color:#0e4f91 !important;
  color: #ffffff !important;
}

.tpc .submit_button{border-radius: 6px;background-color:#0e4f91;color:white; border:none; line-height:24px;font-size:18px;width:100px; }
.tpc .submit_button.large {border-radius: 6px;background-color:#0e4f91;color:white; border:none; line-height:24px;font-size:18px;width:150px; }
.message{color:#ff5555;}
.newclaim  {background-color:#0000FF;}

.PDQform{
font-size:12px;background-color:white;
margin-block-end:0px;;
	.PDQrow{ white-space : nowrap;  font-weight: normal;  color:black;  font-family:'MontserratMedium'; width:100%;background-color:white;font-weight:lighter;
			.title,.banner{ width:100%;padding:5px 5px;
				color:white;
					background-color:#00b1dc;
					text-decoration:none;
					font-size:12pt;
					font-family:'MontserratBold';
			}			
			.select{ width:100%;padding:1px 1px;
				color:white;
					background-color:#00b1dc;
					text-decoration:none;
					font-size:10pt;
					font-family:'MontserratBold';
			}			
			.holder{ width:50%;display:inline-block;padding:4px 4px 0px 4px;
					background-color:transparent; 
				
	
				.label{ width:100%;display:inline-block;padding:2px 2px;
					line-height:18px;
						background-color:#00b1dc;background-color:#cccccc; 
					
				}
				.data{width:100%;display:inline-block;background-color:#00b1dc;background-color:#eeeeee;padding:2px 2px;border:none;
					input[type=text],input[type=password]{ line-height:14px;
						background-color:#00b1dc;background-color:transparent;width:100%;border:none; cursor:hand;
					}
					select{line-height:14px;border:none;cursor:hand;
					background-color:#00b1dc;background-color:transparent; width:100%;}
					
				}
				.setabledata{width:50%;display:inline-block;background-color:#00b1dc;background-color:#eeeeee;padding:0px 2px 2px 2px;border:none;
					input[type=text],input[type=password]{ line-height:14px;
						background-color:#00b1dc;background-color:transparent;width:100%;border:none; cursor:hand;
					}
					select{line-height:14px;border:none;cursor:hand;
					background-color:#00b1dc;background-color:transparent; width:100%;}
					
				}
				.button{width:100%;display:inline-block;background-color:#00b1dc;padding:0px 0px;border:none;
					}
				}
				.holder.logout{position:relative;padding-top: 20px;}
				.toggleall{ width:100%;padding:5px 5px;
					margin-top:-5px;
					color:black;
						background-color:#00b1dc;
						text-decoration:none;
						font-size:9pt;
						font-family:'MontserratBold';
				}			
			}
			.holder.label{ width:50%;display:inline-block;padding:4px 2px 0px 0px;} 
			.holder.data{ padding:4px 0px 0px 2px;} 
			.holder.buttontype{ width:100%;display:inline-block;padding:2px 2px 2px 2px;background-color:white;} 
			.choosebutton {
				padding: 15px 32px;
				text-align: center;
				text-decoration: none;
				display: inline-block;
			color: white; font-size:12pt;  font-family:'MontserratMedium';width:100%;background-color:#00b1dc;
				border-radius: 1px;
			
				-webkit-transition-duration: 0.4s; /* Safari */
				transition-duration: 0.4s;
				margin:0px;
				cursor:hand;
			}
}
			.mainbutton {
				padding: 4px 4px;
				text-align: left;
				text-decoration: none;
				display: inline-block;
			color: white; font-size:12px;  font-family:'MontserratMedium';width:100px;background-color:#00b1dc;
				border-radius: 1px;
			
				-webkit-transition-duration: 0.4s; /* Safari */
				transition-duration: 0.4s;
				margin:0px 2px;
				cursor:hand;
			}
.PDQform.header{padding:18px 20px 20px 20px;}
		
.PQDsection 
{
	position:relative;display:inline-block;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	min-width:112px;
	padding: 10px 20px;
	border:solid thin #999999;
	/*overflow:hidden;*/
	z-index: 6;
	vertical-align:top;
	float:left;
/*box-shadow: -10px -10px 5px #999999;*/	
	
	/*background:url("../images/logos/form-head-large.gif") top,white;background-repeat:  repeat-x;background-color:white;*/
}
.headpanelfull .PQDform{padding:30px 20px 20px 20px;}

.PQDsection.dark {padding: 10px 0px 10px 20px;}
.PQDsection.quarter{	width:25%;	min-width:225px;}
.PQDsection.half{	width:50%;	min-width:450px;}
.PQDsection.threeeighths{	width:37.5%;	min-width:338px;}
.PQDsection.seveneighths{	width:87.5%;	min-width:788px;}
.PQDsection.eighth{	width:12.5%;	min-width:112px;}

.PQDsection.tall .PDQmenuholder{	height:50%;}
.PQDsection.dark .PDQmenuholder{ padding:4px 2px 4px 2px;background-color:white;
 hr{color:white;height:2px;padding:10px 2px;border:none;}
}
.PQDsection.dark .PDQmenuholder  .choosebutton {
				padding: 4px 4px;
				text-align: left;
				text-decoration: none;
				display: inline-block;
			color: white; font-size:12px;  font-family:'MontserratMedium';width:100%;background-color:#00b1dc;
				border-radius: 1px;
			
				-webkit-transition-duration: 0.4s; /* Safari */
				transition-duration: 0.4s;
				margin:0px;
			}
.PQDsection.dark .PDQmenuholder  .buttoncategory {
				padding: 14px 4px 4px 4px;
				text-align: left;
				text-decoration: none;
				display: inline-block;
			color: white; font-size:12px;  font-family:'MontserratBold';width:100%;background-color:transparent;
				border-radius: 1px;
			
				-webkit-transition-duration: 0.4s; /* Safari */
				transition-duration: 0.4s;
				margin:0px;
			}
			.PQDsection.dark .PDQmenuholder  .buttoncategory.first {padding: 4px 4px 4px 4px;
			}
.PQDsection.dark .PDQmenuholder  .choosebutton.PQDtestwarningbox {
	background-color:red;
}
			
.borderless{border:none;}
.half{	width:50%!important;}
.quarter{	width:25%!important;}
.threequarters{	width:75%!important;}
.threeeights{	width:37.5%!important;}
.seveneighths{	width:87.5%!important;}
.eighth{	width:12.5% !important;}
.PQDpresent{background-color:#00FF00 !important;}

.PQDselect0{background-color:#FF0000 !important;}
.PQDselect100{background-color:#007700 !important;}
.PQDselect200{background-color:#009900 !important;}
.PQDselect300{background-color:#00BB00 !important;}
.PQDselect400{background-color:#00DD00 !important;}
.PQDselect500{background-color:#00FF00 !important;}
.PQDomitted,.PQDselect{background-color:#FF0000 !important;}
.PQDformfield  {  background-color:transparent;line-height:16pt; color:black;}
.PQDformtitle  { font-family: MontserratBold; background-color:transparent;line-height:16pt;font-size:16pt;}
.formfield  { font-family: MontserratMedium; background-color:transparent;line-height:14pt;font-size:14pt}

.PQDplaintext{color:#00b1dc;font-size:28px;  font-family:'MontserratMedium';padding:10px;}
.PQDplaintext.small{font-size:12px;}
.PQDplaintext.large{font-size:32px;}
.infopanel{display:none;}
.label.button{padding:2px 2px;margin:0px;color:white;cursor:pointer;}