/********************************************************
* Copyright (c) 2013 - 2020 TollPlus, Inc.

*

* All Rights Reserved.

*

* This source code is proprietary property of TollPlus, Inc., and is protected by exclusive licensing policy.

* The content of this file must not be modified, republished, copied or reproduced by anyone without explicit

* written permission by TollPlus, Inc.

*

* Any violations will be subject to penalties to the full extent of the law under the provisions of the license policy.

********************************************************/
/* ************************************************   
Project Name: TBOS V 2.0
Project URL: Internal 
Description: CSS for all Controls 
Author: Naga Mohan Rao Manam
Author Email: mmohan@tollplus.com
Date: 07th November 2012;
Version: 1.0 
************************************************ */

/*.theme-default .nivoSlider {position:relative;background:#fff url(loading.gif) no-repeat 50% 50%;margin-bottom:10px;-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;box-shadow: 0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img {position:absolute;top:0px;left:0px;display:none;}
.theme-default .nivoSlider a {border:0;display:block;}
.theme-default .nivo-controlNav {text-align: center;padding: 20px 0;}
.theme-default .nivo-controlNav a {display:inline-block;width:22px;height:22px;background:url(bullets.png) no-repeat;text-indent:-9999px;border:0;margin: 0 2px;}
.theme-default .nivo-controlNav a.active {	background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:30px;height:30px;background:url(arrows.png) no-repeat;text-indent:-9999px;border:0;opacity: 0;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {background-position:-30px 0;right:15px;}
.theme-default a.nivo-prevNav {left:15px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {    color:#fff;border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {    color:#fff;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {width: 100%;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {width: auto;height: auto;background: none;margin-bottom: 5px;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {display: block;width: 120px;height: auto;}*/


div#welcome-wraper { color: #474747; border-top: 1px solid #dedac8; clear: both; }
div#welcome-wraper span { font-size: 13px; display: block; float: left; padding: 10px 0px 10px 5px; /*magin will not work in IE*/ }
div#welcome-wraper span.boldUserName { font-size: 13px; font-weight: bold; display: block; float: left; text-transform: uppercase; padding: 10px 0px 10px 5px; /*magin will not work in IE*/ }

