@charset "UTF-8";

/* CSS Document */ /* Skeleton */
html,body {
	margin: 0;
	padding: 0;
	zoom: 1;
}

body {
	font-size: 62.5%;
	background-color: #f3f3f3;
	-webkit-font-adjust: none;
}

#contain {
	width: 100%;
	position: relative;
	display: block;
	background: #f3f3f3 url(../img/fe_form_bg_slice.gif) left top repeat-x;
}

.innerContain {
	width: 940px;
	margin: 0 auto;
	zoom: 1;
}

input,textarea,select {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
}

/* Reset */
ul {
	margin: 0;
	padding: 0;
}

/* Typography */
body {
	font-family: Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 {
	
}

h2 {
	font-size: 16px;
}

h3 {
	
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

.main h1 {
	font-size: 18px;
	color: #3E9CAE;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 10px;
}

/* preheader */
#preHead {
	
}

ul#lang {
	
}

ul#lang li {
	
	list-style: none;
	
}

ul#lang li a {
	color: #fff;
}

ul#font {
	float: right;
}

ul#font li {
	float: right;
	list-style: none;
	width: 30px;
	text-align: center;
}

ul#font li a {
	color: #fff;
	text-decoration: none;
}

#normal {
	font-size: 1em;
}

#big {
	font-size: 1.4em;
}

#hiViz {
	font-size: 1.4em;
	background-color: #000 !important;
}

#hiViz a#btn_hiViz {
	color: #ee0;
}

/* Header */
header {

}

#logoBox {
	float: left;
	position: relative;
	z-index: 10;
	width: 50%
}

#logo {
	
}

#details {
	
}

#welcome {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 1.4em;
	font-weight: bold;
	background-image: url(../img/fe_drop.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 17px;
}

#welcome li {
	list-style: none;
}

#welcome a {
	color: #fff;
	text-decoration: none;
}

#welcome a:hover {
	color: #eee;
	text-decoration: underline;
}

input[readonly="readonly"],textarea[readonly="readonly"] {
	background-color: #efefef !important;
}

.customerName, .pps, .logout {
	text-transform: uppercase;
	font-size: 1.2em;
	margin-right: 18px;
}

.pps span {
	text-transform: uppercase;
}

.pps span+span {
	margin-left: 5px;
}

#topImg {
	position: absolute;
	top: 0;
	right: 30%;
	z-index: 5;
}

/* Breadcrumb */
#breadcrumb {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	background-color: #F3F3F3;
}

#breadcrumb li {
	float: left;
	list-style: none;
	padding-left: 3px;
}

#breadcrumb li .step {
	padding-right: 9px;
	height: 30px;
	display: block;
	text-decoration: none;
	color: #1C6861;
	position: relative;
	background-color: #F3F3F3;
	padding-left: 9px;
	font-size: 1.2em;
}

#breadcrumb li .step:after {
	content: "";
	border-top: 15px solid #fff;
	border-bottom: 15px solid #fff;
	border-left: 3px solid #F3F3F3;
	position: absolute;
	right: -3px;
	top: 0;
	bottom: 0;
}

#breadcrumb li .step:before {
	content: "";
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 3px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}

#breadcrumb li .title {
	padding-left: 2px;
}

#breadcrumb li.current .step {
	background-color: #CFE4E7;
	color: #1C6861;
}

#breadcrumb li.completed .step {
	background-color: #E2E2E2;
	color: #1C6861;
}

#breadcrumb li.completed .step:after {
	border-left: 3px solid #E2E2E2;
}

#breadcrumb li.current .step:after {
	border-left: 3px solid #CFE4E7;
}

#breadcrumb li.first {
	padding-left: 0
}

#breadcrumb li.first .step:before {
	display: none;
}

#breadcrumb li.last .step:after {
	border-right: 3px solid #fff;
	border-top: 0;
	border-bottom: 0;
}

/* Content */
#content {

}

.main {
	padding: 10px;
	zoom: 1;
}

.titleBox {
	padding: 10px;
	background-color: #3E9CAE;
	background-image: url(../img/fe_bg_head_slice.gif);
	background-repeat: repeat-x;
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
	position: relative;
	border-radius: 5px;
	position: relative;
}

.inner {
	
}

form {
	position: relative;
}

.radioli {
	padding-bottom: 0px !important;
	padding-top: 5px !important;
}

.listForm>li {
	overflow-wrap: break-word;
	list-style: none;
	font-size: 1.2em;
	background-color: #efefef;
	margin: 10px 0;
	padding: 8px;
	zoom: 1;
	position: relative;
	border-radius: 5px;
	border: 1px solid #efefef;
}

.listForm li div {
/*	float: left;*/
}

.listForm li label {
	color: #666;
}

.active {
	color: #333 !important;
}

.listForm li div.title {
	width: 42%;
	margin-right: 5px;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.title label {
	position: relative;
}

.warningPadding {
    padding-top: 25px !important;
}

label.infoTitle {
	padding-left: 20px;
}

div.title label .info {
	position: absolute;
	left: 0;
	top: -1px;
}

div .info img {
	border: none;
	outline: none;
	margin-top: -4px;
	margin-bottom: -3px;
}

.listForm li div.input,.listForm li div.radioInput {
	width: 50%;
}

.listForm li div.date {
	width: auto;
}

#declaration>div {
	font-size: 1.3em;
	line-height: 18px;
	padding: 10px;
	background-color: #efefef;
	border-radius: 5px;
	margin-bottom: 10px;
}

#warning>div {
	font-size: 1.3em;
	line-height: 18px;
	padding: 10px;
	background-color: #efefef;
	border-radius: 5px;
	margin-bottom: 10px;
}

#warning ul li {
	margin-left: 10px;
	margin-bottom: 8px;
}

#start .inner .introbox {
	padding: 20px 10px;
	background-color: #efefef;
	border-radius: 5px;
	text-align: left;
	margin-bottom: 20px;
}

#start .aboutdropdown{
	width: 291px;
	float: left;
}
.introbox p {
	margin-bottom: 5px !important;
	line-height: 18px;
}

