@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);

body > div {
    font-size: 1.8rem;
}

td:first-child, th:first-child {
    padding-left: 10px;
}

table {
	word-break: normal;
}

.site-inner {
	word-wrap: normal;
}

.header-full-width .title-area {
	float: left;
}

body {
    font-family: Lato, sans-serif;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Lato, sans-serif;
    font-weight: 400;
}

input,
select,
textarea {
    font-weight: 300;
}

.site-header {
    border-bottom: none;
}

.site-title {
    font-weight: 400;
}

.site-footer {
    background-color: #fff;
    text-align: center;
}

.site-footer {
    border-top: none;
}



/* site wide
--------------------------------------------- */

body {
    font-size:18px;
    background:url(/custom/images/greyzz.png);
}


.site-header,
.site-inner,
#side_menu_box,
.site-footer {
    opacity:0;
}

.post-edit-link {
    display:none;
}

.logged-in:not(.subscriber) .site-header,
.logged-in:not(.subscriber) #side_menu_box,
.logged-in:not(.subscriber) form input[type="submit"],
.logged-in:not(.subscriber) table th,
.logged-in:not(.subscriber) .confirm_payment_bg {
    background-color:#27ae60;
}

a {
    text-decoration: none;
}

.logged-in.subscriber .submit_button {
	margin-top:40px;
}



/* header
--------------------------------------------- */

.site-header {
    background-color:#4B77BE;
    position:relative;
    z-index:999;
    min-height:0;
}

    .site-header .wrap {
        max-width:960px;
        padding:40px;
        position:relative;
    }

    .offender .site-header .wrap,
	.admin .site-header .wrap,
	.subscriber .site-header .wrap {
        padding:20px;
        margin:0;
        max-width:none;
    }

        .site-header .wrap a,
        .site-header .wrap a:hover,
        .site-header .wrap .site-description {
            color:white;
        }

        .site-header .wrap .title-area {
            width:auto;
            padding:0;
        }

        .offender .site-header .wrap .title-area {
            padding:0;
        }

            .site-header .wrap .title-area .site-title {
                font-size: 38px;
            }

            .offender .site-header .wrap .title-area .site-title,
			.admin .site-header .wrap .title-area .site-title,
			.subscriber .site-header .wrap .title-area .site-title {
                font-size: 32px;
            }

            .site-header .wrap .title-area .site-description {
                font-size: 15px;
            }

            .offender .site-header .wrap .title-area .site-description,
			.admin .site-header .wrap .title-area .site-description,
			.subscriber .site-header .wrap .title-area .site-description {
                display:none;
            }



/* header sitelinks
--------------------------------------------- */

.header_sitelinks {
    float:right;
    color:white;
}

    .header_sitelinks .language_select_box a {
        padding:0;
        border:none;
        background-color: transparent;
        border-bottom:1px solid transparent;
        line-height: 1.25;
        font-size:16px;
    display:none;
    }

    .header_sitelinks .language_select_box a:hover {
        border-bottom:1px solid white;
    display:none;
    }

    .header_sitelinks .support {
        text-align: center;
    }
	
    .offender .header_sitelinks .support,
	.admin .header_sitelinks .support,
	.subscriber .header_sitelinks .support {
        /* pike 
		display:none;
		*/
		display:inline-block;
    }
	
    .offender .header_sitelinks .support,
	.admin .header_sitelinks .support {
        display:none;
    }

        .header_sitelinks .support img {
           
			width:18px;
            margin-right:5px;
			display: inline-block;
			
        }

        .header_sitelinks .support span {
			/*
            font-size:22px;
            position: relative;
            top:-2px;
			*/
			display: inline-block;
        }

    .header_sitelinks .pages a {
        margin-left:20px;
        font-size:20px;
        border-bottom:1px solid transparent;
    }

        .header_sitelinks .pages a:first-child {
            margin-left:0;
        }

        .header_sitelinks .pages a:hover {
            border-bottom:1px solid white;
        }



/* side menu
--------------------------------------------- */

#side_menu_box {
    position:absolute;
    top:0;
    left:0;
    background-color:#4B77BE;
    height:100%;
    padding:100px 0 0 0;
    width:125px;
    z-index: 998;
    display:none;
}

.offender #side_menu_box,
.admin #side_menu_box,
.subscriber #side_menu_box {
    display:block;
}

    #side_menu_box li {
        position:relative;
    }

    #side_menu_box a {
        color:white;
        /* border-bottom:1px solid transparent; */
        /* margin-bottom:10px; */
        display:inline-block;
    }

        #side_menu_box a:hover {
            /* border-bottom:1px solid white; */
        }

    #side_menu_box #menu_symbol {
        height:76px;
        padding:0;
        position:absolute;
        right:-68px;
        top:0;
        width:68px;
        display:none;
    }

        #side_menu_box #menu_symbol:hover {
            cursor:hand;
            cursor:pointer;
        }

        #side_menu_box #menu_symbol img {
            width:32px;
            position:absolute;
            left:50%;
            top:50%;
            margin:-12px 0 0 -14px;
        }

    #side_menu_box .arrow-left {
        position:absolute;
        width:24px;
        height:24px;
        margin-top:-1.2rem;
        top:50%;
        right:-13px;
        display:none;
        background:url(/custom/images/greyzz.png);
        transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -o-transform:rotate(45deg);
    }

    #side_menu_box .current .arrow-left {
        display:block;
    }