div#welcome-wraper span strong { text-transform: uppercase; }
div#welcome-wraper-right { float: right; color: #474747; width: 220px; margin-top: 10px; font: 12px; }
div#headding-right { float: right; font: 12px; width: 336px; padding: 10px; }
div#headding-right span { margin-left: 3px; padding: 7px 10px; font: 12px; background: url(../images/Account-Status-Green.jpg) no-repeat top left; }
div#headding-right a { margin-left: 36px; color: #01295c; text-decoration: none; }
div#headding-right a:hover { color: #01295c; text-decoration: underline; }
div#welcome-wraper span.tolltype { display: block; float: right; margin: 0px 10px 0px 0px; text-transform: capitalize; }
div#topmenu a { color: #007DA7; text-decoration: none; }
.payYourBill { float: right; padding: 0px 15px 0 0; margin: 0; text-align: right; }
.payYourBill #headding { font-size: 14px; color: #464942; text-transform: capitalize; font-weight: 500; float: left; line-height: 20px; height: 20px; }
.payYourBill #fromradio { float: left; margin: 0; padding: 0px 5px 0px 15px; }
.payYourBill #frominput { float: left; margin: 0; padding: 0px 0px 0px 5px; }
.payYourBill #frominput input[type="text"] { margin: 0; height: auto; }
.payYourBill #formgo { float: left; margin: 0; padding: 0px 0px 0px 10px; }
.mainimage { background: url(../Images/main_img_bg.gif) no-repeat left top; height: 188px; background-size: 100%; }
div#inner-contennt-block { background: #fff; overflow: hidden; }
div#leftContent { float: left; width: 740px; }
.first { float: left; width: 216px; margin: 10px 20px 10px 10px; }
.first h1#violations { background: url(../Images/ext_ico_violations.png) no-repeat left top; }
.second { float: left; width: 216px; margin: 10px 20px 10px 0px; }
.second h1#dispute { background: url(../Images/ext_ico_probres.png) no-repeat left top; }
.third { float: left; width: 216px; margin: 10px 0px 10px 0px; }
.third h1#fees { background: url(../Images/ext_ico_tollfees.png) no-repeat left top; }
.first h1#violations, .second h1#dispute, .third h1#fees, .description h1#description { border-bottom: 1px solid #d8d8d8; padding: 5px 0px 5px 25px; font-size: 14px; font-weight: bold; margin: 0px; text-transform: capitalize; }
.description { background-color: #EDEDED; border: 1px solid #D3D3D3; padding: 5px 15px 5px 15px; line-height: 18px; text-align: justify; clear: both; }
.description h1 { font-size: 14px; text-transform: capitalize; margin: 0; padding: 0; }
.description p { margin-bottom: 10px; text-align: justify; line-height: 18px; margin-top: 10px; padding: 0; }
.loginright_big { width: 200px; background: #f6f6f6; border: 1px solid #eaeaea;margin-bottom:5px;padding: 5px; }
.loginright_small { border:1px solid #A41C2B; background: #fff; width: 169px; padding: 10px 7px; margin: 0 auto;overflow:auto; }
.loginright_small div#pnlLogin { padding: 5px 5px 0px 10px; }
div#login-wraper { width: 174px; background: none repeat scroll 0 0 #F6F6F6; padding: 12px; margin: 0px 0px 0px 0px; }
div#login-wraper fieldset { font-size: 11px; font-weight: normal; border: none !important; }
div#login-wraper label {  color: #333; font-size: 11px;  margin-bottom: 5px;color: #000; }
div#login-wraper input[type="text"], div#login-wraper input[type="password"] {float: left; margin: 3px 3px 8px 0px;}
/* For Login UserId and Password*/
div#login-wraper input[type="text"], input[type="password"].loginpassword { width: 148px; }
div#login-wraper ul li {clear: both;display: block;}
div#login-wraper ul li a { color: #007da7; text-decoration: underline; }
div#login-wraper ul li a:hover { text-decoration: none; }
div#login-wraper ul li span { font-weight:normal;  clear: both;float: left;margin: 0 4px 0 0;  color: #000;}
div#login-wraper ul li input[type="image"] { margin-top: 10px; }

/********** all these styles are meant for the decorating the right column divs**********/
.loginright_small div#blue { width: 157px; font-weight: bold; color: #0081c4; margin: 0; text-transform:none; padding: 14px 2px; background: url(../Images/img_big_ico_createaccount.gif) no-repeat right center; }
.loginright_small div#blue a { text-decoration: none;  color: #A41C2B; }
.loginright_small div#blue a:hover { text-decoration: underline; }
.loginright_small div#black { font-weight: bold; color: #0081c4; text-transform: capitalize; margin: 0; padding: 7px 2px; background: url(../Images/img_big_ico_baccount.gif) no-repeat right center; }
.loginright_small div#black a { text-decoration: none; color: #0081c4; }
.loginright_small div#black a:hover { text-decoration: underline; color: #0081c4; }
.loginright_small div#green { font-size: 13px; font-weight: bold; color: #80800c; text-transform: capitalize; font-weight: 500; margin: 0; padding: 5px 0px 0px 0px; background: url(../Images/img_big_ico_vendor_register.gif) no-repeat right center; min-height: 38px; }
.loginright_small div#green a { text-decoration: none; color: #80800c; }
.loginright_small div#green a:hover { text-decoration: underline; color: #80800c; }

/* Backgrond */
/*#inner-contennt-block.BG {background: url(../Images/FASTag.jpg) no-repeat;width:960px;height:380px;background-size:960px 380px;}*/
#inner-contennt-block.BG {background: url(../Images/img.png) no-repeat;width:960px;height:380px;background-size:960px 380px;}
.highlightit{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.highlightit:hover{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.Keyfocushighlightit{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;opacity: 1;}

.block_header{height:45px;}

@font-face {
    font-family: "password-mask";
    src: url(data:font/woff;charset:utf-8;base64,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) format("woff");
}

.mask-password {
    font-family: password-mask;
}

    .mask-password::placeholder {
        font-family: sans-serif;
    }

    .mask-password:-ms-input-placeholder {
        font-family: sans-serif;
    }

/*#slideshow {*/
/*margin: 80px auto;*/
/*position: relative;
width: 140px;
height: 140px;
padding: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}*/

/*#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}*/
