/*------- Skeleton -------*/

html, body {background-color: #efefef;}
.contain {width: 940px; margin:auto;position:relative;}
.innerContain {background-color: #fff;border: 1px solid #ccc;margin: 10px 0;}
div.content {padding: 9px;height: 100%;}

a:hover {
	cursor:pointer;	
	text-decoration: underline;
}

/* preheader */

#preHead {background-color: #1C6861;color: #fff;padding: 4px 0;min-height: 24px;line-height: 24px;border: none;}

ul#lang {float: right;margin:0;}
ul#lang li {float: right;list-style: none;margin-right: 5px;font-size: 1.2em;}
ul#lang li a {color: #fff;}

ul#font {float: right;margin:0;}
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 -------*/

#head {position:relative;zoom: 1;padding-top: 10px;background-color:#236F6B;height:90px;}

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

#details {
	float: right;
	text-align: right;
	color: #fff;
	z-index: 10;
	position:relative;
	display:block;
	zoom:1;
}

.asterixMessage {
	font-size: 1.3em;
}
			
#welcome {
		margin-top: 20px;
		margin-bottom: 5px;
		font-size: 1.3em;
		background-repeat: no-repeat;
		background-position: right center;
}
#welcome li {list-style: none;}
#welcome a {color: #fff;text-decoration: none;}
#welcome a:hover {color: #eee;text-decoration: underline;}

div.right > #welcome {margin-top:30px;}			
.pps {}
			
#topImg {position: absolute;top: -10px;right: 30%;z-index: 5;}

/*---- 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;}
					
li.popupListItem {
	height:20px;
}

.liLeft {
	font-weight: bold;
	width: 57%;
}

.liRight {
	width: 40%;
}

li.popupListItem > div {
	text-align: left;
}

/*------- LPT link on submit screen -------*/
div.sub_links {
	float:right;
}

div.sub_links a {
	font-size: 1.1em;
	color: #333;
	text-decoration: underline;
}

div.sub_links a:hover {
	color:#406CAB;
}

div.sub_links ul {
	list-style: none;
	padding: 0;
 	margin: 0;
}

/*------- Title Section & Titles -------*/