/* inner
--------------------------------------------- */

.site-inner {
    padding:0;
    max-width:960px;
    position:relative;
}

.offender .site-inner,
.admin .site-inner,
.subscriber .site-inner {
    padding-left:125px;
    max-width:none;
}

    .site-inner .entry {
        margin:0;
        padding:40px;
        background-color:transparent;
        position:relative;
    }

        .site-inner .entry a {
            color:#E5554E;
        }

        .site-inner .entry a:hover {
            color:#E5554E;
            border-bottom:1px solid #E5554E;
        }

        .site-inner .entry .section {
            margin-bottom:40px;
            /* overflow: hidden; */
        }

            .site-inner .entry .section:last-child {
                margin-bottom:0;
            }

            .site-inner .entry .section p:last-child {
                margin-bottom:0;
            }

        .site-inner .entry .section.disabled {
            opacity: 0.5;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            /* IE 5-7 */
            filter: alpha(opacity=50);
            /* Netscape */
            -moz-opacity: 0.5;
            /* Safari 1.x */
            -khtml-opacity: 0.5;
        }

    .site-inner .entry-header {
        display:none;
        margin-bottom:20px;
    }

        .site-inner .entry-header h1 {
            margin:0;
        }



/* intro
--------------------------------------------- */

.admin #intro_box,
.subscriber #intro_box {
    display:none;
}

#intro_box {
    float:left;
    width:440px;
    padding-right:20px;
}

    #intro_box h2 {
        margin:0;
    }

    #intro_box .section.info {
        margin-top:20px;
    }

        #intro_box .section.info div {
            position:relative;
        }

        #intro_box .section.info div:not(:first-child) {
            margin-top:20px;
        }

        #intro_box .section.info img {
            width:40px;
            position:absolute;
            top:50%;
            margin-top:-20px;
        }

        #intro_box .section.info span {
            font-size:24px;
            position:relative;
            padding-left:60px;
            display:inline-block;
        }



/* search form
--------------------------------------------- */

.admin #search_box,
.subscriber #search_box {
    float:left;
    width:440px;
    padding-left:0px;
}

#search_box {
    float:right;
    width:440px;
    padding-left:20px;
}

    #search_box h2 {
        display:none;
    }

    #search_box .section {
        margin-bottom:0;
    }

        #search_box .section #or {
            text-align:center;
            margin:-10px 0 10px 0;
        }

        #search_box .section.testers {
            display:none;
        }



/* form
--------------------------------------------- */

form div {
    margin-bottom:20px;
}

    form div:last-child {
        margin-bottom:0;
    }

form input[type="submit"] {
    background-color:#4B77BE;
    width:120px;
}



/* submit payment form
--------------------------------------------- */

.submit_payment table {
    width: 440px !important;
    min-width: 440px !important;
    max-width: 440px !important;
}

    .submit_payment table .court {
        min-width:340px !important;
        max-width:340px !important;
        width:340px !important;
    }

    .submit_payment table .offense_amount {
        min-width:100px !important;
        max-width:100px !important;
        width:100px !important;
    }

    .submit_payment table .total {
        text-align: right;
    }

.submit_payment .section.billing_address:after {
    content:'';
    display:block;
    clear: both;
}

.submit_payment form#credit_card_form {
    /* width:440px; */
}

    .submit_payment form#credit_card_form .section {
        width:440px;
    }

    .submit_payment form#credit_card_form .section.manual_offenses {
        width:auto;
    }

    .submit_payment form#credit_card_form #terms_box {
        clear:both;
        margin:40px 0 20px 0;
        width:440px;
    }

    .submit_payment form#credit_card_form #terms_box .icheckbox_minimal {
        position:absolute;
        left:0;
        top:50%;
        margin:-9px 0 0 0;
        background-color: white;
    }

    .submit_payment form#credit_card_form #terms_box label#terms_text {
        color: #000;
        font-size: 16px;
        line-height: normal;
        display: inline-block;
        position:relative;
        left:0;
        top:0;
        margin: 0 0 0 30px;
        padding: 0;
        cursor: text;
        white-space: normal;
    }

    .submit_payment form#credit_card_form #terms_box label#terms_text span {
        color: #E5554E;
    }

    .submit_payment form#credit_card_form #terms_box label#terms_text:hover {
        cursor: pointer;
        cursor: hand;
    }



