DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
/*
CCC Light Blue E5A841

orange E5A841

*/
-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";}
	 
.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%;}

#headpanelfull { width:100%;box-sizing:border-box;display:block;border-bottom:solid 1px #999999;}
#headpanelfull .leftimage{box-sizing:border-box;max-width:20%;width:200px;height:auto;float:left;display:block;margin:10px;}
#headpanelfull .pagetitle{box-sizing:border-box;height:auto;float:right;padding:70px 20px 20px 20px;max-width:50%;text-align:center;}
#headpanelfull .pagetitle{box-sizing:border-box;height:auto;float:right;padding:70px 20px 20px 20px;max-width:50%;text-align:center;}

.headerform {margin-bottom:5px;}


#headpanel {position:relative;width:100%;padding: 0px 0px;z-index: 1; background-color:#fefefe;border-bottom:solid 1px #bbbbbb;}

#topmenu {box-sizing:border-box;height:auto;float:right;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;}


.abs_width_800{width:800px;}
.abs_width_700{width:700px;}
.abs_width_600{width:600px;}
.abs_width_400{width:400px;}
.abs_width_500{width:500px;}
.abs_width_300{width:300px;}
.abs_width_200{width:200px;}
.abs_width_150{width:150px;}
.abs_width_120{width:120px;}
.abs_width_100{width:100px;}
.abs_width_90{width:90px;}
.abs_width_80{width:80px;}
.abs_width_60{width:60px;}
.abs_width_70{width:70px;}
.abs_width_75{width:75px;}
.abs_width_40{width:40px;}
.abs_width_30{width:30px;}
.abs_width_20{width:20px;}
.abs_width_10{width:10px;}
.abs_width_15{width:15px;}
.abs_width_5{width:5px;}

.halfsection
{
	position:relative;display:inline-block;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	min-width:800px;
	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;*/
}
.detailrow  { display:block;clear:both;width:100%;}

.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 5;font-weight: normal;   color: #212121; font-size:10pt; font-family:"arial";display:inline-block; margin:4px;}

