@charset "utf-8";

#ui-datepicker-div {
 display: none;
}
#modalwindow form {
	margin:0;
	padding:0;
	color:#666;
	text-decoration:none;
	font: 12px Arial, Helvetica, sans-serif;
}
#modalwindow form h1 {
	color:#797979;
	padding:7px;
	border-bottom:#f0f1f3 solid 1px;
	background-color:#F0FAFF;
	margin:0;
	font: 14px Arial, Helvetica, sans-serif;
}

#modalwindow .modalhelptext > p {
    color: #666666;
    display: inline-block;
    margin-bottom: -2px;
    margin-left: 320px;
    width: 55%;
}

#modalwindow .modalhelptextnarrow > p {
    color: #666666;
    display: inline-block;
    margin-bottom: -2px;
    margin-left: 325px;
    margin-top: 3px;
    width: 33%;
}

#modalwindow #inforow {
	display:block;
	padding:5px;
	overflow:hidden;
	height:25px;
	border-bottom:1px solid #e8e9ed;
	border-top:0 solid #e8e9ed;
	border-left:0 solid #e8e9ed;
	border-right:0 solid #e8e9ed
}

#modalwindow #highlightednotemessage p {	
	margin: 14px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 4px 4px 4px 4px;
	background-color: #fffc9d;
	border:1px solid #c9c8ba;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
}

#modalwindow #inforow #loaderindicator {
	float: left;
	width: 220px;
	height: 19px;
	margin: 1px;
	background: url(../images/bar-loader.gif) no-repeat left top;
}


#modalwindow #inforow .print {
	float:right;
	width:16px;
	height:16px;
	margin:5px 5px 0;
	background: url(../images/icons/ico_print.gif) no-repeat left top;
}
#modalwindow #inforow .mail {
	float:right;
	width:16px;
	height:16px;
	margin:5px 5px 0;
	background: url(../images/icons/ico_mail.gif) no-repeat left top;
}
#modalwindow #inforow .generatecn, #modalwindow #inforow .addremark {
	float:right;
	white-space:nowrap;
	margin:0 5px;
	background:url(../images/button_red_bg.gif) repeat-x center top;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding:5px 10px;
	border-radius:3px 3px;
	-moz-border-radius:3px 3px;
	-webkit-border-radius:3px 3px
}
#modalwindow #inforow .left {
	float:left;
	text-align:left;
	margin:0;
	color:#797979;
	font: 12px Arial, Helvetica, sans-serif;
}
#modalwindow #inforow .right {
	float:right;
	padding-left:10px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797979;
	text-align:right;
	background: url(../images/required_star.gif) no-repeat left center;
}


#modalwindow #viewrows {
	display:block;
	padding:10px;
	overflow:hidden;
	border-bottom:1px solid #e8e9ed;
	border-top:0 solid #e8e9ed;
	border-left:0 solid #e8e9ed;
	border-right:0 solid #e8e9ed;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#797979;
}

#modalwindow #viewrows span {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
	padding-right:100px;
}

#modalwindow #lineitems {
	margin:10px 0px 0px 0px;
}

#modalwindow #lineitems tr th {
	background-color:#d8ebff;
	padding:4px 10px 4px 10px;
	text-align:left;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#modalwindow #lineitems tr td {
	background-color:#fff;
	padding:4px 10px 4px 10px;
	text-align:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #CCC;
}

#modalwindow #lineitems tr td label {
	margin:0px;
	padding:2px 2px 4px 2px;
	border-width:0px;
}

#modalwindow #lineitems tr td .error {
	display:none;
	color:#cc0000;
	text-decoration:none;
	padding:3px;
	font: 11px Arial, Helvetica, sans-serif;
}

#modalwindow #lineitems tr td .field {
	display: block;
	float:none;
	width:50px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}



#modalwindow #lineitems tr td .fieldbig {
	display: block;
	float:none;
	width:110px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}


#modalwindow form label {
	clear:both;
	display:block;
	height:auto !important;
	overflow:hidden;
	padding:5px 4px;
	border-bottom:1px solid #f0f1f3;
	border-top:0 solid #f0f1f3;
	border-left:0 solid #f0f1f3;
	border-right:0 solid #f0f1f3
}

#modalwindow form label .fieldtextview {
	float: left;
	width: 400px;
	padding: 4px 0px 4px 0px;
}