/* submit payment form
--------------------------------------------- */

/*
.submit_manual_payment table {
    width: 1016px !important;
    min-width: 1016px !important;
    max-width: 1016px !important;
}


.submit_manual_payment table {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
*/


/* credit card form
--------------------------------------------- */

#credit_card_form .credit_card {
    overflow:hidden;
    margin-bottom:0;
}

#credit_card_form #cc_title_card_imgs {
    margin:0;
    clear:both;
}

#credit_card_form #cc_title_card_imgs h2 {
    display:inline-block;
}

#credit_card_form #cc_title_card_imgs #card_imgs {
    float:left;
    overflow:hidden;
    display:inline-block;
}

    #credit_card_form #cc_title_card_imgs #card_imgs span {
        display:inline-block;
        height:38px;
        margin-left:5px;
    }

    #credit_card_form #cc_title_card_imgs #card_imgs span:first-child {
        margin-left:0;
    }

    #credit_card_form #cc_title_card_imgs #card_imgs img {
        height:38px;
    }

/*
#credit_card_form .paymentInput.identified {
    border-color:#2ecc71;
}

#credit_card_form .paymentInput.identified:focus {
    border-color:#2ecc71;
    box-shadow:0 0 .1875em #2ecc71;
}
*/

#credit_card_form .cc_number {
    clear:both;
}

#credit_card_form .cc-form-field-state {
    display:inline-block;
    width:270px;
    float:left;
    margin-bottom:0;
}

#credit_card_form .cc-form-field-left,
#credit_card_form .cc-form-field-right {
    display:inline-block;
    width:150px;
    margin:0;
}

    #credit_card_form .cc-form-field-left {
        float:left;
    }

    #credit_card_form .cc-form-field-right {
        float:right;
    }

#credit_card_form .grayscale {
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:gray;
    -webkit-filter:grayscale(100%);
}


#credit_card_form .x_scrollbar_fix {
	overflow:visible !important;
}



/* account overview tabs
--------------------------------------------- */

#offenses_box {
    position:relative;
}

#offenses_box .section {
    position:relative;
}

#offenses_box ul#tabs {
    list-style-type: none;
    margin:0 0 0 20px;
    padding:0;
    white-space: nowrap;
    overflow-x:scroll;
}

    #offenses_box ul#tabs li {
        display: inline-block;
        border:1px solid #aaa;
        border-bottom:none;
        background-color:#4B77BE;
        margin:0 10px 0 0;
        padding:10px 20px;
        position: relative;
        cursor: pointer;
        cursor: hand;
        z-index: 1;
        opacity:.5;
    }

        #offenses_box ul#tabs li h3 {
            color:white;
            margin:0;
            padding:0;
        }

        #offenses_box ul#tabs li:hover {
            opacity:1;
        }

        #offenses_box ul#tabs li.active {
            z-index: 3;
            opacity:1;
        }

    #offenses_box ul#tab {
        list-style-type: none;
        position: relative;
        z-index: 2;
        display:none;
        opacity:0;
        margin:0;
        padding:0;
    }

        #offenses_box ul#tab li {
            display: none !important;
        }

        #offenses_box ul#tab li.active {
           display: block !important;
        }

#offenses_box #court_select_box {
    margin-bottom:40px;
}

#offenses_box.singleCourt ul#tab,
#offenses_box.singleCourt ul#tab li {
    display:block !important;
    opacity:1 !important;
}

#offenses_box.singleCourt input[type="submit"] {
    display:inline-block !important;
    opacity:1 !important;
    /* margin-right:40px; */
}

#offenses_box.singleCourt #update {
    margin-left:40px;
}

#offenses_box input[type="submit"] {
    margin:40px 0 0 0;
    display:none;
    opacity:0;
}

#offenses_box input[type="submit"]:disabled {
    opacity: .5 !important;
}

#offenses_box input[type="submit"]:disabled:hover {
    background-color:#4B77BE;
}

#offenses_box input#pay {
    margin-right:20px;
}



/* table
--------------------------------------------- */