.answer{ font-weight: bold;  color: #000000; font-size:10pt; font-family:Arial; }

.formtable input{ white-space : nowrap; padding: 0; font-weight: normal;  color: #000000; font-size:10pt; font-family:Arial; }
.formtable OPTION{ width:180px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #000000; font-size:10pt; font-family:Arial; }
.formtable select {width:180px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #000000; font-size:10pt; font-family:Arial; }
.formtable OPTION.short{ width:120px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #000000; font-size:10pt; font-family:Arial; }
.formtable select.short {width:130px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #000000; font-size:10pt; font-family:Arial; }
.answer select{ white-space : nowrap;  font-weight: normal;  color: #000000; font-size:8pt; font-family:'Arial'; width:100%;}
.answer input[type=text]{ white-space : nowrap;  font-weight: normal;  color: #000000; font-size:8pt; font-family:'Arial';width:100%; }


.companydetails{color:#999999;font-size:10pt;} 
.companydetails .formrow  { min-height:20px;}
 .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:0px 5px;}
input[type="submit"].listbutton{font-size:9pt;width:90px;margin:0px 5px;}
.listbutton{font-size:9pt;width:90px;margin:0px 10px;}
#mainpanel {width:100%;max-width:2048px;padding: 5px 5px;background-color:#fefefe;float:left;}

.currency{padding:2px 2px}
.highlight{color:red;font-weight:bold;}
.enhance{font-weight:bold;}

/**** Got to HERE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.listrow  { min-height:initial;}



#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:#000000;margin:5px 0px;}
#loginfields h3{font-size:200%;font-weight:bold;display:inline;color:#000000;width:20em;margin:5px 0px;}
#loginfields input{font-size:200%;display:inline;font-weight:normal;color:#1c0ed1;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:#1c0ed1;}
ul.maintext{	 font-size:100%;	 font-family:"arial";	 color:#1c0ed1;}
td.maintext{	 font-size:100%;	 font-family:"arial";	 color:#1c0ed1;}
.maintext a:link    {text-decoration:Underline; color:#1c0ed1}
.maintext a:visited {color:#1c0ed1}
.maintext a:active  {color:#1c0ed1}
.maintext a:hover   {color:#1c0ed1}

.baseport{border:solid 1px black;}
.makebase{color:blue;cursor:hand;}
.costinput{width:100%;display:inline-block;margin-right:5px;}

#newroutepanel .formfield{text-align:right;}

#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;
}
#carrier
{
	position:absolute;
	top:0px;
	left:225px;
	width:600px;
	height:100%;
	margin:0 auto;
	padding: 0px 0px;
	z-index: 2;
	border-width:0;
	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 #1c0ed1
*/
.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:#1c0ed1;}
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:#1c0ed1;}
h3.surveytext{	 font-size:100%;	 font-family:"arial";	 color:#1c0ed1;}

.questiontextstyle{ white-space : nowrap; padding: 5 5 0 0;  color: #1c0ed1; font-size:15; font-family:Arial;  font-weight: bold;  }
.subquestiontextstyle{ white-space : nowrap; padding: 5 5 0 0;  color: #1c0ed1; 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: #1c0ed1; 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:#1c0ed1; 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:#1c0ed1;}

.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: #1c0ed1; 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: #1c0ed1;font-weight: bold;}
.formtable a:visited {text-decoration: none; color: #1c0ed1;font-weight: bold;}
.formtable a:active  {text-decoration: none; color: #1c0ed1;font-weight: bold;}
.formtable a:hover   {text-decoration: none; color:#212121;}

/*
.formtable input{ white-space : nowrap; padding: 0; font-weight: normal;  color: #000000; font-size:15; font-family:Arial; }
.formtable OPTION{ width:180px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #000000; font-size:15; font-family:Arial; }
.formtable select {width:180px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #000000; font-size:15; font-family:Arial; }
.formtable OPTION.short{ width:120px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #000000; font-size:15; font-family:Arial; }
.formtable select.short {width:130px; white-space : nowrap; padding: 0;  font-weight: normal;  color: #000000; 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: #1c0ed1; font-size:15; font-family:"Arial";width:100%; }
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: #1c0ed1;  font-family:Arial }
table.containerentrytable_2 th { border-width:1;width:50%; white-space : nowrap; text-align:left; padding:0px 5px;  color: #1c0ed1; 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:#1c0ed1; 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: #1c0ed1; font-size:18; font-family:Arial ;}
table.containerentrytable th { border-width:1;width:25%; white-space : nowrap; text-align:left; padding:0px 5px;  color: #1c0ed1; 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:#1c0ed1; width:25%; text-align:left;  padding:0px 5px; font-family:Arial }
.containerentrytable input{ white-space : nowrap; padding: 0; font-weight: normal;  color: #1c0ed1; font-size:15; font-family:verdana; }
.containerentrytable OPTION{ white-space : nowrap; padding: 0;  font-weight: normal;  color: #1c0ed1; 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:#1c0ed1}
.lefttext a:visited {color:#1c0ed1}
.lefttext a:active  {color:#1c0ed1}
.lefttext a:hover   {color:#1c0ed1}

.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: #1c0ed1; 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: #1c0ed1; 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: #1c0ed1; font-size:15; font-family:Arial ;}
table.certstable_1 td { white-space : nowrap; text-align:left;  padding:0px 5px;  color: #1c0ed1; 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:#1c0ed1;}

/* 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:#1c0ed1;} 

/* 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:#1c0ed1;}

.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 #fefefe;
	background-color: #fefefe;
	padding:0px 10px;
	width:40px;
	text-align:left;
	margin-left:auto;margin-right:auto;
	display:inline-block;
}




a.type1{color:#ffffff;font-size:14pt;}
a.type1:hover{color:#ffffff;text-decoration:none;}
/*************************************/
/************************************/

html{width:100%;}


.button-holder{display:block;height:30px;width:100px;background-color:#07335a;
border-top:none;border-right:solid 2px #c71e25;border-bottom:solid 2px #c71e25;border-left:none;
text-align:center;line-height:24pt;}

.button-holder:hover{background-color:#07335a;
border-top:solid 2px #c71e25;border-right:none;border-bottom:none;border-left:solid 2px #c71e25;
text-decoration:none;}

.new-button-holder{display:block;background-color:#1c0ed1;
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:#1c0ed1;
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;}

.leftimage{width:260px;height:128px;}
.surveyleftimage{width:130px;height:auto;margin:5px;}
#loginspace{width:auto;;max-width:980px;width:100%;background-color:#fefefe;display:block;}    
#centralpanel{width:auto;width:100%;background-color:#fefefe;display:block;}    
#loginspace #mainpanel{width:auto;;max-width:980px;width:100%;background-color:#fefefe;display:block;height:100%;}    
body{width:100%;background-color:#fefefe;margin:0px;display:block;}
html{min-width:300px;width:100%;display:block;}
.button-holder{display:inline-block;margin:5px;}


table.formtable  {color: #1c0ed1; 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%;}

.width_one_two { width:50%;}
.width_two_four { width:25%;}

.width_curr_sym { width:10%;}
.width_curr { width:40%;}


.formfield a:link    {text-decoration: none; color: #1c0ed1;font-weight: bold;}
.formfield a:visited {text-decoration: none; color: #1c0ed1;font-weight: bold;}
.formfield a:active  {text-decoration: none; color: #1c0ed1;font-weight: bold;}
.formfield a:hover   {text-decoration: none; color:#212121;}






#loginpanel_main p{font-size:100%;font-weight:bold;display:inline;color:#000000;margin:5px 0px;display:inline-block;}
#loginpanel_main h3{font-size:200%;font-weight:bold;display:inline;color:#000000;margin:5px 0px;}
#loginpanel_main input{font-weight:normal;color:#1c0ed1;max-width:500px;margin:5px 0px;display:inline-block;}
#loginpanel_main .inputlabel{font-weight:bold;display:inline-block;color:#000000;width:10em;margin:5px 0px;text-align:left;font-family:"arial";}



#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%;}
.survey_title_field {width:15%;  text-align:left; padding:5px 5px; font-weight: bold; color: #0188B5; font-size:15; font-family:'arial';display:inline-block;}
.survey_field {width:15%;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;}

.type_even { background-color:#fefefe;color: #21A8D5; font-size:15; 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:15; font-family:'arial'; }
.survey_field a:visited {text-decoration: none; color: #5E5F66; font-size:15; font-family:'arial';}
.survey_field a:active  {text-decoration: none; color: #5E5F66; font-size:15; font-family:'arial';}
.survey_field a:hover   {text-decoration: none; color:#1c0ed1; font-size:15; font-family:'arial';} 

.survey_list_title{color:#0188B5;color:#fefefe;}
p.survey_list_title{ font-size:90%;}
h3.survey_list_title{	 font-size:100%;}
	
.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;
}

input[type="submit"] {  font-size:24pt;}
input[type="button"] {  font-size:18pt;}

.section_box{border:solid 1px #000000;margin:20px 0px ;padding:0px 0px 5px 0px ; background-color:#efefef;}

.width_10{width:10%;}
.width_20 { width:20%;}
.width_30{width:30%;}
.width_40{width:40%;}
.width_50 { width:50%;}
.width_60{width:60%;}
.width_70{width:70%;}
.width_80{width:80%;}
.width_90{width:90%;}



.width_50_90{width:50%;}




.hilight_box{border:solid 2px #1c0ed1; }
.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;margin:54px 10px;}
.surveyDetail{width:500px;min-height:500px;float:left;margin:10px 10px;background-color:#fefefe;}
.bigmapContent{float:left;height:100px;width:100px;};


a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  color: #222222;
  background: #fefefe;
  text-align: left;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltipsxx span:after {
  content: '';
  position: absolute;
  top: 10px
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #8FFF0F;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  
  /*left: 50%;*/
  margin-left: 0px;
  padding:5px;
  z-index: 999;
}
#customer_area{width:100%;text-align:top;}
#customer_details{float:left;}
#customer_order_details{float:left;}
         
.date{color:#1c0ed1;font-weight:bold;font-size:20px;}

.rightbutton {text-align:right;}
.pconly{display:inline-block;}
.phoneonly{display:none;}

.carrierDetailsSelected{color:#000000;}
.carrierDetailsNotSelected{color:#999999;}

.resultsbox{background-color:#ffffff;border:solid 1px blue;margin-bottom:20px;}
.price{text-align:right;}

.addressbox{border:solid 1px #ff0000;width:400px;float:left;}
.specialsbox{border:solid 1px #ff0000;width:850px;float:left;}
.customerdetail{border-bottom:solid 1px #999999;}
.leftbox{border-right:solid 1px #eeeeee;width:400px;float:left;width:400px;overflow:hidden;}
.databox{border-bottom:solid 1px #eeeeee;border-left:solid 1px #eeeeee;width:1240px;float:left;margin-bottom:20px;}
.greyborder{border:solid 1px #aaaaaa;margin:auto;width:450px;float:left;}
.titlebar{background-color:#555555;color:#eeeeee;}
.titlebar .formfield{color:#eeeeee;}

#mainpanel {width:100%;padding: 5px 5px;background-color:#fefefe;min-width:1200px;}


.smallicon{width:20px;height:20px;}
.membershipinput{width:100%;display:inline-block;margin-right:5px;color:#555555;}
.unregistered{display:none;}
.registered{display:inline-block;}


/***************************************************/
/************** MEDIA CHANGES     ******************/
/***************************************************/

/* 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:#fefefe;display:block;}    
#mainpanel {width:100%;padding: 5px 5px;background-color:#fefefe;min-width:1200px;}

  /* some CSS here */
#headpanelfull { width:auto;box-sizing:border-box;display:block;margin:5px auto 5px auto;}

/*  #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%;}


	
}

/* MEDIA CHANGES iPhone*/



@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2),screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 3)
{
  /* some CSS here */
  .pconly{display:none;}
  .phoneonly{display:inline-block;}
#centralpanel{max-width:100%;}   
html{width:100%;padding:0px;margin:0px;}
body{width:100%;}
.width_30 button.admin{font-size:48pt;}
button.admin{font-size:32pt;}
button.menu{font-size:48pt;}
.detailrow  { margin-top:30px;}
.orderline .formfield{font-size:28pt;}


	.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:200px;height:auto;float:left;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:32px;}
a:visited {font-size:32px;}
a:active  {font-size:32px;}
a:hover   {font-size:232px8px;}

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; }
.survey_title_field {width:15%;  text-align:left; padding:5px 5px; font-weight: bold; color: #0188B5; font-size:30pt; font-family:'arial';display:inline-block;}
.survey_field {width:15%;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:#fefefe;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:#1c0ed1; font-size:30pt; font-family:'arial';} 

.survey_list_title{color:#0188B5;}
p.survey_list_title{ font-size:42pt;}
h3.survey_list_title{	 font-size:30pt;}
	
.size4{display:inline-block;}
.size3{display:none;}

/* 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:15%;}
.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; height:auto;}
.formfield  SELECT {  font-size:150%;width:100%;}
.formfield.label  {font-size:24pt;}
.formfield.emphasise  {font-size:48pt;}

 .formrow .fieldtitle{font-size:40pt;}
 .formrow .fieldtitlematch{font-size:40pt;}
 .formrow .subtitle{font-size:38pt; }


.section_box{border:solid 2px #000000;margin:20px 0px ;padding:0px 0px 5px 0px ; background-color:#efefef;}


input.submit_button {  font-size:200%;}

.full { width:100%;}
.half { width:50%;}
.third { width:33%;}
.width_one { width:400px;}
.width_two { width:50%;}
.width_three { width:33%;}

.width_one_two { width:100%;}
.width_two_four { width:50%;}

.width_50_90{width:90%;}



/*.answer input { font-size:250%;width:100%; }*/
.answer select{ white-space : nowrap;  font-weight: normal;  color: #000000; font-size:36pt; font-family:'Arial'; width:100%;}
.answer input[type=text]{ white-space : nowrap;  font-weight: normal;  color: #000000; font-size:36pt; font-family:'Arial';width:100%; }

.answer .vertical  {font-size:250%; }



.answer  {width:100%; font-size:32pt;}
.list{font-size:20pt;}

.surveylogin{z-index:100;}
#headpanel {z-index:50;background-color:#fefefe;}
.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 #fefefe;
	background-color: #fefefe;
	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:#1c0ed1; border:solid 5px #1c0ed1;padding-bottom:10px; }
.docicon{width:100px;height:100px;}
.smalldocicon{width:100px;height:100px;}
input[type="button"] {  font-size:42pt;}

.fileUpload input.upload {
	font-size: 40px;
}
	#progressbar img {width:100%;}
	.summarybutton{width:100%;}
}
#loginpanel_main .left{float:left;}


.centralised{margin-left:auto;margin-right:auto;}
.indent_1{padding-left:20px;}
.country_pick{padding:5px;background-color:#dddddd;width:300px;margin-bottom:2px;}
.portlistholder{display:none;}
.collapsebutton{display:none;font-weight:bold;padding:0px 5px;}
.expandbutton{display:inline-block;font-weight:bold;padding:0px 5px;}

.costholder{width:100px;}
.costrow{padding:0 5;margin:0px;}
.bigselect .formfield{ color:#08325a;font-size:200%;} 
.bigselect .formfield select{ color:#08325a;font-size:14px;margin:10px 5px}
.bigselect .formfield option{ color:#08325a;font-size:14px;}

.centremenu{margin-left:auto;margin-right:auto;width:50%;}