#modalwindow form label .clearboth {
	clear:both;
	display:block;
	font-size:0;
	padding:0;
	margin:0
}
#modalwindow form label .text {
	float:left;
	width:300px;
	color:#666;
	text-decoration:none;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	margin-right:10px;
	height:inherit;
	font:400 12px Arial, Helvetica, sans-serif
}

#modalwindow form label .fileext {
	float:left;
	color:#333;
	text-decoration:none;
	padding:5px 5px 2px 1px;
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
}


#modalwindow form label .textsmall {
	float:left;
	width:150px;
	color:#666;
	text-decoration:none;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	margin-right:10px;
	height:inherit;
	font:400 12px Arial, Helvetica, sans-serif
}
#modalwindow form label .field {
	float:left;
	width:240px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}

#modalwindow form label .fieldmailsubject {
	float:left;
	width:420px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}

#modalwindow form label .fieldmailto {
	float:left;
	width:550px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}



#modalwindow form label .fieldtextarea {
	float:left;
	width:500px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}
#modalwindow form label .fieldsmall {
	float:left;
	width:50px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}
#modalwindow form label .fielddate {
	float:left;
	width:120px;
	color:#333;
	text-decoration:none;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
	background: #fffbf3 url(../images/icons/calendar.gif) no-repeat 107px center;
}
#modalwindow form label .requiredstar {
	background: url(../images/required_star.gif) no-repeat right center;
}
#modalwindow form .linkbutton {
	color:#FFF;
	border:0 solid #fff;
	margin:0;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	text-decoration:none;
	float:left;
	margin-left:10px;
	padding:3px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	background: #900 url(../images/button_red_bg.gif) repeat-x left center;
}
#modalwindow form label .errorone {
	clear:both;
	display:none;
	color:#c00;
	padding:4px 4px 4px 170px
}
#modalwindow form label span.invalid, #modalwindow form label .error {
	clear:both;
	display:none;
	color:#c00;
	padding:4px 4px 0px 322px;
	float: left;
}
#modalwindow form label .altError {
	clear:both;
	display:none;
	color:#c00;
	padding:4px;
	float: left;
}
#modalwindow form label span.invalid, #modalwindow form label .specialCharError {
	clear:both;
	display:none;
	color:#c00;
	padding:4px 4px 4px 319px
}
#modalwindow form #companyfromandto {
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:1px;
	border-left-width:0;
	border-style:solid;
	border-color:#f0f1f3
}
#modalwindow form #companyfromandto td {
	border-top-width:0;
	border-right-width:1px;
	border-bottom-width:0;
	border-left-width:1px;
	border-style:solid;
	border-color:#f0f1f3
}
#modalwindow form #companyfromandto td .rowshead {
	margin:0;
	padding:5px 10px;
	background-color:#e4f1fe;
	color:#333;
	text-decoration:none;
	font:400 14px Arial, Helvetica, sans-serif
}
#modalwindow form #companyfromandto td .rows {
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:1px;
	border-left-width:0;
	border-style:solid;
	border-color:#f0f1f3;
	margin:0;
	padding:5px 10px
}
#modalwindow form #companyfromandto td label {
	clear:both;
	display:block;
	height:auto !important;
	overflow:hidden;
	padding:5px 4px;
	border-bottom:0 solid #f0f1f3;
	border-top:0 solid #f0f1f3;
	border-left:0 solid #f0f1f3;
	border-right:0 solid #f0f1f3
}
#modalwindow form #companyfromandto td label .text {
	float:left;
	width:100px;
	color:#666;
	text-decoration:none;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	margin-right:10px;
	height:inherit;
	font:400 12px Arial, Helvetica, sans-serif
}
#modalwindow form #companyfromandto td .fieldtext, #modalwindow form label .fieldtext {
	float:left;
	color:#666;
	text-decoration:none;
	padding-right:10px;
	padding-top:4px;
	text-align:left;
	width:auto;
	font:400 12px Arial, Helvetica, sans-serif
}
#modalwindow form #companyfromandto td label .error {
	clear:both;
	display:none;
	color:#c00;
	padding:4px 4px 4px 120px
}
#modalwindow form #companyfromandto td label .successmessage, #modalwindow form label .successmessage {
	clear:both;
	display:none;
	color:#060;
	padding:4px 4px 4px 319px
}
#modalwindow form #companyfromandto td p {
	clear:both;
	display:block;
	color:#666;
	padding:4px 4px 4px 122px;
	margin:0;
	font-size:10px;
	font-weight:700
}
#modalwindow form #companyfromandto .linkbutton {
	color:#FFF;
	border:0 solid #fff;
	margin:0;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	text-decoration:none;
	float:left;
	margin-left:0;
	padding:3px 10px;
	font:700 12px Arial, Helvetica, sans-serif;
	background: #900 url(../images/button_red_bg.gif) repeat-x left center;
}
#modalwindow .confirmbox {
	clear:both;
	display:none;
	text-align:center;
	margin-top:10px
}