table {
    margin:0;
    border-collapse:separate;
    width:auto;
    table-layout: fixed;
    border-top:1px solid #aaa;
    border-left:1px solid #aaa;
}

    table tbody {
        border:none;
    }

    table th {
        background-color:#4B77BE;
        color:white;
    }

    #offenses_box table tr:hover,
    .advanced_search table tr:hover {
        cursor:hand;
        cursor:pointer;
    }

    table td {
        background-color:white;
    }

    table th,
    table td {
        padding:10px;
        position:relative;
        border-right:1px solid #aaa;
        border-bottom:1px solid #aaa;
        border-top:none;
    }

    table .offense_checkbox {
        min-width:38px;
        max-width:38px;
        width:38px; 
    }

    table input[type="checkbox"] {
        width:13px;
        height:13px;
        margin:0;
        padding:0;
    }

    table .user_courtname {
        min-width:220px !important;
        max-width:220px !important;
        width:220px !important;
    }

    table .offense_charges {
        min-width:320px !important;
        max-width:320px !important;
        width:320px !important;
    }

    table .offense_num,
    table .offense_date,
    table .offense_amount {
        min-width:105px !important;
        max-width:105px !important;
        width:105px !important; 
    }
	
    table.citations_table .offense_amount,
    table.warrants_table .offense_amount {
        min-width:255px !important;
        max-width:255px !important;
        width:255px !important; 
    }

    table.timepays_table .offense_remaining_balance {
        min-width:114px !important;
        max-width:114px !important;
        width:114px !important; 
    }
	
    table .offense_amount {
        text-align: right;
    }

    table .court {
        min-width:320px !important;
        max-width:320px !important;
        width:320px !important;
        text-align: right;
    }

    table .user_name {
        min-width:147px !important;
        max-width:147px !important;
        width:147px !important; 
    }

    table .user_dob {
        min-width:146px !important;
        max-width:146px !important;
        width:146px !important; 
    }

    table .user_address {
        min-width:250px !important;
        max-width:250px !important;
        width:250px !important; 
    }

    table .user_city {
        min-width:200px !important;
        max-width:200px !important;
        width:200px !important; 
    }

    table .user_state {
        min-width:140px !important;
        max-width:140px !important;
        width:140px !important; 
    }

    table .user_zip {
        min-width:120px !important;
        max-width:120px !important;
        width:120px !important; 
    }

    table .offense_amount div {
        position:relative;
    }

/*
    table .mp_offense_type,
    table .mp_offense_number {
        min-width:200px;
        max-width:200px;
        width:200px; 
    }
*/

    table .mp_offense_type {
        min-width:476px;
        max-width:476px;
        width:476px; 
    }
	
    table .mp_offense_number {
        min-width:105px;
        max-width:105px;
        width:105px; 
    }

    table .mp_offense_desc {
        min-width:400px;
        max-width:400px;
        width:400px; 
    }

    table .mp_offense_amount {
        min-width:105px;
        max-width:105px;
        width:105px; 
    }

    table.offenses_table th:last-child,
    table.offenses_table #offense_amount,
    table.offenses_table .offense_total,
    table.offenses_table .processing_fees,
    table.offenses_table .total_payment,
    table.offenses_table .offense_total_title,
    table.offenses_table .processing_fees_title,
    table.offenses_table .total_payment_title {
        text-align: right; 
    }

    table.offenses_table {
        border-left:none;
    }

    table.offenses_table .mp_offense_plus_minus {
        border-left:1px solid #aaa;
        font-size:23px;
    }

    table.offenses_table #totals_alignment {
        border-right: 1px solid #aaa;
        border-left: none;
        border-bottom:none;
        background-color: transparent;
    }

    table .mp_offense_plus_minus {
        min-width:50px;
        max-width:50px;
        width:50px; 
    }

    table .mp_offense_plus_minus .plus:hover,
    table .mp_offense_plus_minus .minus:hover {
        cursor: pointer;
        cursor: hand;
    }

    table .mp_offense_plus_minus .plus {
        border: 1px solid #aaa;
        border-radius: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -26px;
        height: 24px;
        width: 24px;
    }

    table th.mp_offense_plus_minus .plus {
        border-color:#fff;
        margin: -12px 0 0 -12px;
    }

    table .mp_offense_plus_minus .plus span {
        position: absolute;
        line-height: 1;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
        text-align: center;
    }

    table .mp_offense_plus_minus .minus {
        border: 1px solid #aaa;
        border-radius: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -12px;
        height: 24px;
        width: 24px;
    }

    table .mp_offense_plus_minus .minus span {
        position: absolute;
        line-height: 1;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
        text-align: center;
    }



/* account overview
--------------------------------------------- */

.account_overview .timepays_title_box,
.account_overview .warrant_title_box,
.account_overview .citation_must_appear_box {
    margin-bottom:10px;
}

.account_overview table input[type="text"] {
    height:35px;
    padding:6px;
}

.account_overview table td.offense_amount input[type="text"] {
    text-align: right;
}



/* account overview timepay table
--------------------------------------------- */

table.timepays_table td.offense_amount span.dollar {
    position: absolute;
    top: 50%;
	left: 20px;
    line-height: 40px;
    margin-top: -19px;
    padding: 0;
    z-index: 2;
    
}

table.timepays_table td.offense_amount span#ge_symbol {
    font-size:22px;
}

table.timepays_table td.offense_amount input.input {
    position: absolute;
    left:0;
    top: 50%;
    line-height: 0;
    height:40px;
    margin-top:-20px;
    text-align: right;
}

table.timepays_table td.offense_amount input[type="text"] {
    z-index: 1;
}