.introbox li {
	margin-bottom: 5px !important;
}

.read-more,.read-less {
	color: #1C6861;
	font-weight: bold;
	text-decoration: none;
}

#declaration div.formRow {
	background-color: transparent;
	padding: 0;
}

#declaration div ul {
	margin-left: 20px;
}

#declaration .submit {
	padding: 0;
	background-color: transparent;
	font-size: 12px;
	line-height: 14px;
}

.listTitle2{
	margin-bottom: 5px!important;

}
.input select{
	width: 270px;
	}

.input input[type="text"],.input textarea,.input input[type="password"],.input input[type="number"],.input input[type="date"]
	{
	width: 270px;
	height: 42px;
	border: 1px solid #ccc;
	padding: 0 0 0 5px;
	line-height: 2rem;
	margin: 0 0 4px 0;
	-webkit-appearance: none;
	background-color: #fff;
	border-radius: 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	font-size: 1.2em;
}

.input textarea[disabled] {
	border: 1px solid #efefef;
	background-color: #efefef;
	padding: 0;
	color: #272727;
}

.input input[disabled] {
	border: 1px solid #efefef;
	background-color: #efefef;
	color: #666;
}

div.radio { /*border: none;*/
	margin-left: 5px;
	margin-top: 2px;
}

.formRow div.radio {
	width: 100%;
	margin-bottom: -5px;
}

div.radio label {
	margin-right: 20px;

}

.groupHeading {
	font-weight: bold;	
	float: none !important;
}

.listForm li .formEdit {
	width: 5%;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	display: block;
	border-left: 1px dotted #ccc;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.formEdit a {
	background-image: url(../img/fe_editActive.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	height: 100%;
	text-indent: -9999px;
}

.formView a {
	background-image: url(../img/eye_open.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	height: 100%;
	text-indent: -9999px;
}

a.inactive {
	background-image: url(../img/fe_editInactive.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	height: 100%;
	text-indent: -9999px;
}

li.options {
	width: 180px;
	margin: 0;
	float: left;
	display: block;
}

li.options input[type="radio"] {
	
}

.medOpts,.medOpts2 {
	display: none;
}

.medOpts .title label {
	color: #333;
}

.listForm > li.infoUnit {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-color: #CFE4E7;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	display: none;
	zoom: 1;
}

.infoUnit {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-color: #CFE4E7;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	display: none;
	zoom: 1;
}
.link {
	color: #1C6861 !important;
	font-weight: bold;
}

.infoUnit span.tri{
	position: absolute;
	top: -7px;
	left: 5px;
}



.infoUnit span.tri img {
	width: 23px;
	height: 12px;
}

.infoUnit .infoBullets {
	background-color: #CFE4E7 !important;
}

.infoUnit img,.infoUnit p
	{
	float: left;
}

.infoUnit img {
	width: 272px;
	margin-right: 20px;
	width: 30%;
}

.infoUnit p{
	width: 40%;
	font-size: .9em;
	margin: 0;
	padding: 0;
}

.infoUnit .customText,.infoUnit .fullLineText {
	width: 95% !important;
	font-size: .9em;
	margin: 0;
	padding: 0;
}

.customText a{
	color: #1C6861;
}
.infoUnit .fullLineText {
	margin-top: 10px;
}

.infoBullets li {
	padding-bottom: 5px;
}

.infoBullets .close,.infoUnit .close,.infoUnit .close1,.infoUnit .close2 {
	display: block;
	position: absolute;
	right: 12px;
	top: 10px;
	width: 18px;
	height: 18px;
	background-image: url(../img/fe_close.png);
	background-repeat: no-repeat;
}

.infoUnit .close a,.infoUnit .close1 a,.infoUnit .close2 a {
	text-indent: -9999px;
	display: block;
}

div.submit,div.update {
	position: relative;
}

#continue,#update {
/*
	background-color: #3764A7;
	border-radius: 5px;
	color: #fff;
	border: none;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
	zoom: 1;
	float: right;
	background-image: url(../img/fe_bg_head_slice2.gif);
	background-repeat: repeat-x;
	cursor: pointer;
	padding: 0 30px 0 15px;
	text-decoration: none;
*/
}

#continue:hover,#update:hover {
	background-image: none;
	background-color: #2F4F7;
}

#continue:active,#update:active {
	background-image: none;
	background-color: #2E548E;
}

.submit span,.update span {
	position: absolute;
	background-color: #2F4F7F;
	width: 20px;
	height: 34px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	right: 0;
	top: 0;
	background-image: url(../img/fe_btn_arrow.png);
	background-repeat: no-repeat;
	background-position: center;
}

/*-----Modal box-----------*/
.confirmBox {
	display: none;
}

/*-----Responsive list item Staging-----------*/
.listForm>li.labels {
	background-color: transparent;
	margin-bottom: 0;
	padding-bottom: 0;
}

#staging .listForm>li.labels {
	padding-right: 59px;
	border: none;
}

.listItem {
	
}

.listItem:hover {
	background-color: #E5F9FF;
}

.listItem>a {
	color: #666;
	display: block;
	margin-right: 50px;
	text-decoration: none;
	cursor: pointer;
}

li.labels div.deleteItem {
	top: 8px;
	background: transparent;
	border: none;
}

.listItem div {
	margin: 0;
	padding: 0;
}

#income div.formItem,#incomeReview div.formItem,#incomeReview2 div.formItem,#incomeReview3 div.formItem,#incomeReview4 div.formItem,#staging div.formItem
	{
	width: 25%;
}

.formItem .amountItem {
/*
	text-align: right;
	width: 50%;
*/
}

#review .formItem .amountItem {
	text-align: center;
}

#income .formItem .amountItem {
	text-align: right;
	width: 73%;
}

#credits .formItem .amountItem {
	text-align: right;
	width: 73%;
}

/*---	added as the table fields have been expanded----*/
#income div.formItem {
	width: 13.5%;
}