#modalwindow #messagediv {
	display:none;
	color: #900000;
	border:0px solid #356b00;
	margin: 10px;
}

#modalwindow #messagedivnotsuccess {
	display:none;
	color: #900000;
	border:0px solid #000b68;
	margin: 10px;
}

#modalwindow #messagedivnotsuccessduplicatekey {
	display:none;
	color: #000b68;
	border:1px solid #000b68;
	margin: 10px;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	background-color: #e9ebf0;
}

#modalwindow #messagedivpalmserror {
	display:none;
	color: #900000;
	border:0px solid #000b68;
	margin: 10px;
}



#modalwindow #messagediv p,
#modalwindow #messagedivnotsuccessduplicatekey p,
#modalwindow #messagedivnotsuccess p,
#modalwindow #messagedivpalmserror p,
#modalwindow .submitError p
{
	margin:0px;
	padding:5px;
	text-decoration:none;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #900000;
	border:0px solid #000b68;
}

#modalwindow button {
	margin:0;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	border-width:0;
	border-style:solid;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	font:normal 12px Arial, Helvetica, sans-serif;
	background: #900 url(../images/button_red_bg.gif) repeat-x left center;
	cursor: pointer;
}

#modalwindow .confirmationtext {
	color:#900;
	font:700 14px Arial, Helvetica, sans-serif
}
#modalwindow .linkmodal {
	color:#075b90;
	text-decoration:none
}
#modalwindow .linkmodal:hover {
	color:#008ae2;
	text-decoration:none
}
#modalwindow .ui-buttonset .ui-button {
	margin-top:10px;
	margin-left:300px;
	padding:3px 16px
}
#modalwindow .ui-buttonset .ui-state-default {
	border:1px solid #d3d3d3
}
#modalwindow .ui-buttonset .ui-state-hover {
	border:1px solid #999
}
#datalist .datafield_small, #newtaxtable .datafield_small {
	float:left;
	width:40px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}
#datalist .datafield_smaller, #newtaxtable .datafield_smaller {
	float:left;
	width:26px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}
#datalist td span.subtext, #newtaxtable td span.subtext {
	display:block;
	color:#666
}
#datalist .datafield_big, #newtaxtable .datafield_big {
	float:left;
	width:140px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}
#datalist .datafield_medium, #newtaxtable .datafield_medium, #modalwindow form label .fieldprefixes {
	float:left;
	width:100px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}

#modalwindow form .richeditor {
	clear:both;
	display:block;
	padding: 5px 0px 0px 0px;
}

#modalwindow form #custom-queue {
	display:block;
	padding:4px 4px 4px 320px;
}

#modalwindow form #fileList {
	display:block;
	width: 400px;
	padding:4px 4px 4px 320px;
}

#modalwindow form #fileList .attachmentWrapper {
	display:block;
	padding:4px 8px 4px 8px;
	border:1px solid #e7e5e0;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	margin: 1px 0px 1px 0px;
}
#modalwindow form #fileList .attachmentWrapper .fieldRemove {
	float: right;
	color: #cc0000;
	cursor: pointer;
}
#modalwindow form #fileList .attachmentWrapper .fieldRemove:hover {
	color: #000;
}
#modalwindow form #fileList .attachmentWrapper .cancelledFieldRemove {
	float: right;
	color: #cc0000;
	cursor: pointer;
}
#modalwindow form #fileList .attachmentWrapper .cancelledFieldRemove:hover {
	color: #000;
}

#modalwindow form .notemessagefileuploadsize {
	clear: both;
	display: block;
	padding: 2px 5px 2px 320px;
	color: #999999;
	font: normal 11px Arial, Helvetica, sans-serif;
}