table.timepays_table td.offense_amount input[type="number"] {
    z-index: -1;
}

#timepay_last_payment_msg {
    margin-top:-20px;
}

.must_appear td {
	/* background: rgba(231, 76, 60, 1); */
	color: rgba(231, 76, 60, 1);
}



/* payment history table
--------------------------------------------- */

.payment_history table tr .receipt {
    line-height: 0;
    text-align: center;
}

    .payment_history table tr .receipt button {
        padding:0;
        border:none;
        background-color: transparent;
    }

        .payment_history table tr .receipt button img {
            width:24px;
        }



/* payment details table
--------------------------------------------- */
/*
table.payment_details_table th:first-child,
table.payment_details_table td:first-child {
    text-align: right;
    min-width:300px !important;
    max-width:300px !important;
    width:300px !important;
}
*/



/* payment receipt table
--------------------------------------------- */

.payment_details .section {
    padding-bottom:0px !important;
}

.payment_details .x_scrollbar_fix {
    display: block !important;
    margin-right:0 !important;
	overflow:visible;
}



/* faq/terms
--------------------------------------------- */

.faq .site-inner .entry-header,
.terms .site-inner .entry-header {
    display:block;
}

.site-inner .question {
    font-size:24px;
    color:#000;
    font-weight:bold;
    margin:0 0 10px 0;
}

.site-inner .answer {
    font-size:22px;
    margin:0 0 20px 0;
}

    .site-inner .answer:last-child {
        margin:0;
    }



/* contact
--------------------------------------------- */

.contact .site-inner #contact_box .section.phone {
    width: 440px;
    float: right;
    padding-left: 20px;
    margin:0 auto;
}

.contact .site-inner #contact_box .section.email {
    width: 440px;
    float: left;
    padding-right: 20px;
    margin:0 auto;
}

    .contact .site-inner #contact_box .section.email form textarea {
        height:200px !important;
    }



/* about
--------------------------------------------- */

.about .site-inner .entry-header {
    display:block;
}

.about .site-inner .section p {
    font-size:22px;
}



/* footer
--------------------------------------------- */

.site-footer {
    padding:0 0 30px 0;
}

    .site-footer .wrap a {
        margin:0 20px 0 0;
    }

    .site-footer .wrap a:hover {
        color:#E5554E;
        border-bottom:1px solid #E5554E;
    }

    .site-footer .wrap span {
        display:inline-block;
        padding:30px 0 0 0;
    }



/* 404
--------------------------------------------- */

.entry-content .search-form {
    width: 100%;
}

    .entry-content .search-form input[type="submit"] {
        margin-top:20px;
    }



/* loader
--------------------------------------------- */

#loader_modal {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index: 1000;
    display:none;
}

#loader_modal_bg {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#4B77BE;
    opacity:.95;
    z-index: 1001;
}

#loader_modal_msg {
    position:fixed;
    top:50%;
    left:50%;
    height:250px;
    width:300px;
    margin:-125px 0 0 -150px;
    text-align:center;
    z-index: 1001;
}

    #loader_modal_msg img {
        display:inline-block;
        text-align:center;
    }

    #loader_modal_msg span {
        display:block;
        padding-top:20px;
        font-size: 24px;
        color:white;
    }



/* disabled/warnings
--------------------------------------------- */

#sectionDisabledModal {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background:url(/custom/images/greyzz.png);
    opacity:.5;
    z-index: 999;
}

#AuthNetResponse,
#timepaysDisabled,
#citationMustAppear,
#allDisabled,
#account_overview_error,
#mustContactCourt,
#has_warrant_not_must_appear,
#must_appear_you_no_pay_nothin,
#rogers_special_warrant,
#contact_error,
:not(.admin) #disputedFees,
:not(.admin) #mustAppear {
    color:#E74C3C;
    padding:20px;
    border:1px solid #E74C3C;
    font-size:22px;
}

#account_overview_error {
    margin-bottom:40px;
}

.admin #disputedFees,
.admin #mustAppear {
    color: #2d55ff;
    padding: 20px;
    border: 1px solid #2d55ff;
    font-size: 22px;
}



/* input styling
--------------------------------------------- */

.input {
    background:white;
    color:black;
    font-size:20px;
    line-height:20px;
    height:50px;
    padding:10px;
    margin:0;
    outline:none;
    border-color:#AAA;
}

input[type="checkbox"].input {
    height:auto;
}