div.formItemNoRecord,div.formItemNoRecord {
	width: 100%;
	text-align: center;
}

#credits div.formItem,#creditReview div.formItem,#creditReview2 div.formItem
	{
	width: 33%;
}

.deleteItem {
	width: 50px;
	position: absolute;
	right: 0;
	height: 100%;
	bottom: 0;
	display: block;
	border-left: 1px dotted #ccc;
}

.deleteItem a {
	background-image: url(../img/fe_delete.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	background-position: 50%;
	display: block;
	height: 100%;
}

.listItem div span {
	display: block;
	line-height: 18px;
	padding: 5px 0;
}

.listItem div span.label {
	display: none;
	line-height: 18px;
}

/*-----Select Bar-----------*/
.incomeSelect {
	padding: 10px;
	background-color: #ccc;
	color: #333;
	font-size: 1.1em;
	font-weight: normal;
	position: relative;
	border-radius: 5px;
	position: relative;
	margin-bottom: 8px;
	zoom: 1;
}

.incomeSelect .radio {
	float: left;
	margin-left: 20px;
	margin-top: 0;
	zoom: 1;
}

.incomeSelect .selectLabel {
	float: left;
	font-size: 1.4em;
	margin-right: 10px;
	margin-top: 4px;
	zoom: 1;
}

.select {
	float: left;
	display: block;
	zoom: 1;
}

.select select {
	1width: 100%;
}

.sub {
	background-color: #efefef;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	zoom: 1;
	position: relative;
	display: none;
}

.sub1 {
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	zoom: 1;
	position: relative;
	display: none;
}

.sub div {
	width: 50%;
	display: block;
	float: left;
	margin: 8px 0;
}

.sub div .label {
	width: 35%;
	display: block;
	float: left;
	font-size: 1.2em;
	/*---	 Mofified to align the label and input fields----*/
	margin-top: 13px;
}

.sub  .longInput {
	width: 100%;
	display: block;
	float: left;
	margin: 6px 0;
	width: 100%;
	background-color: #efefef;
	border-radius: 5px;
}

.sub .longInput .label {
	width: 45%;
	display: block;
	float: left;
	font-size: 1.2em;
	/*---	 Mofified to align the label and input fields----*/
	margin-top: 13px;
	margin-left: 15px;
}

.sub .longInput .input {
	width: 35%; 1
	width: auto;
	display: block;
	float: left;
}

/*---	 Added in order to apply styling to options menu
			.sub div select {
				width: 50%;
				display: block;
				float:left;
				font-size: 1.2em;
				margin-top: 11px;
			}----*/
.sub div .input {
	width: 65%;
	display: block;
	float: left;
}

.sub div .radioInput {
	font-size: 1.2em;
}

.sub div .radioInput ul {
	margin-top: -15px;
}

.sub div span.input input {
	width: 80% !important;
	height: 32px;
	border: 1px solid #ccc;
	padding: 0 0 0 5px;
	line-height: 32px;
	margin: 0;
	-webkit-appearance: none;
	background-color: #fff;
	border-radius: 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	zoom: 1;
	font-size: 1.2em;
}

.sub div span.input input[type="radio"] {
	width: 10% !important;
	height: 32px;
	border: 1px solid #ccc;
	padding: 0;
	line-height: 32px;
	margin: 0;
	-webkit-appearance: radio;
	background-color: #fff;
	border-radius: 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: ;
	zoom: 1;
	font-size: 1.2em;
}

/* REMOVED TO RESOLVE SIR 820
.listForm .formItem .input label {
	display: inline-block;
}
*/ /* ADDED TO RESOLVE SIR 820 IE8 ISSUE */
div.wrap {
	word-break: break-all;
}

.listForm .formItem .amount label { 1
	width: 78px; 1
	text-align: right;
}

.sub div span.input label {
	padding: 0;
	color: #272727;
	height: 32px;
	border: 1px solid #efefef;
	position: absolute;
	margin-top: 10px;
	width: 22%;
	background-color: #efefef;
	border-radius: 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	zoom: 1;
	font-size: 1.2em;
}

.sub div span.input input[disabled] {
	padding: 0;
	color: #272727;
	width: 80% !important;
	height: 32px;
	border: 1px solid #efefef;
	line-height: 32px;
	margin: 0;
	-webkit-appearance: none;
	background-color: #efefef;
	border-radius: 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	zoom: 1;
	font-size: 1.2em;
}

.submits>div,.submits>div.cancel {
	width: auto;
	margin-right: 5px;
	float: right;
	margin-bottom: 0;
}

.sub .submits { 1
	width: 20%;
	width: 43%;
	float: right;
}

/*-----Responsive list item incomes-----------*/
#credits li {
	margin-left: 50px;
}

/*---	added  as confirm checkbox was removed----*/
#income li {
	margin-left: 0px;
}

#ing li {
	margin-left: 0px;
	list-style: none;
}

.submits {
	width: 100%;
	display: inline-block;
}

#income .listForm>li.labels,#credits .listForm>li.labels {
	margin-right: 20px;
	border: none;
}

#start .infoUnit {
	text-align: left;
}

div>.label {
	display: none;
}

div.checkBox {
	position: absolute;
	left: -50px;
	height: 100%;
	top: 0;
	bottom: 0;
	width: 40px;
	background-color: #efefef;
	border-radius: 5px;
	zoom: 1;
	display: block;
	border: 1px solid #efefef;
}

.checkBoxError {
	background-color: #ffdada !important;
	border-style: solid !important;
	border-color: red !important;
	border-width: 1px !important;
}

div.checkBox span.label {
	display: block;
}

div.checkBox .mycheck input {
	width: 32px;
	height: 28px;
}

div.checkBox span.label label {
	display: block;
	text-indent: -999em; 1
	width: 16px; 1
	height: 16px; 1
	background-image: url(../img/fe_tickBox.png); 1
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%; 1
	margin-top: -8px; 1
	margin-left: -8px; 1
	cursor: pointer; 1
	background-position: -16px;
}

