﻿/********************** Design Elements ********************
 * These elements make up the overall design of the pages  *
 ***********************************************************/
body{height: 100%;padding: 0px;margin-top:50px;margin-left:50px;background: #fff;color: #000;font-family: "Arial";font-size: 10pt;}
#main{
	margin-left: 0px;
	width: 615px;
	height: 100%;
}
div#banner{
	width: 100%;
	top: 0px;
	left: 0px;
	height: 135px;
	background: repeat-x;
	z-index: 0;
}
div#bannerOne{
	float: left;
	position: relative;
	width: 615px;
	height: 130px;
	background: url('/facsweb/facswebimages/xyz-logo-left.png') no-repeat;
	z-index: 2;
}
div#bannerTwo{
	background-position: right 50%;
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0px;
	right: -1px;
	height: 130px;
	width: 10px;
	background: no-repeat right
50%;
	z-index: 1;
}
div#bannerThree{display: none;}
#navs{
	left: 0px;
	width: 190px;
	float: left;
	background-color:white;
}
/********************** Shared Settings ********************
 * Settings that are shared between areas or applied in    *
 * conjunction with other classes.                         *
 ***********************************************************/
#welcomebanner{font-size: 20px;color: #003354;font-family: Arial;text-align: center;font-weight: bold;}
div.dialog div.title, div.list th, div.dialog span.subheader, td.title, #acctSearch{background: #80001e;color: white;font-weight: bold;}
.message{width: auto;margin-left: 10px;}
.prevNext{background: white;text-align: right;}
.amt,.right{text-align: right;}
.left{text-align: left;}
.center{text-align: center;}
.bold{font-weight: bold;}
.error{padding-left: 2px;color: #f00;}
.warn{color: #000;}
.good{color: #00f;}
.rptColor{background: #80001e;color:#fff;font-weight:bold;}
.rptInfo{border: solid 1px #000;background: #f7f7f7;}
.boxTop{border-top:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000;background:#f7f7f7;}
.boxMid{border-left:solid 1px #000;border-right:solid 1px #000;background:#f7f7f7;}
.boxBottom{border-bottom:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000;background:#f7f7f7;}
/****************** Document Wide Defaults *****************
 * The body contains the defaults that all other elements  *
 * will inherit unless specifically overwritten.  Also in  *
 * this section are other document-wide defaults.          *
 ***********************************************************
th{text-align: center;}
td{font-weight: normal;padding-left: 3px;padding-right: 3px;background: #f7f7f7;}
a{color: #6a84ae;text-decoration: none;}
br, p{clear: both;}
input.text,input.textWithCal{margin-left: 3px;background: white;font-size: 10pt;color: #000;width: 180px;}
input.textWithCal{width: 156px;}
input.button{font-weight: normal;background: #ccc;width: 100px;font-size: 8pt;}
input.phone1,input.phone2{width: 25px;}
input.phone3{width: 32px;}
input.zip{margin-left: 3px;background: #fff;font-size: 10pt;color: #000;width: 40px;}
input.ssn1{width: 25px;margin-left:3px;}
input.ssn3{width: 32px;}
input.ssn2{width: 15px;}
div.input textarea{width: 370px;}
select{width: 184px;color: #000;background-color: #fff;margin-left:3px;}
select.half{width: 92px;}
select.month{width: 81px;}
select.year{width: 100px;}
/************************ Calendar *************************
 * These elements affect the positioning and look          *
 ***********************************************************/
div.cal{position: absolute;z-index: 999;}
a.cal{display: block;float: left;height: 21px;width: 21px;background: url(/facsweb/facswebimages/calendar.jpg) no-repeat;}
.cpText{text-decoration:none;color:#000;}
/********************* Navigation Bar **********************
 * Navigation on the left side of design                   *
 ***********************************************************/
.nav{
	background-position: left bottom;
	width: 170px;
	background-color:white;
	font-family: Arial;
	font-size: 10pt;
	float: left;
}
.nav ul{width: 155px;list-style-type: none;padding: 4px 0 4px 14px;margin: 0;}
.nav div.title{
	background-image:url("/facsweb/facswebimages/xyz-window-head.png");
	background-repeat:no-repeat;
	height: 24px;
	color: #fff;
	margin: 0;
	padding: 9px 0 0 14px;
}
.nav a,.nav a:link,.nav a:active,.nav a:visited{color: #000;text-decoration: none;}
.nav a:hover{text-decoration: underline;}
/************** DIVs Containing Tabular Lists **************
 * Areas that list a large amount of data in tabular format*
 * will contain a table nested within the following class  *
 * of div.                                                 *
 ***********************************************************/
div.list{margin-left: 12px;font-weight: bold;}
div.list th, div.list td{padding: 0 6px 0 6px;border: 1px solid white;}
div.list td{text-align: left;}
div.list td.subheader{font-weight: bold;background: #ddd;}
div.list td.subtotal{border: 1px solid white;background: #fff;text-align: right;font-weight: bold;}
div.list td.amt{text-align: right;}
div.buttons{margin-top: 3px;text-align: right;}
div.wincontrols{position: relative;text-align:left;}
div.wincontrols div.title{position: absolute;left: 0px;font-weight: bold;display: none;}
.italics,div.wincontrols a{color: #6a84ae;font-weight: normal;font-style: italic;text-decoration: none;}
tr.subtotal td{background: #eee;border-top: 3px double black;border-bottom: 2px solid #000;font-weight: bold;}
div.list table td.right{text-align: right;}
/******************** DIVs Dialog Table ********************
 * These DIVs will contain a table that creates the dialog *
 * "windows" used throught the debtor component.           *
 ***********************************************************/
div.dialog{
	margin: 0px 50px 0px 0px;
	width: 350px;
	float: right;
	height: 100%;
}
div.dialog div.title{width: 100%;border-top: 1px solid black;border-left: 1px solid black;border-right: 1px solid black;text-align: center;}
div.dialog div.scrolling,div.dialog div.body{
	padding: 8px 0 8px 0px;
	border: 1px solid black;
	width: 100%;
	height: 100%;
}
div.dialog div.scrolling,div.dialog div.body li{list-style: none;}
div.dialog div.scrolling{overflow: auto;height: 150px;}
div.dialog div.subheader{padding-top: 16px;}
ol.error{margin-left: 36px;}
span.inputHeading a{color: #000;text-decoration: none;}
span.subheader{border-top: 1px solid black;border-left: 1px solid black;width: 100%;}
span.inputHeading a:hover{text-decoration: underline;color: #6a84ae;}
span.inputHeading{width: 120px;font-weight: bold;text-align: right;padding-right: 2px;padding-top: 3px;}
div.wide span.inputHeading{width: 150px;}
div.readOnly span, div.input span, div.input input, div.input select{display: block;float: left;}
div.readOnly span.readOnly{border: 1px solid gray;margin: 1px;width: 182px;height: 16px;margin-left: 3px;padding-left: 2px;}
div.readOnly span.flexible{border: 1px solid gray;argin: 1px;width: 182px;margin-left: 3px;padding-left: 2px;}
div.input span.info{display: block;font-style: italic;padding-left: 124px;}
span.inputWithText{float: left;}
/************************ Help Text ************************
 * These DIVs will contain a table that creates the dialog *
 * "windows" used throught the debtor component.           *
 ***********************************************************/
div#helpBody{background-color: #fff;padding-left: 5px;padding-top:15px;}
div#helpmain{padding-bottom: 100%;background-color: #fff;}
.helpmain, #helpmain td{background-color: #fff;}
div#bannerhelp{width: 379px;height: 66px;background: url("/facsweb/facswebimages/xyz-logo-help.png") top left no-repeat;}
div#bannertexthelp{position:absolute;top:65px;color: #000;font-weight: bold;font-size: 12px;padding-left: 5px;}
.helpHead{width: 120px;font-weight: bold;text-align: right;padding-top:3px;}
.helpTable td{width: 379px;background:#fff;}
.helpHeading{background-color: #80001e;color: #fff;font-weight: bold;width:120px;}
.helpTitle{background-color: #a4bdc4; font-weight: bold;}
div.helpsection{margin: 10px auto 10px auto;width: 550px;border: 1px solid black;}
div.helpsection div.title{text-align: center;background: #80001e;color: #fff;font-weight: bold;font-size: 10pt;}
div.helpsection div.text{background: #f7f7f7;padding: 0 15px 0 15px;border-top: 1px solid black;text-align: justify;}
div.helpsection div.checkimg{margin: 10px auto 10px auto;width: 430px;height: 220px;border: 1px solid black;background: url("/facsweb/facswebimages/check.jpg") top left no-repeat;}
/***************** Debtor Specific Changes *****************
 * These changes affect objects only on specific pages     *
 ***********************************************************/
#mainmenu{display: none;}
div.wide{margin-left: 15px;width: 380px;}
textarea#updcomments{font-family: "Courier New";font-size: 10pt;}
tr.reversed td{text-decoration: line-through;color: #555;}
/*   File Transfer elements     */
div#commandbar { margin: 12px; padding: 0; display: inline; }
div#commandbar ul, ul.pfcmds { margin: 0; padding: 0; display: inline; }
div#commandbar ul li, ul.pfcmds li { margin: 0; padding: 0; font-size: 8pt; display: inline; }
table.dirList td { font-size: 8pt; }
table.dirList th { background-color: #80001e; color: #fff; }
/******************* Client Specific Styles ****************
 * These styles are for the pages in the client portion.   *
 ***********************************************************/
.pageDrop{width: 80px;}
.whiteBack{background-color:#fff;}
.whiteBack td{background-color:#fff;}.printNoShow{display:none;}
.printPad{text-align:right;padding-right:5px;}
.newDate{background: #ddd;text-align: center;border-bottom: solid 1px #000;border-top: solid 1px #000;font-family: Tahoma;font-size: 18px;}
.grandTotal{background-color: #ddd;font-weight: bold;padding-left: 5px;}
#balReportMsg{width: 600px;}
.newBusText{float:left;width:117px;}
#webwin{width:705px;}
#webwin  span.inputHeading{width:160px;}
#chgpass span.inputHeading{width: 155px;}
#cauth{width:510px;}
#cauth span.inputHeading{width: 190px;}
#cauth span.caseInfo{width: 128px;font-style:italic;padding-top:2px;}
#acctNotes{width: 665px;}
#addNotes textarea{margin-left:2px;width: 342px;}
#acctEdit{width: 620px;}
#acctEdit span.inputHeading{width: 170px;}
#acctEdit input.phone1{margin-left:3px;}
.edited{width: 250px;font-weight: bold;color: #6a84ae;padding-top:3px;}
#acctSearch{width:565px;border: solid 1px #000;margin-left: 10px;padding-left: 5px;}
#reportList li{list-style-type: none;margin: 0;padding: 0;margin-left: -45px;padding-left: 10px;padding-right: 10px;}
#HIPAA{width: 500px;}
#acctInfo{width:390px;}
#acctInfo span.inputHeading{width: 170px;}
#report{width: 700px;}
.cltStats div.readOnly span.flexible{width:334px;}
#cltMonthBatch{width:1065px;}
#invReport{width:400px;}
#invReport span.inputHeading{width:170px;}
#invReport span#activeAccts{height:32px;}
#cltStmt{width:670px;}
#cltStmt span.inputHeading{width:140px;}
#inventory{width:430px;}
#fileMove{width:450px;}
#fileMove span.inputHeading{width:200px;}
#fileRename{width:450px;}
#fileRename span.inputHeading{width:150px;}
#mgrApproval{width:550px;}
#mgrApproval span.inputHeading{width:130px;}
#mgrApproval div.readOnly span.readOnly{width:250px;}
#mgrApproval div.readOnly span.flexible{width:250px;}
#mgrApproval div.body div.readOnly span.flexible{width:250px;}
span.arrange{padding-top:3px;}