.lt-ie9 .input {
    line-height:50px;
}

    .input:focus {
        border-color:#4B77BE;
        -webkit-box-shadow:0 0 6px rgba(0, 136, 204, 0.4);
           -moz-box-shadow:0 0 6px rgba(0, 136, 204, 0.4);
                box-shadow:0 0 6px rgba(0, 136, 204, 0.4);
    }

    .input.error {
        border-color:#F22613;
        -webkit-box-shadow:0 0 6px rgba(242, 38, 19, 0.4);
           -moz-box-shadow:0 0 6px rgba(242, 38, 19, 0.4);
                box-shadow:0 0 6px rgba(242, 38, 19, 0.4);
    }

    input[type="checkbox"].input.error {
        outline: 1px solid #F22613;
        -webkit-box-shadow:0 0 6px rgba(242, 38, 19, 0.95);
           -moz-box-shadow:0 0 6px rgba(242, 38, 19, 0.95);
                box-shadow:0 0 6px rgba(242, 38, 19, 0.95);
    }

.infield-label {
    display:block;
    position:relative;
}

	.timepays_table .infield-label label {
		display:none;
	}

    .offense_checkbox .infield-label {
        display:table-cell;
        position:relative;
    }

    .infield-label label,
    .infield-label span.label {
        bottom:0;
        color:#777;
        display:block;
        left:0;
        line-height:51px;
        margin:0;
        right:0;
        top:0;
        cursor:text;
        font-size:20px;
        padding:0 10px;
        position:absolute;
        /* white-space:nowrap; */
    }

    .infield-label.submit_button label {
        display:none;
    }

.placeholder-focus label:first-child {
    bottom:auto;
    color:white;
    line-height:40px;
    right:auto;
    top:-48px;
    z-index:10000;
    background-color:rgba(229, 85, 78, 1);
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
}

.placeholder-focus span.label {
    bottom:auto;
    color:white;
    line-height:30px;
    padding:5px 10px;
    right:auto;
    top:-48px;
    z-index:10000;
    background-color:rgba(229, 85, 78, 1);
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
}

    .timepays_table .placeholder-focus label[for^="timepay_min_payment"] {
        left:auto;
        top:-68px;
        right:0;
        white-space: nowrap;
		display:block;
    }

    .timepays_table .placeholder-focus label[for^="timepay_checkbox"] {
        left:-7px;
        /*top:-75px;*/
        right:auto;
    }

    .warrants_table .placeholder-focus label {
        right:auto;
        top:-25px;
        left:0;
    }

    .placeholder-focus.warrant_title_box label,
    .placeholder-focus.warrant_title_box span.label {
        top:auto;
        bottom:-4px;
        left:160px;
    }

    .placeholder-focus.timepays_title_box label,
    .placeholder-focus.timepays_title_box span.label {
        top:auto;
        bottom:-4px;
        left:160px;
    }
	
    .placeholder-focus.citation_must_appear_box label,
    .placeholder-focus.citation_must_appear_box span.label {
        top:-2px;
        bottom:-2px;
        left:27px;
		width:532px;
    }

    .placeholder-focus.submit_button label {
        top:-10px;
    }

    .placeholder-focus.cc-form-field-right label {
        left:auto;
        right:0;
    }

    .placeholder-focus.cc-form-field-right label[for="zip"] {
        /* width:240px; */
        white-space: nowrap;
    }

    .placeholder-focus#terms_box label,
    .placeholder-focus#terms_box span.label {
        left:-6px;
        top:auto;
        bottom:108%;
    }

.no-rgba .placeholder-focus label {
    background-color:#E5554E;
}

    .no-rgba .placeholder-focus label:after {
        border-top-color:#E5554E;
    }

.placeholder-focus label:first-child:after,
.placeholder-focus span.label:after {
    border-top:5px solid rgba(229, 85, 78, 1);
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    bottom:-5px;
    content:'';
    display:block;
    height:0;
    left:10px;
    position:absolute;
}

.placeholder-focus.warrant_title_box label:first-child:after,
.placeholder-focus.timepays_title_box label:first-child:after,
.placeholder-focus.citation_must_appear_box label:first-child:after,
.placeholder-focus span.label.arrow_left:after {
    border-right:5px solid rgba(229, 85, 78, 1);
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    bottom:14px;
    content:'';
    display:block;
    height:0;
    left:-10px;
    position:absolute;
}

.timepays_table .placeholder-focus label[for^="timepay_min_payment"]:after,
.placeholder-focus.cc-form-field-right label:after {
    left:auto;
    right:10px;
}

.placeholder-focus.infield-label-image label {
    top:-122px;
}

.placeholder-hide label,
.placeholder-hide span.label {
    bottom:auto;
    left:-9999px;
    right:auto;
    top:-9999px;
}



/* iCheck plugin Minimal skin, black
----------------------------------- */