div.checkBox span.label label.focused {
	background-position: 0px;
	box-shadow: 0px 0px 3px 1px #3399FF;
}

div.checkBox span.label label.labelSwitch { 1
	background-position: -32px;
}

div.checkBox span.input {
	text-indent: -999em;
	display: block;
}

#credits .edits {
/*
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	bottom: 0;
	border-left: 1px dotted #ccc;
	display: block;
	width: 80px;
	zoom: 1;
	float: none;
*/
}

#income .edits,#credits .edits {
/*
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	bottom: 0;
	border-left: 1px dotted #ccc;
	display: block; 1
	width: 80px;;
	zoom: 1;
	float: none;
*/
}

#income .edits span,#credits .edits span {
/*
	border: none;
	position: relative;
	float: left;
	display: block;
	width: 40px;
	height: 100%;
*/
}

.confirmLabel {
	position: absolute;
	left: -50px;
}

/* -- Declaration Page --*/
#incomeDetails,#creditDetails,#incomeDetails2,#incomeDetails3,#incomeDetails4,#creditDetails2
	{
/*	display: none;*/
}

#declare h3 {
	font-size: 1.5em;
	color: #3E9CAE;
	margin-bottom: 10px;
}

#declare .titleBox {
	margin-bottom: 10px;
}

#review,#review2 {
	zoom: 1;
}

#review>li,#review2>li {
	list-style: none;
	zoom: 1;
	height: 100%;
}

#review>li>ul,#review2>li>ul {
	background-color: #efefef;
	padding: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	zoom: 1;
}

#review>li>ul>li,#review2>li>ul>li {
	margin: 0;
	background-color: transparent;
	border-radius: 0px;
}

#creditReview,#incomeReview,#creditReview2,#incomeReview3,#incomeReview4
	{
	margin-bottom: 1rem;
}

.drawerTop {
	background-color: #CFE4E7;
	font-size: 1.3em;
	font-weight: normal;
	position: relative;
	border-radius: 5px;
	position: relative;
	zoom: 1;
	font-weight: bold;
	zoom: 1;
	height: 100%;
}

.drawerTop a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 10px;
	zoom: 1;
}

.drawerTop a .amount {
	float: right;
}

li.names {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-radius: 0px;
}

.hideNames {
	display: none;
	font-weight: bold;
}

.last {
	border: none !important;
}

.lastitem {
	text-align: right;
}

#income .lastitem {
	text-align: right;
	width: 5% !important;
}

div.pinBoxes {
	width: 70%;
	max-width: 250px;
}

.pinBox {
	width: 30px;
	display: block;
	float: left;
	margin-right: 5px;
}

.pinBox label {
	font-size: 0.85em;
}

.pinBox input {
	width: 18px;
	height: 22px;
	padding: 4px;
	margin: 0;
	border: 1px solid #ccc;
}

.declareLabel {
	float: left;
	margin-right: 10px;
	width: 100%;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.ppsnLabel {
	font-size: 0.85em;
	width: 100%;
	float: left;
}

.declareLabel+span.input input {
	margin-left: 0;
	width: 70%;
	max-width: 220px;
	margin-right: 10px;
}

#declaration div.links {
	margin: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0;
	background-color: transparent;
	font-size: 0.85em;
}

#declaration div.links a {
	color: #1C686;
	text-decoration: none;
}

#declaration div.pinBoxes {
	padding: 0;
	float: left;
	display: block;
	margin-bottom: 0;
}

#declaration .half {
	width: 49.5%;
	font-size: 1.3em;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
}

#declaration .half>div {
	position: relative;
	margin-bottom: 0;
	zoom: 1;
	padding: 10px;
}

.half .input {
	float: left;
}

.half .input input {
	margin-left: 0;
}

.half a {
	color: #1C6861;
}

span.help {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#declaration .space {
	width: 1%;
	margin: 0;
	padding: 0;
	background-color: transparent;
	float: left;
}

.drawerTop .icon {
	float: left;
	width: 12px;
	height: 12px;
	margin-top: 3px;
	margin-right: 5px;
	border: none;
	outline: none;
	text-indent: -9999px;
    background-image: url(../img/fe_minus.png);
	background-repeat: no-repeat;
}

.drawerTop .icon2 {
	background-image: url(../img/fe_plus.png);
}

.drawerTop .icon1 img,.drawerTop .icon2 img {
	border: none;
	outline: none;
}

.drawerTop .title {
	float: left;
}

.noBottoms {
	-webkit-border-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

/*--- Getting Started ---*/
#start {
	font-size: 1.3em;
}

#start .inner {
	margin-bottom: 0;
}

#start div {
	position: relative;
	margin-bottom: 10px;
}

#start p {
	margin: 0;
}

#start .intro {
	padding: 20px 10px;
	background-color: #efefef;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 20px;
}

#start .intro .formNames {
	font-size: 1.4em;
	font-weight: bold;
	color: #1C6861;
	margin-bottom: 10px;
	width: 100%;
}

#start .intro .formNames span {
	display: block;
	margin-bottom: 6px;
}

#start .intro p {
	width: 75%;
	margin: auto;
	font-size: 13px;
}

/*---	added  in order to have a intro text----*/
#ingredientList .infomsg, #income .intro {
	padding: 2px 10px;
	background-color: #CFE4E7;
	border-radius: 5px;
	margin-bottom: 20px;
	font-size: 1.2em;
}

#ingredientList .infomsg a, #income .intro a {
	color: #1C6861;
	font-weight: bold;
	margin: 0 5px 5px;
}

#selectedIngredient .description {
	padding: 5px;
	background-color: #CFE4E7;
	border-radius: 5px;
	margin-bottom: 6px;
	font-size: 1.2em;
	width: 99%;
	display: inline-block;
}

#selectedIngredient .description span {
	font-weight: bold;
}

#selectedIngredient .description a {
	float: right;
	color: #1C6861;
	margin-top: 15px;
	font-weight: bold;
}

#selectedIngredient .paginationList {
    margin-bottom: 45px;
}

