@CHARSET "ISO-8859-1";

/* OCSW in Outlook pages */

caption {
	font-weight: bold; 
	color: #0052A6;
}

dt {
	font-weight: bold;
}
dd {
	margin-left: 15px;
	padding-left: 15px;
	/* color: #999; */
	background: url(../images/arrow.png) no-repeat 0 2px;
}

#userInfo {
	border: thin solid #0052A6;
	padding: 1px;
	/*	background-color: #E1F0FF;*/
	position: relative;
	width: 99%;
	font-size: 90%;
}

#userInfo a:link, #userInfo a:visited, #userInfo a:hover {
	color: #0052A6;
	text-decoration: underline;
}

/* Multiple Page */
.tooltip {
	font-size:0.8em;
	/*margin-left: .5%;
	margin-right: .5%;*/
}
.tooltip a {
	text-decoration: none;
	cursor: help;
	z-index: 1;
}
.tooltip a:link, .tooltip a:visited {
	text-decoration: none!important;
}

.inAppContainer {
	padding-top:15px;
	width:750px;
	position:relative;
}

#content {
    width: 60em;
    margin: 5px auto 5px 350px;
    font-size: 80%;
}

#errors ul {
	padding-top: 0px;
	margin-top: 0px;
}

#errors, #errors a:link, #errors a:visited, #errors a:hover {
	color: #990000;
	font-weight: bold;
}
.manageAcc {
	font-size: 88%;
	position: absolute;
	top: 25px;
	right: 75px;
	font-weight: bold;
	color: #ffffff;
}
.logout {
	font-size: 88%;
	position: absolute;
	top: 25px;
	right: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
#logout content a:link, #logout a:visited {
	color: #ffffff;
	text-decoration: underline;
}


/* Login Page */

.loginContainer {
	padding-top:15px;
	padding-left:10px;
	width:750px;
	position:relative;
}
#login {
	position:relative;
	top:10px;
	width:85%;
	height:8em;
}
#rinRow {
	position:relative;
	width:100%;
	font-size: 105%;
}

#rinLabel {
	position:absolute;
	left:7%;
	width:30%;
	text-align:left;
}

#rinInput {
	position: absolute;
	left:16%;
	width:25%;
	text-align:right;
}

#forgotRin {
	position: absolute;
	left:45%;
	width:60%;
	text-align:left;
}

#pinRow {
	position:relative;
	top:2em;
	font-size: 105%;
}
#pinLabel {
	position:absolute;
	left:7%;
	width:30%;
	text-align:left;
}
#pinInput {
	position: absolute;
	left:16%;
	width:25%;
	text-align:right;
}
#forgotPin {
	position: absolute;
	left:45%;
	width:60%;
	text-align:left;
}
#loginButtons {
	position:relative;
	top:4.2em;
	left:25%;
}
#register {
	position:relative;
	left:7%;
}
#passwordRow {
	position:relative;
	width:100%;
}
#passwordLabel {
	position:absolute;
	left:7%;
	width:30%;
	text-align:left;
}
#passwordInput {
	position: absolute;
	left:30%;
	width:auto;
	text-align:right;
}

#passwordButtons {
	position:relative;
	top:4.2em;
	left:30%;
}
#forgotPassword {
	position: absolute;
	left:60%;
	width:35%;
	text-align:left;
}
#fgPwdButton1 {
    position: relative;
    left: 23%;
}
#timeoutLink {
	position:relative;
	top:4.2em;
	left:30%;
}

/* Case Info Page */

#caseInfoContainer {
	padding-top:15px;
	width:750px;
	position:relative;
}
#demographics {
	width:100%;
	height:10em;
	position:relative;
}
#nameAndRIN {
	width:100%;
	position:absolute;
	top:0em;
}
#nameLabel {
	text-align:right;
	position:absolute;
	left:0%;
	width:20%;
	font-weight:bold;
}
#nameData {
	position:absolute;
	left:25%;
	width:75%;
}
#caseInfoRinLabel {
	position:absolute;
	text-align:right;
	left:50%;
	width:20%;
	font-weight:bold;
}
#rinData {
	position:absolute;
	left:75%;
}

