body { padding:0; margin:0 ;   background-color:#F3F1E9; font-family: Arial, Sans-Serif !important; color: #333333; font-size:11px; }    
    a{color:#1889bd}
    /* For modern browsers */
    .clearfix:before,
    .clearfix:after {
        content:"";
        display:table;
    }
    .clearfix:after {
        clear:both;
    }
    /* For IE 6/7 (trigger hasLayout) */
    .clearfix {
        zoom:1;
    }
    input[type="image"] { border:none 0px !important; }
    p.chromeframe 
    {
        padding:20px;
    }
    
    input[readonly], textarea[readonly]
    { color:#333333 !important; background-color:#e5e5e5 !important; border:solid 1px #bcbcbc !important; cursor:default !important; }
    
    input.readonly, textarea[disabled], input[disabled], select:disabled 
    { color:#333333 !important; background-color:#e5e5e5 !important; border:solid 1px #bcbcbc !important; cursor:default !important; }
    
    input{padding:2px 3px;}
    textarea {padding:3px;font-family:Arial !important}
    span.readonly, div.readonly
    {
        color:#333333; background-color:#e5e5e5; border:solid 1px #bcbcbc;padding:2px 3px;       
    }
    
    img { border: none;margin: 0px; }
      
    select { width:auto; line-height:2em; }
    input[type="submit"]{border:none !important; cursor:pointer}

    .page { width:960px;  margin:0 auto; background:#D2D1C2; }
      

      #header { background: url('themes/base/images/header_miamigov.jpg') no-repeat;background-color:#b79d5c; position:relative;width:960px; height:133px; }
      
      
      #header img { border:0;left:0px;top:0px; }
      
      #header .logo { border:0; position:absolute; left:25px; top:5px; }
      
       #leftCol { float:left; width:203px; /* probably need to replace with a faux column color  was using #b79d5c */ background: #b79d5c url('themes/base/images/left_col_bkg.gif') repeat-y; margin-top:0; }
      
      #midCol { float:left; width:345px; margin-left:20px; margin-top:15px;margin-right:5px; }
      
      
      #rightCol { float:right; margin-top:15px;  width:350px; margin-right:20px; margin-left:10px; }
      
      #footer { clear:both; text-align:center; background: url('themes/base/images/footer_bkg.png') repeat-x; height:38px; color:#fff; text-align:center; font-size:0.5em;
 padding-top:0px; font-weight:500;   text-transform:uppercase; margin-bottom:0; padding-bottom:0; }
      
     
      #footer p
      {text-decoration:none;
        color:#fff; font-size:8pt;line-height:3em;}
      
      #footer a {  text-decoration:none; color:#fff;font-size:8pt;line-height:2.2em;}
      
      #footer a:hover { color:#cc9966; }
      
     .clearfix  {clear:both;}
     
     
    
      /* headings */
      
      h2 {font-family:Arial, sans-serif; font-size:17px; color:#003366; margin-top:5px;
 margin-bottom:5px; }
      
       h3 { font-family:Arial, sans-serif; font-size:14px; color:#003366; margin-top:5px;
        margin-bottom:5px; }
      
      label {color:#000000;}
            

  /* NAVIGATION */
  
  
  .top_nav { border-style: none;border-color: inherit;height:32px; width:auto;
        margin:0; background: url('themes/base/images/topNav/top_nav_bkg_nw.png') repeat-x 0 0 ; border-width:0; padding-left:65px;padding-right: 0;padding-top: 0;padding-bottom: 0;}
   
  
     ul.top_nav li { padding: 0 10px; display:inline; line-height:2em;}
    
    ul.top_nav a {text-decoration:none; color:#fff; border:0; padding:0; font-size:11pt;}
    
    .top_nav img{ border:0; }
      
       #leftCol .buttons { margin:0; padding:0; line-height:0; overflow:hidden;
        display:block; }
    
    .sub_nav { border-style: none;border-color: inherit;height:24px;
        width:auto; margin:0; background: #9e8037;
        border-width:0;padding-left: 65px;padding-right: 0;padding-top: 0;padding-bottom: 0;}
   
  
     ul.sub_nav li { padding: 0 10px; display:inline; line-height:1.5em; }
    
    ul.sub_nav a { text-decoration:none; color:#fff;  border:0; padding:0; font-size:11pt; }
    
    .sub_nav img{border:0; }
      
       #leftCol .buttons { margin:0; padding:0; line-height:0; overflow:hidden;
        display:block; }


    .whiteline { background:url('themes/base/images/whiteline_bkg.gif') repeat-x; width:90%; height:15px; clear:both; margin-top:5px; }
   
    .whiteline2 { background:url('themes/base/images/whiteline_bkg.gif') repeat-x; width:100%; height:15px; margin-top:5px;}


  .leftnav_buttons { margin-left:20px; margin-right:15px; margin-top:20px; margin-bottom:10px;  border:0; }
    
    .leftnav_buttons img {    border:0; }
   
  
  

/* modifications for internal pages with White bkg */
#main {width:959px;border:1px solid #dddddd;background:#fff ;}

#main p { font-size:13px; color:#6c6c6c; padding-left:25px; padding-right:35px; margin-top:-5px;}

#main h3 { font-family:arial,sans-serif;  font-size:14px;  color:#4981c8;  padding-left:25px;  padding-top:5px;}

#main h3 a { font-family:arial,sans-serif; color:#4981c8;}

#main h3 a:hover { font-family:arial,sans-serif;color:#003366;}

#main .title img  { padding-left:15px; padding-bottom:10px; padding-top:25px;}

#wrapper_main { width:960px; margin:0 auto; padding:0; background: #ccc url('themes/base/images/main_bkg.png') repeat-y;}

	
/*  Contact Us */

/*  Full Width Container 2 Column */

.intakeCmd { width:95%;margin:auto;padding:20px 10px;clear: both; }

.intakeCmd div.right { float:right; }

.intakeCmd div.left { float:left; }

#full_container {height:auto; margin:auto; /* background-color:#e8e6e6; */}

.leftColumn { position:relative; clear:left; float:left; width:370px;  height: auto; padding-left: 20px; text-align:left;}

.rightColumn { position:relative; clear:right; float:right; width:380px; height: auto; padding-right: 70px;  text-align:left; }
      

.singleColumn  {position:relative; clear:both; float:left; margin: 0 25%; 
                width:auto; height: auto; text-align:left; display: block}


.col1{position:relative;clear:left; float:left; height: auto; padding-left: 20px; text-align:left; width:300px}
.col2{position:relative;clear:none; float:left; height: auto; padding-left: 0px; text-align:left;width:300px}
.col3{position:relative;clear:right; float:right; height: auto; padding-right: 100px; text-align:right;width:120px}

/**** MIAMI BIZ ****/

#miamiBizBox {margin: 20px auto; width:726px; height: auto;}
#ReportBox {margin: 20px auto; width:99%; height: auto;}

.topBizBox{background: url('themes/base/images/top-box.png') no-repeat 0 0;width:726px; height: 45px; }
.midBizBox{background: url('themes/base/images/mid-box-repeat.png') repeat-y 0 0;width:726px; height:auto; min-height:200px}
.bottomBizBox{background: url('themes/base/images/bottom-box.png') no-repeat 0 0;width:726px; height: 17px; }


#miamiBizBox866 {margin: 20px auto; width:866px; height: auto;}

.topBizBox866{background: url('themes/base/images/top-box-866.png') no-repeat 0 0;width:866px; height: 79px; }
.midBizBox866{position:relative; background: url('themes/base/images/mid-repeat-866x1.png') repeat-y 0 0;width:866px; height:auto;  padding: 0; float:left}

.midBottomBizBox866{background: url('themes/base/images/mid-bottom-box-repeat-866.png') no-repeat 0 0 ;width:866px; height:4px; float:left;}

.bottomBizBox866{background: url('themes/base/images/bottom-box-866.png') no-repeat 0 0;width:866px; height: 27px; float:left; padding-bottom: 20px }


/*** business index details and all full width telerick pages ***/


.fullTopBizBox866{background: url('themes/base/images/top-box-866.png') no-repeat 0 0;width:866px; height: 79px; }
.fullMidBizBox866{position:relative; background: url('themes/base/images/mid-repeat-866x1.png') repeat-y 0 0;width:866px; height:auto;  padding: 10px 20px; float:left}

.fullMidBottomBizBox866{background: url('themes/base/images/mid-bottom-box-repeat-866.png') no-repeat 0 0 ;width:866px; height:4px; float:left;}

.fullBottomBizBox866{background: url('themes/base/images/bottom-box-866.png') no-repeat 0 0;width:866px; height: 27px; float:left; padding-bottom: 20px }

.miamiBizLogo{margin: 0 auto; text-align:center; height: auto;}

.redText {color:red; font-size: 11px; font-weight:bold; line-height: 30px;}

/**** Login Page / forgot / reset / create / welcome ****/

h2.welcomeTitle {padding: 12px 0 0 30px}

.createBox{margin: 0px auto; background: url('themes/base/images/create-account-box-540x475_01.png') no-repeat 0 0;width:540px; height: 475px;
padding-top: 10px}

.loginBox{margin: 0px auto; background: url('themes/base/images/login-box.png') no-repeat 0 0;width:512px; height: 236px;
padding-top: 10px}

 .resetPasswordBox{margin: 0px auto; background: url('themes/base/images/login-box.png') no-repeat 0 0;width:512px; height: 236px;
padding-top: 3px}


.forgotPasswordBox{margin: 0px auto; background: url('themes/base/images/forgotpassword-box-185.png') no-repeat 0 0;width:512px; height: 185px;
padding-top: 10px}

.loginBox .innerForm {position:relative; padding:40px 0 0 100px;}
.forgotPasswordBox {padding:45px 0 0 30px; text-align:left;}
.resetPasswordBox {padding:39px 0 0 36px; text-align:left;}

.loginBox .editor-label {width: 100px; margin: 5px 0; position:relative; float:left; clear:left; color:#ffffff;  font-size: 14px; font-weight:bold; padding-right:10px}

.forgotPasswordBox .editor-label{width: 220px; margin: 5px 0; position:relative; float:left; clear:left; color:#ffffff;  font-size: 14px; font-weight:bold; padding-right:10px}

.resetPasswordBox .editor-label{width: 220px; margin: 5px 0; position:relative; float:left; clear:left; color:#ffffff;  font-size: 14px; font-weight:bold; padding-right:10px}


.loginBox .editor-label-RememberMe {width: 140px; position:relative; float:left; clear:both; 
                                         color:#ffffff;  font-size: 14px; font-weight:bold; padding:15px 10px 0 0}

.loginBox .editor-field, .forgotPasswordBox form .editor-field { position:relative; float:left;clear:right;}

.resetPasswordBox .editor-field { position:relative; float:left;clear:right; }

.loginBox .editor-field input, .forgotPasswordBox form .editor-field input, .resetPasswordBox .editor-field input {width: 200px; clear:right; margin: 2px 0}

.loginBox .editor-button { position:relative; float:left;clear:right;  padding:10px 0px 0 0}

.createBox .editor-button { position:relative; float:left;clear:right; margin: 0 auto; padding:30px 0px 0 75px}

.forgotPasswordBox .editor-button, .resetPasswordBox .editor-button{ position:relative; float:left;clear:right;  padding:10px 0px 0 48%}

.loginBox label, .forgotPasswordBox label, .resetPasswordBox label {font-size:10pt; color:#ffffff}

.loginBox a, .forgotPasswordBox a{color:#ffffff; font-size: 10pt; font-weight:bold; text-decoration:underline;
            display:block; text-align:center; font-family:Arial;}
label.smallLoginText {color:#ffffff; font-size: 11px; font-weight:bold; line-height: 30px;}
label.largeLoginText {color:#ffffff; font-size: 14px; font-weight:bold; line-height: 30px;}
table.tableLoginTop {color:#ffffff; font-family:Arial; font-weight:bold; font-size:11pt; margin: 0 auto; }
table.tableLoginBottom {color:#ffffff; font-family:Arial; font-weight:bold; font-size:11pt; margin: 5px auto 0 auto; }
table.tableLogin td, table.tableReg td{text-align:right;}

table.tableLogin td.loginBtn {text-align:left !important}
input.inputFields {width: 200px}

p.welcome{color:#02405c; font-family:Arial; font-weight:normal; font-size:10pt; float:left; padding: 15px 0 0 20px; text-decoration:none; margin: 0;}

p.todaysDate {color:#02405c; font-family:Arial; font-weight:normal; font-size:10pt; float:left; padding: 20px 0 0 20px; text-decoration:none; margin: 0; clear:left;}

a.logoff{ font-weight:normal; font-size:10pt; float:right; padding: 15px 20px 0 0px; }

p.requiredData {color:#02405C; font-family:Arial; font-weight:normal; font-size:10pt; float:right;clear:right; padding: 20px 20px 0 0px; text-decoration:none; margin: 0;}

.help{ font-weight:normal; font-size:10pt; float:right; padding: 15px 5px 0 0px; cursor:pointer; }

a.signupText{color:#ffffff; font-size: 16px; font-weight:bold; line-height: 30px; text-align:center }

/***** Forgot Password ***********/

.topBizBox h3{padding: 15px 0 0 15px}

/*** Reset Password ***/

table.tableReset {color:#ffffff; font-family:Arial; font-weight:bold; font-size:12pt; margin: 50px auto;}


/**** Registration ****/
h3.whiteTitle {text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13pt; font-weight:bold; padding-top:10px;margin: 0;}

#regBox{margin: 20px auto;width:512px;}
.topRegBox{background: url('themes/base/images/top-blue-header-trans-corners.png') no-repeat 0 0;width:512px; height: 39px; }
.midRegBox{background: url('themes/base/images/mid-blue-repeat.png') repeat-y 0 0;width:512px; height:auto; min-height:200px}
.bottomRegBox{background: url('themes/base/images/bottom-box-transparent-corners.png') no-repeat 0 0;width:512px; height: 39px; }
table.tableReg {color:#333; font-family:Arial; font-weight:bold; font-size:11pt; margin: 0 auto; padding:20px 0  }

.labelSide{width: auto}
.asterisk {color: red; font-weight:bold}

/**** MVC form ***/

.sectionDivider{border-top: 1px solid #99a5ab;border-bottom: 1px solid #fff; width: 100%; float: left; clear:both;margin:10px 0 0 0px}

.sectionDividerIndex{border-top: 1px solid #99a5ab;border-bottom: 1px solid #fff;float: left; clear:both;margin:10px 0 0 -20px; margin-left:15px; width: 590px}


.sectionDividerBottom{border-top: 1px solid #99a5ab;border-bottom: 1px solid #fff; width: 100%; float: left; clear:both;margin:10px 0 10px 0px;}

/*** header ***/

h2.pageHeader{ font-size: 16pt; font-weight:bold; color:#12516d; text-align:center; padding-top: 48px /* margin: -40px 0 15px -30px */ }
h2.bottomPageHeader{font-size: 16pt; font-weight:bold; color:#12516d; text-align:center; padding: 15px 0 5px 0px; clear:both; width: 100%}

h2.bottomPageHeaderRed{font-size: 12pt; font-weight:bold; color:#ff0000; text-align:center; padding: 15px 0 5px 0px; clear:both;}

h2.PageHeaderRed{font-size: 14pt; font-weight:bold; color:#ff0000; text-align:center; padding: 15px 0 0 15px; clear:both; width: 90%}

p#PreviousLink 
{
    float:left;clear:left; padding: 20px 0 0 20px; margin-top: -45px;font-size:12px;
}

label {font-weight:bold}

form .editor-label {width: 130px; margin: 5px 0; position:relative; float:left; clear:left; color:#333;  font-weight:normal; padding-right: 10px; }
form .editor-field { position:relative; float:left;clear:right;margin: 2px 0}

form .editor-field-button { position:relative; float:none;clear:right; text-align:center}

form .editor-field-margin10 { position:relative; float:left;clear:right;margin: 2px 0 5px 10px}

form .editor-field input {width: 200px; clear:right; }

form .editor-field-right { position:relative; float:right;clear:right;margin: 3px 20px 3px 0}

form .editor-field-right input {width:140px !important}
.input45, .input50,  .input55, .input60, .input70, .input80, .input90, .input100, .input130, .input210 {float:left;}
.input45 input {width: 45px;}
.input50 input {width: 50px !important;}
.input55 input, .input55 select {width: 55px;}
.input60 input, .input60 select {width: 60px;}
.input70  input, .input70 select {width: 70px; }
.input80 input {width: 80px;}
.input90 input {width: 90px;}
.input100  input, .input100  select  {width: 100px;}
.input130  input, .input130  select {width: 130px;}
.input210  input {width: 210px;}
.input220  input {width: 220px;}
.input250  input {width: 250px;}


.input55right input, .input55right select  {position:relative; width: 55px; float:right; margin: 2px 25px 2px 0; clear:right}
.input70right  input, .input70right select {position:relative; width: 70px; float:right; margin: 2px 25px 2px 0; clear:right}

.input80right input {position:relative; width: 80px; float:right; margin: 2px 25px 2px 0; clear:right}
.input100right input {position:relative; width: 100px; float:right; margin: 2px 25px 2px 0; clear:right}


.input100right7 input, .input100right7 select {position:relative; width: 100px; float:right; margin: 2px 7px 2px 0; clear:right}

.input180right input {position:relative; width: 180px; float:right; margin: 2px 25px 2px 0; clear:right}
.input230right input {position:relative; width: 230px; float:right; margin: 2px 25px 2px 0; clear:right}


.input100right select {position:relative; width: 104px; float:right; margin: 2px 25px 2px 0; clear:right}

.input100rightside input {position:relative; width: 100px; float:right; margin: 2px 7px 2px 0; clear:right}

form .editor-field input.radio {width: auto; clear:right}
form .editor-field-radio {padding-top:3px;}
form .editor-field-radio input {width: auto; padding-top:3px}
form .editor-field-radio-index  {width: auto; float:right; margin: 2px 25px 2px 0}


.cityState, .doubleFieldRow {float:left}
.label25{position:relative;width: 30px; float:left; text-align:right;padding: 0 5px; margin: 5px 0;}
.label30{position:relative;width: 30px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;}

.label35{position:relative;width: 35px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;}
.label40{position:relative;width: 40px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;}
.label50{position:relative;width: 50px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;}
.label60{position:relative;width: 60px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;}
.label70{position:relative;width: 70px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;}
.label77{position:relative;width: 77px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;}
.label80{position:relative;width: 80px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;}
.label90{position:relative;width: 90px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;}
.label40-ClearLeft{position:relative;width: 40px; float:left; text-align:right;padding: 0 10px; margin: 5px 0;clear:left}
.label100{position:relative; width:100px !important; float:left; text-align:right; padding: 7px 10px 3px 0}
.label110{position:relative; width:110px !important; float:left; text-align:right; padding: 7px 10px 3px 0}

.label110Pad7{position:relative; width:110px !important; float:left; text-align:right; padding: 7px 7px 3px 0}


.label120{position:relative; width:120px !important; float:left; text-align:right; padding: 7px 10px 3px 0}
.label130{position:relative; width:130px !important; float:left; text-align:right; padding: 7px 10px 3px 0}
.label160{position:relative; width:160px !important; float:left; text-align:right; padding: 7px 10px 3px 0}
.label170{position:relative; width:170px !important; float:left; text-align:right; padding: 7px 10px 3px 0}
.label180{position:relative; width:180px !important; float:left; text-align:right; padding: 3px 10px 3px 0}
.label200{position:relative;width:200px !important; float:left; text-align:right}
.label230{position:relative;width: 230px; float:left; text-align:right; padding: 7px 10px 3px 0}
.label250{position:relative;width: 250px; float:left; text-align:right}

.label260{position:relative;width: 260px; float:left; text-align:right}

.label280{position:relative;width: 280px; float:right; text-align:right; }


.label500{width: 500px; float:left; text-align:left;clear:both; padding: 10px 20px;}




.label50right {position:relative;width: 50px; float:right; text-align:right;padding: 0 10px; }

.label60right {position:relative;width: 60px; float:right; text-align:right;padding: 0 10px; margin: 5px 0;}
.label70right {position:relative;width: 70px; float:right; text-align:right;padding: 0 10px; margin: 5px 0;}
.label130right {position:relative;width: 130px; float:right; text-align:right;padding: 0 10px; margin: 5px 0;}
.label170right {position:relative;width: 170px; float:right; text-align:right;padding: 0 10px; margin: 5px 0;}
.label200right {position:relative;width: 200px; float:right; text-align:right;padding: 0 10px; margin: 5px 0;}

.label200SingleColRight {position:relative;width: 200px; float:left; text-align:right;padding: 5px 20px 0 0; margin: 5px 0;}

.stateLabel, .countryLabel {width: auto; margin: 5px 0; position:relative; float:left;  color:#333;  font-weight:normal; padding: 0 5px; text-align:right}
.labelRevoked{width: 250px; float:left; text-align:right; padding-right: 10px}


.inputCheckbox{width: 300px; float:left; text-align:right}
.labelRadio{width: 200px; float:left; text-align:right}

.labelNotify{width: 350px; float:left; text-align:right;}


form .editor-field input.inputAuto {width: auto; clear:right}
form .editor-field  input.input50 {width: 30px; clear:right; margin-left:20px}

form .editor-field input.inputAuto {width: auto; clear:right}

form .editor-field textarea {width:200px; min-height: 60px}

form .editor-field select {width:81px}

select.quad {width:50px !important}
select.streetType{width:50px !important}
select.businessType{width:205px !important}
select.phoneType{width:67px !important}



.FullWidthRow {clear:both; }
.FullWidthRow2 {clear:both; padding: 0 50px; width: 100%; }

.FullWidthRowHalt {clear:both; padding: 15px 0 }
.FullWidthRowHalt h3{color:#ff0000}

.haltTextContainerLeft{float:left; width: 320px;text-align:left}
.haltTextContainerMid{float:left; width: 320px; text-align:left}

.topReasonDescription {float:left;clear:right;text-align:left}
.bottomReasonDescription{float:left;clear:right;text-align:left}

/**** Button classes ****/

.buttonContainer {width: 260px; margin: 10px auto; text-align:center}

.buttonContainerTriple {width: 360px; margin: 10px 28% 0 28%; text-align:center; float:left; clear:both}

.buttonContainerDouble {width: 240px; margin: 10px 35% 0 35%; text-align:center; float:left; clear:both}

.buttonContainerSingle {width: 190px; margin: 10px auto; text-align:center}

.buttonContainerHalt{width: 170px;  text-align:right;float:right;padding-right:200px; clear:right}

.singleButton{float:left; margin: 0 auto;text-align:center; width:120px}
.singleButton160{float:left; margin: 0 auto;text-align:center; width:160px}

.singleButtonHalt{float:right; clear:right; text-align:right; width:120px; padding-top:20px}

.singleButtonHalt input { margin: 10px 0 0 10px; padding: 15px}
.singleButtonHalt a{ margin: 40px 0 0 10px; padding: 15px}

.singleButtonCenter{margin: 5px 0 0 47%; float:left}
.singleButtonCenterMargin{margin: 0 auto}

p.haltMessage {color:#ff0000; font-weight:bold;padding: 10px 0; width: 300px; float:left; clear:none; text-align:left; }

p.haltMessageBlack {color:#000000; font-weight:normal;padding: 10px 0; width: 300px; float:left; clear:none; text-align:left; }

/**** Password reset ****/

input.inputRight {float:right;}
input.inputPasswordFields, input.inputSearchArea {width: 220px}

input.inputSearchArea170 {width: 170px}

label.smallLoginPasswordText {color:#ffffff; font-weight:bold; line-height: 45px;}
span.pwChangedText{color:red; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center}

 .paginationBizIndex {float:right;  margin-right:60px; padding: 3px 0 }
 .paginationBizIndex a{color:#023953 !important; display:inline; padding: 0 3px; font-weight:bold}
.bizIndexCol1, .bizIndexCol2, .bizIndexCol3 {float:left; text-align:center}

.bizIndexCol1 {width:30px;}

.bizIndexCol2 {width:200px;}

.bizIndexCol3 {width:200px;}

.addBizOwner, .viewApplication{float:right; padding: 2px 10px 0 10px; clear:right}

.viewFCS{float:right; padding:0; clear:right}

.resetPwContainer {padding: 0px 100px 0px 0; text-align: right}

.indexOuterBoxContainer {margin: 15px auto; font-weight:bold}

.indexTopBox {background: url(themes/base/images/top-index-outer-box.png) no-repeat; width:761px ; height:3px ; float:left}

.indexMidBox {background: url(themes/base/images/mid-index-outer-box.png) repeat-y; width:761px ; height:auto; padding: 0; margin:auto; display:block;}

.indexBotBox {background: url(themes/base/images/bot-index-outer-box.png) no-repeat; width:761px ; height:3px ; float:left;}

.indexInnerBoxContainer {width: 720px; margin: 0 auto; text-align:left; }

.innerBoxHeader {background: url(themes/base/images/index-header-repeat.png) repeat-x; width:100% ; height:21px ; }

.innerBoxHeaderDetail {background: url(themes/base/images/index-header-repeat.png) repeat-x; width:100% ; height:21px ; float:left}

.innerBoxRow {background: url(themes/base/images/index-un-selected-row-repeat.png) repeat-x; width:100% ; height:33px ; margin: 0px}

.innerBoxRowDetail {background: url(themes/base/images/index-un-selected-row-repeat.png) repeat-x; width:100% ; height:33px ; margin: 0px; float:left}

.innerBoxRowSelected{background: url(themes/base/images/index-selected-row-repeat.png) repeat-x; width:100% ; height:33px ; margin: 0px}

.innerBoxRowSelectedFloat{background: url(themes/base/images/index-selected-row-repeat.png) repeat-x; width:100% ; height:33px ; margin: 0px; float:left;clear:both}

.activeRow {background: url(themes/base/images/index-selected-row-repeat.png) repeat-x !important; width:100% ; height:33px ; margin: 0px}

.innerBoxArea1, .innerBoxArea2, .innerBoxArea3  {background-color:#e8e6e6 ; width:100%; float: left; padding-bottom: 15px; border: 1px solid #C8C8C8;}

ul.ulBizIndexHeading {list-style-type: none; height: 21px; width: 100%; margin: auto;float:left; padding: 0 0 0 5px}
ul.ulBizIndexHeading li {float: left; color:#fff;  font-weight: bold; line-height: 21px; text-align:center;}

ul.ulBizIndexHeading li a, ul.ulBizIndexHeading li a:hover {float: right; color:#fff; text-decoration:underline;font-weight: bold; font-size: 8pt; line-height: 21px;padding-right:0px; text-align:right}

li.width40 {width:40px;}
li.width70 {width:70px}
li.width87 {width:87px}
li.width95 {width:95px}
li.width80 {width:80px}
li.width100 {width:100px}
li.width115 {width:115px}
li.width120 {width:120px}
li.width130 {width:130px}
li.width140 {width:140px}
li.width150 {width:150px}
li.width160 {width:160px}
li.width200 {width:200px}
li.width350 {width:350px}
li.width400 {width:400px}



li.totalPrice {width:400px;overflow:hidden; text-align:left !important; padding-left:15px !important; color:#115C83 !important}

li.priceTotal {width:70px  ;float:right !important; padding-right:25px !important; color:#115C83 !important}

ul.ulBizIndexHeading li.liShowHide {float:right; margin-right:20px}

ol.ulBizIndexData {list-style-type: none; height: 21px; width: 550px; margin: auto;float:left; padding: 0 0 0 5px}

ol.ulBizIndexData li {float: left; color:#000;  font-weight: bold; font-size: 10pt; line-height: 21px; text-align:center; padding: 0 ;line-height:2 }

ol.ulBizDetails{list-style-type: none; height: 21px; width: 610px; margin: auto;float:left; padding: 0 0 0 5px}

ol.ulBizDetails li {float: left; color:#000;  font-weight: bold; font-size: 10pt; line-height: 21px; text-align:center; padding: 0 ;line-height:2 }

ol.ulBizHistory{list-style-type: none; height: 21px; width: 640px; margin: auto;float:left; padding: 0 0 0 5px}

ol.ulBizHistory li {float: left; color:#000;  font-weight: bold; font-size: 10pt; line-height: 21px; text-align:center; padding: 0 ;line-height:2 }


ol.ulBizFCS{list-style-type: none; height: 21px; width: 650px; margin: auto;float:left; padding: 0 0 0 5px}

ol.ulBizFCS li {float: left; color:#000;  font-weight: bold; font-size: 10pt; line-height: 21px; text-align:center; padding: 0 ;line-height:2 }

ol.ulBizBilling, ul.ulBizBilling{list-style-type: none; height: 21px; width: 700px; margin: auto;float:left; padding: 0 0 0 5px}

ol.ulBizBilling li, ul.ulBizBilling li {float: left; color:#000;  font-weight: bold; font-size: 10pt; line-height: 21px; text-align:center; padding: 0 ;line-height:2 }


ul.ulBizPending {list-style-type: none; height: 21px; width: 600px; margin: auto;float:left; padding: 0 0 0 5px}

ul.ulBizPending li {float: left; color:#000;  font-weight: bold; font-size: 10pt; line-height: 21px; text-align:center; padding: 0 ;line-height:2 }


#fullWrapper { width:100%; margin:25px 0 0 0; }

#fullMiamiBizBox { margin: 20px 0; width:100%; height: auto; padding: 0}
.fullGreyHeader{background: url(themes/base/images/ful-grey-header-repeat.png) repeat-x 0 0; width: auto; height: 45px}

.fullGreyHeader p.welcome{color:#02405c; font-family:Arial; font-weight:normal; font-size:11pt; float:left; padding: 15px 0 0 20px; text-decoration:none; margin: 0;}

.fullMidBizBox{position: relative; background-color: #edeff0;width:100%; height:100%; padding: 0; margin: 0 0 -10px 0;}

span#lblErrorLogin, #lblEmailExists, #lblReq{font-size:10pt; text-align:center !important; margin: 0 auto; font-family:Arial,sans-serif; font-weight:bold;}

#AppSubmitted label{font-family:Arial,sans-serif; font-weight:bold; font-size:11pt; }

ul.ulBizProfile{list-style-type: none; height: 21px; width: 100%; margin: auto;}
ul.ulBizProfile li {float: left; color:#000; padding-right:20px; font-weight: bold; font-size: 10pt; line-height: 21px; display:inline}

.leftColBizIndex {position: relative; float:left;clear:left; width:300px; padding:10px 0 0 10px}


.rightColBizIndex {position: relative; float:left;width:300px; padding-top:10px}

/****/

.leftColTabs {position: relative; float:left;clear:left; width:350px; padding:10px 0 0 10px}


.rightColTabs {position: relative; float:left;width:350px; padding-top:10px}


/****/

.btnColBizIndex {position: relative; float:right; width:90px; padding:10px 0px 0 0}


.newBizBtn {text-align:center; margin:10px 40% 0 40%; float:left}


/**** Popups ****/
#popupAddress {background: url('themes/base/images/popup-address-bg.png') no-repeat; width: 386px !important ; height: 411px !important; position: absolute; right: 0}

#dialog{ margin: 0 auto; text-align:center; padding: 10px; }

#dialog span{font-size: 13pt; font-weight: bold; color: #ff0000}

.helpPopup{text-align:left; border: 1px solid black; padding: 20px; width: 530px; height: auto; font-size: 10pt ;}

#divCurrentBusiness{text-align:center}


.popupButton{float:right; margin: 10px 25px 10px 0 ;text-align:center; width:100px}

/**** WELCOME PAGE *****/

 .welcomeButton {background: url("themes/base/images/get-started-btn.png" ) no-repeat top left; width:175px;height:50px;}

.submitButton {background: transparent url("themes/base/images/submit-btn.png") no-repeat top left; width:104px;height:36px; text-indent:-9999px; display:inline;}

.cancelButton {background: transparent url("themes/base/images/cancel-btn.png") no-repeat top left; width:104px;height:36px; text-indent:-9999px; display:inline;}
 
.welcomeBody{margin: 20px 40px 0 40px; color:#023953; text-align:left; }

.welcomeBody h1{}
.welcomeBody p{}

.welcomeBG{background: url(themes/base/images/welcome-image.jpg) no-repeat bottom right; padding-bottom: 220px; }


/********** MISC ************/

span.blue {color: #02405C}
span.red {color: #ff0000}
span.padr10 {padding-right:10px}
.marginr10 {margin-right:10px}


/************ Business emergency contacts **********/

.emergNum1 {position: absolute; left: 25px; top: 40px;}
.emergNum2 {position: absolute; left: 25px; top: 40px;}
.emergNum3 {position: absolute; left: 25px; top: 40px;}


.businessEmergencyContactsContainer {padding:20px;}
.businessEmergencyContactsContainer form {width:100%;}
.businessEmergencyContactsContainer form .editor-label {width:90px}
.businessEmergencyContactsContainer form .leftColumn {padding-left:90px; width:310px}
.businessEmergencyContactsContainer form .rightColumn {padding-right:20px}
 


/** ERRORS ***/

.validationSummaryBox {text-align:left; margin: 0 auto; padding: 5px 0;}

.errorBox {text-align:center; margin: 0 auto; width: 700px; padding: 5px 0;}

.errorBoxLogon {text-align:center; margin: 0 auto; width: 520px; padding: 5px 0; margin: 35px auto 0 auto}

span.field-validation-error {color: Red;font-size: 13px; font-weight:bold;}


.loginErrorBox {position:absolute; width: 700px; height: auto; left: -60px; top: 163px; z-index:111 }

.forgotPasswordErrorBox {position:absolute; width: 700px; height: 40px; left: 50px; top: 133px; z-index:111 }

.resetPasswordErrorBox {position:absolute; width: 700px; height: auto; left: 28px; top: 183px; z-index:111 }

.validation-summary-valid { display:none; }

.validation-summary-errors { margin: 10px auto; }

.validation-summary-errors span{color: Red;font-size: 13px; font-weight:bold;}

.validation-summary-errors ul li {color: Red;font-size: 13px; font-weight:bold; }

.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error { /*border: 1px solid #ff0000;*/ background-color: #ffeeee !important; border: solid 1px #f00 !important; }

/** TABS ***/


#tabs {float:left; width:760px; background: none !important; border: none !important;}
.ui-tabs-panel {padding:0 !important}
.ui-tabs-nav {float:left}
.ui-tabs-nav li {top: 2px}

ul.ulBizDetailHeading {list-style-type: none; height: 21px; width: 100%; margin: auto;float:left; padding: 0 0 0 5px}
ul.ulBizDetailHeading li {float: left; color:#fff !important;  font-weight: bold; font-size: 10pt; line-height: 21px; text-align:left;}

ul.ulBizDetailHeading li a{float: left; color:#fff;  font-weight: bold; font-size: 9pt; line-height: 21px; text-align:left; padding-right:10px}
.ui-tabs-nav li a {padding: 0.3em 1em; font-family:arial; font-weight: bold; font-size: 10pt;}

/** BUSINESS DETAIL ***/
.topSearchAreaIndex {/* float:left;*/ height: 40px; width: 100%; clear:both; margin: 0px auto}
.topSearchAreaIndex ul {margin:15px auto;/* float: left;*/ text-align: center; width: 820px; font-size: 10pt; font-weight: bold; padding: 0 5px}
.topSearchAreaIndex ul li{display:inline; float:left; padding: 0 5px;}



.topSearchArea {/* float:left;*/ height: 70px; width: 100%; clear:both; margin: 0px auto}
.topSearchArea ul {margin:15px auto;/* float: left;*/ text-align: center; width: 820px; font-size: 10pt; font-weight: bold; padding: 0 5px}
.topSearchArea ul li{display:inline; float:left; padding: 0 5px;}



.topDataArea {float:left; width: 100%; clear:both; margin: 0 0 10px 0}
.topDataArea ul {margin: 0 auto; float: left; text-align: center; width: 800px; font-size: 10pt; font-weight: bold; padding: 0 5px; line-height:2}
.topDataArea ul li{ color:#115c83; display:inline; float:left; padding: 0 10px;}


.topDataArea2 {float:left; width: 100%; clear:both; margin: 0 0 10px 0}
.topDataArea2 ul {margin: 0 auto; float: left; text-align: center; width: 800px; font-size: 10pt; font-weight: bold; padding: 0 5px; line-height:2}
.topDataArea2 ul li{ color:#115c83; display:inline; float:left; padding: 0 4px;}



.hideRevokeReason {display:none}

.viewLink { text-align:center ; padding:0 ; color:#115C83 !important; line-height:2; padding: 0 20px 0 0; font-size:10pt}


/** ADD APPLICATION ***/
table.applicantEmail {width:890px; padding-left:20px}

table.applicantEmail td {font-size: 10pt}
table.applicantEmail td.tdLeft {text-align: left}

p.pApplicantEmail {text-align: left; width: 840px; float: left; font-size: 11pt;padding-left: 20px; }
p.pLicenses {text-align: center; width: 720px; float: left; font-size: 10pt; color:#000; margin: 0; padding: 0 0 5px  0}

a.blueLinks{color:#115C83 !important; font-family:Arial; font-weight:bold !important
            ; font-size:10pt;  padding: 10px; text-decoration:underline; float:left; text-align: left;}
            
/* Phone Number */
.clPhoneNumberFormat
{
	position: relative;
	width: 25px;
	height: 16px;
	border: solid 1px #819fbb;
	font-size: 12px;
}
.clPhoneNumberFormatLast4
{
	position: relative;
	width: 40px;
	height: 16px;
	border: solid 1px #819fbb;
	font-size: 12px;
}


/** floating dialogue boxed**/



#AddPhoneDialog {margin: 0 2em; width:auto; }


.blockUIImage
{
	padding-left: 20px;
	font-weight: bolder;
	font-size: 1em;
	margin: 20px auto;
	width: 260px;    
    background:transparent url('themes/base/images/loading.gif') no-repeat 0 0;
}

/*** Business Index Detail  ***/

#businessIndexDetailStyle {}

#businessIndexDetailStyle .emergNum1,
#businessIndexDetailStyle .emergNum2,
#businessIndexDetailStyle .emergNum3{ display:none}

#businessIndexDetailStyle .sectionDividerBottom { border:none}

#businessIndexDetailStyle .buttonContainer {display:none;}

/*** Pending App Index  ***/

tr.t-alt tr td {}

#InternalHeader .formWrap
{
    background-color:#e8e6e6;
    border: solid 1px #a4abb2;
    margin:10px auto;
    width:836px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.internalHeader.formWrap
{
    background-color:#e8e6e6;
    border: solid 1px #a4abb2;
    margin:10px auto;
    width:775px;
    padding:0 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.internalHeader.formWrap .mbs
{
    margin:10px 0;
}

#InternalHeader .formWrap .titleWrap
{
    font-size:14px;
    padding:5px;
}

#OracleHeader.formWrap
{
    background-color:#e8e6e6;
    border: solid 1px #a4abb2;
    margin:10px auto;
    width:800px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

#OracleHeader.formWrap .titleWrap
{
    font-size:12px;
    padding:5px;
}

.wzdStepWrap
{
    padding:20px;
    margin:10px;
    border:solid 1px #a4abb2;
    background-color:#e8e6e6;
}

/* Finance Tab -- Add BTR (BTRDialog) */
.bf1
{
    display:inline-block;
    width:23%;
    height: 14px;
    color:#333333; 
    background-color:#e5e5e5; 
    border:solid 1px #bcbcbc;
    padding:2px 3px;
 }
 
 .bf2
 {
    display:inline-block;
    width: 235px;
    height: 14px;
    color:#333333; 
    background-color:#e5e5e5; 
    border:solid 1px #bcbcbc;
    padding:2px 3px;
 } 
 
/* FORM STYLES */
div.formWrap
{
    width:100%;
    font-size: 11px !important;
    color:#333333;
    font-weight:normal;
}
div.formWrap div.mbs
{
    margin-bottom:5px;
    vertical-align:top;
}
div.formWrap div.section
{
    clear:both;
    border-bottom:solid 1px #cccccc;
    margin-bottom:5px;
    padding-bottom:5px;
}
div.formWrap div.cmdWrap{
    width:100%;float:right;text-align:right;padding:20px;
}
div.formWrap div.mbs .cell
{
    display:inline-block;    
    margin-right:3px;
    vertical-align:top;
}
div.formWrap div.mbs .cell label
{
    line-height:18px;
    vertical-align:top;
}
div.formWrap div.mbs .cell .field
{
    line-height:18px;
    display:inline-block;                
    vertical-align:top;
}    
div.formWrap div.mbs .p1
{    
    display:inline-block;        
    width:99%;
}
div.formWrap div.mbs .cell.p1
{
    margin-right:0px;
}
div.formWrap div.mbs .p2
{
    display:inline-block;
    width:48%;
}
div.formWrap div.mbs .p3
{
    display:inline-block;
    width:32%;
}
div.formWrap div.mbs .p4
{
    display:inline-block;
    width:23%;
}
div.formWrap div.mbs .p5
{
    display:inline-block;
    width:18%;
}
div.formWrap div.mbs .p6
{
    display:inline-block;
    width:14%;
}   
div.formWrap .commandRow
{
    text-align:right;
}
/*END FORM STYLES*/
.panelWrap
{
    padding:10px;
}

button
{
    -moz-box-shadow: 0px 2px 3px #666;
	-webkit-box-shadow: 0px 2px 3px #666;
	box-shadow: 0px 2px 3px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');
	outline:none;
}

#Menu
{
    font-size: 12px;
    font-weight:normal;
}
.TopBtnWrap
    {
        float:right; 
        clear:both; 
        width:100%;
        margin:5px 0;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box
    }
.leftAmend
{
    float:left;padding:0;margin:0;
}
.rightAmend
{
    float:right;padding:0;margin:0;
}
.amendWrap
{
    clear:both;width:100%;font-size:.8em;
}

#znGrdSelHauler > input[type=text],
#grdSelHauler > input[type=text]
{   
    border-radius: 0px !important;
    margin-right: 0px !important;
    height:24px !important;
    border-right-width: 0px !important;
}
#znGrdSelHauler > em,
#grdSelHauler > em
{
    border-radius: 0px !important;
    margin-left: -5px !important;
    height:24px !important;
    border-left-width: 0px !important;
}

#theDgContent table, #znTheDgContent table { border-spacing: 0px; border-collapse:collapse; }

#znTheDgContent table tr > th, #znTheDgContent tr[data-haulerid] > td, 
#theDgContent table tr > th, #theDgContent tr[data-haulerid] > td { border-left: 1px solid #339BB9 !important; }

#znTheDgContent table tr > th:first-child, #znTheDgContent tr[data-haulerid] > td:first-child,
#theDgContent table tr > th:first-child, #theDgContent tr[data-haulerid] > td:first-child { border-left-width: 0px !important; }

#theDgContent tr[data-haulerid] > td,
#znTheDgContent tr[data-haulerid] > td { border-bottom: 1px solid #339BB9 !important; padding: 4px;}

#theDgContent tr[data-haulerid]:hover,
#znTheDgContent tr[data-haulerid]:hover { background-color: #EDF7FA;}

#grdSelHauler input[type=text].input-validation-error,
#znGrdSelHauler input[type=text].input-validation-error { border-color: Red !important}

#grdSelHauler input[type=text].input-validation-error ~ em, 
#znGrdSelHauler input[type=text].input-validation-error ~ em{ border-color: Red !important}

#HaulerSelect.openDg, #znHaulerSelect.openDg  { background-color: white !important}
#HaulerSelect.dsbld { background-color: rgb(229, 229, 229) !important}

.rbHelp 
{
    
    background-image: url('rbExtendedIcons16x16Dark.png')!important; 
    background-position: -120px 0px;
    background-size: auto !important;
    /*height: 16px;
    width: 16px;
    text-align: center;display: inline-block;
    background-repeat: no-repeat;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    color: rgb(0, 63, 89);
    cursor: pointer;
    line-height: 0px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    opacity: 0.9;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
    text-indent: -3333px;
    vertical-align: middle;
    width: 16px;
    zoom: 1;
     https://demos.telerik.com/aspnet-ajax/button/examples/embeddedicons/defaultvb.aspx */
}
.rbTrash {
    background-image: url('rbBasicIcons16x16Dark.png') !important;
    background-position: -20px 0px;
    background-size: auto !important;
}
 
  .ui-tooltip
{
    background: gray;
    border: 1px solid white;
    padding: 2px;
    color: white;
    border-radius: 20px;
    font: 10px "Helvetica Neue" , Sans-Serif;
    box-shadow: 0 0 7px black;
    margin: 20px;
}
 .ui-tooltip table { border-spacing: 0px; border-collapse:collapse; }
 .ui-tooltip table tr > td { border-left: 2px solid White !important; padding: 3px; vertical-align: top;}
 .ui-tooltip table tr > td:first-child{ border-left-width: 0px !important; }
 .ui-tooltip table tr:first-child > td{ border-bottom: 2px solid white; font-weight: bold}

 .blurThis {
    filter: blur(4px) !important;
    -webkit-filter: blur(4px) !important;
    -moz-filter: blur(4px) !important;
    -o-filter: blur(4px) !important;
    -ms-filter: blur(4px) !important;
}

 .noAccess {
     visibility: hidden !important;
 }

.custom-grid tbody tr {
    border-bottom: 1px solid #ccc; /* Add a line below each row */
}