#start ul.howTo {
	padding: 10px 0 0 0;
	background-color: transparent;
}

#start ul  ul li {
	height: 50%;
}

#start ul.howTo>li {
	width: 20%;
	float: left;
	margin-bottom: 0;
}

#start ul.howTo>li>div {
	padding: 5px;
	margin-bottom: 0;
}

#start ul.howTo>li>div>ul {
	padding: 10px;
	min-height: 110px;
	height: 184px;
}

#start ul.howTo li {
	list-style: none;
}

ul.howTo li h3 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	display: block;
	height: 100px;
}

ul.howTo li h3 span {
	width: 66px;
	display: block;
	float: left;
}

ul.howTo .listImg {
	margin-right: 20px;
}

.income {
	background-image: url(../img/fe_incomeIcon.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 76px;
}

.personal {
	background-image: url(../img/fe_personalIcon.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 76px;
}

.credit {
	background-image: url(../img/fe_claims_icon.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 76px;
}

.declare {
	background-image: url(../img/fe_declarationIcon.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 76px;
}

.headerImg {
	float: left;
	display: block;
	margin-bottom: 10px;
	width: 33px;
	height: 40px;
	background-size: 100%;
	margin-right: 5px;
}

ul.howTo .listTitle {
	margin-top: 30px;
}

ul.howTo .listTitle2 {
	display: block;
	margin-top: 0;
	font-weight: bold;
	font-size: 14px;
	color: #1C6861;
	margin-bottom: 2px;
}

#start ul {
	padding: 15px 10px 5px 30px;
	background-color: #efefef;
	border-radius: 5px;
}

#start ul li {
/*	margin-bottom: 8px;*/
}

#start .revIcon {
	left: 0;
	right: auto;
	top: 10px;
	height: 16px;
	width: 16px;
}

#start .revIcon+p,#start .revIcon+p+p {
	margin-left: 30px;
	margin-bottom: 5px;
}

#start .ten {
	margin: 20px 0;
}

#start .submit {
	margin-bottom: 0;
}

/* Footer */
footer {
	margin-bottom: 40px;
}

#linksA {
	font-size: 1.2em;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

#linksA ul {
	margin: auto;
	padding: 0;
	display: inline-block;
}

#linksA ul li {
	list-style: none;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#linksA ul li a {
	color: #1C6861;
	margin-right: 5px;
}

#linksB {
	font-size: 1.1em;
	width: 100%;
	text-align: center;
}

#linksB ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}

#linksB ul li {
	list-style: none;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#linksB ul li a {
	color: #666;
	margin-right: 5px;
}

/* finish */
#finish p {
	font-size: 1.2em;
}

#finish p.thanks {
	list-style: none;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #CFE4E7;
	padding: 20px 20px 20px 60px;
	zoom: 1;
	margin: 0;
	position: relative;
	border-radius: 5px;
	border: 1px solid #efefef;
	background-image: url(../img/fe_tick.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

#finish #continue {
	padding: 0 20px
}
.fancybox-skin {
    background-color: #fff;
    border-radius: 0;
}



.gcdbox {
	font-size: 1.2em;
	background-color: #fff;
	padding: 30px 15px 15px 15px;
	display: none;
	max-width: 800px;
	float:left;
}
.gcdbox .titleBox{
  border: none;
}
.gcdbox.yes {
	float: right;
	margin-left: 10px;
	zoom: 1;
	display: block;
}

.gcdbox .yes a {	
	width: auto;
    background-image: none;
    height: auto;
    color: #ffffff;
    background-color: #0c72bc;
    border-color: transparent;
    border-bottom: 4px solid #0a4977;
    outline: none;
    font-weight: bold;
    letter-spacing: .5px;
    font-size: 18px;
    line-height: 1;
    border-radius: 3px;
    padding: .825rem 1rem;
	float: right;
    text-decoration: none;
}
.gcdbox .yes a:hover{
  background: #0673e8;
  border-color: transparent;
  border-bottom: 4px solid #0a4977;
}

.gcdtext {
	font-size:1rem;
	padding: 15px 0;
}

#deletePopup {
    width: 80vw;
    padding: 25px;
}

#deletePopupYes {
    float: left;
}
#deletePopupNo {
    float: left;
    margin-left: 10px;
    margin-right: 25px;
}
#mirPopupTitle {
    display: flex;
    justify-content: space-between;
}

#deletePopUpTitle {
    border-bottom: none;
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 0px;
}

#closeIconImage {
    height: 20px;
    opacity: 0.5;
    color: #fff;
}

/* Delete Modal */
.deleteBox {
	font-size: 1.2em;
	background-color: #fff;
	padding: 10px;
	display: none;
	width: 400px;
}

.deleteBox .yes,.deleteBox .no {
	float: right;
	margin-left: 10px;
	zoom: 1;
	display: block;
}

.deleteBox .no a,.deleteBox .yes a {
	font-size: 1.2em;
	height: 34px;
	line-height: 34px;
	border-radius: 6px;
	color: #333;
	text-decoration: none;
	display: block;
	zoom: 1;
	padding: 0 30px 0 30px;
	font-family: Arial, Helvetica, sans-serif;
}

.deleteBox .no a {
	background-color: #ccc;
}

.deleteBox .yes a {
	background-color: #3E9CAE;
	background-image: url(../img/fe_bg_head_slice.gif);
	background-repeat: repeat-x;
	color: #fff;
}

/* Misc */
input.preFill {
	background-color: #efefef;
	border: none;
	font-size: 14px;
}

.clear {
	clear: both;
}

.space {
	padding-bottom: 30px;
}

div.cancel,div.save {
	text-align: center;
}

div.cancel {
	float: left;
}

div.save {
	float: right;
}

div.save.left {
    float: left
}

div.addAdditionalSection {
    float: left;
    margin-bottom: 30px;
}

div.addAdditionalSection.information {
    float: left;
    margin-bottom: 20px;
}