#dobAndSSN {
	width:100%;
	position:absolute;
	top:1.1em;
}
#dobLabel {
	text-align:right;
	position:absolute;
	left:0px;
	width:20%;
	font-weight:bold;
}
#dobData {
	position:absolute;
	left:25%;
	width:25%;
}
#ssnLabel {
	position:absolute;
	text-align:right;
	left:50%;
	width:20%;
	font-weight:bold;
}
#ssnData {
	position:absolute;
	left:75%;
}
#homeAndBusiness {
	width:100%;
	position:absolute;
	top:3.2em;
}
#homeLabel {
	text-align:right;
	position:absolute;
	left:0px;
	width:20%;
	font-weight:bold;
}
#homeData {
	position:absolute;
	left:25%;
	width:25%;
}
#businessLabel {
	position:absolute;
	text-align:right;
	left:50%;
	width:20%;
	font-weight:bold;
}
#businessData {
	position:absolute;
	left:75%;
}
#cellAndEmail {
	width:100%;
	position:absolute;
	top:4.3em;
}
#cellLabel {
	text-align:right;
	position:absolute;
	left:0px;
	width:20%;
	font-weight:bold;
}
#cellData {
	position:absolute;
	left:25%;
	width:25%;
}
#emailLabel {
	position:absolute;
	text-align:right;
	left:50%;
	width:20%;
	font-weight:bold;
}
#emailData {
	position:absolute;
	left:75%;
}
#mailingAddress {
	width:100%;
	position:absolute;
	top:6.3em;
}
#mailLabel {
	text-align:right;
	position:absolute;
	left:0px;
	width:20%;
	font-weight:bold;
}
#mailData {
	position:absolute;
	left:25%;
}
#mailingAddress2 {
	width:100%;
	position:absolute;
	top:7.4em;
}
#mailData2 {
	position:absolute;
	left:25%;
}
#cityStateZipA {
	width:100%;
	position:absolute;
	top:8.5em;
}
#cityStateZipB {
	width:100%;
	position:absolute;
	top:7.4em;
}
#cityStateZipData {
	position:absolute;
	left:25%;
}
.caseInfo {
	width:100%;
	position:relative;
	height:13em;
}
.caseAndStatus {
	position:absolute;
	width:100%;
	top:.5em;
}
.caseInfoCase {
	text-align:right;
	position:absolute;
	font-weight:bold;
	width:20%;
}
.caseInfoData {
	position:absolute;
	left:22%;
}
.caseStatusLabel {
	text-align:right;
	position:absolute;
	left:50%;
	width:20%;
	font-weight:bold;
}
.caseStatusData {
	position:absolute;
	left:72%;
}
.typeAndOtherParent {
	position:absolute;
	width:100%;
	top:1.6em;
}
.typeLabel {
	text-align:right;
	position:absolute;
	font-weight:bold;
	width:20%;
}
.typeData {
	position:absolute;
	left:22%;
	z-index: 1;
}
.otherParentLabel {
	text-align:right;
	position:absolute;
	left:40%;
	width:30%;
	font-weight:bold;
}
.otherParentData {
	position:absolute;
	left:72%;
}
.interstate {
	position:absolute;
	width:100%;
	top:4.8em;
}
.interstateLabel {
	text-align:right;
	position:absolute;
	font-weight:bold;
	width:70%;
}
.interstateInfoData {
	position:absolute;
	left:72%;
}
.lastPayment {
	position:absolute;
	width:100%;
	top:6.9em;
}
.lastPaymentLabel {
	text-align:right;
	position:absolute;
	font-weight:bold;
	width:20%;
}
.lastPaymentData {
	position:absolute;
	left:22%;
}
.lastPaymentDateLabel {
	text-align:right;
	position:absolute;
	left:50%;
	width:20%;
	font-weight:bold;
}
.lastPaymentDateData {
	position:absolute;
	left:72%;
}
.balance {
	position:absolute;
	width:100%;
	top:8.0em;
}
.balanceLabel {
	text-align:right;
	position:absolute;
	font-weight:bold;
	width:20%;
}
.balanceData {
	position:absolute;
	left:22%;
}
.balanceDateLabel {
	text-align:right;
	position:absolute;
	left:50%;
	width:20%;
	font-weight:bold;
}
.balanceDateData {
	position:absolute;
	left:72%;
}
.children {
	position:absolute;
	width:100%;
	top:2.7em;
}
.childrenLabel {
	text-align:right;
	position:absolute;
	font-weight:bold;
	width:20%;
}
.childrenData {
	position:absolute;
	left:22%;
}
.familyViolence {
	position:absolute;
	width:100%;
	top:9.6em;
	font-weight:bold;
	text-align:center;
}
.appointmentLink {
	position:absolute;
	width:95%;
	top:10.9em;
	text-align:right;
}