#modalwindow form label .disabled {
	color:#666;
	text-decoration:none;
	background-color:#eee;
	border:1px solid #c4c4c4;
}

#modalwindow #configureLandingPage #rowLinkGroupsContainer {
	display: block;
	background-color: #000b68;
	overflow: hidden;
}

#modalwindow #configureLandingPage #rowLinkGroups {
	background-color: #000b68;
	padding: 10px 50px 10px 50px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #fff;
}

#modalwindow #configureLandingPage #configTwoCol {
	display: block;
	padding: 0px;	
}

#modalwindow #configureLandingPage #dragDropCol {
	float: left;
	width: 300px;
	padding: 0px;
	border-right:1px solid #c4c4c4;
	overflow: hidden;
}

#modalwindow #configureLandingPage #dragDropCol #configHelpArea {
	padding: 5px 10px 5px 10px;
	color: #000;
	background-color: #fbff82;
	display: block;
	clear: both;
	margin: 0px;
	text-align: center;
	height: 30px;
	overflow: hidden;
}

#modalwindow #configureLandingPage #dragDropCol #dragDropItems {
	display: block;
	padding: 10px;
	overflow: auto;
	position: fixed;
	min-width: 263px;
}

#modalwindow #configureLandingPage #dragDropCol #dragDropItems .placeholder {
	display: block;
	width: 245px;
	height: 30px;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border:0px solid #c4c4c4;
	overflow: hidden;
	background-color: #c4c4c4;
}

#modalwindow #configureLandingPage #dragDropCol #dragDropItems .linkBox {
	display: block;
	width: 245px;
	height: 28px;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border:1px solid #a6a6a6;
	overflow: hidden;
	background-color: #fff;
}

#modalwindow #configureLandingPage #dragDropCol #dragDropItems .linkBox a {
	float: left;
	width: 15px;
	height: 30px;
	background:#666 url(../images/dragtexture.jpg) repeat left top;
	cursor: move;
}

#modalwindow #configureLandingPage #dragDropCol #dragDropItems .linkBox .text {
	float: left;
	width: 180px;
	overflow: hidden;
	padding: 7px 10px 0px 10px;
}

#modalwindow #configureLandingPage #dragDropCol #dragDropItems .linkBox .close {
	float: right;
	overflow: hidden;
	padding: 6px 5px 9px 5px;
	white-space: nowrap;
	background-color: #cc0000;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#modalwindow #configureLandingPage #dragDropCol #dragDropItems .linkBox .select {
	display: none;
}


#modalwindow #configureLandingPage #listAllLinks {
	float: right;
	min-width: 200px;
	min-height: 400px;
	overflow: hidden;
}

#modalwindow #configureLandingPage #listAllLinks #searchConFigLinks {
	display: block;
	height: 30px;
	background-color: #8b8b8b;
	padding: 7px 10px 3px 10px;
}

#modalwindow #configureLandingPage #listAllLinks #searchConFigLinks #searchLinks {
	padding: 4px 26px 4px 6px;
	font: bold 13px Arial, Helvetica, sans-serif;
	border:0px solid #8b8b8b;
	width: 200px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	background:#fff url(../images/config-landing-page-search-bg.jpg) no-repeat right center;
}

#modalwindow #configureLandingPage #listAllLinks #unSelectedLinks {
	display: block;
	padding: 15px;
	overflow: auto;
}

#modalwindow #configureLandingPage #listAllLinks #unSelectedLinks .linkBox {
	float: left;
	width: 272px;
	height: 28px;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border:1px solid #a6a6a6;
	overflow: hidden;
}

#modalwindow #configureLandingPage #listAllLinks #unSelectedLinks .linkBox .select {
	float: left;
	width: 12px;
	height: 12px;
	overflow: hidden;
	margin: 6px;
	background-color: #eee;
	border:2px solid #a6a6a6;
}

#modalwindow #configureLandingPage #listAllLinks #unSelectedLinks .linkBox .select:hover {
	background-color: #fff;
	border:2px solid #000;
}

#modalwindow #configureLandingPage #listAllLinks #unSelectedLinks .linkBox .text {
	float: left;
	width: 230px;
	overflow: hidden;
	padding: 6px 10px 0px 0px;
	white-space: nowrap;
}

#modalwindow #configureLandingPage #listAllLinks #unSelectedLinks .linkBox .close {
	display: none;
}

