body {
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
input[type="text"],
select {
    /*color: black;*/
    border: 1px solid gray;
    font-size: 15px;
    margin: 0 4px 0 0;
    text-align: left;
    vertical-align: bottom;
}
input[type="text"] {    
    height: 20px;
}
select {
    height: 20px;
}

img {
    border:none;
}

map, area { border:0}

.header-bg {
    background-image: url("/publicAccess/javax.faces.resource/header-back.jpg.xhtml?ln=images");
    background-repeat: repeat-x;
    height: 100px;
    width: 100%;
	margin:0;
	padding:0;
}

.header-pa {
    background-image: url("/publicAccess/javax.faces.resource/header-pa.jpg.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 100px;
    width: 100%;
}

.header {
    /*background-image: url("/publicAccess/javax.faces.resource/header-13th-district-efile.jpg.xhtml?ln=images");*/
    background-image: url("/publicAccess/javax.faces.resource/header-efile.jpg.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 100px;
    width: 100%;
}
.serviceHeader {
    /*background-image: url("/publicAccess/javax.faces.resource/header-13th-district-eservice.jpg.xhtml?ln=images");*/
    background-image: url("/publicAccess/javax.faces.resource/header-lake-eservice.jpg.xhtml?ln=images");
    background-repeat: no-repeat;
    padding-bottom:0px;
    height: 90px;
    width: 100%;
}

.courtClerkHeader {
    /*background-image: url("/publicAccess/javax.faces.resource/header-e-clerk.jpg.xhtml?ln=images");*/
    background-image: url("/publicAccess/javax.faces.resource/header-lake-eclerk.jpg.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 90px;
    width: 100%;
}


.judge-header {
    /*background-image: url("/publicAccess/javax.faces.resource/header-e-judge.jpg.xhtml?ln=images");*/
    background-image: url("/publicAccess/javax.faces.resource/header-lake-ejudge.jpg.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 100px;
    width: 100%;
}
.noBorderDataTable {
    /*background-image: url("/publicAccess/javax.faces.resource/header-e-judge.jpg.xhtml?ln=images");*/
    border : 0px !important;
}

.templates-header {
    /*background-image: url("/publicAccess/javax.faces.resource/header-e-template.jpg.xhtml?ln=images");*/
    background-image: url("/publicAccess/javax.faces.resource/header-lake-etemplate.jpg.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 100px;
    width: 100%;
}

.header-link-to-home {
	width: 300px;
	height: 100px;
	top: 0;

}

.nameGridErrors{
    width:100%;
    height:0px;
}

.body-app {
    margin: 0px;
    padding: 0px;
    background-image: url("/publicAccess/javax.faces.resource/header-app-back.jpg.xhtml?ln=images");
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
}
.body-app td {
    /*vertical-align: top;*/
}

.test-col {
    vertical-align: top;
}

.header-style {
    padding-top: 30px;
    padding-bottom:0px;
}
.header-col1 {
	vertical-align:top;
	width: 60%;
	text-align: right;
	font-weight: normal;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
	padding-right: 5px;
}
.header-col2 {
	vertical-align:top;
	width: 40%;
	text-align: left;
}
.header-col3 {
	vertical-align:top;
	width: 10%;
        right: 27px;
}
.header-col4 {
	vertical-align: middle;
	width: 40%;
	text-align: left;
}

.header-name {
	/*   position: absolute;
	   height: 20px;
	   width: 220px;
	   top: 36px;
	   right: 200px;*/
    color: #FFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.header-name2 {
    position: relative;
	/* height: 20px;
	 width: 250px;
	 top: 45px;
	 right: 50px;*/
    color: #9bd3ec;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
} 

.header-name3 {
	/*   position: absolute;
	   height: 20px;
	   width: 220px;
	   top: 36px;
	   right: 200px;*/
    color: #FFF;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.header-logout {
	/*  margin: 0px;
	  height: 25px;
	  width: 48px;*/
    /*position: absolute;
    top: 30px;
    right: 27px;*/
}
.header-logout a {
    display: block;
    margin: 0px;
    padding: 0px;
    height:  25px;
    width: 60px;
    background-image: url("/publicAccess/javax.faces.resource/button-logout.png.xhtml?ln=images");
    background-repeat: no-repeat;
    background-position: 0px 0px;

}
.header-logout a:hover {
    background-position: 0px -25px;
}
.header-logout a span {
    display: none;
}


/* Old Menu */
.menu {
    height: 30px;
    background-image: url("/publicAccess/javax.faces.resource/menu-back.gif.xhtml?ln=images");
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
	width: 100%;
    min-width: 800px;
}

/* start rich menu*/
.menu .menu-help a {
	position: absolute;
	top: 0px;
	right: 50px;
	width: 50px;
}
.menu .menu-help a img {
	margin-top: -2px;
	border: 0px;
}
.menu .menu-pin a {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
}
.menu .menu-pin a img {
	border: 0px;
}
.pdf-link {
	display: block;
	width: 22px;
	height: 11px;
	background: url("/publicAccess/javax.faces.resource/pdf-2.png.xhtml?ln=images") no-repeat 0px 0px;
}
.pdf-link:hover {
	background: url("/publicAccess/javax.faces.resource/pdf-2.png.xhtml?ln=images") no-repeat 0px -20px;
}

.paddingType1{
    padding-left:32px
}
.paddingType2{
    padding-left:30px
}
.paddingType3{
    padding-left:15px
}
/*.paddingType4{
    padding-left:5px
}
.paddingType5{
    padding-left:35px
}*/
.annotationWidth{
    width:281px;
    padding-left:2px
}
.dropdownHeight{
    height:25px;
    width:70px
}
.dropdownHeight2{
    height:23px;
    width:95px
}
.paddingType1{
    padding-left:32px
}
.paddingType2{
    padding-left:30px
}
.paddingType3{
    padding-left:15px
}
/*.paddingType4{
    padding-left:5px
}
.paddingType5{
    padding-left:35px
}*/
.annotationWidth{
    width:281px;
    padding-left:2px
}
.dropdownHeight{
    height:23px;
    width:70px
}
.dropdownHeight2{
    height:23px;
    width:95px
}
/* Page */
.page-container {
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 35px;
}

/* Page Title */
.page-title {
    font-size: 20px;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
}

/* Steps */
.steps {
    display: block;
    height: 50px;
    width: 100%;
    /*margin-left: -45px;*/
    white-space:nowrap;
    /*min-width: 1000px;*/
}
.steps ul{
	white-space: nowrap;
	margin-top: 0;
    min-width: 900px;
	/*overflow: hidden;*/
	padding-left: 0;
}
.steps li {
    display: block;
    height: 26px;
    list-style-type: none;
    float: left;
    font-size: 12px;
    padding-top: 10px;
    font-weight: bold;
}
.steps .first-item {
    width: 185px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-last.png.xhtml?ln=images");
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #333;
}
.steps .first-item-on {
    width: 185px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-last-on.png.xhtml?ln=images");
    background-repeat: no-repeat;
    padding-left: 20px;
    color:#FFF;
}
.steps .mid-item {
    width: 150px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-mid.png.xhtml?ln=images");
    margin-left: -35px;
    padding-left: 40px;
    color: #333;
}
.steps .mid-item-on {
    width: 150px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-mid-on.png.xhtml?ln=images");
    margin-left: -35px;
    padding-left: 40px;
    color:#FFF;
}
.steps .last-item {
    width: 150px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-first-165.png.xhtml?ln=images");
    background-repeat: no-repeat;
    margin-left: -35px;
    padding-left: 40px;
    color: #333;
}
.steps .last-item-on {
    width: 150px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-first-165-on.png.xhtml?ln=images");
    background-repeat: no-repeat;
    margin-left: -35px;
    padding-left: 30px;
    color:#FFF;
}

/* Steps Registration */
.regsteps {
    display: block;
    height:  40px;
    width: 100%;
    padding-left: 15px;
    /*margin-left: -45px;*/
    white-space:nowrap;
    /*min-width: 1000px;*/
}
.regsteps ul{
	white-space: nowrap;
	margin-top: 0;
    min-width: 900px;
	/*overflow: hidden;*/
	padding-left: 0;
}
.regsteps li {
    display: block;
    height: 26px;
    list-style-type: none;
    float: left;
    font-size: 12px;
    padding-top: 10px;
    font-weight: bold;
}
.regsteps .first-item {
    width: 185px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-last.png.xhtml?ln=images");
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #333;
}
.regsteps .first-item-on {
    width: 185px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-last-on.png.xhtml?ln=images");
    background-repeat: no-repeat;
    padding-left: 20px;
    color:#FFF;
}
.regsteps .mid-item {
    width: 150px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-mid.png.xhtml?ln=images");
    margin-left: -35px;
    padding-left: 40px;
    color: #333;
}
.regsteps .mid-item-on {
    width: 150px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-mid-on.png.xhtml?ln=images");
    margin-left: -35px;
    padding-left: 40px;
    color:#FFF;
}
.regsteps .last-item {
    width: 150px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-first-165.png.xhtml?ln=images");
    background-repeat: no-repeat;
    margin-left: -35px;
    padding-left: 40px;
    color: #333;
}
.regsteps .last-item-on {
    width: 150px;
    background-image: url("/publicAccess/javax.faces.resource/statusbar-first-165-on.png.xhtml?ln=images");
    background-repeat: no-repeat;
    margin-left: -35px;
    padding-left: 30px;
    color:#FFF;
}

/* Form */
.form-content {
    /*width:1100px;*/
    clear: left;
}

/* Registration Steps */
.reg-steps {
    border-collapse: collapse;
    padding-left: 30px;
    margin-left: 20px;
    position: relative;
    height: 36px;
}
.reg-steps img {
    margin-left:-30px;
}

/* Rich Faces Overwrite */
.home-container .rich-panel-body {
    padding: 0px !important;
    border: 0px !important;
}
.home-container .rich-panel {
    border: 0px !important;
    background-color: inherit !important;
}
.start-registration-box .rich-panel {
    background-color: #f5ecdb !important;
}
.summary-content .rich-panel {
    padding: 20px !important;
    border: 0px !important;
}
.summary-content .rich-stglpanel-marker {
    position:absolute;
    top: 10px;
    right: 20px;

}
.content-body {
    padding: 20px !important;
}

input.rich-combobox-font-inactive, .rich-combobox-font-inactive, .rich-combobox-item {
    font-size: 15px !important;
}

.rich-combobox-font, input.rich-combobox-font {
    font-size: 15px !important;
}

/* Content Boxes */
.box {
    border: 1px solid #CCC;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    width: 800px;
    font-size: 12px;
}

.box table {
    padding:0px;
    margin:0px;
}
.box h2 {
    display: block;
    font-size: 16px;
    height: 31px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    background-image: url("/publicAccess/javax.faces.resource/box-header-back.gif.xhtml?ln=images");
    background-repeat: repeat-x;
    margin-top: 0px;
    margin-right: -15px;
    margin-bottom: 15px;
    margin-left: -15px;
    color: #032B68;
    padding-top: 9px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 45px;
    position:relative;
}
.box td {
    font-size: 12px;
    padding:0px;
    margin:0px;
}
.box h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    color: #666;
}
.box addess {
    font-size: 12px;
    display: block;
}
.box h2 div {

}
.box-title-attorney {	
    background-image: url("/publicAccess/javax.faces.resource/icons.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    bottom: 0px;
    background-position: 0px 0px;
}
.box-title-processserver {
    background-image: url("/publicAccess/javax.faces.resource/icons.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    bottom: 0px;
    background-position: 0px 0px;
}
.box-title-lawclerk {
    background-image: url("/publicAccess/javax.faces.resource/icons.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    bottom: 0px;
    background-position: 0px 0px;
}
.box-title-prose {
    background-image: url("/publicAccess/javax.faces.resource/icons.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    bottom: 0px;
    background-position: 0px 0px;
}
.box-title-firm {
    background-image: url("/publicAccess/javax.faces.resource/icons.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    bottom: 0px;
    background-position: 0px -50px;
}
.box-title-proxies {
    background-image: url("/publicAccess/javax.faces.resource/icons.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    bottom: 0px;
    background-position: 0px -100px;
}
.box-title-login {
    background-image: url("/publicAccess/javax.faces.resource/icons.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    bottom: 0px;
    background-position: 0px -150px;
}
.box-title-cases {
    background-image: url("/publicAccess/javax.faces.resource/icons.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    bottom: 0px;
    background-position: 0px -200px;
}
.box-summary .rich-stglpanel {
    border: 1px solid #CCC;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    width: 800px;
    font-size: 12px;
    /*background-image: url("/publicAccess/javax.faces.resource/box-header-summary-back.gif.xhtml?ln=images");
	background-repeat: repeat-x;*/
}
.box-summary .rich-stglpanel-header {
    background-image: url("/publicAccess/javax.faces.resource/icons.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 30px;
    left: 10px;
    bottom: 0px;
    /*font-size: 16px;
	font-weight: bold;*/
    color: #022C98;
    padding-left: 32px;
    padding-top: 8px;
    padding-bottom: 2px;
}
.box-summary-attorney .rich-stglpanel-header  {
    background-position: 0px 0px;
}
.box-summary-processserver .rich-stglpanel-header  {
    background-position: 0px 0px;
}
.box-summary-lawclerk .rich-stglpanel-header  {
    background-position: 0px 0px;
}
.box-summary-firm .rich-stglpanel-header  {
    background-position: 0px -50px;
}
.box-summary-proxies .rich-stglpanel-header  {
    background-position: 0px -100px;
}
.box-summary-login .rich-stglpanel-header  {
    background-position: 0px -150px;
}
.box-summary-cases .rich-stglpanel-header  {
    background-position: 0px -200px;
}


/* Modal Window */
.modal {
    position: absolute;
    background-color: #FFF;
}
.modal .rich-mpnl-header {
    background-image: url("/publicAccess/javax.faces.resource/modal-header-back.gif.xhtml?ln=images");
    background-repeat: repeat-x;
    height: 24px;
    color: #FFF;
    padding-top: 6px;
    padding-left: 15px;
}

.confirmationModal
{
    padding:0px 0px 0px 0px;
    height: 250px;
    width: 300px;
    font-size: 14px;
}

.confirmationModalHeader
{
    background-color: #bde0f3;
    padding:0px 0px 0px 0px;
    height: 25px;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
}

.confirmationModalMsg
{
    padding:5px;    
    width: 100%;    
    font-size: 14px;
}

.confirmationModalButtons
{
    padding:10px 5px 10px 5px;
    width: 100%;
}

/* Registration Form Action Bar 
.next-bar {
    width: 800px;
}*/

.next-bar .next-button  {
    float: right;
}

.next-bar-alt .next-button  {
    float: right;
}

/* Welcome Page */
.home-container {
	/* min-width: 1000px;*/

}

.highlighted-container h2 {
    margin-top:10px;
    font-size:14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}

.highlighted-container {
    background-color: #f5ecdb;
    border: 4px solid #f5ecdb;    
    margin-left: 10px;
    width: 850px;
    float: left;
    padding-right: 10px;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;    
}

.login-box {
    height: 300px;
    background-color: #f5ecdb;
    border: 20px solid #f5ecdb;
}
.login-box label {
    display: block;
    width: 140px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}
.login-box input {
    border: 1px solid #999;
    margin-bottom: 15px;
}
.lead-text {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #128600;
}
.welcome-message {
    margin-left: 10px;
    width: 850px;
    float: left;
    padding-right: 10px;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}
.returning-users {
    width: 250px;
    float: left;
    padding-top:20px;
}
.returning-users h2 {
    margin-top:10px;
    font-size:14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}

/* Start Registration */
.start-registration-box {
    min-height: 300px;
    width: 300px;
    background-color: #f5ecdb;
    padding: 20px;
}
.start-registration-box label {
    padding-bottom:5px;
    display: block;
    width: 140px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}
.start-registration-box input {
    border: 1px solid #999;
}
.registration-bullets {
    float:left;
    width: 300px;
}
.registration-bullets li {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    list-style-image: url("/publicAccess/javax.faces.resource/bullet.gif.xhtml?ln=images");
}

.start-registration-box small {
    font-size: 11px;
    display: block;
    color: #666;
}
.start-registration-box .next-button {
    background-color: #f5ecdb !important;
    border: 0px !important;
}


/* Forms */
.required-fields-clerk {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #666;
}

.required-fields {
    display: block;
    width: 200px;
    text-align: left;
    font-size: 12px;
    color: #666;
}
.required {
    font-size: 13px;
    font-weight: bold;
    color: red;
}

.error-message {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #F00;
}



/* Buttons */
.login-button {
    background-image: url("/publicAccess/javax.faces.resource/button-next.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    width: 151px;
    display: block;
    border: none;
    text-align:left;
    padding-top: 14px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 25px;
    font-size: 16px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
    text-decoration: none;
    margin: 0px !important;
}
.login-button:hover {
    background-position: 0px -50px;
}
.login-box input {
    border: 1px solid #999;
    margin-bottom: 15px;
}

.register-button {
    background-image: url("/publicAccess/javax.faces.resource/button-register.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    width: 151px;
    display: block;
    border: none;
    text-align:left;
    padding-top: 16px;
    padding-right: 5px;
    padding-bottom: 13px;
    padding-left: 25px;
    font-size: 16px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
    text-decoration: none;
    margin: 0px !important;
}
.register-button:hover {
    background-position: 0px -50px;
}

.next-bar {
    width: 950px;
}

.next-bar-alt {
    width: 800px;
}

.prev-button {
    background-image: url("/publicAccess/javax.faces.resource/button-prev-short.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    height: 50px;
    width: 105px;
    background-color: #FFF !important;
    display: block;
    border: none;
    text-align:right;
    padding-top: 4px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
    float:right;
}

.next-button-long {
    margin-left: -5px;
    background-image: url("/publicAccess/javax.faces.resource/button-next.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 150px !important;
    background-color: transparent !important;
    display: block;
    border: none !important;
    text-align:left;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 14px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px !important;
}

.next-button {
    margin-left: -5px;
    background-image: url("/publicAccess/javax.faces.resource/button-next-short.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 100px;
    background-color: transparent !important;
    display: block;
    border: none !important;
    text-align:left;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 14px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px !important;
}

input.standard-button-small {
    margin-left: -5px;
    background-image: url("/publicAccess/javax.faces.resource/button-standard-small.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 50px;
    width: 100px;
    display: block;
    float: right;
    border: none !important;
    text-align:center;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
}

/*
.prev-button {
    background-image: url("/publicAccess/javax.faces.resource/button-prev.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    height: 50px;
    width: 151px;
    background-color: #FFF !important;
    display: block;
    border: none;
    text-align:right;
    padding-top: 4px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
    float:right;
}*/

.prev-button:hover,
.standard-button-small:hover {
    background-position: 0px -50px;
}

.submit-button {
    margin-left: -5px;
    background-image: url("/publicAccess/javax.faces.resource/button-next.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 150px;
    background-color: transparent !important;
    display: block;
    border: none !important;
    text-align:left;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 14px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px !important;
}

.next-button:hover {
    background-position: 0px -50px !important;
}

.longer-button {
    margin-left: -10px;
    margin-right: -15px;
    width: 225px;    
    background-image:url("/publicAccess/javax.faces.resource/button-next-long-225.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 50px;
    display: block;
    border: none !important;
    text-align:left;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 18px;
    font-size: 13px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;            
}

.long-button {
    margin-left: -5px;
    background-image: url("/publicAccess/javax.faces.resource/button-next-long.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 50px;
    width: 180px;
    display: block;
    border: none !important;
    text-align:left;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 18px;
    font-size: 13px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
}

.long-button:hover {
    background-position: 0px -50px;
}
.frequentClientButtons{
    background-color: #78C9F0;
    height: 30px;
    width: 75px;
    display: block;
    float: right;
    text-align:center;
    font-size: 13px !important;
    font-weight: bold;
    cursor: pointer;
    background-position: 0px 0px;
    text-decoration: none;
}
a {
    cursor: pointer;
}
/* Standard Button */
a.standard-button {
    background-image: url("/publicAccess/javax.faces.resource/button-standard.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 30px;
    width: 150px;
    display: block;
    float: right;
    border: none !important;
    text-align:center;
    padding-top: 15px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    font-size: 13px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
    text-decoration: none;
}
input.standard-button {
    margin-left: -5px;
    background-image: url("/publicAccess/javax.faces.resource/button-standard.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 50px;
    width: 150px;
    display: block;
    float: right;
    border: none !important;
    text-align:center;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
}
.standard-button:hover {
    background-position: 0px -50px;
}

/* Standard Long Button */
a.standard-button-long {
    background-image: url("/publicAccess/javax.faces.resource/button-standard-long.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 30px;
    width: 200px;
    display: block;
    float: right;
    border: none !important;
    text-align:center;
    padding-top: 15px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    font-size: 13px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
    text-decoration: none;
}
input.standard-button-long {
    margin-left: -5px;
    background-image: url("/publicAccess/javax.faces.resource/button-standard-long.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 50px;
    width: 200px;
    display: block;
    float: right;
    border: none !important;
    text-align:center;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
}
.standard-button-long:hover {
    background-position: 0px -50px;
}
/* Standard Small Button */
a.standard-button-small {
    background-image: url("/publicAccess/javax.faces.resource/button-standard-small.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 30px;
    width: 100px;
    display: block;
    float: right;
    border: none !important;
    text-align:center;
    padding-top: 15px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    font-size: 13px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
    text-decoration: none;
}
input.standard-button-small {
    margin-left: -5px;
    background-image: url("/publicAccess/javax.faces.resource/button-standard-small.png.xhtml?ln=images") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 50px;
    width: 100px;
    display: block;
    float: right;
    border: none !important;
    text-align:center;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 13px !important;
    font-weight: bold;
    color: #FFF !important;
    cursor: pointer;
    background-position: 0px 0px;
}


/* Action Button */
a.action-button {
    background-image: url("/publicAccess/javax.faces.resource/button-back.gif.xhtml?ln=images");
    background-repeat: repeat-x;
    background-position: 0px 0px;
    display: inline-block;
    height: 22px;
    outline: none;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #FFF;
}
input.action-button {
    background-image: url("/publicAccess/javax.faces.resource/button-back.gif.xhtml?ln=images");
    background-repeat: repeat-x;
    background-position: 0px 0px;
    display: inline-block;
    height: 30px;
    border: 1px solid #FFF;
    outline: none;
    font-size: 14px;
    color: #FFF;
    cursor: pointer;
    padding-right: 10px;
    padding-left: 10px;
}
.action-button:hover {
    background-position: 0px -100px;
}




/* Oval Button */
a.ovalbutton {
    background: transparent url("/publicAccess/javax.faces.resource/oval-button.gif.xhtml?ln=images") no-repeat top left;
    display: block;
    float: left;
    font: normal 13px Tahoma; /* Change 13px as desired */
    line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 20px; /* Height of button background height */
    padding-left: 15px; /* Width of left menu image */
    text-decoration: none;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
    color: #FFF; /*button text color*/
}
a.ovalbutton span {
    display: block;
    padding: 4px 17px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
    background-image: url("/publicAccess/javax.faces.resource/oval-button-right.gif.xhtml?ln=images");
    background-repeat: no-repeat;
    background-position: right top;
}
a.ovalbutton:hover { /* Hover state CSS */
                     background-position: bottom left;
}
a.ovalbutton:hover span { /* Hover state CSS */
                          background-position: bottom right;
                          color: #EAEAEA;
}
.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
                 overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
                 width: 100%;
}

.error{
    color:red;
    font-weight:bold;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
}

.outPutLabel{
    color:gray;
    font-weight:bold;
    font-size:12px;
    padding:0px;
}

.form-content {
    min-width: 650px;
}

.form-content input[type='radio'] {
    border: 0px;
    height: 14px;
    font-size: 13px;
}

.form-content .hint {
    font-style: italic;
    color: gray;
}
.form-content .title-hint {
    font-style: italic;
    color: gray;
    font-size: 11px;
}
.form-content label{
    color: #666;
    font-size: 13px;
    font-weight: bold;
}
.form-content .instructions {
    color: #666;
    font-size: 13px;
    font-weight: 600;
}

.form-content .label-title {
    font-size: 15px;
    color: #0a7a02;
    font-weight: bold;
}
.flex-form {
	min-width:250px !important;
}



.field-full {
    width: 230px;
}
.businesslength{
    width: 276px;
}
.field-mid {
    width: 200px;
}
.field-small {
    width: 100px;
}
.field-first {
    width: 75px;
    padding-right: 4px;

}
.field-middle {
    width: 25px;
    padding-right: 5px;

}
.field-last {
    width: 85px;
    padding-right: 5px;

}
.field-suffix {
    width: 54px;
}
.field-phone-type {

}
.field-phone {
    width: 120px;
    margin-right: 1px;
    padding-right: 5px;
}
.field-phone-ext {
    width: 50px;

}
.button-add {
    background-image: url("/publicAccess/javax.faces.resource/button-add.png.xhtml?ln=images");
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 25px;
    display: block;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.button-add:visited {    color: #333;
}
.button-add:hover {
    color: #666;
}

.radio-box-column {
    text-align: right;
}

.form-single-column {
    float: left;
    width: 900px;
    min-height: 500px;
}

.form-column-1-full {
    float: left;
    width: 680px;
    /*min-height: 500px;*/
}

.form-column-1 {
    width: 470px;
    float: left;
	text-align:left;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCC;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCC;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    padding-right: 10px;
    padding-left: 10px;
    padding-top:10px;
    padding-bottom:3px;
}
/* backslash added bc css assumes the colon means a css selector*/
/*#plaintiffDetailsPanel\:column1PG {
	width: 450px;
	padding-right: 20px;
}*/
/*#plaintiffDetailsPanel\:radioBoxPanel input,
#plaintiffDetailsPanel\:radioBoxPanel label {
	vertical-align:top;
}*/

.form-column-2 {
    vertical-align:top;
    padding-left: 15px;
    width: 200px;
    float: left;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCC; 
}
.form-column-3 {
    width: 200px;
    float: left;
    padding-left:15px;


}

.secondary-box {
    border: 1px solid #CCC;
    background-color: #bde0f3;
    padding: 10px;
    min-height: 200px;
}

.secondary-box-templates {
    border: 1px solid #CCC;
    background-color: #bde0f3;
    padding: 10px;
    min-height: 150px;
}

.basic-list {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
}
.people-list-name {
    font-size: 12px;
    color: #333;
    width: 200px;
}

/* Dashboard Boxes */
.dash-box {
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-top: 12px;

    font-size: 12px;
}
.dash-box h2 label, .dash-box div label {
    font-size: 16px;
    height: 31px;
    margin:0;
    color: #fff;	
}
.dash-box h2, .dash-box div.dash-box-header {
    display: block;
    font-size: 16px;
    height: 31px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    background-image: url("/publicAccess/javax.faces.resource/dash-box-header.gif.xhtml?ln=images");
    background-repeat: repeat-x;
    margin:0;
    color: #fff;
    padding-top: 9px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 65px;
    position:relative;
}
.dash-box th {
    font-size: 11px;
    font-weight: bold;
	padding:0;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    color: #666;
    /*line-height: 22px;*/
    text-align: left;
	vertical-align:bottom;
	height: 25px;
	border: none;
	border-right: 4px solid white !important;
	background-color: white;
}
.dash-box th > div {
	border-bottom: 4px solid #bbb !important;
}
.dash-box .extdt-menu-div-out {
	height:21px;
	width:17px;
}
.dash-box .extdt-menu-div-on {
	height:20px;
	width:17px;
}
.anCol6 .extdt-cell-div, .ncol4 .extdt-cell-div, .aacol5 .extdt-cell-div { text-indent: 3px; }
.dash-box td {
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border:none;
	border-right: 4px solid white !important;
	color: black;
	font-size: 11px;
	font-weight: bold;
	padding:0 2px;
}

.mainPanel tbody tr td { vertical-align: top; }

.footer {
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    color: #666;
    background-color: #bce1f3;
    height: 25px;
    padding: 3px 10px 2px;
    line-height: 16px;
    margin: 0;
    width: 623px;
}

.divider {
    color: #666;
    background-color: #bce1f3;
    height: 7px;
    line-height: 3px;
    margin: 0;
}

.serviceFooter {
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    color: #666;
    background-color: #bce1f3;
    height: 25px;
    padding: 3px 10px 2px;
    line-height: 16px;
    margin: 0;
    width: 97.6%;
}

.footer a:link {
    font-size: 11px;
    font-weight: bold;
    color: #666;
}


.dash-box-title-serviceRequests {
    background-image: url("/publicAccess/javax.faces.resource/i50-process-server.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 10px;
    bottom: -10px;
}

.dash-box-title-actionNeeded {
    background-image: url("/publicAccess/javax.faces.resource/approved.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 10px;
    bottom: -10px;
}

.dash-box-title-certifiedMailReq {
    background-image: url("/publicAccess/javax.faces.resource/i50-certified-mail.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 10px;
    bottom: -10px;
}
.dash-box-title-notification {
    background-image: url("/publicAccess/javax.faces.resource/icons-app.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 16px;
    bottom: 0px;
    background-position: 0px 0px;
}
.dash-box-title-attorneyAction {
    background-image: url("/publicAccess/javax.faces.resource/icons-app.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 16px;
    bottom: 0px;
    background-position: 0px -100px;
}
.dash-box-title-todayInCourt {
    background-image: url("/publicAccess/javax.faces.resource/icons-app_1.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 50px;
    width: 40px;
    position: absolute;
    left: 16px;
    bottom: 0px;
    background-position: 0px -150px;
}
.dash-box-title-casesFlaggedForAction {
    background-image: url("/publicAccess/javax.faces.resource/icons-app_1.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height: 50px;
    width: 40px;
    position: absolute;
    left: 16px;
    bottom: 0px;
    background-position: 0px -200px;
}

/*
START NEW CSS CLASSES HERE FOR CONVERSION TASK

*/
.complaintCasePanelGrid1{
    height:60px;
    overflow:auto;
}
.complaintCasePanelSelectOne1{
    font-size:15px;
}
.complainCasePanelGrid1{
    font-size:12px;
    font-weight:bold;
    width:300px;
    height:100px;
}
.commandButtonStyle1{
    height:45px;
    width:50px;
    border:0px;
}
.commandButtonStyle2{
    height:45px;
    /*width:30px;*/
    border:0px;
}
.commandLinkStyle1{

    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #333;

}
.complaintCaseAmountInput{

    width:120px;

}
.phoneTable{
    width:100%;
}
.namePanelTable{
    white-space:nowrap; 
    height:auto;
}
.businessPanelTable{
    white-space:nowrap;
    width:109px;

}

#address {
    font-style: normal;
    margin-bottom: 15px;
}

.addressDataTable{
    padding:0px;
    width:100%;
}
.buttonSpan{
    padding-left:110px;
    /*width:110px;*/    
}
.buttonWidth{
    width:45%;
    float:right;
}
.fullWidthTable{
    width:100%;
}
.phonePanel1{
    width:110px;
}
.phoneDataTable{
    width:100%;
}
.inBetweenSpan{
    width:5px;
}
.leftColWidth > tbody > tr > td {
    white-space: nowrap;
}
.plaintiffRightColWidth
{
    width:300px;
    padding-left:5px;
}

.plaintiffForm-content{
	width:480px;
}

.plaintiffLeftColWidth
{

}
.plaintiffLeftColWidth2{
    padding-left:175px;
}

.addressTypePanelGrid1{
    float:left;
}
.addressTypePanelGrid2{
    /*float:right;*/
}
.addressTypePanelGrid3{
    float:left;
}
.addressTypePanelGrid4{
    width:250px;
	white-space: nowrap;
}
.addressTypePanelGrid5{
    float:left;
    white-space: nowrap;
}
.addressTypePanelGrid6{
    padding-top:5px;
}
.inbetweenSpan{
    width:110px;
}
.namePanelStyle{
    white-space:nowrap; 
    height:auto;
	width:400px;
}
.namePanelStyleRow1{
    width:109px !important;
}
.nameTableStyle{
    width:100%;
    height:25px;
}
/*
END NEW CSS CLASSES HERE FOR CONVERSION TASK

*/

/* HINT TEXT STYLE */

input[type="text"].hintTextTag,
select.hintTextTag {
    color: gray;
    font-style: italic;
}
label.hintTextStorage { display: none }
/* HINT TEXT END */

.innerPane {
    width: 760px;
    height: 450px;
    padding: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #CCC;
    position: relative;
}

.content-scroll {
    width: 660px;
    height: 450px;
    padding: 10px;
    overflow: auto;
    position: relative;
}

.content-scroll-full {
    width: 900px;
    height: 450px;
    padding: 10px;
    overflow: auto;
    position: relative;
}

/* Added for Allegations */
.secondary-box-form-row {
    margin: 5px 0px 10px 0px;
    padding: 0px;
}
.secondary-box-form-row li {
    margin: 0px 0px 0px 80px;
    padding: 0px;
    list-style-type: none;
    width: 180px;
}
.secondary-box-form-row label {
    display: block;
    float: left;
    margin-left:-80px;
    width: 80px;
}
.secondary-box-form-row input {
    width: 150px;
}
.secondary-box-form-row textarea {
    width: 150px;
}


.allegation-summary {
    margin: 0px 0px 10px 0px;
    float: left;
    width: 680px;
    font-size: 13px;
    color: #666;
}

.cc-verification {
	font-size: 15px;
	left: -30px;
	position: relative;
	text-align: left;
}

.pay-submit-summary {
	margin: 0px 0px 10px 0px;
	float: left;
	width: 800px;
	font-size: 13px;
	color: #666;
    height: 360px;
}

.pay-case-title {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
}

.payment-message {
	color: #666;
	display: block;
	float: right;
	text-align: center;
	font-size: 13px ! important;
	font-weight: bold;
	/*height: 50px;
	margin-left: -5px;
	margin-right: 40px;
	padding: 4px 5px 5px;
	width: 350px;*/
}

.payment-message-spacer {
	display: block;
	float: right;
	text-align: left;
	font-size: 13px ! important;
	font-weight: normal;
	height: 50px;
	margin-left: -5px;
	padding: 4px 5px 5px 20px;
	width: 380px;
	color: #666;
}

.pay-now {
	font-size: 13px;
	font-weight: bold;
	color: #0a7a02;
}
#litigation history styles
.litigationHistoryTable thead {
	border: 1px solid  #CCC;
	padding: 10px 0px;
	white-space: nowrap;
	background: url("/publicAccess/javax.faces.resource/table-bg-fix.png.xhtml?ln=images")  repeat-x;
}

.searchFields .label-title{ white-space: nowrap; color:#111; font-weight: bold; font-size: 12px;}
.searchFields .title { font-size: 14px; font-weight: bold; color: #008B00; padding-bottom: 8px !important}
.alignTop { vertical-align: top}
table .searchFields  {  width: 100%; background-color: #f5ecdb !important; border-top:none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; border-collapse:collapse !important; border-spacing: 0 !important;}
.searchFields input { width: 99%; height: 22px; margin: 0 !important}
.searchFields .action-button {  height: 32px; }
.searchFields select { width: 100%; height: 26px; margin: 0 !important}
.searchFields td { padding: 1px 0 2px 0 !important; border-top:none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; line-height: 14px }
.searchFields .second { padding-left: 10px !important}
.searchFields .complaint { -webkit-border-horizontal-spacing: 0 !important; -webkit-border-vertical-spacing: 0 !important}
#litigationHistoryPanel .search-box {width: 285px; background-color: #f5ecdb; padding: 15px; margin: 14px 10px 10px 10px; text-align: left}
#litigationHistoryPanel .page-container { width: 900px}
.litigationHistoryTable th {  }
.litigationHistoryTable th label { font-size: 11px; color: black; font-weight: bold;}
.litigationHistoryTable td.allColStyle :first-child { border-left: none}
.litigationHistoryTable td { font-size: 11px; color: black; font-weight: normal; border-left: 4px solid white}
.litigationHistoryTable .litigationHeader { height: 24px; border-left: 4px solid #BDE0F3; border-bottom: 1px solid silver; border-top: none; border-right: none; background-color: #BDE0F3; text-align: left;font-size: 11px;color: black;font-weight:bold; }
.litigationHistoryTable th:first-child { border-left: none !important }
.litigationHistoryTable { white-space: nowrap; width: 100%; border: 1px solid silver !important }
.litigationHistoryTable td .allColStyle {   }
.nowrap { white-space: nowrap }
.selectDiv { width: 100%;}
.error-msg-height {  height:24px !important; padding-top: 4px }
.error-msg-height dl {  margin: 0 }

/* Start Calculate Fees: Review Charges */
.review-total-charges-subtotal {
	margin: -5px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 670px;
	height: 40px;
}

.review-total-charges-subtotal-edit {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 00px;
	width: 786px;
	height: 28px;
	float: left;
	text-align: left;
}
.review-total-charges-subtotal-title {
	margin: 0px 0px 0px 365px;
	padding: 6px 0px 0px 50px;
	width: 68px;
	height: 18px;
	float: left;
	color: #FFF;
	font-weight: bold;
	background-color: rgb(97,114,155);;
}

.review-total-charges-subtotal-value {
    margin: 0px 0px 0px 0px;
    padding: 6px 15px 0px 20px;
    width: 37px;
    height: 18px;
    float: left;
    background-color: #54a41e;
    color: #FFF;
    text-align:right;
}

.review-details {
	margin: 0px 20px 50px 0px;
	width: 337px;
	border-collapse: collapse;
	float: left;
}

.review-details-confirm-header {
	width:300px;
	float:left;
}

.review-details-confirm-header2 {
	width:700px;
	float:left;
}

.review-details-confirm-header2 b {
	color: #666666;
	font-size: 15px;
	font-weight: bold;
}

.review-details-confirm-header2 u {
	color: #666666;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

.review-details-confirm-header3 {
	float: left;
	text-align: center;
	width: 60px;
}

.review-details-confirm {
	margin: 0px 520px 50px 0px;
	width: 250px;
	border-collapse: collapse;
	float: left;
}

.review-details h3 {
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 14px 0px 0px 0px;
	border-bottom: 3px solid #54a41e;
	color: #777;
}

.review-details-confirm h3 {
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 14px 0px 0px 0px;
	border-bottom: 3px solid #54a41e;
	color: #777;
}

.review-details-confirm right {
	text-align:right;
}

.review-details-confirm left {
	text-align:left;
}

.review-details p {
	margin: 5px 0px 0px 0px;
	color: #777;
}
.review-convenience-fee h3 {
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin: 14px 0px 0px 0px;
	border-bottom: 3px solid #54a41e;
	color: #777;
}

.review-convenience-fee {
	margin: 16px 0px 50px 0px;
	padding-left: 0px;
	border-collapse: collapse;
	float: left;
}
.review-convenience-fee table {
	width: 283px;
	border-collapse: collapse;
}

.review-details-confirm .fee-row td {
	border-bottom: 1px solid #eaeaea;
	padding: 5px;
}

.review-convenience-fee .total-row td {
	border-top: 1px solid #eaeaea;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
}
/* End Calculate Fees: Review Charges */

.confirm-total-charges-subtotal-title {
	margin: 0px 0px 0px 365px;
	padding: 6px 0px 0px 50px;
	width: 80px;
	height: 18px;
	float: left;
	color: #FFF;
	font-weight: bold;
	background-color: rgb(97,114,155);;
}

.convenience-fee {
	padding-left: 692px;
	margin-bottom: 50px;
	border-collapse: collapse;
}
.convenience-fee table {
    border-collapse: collapse;
}
.convenience-fee .fee-row td {
    border-top: 3px solid #54a41e;
    padding: 5px 15px 5px 5px;
	text-align: right;
}
.convenience-fee .total-row td {
    border-top: 1px solid #eaeaea;
    padding: 5px 15px 5px 5px;
    font-weight: bold;
	text-align: right;
}
.review-convenience-fee .fee-row td,
.review-convenience-fee .total-row td {
	text-align:right;
	padding: 5px 20px 0 0;
}

.charge-group {
    background-color: #bde0f3;
    margin: 0px 0px 2px 0px;
    border: 0.5px solid black;
    /*padding: 5px;*/
}
.charge-group table {
    /*border-collapse:collapse;*/
    font-size: 13px;
}
.charge-group-details {
    width: 130px;
    padding: 0px 0px 0px 10px;
}
.charge-group-sub-total {
    width: 57px !important;
    background-color: #d2ecf8;
    vertical-align:bottom;
    font-weight: bold;
    padding: 10px 14px 10px 8px;
	text-align:right;
}
.charge-group-view {
    vertical-align:bottom;
    padding-bottom: 5px;
}

.total-charges {
    padding: 0px 0px 0px 0px;
    width: 1000px;
    min-height: 100px;
}

.total-charges-confirm {
    padding: 0px 0px 0px 0px;
    width: 1060px;
    min-height: 100px;
}

.review-details-h3label {
    border-bottom: 3px solid #54A41E;
    color: #777777;
    font-weight: bold;
    margin: 14px 0 0;
    padding: 0 0 2px;
}

.total-charges-list {
    width: 550px;
    border-collapse:collapse;
    margin: -3px;
}
.total-charges-list td {
    /*padding: 5px;*/
}
.total-charges-list .alt {
    background-color: #d2ecf8;
}

.total-charges-list .reg {
	background-color: #bde0f3;
}

.total-charges-list .tableHead {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color:white;
	background-color:rgb(97,114,155);
}

.total-charges-list .tableHead2 {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color:white;
	background-color:rgb(97,114,155);
	border-left-style: solid;
	border-left-width: 1px;
}

.total-charges-list .desc {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
}

.total-charges-list .desc2 {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	border-left-style: solid;
	border-left-width: 1px;
}

.total-charges-list .amt {
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	padding-right: 5px;
}

.total-charges-list .total {
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	border-left-style: solid;
	border-left-width: 1px;
	padding-right: 5px;
}

.total-charges-list .total2 {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	border-left-style: solid;
	border-left-width: 1px;
	padding-right: 5px;
}

.total-charges-list .value {
    text-align: right;
}
.total-charges-subtotal {
	margin: -5px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 1120px;
	height: 40px;
}
.total-charges-subtotal-title {
	margin: 0px 0px 0px 503px;
	padding: 6px 0px 0px 50px;
	width: 60px;
	height: 18px;
	float: left;
	color: #FFF;
	font-weight: bold;
	background-color: rgb(97,114,155);;
}

.total-charges-subtotal-title .b {
	font-size:13px;
	font-weight:bold;
}

.total-charges-confirm-subtotal-title {
	margin: 0px 0px 0px 790px;
	padding: 12px 0px 0px 70px;
	width: 60px;
	height: 28px;
	float: left;
	color: #FFF;
	font-weight: bold;
	background-image: url("/publicAccess/javax.faces.resource/subtotal-back.png.xhtml?ln=images");
}

.total-charges-confirm-subtotal-title b {
	font-size:13px;
	font-weight:bold;
}

.total-charges-review-subtotal-title {
	margin: 0px;
	padding: 12px 0px 0px 70px;
	width: 60px;
	height: 28px;
	float: left;
	color: #FFF;
	font-weight: bold;
	background-image: url("/publicAccess/javax.faces.resource/subtotal-back.png.xhtml?ln=images");
}

.total-charges-review-subtotal-title .b {
	font-size:13px;
	font-weight:bold;
}

.total-charges-review-subtotal-value {
    margin: 0px 0px 0px 0px;
    padding: 12px 20px 0px 0px;
    width: 64px;
    height: 28px;
    float: left;
    background-color: #54a41e;
    color: #FFF;
	text-align:right;
}

.total-charges-review-subtotal-value .b {
	font-size:13px;
	font-weight:bold;
}

.total-charges-subtotal-value {
    margin: 0px 0px 0px 0px;
    padding: 6px 15px 0px 20px;
    width: 45px;
    height: 18px;
    float: left;
    background-color: #54a41e;
    color: #FFF;
    text-align:right;
}

.total-charges-subtotal-value .b {
	font-size:13px;
	font-weight:bold;
}

.form-secondary-actions {
    width: 280px;
    text-align: left;
}

.form-templates-actions {
    width: 900px;
    text-align: right;
}

.breadcrumb {
    width: 700px;
    height: 25px;
    font-size: 13px;
    color: #666;
}
.breadcrumb-selected {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.breadcrumb a {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.allegations-form {
    width: 660px;
    height: 500px;
    border: 1px solid #CCC;
}

.form-content {
    font-size: 12px;
}
.allegations-form input {
    margin: 0px !important;
    padding: 0px !important;
}
.allegation-heading {
    font-weight: bold;
    padding: 0px 0px 10px 0px;
}

.templates-heading {
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    font-size: 13px;
}

.templates-form {
    width: 900px;
    height: 500px;
    border: 1px solid #CCC;
}

.allegation {
    /*padding: 0px 20px 20px 20px;*/
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 20px;
    padding-top: 20px;
    position:  relative;
}
.allegation-checkbox {
    left: 0px;
    position: absolute;
    border: 0px !important;
}
.allegation p {
    padding: 0px;
    margin: 0px;
}
.allegation-field-label {
    display: block;
    float: left;
    width: 180px;
}
.file-list {
    padding: 0px;
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.file-list li {
    list-style-type: none;
    margin: 0px;
    font-size: 11px;
    position:relative;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
}
.file-list-actions {
    width:100px;
    display: inline;
    position:absolute;
    top: 3px;
    right: 0px;
}
.file-list-actions img {
    border: 0px;
}

.modal-select {
    background-color:#78C9F0;
    padding:15px;
}

.attachmentCol1
{
    width:auto;
}

.attachmentCol2
{
    width:45px;
}

/* End Allegations CSS */

/* ComplaintCase page */

.complaint {
	width: 100%;
	-webkit-border-horizontal-spacing: 0 !important; 
	-webkit-border-vertical-spacing: 0 !important
}

.complaint select,
.complaint input[type=text] {
	width: 99%;
	height:23px;
}

.complaint .amtCol1 {
	text-align: left;
	white-space: nowrap;
	width: 39%;
	padding-left: 6px;
	vertical-align: middle;
}

.complaint .amtCol2 { width:2%; vertical-align: middle; }

.complaint .amtCol3 { 
	text-align: right;
	width: 140px;
	padding-right: 6px;
}

.complaintBorder {
    border-width:1px 1px 0 1px;
    border-style: solid;
    border-color: white;
}

.complaintPanel { padding-top: 0 }

.complaintHeader { 
	height: 6px;
}

.complaintFooter {
	height: 6px;
	background-color: #BCE1F3;
}

.odd { 
	background-color: white;
	border-right: 1px solid black;
	border-bottom: none;
}

.add { 
	background-color: yellow;
	border-right: 4px solid white;
	border-bottom: none;
}

.even { 
	background-color: #f5ecdb;
	border-right: 1px solid black;
	border-bottom: none;
}

.billingColumn {
    vertical-align:top;
    padding-left: 15px;
    width: 450px;
    float: left;
}

.creditCardColumn {
    vertical-align:top;
    padding-left: 15px;
    width: 300px;
    float: left;
}

.addressAlign { vertical-align: top; }


.complaintBorder tr { padding:0; margin:0; }

.hidden {display:none;}
.show {display:inline;}

.complaint-box {
    width: 320px;
    background-color: #f5ecdb;
    padding: 9px;
    margin: 3px 10px 10px 10px;
}

.complaint-boxHeader {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #008B00;
    padding-left:5px;
}
.court-boxHeader {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #008B00;
}

.complaint-boxLabel {
	color: #111111 !important;
	font-weight: bold !important;
}

/* End of ComplaintCase */

/* Start Calculate Fees */
.calculate-fees {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    width: 660px;
    min-height: 100px;
    background-color: #bde0f3;
}
.calculate-list {
    width: 445px;
    border-collapse:collapse;
}
.calculate-subtotal-title {
	margin: 0px 0px 0px 422px;
	padding: 12px 0px 0px 70px;
	width: 60px;
	height: 28px;
	float: left;
	color: #FFF;
	font-weight: bold;
	background-image: url("/publicAccess/javax.faces.resource/subtotal-back.png.xhtml?ln=images");
}

.calculate-list td {
    padding: 5px;
}
.calculate-list .alt {
    background-color: #d2ecf8;
}
.calculate-list .value { text-align: right; }

.calculate-subtotal {
    margin: 0px 0px 80px 0px;
    padding: 0px 0px 0px 0px;
    width: 660px;
    height: 40px;
}
.sub-item { padding-left: 20px !important; }

.submitToAttorneyConfirmModel{
    background-color: #5CB3FF; 
	width:500px;
	height:350px;
}

.confirmationModalAlt{
    padding:5px;
    width: 100%;
    font-size: 14px;
    background-color: #5CB3FF;
    width:400px;
}
.calculate-fees-date {
    width: 180px;
    min-height: 100px;
    padding: 10px;
    float: left;
}
.calculate-list-display {
    width: 440px;
    padding: 10px;
    margin-left: 200px;
}
/* End Calculate Fees */


/* Start Service Type CSS */

.service-type-papers {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.service-type-papers li {
	list-style-type: none;
	background-color: #afdef3;
	padding: 8px 0px 8px 10px;
	width: 200px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.service-type-papers .alt {
	background-color: #d2ecf8;
}


.select-address-title {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}
.select-address {
	/*margin: 0px 0px 80px 0px;
	padding: 0px 0px 0px 0px;*/
	margin-left: -4px;
}
.selectaddress-option-title {
	width: 65px;
	height: 50px;
	float: left;
}

.selectaddress-label-title {	
	
	font-weight: bold;
	color: #666;
	text-align: center;
}

.selectaddress-fee-title {

	font-weight: bold;
	color: #666;
}
.selectaddresses {
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.selectaddresses tr {
	border-top: 1px solid #ede3af;
	border-right: 1px solid #ede3af;
	border-bottom: 1px solid #ede3af;
}
.selectaddresses td {
	padding: 10px;
	height: 55px;
}
@-moz-document url-prefix() {
	.selectaddresses td {
	padding: 10px;
	height: 75px;
}
}


 .selectaddress-row-alt {
	background-repeat: no-repeat;
	background-position: 0px 50%;
	width: 50px;
}


.address-line1 label {
	font-weight: bold;
	white-space: nowrap;
}

.selectaddress-row-empty {
	width: 1px;
	padding: 0px 0px 0px 0px !important;
}

.selectaddress-row-option {
	width: 50px;
	padding: 0px 0px 0px 20px !important;
	border-left: 3px solid #BDE0F3;
}
.selectaddress-row-fee {
	width: 100px;
	border-left: 3px solid #BDE0F3;
	padding: 0px 0px 0px 20px !important;
	text-align: left;
	color: #666666;
	font-weight: bold;
}

.selectaddress-details {
	width: 100px;
	background-color: #bde0f3;
	padding: 5px;
	vertical-align: top;
}

.selectaddress-details div {
	height: 18px;
}
.selectaddress-details label {
	margin: -2px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100px;
	height: 18px;
	float: left;
	text-align: right;
	font-weight:normal;
	clear: left;
}
.selectaddress-addresses {
	margin: 0px;
	padding: 0px;
	width: 240px;
	vertical-align:top;
	border-collapse: collapse;
}
.selectaddress-fees {
	background-color: #FFFFFF;
	padding: 5px;
	vertical-align: middle;
	width: 280px;
}
.selectaddress-person {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
}



/* End Service Type CSS */
/* Start Court Date */
.courtdate-display {
    background-color: #bde0f3;
    padding: 15px;
    margin: 0px 0px 30px 0px;
    width: 770px;
}
.courtdate-select-item {
    border-collapse:collapse;
    border:none;
}
.courtdate-select-item th {
    color: #777;
    text-align: left;
    border:none;
}
.courtdate-select-item > td {
    vertical-align: top;    
    border:none;
}
.courtdate-cases{
    border: none;
}
.courtdate-cases td {
    border: none;
}
.courtDateCol1 input {
    vertical-align: middle;
}
.courtDateCol1
{
    vertical-align: top;
    width: 110px;
    background-color: #FFF;
    border-bottom: 8px solid #bde0f3;
    border-right:none;
    padding: 5px 0px 10px 10px;
}
.courtDateCol2
{
    vertical-align: top;
    width: 100px;
    background-color: #FFF;
    border-bottom: 8px solid #bde0f3;
    border-right:none;
    border-left:none;
    padding: 5px 0px 10px 0px;
}
.courtDateCol3
{
    vertical-align: top;
    width: 300px;
    background-color: #FFF;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: 8px solid #bde0f3;
    padding: 5px 0px 10px 0px;
}
.courtDateCol4
{
    width: 150px;
    background-color: #FFF;
    vertical-align: top;
}
.courtDateCol5
{
    width: 50px;
    background-color: #FFF;
    vertical-align: top;
}

.courtDateCol345
{
    width: 500px;
    background-color: #FFF;
    border-bottom: 8px solid #bde0f3;
    border-top:none;
    border-right:none;
    border-left:none;
    padding: 5px 0px;
    vertical-align: top;
}

/* End Court Date */
.standard-form-row {
	margin: 5px 0px 20px 0px;
	padding: 0px;
}
.standard-form-row li {
	margin: 0px 0px 10px 120px;
	padding: 0px;
	list-style-type: none;
	width: 180px;
}
.standard-form-row label {
	display: block;
	float: left;
	margin-left:-120px;
	width: 120px;
}
.standard-form-row input {
	width: 150px;
}

.courtDateModalMsg
{

    font-size:15px;

}

.filterCol1 { 
	text-align: left;
	vertical-align:top;
	padding:20px 15px 10px 30px;
}

.filterCol2 { 
	text-align: left;
	vertical-align:top;
	padding:20px 20px 10px 15px;
}

table .extdt-table-layout,
td .extdt-table-layout {
	empty-cells:hide;
}

#clientChangeForm .extdt-row-selected {
	background-color:#B9E3FE;
}

/*curved Corners & box shadow*/
.rndCorners,
.box,
.modal,
.dash-box,
.complaint-box,
.secondary-box,
a.action-button,
.complaintBorder,
input.action-button,
.start-registration-box,
.fcdialog .rich-mpnl-shadow,
.fcdialog .rich-mpnl-content,
#firmModalContentTable,
.box-summary .rich-stglpanel {
    border-radius: 10px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	-o-border-radius:10px;
	behavior:url(border-radius.htc); /* IE8 */
}

.rndTop,
.box h2,
.dash-box h2,
.complaintHeader,
.modal .rich-mpnl-header,
#firmModalContentTable .rich-mpnl-header {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
	-o-top-right-border: 10px;
	-o-top-left-border: 10px;
}

.footer,
.complaintFooter {
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-o-bottom-right-border: 10px;
	-o-bottom-left-border: 10px;
}

a.action-button,
input.action-button {
    box-shadow: 0px 0px 10px #999 !important;
    -moz-box-shadow: 0px 0px 10px #999;
    -webkit-box-shadow: 0px 0px 10px #999;
    -khtml-box-shadow: 0px 0px 10px #999;
    -o-box-shadow: 0px 0px 10px #999;
}

/* Beginning rich dropdown menu*/
.mainMenu {
	height: 30px;
	width: 100%;
	min-width: 800px;
	background-image: url("/publicAccess/javax.faces.resource/menu-back.gif.xhtml?ln=images") !important;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border-color: transparent;
        border-collapse: separate !important;
}
.mainMenu .rich-toolbar,
.mainMenu .rich-ddmenu-label-select,
.mainMenu .rich-ddmenu-label,
.mainMenu .rich-ddmenu-label-disabled,
.mainMenu .rich-toolbar:hover {
	border: 0;
	padding:0;
	margin: 0;
}
.mainMenu td {
	background-color: transparent !important;
	border-color: transparent !important;
	padding: 0;
	border: 0;
	height: 30px;
	border-width: inherit;
}
.mainMenu .rich-toolbar-item > div,
.mainMenu .rich-toolbar-item > div > div {
	background-color: transparent !important;
	border-color: transparent !important;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right 5px;
}
.mainMenu a,
.mainMenu label {
	font-size:12px !important;
	font-weight: bold;
	color: #333 !important;
	display: block;
	text-decoration: none;
	padding: 7px 30px 0 30px !important;
	height: 23px;
	background-image: url("/publicAccess/javax.faces.resource/menu-nav-button.gif.xhtml?ln=images");
	background-repeat: repeat-x;
	background-position: right 0;
}
.mainMenu .rich-label-text-decor img {
	display: block;
	padding: 3px 10px;
	height: 23px;
	background-image: url("/publicAccess/javax.faces.resource/menu-nav-button.gif.xhtml?ln=images");
	background-repeat: repeat-x;
	background-position: right 0;
}
.mainMenu .rich-menu-item {
	text-align: left;
}
.mainMenu .rich-menu-item:hover {
	background-color: #F5ECDB;
}
.mainMenu .rich-menu-item-label-selected {
	color: rgb(7, 143, 213);
}
.mainMenu .rich-menu-item-enabled {
	color: #18AAFF;
}
.mainMenu .rich-menu-item-disabled {
	color: #888;
}
.mainMenu .rich-toolbar-item > div > div + div {
	height:auto;
}
.mainMenu a:hover,
.mainMenu .rich-label-text-decor img:hover,
.mainMenu label:hover {
	background-position:  right -30px !important;
}

/* Start Court Clerk Intro */
.file_input_textbox
{
	float: left
}

.file_input_div
{
    height: 50px;
    overflow: hidden;
    position: absolute;
    top: 73px;
    width: 140px;
}

.file_input_button
{
	width: 100px;
	position: absolute;
	top: 0px;
	background-color: #33BB00;
	color: #FFFFFF;
	border-style: solid;
}

.file_input_hidden
{
	font-size: 45px;
	position: absolute;
	right: 0px;
	top: 0px;
	/*	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";*/
	-khtml-opacity: 0;
	-moz-opacity: 0;
}



.box-question {
    padding: 17px 0;
    background-color: #bde0f3;
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #333;
	text-align: left;
    font-family: 'Times New Roman',Times,serif;
}
.jdRadioSelected {
    background-image: url("/publicAccess/javax.faces.resource/box-answer-on.png.xhtml?ln=images");
    background-repeat: no-repeat;
    background-color: #FFF;
	background-position: 0 45% ;
}

.jury-demand>table{ border: 1px solid #61729b; margin: 0; font-size: 11px}
.jury-demand>table>thead th{font-weight: bold;text-align: left; line-height: 24px; background-color: #61729b; color:white}
.jury-demand>table>thead th td{text-align: left; line-height: 24px; background-color: #61729b; color:white;padding-right: 0; padding-left: 3px; }
.jury-demand>table>td{text-align: center;}
.jdColOne{border:0;width:365px !important; height: 100%; vertical-align: middle}
.jdColTwo{width: 259px !important; height: 100%; vertical-align: middle}
.jdColThree{width: 75px !important;vertical-align:top;}
.jdColThree table{height: 35px; width: 100%}
.jdColThree td{border-left: 1px solid #61729b;}
.jdResponse{padding: 0px; background-color: #ede3af; height: 70px;}
.jdResponse input{ padding: 0px; margin: 0px 5px 0px 5px; vertical-align: middle;}
.jdResponse table{height: 35px;}
.jdInnerColOne{padding: 0 0 0 9px; vertical-align: middle; text-align: left}
.jdInnerColTwo{padding: 0;text-align: left;}
.jdInnerColTwo table{ border-collapse: collapse; border-spacing: 0; width: 100% }
.jdInnerColTwo table td { padding: 0 }
.jdInnerColTwo table td label { vertical-align: middle }
.jdInnerColThree{height: 35px; text-align: right; vertical-align: middle; padding-right: 5px;}
.jdFee{padding: 0px; background-color: #ede3af; height: 70px;font-size: 13px; font-weight: bold;}

.court-clerk-intro-title {
	padding-top: 20px;
	color: #0a7a02;
	height: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.court-clerk-intro-links {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.court-clerk-intro-links td {
	padding: 10px;
}

.dash-box-overwrite {
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-top: 12px;
    max-width: 642px;
    font-size: 12px;
}

.dash-box-overwrite h2 {
    display: block;
    font-size: 16px;
    height: 31px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    background-image: url("/publicAccess/javax.faces.resource/dash-box-header.gif.xhtml?ln=images");
    background-repeat: repeat-x;
    margin:0;
    color: #fff;
    padding-top: 9px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 65px;
    position:relative;
}
.dash-box-overwrite th {
    font-size: 11px;
    font-weight: bold;
	padding:0;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    color: #666;
    /*line-height: 22px;*/
    text-align: left;
	vertical-align:bottom;
	height: 25px;
	border: none;
	border-right: 4px solid white !important;
	background-color: white;
}
.dash-box-overwrite th > div {
	border-bottom: 4px solid #bbb !important;
}
.dash-box-overwrite .extdt-menu-div-out {
	height:21px;
	width:17px;
}
.dash-box-overwrite .extdt-menu-div-on {
	height:20px;
	width:17px;
}

.dash-box-overwrite td {
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border:none;
	color: black;
	font-size: 11px;
	font-weight: bold;
	padding:0 2px;
}

.doc-details-td1 {
	width: 250px;
}

.doc-details-td2 {
	width: 250px;
}

.scanned-doc-details-td1 {
	width: 350px;
}

.scanned-doc-details-td2 {
	width: 350px;
}

.attach-doc-td1 {
    background-color: #bce1f3;
    height:230px;
    width:220px;
}

.attach-doc-td2 {
    background-color: #F5ECDB;
}

/* Start Court Case Details */
.court-case-page-title {
	color: #0a7a02;
	width: 700px;
	height: 30px;
	font-size: 20px;
	font-weight: bold;
}
.court-case-page-title-narrow {
	color: #0a7a02;
	width: 370px;
	height: 30px;
	font-size: 20px;
	font-weight: bold;
	float:left;
}
.case-details-err-message {
	font-size: 12px;
	display: inline;
	margin-left: 10px;
	color: #b50000;
}
.case-details-err-message img {
	vertical-align:middle;
	margin-right: 5px;
}
.case-number-title {
	width: 340px;
	height: 30px;
	float: left;
	font-size: 18px;
	color: #646361;
	margin-top: -5px;
}
.court-calendar-title{
    width: 500px;
	height: 30px;

	font-size: 10px;
	color: #646361;
	margin-top: -5px;

}
.case-number-title-narrow {
	width: 370px;
	height: 30px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #646361;
	margin-top: -5px;
}

.case-title {
	width: 500px;
	height: 25px;
	float: left;
	font-size: 10px;
	color: #000;
	margin-top: -5px;
}

.case-title-narrow {
	width: 370px;
	height: 25px;
	float: left;
	font-size: 10px;
	color: #000;
	margin-top: -5px;
}

.action-box {
	border-radius: 10px;
	padding: 15px;
	margin: -30px 0px 0px 0px;
	width: 270px;
	height: 120px;
	float: left;
	background-color: #f8f3dd;
}

.action-box label {
	display: inline;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	padding-right: 5px;
}
.action-box input {
	width: 150px;
	padding: 0 3px;
	vertical-align: middle;
}
.action-box a {
	display: block;
}
.action-box h4 {
    color: #0A7A02;
    font-size: 20px;
    margin: 0;
    padding: 0;
}
.court-details-summary {
	width: 1050px;
}
.court-details-column {
	width: 283px;
	height: 100px;
	padding: 10px;
	margin: 20px 30px 20px 0px;
	/*border: solid 1px #CCC;*/
	border-style: hidden;
	border-radius: 10px;
	float: left;
}

.court-details-summary-narrow {
	width: 663px;
}
.court-details-column-narrow {
	width: 174px;
	height: 100px;
	padding: 7px;
	margin: 20px 6px 20px 0px;
	border: solid 1px #CCC;
	border-radius: 10px;
	float: left;
}
.court-details-colum-scroll {
	height: 100px;
	overflow: auto;
}
.court-details-column strong {
	display: block;
	font-size: 13px;
	margin-bottom: 3px;
	color: #000;
}
.court-details-column ul {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.court-details-column li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	color: #646361;
	font-size: 12px;
}

.court-details-column table {
	border: 0px;
}
.court-details-column tr {
}
.court-details-column th {
	text-align: left;
}
.court-details-column th a {
	color: #000;
}
.court-details-column td {
	color: #646361;
	font-size: 12px;
}
.events-title {
	color: #0a7a02;
	clear: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}
.standard-data-display {
	width: 980px;
	border-radius: 10px;
	border: solid 1px #CCC;
	padding: 10px 0px 10px 0px;
	background: url("/publicAccess/javax.faces.resource/table-bg-fix.png.xhtml?ln=images") repeat-x;
}
.standard-menu-details-display {
	width: 280px;
	border-radius: 10px;
	border: solid 1px #CCC;
	padding: 10px 0px 10px 0px;
	background: url("/publicAccess/javax.faces.resource/table-bg-fix.png.xhtml?ln=images") repeat-x;
}
.standard-data-display table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse:collapse;
}
.standard-data-display tr:nth-child(odd) {
	background-color: #FFF;
}
.standard-data-display tr:nth-child(even) {
	background-color: #f8f3dd;
}
.standard-data-display th {
	background-color: #bde0f3;
	text-align: left;
	font-size: 12px;
	padding: 0px 5px 10px 5px;
}
.standard-data-display td {
	font-size: 12px;
	padding: 5px;
}

/*
for process server dashboard 
*/
.field-hint {
	color: #999 !important;
	font-style: italic;
	font-size: 12px !important;
}

.standard-box-title {
	background-image: url("/publicAccess/javax.faces.resource/icons-app.png.xhtml?ln=images");
	background-repeat: no-repeat;
	height: 50px;
	width: 40px;
	position: absolute;
	left: 10px;
	bottom: 0px;
}

.standard-box-title-search {
	position: absolute;
	top: 7px;
	right: 70px;
	width: 200px;

}

.standard-box-title-search-button
{
	position: absolute;
	top: 7px;
	right: 50px;
}

.standard-box-title-print-button {
	position: absolute;
	top: 3px;
	right: 10px;
}

.standard-box-title-notification { 	background-position: 0px -50px; 	}
.standard-box-title-calendar {		background-position: 0px -50px; 	}
.standard-box-title-waiting {		background-position: 0px -100px;	}
.standard-box-title-folder {		background-position: 0px -150px;	}
.standard-box-title-flag {			background-position: 0px -200px;	}
.standard-box-title-document {		background-position: 0px -250px;	}
.standard-box-title-plain-folder {	background-position: 0px -300px;	}
.standard-box-title-paperclip	 {	background-position: 0px -350px;	}

.popup .file-upload {
	width: 48%;
	min-width: 350px;
	padding: 0px !important;
	float: left;
}
.popup .file-upload fieldset {
	border: none;
}

.popup-header {
	background-image: url("/publicAccess/javax.faces.resource/dash-box-header.gif.xhtml?ln=images");
	background-repeat: repeat-x;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 8px;
}

.summary-details div {
	width: 27%;
	height: 30px;
	padding: 10px;
	float: left;
	font-size: 14px;
}
.summary-details div label {
	font-weight: bold;
}

.case-title {
	width: 340px;
	height: 35px;
	font-size: 10px;
	color: #000;
}

.case-number-title strong {
	color: #000;
}

.popup h1 {
	clear: left;
	color: #51a221;
	font-size: 16px;
	padding: 5px;
	border-bottom: solid 1px #51a221;
}

.popup p {
	font-size: 12px;
	margin-bottom: 30px;
}

.popup .container {
	min-width: 700px;
	padding: 10px;
}

.popup .action-box {
	width: 48%;
	min-width: 350px;
	padding: 10px 0px 0px 0px !important;
	float: left;
	margin: 0px !important;
}

.popup .action-box fieldset {
	border: none;
}
.popup .action-box fieldset label {
	display: block;
	float: left;
	width: 130px;
}

.dashBoardPanelWrapper {
	width: 642px;
}





/*Standard Filing Package Header*/
.std-filing-pkg-hdr {
	font: 14px black;
}
.std-filing-pkg-hdr-small {
	font: 10px black;
}
.std-filing-pkg-hdr-col-small{
	width: 15%;
	vertical-align: bottom;
}
.std-filing-pkg-hdr-col{
	width: 55%;
	vertical-align: bottom;
}
.commentBox{
    background-color: #bde0f3;
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px!important;
	border-left-width: 1px !important;
	border-color: #5CB3FF !important;;
	border-style: solid;
	width: 900px;
	margin: 8px 4px;
	padding: 4px;
	text-align: left;
}
.commentBoxCol1{
	border:none;
	width: 24px;
}
.commentBoxCol2{
	border:none;
	text-align: left;
}
.retrievePackagesText {
    font-size:12px;
    color:black;
}

/* Review Page*/
.review{ margin: 20px 0 0 0; width: 550px; font-size: 11px !important}
.review .approval{ color: #333; }
.feeTable{ font-weight: bold; width: 100%}
.feeTable .revOdd{background-color: #d2ecf8;}
.feeTable .revEven{background-color: #bde0f3;}
.feeTable .firstCol{font-weight: bold; padding-left: 2px}
.feeTable .next2LastCol{padding-right: 5px}
.feeTable .lastCol{text-align: right; padding-right: 5px}
.feeTable .viewCol{text-align: center}
.feeTable label{color: white; height: 25px}
.review-total-charges-list .revHeader{border: 1px solid #61729b; text-align: left; padding-left: 2px; color:white; background-color:#61729b; font-weight: bold}
.review-total-charges-list { padding: 0; border-left: none !important; border-collapse: collapse; width: 100%;}
.review-total-charges-list tr{height: 27px; white-space: nowrap}
.review-total-charges-list td { padding: 0 !important; border-right: none }
.review-total-charges-list thead{border: 1px solid #61729b}
.review-total-charges-list tfoot{height: 25px; border-right: 1px solid #61729b}
.review-total-charges-list-inner { width: 100% !important; height: 100% !important; border-collapse:collapse; color: #666; border: 1px solid #61729b; padding: 2px}
.review-total-charges-list-inner .type{padding: 0 0 0 2px; width: 20%}
.review-total-charges-list-inner .subtype{ width: 30%}
.review-total-charges-list-inner .view{width: 10%}
.review-total-charges-list-inner .revFee{width: 15%}
.footsie{ border-spacing: 0 !important; padding:2px 0 0 0 !important; height: 25px !important; font-size: 11px !important; font-weight: bold; width: 100%}
.footsie .revSum{ background-color: #54a41e; height: 100%; padding: 5px 5px 0 0; width: 15%}
.footsie .revSum label {font-size: 11px !important}
.footsie .revSubtotal{background-color:  #61729b; height: 100%; padding: 5px 5px 0 0; margin: 0; width: 25%; text-align: center}
.footsie .revSubtotal label{ font-size: 11px !important}

.box-question-CD {
    margin-top: 0px; 
    width: 500px;
    padding: 20px;
    clear: left;
    float: left;
    background-color: #bde0f3;
    height: 30px;
    font-size: 14px;
    color: #333;
}
.box-question-answers {
    position: relative;
    margin:0px 0px 50px 0px; 
    padding: 0px;
    float: left;
    background-color: #ede3af;
    width: 250px;
    height: 68px;
    border-top: 1px solid #ede3af;
    border-bottom: 1px solid #ede3af;
    border-right: 1px solid #ede3af;
}


.box-question-answers > div {
    list-style-type: none;
    border: 0px;
    padding: 5px 0px 0px 15px;
}

.box-question-answers input{
    padding: 0px;
    margin: 0px 5px 0px 5px;
    vertical-align:middle;
}

.box-answer-on {
    background-image: url("/publicAccess/javax.faces.resource/box-answer-on.png.xhtml?ln=images");
    background-repeat: no-repeat;
    background-color: #FFF;
}

.page-description {
	font-size:12px;
	width: 700px;
	color: #333;
	margin: 5px 0px 20px 0px;
}
.fadmin-tabs {
	display: block;
	height: 42px;
	margin: 0px;
	padding: 0px;
	width: 900px;
	background: url("/publicAccess/javax.faces.resource/admin-tab-back.png.xhtml?ln=images") repeat-x;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
}
.fadmin-tabs li:first-child {
	border-top-left-radius: 8px;
}



.fadmin-tabs li {
	display: inline;
	height: 42px;
	float: left;
	list-style: none;
	margin: 0px;
	text-align: center;
	border-right: solid 1px #CCC;
}
.fadmin-tabs li:hover {
	background: url("/publicAccess/javax.faces.resource/admin-tab-back-over.png.xhtml?ln=images") repeat-x;
}
.fadmin-tabs li a {
	padding: 11px 15px 0px 15px;
	display: block;
	height: 25px;
	font-size: 13px;
	font-weight: bold;
	color: #565656;
	text-decoration: none;
}
.fadmin-tabs-on, .fadmin-tabs-on:hover {
	background: #FFF !important;
}
.fadmin-fields-container {
	width: 900px;
	border-right: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.fadmin-fields {
	display: block;
	padding: 20px;
	margin: 0px;
}
.fadmin-fields li {
	display: block;
	list-style: none;
	height: 28px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
.fadmin-fields li label {
	width: 80px;
	float: left;
	display: block;
	font-size: 12px;
	padding: 3px 0px 0px 0px;
}
.fadmin-group-buttons  {
	padding: 20px;
}

.highlight {
border-style:solid;
border-width:1px;
border-color:red;
}