/* Docket Info Page */
#docketInfoContainer {
	padding-top:15px;
	width:750px;
	position:relative;
}
/*
#docketTableContainer {
	width:100%;
	position:relative;
	text-align:center;
}
*/
.docketTable {
	width:100%;
	position:relative;
}
.docketTable caption {
	padding-top: 10px;
}
.docketTable thead {
	background-color:#E1F0FF;
	font-weight:bold;
}
.docketTable td {
	text-align:center;
}
/* #docketTable {
	width:75%;
}
#docketTable thead {
	background-color:#E1F0FF;
	font-weight:bold;
}
#docketTable .data {
	text-align:center;
} */

/* Court Order Detail Page */

.supportType {
	font-size:1.25em;
	color:#0052A6;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
}

#courtOrderDetailContainer {
	padding-top:15px;
	width:750px;
	position:relative;
}

/* Payment Page */
#paymentContainer {
	padding-top:15px;
	width:750px;
	position:relative;	
}
.paymentsTable {
	width:100%;
	border: thin solid #000000;
	border-collapse:collapse;
}
.paymentsTable th {
	border-bottom:thin solid #000000; 
	background-color: #E1F0FF;
	font-weight:bold;
	text-align:center;
}
.paymentsTable tr {
	text-align:center;
}
.paymentsTable .paymentAmount {
/*	border-right: thin solid #000000; */
}
.paymentsTable .shadeB {
	 background-color: #E1F0FF
}

#printButton {
	width:100%;
	padding:0 0 2.5em 1em;
}
#printButton input {
	position:absolute;
	width:110px;
	left:80%;
}
.important {
	font-weight:bold;
}
#morePayments {
	width:100%;
	padding-bottom:1em;
}
.noBulletList {
	list-style:none;
}
.questions {
	width:100%;
}

/* Payment Detail Page */

#paymentDetailContainer {
	padding-top:15px;
	position:relative;
	width:750px;
}
#paymentDetails {
	position:relative;
	width:90%;
	height:8em;
	border:thin solid black;
}
#paymentDetailsHeadings {
	font-weight:bold;
	width:100%;
	height:1.3em;
	background:#E1F0FF;
	border-bottom:thin solid black;
}
#postingDateLabel, #amountLabel, #explanationLabel {
	position:absolute;
	background:#E1F0FF;

}
#postingDateLabel {
	left:1%;
}
#amountLabel {
	left:20%;
}
#explanationLabel {
	left:35%;
}
#paymentReceived, #cpLine, #otherStateLine, #currentLine, #arrearageLine {
	width:100%;
	height:1.1em;
}
#paymentReceived {
	padding-bottom:.5em;
}
#otherStateLine {
	padding-bottom:.5em;
}
#paymentDate {
	position:absolute;
	left:1%;
}
#paymentAmount, #cpAmount, #otherStateAmount, #currentAmount, #arrearageAmount {
	position:absolute;
	left:20%;
}
#paymentExplanation, #cpExplanation, #otherStateExplanation, #currentExplanation, #arrearageExplanation {
	position:absolute;
	left:35%;
}
.paymentDetailTable {
	width:100%;
	border:thin solid #000000;
	border-collapse:collapse;
}
.paymentDetailTable th {
	border-bottom:thin solid #000000; 
	background-color: #E1F0FF;
	font-weight:bold;
	text-align:center;
}

.paymentDetailTable td  {
	text-align:left;
	padding: 0px 0px 0px 5px;
}
.paymentDetailTable .amount {
	text-align: center;
}

/* Support Order Detail Page */

#supportOrderDetailContainer {
	padding-top:15px;
	width:750px;
	position:relative;
}
#courtDate {
	position:absolute;
	top:40px;
}
#courtDateLabel {
	position:absolute;
	width:180px;
	font-weight: bold;
}
#courtDateData {
	position:absolute;
	top:0px;
	left:180px;
	width:420px;
}

/* Withholding Page */
#withholdingContainer {
	padding-top:15px;
	width:750px;
	position:relative;
}
#iwo, #reportEmployer {
	padding-top:2%;
	padding-bottom:2%;
}
#iwo ul {
	list-style-type:none;
	margin-left:10%;
}
.extraInfo {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.reportEmployer {
	font-weight:bold;
}
#reportEmployerLink {
	text-align: left;
}