#modalwindow #configureLandingPage #listAllLinks #unSelectedLinks .linkBox a {
	display: none;
}











#modalwindow #modalColRight {
	float:right;
	padding: 5px 0;
	width: 265px;
	overflow: hidden;
}

#modalwindow #modalColRight p.textLabel {
	padding: 2px 0px 2px 30px;
	margin: 0px;	
}

#modalwindow #thermometer {
	display: block;
	margin-bottom: 5px;
	width: 265px;
	height: 306px;
	overflow: hidden;
	background:#fff url(../images/thermometer01.jpg) no-repeat left top;
}

#modalwindow #thermometer .five {
	display: block;
	width: 27px;
	height: 34px;
	margin: 14px 0px 0px 56px;
}

#modalwindow #thermometer .hot {
	float: right;
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: -25px 35px 0px 0px;
}

#modalwindow #thermometer .four {
	display: block;
	width: 27px;
	height: 33px;
	margin: 5px 0px 0px 56px;
}

#modalwindow #thermometer .three {
	display: block;
	width: 27px;
	height: 33px;
	margin: 5px 0px 0px 56px;
}

#modalwindow #thermometer .two {
	display: block;
	width: 27px;
	height: 33px;
	margin: 6px 0px 0px 56px;
}

#modalwindow #thermometer .one {
	display: block;
	width: 27px;
	height: 33px;
	margin: 5px 0px 0px 56px;
}

#modalwindow #thermometer .tepid {
	float: right;
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: -25px 35px 0px 0px;
}

#modalwindow #thermometer .error {
	display: none;
	color: #b02530;
	margin: 15px 0px 0px 130px;
	width: 120px;
}

#modalwindow #thermometer .temparatureRadio {
	margin: 11px 0px 0px 7px;	
}

#modalwindow #modalFormDiv {
	display: block;
	min-height: 200px;
	overflow: hidden;
}

#modalwindow #modalColumnLeft {
	float: left;
	width: 517px;
	min-height: 365px;
}

#modalwindow form  #modalColumnLeft label .text {
	width: 190px;
}

#modalwindow form  #modalColumnLeft label span.invalid, #modalwindow form  #modalColumnLeft label .error {
    padding: 4px 4px 0 210px;
}
#modalwindow form #ceuTable {
        border: 1px solid #BFBFBF;
        margin: 10px;
}
#modalwindow form #ceuTable thead th {
	padding: 5px;
	background-color: #000b68;
	color: #fff;
	border-bottom:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	font:bold 11px Arial, Helvetica, sans-serif;
}

#modalwindow form #ceuTable tfoot th {
	padding: 5px;
	background-color: #efdd80;
	color: #000;
	border-right:1px solid #bfbfbf;
	font:bold 14px Arial, Helvetica, sans-serif;
}

#modalwindow form #ceuTable td {
	padding: 5px;
	border-bottom:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	color: #000;
}

#modalwindow form #ceuTable td .smallField {
	display: block;
	float:none;
	width:50px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}

#modalwindow #data_table #referralTable thead th {
	padding: 5px;
	background-color: #000b68;
	color: #fff;
	border-bottom:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	font:bold 11px Arial, Helvetica, sans-serif;
}

#modalwindow #data_table #referralTable tfoot th {
	padding: 5px;
	background-color: #efdd80;
	color: #000;
	border-bottom:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	font:bold 14px Arial, Helvetica, sans-serif;
}

#modalwindow #data_table #referralTable td {
	padding: 5px;
	border-bottom:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	color: #000;
}

#modalwindow #formdiv #bnitagline {
	clear: both;
	display: block;
	padding: 10px;
	color: #000b68;
	font-size:16px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	background: #f0f1f3;
	overflow: hidden;
}


/*-------------------- pagination formatting --------------------*/

#modalwindow #formdiv #data_table #referralTable #paginationctrls {
	padding: 10px;
	background: url("../images/grey_bg.gif") repeat-x scroll left top #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
	color: #5F6061;
	overflow: hidden;
}

#modalwindow #formdiv #data_table #referralTable #paginationctrls #resultCount {
	float: left;
	font-size: 12px;
	padding: 2px;
}

#modalwindow #formdiv #data_table #referralTable #paginationctrls #page_navigation {
	float:right;
	font-size: 12px;
}