div.cancel a,div.cancel input {
	background-color: #ccc;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
	border-radius: 6px;
	color: #333;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	padding: 0 20px 0 20px;
	border: none;
	cursor: pointer;
	width: 80px;
}

div.cancel a:hover,div.cancel input:hover {
	background-color: #bbb;
}

div.save a,div.save input {
	background-color: #3E9CAE;
	background-image: url(../img/fe_bg_head_slice.gif);
	background-repeat: repeat-x;
	border-radius: 6px;
	color: #fff;
	border: none;
	font-size: 1.3em;
	height: 34px;
	line-height: 34px;
	zoom: 1;
	display: block;
	text-decoration: none;
	padding: 0 20px 0 20px;
	cursor: pointer;
}

div.save a.disabled {
    cursor: not-allowed;
    background-color: #0c72bc;
    opacity: 0.65;
    box-shadow: none;
}

div.save a:hover,div.save input:hover { /*background-color: #406CAB;*/
	color: #efefef;
	background-image: none;
}

#saviour {
	width: 100%;
	padding: 7px;
	position: fixed;
	bottom: 0;
	z-index: 50;
	font-size: 1.2em;
	background-image: url(../img/fe_save_bg.png);
	background-repeat: repeat;
	color: #fff;
	right: 0;
	left: 0;
	text-align: center;
}

.inputContain {
/*
	position: relative;
	margin-left: 50px
	margin-right: 20px;
	float: none !important;
*/
}

.revIcon {
	position: absolute;
	right: 100px;
	margin-top: -8px;
	top: 50%;
	z-index: 50;
	outline: nonel;
	border: none;
	width: 16px;
}

.revIcon img {
	outline: none;
	border: none;
}

.revIconIncome {
	position: absolute;
	right: 60px;
	margin-top: -8px;
	top: 50%;
	z-index: 50;
	outline: nonel;
	border: none;
}

.revIcon img {
	outline: none;
	border: none;
}

span.revIcon+div.inputContain { /*padding-left: 22px;*/
	
}

.divider {
	border: 0;
	border-bottom: 1px solid rgb(227, 227, 227);
	background: rgb(227, 227, 227);
	margin-bottom: 10px;
}

.show {
	display: block;
}

.customQtip {
	border-color: #3E9CAE;
	background-color: #CFE4E7;
}

li.errorMsg { 1
	margin: 0 !important; 1
	padding: 0 !important; 1
	background-color: transparent; 1
	border: none; 1
	color: rgb(209, 0, 0);
}

.errorNoBoxMsg {
	display: inline-block;
	margin: 0 !important;
	padding: 1px !important;
	background-color: transparent;
	border: none;
	color: rgb(209, 0, 0);
	font-size: 1.2em;
}

.prodDesc {
	display: block;
}

#actions_update1 {
	margin-bottom: 10px;
	height: 100%;
}

/*------- Login Module -------*/
div.center {
	padding: 15px;
}

div.center .login {
	margin: auto;
}

div.login {
	width: 100%;
	max-width: 360px;
	margin-bottom: 10px;
	height: 100%;
}

div.login .top_bar {
	background-color: #3764A7;
	background-image: url(../img/loginImgs/fe_bg_head_slice.gif);
	background-repeat: repeat-x;
	margin: 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 10px 15px;
	font-weight: normal;
	color: #fff;
}

div.loginBody {
	background-color: #efefef;
	font-size: 1.2em;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

div.loginBody .formRow {
	padding: 15px;
	margin-bottom: 0;
	height: 100%;
}

div.loginBody .formLabel {
	margin-bottom: 8px;
}

div.loginBody .formInput {
	width: 95%;
}

div.loginBody .formInput input {
	border: 1px solid #D6D6D6;
	padding: 5px;
	border-radius: 3px;
	zoom: 1;
	width: 100%;
}

div.loginBody .formRow .negative {
	margin-right: 10px
}

div.loginBody .formRow .inlineLeft {
	width: 60%;
	float: left;
}

div.loginBody .formRow .inlineRight {
	width: 35%;
	float: right
}

div.loginBody .formRow .inlineRight select { *
	width: 100%;
}

div.loginBody .formRow #continue {
	padding: 0 15px;
}

.bBottom {
	border-bottom: 1px dotted #ccc;
}

.header-icon {
	float: left;
	margin-bottom: 10px;
}

.taxIconLabel {
	padding-top: 6px !important;
}

.taxIcon {
	position: relative !important;
	top: 1px !important;
	height: 42px !important;
	width: 37px !important;
}

#gstartedContainer .blocked a {
	color: #1C6861;
	font-weight: bold;
	margin: 0 5px 5px;
	font-size: 12px;
}


#print{
/*
    background-color: #CCCCCC;
    border: medium none;
    border-radius: 6px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    text-decoration: none;
    position: absolute;
    right: 200px;
*/
}


#selectnotavailable {
	font-size: 1.1em;
	font-weight: normal;
	margin-top: 1rem;
}

#start .select select {
	font-size: 1.0em;
}

.select select {
	1width: 100%;
	font-size: 1.1em;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	margin: 0 0 0 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: #FFFFFF url(../img/fe_bg_drop_arrow.png) right center
		no-repeat;
	padding: 5px 4px 5px;
	position: relative;
	margin: 0px;
	-webkit-padding-end: 25px;
	cursor: pointer;
	background-size: 13px;
}

.getting_selects select {
	width: 240px;
	font-size: 1.0em;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	margin: 0 0 0 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: #FFFFFF url(../img/fe_bg_drop_arrow.png) right center
		no-repeat;
	padding: 5px 4px 5px;
	position: relative;
	margin: 0px;
	-webkit-padding-end: 25px;
	cursor: pointer;
	background-size: 13px;
}

.selectAdd {
	width: 260px!important;
	padding: 4px !important;
}

.formRow .select select { 1
	margin: 0 0 0 10px;
}

.errorBox {
	display: block;
	position: relative;
	margin-top: 4px;
}

.errorCheckBox {
	margin-bottom: 4px;
	font-size: 12px;
}

