.info-hold {width:80%;float:none;border-top:1px solid #d1deec;box-sizing:border-box;display:block;}
.info-hold ul {padding:4px 5px;box-sizing:border-box;display:block;}
.info-hold li {width:33.33%;float:left;box-sizing:border-box;display:block;padding:2px 5px;}
.info-hold ul.charge-detail:nth-child(odd) {background:#d0d3d8!important;}
.info-hold ul.charge-detail:nth-child(even) {background:#dde1e5!important;}

.Charge_total{width:100%;margin: 0 auto;text-align: center;padding-top:4px;padding-bottom:4px;font-weight:bold}

.redboldtxt li, .redboldtxt li a {color:#FF0000 !important; font-weight:bold;}

.page-number {
    padding: 5px 10px;
    margin: 2px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ccc;
    text-decoration: none;
    cursor: pointer;
}

    .page-number:hover {
        background-color: #ddd;
    }

.current-page {
    padding: 5px 10px;
    margin: 2px;
    background-color: #007bff;
    color: white;
    border: 1px solid #007bff;
    font-weight: bold;
}

/*****************************************************/
/**********Styles for screen 480px and lower**********/
/*****************************************************/
@media only screen and (max-width : 800px) {
.form .warrantlabel {
	width: 10%;
}

}

/*****************************************************/
/**********Styles for screen 480px and lower**********/
/*****************************************************/
@media only screen and (max-width : 600px) {
.form .warrantlabel {
	width: 100%;
	clear: both;
}
.form .labelleftpading {
	padding-left:0px;
}

}

/*****************************************************/
/**********Styles for screen 480px and lower**********/
/*****************************************************/
@media only screen and (max-width : 480px) {

.form label {
    clear: both;
     width: 100%;
}

.form .warrantlabel {
     width: 100%;
}


.form input {
    clear: both;
     width: 100%;
}

.form textarea {
    clear: both;
    width: 100%;
}
.form span input[type=text], .form span textarea, .form span select  {
 width: 100%;
 }
 
.form select, .form input[type=text], .form input[type=password], .form input[type=email] {
 width: 100%;
}

.form p input[type=text],  .form p textarea,  .form p select {
    width: 100%;
}

}


/*Tooltip Start */
#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

#tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
        /* Tooltip End*/

.app-link
{        
    border-radius: 25px;
    font-size: 14px;
    padding: 3px 10px 5px;
    text-decoration: none;
background: #003366 none repeat scroll 0 0;
    color: #ffffff;
    width:100%;
    
}

.lblhoover:hoover
{
    cursor:pointer;
}

.mugshot-wrap-wid
{
    float:right;
    width:20%;
    padding-top:10px;
}
.mugshot-wid
{
    padding-top: 5px;
    width: 100%;
}
.captcha_label
{
    text-align: right; margin-top: 10px;margin-right:10px;
}
.hiddenblk .hiddenblkprnt
{
    display: none !important;
}




@media screen and (max-width: 980px) 
{
    .info-hold {width:100%;}
    
    .captcha_label
    {
        text-align: right; margin-top: 10px;margin-right:10px;
    }
}

@media screen and (max-width: 768px) 
{
    .captcha_label
    {
        text-align:left;
    }
    .captcha_text
    {
        float:none;
        display:inline-block;
    }

}


@media screen and (max-width: 680px) 
{
    
    .info-hold ul.charge-head{display:none;}
    
    .info-hold li {float:none;width:100%}
    
    .info-charge li[WarrentWid]
    {
        width:100%;
    }
    
    .info-charge li[CrtDtWid]
    {
        width:100%;
    }
    
    .captcha_label
    {
        text-align:left;
    }

    .charge-detail
    {
        text-align:left;
    }
    .charge-detail li[bndAmtalign]
    {
        text-align:left;
    }

.mugshot-wrap-wid
{
    width:100%;
    float:left;
}

.mugshot-wid
{
    width:180px;
}
    
}

@media screen and (max-width: 480px) 
{

    .charge-detail
    {
        text-align:left;
    }
    .charge-detail li[bndAmtalign]
    {
        text-align:left;
    }

    .app-link
    {       
        display: inline-block;
        width: 180px;
    }    
}