.heading-new {
	background: #22387f url(../images/sky2200x450.jpg);
	padding: 5px 0 25px;
}







.replyboxes 	{margin-top: 1px; margin-right: 30px; background:#fcfcda; padding:20px;	margin-bottom:10px; }

.replyclose		{float:right;	 }







span.member 	{color: #2e82e2; font-weight: bold;	font-family: Calibri,'Calibri W01 Bold 904607',sans-serif}







.padA 			{padding-top: 15px; padding-bottom: 20px;}



.awaiting		{background: #f6f5e9; padding-left: 3px;}

.inprogress		{background: #d8eff4; padding-left: 3px;}

.complete		{background: #dde9b4; padding-left: 3px;}



/* text status */



.txt-awaiting		{color: #f48913; font-size: 14px;}

.txt-inprogress		{color: #08cef9; font-size: 14px;}

.txt-complete       {color: #8da635; font-size: 24px; font-weight: bold;}



/* table styles */



table.failure 		{border: 0;}

table.failure td 	{border: 0;}

table.failure tr 	{border: 0;}







table.messages 			{border: 0;}

table.messages td 		{border: 0;}

table.messages tr 		{border-bottom: 1px solid #f9f9f9;}

table.messages tr.alt 	{background: #f9f9f9;}





table.messages tr:hover {background-color: #F8F8F8;}





table.abta1 			{border: 0;}

table.abta1 td 			{padding: 12px 0;}

table.abta1 tr.alt 		{background: #f9f9f9;}

table.abta1 td.width1 	{width: 100px;

}



table.abta2 			{border: 0;}

table.abta2 td 			{padding: 12px 0;}

table.abta2 tr 			{}

table.abta2 tr.alt 		{background: #f9f9f9;}

table.abta2 input[type="text"] { width: 80%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}



tr.lineOn {border-top: 1px solid #E5E5E5; }

td.lineOn {border-top: 1px solid #E5E5E5; }



.totalamount 	{font-size: 16px; font-weight: bold; color: #333333;}

.warning1 	 	{font-size: 15px; color: #f57902;}

.claimnumber 	{font-size: 20px; font-weight: bold; color: #388bc1;}

.claimdetails 	{font-size: 18px; color: #388bc1;}





/*Form Controls */



.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

  cursor: not-allowed;

  background-color: #eeeeee;

}



fieldset 		{padding: 0; margin: 0; border: 0;}



legend {

  display: block;

  width: 100%;

  padding: 0;

  margin-bottom: 20px;

  font-size: 21px;

  line-height: inherit;

  color: #333333;

  border: 0;

  border-bottom: 1px solid #e5e5e5;

}



label 		{display: inline-block; margin-bottom: 5px; font-weight: bold;

}



input[type="search"] {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



input[type="radio"],

input[type="checkbox"] {

  margin: 4px 0 0;

  margin-top: 1px \9;

  /* IE8-9 */



  line-height: normal;

}



input[type="file"] { display: block;}



select[multiple],

select[size] { height: auto;}



select optgroup { font-family: inherit; font-size: inherit; font-style: inherit;}



input[type="file"]:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus {

  outline: thin dotted #333;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}



input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  height: auto;

}



.form-control:-moz-placeholder 			{ color: #999999;}

.form-control::-moz-placeholder 		{ color: #999999;}

.form-control:-ms-input-placeholder 	{color: #999999;}

.form-control::-webkit-input-placeholder {color: #999999;}



.form-control {





  padding: 6px 8px;

  font-size: 14px;

  line-height: 1.428571429;

  color: #555555;

  vertical-align: middle;

  background-color: #ffffff;

  border: 1px solid #cccccc;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}



.form-control:focus {

  border-color: #66afe9;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

}



.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

  cursor: not-allowed;

  background-color: #eeeeee;

}



textarea.form-control {

  height: auto;

}



.form-group {

  margin-bottom: 15px;

}



.currency {display:inline-block !important; padding-left:20px; margin-left: -20px;}

.currencySymbol {top: 5px !important; padding-left: 2px;  }



.radio,

.checkbox {

  display: block;

  min-height: 20px;

  padding-left: 20px;

  margin-top: 10px;

  margin-bottom: 10px;

  vertical-align: middle;

}



.radio label,

.checkbox label {

  display: inline;

  margin-bottom: 0;

  font-weight: normal;

  cursor: pointer;

}



.radio input[type="radio"],

.radio-inline input[type="radio"],

.checkbox input[type="checkbox"],

.checkbox-inline input[type="checkbox"] {

  float: left;

  margin-left: -20px;

}



.radio + .radio,

.checkbox + .checkbox {

  margin-top: -5px;

}



.radio-inline,

.checkbox-inline {

  display: inline-block;

  padding-left: 20px;

  margin-bottom: 0;

  font-weight: normal;

  vertical-align: middle;

  cursor: pointer;

}



.radio-inline + .radio-inline,

.checkbox-inline + .checkbox-inline {

  margin-top: 0;

  margin-left: 10px;

}



input[type="radio"][disabled],

input[type="checkbox"][disabled],

.radio[disabled],

.radio-inline[disabled],

.checkbox[disabled],

.checkbox-inline[disabled],

fieldset[disabled] input[type="radio"],

fieldset[disabled] input[type="checkbox"],

fieldset[disabled] .radio,

fieldset[disabled] .radio-inline,

fieldset[disabled] .checkbox,

fieldset[disabled] .checkbox-inline {

  cursor: not-allowed;

}



/* BUTTONS */



.btn-Med {

    font-size: 1em;

    padding-bottom: 4px;

    padding-left: 14px;

    padding-right: 14px;

    padding-top: 4px;

    font-weight: normal;

}



.btn-Small {

    font-size: 0.8em;

    padding-bottom: 4px;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 4px;

    font-weight: normal;

}

.btn-fire {

	padding: 4px 8px;

	font-size: .875em;

	border-radius: 4px;

	background-image: none;

}



.btn2 {

	display: inline-block;

	margin-bottom: 0;

	padding: 6px 10px;

	border: none;

	border-radius: 8px;

	background-color: #007AC1;

	color: #fff;

	line-height: 1.4;

	vertical-align: middle;

	text-decoration: none;

	text-transform: uppercase;

	white-space: nowrap;

	font-weight: bold;

	font-family: Calibri,'Calibri W01 Bold 904607',sans-serif;

	cursor: pointer;

}

.btn2:hover {

	background-color: #09C;

}

.colour_firemelon {

	background-color: #5BB8E5;

}



.colour_save{

	background-color: #73a644;

}



.btn3 {

	display: inline-block;

	margin-bottom: 0;

	padding: 6px 10px;

	border: none;

	border-radius: 8px;

	background-color: #007AC1;

	color: #fff;

	line-height: 1.4;

	vertical-align: middle;

	text-decoration: none;

	text-transform: uppercase;

	white-space: nowrap;

	font-weight: bold;

	font-family: Calibri,'Calibri W01 Bold 904607',sans-serif;

	cursor: pointer;

}

.btn3:hover {

	background-color: #09C;

}

.colour_button3 {

	background-color: #5BB8E5;

}



/* Progress bar */



/*form styles*/

#msform {

	width: 960px;

	text-align: center;

	position: relative;

	background: #e2e2e2;

	

}









/*progressbar*/

#progressbar {

	margin-bottom: 5px;

	overflow: hidden;

	/*CSS counters to number the steps*/

	counter-reset: step;

}



#progressbar, ol, ul {

    padding-bottom: 0;

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

}

#progressbar li {

	list-style-type: none;

	color: #2a2a2a;

	font-size: 13px;

	width: 10%;

	float: left;

	position: relative;

}

#progressbar li:before {

	content: counter(step);

	counter-increment: step;

	width: 20px;

	line-height: 20px;

	display: block;

	font-size: 10px;

	color: #fff;

	background: #2aaada;

	border-radius: 3px;

	margin: 0 auto 5px auto;

	

}



/*progressbar connectors*/



#progressbar li:after {

	content: '';

	width: 100%;

	height: 2px;

	background: #333333;

	position: absolute;

	left: -50%;

	top: 9px;

	z-index: -1; /*put it behind the numbers*/

}

#progressbar li:first-child:after {

	/*connector not needed before the first step*/

	content: none; 

}

/*marking active/completed steps green*/

/*The number of the step and the connector before it = active green*/

#progressbar li.active:before,  #progressbar li.active:after{

	background: #27AE60;

	color: white;

}

#progressbar li.completed{

	content: '';

	width: 100%;

	height: 2px;

	background: #333333;

	position: absolute;

	color: #bcbaba;

	top: 25px;

}



/* NEW Progress */



.progBar	{border-bottom: 1px solid #f2f2f2;}



ol {

    counter-reset: item;

    display: inline-block;

    margin: 20px 0;

}



.progress li {

    color: #aaa;

    display: block;

    float: left;

    margin-right: 1em;

    font-size: 13px;

}



.progress li:before {

    content: counter(item);

    counter-increment: item;

    display: inline-block;

    text-align: center;

    line-height: 20px;

    width: 20px;  

    height: 20px;

    background-color: #ccc;

    color: #fff;

    font-size: 10px;

    border-radius: 3px;

    margin-right: 5px;

}



.selected-step-1 li.step-1,

.selected-step-2 li.step-2,

.selected-step-3 li.step-3,

.selected-step-4 li.step-4,

.selected-step-5 li.step-5,

.selected-step-6 li.step-6,

.selected-step-7 li.step-7,

.selected-step-8 li.step-8,

.selected-step-9 li.step-9 {

    color: #aaa;



}



.selected-step-1 li.step-1:before,

.selected-step-2 li.step-2:before,

.selected-step-3 li.step-3:before,

.selected-step-4 li.step-4:before,

.selected-step-5 li.step-5:before,

.selected-step-6 li.step-6:before,

.selected-step-7 li.step-7:before,

.selected-step-8 li.step-8:before,

.selected-step-9 li.step-9:before {

    background-color: #2aaada;

    font-weight: bold;

}





.progress li.on		{color: #2a2a2a; font-weight: 700;}

.progress li.done	{color: #99c544; 

}



#claimDetailsform>div {width:40%;}



#load {   display: none;}



div[class*='claimSummary'] {  display: inline;  margin: 0 1em 0 1em;  width: 30%;}



.claimSummarybuttons { float:right;}



.sortcode {width:80px;}

.sortcodeconfirm {width:80px;}

div.modal-body>h2 {  text-align: center;}



#MessageText

{

    

    width:350px;

    height:100px;

    padding: 6px 12px;

  font-size: 14px;

  line-height: 1.428571429;

  color: #555555;

  vertical-align: middle;

  background-color: #ffffff;

  border: 1px solid #cccccc;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

		  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}



.abta-validation-error{ background: #FEF1EC; border: 1px solid #CD0A0A;}

.abta-validation-error::selection{ color:red; background: #FEF1EC; border: 1px solid #CD0A0A;}