.errorBox .errorArrow {
	background: url(../img/fe_top_arrow.png) no-repeat;
	height: 6px;
	width: 10px;
	position: absolute;
	top: -5px;
	left: 16px;
}

.errorBox .errorRightArrow {
	background: url(../img/fe_top_arrow.png) no-repeat;
	height: 6px;
	width: 10px;
	position: absolute;
	top: -5px;
	right: 20px;
}

.submits {
	
}

.submits .errorBox .errorMsg {
	padding: 2px !important;
	font-size: 12px;
}

.submits .errorBox {
	float: right;
	margin-right: 0;
}

.submits {
	
}

.buttonErrorBox {
	float: right;
}

.errorBox .errorMsg {
	display: inline-block !important;
	background-color: #FD6757;
	padding: 2px !important;
	color: #fff;
	border-radius: 3px;
	line-height: 1.4em;
}

input.error {
	border: 1px solid #FD6757 !important;
}

/*------- Misc & Exceptions -------*/
.ui-datepicker {
	z-index: 1000 !important
}

.date {
	position: relative;
}

.formDouble .formInput,.formDouble .positive {
	float: left;
	display: block;
	width: 45%;
}

.date button {
	right: 0;
	position: absolute;
	text-indent: -99999px;
	width: 32px;
	height: 34px;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	background-image: url(../img/fe_date_icon.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#partialSavedMsg {
	font-size: 1.2em;
}

#loadingDiv {
	position: fixed;
    top: 20%;
    z-index: 1000;
}

.ajax-loader {
	position: fixed;
	left: 50%;
	margin-top: 15%;
	display: block;
	z-index: 1;
}

.listForm fieldset {
	border-radius: 5px;
	border: 1px solid;
	border-color: #D5D9DA;
}

.listForm fieldset legend {
	font-weight: bold;
	color: #666;
}

.listForm fieldset .input {
	margin-bottom: 10px;
}

img.stopwatch {
	position: relative;
	top: 6px;
}

.left-btn {
	background-color: #3764A7;
	border-radius: 5px;
	color: #fff;
	border: none;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
	zoom: 1;
	float: left;
	background-image: url(../img/fe_bg_head_slice2.gif);
	background-repeat: repeat-x;
	cursor: pointer;
	padding: 0 15px 0 15px;
	text-decoration: none;
}

#error-box-403 {
	overflow: auto;
	padding: 10px;
	line-height: 4em;
}

#error-box {
	overflow: auto;
	padding: 10px;
	line-height: 2em;
	font-size: 1.4em;
}


	#print{
/*
		width:100px;
		position: static;
		margin-bottom: 10px;
*/
	}

	
	div.cancel{
		float:none;
		width:100px;
		margin-bottom: 10px;
		float:left;
	}
	
	div.cancel a, div.cancel input {
		width:100px;
		padding:0px;
	}
	
	.tri{
		width:33.33%;
		float:left;
	}
	
	.flex-margin{	
		margin:auto;
		max-width:100px;
	}
	
	.next{
		float:right;
	}
	
/* Responsive */
@media only screen and (max-width: 1023px) {
	.innerContain {
		width: 90%;
		margin: 0 auto;
		zoom: 1;
	}
	#breadcrumb li .step {
		padding: 0 20px;
	}
	#breadcrumb li .title {
		display: none;
	}
	#breadcrumb li.current .title {
		display: inline;
	}
	#start ul.howTo>li {
		width: 50%;
	}
	
	#start ul.howTo>li>div>ul {
		height: 155px!important;
	}
}

@media only screen and (max-width: 799px) {
	#review .formItem .amountItem {
	 text-align: left;
    }
	.errorBox {
    	text-align: right;
	}
	
	.errorArrow{
    left: auto !important;
    right: 26px;
	}
	
div.checkBox span.label {
    position: absolute;
    right: -22px;
    text-indent: -50px;
    top: -18px;
}
	.innerContain {
		width: 90%;
		zoom: 1;
	}

	header {
		
	}
	
	#breadcrumb li .step {
		padding: 0 20px;
	}
	#breadcrumb li .title {
		display: none;
	}
	#breadcrumb li.current .title {
		display: inline;
	}
	div.input input[type="text"],div.input input[type="password"] {
		width: 210px;
	}
	div.input select{
		width: 210px;
	}
	.listForm li div.formEdit {
		width: 8%;
	}
	.infoUnit img,.infoUnit p {
		float: none;
		width: 60%;
		margin-bottom: 10px;
	}
	.listForm>li.labels {
		display: none;
	}
	#income div.formItem,#credits div.formItem,#incomeReview div.formItem,#incomeReview2 div.formItem,#incomeReview3 div.formItem,#incomeReview4 div.formItem,#staging div.formItem
		{
		width: 100%;
	}
	#credits .formItem .amountItem {
		text-align: left;
		width: 15%;
	}
	.listItem div span,.formItem span {
		width: 60%;
		float: left;
		margin: 5px 0;
	}
	.formItem .info {
		float: none;
		width: 10%;
	}
	.listItem div span.label,.formItem span.label {
		display: block;
		width: 30%;
		font-weight: bold;
	}
	#income .formItem span.label,#credits .formItem span.label {
		margin-top: 10px;
	}
	#income li,#credits li {
		margin-left: 0;
		padding-bottom: 50px;
		/*padding-right: 0;*/
	}
	#credits .inner li {
		margin-left: 0;
		padding-bottom: 8px;
	}
	div.checkBox {
		bottom: 10px;
		right: 10px;
		left: auto;
		top: auto;
		height: 30px;
	}
	div.checkBox span.label {
		text-indent: -50px;
	}
	#income .edits,#credits .edits {