.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(css/skins/minimal/minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position: 0 0;
}

    .icheckbox_minimal.hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal.disabled {
        background-position: -60px 0;
        cursor: default;
		visibility: hidden;
    }
    .icheckbox_minimal.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal {
    background-position: -100px 0;
}

    .iradio_minimal.hover {
        background-position: -120px 0;
    }
    .iradio_minimal.checked {
        background-position: -140px 0;
    }
    .iradio_minimal.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal.checked.disabled {
        background-position: -180px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal,
    .iradio_minimal {
        background-image: url(css/skins/minimal/minimal@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}



/* selectric
--------------------------------------------- */

.selectricWrapper {
    position: relative;
    margin: 0 0 10px;
    width: 100%;
    cursor: pointer;
    cursor: hand;
}
    
    .payment_history .selectricWrapper,
    .account_overview .selectricWrapper {
        width: 440px;
    }

.selectricResponsive {
    width: 100%;
}

.selectric {
    border: 1px solid #aaa;
    background: white;
    position: relative;
    margin-bottom:0;
}

	.selectric.error {
		border-color: #F22613;
		-webkit-box-shadow: 0 0 6px rgba(242, 38, 19, 0.4);
		-moz-box-shadow: 0 0 6px rgba(242, 38, 19, 0.4);
		box-shadow: 0 0 6px rgba(242, 38, 19, 0.4);
	}

    .selectric .label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0 !important;
        padding: 10px;
        line-height: 29px;
        color: #000;
        font-size: 20px;
        font-weight: 300;
        height:48px;
    }

    .selectric .button {
        display: block;
        background-color:transparent;
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        height: 100%;
        color: #4B77BE;
        text-align: center;
        font: 0/0 a;
        /* IE Fix */
        *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
    }

        .selectric .button:after {
            content: " ";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 0;
            height: 0;
            border: 12px solid transparent;
            border-top-color: #4B77BE;
            border-bottom: none;
        }

.selectricHover .selectric {
    border-color: #CCC;
}

    .selectricHover .selectric .button {
        color: #E5554E;
    }

        .selectricHover .selectric .button:after {
            border-top-color: #E5554E;
        }

.selectricOpen {
    z-index: 9999;
}

    .selectricOpen .selectric {
        border-color: #CCC;
        background: #F0F0F0;
    }

    .selectricOpen .selectricItems {
        display: block;
    }

.selectricDisabled {
    filter: alpha(opacity=50);
    /* opacity: 0.5; */
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
         -moz-user-select: none;
            -ms-user-select: none;
                    user-select: none;
}

    .selectricDisabled .selectric label {
        color:#000;
    }

    .selectricDisabled .button {
        display:none;
    }

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
    margin:0;
}

    .selectricHideSelect select {
        position: absolute;
        left: -100%;
        display: none;
    }

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    background: none !important;
    *font: 0/0 a !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectricItems {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F9F9F9;
    border: 1px solid #CCC;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
    margin-bottom:0;
}

    .selectricItems .selectricScroll {
        height: 100%;
        overflow: auto;
    }

.selectricAbove .selectricItems {
    top: auto;
    bottom: 100%;
}

.selectricItems ul,
.selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 20px;
    min-height: 20px;
}