#modalwindow #paginationctrls #page_navigation .pagination a, #modalwindow #paginationctrls #page_navigation .pagination span {
	float: left;
	margin: 0 2px;
	padding: 2px 7px 1px 7px;
	text-decoration: none;
	color: #5F6061;
}

#modalwindow #paginationctrls #page_navigation .pagination a {
	border: 1px solid #BBC0CB;
    color: #990000;
}

#modalwindow #paginationctrls #page_navigation .pagination .current {
    padding: 2px 7px 1px 7px;
    font-weight: bold;
    background-color: #C7CAD2;
    border: 1px solid #BBC0CB;
    cursor: default;
}

#modalwindow #paginationctrls #page_navigation .pagination a:hover {
    background-color: #FFFFFF;
}
/*-------------------- pagination formatting ENDS ----------------*/
#modalwindow .tableError {
	display:none;
	color:#cc0000;
	font: bold 12px Arial, Helvetica, sans-serif;
}

/* Modal data table css definition */

#data_table #modalDatalist_wrapper {
	margin: 10px;
	background-image:none;
	border:1px solid #e3e3e3;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
}

#modalDatalist_wrapper .dataTables_length {
    padding: 8px 10px;
}

#modalDatalist_wrapper .dataTables_filter {
	color: #666666;
    float: right;
    padding: 6px 10px 8px 8px;
    text-align: right;
    width: 200px;
}

#modalDatalist_wrapper .dataTables_filter input {
	border: 1px solid #C8CCD2;
    color: #000000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px;
    text-decoration: none;
    width: 130px;
}

#data_table #modalDatalist_wrapper div.fg-toolbar {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e4e5e9;
	border-right-color: #e4e5e9;
	border-bottom-color: #e4e5e9;
	border-left-color: #e4e5e9;
	background-color:#e4e5e9;
}

#data_table #modalDatalist_wrapper div.fg-toolbar #modalDatalist_info {
	float: left;
	width: auto;
	padding-top: 14px;
	background-image: none;
	background-color:#e4e5e9;
}

#data_table #modalDatalist_wrapper div.fg-toolbar #modalDatalist_paginate {
	float: right;
	width: 500px;
	margin: 0;
    padding: 11px 10px;
    text-align: right;
    background: none;   
}

#data_table #modalDatalist_wrapper div.fg-toolbar #modalDatalist_paginate .ui-button {
	width: auto;
	margin: 2px;
	padding: 2px 6px;
}

#data_table #modalDatalist_wrapper div.fg-toolbar #modalDatalist_paginate .ui-state-default {
	background: none;
}
#data_table #modalDatalist_wrapper div.fg-toolbar #modalDatalist_paginate .ui-state-default:hover {
	background: #FFF;
}
#data_table #modalDatalist_wrapper div.fg-toolbar #modalDatalist_paginate .ui-state-disabled {
	background-color: #C7CAD2;
}


#modalwindow #slipHeader {
	display:block;
	margin-bottom: 9px;
	padding: 10px 0 0 10px;
	border-bottom:1px solid #e8e9ed;
	overflow: hidden;
}
#modalwindow #slipHeader .modalHeaderText {
	float: left;
	color: #000b68;
	font-size:28px;
	font-weight: bold;
}
#modalwindow #slipHeader .modalHeaderLogo {
	float: right;
	height: 55px;
	width: 125px;
	background:#fff url(../../paygate/images/bni-modal_logo.jpg) no-repeat left top;
	overflow: hidden;
}

#modalwindow #bniheader {
	display:block;
	height:82px;
	overflow:auto;
	width: 990px;
	background: url(../../paygate/images/header.gif) no-repeat left top;
	padding:23px 0px 0px 253px;
}

#modalwindow #bniheader .logoarea {
	float:left;
	height:50px;
	width:230px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

#modalwindow #bniheader .logoarea h1 {
	margin:0px;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 24px;
	font-weight: normal;
	color: #000b68;
	text-decoration: none;
	padding:0px 0px 0px 0px;
}

#modalwindow #bniheader .logoarea p {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #000b68;
	text-decoration: none;
}

#modalwindow #bniheader .gatewaylogo {
	float:right;
	margin-right:20px;
}