a.bigButton, h3.bigButton {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #898989;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #898989;
	background: #f3f3f3;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
	-khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.bigButton {
	padding-left: 20px;
	height: 100%;
	display: block;
	font-size: 1.4em;
	margin: 1em 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}

a.bigButton > span.listImg {
	margin-right: 5px;
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	margin-top: 0;
}

a.bigButton > span {
	margin-top: 32px;
	float: left;
	display: block;
	color: #1C6861;
}

a.bigButton:hover, h3.bigButton:hover {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #898989;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #898989;
	cursor: pointer;
	background: #ebebeb;
}

a.bigButton:active, h3.bigButton:active {
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #898989;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #898989;
	cursor: pointer;
	background: #dedede;
}

a.bigButton.disableBigButton,h3.bigButton.disableBigButton {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	cursor: default;
	background: #ddd;
}

a.bigButton.disableBigButton > span,h3.bigButton.disableBigButton > span {
	color: #999;
}

#works h1 {background:url(../img/fe_works_icon_small.png) no-repeat;padding: 15px 0 10px 55px;}
#payments h1 {background:url(../img/fe_paymentIcon_small.png) no-repeat;padding: 15px 0 10px 55px;}
#start h1 {background:url(../img/fe_start_icon_small.png) no-repeat;padding: 15px 0 10px 55px;}
#hri h1 {background:url(../img/fe_hri_icon_small.png) no-repeat;padding: 15px 0 10px 55px;}
#acknowledgement h1 {background:url(../img/success.png) no-repeat;padding: 15px 0 10px 55px;}

.title h1 {margin:0 0 10px 0;; color:#3E9CAE;}
.title .titleBox, .titleBox {
		padding: 8px 10px;
		background-color: #3E9CAE;
		background-image: url(../img/fe_bg_head_slice.gif);
		background-repeat: repeat-x;
		color: #fff;
		font-weight: normal;
		position: relative;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		margin-bottom: 10px;
		/*margin-top: 20px;*/
	}
.title .titleBox h2, .titleBox h2 {margin: 0;font-weight: normal;width: 65%;}

.limitHeight {
	overflow:hidden;
	height:32px;
}

/*------- Login Module -------*/

div.login {width: 100%; max-width: 360px;margin-bottom:10px;height: 100%;}
div.login .titleBox {margin:0;-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;;}

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;}
div.loginBody .formLabel {margin-bottom: 8px;}
div.loginBody .formInput input {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%;}

/*------- Double Panel -------*/

div.doublePanels {margin-bottom: 10px;height: 100%;}

div.panel {width: 49%;}
div.panel div.titleBox {margin: 0;-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;
						}

div.panelBody {background-color:#efefef;
			   -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.panelBody ul {margin:0; font-size: 1.2em;}
div.panelBody ul li {list-style:none;position:relative;}
div.panelBody ul li:hover {background-color:#DEF3F6;cursor:pointer;}
div.panelBody ul li a {text-decoration: none; color: #333;}
div.panelBody ul li > a {padding:10px;display: block;}

div.panelBody .info {position: absolute;right: 10px;top: 50%;margin-top: -8px;}

div.panelBody .infoBox {display:none;position:absolute;right:0;left:0;top:100%;background-color:#CFE4E7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
div.panelBody .infoBox h3  {padding: 10px; margin: 0;}
div.panelBody .infoBox p {padding: 0 10px 10px 10px; margin: 0;}
div.panelBody .indicator {position: absolute;top: -10px;right: 8px;}


.exitLink{
	font-family: Arial, Helvetica, sans-serif;
	cursor: auto;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.logout {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-right: 18px;
}

/*------- Form Styles -------*/

input[type="text"], 
input[type="password"], 
input[type="number"], 
input[type="date"] {
	height: 32px;
	line-height: 32px;
	border: 1px solid #ccc;
	padding: 0 0 0 5px;
	-webkit-appearance: none;
	background-color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	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;
}

textarea{
	width: 100%;
	border: 1px solid #ccc;
	padding: 0 0 0 5px;
	-webkit-appearance: none;
	background-color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	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;
	resize: none;
	height:75px;
	}

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

.form {
	background-color: #efefef;
	padding: 10px;
	margin-bottom: 10px;
	zoom: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #efefef;
	position: relative;
	font-size:1.2em;
}

.formRow {margin-bottom: 10px;zoom:1;}
.last {margin-bottom: 0;}
.formLabel {line-height: 18px; font-weight: bold;position:relative}


.form .infoBox {background-color:#CFE4E7; display: none; }
.form .infoBox h3  {padding: 10px; margin: 0;}
.form .infoBox p {padding: 0 10px 10px 10px; margin: 0;}
.form .indicator {display: none;}

.form .date {position: relative;}
.form .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%;
					}

.formRow .submit {float: right;}

/*.submit_align_right {
	padding-right:2%;
}

.submit_align_left {
	padding-left:2%;
}*/

.mandatory {font-size: 15px; color: #F0381C; margin-left:4px; margin-right:2px}
.mandatoryMsg {color: #F0381C;font-size:1.2em;}
.mandatoryMsg > span {font-size: 15px;}

/*-- Form Single Row --*/

.formSingle {}
	
	.formSingle .formRow {position: relative;}
	
		.formSingle .formLabel {float: left; display: block;width: 21%;}
		
		.formSingle .formInput, .formSingle .positive  {float: left; display: block;width: 35%;}
		.formSingle .formInput input, .formSingle .formInput select {width: 100%;}
	
	
		.formSingle .info {position: absolute;left: 56.5%;}
		.formSingle .info a {width: 32px;height: 32px;display: block;}
		.formSingle .info a img {position: absolute;margin-top: -8px;top: 50%;left: 50%;margin-left: -8px;}
		
		.formSingle .indicator {position: absolute;top: 5px; right: 39.5%;}
		.formSingle .infoBox {-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;
							  position:absolute;
							  top:0;
							  bottom: 0;
							  right: 0;
							  width: 40%;
							  }
		
/*-- Form Double Row --*/

.formDouble {}

	.formDouble .formRow {position: relative;display:block;width: 50%;float: left; z-index: auto;}
	
	.formDouble .formRow h3 {margin: 0 0 10px 0;padding-bottom: 5px;border-bottom: 1px solid #ccc;margin-right: 20px;color:#000;}
	
	.formDouble .formRow .inner {width: 100%; float:none;}
	
		.formDouble .formLabel {float: left; display: block;width: 30%;}
		
		.formDouble .formInput, .formDouble .positive  {float: left; display: block;width: 45%;}
		.formDouble .formInput input, .formDouble .formInput select {width: 100%;}
		
		.formDouble .info {position: absolute;left: 76%;;}
		.formDouble .info a {width: 32px;height: 32px;display: block;}
		.formDouble .info a img {position: absolute;margin-top: -8px;top: 50%;left: 50%;margin-left: -8px;}
		
		.formDouble .indicator {position: absolute;top: 25px;left: 77.5%;z-index: 20;}
		.formDouble .infoBox {position:absolute;top:37px;z-index: 6;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;zoom:1;width:100%;}

/*-- additional info pop ups --*/

h2.infoTitle {position: relative;padding-left: 24px;}
h2.infoTitle div.info {position: absolute; left: -7px;top:-7px;}

	h2.infoTitle .info a {width: 32px;height: 32px;display: block;}
	h2.infoTitle .info a img {position: absolute;margin-top: -8px;top: 50%;left: 50%;margin-left: -8px;}
		
	h2.infoTitle .indicator {position: absolute;top: 25px;z-index: 20;left:0;display: none;}
	h2.infoTitle .infoBox {position:absolute;left:-10px;top:37px;z-index: 6;border-radius:5px;
		-webkit-border-radius: 5px;-moz-border-radius: 5px;zoom:1;background-color: #CFE4E7;
		color: #000;max-width: 400px; display:none;
	}

	h2.infoTitle .infoBox .title {font-size: 17px;}
	h2.infoTitle .infoBox p {padding: 0 10px 10px 10px;font-size: 12px;margin: 0;}

div.total {position: relative;padding-left: 34px !important;}
div.total div.info {position: absolute; left: 0;top:7px;}

	div.total .info a {width: 32px;height: 32px;display: block;}
	div.total .info a img {position: absolute;margin-top: -8px;top: 50%;left: 50%;margin-left: -8px;}
		
	div.total .indicator {position: absolute;top: 33px;z-index: 20;left:6px;}
	div.total .infoBox {position:absolute;left:0;top:44px;z-index: 6;border-radius:5px;
		-webkit-border-radius: 5px;-moz-border-radius: 5px;zoom:1;background-color: #CFE4E7;
		color: #000;max-width: 400px;
	}

	div.total .infoBox .title {font-size: 17px;}
	div.total .infoBox p {padding: 0 10px 10px 10px;font-size: 12px;margin: 0;}
	div.total .infoBox p {padding: 0 10px 10px 10px;font-size: 12px;margin: 0;}
	.infoBox.absolute p {padding: 0 10px 10px 10px;font-size: 12px;margin: 0;}

div.infoBox.absolute {
	position:absolute;
	left:0;
	top:37px;
	z-index: 6;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	zoom:1;
	background-color: #CFE4E7;
	color: #000;
	max-width: 400px;
	width: 100%;
	display:none; 
	padding:5px;
}

div.indicator.absolute {
	position: absolute;
	top: 25px;
	z-index: 20;
	left:8px;
	display: none;
}

div.info.outside {
	display:block;
}
div.indicator.absolute.outside {
	display:none;
}
div.indicator.absolute.outside.display_cust {
	display:block;
}
div.infoBox.absolute.outside {
	display:none;
}
div.infoBox.absolute.outside.display_cust {
	display:block;
}

div.info.inside {
	display:none;
}
div.indicator.absolute.inside {
	display:none;
}
div.infoBox.absolute.inside {
	display:none;
}

/*------- List Styles -------*/

ul.list {font-size:1.2em;}

ul.nolinks li {
	padding: 10px;
}

	li.listItem {
				list-style:none;
				margin-bottom: 10px;
				padding: 10px;
				background-color:#efefef;
				border-radius:5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				position:relative;
				zoom: 1;
		}
	li.link {padding: 0;}
	li.link a {padding: 10px;display:block;color: #222; text-decoration: none;cursor:pointer;position:relative;background-color:#efefef;}
	li.link div.actions a {padding:0;}
	li.link a:hover, li.link:hover {background-color:#CFE4E7;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

	/*------- Seven column table with selection checkbox out of normal row link -------*/
	
	ul.nolinks li.splitCheckSeven { padding: 0px; }	

	li.splitCheckSeven { padding: 0px; padding-left: 10px; }	
	li.splitCheckSeven div.splitCheckSevenSecond { width: 85.8%; cursor: hand; cursor:pointer; }
	li.splitCheckSeven div.splitCheckSevenCell,li.splitCheckSeven div.splitCheckSevenFirst { padding-top: 10px; padding-bottom: 10px; }	
	li.splitCheckSeven div.splitCheckSevenCell {width: 16.6%}
	
	li.splitCheckSeven a {padding: 10px;display:block;color: #222; text-decoration: none;cursor:pointer;position:relative;background-color:blue; }	
	li.splitCheckSeven div.actions a {padding:0;}
	li.splitCheckSeven a:hover, li.splitCheckSeven:hover {background-color:#CFE4E7;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
	
	/*------- End -------*/
		
	li.labels {background-color: transparent;margin-bottom: 0;font-weight:bold;}
	
	li.listItem div {float: left;display:block;}
	li.listItem span.name {display:none;}
	
	li.listItem div.pushLeft {margin-right: 71px;float: none;width:auto;}
	li.listItem div.actions  {position:absolute; right:0;width: auto;top:0;bottom:0; border-left: 1px dotted #ccc;}
	li.listItem div.actionsLabel {position:absolute; right:0;width: 81px;top: 50%;margin-top: -0.6em;text-align:right;}
	li.listItem div.actions a {text-indent: -99999px;display:block;width: 40px;float:left;height: 100%;min-height: 34px}
	li.listItem div.actions a.view {background:url(../img/fe_eyecon.png) no-repeat 50% 50%;}
	li.listItem div.actions a.delete {background:url(../img/fe_delete.png) no-repeat 50% 50%;}
	li.listItem div.actions div.asterix {background:url(../img/asterix.png) no-repeat 50% 50%;text-indent: -99999px;display:block;width: 40px;float:left;height: 100%;min-height: 34px;}
	
	.viewCalculation {background:url(../img/calculator_icon.png) no-repeat 50% 50%; }
	
	.number, .number20 {
		text-align: right; 
		display:block;
	}
	
	.number20 {
		margin-right: 20px;
	}

	li.newPayment {background: #CFE4E7;}
/*------- List Item x 2 -------*/

	li.two div {width: 50%}
	
/*------- List Item x 3 -------*/

	li.three div {width: 33%}


/*------- List Item x 4 -------*/

	li.four div {width: 25%}


/*------- List Item x 5 -------*/

	li.five div {width: 20%}


/*------- List Item x 6 -------*/

	li.six div {width: 16.5%}


/*------- List Item x 7 -------*/
	li.seven div {width: 14.2%}
	li.seven div span + span {display: block;margin-right: 10px;}
	
/*------- List Item x 8 -------*/
	li.eight div {width: 12.5%}
	/*--li.eight div span + span {display: block;margin-right: 10px;}--*/
	
/*------- List Item x 6 -------*/

	li.nine div {width: 11.1%}

	li.ten div {width: 10%}

	.searchField {width: 46%;}
	.searchField label {display: block; font-size:1.2em; margin-bottom: 5px;}
	.searchField input {width: 100%;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;height: 34px;line-height: 34px;font-size: 1.4em;}



/*------- Search -------*/

div.search {margin-bottom: 10px;position:relative;zoom:1;padding-right:215px;}

	.search h3 {color:#3E9CAE;}
	
	.search div.fields {width: 100%;float:left;}
	.search div {float: left; display: block;}
	.search div.join {margin-top: 30px;width: 7%;text-align:center;font-size:1.2em;}
	.search div.positive {position: absolute; top: 18px; right: 130px; margin: 0;}
	.search div.submit {position: absolute; top:18px ;right:0;margin: 0;}

	
/*------- Button Styles -------*/

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

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

.submit {zoom:1;}	
.submit input, .submit a {
			background-color: #3764A7;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			color: #fff;
			border: none;
			height: 34px;
			line-height: 34px;
			zoom: 1;
			background-image: url(../img/fe_bg_head_slice2.gif);
			background-repeat: repeat-x;
			cursor: pointer;
			padding: 0 20px 0 20px;
			text-decoration: none;
			font-size: 12px;
			display:block;
	}
.submit input:hover, .submit a:hover {background-color:#406CAB;background-image:none;}

input.disabled {
	background: #E7e7e7 !important;
	border: #ccc 1px solid !important;
	-webkit-opacity: 1 !important;
}

textarea.disabled {
	background: #E7e7e7 !important;
	border: #ccc 1px solid !important;
	-webkit-opacity: 1 !important;
}

.hideText {
	color:#fff !important;
}

/*------- Pagination -------*/

ul.pagination {font-size: 1.2em;overflow:hidden;margin-top: 0px;}

	.pagination li {float:left;display:block;margin: 4px;}
	.pagination li.arrow  {margin: 4px 1px;}
	
	.pagination li.unavailable a {cursor: default;}
	.pagination li.unavailable a:hover {background-color:#efefef;}
	.pagination li.current a {color: #fff;background-color: #3E9CAE;}
	
	.pagination li a {
		padding: 5px 10px;
		text-decoration:none;
		color:#222;
		display:block;
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background-color: #efefef;
		}
	.pagination li a span {text-indent: -9999px;display:block;float:left;width:0;}
	.pagination li a:hover {background-color:#ccc;}
	
/*------- Nav -------*/
div.nav {position: relative;z-index: 10;float: right;clear: right;width: 100%;}

div.nav ul {font-size:1.4em;margin:5px 0 0 0;}
div.nav ul li {float: right;list-style:none;margin-left: 10px;border-left:1px solid #fff;padding-left:10px;}
div.nav ul li a {color:#fff;text-decoration:none;}

.noB {border:none !important;}

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

.formInput .checkBox {margin:10px 0;}
.formInput .checkBox input {width: auto;margin-right: 10px;}

input[type="text"][disabled] {background: #E7e7e7;border: #ccc 1px solid;--webkit-text-fill-color: rgba(0, 0, 0, 1); -webkit-opacity: 1;}
select[disabled] {background-color: #e7e7e7;border: #ccc;--webkit-text-fill-color: rgba(0, 0, 0, 1); -webkit-opacity: 1;cursor:default;color: #000;}

.reset {position: absolute; right: 10px;top: 50%;margin-top: -7px;}
.reset a {color: #fff; font-size: 1.2em; text-decoration: none;background: url(../img/fe_reset.png) no-repeat 100% 50%;padding-right: 18px;}

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

.center {padding:15px;}
.center > div {margin:auto;}

.subTitle {font-size: 1.4em; font-weight: bold;}
.infoBox .title {padding: 10px;font-size: 1.4em; font-weight: bold;float:none;}

div.total {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 15px;margin-bottom:20px;}
div.totals {font-size:1.4em;float: left;font-weight:bold;margin-right:10px;}
div.totals span {margin-right: 5px;}
div.totals + div.totals {padding-left: 15px; border-left: 1px solid #ccc;}

div.totals > div {margin-bottom: 5px;}

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

	.errorBox .errorArrow {
		background: url(../img/fe_top_arrow.png) no-repeat;
		height: 6px;
		width: 10px;
		position: absolute;
		top: -5px;
		left: 6px;
	}
	
	.errorBox .errorMsg {
		background-color: #FD6757;
		display: block;
		padding: 5px;
		color: #fff;
		border-radius:	3px;
		line-height: 1.4em;
		font-size: 12px;
	}
	
.warningBox{
	display: block;
	position: relative;
	margin-top:10px;	
}

.warningBox .warningMsg{
	background-color: #DAAE33;
	display: block;
	padding: 5px;
	color: #fff;
	border-radius:	3px;
	line-height: 1.4em;
	font-size: 12px;
}

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

/*-- list item w/infoBox --*/
li.pl40 {padding-left: 40px}
li.pl40 .info {position:absolute;left:10px;top:50%;margin-top:-8px;width:auto;}

li.pl40 .infoBox {background-color:#CFE4E7; display: none;position:absolute;top:37px;z-index: 6;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;zoom:1;left:0;width:50%;}
li.pl40 .infoBox h3  {padding: 10px; margin: 0;}
li.pl40 .infoBox p {padding: 0 10px 10px 10px; margin: 0;}
li.pl40 .indicator {position: absolute;top: 26px;left: 8px;z-index: 20;width:auto;margin:0;}


li.r40 {margin-right: 40px}
li.r40 .info {position:absolute;right:-30px;top:50%;margin-top:-8px;width:auto;}

li.r40 .infoBox {background-color:#CFE4E7; display: none;position:absolute;top:37px;z-index: 6;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;zoom:1;right:-40px;width:50%;}
li.r40 .infoBox h3  {padding: 10px; margin: 0;}
li.r40 .infoBox p {padding: 0 10px 10px 10px; margin: 0;}
li.r40 .indicator {position: absolute;top: -10px;right: 8px;z-index: 20;width:auto;margin:0;}


/*-- Take Notice --*/
.takeNotice {font-weight: bold; font-size: 1.2em; }

#multiplePayers {
	margin-left:10px;
}

/*-- Delete Modal --*/

#deleteBox {font-size:1.2em; background-color: #fff; padding: 10px;display:none;width: 400px;}
#deleteBox .titleBox {margin-top:0;}
#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;-webkit-border-radius: 6px;-moz-border-radius: 6px;
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;}

/*-- View Calculation Modal --*/

#viewCalculationBox {font-size:1.2em; background-color: #fff; padding: 10px;display:none;width: 810px;height: 310px}
#viewCalculationBox .titleBox {margin-top:0;}
#viewCalculationBox .yes, #viewCalculationBox .no {float: right;margin-left: 10px;zoom: 1;display:block;}
#viewCalculationBox .no a, #viewCalculationBox .yes a {font-size: 1.2em;height: 34px;line-height: 34px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
border-radius: 6px;color: #333;text-decoration: none;display: block;zoom: 1;padding: 0 30px 0 30px;font-family: Arial, Helvetica, sans-serif;}
#viewCalculationBox .no a {background-color: #ccc;}
#viewCalculationBox .yes a {background-color: #3E9CAE;background-image: url(../img/fe_bg_head_slice.gif);background-repeat: repeat-x;color:#fff;}


/*-- Go Back Modal --*/

#goBackBox {font-size:1.2em; background-color: #fff; padding: 10px;display:none;width: 400px;}
#goBackBox .titleBox {margin-top:0;}
#goBackBox .yes, #goBackBox .no {float: right;margin-left: 10px;zoom: 1;display:block;}
#goBackBox .no a, #goBackBox .yes a {font-size: 1.2em;height: 34px;line-height: 34px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
border-radius: 6px;color: #333;text-decoration: none;display: block;zoom: 1;padding: 0 30px 0 30px;font-family: Arial, Helvetica, sans-serif;}
#goBackBox .no a {background-color: #ccc;}
#goBackBox .yes a {background-color: #3E9CAE;background-image: url(../img/fe_bg_head_slice.gif);background-repeat: repeat-x;color:#fff;}

#goBackBox .yes a:focus {outline: black thin dotted;}

/*------- Getting Started Page -------*/

.intro { text-align:center;}
.intro h3 {margin: 0; color:#1C6861;}
.intro p {line-height: 1.4em;}

.needs {}
.needs ul {margin:0;}
.needs ul li {}
.needs ul li.half {width:50%;float: left;list-style: none;}
.needs ul li.half > span {padding:8px;display: block;}
.needs ul li.half span.title {
	font-weight: bold; font-size: 1.2em;margin-bottom: 5px;
	display: block;border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.needs ul li.half span > ul {padding-left: 18px;margin: 8px 0;}
.needs ul li.half span > ul li {margin-bottom: 8px;list-style: disc;}


.howTo ul {margin:0;}
.howTo ul li {list-style: none; width: 50%;float: left;}
.howTo ul li > div {padding: 5px;}

.howTo li h3 {padding-left:20px;height: 100%;}
.howTo li h3 span {margin-top: 32px;float:left;display: block; color:#1C6861;}
.howTo li h3 span.listImg {margin-right: 5px;width: 80px; height: 80px;display:block;float:left;margin-top:0;}

.howTo span.start {background:url(../img/fe_start_icon.png) no-repeat;}
.howTo span.works {background: url(../img/fe_works_icon.png) no-repeat;}
.howTo span.claims {background: url(../img/fe_claims_icon.png) no-repeat;}
.howTo span.payment {background: url(../img/fe_paymentIcon.png) no-repeat;}

.howTo li > div {}
.howTo li > div h4 {margin:0;color:#1C6861;}

/*------- Landing Page -------*/

.howTo ul li.half {width: 49.9%;zoom:1;}
.howTo ul li.half h3 {height: 100%;float: left;position: relative;z-index: 10;padding-left:10px;}
.howTo li.half > div h4 {margin-top:10px;color:#333;}

.display {display:block !important;}

.howToWorks {float: none;}
.howToWorks ul {margin:0;padding-left:20px;}
.howToWorks ul li {float: none;width: 100%;margin-left: 80px;list-style-type: disc;display: list-item;}
/*--------------------- Responsivity -----------------------*/

@media only screen and (max-width: 1023px) {

/*------- Skeleton -------*/
.contain {width: 90%}

/*------- Misc & Exceptions -------*/

/*------- Double Panel -------*/

/*------- Button Styles -------*/

/*------- Form Styles -------*/

/*-- Form Single Row --*/

/*-- Form Double Row --*/

/*------- List Styles -------*/

li.labels {display: none;}
li.listItem span {width: 60%;float: left; display: block;}
li.listItem span.name {display:block;width: 40%;font-weight: bold;}
li.two div, li.three div, li.four div, li.five div, li.six div, li.seven div, li.eight div, li.nine div {width: 50%; margin: 8px 0;}
li.splitCheckSeven div.splitCheckSevenCell {width: 50%; margin: 8px 0;}
li.listItem span.errorBox, li.listItem span.errorMsg, li.listItem span.errorMsg>span {width:96% !important;}
/*------- Search -------*/
.number {text-align: left;}
/*------- Pagination -------*/

/*-- list item w/infoBox --*/
li.r40 .infoBox {top: 65%;}

li.seven div span + span {margin-right:0;}

/*-- li.eight div span + span {margin-right:0;}--*/

div.info.outside {
	display:none;
}
div.info.inside {
	display:block;
}
div.infoBox.absolute.inside {
	display:none;
	width:100%;
}
div.infoBox.absolute.inside.display_cust {
	display:block;
}
div.indicator.absolute.inside {
	display:none;
}
div.indicator.absolute.inside.display_cust {
	display:block; 
}

	
}

li.pl40 .info {top:25px;}
li.pl40 .indicator {top:34px;}

/*-- Break words style for summary tables --*/
.breakWord{
	word-break: break-all;	
}
.limitTextWidth98{
	width: 98% !important;
	
	-ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;
	
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

@media only screen and (max-width: 799px) {

a.bigButton,h3.bigButton {
	margin-right: 10px;
}
	
.howTo li h3 span {margin-top: 10px;}
	
/*------- Skeleton -------*/
	
/*------- Misc & Exceptions -------*/

/*------- Double Panel -------*/
div.doublePanels {margin-bottom: 0;}
div.panel {width: 100%; float:none !important; margin-bottom: 10px;}

/*------- Button Styles -------*/

/*------- Form Styles -------*/

/*-- Form Single Row --*/

.formSingle .formLabel {width: 30%;}
.formSingle .formInput {width: 60%;}
.formSingle .info {left:90%;bottom: 0;}

.formSingle .indicator {overflow: hidden;}
.formSingle .indicator img {margin-left: -9999px;}
.formSingle .infoBox {position:relative; width: auto;border-radius: 5px;margin-bottom: 10px;}

/*-- Form Double Row --*/

.formDouble .formRow {width: 100%;}	
.formDouble .formLabel {width: 30%;}
.formDouble .formInput {width: 60%;}
.formDouble .info {left:90%;top: 0;}

.formDouble .indicator {overflow: hidden;}
.formDouble .indicator img {margin-left: -9999px;}
.formDouble .infoBox {position:relative; width: auto;border-radius: 5px;margin: 10px 0;top:auto;}

/*------- List Styles -------*/

li.listItem div.actions {top: auto; height: 40px;border: none;}
li.two div, li.three div, li.four div, li.five div, li.six div, li.seven div, li.eight div, li.nine div {width: 100%;}
li.splitCheckSeven div.splitCheckSevenCell {width: 100%;}

/*------- Search -------*/

div.search {margin-right:0;}

/*------- Pagination -------*/

/*-- list item w/infoBox --*/
li.r40 {margin-right: 0}
li.r40 .info {position:absolute;right:10px;top:10px	;margin-top:0;width:auto;}

li.r40 .infoBox {width:auto;position:relative;float:none;right:0;top:0;margin:0;}
li.r40 .indicator {display:none;}

.m0 {margin-bottom:10px !important;}

div.total {padding: 15px 0;}
div.totals {width:100%;}
div.totals + div.totals {padding-left: 0; border-left: none;margin-top: 10px;border-top: 1px solid #ccc;padding-top: 15px;}

li.pl40 .infoBox {width: 100%;}
.howTo ul li, .howTo ul li.half {width: 100%;}
.howTo li h3 {padding-left: 10px;float: left;width: 170px;z-index: 20;position: relative;}
.howTo li h3 span {width: 50px}
.howTo li div.form {min-height: 80px;}

.howTo ul li.half > div > br {display: none;}
.howTo ul li.half h3 {width: auto;}
	
}
			
@media only screen and (max-width:549px) {

.howTo li h3 span {margin-top: 32px;}
/*------- Skeleton -------*/

div.loginBody .formRow .inlineLeft {width: 100%;float:none !important;margin-bottom:5px;}
div.loginBody .formRow .inlineRight {width: 100%;float:none !important;}

/*------- Header -------*/

#welcome {font-size: 1.2em;}
#welcome a span {display:block;}

/*------- Misc & Exceptions -------*/
.needs ul li.half {width: 100%;}
	
/*------- Double Panel -------*/

/*------- Button Styles -------*/

/*------- Form Styles -------*/

/*-- Form Single Row --*/

.formSingle .formLabel {width: 100%;margin-bottom:5px;}
.formSingle .formInput {width: 90%;}
.formSingle .info {left: 90%;}


/*-- Form Double Row --*/

.formDouble .formLabel {width: 100%;margin-bottom:5px;}
.formDouble .formInput {width: 90%;}
.formDouble .info {left: 90%;top: 23px;}

.formDouble .infoBox {position:relative; width: auto;margin-bottom: 10px;z-index: 1; top:0;}
.formDouble .indicator {overflow: hidden;}
.formDouble .indicator img {margin-left: -9999px;}

/*------- List Styles -------*/

li.action {padding-bottom: 30px;}
li.listItem div.pushLeft {margin: 0;}

/*------- Search -------*/


div.search {padding-bottom: 45px; padding-right:0;}
.search div.fields {margin-right: 0;}
.search div.join {margin: 10px 10px 10px 0;}
.searchField  {width: 100%}

/*------- Pagination -------*/

.pagination li.reduce {display: none;}

/*-- list item w/infoBox --*/

/*-- Delete Modal --*/

#deleteBox  {width: auto;}

.pps {display:block;}

div.nav {position: absolute;top: 90px;left: 0;}
div.nav ul {margin-top:10px;}

div.nav ul li {border-left: 1px solid #333;}
div.nav ul li a {color:#333;}

.pushTop {margin-top:40px;}

.titleBox h2, h2.infoTitle .infoBox {width:100%;}
.search div.positive, .search div.submit {top:auto;bottom:0;}
	
div.nav ul li.noB {margin-left:0;padding-left:0;}

.howTo li h3, .howTo ul li.half h3 {padding-left: 10px;float: none;width: 100%;}
.howTo li h3 span {width: auto;}

.howTo li.half > div h4 {position: absolute; top:-70px;left:85px;}
	 

}

.tmargin{
	margin-top:15px;
	
}
.error-box-403 {
	overflow: auto;
	padding: 10px;
}


.error-box-403 h2{
	font-weight: normal;
}


.left-btn {
	background-color: #3764A7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	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;
}

.left-btn:hover {
    text-decoration: none !important;
}

.taxTypeInformation {
    float: left;
    margin-top: 10px;
}