/*
		position: absolute;
		left: 0;
		top: auto;
		bottom: 10px;
		border-left: none;
		height: 30px;
		width: 80px;
*/
	}
	.inputContain {
		margin-right: 0;
	}
	.sub {
		padding: 10px 10px 50px 10px;
	}
	.sub>div {
		width: 100%;
		margin-bottom: 10px;
	}
	.submits>div {
		float: right;
	}
	div.submits {
		margin-bottom: 0;
	}
	.sub div span.input input {
		width: 100% !important;
	}
	div.checkBox span.label label {
		text-indent: -65px;
	}
	#income .formItem span.input input,#credits .formItem span.input input {
		width: 100%;
	}
	.revIcon {
		position: absolute;
		right: 0;
		margin-top: 0;
		bottom: 14px;
		top: auto;
		left: 90px;
	}
	span.revIcon+div.inputContain {
		padding-left: 0;
	}
	span.prodDesc {
		margin-left: 40%;
		margin-top: 0;
	}
	#incomeReview div.formItem,#creditReview div.formItem,#incomeReview2 div.formItem,#incomeReview3 div.formItem,#incomeReview4 div.formItem,#creditReview2 div.formItem
		{
		min-height: 80px;
		width: 50%;
	}
	#incomeReview div.formItem span,#creditReview div.formItem span,#incomeReview2 div.formItem span,#incomeReview3 div.formItem span,#incomeReview4 div.formItem span,#creditReview2 div.formItem span
		{
		text-align: left;
		width: 50%;
	}
	li.names {
		display: none;
	}
	.hideNames {
		display: block;
		width: 50%;
		float: left;
	}
	#review>li>ul>li {
		border-bottom: 1px solid #ccc;
	}
	#declaration .half {
		width: 100%;
	}
	div.pinBoxes {
		width: 100%;
	}
	#declaration .space {
		display: none;
	}
}

@media only screen and (max-width:549px) {
	.innerContain {
		width: 90%;
		zoom: 1;
	}
	header {
		
	}
	#formTitle {
	
	}
	#formTitle h2 {
		
	}
	#welcome {
		font-size: 1.2em;
	}
	#welcome span {
		display: block;
	}
	#breadcrumb li .step {
		font-size: 1.1em;
		padding: 0 8px;
	}
	#breadcrumb li .title {
		display: none;
	}
	#breadcrumb li.current .title {
		display: inline;
	}
	.listForm li div.title {
		float: none;
		width: 100%;
		margin-bottom: 5px;
		line-height: 20px;
		padding: 0px;
	}
	.listForm li div.input {
		width: 85%;
	}
div.input input[type="text"],div.input textarea,div.input input[type="password"],div.input select
		{
		width: 100%;
		margin-left: 0;
	}
	.listForm li div.formEdit {
		width: 10%;
		right: 5%;
		height: 32px;
		bottom: 8px;
		border-left: none;
	}
	.radioEdit {
		border-radius: 5px;
		border-left: none;
	}
	.infoUnit img,.infoUnit p {
		float: none;
		width: 80%;
		margin-bottom: 10px;
	}
	.listForm>li.labels {
		display: none;
	}
	.listItem div.formItem {
		width: 100%;
	}
	.listItem div span,.formItem span {
		width: 55%;
		float: left;
	}
	.listItem div span.label,.formItem span.label {
		display: block;
		width: 45%;
		font-weight: bold;
	}
	.listItem div.deleteItem {
		width: 10%;
		right: 2%;
		height: 32px;
		bottom: 8px;
		border-left: none;
	}
	div.checkBox {
		bottom: 10px;
		right: 10px;
		left: auto;
		top: auto;
		height: 30px;
	}
	#income .edits,#credits .edits {
/*
		position: absolute;
		left: 0;
		top: auto;
		bottom: 10px;
		border-left: none;
		height: 30px;
		width: 80px;
*/
	}
	.formItem span.label,.formItem span.input {
		width: 100%;
	}
	#income .formItem .amountItem {
		text-align: right;
		width: 19%;
	}
	#income .formItem span.input input,#credits .formItem span.input input {
		width: 100%;
	}
	span.prodDesc {
		margin-left: 0;
		margin-top: 0;
	}
	#incomeReview div.formItem,#creditReview div.formItem,#incomeReview2 div.formItem,#incomeReview3 div.formItem,#incomeReview4 div.formItem,#creditReview2 div.formItem
		{
		min-height: 0;
		width: 100%;
	}
	.half .input input {
		width: 85%;
	}
	#start .intro {
		text-align: left;
	}
	#start .intro p {
		width: 100%;
	}
	#start ul.howTo>li>div>ul {
		height: 120px!important;
	}
	#start ul.howTo>li {
		width: 100%;
		margin-bottom: 20px;
	}
	#start ul.howTo>li>div {
		padding: 0;
	}
	.deleteBox {
		width: auto;
	}
	.incomeSelect .radio {
		float: left;
		margin-left: 0;
		margin-top: 10px;
	}
	#print{
/*
		width:80px;
		float:none;
*/
	}
	
	.tri #continue, #update {
		width: 80px;
		float:none;
	}
	
	.tri div.cancel{
		width:80px;
		float:none;
	}

	div.cancel a, div.cancel input {
		width:80px;
		}
	.flex-margin {
	    margin: auto;
	    max-width: 80px;
	}
}

.listForm  .checkboxes span {
		display:inline-block;
 		 width:50%;
	}
#logout-button {
	color: #fff;
	font-size: 1.2em;
	}

.upload-info {
    margin-top: 10px;
    margin-bottom: 10px
}

.upload-error {
    color: #ff5655;
}

.custom-table {
    display: table;
}

.custom-table-row {
    display: table-row;
    float: left;
    margin: 0 0 10px 0;

}

.custom-table-row.extend100 {
    width: 100%;
    max-width: 300px;
    margin: 0 0 23px 0 !important;

}

.table-left-cell {
    display: table-cell;
    margin-right: 25px;
    align: left;
    min-width: 75px;
    width: 100%;
    max-width: 300px;

}

.table-right-cell {
    display: table-cell;
    margin-left: 25px;
    align: right;
}


.listForm .margin-bottom-20 {
    margin-bottom: 20px;
}
#selectedIngredient .description a {
    float: left;
}