#page #content #columnleftfull #manageReferralTrackingForm label {
	clear:both;
	display:block;
	height:auto !important;
	overflow:hidden;
	padding:5px 4px;
	border-bottom:1px solid #f0f1f3;
	border-top:0 solid #f0f1f3;
	border-left:0 solid #f0f1f3;
	border-right:0 solid #f0f1f3
}

#page #content #columnleftfull form label .referralfieldtextview {
	float: left;
	width: 400px;
	padding: 4px 0px 4px 0px;
}

#page #content #columnleftfull form label .clearboth {
	clear:both;
	display:block;
	font-size:0;
	padding:0;
	margin:0
}
#page #content #columnleftfull form label .referraltext {
	float:left;
	width:300px;
	color:#666;
	text-decoration:none;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	margin-right:10px;
	height:inherit;
	font:400 12px Arial, Helvetica, sans-serif
}

#page #content #columnleftfull form label .referralfileext {
	float:left;
	color:#333;
	text-decoration:none;
	padding:5px 5px 2px 1px;
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
}


#page #content #columnleftfull form label .referraltextsmall {
	float:left;
	width:150px;
	color:#666;
	text-decoration:none;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	margin-right:10px;
	height:inherit;
	font:400 12px Arial, Helvetica, sans-serif
}
#page #content #columnleftfull form label .referralfield {
	float:left;
	width:240px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:3px;
	height:inherit !important;
	margin-right:4px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}
#page #content #columnleftfull #highlightednotemessage p {	
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 4px 4px 4px 4px;
	background-color: #fffc9d;
	border:1px solid #c9c8ba;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
}
#page #content #columnleftfull #pageformstart .gobuttonred {
	color:#FFF;
	background-color:#900;
	background-image:url(../images/button_red_bg.gif);
	background-repeat:repeat-x;
	background-position:left center;
	border:0 solid #fff;
	margin:0;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	text-decoration:none;
	padding:4px 15px;
	font:bold 12px Arial, Helvetica, sans-serif;
	cursor: pointer;
}
#page #content #columnleftfull #pageformstart .buttonsarea {
	display:block;
	background-color: #FFFFFF;
	padding: 10px;
}
#page #content #columnleftfull form .referraltrackingsheetbuttonarea {
	display:block;
	clear:both;
	padding:10px 0 0 340px
}
#page #content #columnleftfull form .referraltrackingsheetbuttonarea .button {
	color:#FFF;
	background-color:#900;
	background-image:url(../images/button_red_bg.gif);
	background-repeat:repeat-x;
	background-position:left center;
	border:0 solid #fff;
	margin:0;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	text-decoration:none;
	margin-right:5px;
	float:left;
	padding:3px 10px;
	font:700 12px Arial, Helvetica, sans-serif;
	cursor: pointer;
}
#page #content #columnleftfull #pageformstart span.invalid {
    clear: both;
    color: #CC0000;
    display: block;
    padding: 4px 4px 4px 235px;
}
#page #content #columnleftfull #pageformend label .requiredstar {
    background-image: url("../images/required_star.gif");
    background-position: right center;
    background-repeat: no-repeat;
}
#page #content #columnleftfull #datalist_wrapper {
    background-image: none;
    border: 1px solid #E3E3E3;
    border-radius: 5px 5px 5px 5px;
}
#page #content #columnleftfull #data_table .fieldMec {
    background-color: #FFFBF3;
    border: 1px solid #E7E5E0;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px #EEEEEE;
    color: #333333;
    font: 12px Arial,Helvetica,sans-serif;
    height: 45px;
    margin: 0;
    padding: 2px;
    text-decoration: none;
    width: 115px;
}
#page #content #columnleftfull #data_table span.invalid {
    clear: both;
    color: #CC0000;
    display: none;
    font: 11px Arial,Helvetica,sans-serif;
    padding: 2px;
}
#page #content #columnleftfull #data_table .fieldGoal {
	width:115px;
	color:#333;
	text-decoration:none;
	background-color:#fffbf3;
	border:1px solid #e7e5e0;
	padding:2px;
	margin:0px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	-moz-box-shadow:2px 2px 2px #eee;
	font: 12px Arial, Helvetica, sans-serif;
}
#page #content #columnleftfull #datalist_wrapper {
    background-image: none;
    border: 1px solid #E3E3E3;
    border-radius: 5px 5px 5px 5px;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper {
	background-image: none;
    border: 1px solid #E3E3E3;
    border-radius: 5px 5px 5px 5px;
    background-color: #E4E5E9;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper .dataTables_filter, #page #content #columnleftfull #datalist_wrapper .dataTables_filter {
    padding-bottom: 8px;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper table.display thead th, #page #content #columnleftfull #datalist_wrapper table.display thead th {
    border-color: #E4E5E9 #E4E5E9 #E4E5E9 #FFFFFF;
    border-style: solid;
    border-width: 0 1px;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper .fg-toolbar, #page #content #columnleftfull #datalist_wrapper .fg-toolbar {
    background-color: #E4E5E9;
    border-color: #E4E5E9;
    border-style: solid;
    border-width: 1px 1px 0;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper .dataTables_info, #page #content #columnleftfull #datalist_wrapper .dataTables_info {
    background-color: #E4E5E9;
    background-image: none;
}
#page #content #columnleftfull #datalist_wrapper .dataTables_paginate {
    background-color: #E4E5E9;
    background-image: none;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper .dataTables_paginate {
	background-color: #E4E5E9;
    background-image: none;
    float: none;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper .dataTables_paginate a {
	border: 0;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper #datalist input.datafield_small, #page #content #columnleftfull #datalist_wrapper #datalist input.datafield_small {
    width: 60px;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper #datalist select.datafield_small, #page #content #columnleftfull #datalist_wrapper #datalist select.datafield_small {
    width: 40px;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper .printTable table.display thead th, #page #content #columnleftfull #datalist_wrapper .printTable table.display thead th {
    background-color: #FFFFFF;
    background-image: none;
    border-bottom-width: 1px;
    border-left-color: #E4E5E9;
}
#page #content #columnleftfull #editform #data_table #datalist_wrapper .printTable table.display tbody td, #page #content #columnleftfull #datalist_wrapper .printTable table.display tbody td {
    border-left: 1px solid #E4E5E9;
    border-right: 1px solid #E4E5E9;
}#page #content #columnleftfull #datalist_wrapper .fg-toolbar {
    background-color: #E4E5E9;
    border-color: #E4E5E9;
    border-style: solid;
    border-width: 1px 1px 0;
}
#page #content #columnleftfull #datalist_wrapper .dataTables_info {
    background-color: #E4E5E9;
    background-image: none;
}
html body div.ui-dialog div#modalwindow.ui-dialog-content div#formdiv form#editform label p.counter{
	clear:both;
	display:none;
	color:#c00;
	padding:4px 4px 4px 321px;
}