/* Account Balance Page */

#balanceContainer {
	padding-top:15px;
	width:750px;
	position:relative;
}
#balanceInfo {
	padding-top:2%;
	padding-bottom:2%;
}
#balanceInfo ul {
	list-style:none;
}
.payBalance {
	font-weight:bold;
	padding:15px;
}

#userFeedback {
	display:none;
	color:red;
	font-size:105%;
	padding-bottom: 20px;
	padding-left: 20px;
}
#reportEmployerTable {
	/* padding-top:10px;
	padding-left:10px; */
}

.payBalance ul {
	list-style:none;
}
.faq {
	font-weight:bold;
	font-size:105%;
	text-align:left;
	width:100%;
	color:#0052A6;
	padding-top:1em;
}
.notLegal {
	padding:2%;
	font-weight:bold;
	font-size:95%;
	text-align:center;
	text-decoration:underline;
	color:#000000;
}
#notLegalPrintOnly {
	display:none;
}
.bold {
	font-weight:bold;
}
/*
.basicInfo {
	width:100%;
}
.basicInfo .label {
	text-align:left;
	font-weight:bold;
	color:#000000;
	width:30%;
}
.basicInfo .data {
	padding:0px 0px 0px 10px;
}
*/

.caseInfoA {
	background-color:#E1F0FF;
	border:none;
	/* width:100%; */
}
.caseInfoB {
	background-color:#F0F8FF;
	border:none;
	/* width:100%; */
}
.caseInfoLabel {
	font-weight:bold;
	text-align:right;
	width:31%;
}
/*.caseInfoData {
	padding:0px 0px 0px 10px;
}*/


.normal {
	font-weight:normal;
}
.navButtons {
	padding:10px;
	width:100%;
	text-align:center;
}
.navButtons input {
	width:140px;
}

#commandButtons {
	padding: 3%;
	float:right;
}
#commandButtons input {
	width:115px;
}

.orderDetailTable {
	width:100%;
}
.orderDetailTable thead {	
	background-color:#E1F0FF;
	font-weight:bold;
	text-align: left;
}
.shadeA {
	background-color:#E1F0FF;
}
.shadeB {
	background-color:#F0F8FF;
}
#familyViolence {
	font-weight:bold;
	text-align:center;
}
.tableContainer {
	position:relative;
	width:600px;
}
#iwo {
	padding-top:10px;
	position:relative;
	width:100%;
}
#iwo ul {
	list-style:none;
}
#payments {
	padding-top:10px;
	position:relative;
	width:100%;
}

#pageTitle {
	font-weight:bold;
	width:30%;
	text-align:center;
	font-size:110%;
}
#contentHeading {
	position:relative;
	width:100%;
	margin-bottom: 2em; 
	color: #0052A6; 
	font-weight: bold;
}
#contentHeading .nameAndCase {
	position:absolute;
	left: 0px;
	width:67%;
}
#contentHeading .date {
	position:absolute;
	left:71%;
	width:27%;
	text-align:right
}

#basicInfo {
	position:relative;
	width:600px;
	height: 2em;
	padding-top: 10px;
	padding-bottom:10px;
}
#basicInfo #custodialParent {
	top:0px;
	width:100%;
}
#basicInfo #custodialParentLabel {
	position:absolute;
	left:0px;
	width:190px;
	font-weight: bold;
}
#basicInfo #custodialParentData {
	position: absolute;
	top:10px;
	left:190px;
}
#basicInfo #nonCustodialParent {
	position:absolute;
	top:25px;
}
#basicInfo #nonCustodialParentLabel {
	position:absolute;
	width:190px;
	left:0px;
	font-weight: bold;
}
#basicInfo #nonCustodialParentData {
	position:absolute;
	top:0px;
	left:190px;
	width:410px;
}


#manageAcctList ul {
    margin: 15px;
    margin-left: 38px;
    padding: 4px;
    font-size: 110%;
    list-style: square;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#manageAcctList li {
	margin-bottom: 10px;
}

div.heldFunds, div.errors {
	color:red;
	padding:2%;
	padding-top:2%;
	padding-bottom:2%;
}
div.misc {
	padding-top:2%;
	padding-bottom:2%;
}
div.noCases {
	padding:40px 20px 0 20px; 
	color: red; 
	text-align: center; 
	font-size: 1.1em; 
	font-weight: bold;
}