.selectricItems li {
    display: block;
    padding: 16px;
    border-top: 1px solid white;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer;
    cursor: hand;
}

    .selectricItems li.selected {
        background: #EFEFEF;
        color: #444;
        border-top-color: #E0E0E0;
    }

    .selectricItems li:hover {
        background: #F0F0F0;
        color: #444;
    }

    .selectricItems li.disabled {
        background: #F5F5F5;
        color: #BBB;
        border-top-color: #FAFAFA;
        cursor: default;
        /* display:none; */
    }


    /*  pikecoga
    --------------------------------------------- */

	.header_sitelinks .support {
		position: relative;
		padding-top: 20px;
		font-size: 24px;
	}

	.subscriber .header_sitelinks .support {
		padding-top: 0;
		font-size: 20px;
		
	}

	.header_sitelinks .support img {
		position: absolute;
		left: -20px;
		bottom: 8px;
		width: 18px;
		
	}

	.subscriber .header_sitelinks .support img {
		position: absolute;
		left: -20px;
		bottom: 7px;
		width: 16px;
		
	}

	.header_sitelinks .pages {
		display: none;
		margin-left:20px;
	}
	
	.subscriber .header_sitelinks .pages {
		display: inline-block;
	}
	
	@media only screen and (max-width: 1023px) {
		.genesis-nav-menu, .site-description, .site-header .title-area, .site-header .widget-area, .site-title {
			text-align: left;
		}
	}


	#menu_box a {
		padding: 20px;
	}

	#menu_box a:hover {
		background-color: #c3251d;
		border-bottom: none;
	}

	#side_menu_box {
		padding-top:20px;
		/* background-color: #0F52BA; */
	}
	
	#side_menu_box li.current {
		background-color: #004792;
		/* background-color: #0F52BA; */
	}
	

	.offender .site-inner, .admin .site-inner, .subscriber .site-inner {
		padding-left: 150px;
		max-width: none;
	}
	
	#side_menu_box {

		width: 150px;

	}

	#side_menu_box #menu_box {
		background-color:#4B77BE;
	}
	
	#side_menu_box #menu_box a {
		width: 100%;
	}
	
	#side_menu_box #menu_box li.payments.packet,
	#side_menu_box #menu_box li.payments.filing,
	#side_menu_box #menu_box li.reports.fee_type,
	#side_menu_box #menu_box li.reports.individual {
		display:none;
		background-color:#6495ED;
	}

	
	#intro_box {
	
		padding-top:4px;
	
	}


	#search_box .login-remember {
	
		display: none;
	
	}
	
	.dashboard #dashboard_img {
	
		width: 375px;
		padding: 0 20px 20px 0;
		display: inline-block;
	
	}
	
	.dashboard .section {
	
		display: inline-block;
	
	}
	
	.dashboard table .user_name.time {
	
		text-align: right;
		
	}
	
	

	#court_select_box .selectricWrapper.selectric-service_type {
		margin:0;
	}
	
	.section.offender_info {
		
		width: 738px;
	
	}
	
	.section.offender_info .infield-label {
		
		width: 230px;
		margin-right:20px;
		display:inline-block;
		
	
	}
	
	.section.offender_info .infield-label:last-child {
		margin-right:0;
	}
	
	form input[type="button"] {
		background-color:#4B77BE;
		width:120px;
	}

	#payment_type_buttons {
		text-align: left;
		
	}
	
	#payment_type_buttons .infield-label {
		display: inline-block;
		width: 140px;
		margin-right: 20px;
		
	}
	
	#payment_type_buttons .infield-label:last-child {

		margin-right: 0;
		
	}
	
	#payment_type_buttons .infield-label input {
		width:100%
		
	}
	
	.section.credit_card {
		display:none;
		margin-bottom: 40px;
	}
	
	
	#cc_title_card_imgs {
	
		width: 437px;
		height: 38px;
	
	}

	#credit_card_form #cc_title_card_imgs #card_imgs {

		float:right !important;
	
	}


	#credit_card_form .cc_number {
		margin-top:20px;
		width:438px;
	}
	
	
	#credit_card_form #pickcoga_expiry {
		width:133px;
		float: left !important;
	}


	#credit_card_form #pickcoga_cvc,
	#credit_card_form #pickcoga_postal {
		width:133px;
		float: left !important;
		margin-left:20px;
	}
	

	#credit_card_form .email {
		margin-top:20px;
		display:none;
		width:438px;
	}
	
	#credit_card_form .submit_button {
		display:none;
	}
	
	#loader_modal input {
		
		opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		filter: alpha(opacity=0);
		
	}
	
	#close_button {
		color: white;
		z-index: 10002;
		position: fixed;
		right: 40px;
		top: 20px;
		font-size: 40px;
		
	}
	
	#close_button:hover {
		cursor: pointer;
	}
	
	.payment_details .site-inner .entry {
	
		padding:0;
	
	}

	#report_form #report_type_select_box,
	#report_form #report_payment_type_select_box	{
	
		display: inline-block;
		width: 300px;
	
	}
	
	#report_form #report_payment_type_select_box	{
	
	
	}
	
	#report_form .infield-label.start_date,
	#report_form .infield-label.end_date,
	#report_form .infield-label.submit_button {
	
		display: inline-block;
		width: 150px;
		margin:0 20px 0 0;
	
	}
	
	#report_form .infield-label.submit_button {
	
		top:-2px;
	
	}
	
	#report_form .infield-label input[type="submit"] {
		
		padding: 12px 24px;
		
	}
	
	#report_form .infield-label.start_date label,
	#report_form .infield-label.end_date label	{
	
		color:black;
	
	}
	
	
	#report_form .infield-label.start_date.placeholder-focus label,
	#report_form .infield-label.end_date.placeholder-focus label {
		color: white;
	}
	
	.fee_type_summaries #court_select_box {
		
		
		width:500px;
	
	}
	
	.fee_type_summaries .reports_box table .user_courtname {
	
		min-width: 450px !important;
		max-width: 450px !important;
		width: 450px !important;
	
	}

	.fee_type_summaries .reports_box table .user_name	{
	
		text-align:right;
	
	}
	
	.individual_transactions .reports_box table .user_courtname {
	
		min-width: 140px !important;
		max-width: 140px !important;
		width: 140px !important;
	
	}
	
	.individual_transactions .reports_box table .user_name.time {
	
		min-width: 240px !important;
		max-width: 240px !important;
		width: 240px !important;
	
	}
	
	.individual_transactions #service_category_select_box {
	
		width:467px;
	
	}
	
	.individual_transactions .reports_box table .user_name {
	
		text-align:right;
		min-width: 120px !important;
		max-width: 120px !important;
		width: 120px !important;
		
	
	}
	
	.payment_details .print_button_box {
		
		margin:0 0 40px 40px;
		
	}

	.payment_details #print_button {
		
		background-color:#4B77BE;
		width:100px;
		
	}