html body div.ui-dialog div#modalwindow.ui-dialog-content div#formdiv form#editform label p.anothercounter{
	clear:both;
	display:none;
	color:#c00;
	padding:4px 4px 4px 321px;
}

#formmidaligncontainer {
	margin-top: 1%;
}

#formmidaligncontainer .row {
    margin-left: auto;
    margin-right: auto;
    width: 35%;
}

#formmidaligncontainer .right {
	float: right;
}

.fieldtextinfo {
	color: #666666;
    float: left;
    font: 400 12px Arial,Helvetica,sans-serif;
    height: inherit;
    margin-right: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-decoration: none;
    width: 300px;
}

a.narrowButtonRed {
	display: block;
	padding: 5px 12px;
	color: #FFF;
	
	background-color: #900;
	background-image: url("../images/button_red_bg.gif");
	font: 700 12px Arial,Helvetica,sans-serif;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #fff;
	
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-decoration: none;
	white-space: nowrap;
}

a.insetRed {
	display: block;
	padding: 4px 10px;
	background: #A41C1C;
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #630000;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	text-decoration: none;
	white-space: nowrap;
}

a.insetRed:hover, a.insetRed:focus {
	background: #C43939;
	border: solid 1px #6a0000;
	text-decoration: none;
}
#messagedivforhelptext p {	
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 4px 4px 4px 4px;
	background-color: #fffc9d;
	border:1px solid #c9c8ba;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
}

table.inFormTableInputGroup span.text,
table.inFormTableInputGroup select.field {
	float: none !important;
}

table.inFormTableInputGroup td,
table.inFormTableInputGroup th {
	border: 1px solid #E4E5E9;
	box-sizing: border-box;
	padding: 5px;
}

table.inFormTableInputGroup td span.text,
table.inFormTableInputGroup th span.text {
	margin-bottom: 5px;
}