p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 10pt;*/
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
}

h2 {
    font-family: Arial Bold;
    font-size: 25px;
	color: #570026;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color:#570026 !important;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color:#570026 !important;
}

h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 6pt;
}

select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.input_button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

.standard_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.superscript {
    vertical-align: super;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.notes {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.default_text {
    color: #000099;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.address_in_banner {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

/* jc add 08/17/2009
   following added to help with the standard header and footer of all TDLR 
   webpages. just tossed in here, and didn't spend a lot of time integrating. 
   ideally the elevator pages should use the same css file as the rest of the
   TDLR pages, but that will take too much time. so another day.
x
.footer {
	clear: left;
	border: 0;
	margin: 0;
	padding: 3px 20px 3px 20px;
	background-color: #000066;
	color: #999;
	font-size: 9pt;
	text-align: center;
	font-weight: 700;
	
}

.footer a:link {
	color: #ccc;
}

.footer a:hover {
	color: #fff;
	background-color: transparent;
}

.footer a:visited {
	color: #ccc;
}

.footer a:visited:hover {
	color: #fff;
	background-color: transparent;
}

.hidden 
	{
	position:absolute; 
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	} 

a:link {
	color: #990000;
	text-decoration: none;
}

a:hover {
	color: #0033FF;
	background-color: #E0E0E0;
}

a:visited {
	color: #800080;
	text-decoration: none;
}

a:visited:hover {
	color: #800080;
	background-color: #E0E0E0;
}
*/


/* Some of this CSS (for keeping footer stuck to bottom) comes from http://www.cssstickyfooter.com/using-sticky-footer-code.html */
html, body {
    height: 100%; /*needed for keeping footer at bottom*/
}

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #CCCCCC;
    border-color: #000000;
    color: #2e2d2c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    line-height: normal;
    text-align: center;
}

/* Cssstickyfooter.com code consists of this:
html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 150px;}   must be same height as the footer 

#footer {position: relative;
	margin-top: -150px;  negative value of footer height 
	height: 150px;
	clear:both;} 

Opera Fix
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
} */
#wrapper {
    /*min-height: 100%;*/ /*12-3-14 commented off by tao to not force the footer to be displayed on browser's full length, which pushed the footer off-site*/
    background-color: #fff;
    margin: 0px auto 0px auto;
    max-width: 960px; /* 960 px so that page content area is same width as header banner. fullwidth version uses width: 100%  */
    text-align: left;
}

#main {
    /*overflow: auto;
    padding-bottom: 90px;  same height as the footer (or higher, if you always want some white space below text in main content area)
    padding-top: 1em;
    padding-right: 1em;
    padding-left: 1em;
    color: #000000;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    font-size: 14px;
    line-height: normal;*/
}

#header {
}

#footer {
    text-align:center;
    /*margin-top: -90px; /* negative value of footer height */
    height: 50px;
    padding-top: 10px;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    color: #000;
    background-color: #570026;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    max-width: 960px; /* 960 px so that page content area is same width as header banner. fullwidth version uses width: 100%  */
}

    #footer a {
        padding: 5px 10px 0px 10px; /* perimeter of each individual <a ...> in footer */
        color: #fff;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: .9em;
        font-weight: bold;
        text-decoration: none;
        height: 20px;
        line-height: normal;
    }

/*Opera Fix*/
body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
}

.modal-backdrop1 {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000000;
            opacity: 0.3;
            filter: alpha(opacity=30);
        }

        .modal1 {
            position: fixed;
            top: 50%;
            left: 50%;
            z-index: 1050;
            overflow: auto;
            margin: -50px 0 0 -50px;
            border: 1px solid #fff;
            background: #fff;
            border-radius: 5px;
            padding: 2px 2px;
            border: 1px solid #ccc;
            width: 110px;
            /*position: fixed;
            top: 50%;
            left: 40%;
            z-index: 1050;
            overflow: auto;
            
            margin: -50px 0 0 -50px;*/
        }

    div.drop_list {
        background: none;
        width: 100%; 
        display:inline-block;
    }


#criteriaForm div.drop_list { margin-top: 0px;}

        div.drop_list .dropDown {
            -webkit-appearance: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            background: no-repeat #ffffff;
            padding: 3px;
            border-radius: 4px;
            width: 100%;
            height: 34px;
            font-size: 1.2em;
            background-image: url('../Content/images/back.PNG');
            background-position: top right;
            overflow: hidden;
        }

#OrderBy {
        width:170px;
    }

    #ResultsPerPage {
        width:80px;
    }

    #SearchCriteria {
        width:320px;
    }

a.links {
    color:#6e0321
}

div.subHeader {
    background-color: #fff5d2;
    margin-top: 0;
    padding:1em;
}

tr.headerOrFooterRow {
    background-color:#d8d8d8
}

input.pageNo {
    width:40px
}

.stripe {
    margin-left: -15px;
    margin-right: -15px;
    
}

.stripeContent {
    background-color: #fffff0;
    padding: 1em;
    margin:1em 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

div.bottomNote {
    padding:.5em 0;
    text-align:center;
}

tr.inOneRow td{
    padding:5px 5px 5px 5px
}

div.detailTable { 
    border-bottom: 1px solid #e1a133;
    /*margin: -15px -15px 20px;*/
    overflow: hidden;
}

    div.detailTable div.left-tbl {
        padding:1em;
    }

    div.right-tbl {
        padding:1em;
        border-left: 1px solid #e1a133;
    }

    table.tbl1 td {
        padding: 5px 0px 5px 5px;
    }

span.left-span {
    padding-right:3px
}

h1.colorText {
    color:#6e0231
}

.alignRight {
    text-align:right
}

.fullSizeTable {
    width:100%
}

.LightColorDiv {
    background:#fffae8;
    padding: 1em 3em;
    border-bottom:1px solid #eee;
}

.floatRight {
    float:right;
}

.floatLeft {
    float:left
}

.search-grid-padding-top {
    padding-top:20px
}

.btn-group ul{
    width:100%;
    height:100px;
    overflow:auto;
}

.floatRight {
    float:right;
}

.topMargin {
    margin-top:5px
}

.toggleDialog {
    border:1px solid #e1a133;
    border-radius:4px; 
    padding-bottom:0px
}

/*/////////////////////////////////////////////////////////// Result*/

 #collapsible-panels h2 {
        margin: 0;
        padding: 10px 0;
        background: url(../images/open.jpg) no-repeat left center;
        /*float: left;*/
    }

        #collapsible-panels h2.active {
            background: url(../images/close.jpg) no-repeat left center;
        }

        #collapsible-panels h2 a {
            padding: 0 0 0 0px;
            text-decoration: none;
            color: #1869AE;
        }

    #collapsible-panels div {
        width: 450px;
    }
.arro-icon {
    float: right !important;
    padding: 0;
}

.smallLable {
    font-size:10px
}

 
#ddTextBox {
    border:1px solid #6e0231;
    width:90%;
    color:black;
    text-align:left
}

#ddTextBox1 {
    border:1px solid #6e0231;
    width:90%;
    color:black;
    text-align:left
}
.ddButton {
    
    background-color: #6e0231
}

.ddButton span{
    color:white;

}
/*///////////////////////////////////////////////////////// search*/

div.divBorder {
        border-bottom: 1px solid #e1a133;
        border-right: 1px solid #e1a133;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    div.rightDiv {
        border-right: 0 none;
    }

    form#criteriaForm {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
    }
.toggleDialog h3 {
    margin: .25em .25em 0 .25em;
    font-size:1.3em;
}
.col-sm-5.toggleDialog {
    background:#FFF;
    padding:0;
}


.tdlr-hidden {
    display:none;
}



#toggleBtn.btn {   border-radius: 0px 3px 3px 0px;
    height: 30px;
    margin-top: 0;
    padding: 4px 11px;
    }
#pTag { float: left;
    padding-left: 0px;
    width: 100%;  border-top: 1px solid #ccc;}
    #pTag label {    border-bottom: 1px dotted #ccc;
    padding: 3px 8px;
    width: 100%;}
   


.pecordsPerPagePart {
    float: left;
    max-width: 257px;
    width: 100%;
}

.orderByPart .input-group label {
    float: left;
    margin-top: 6px;
    width: 60px !important;
}
.pecordsPerPagePart .input-group .input-group-btn {
float: left;
    max-width: 39px;
    width: 100% ;
}
.pecordsPerPagePart .input-group label{ float: left; margin-top: 6px;}
.pecordsPerPagePart .input-group .chosen-container{ float: left;}
.paggingPart {
    float: right;
    margin-top: 8px;
}


.labelColor {
    font-weight: lighter;
    color:#570026
}


.selectedPage {
    border: solid 1px;
    border-radius: .7em;
    background-color: #ddd;
}

.unselectPage {
    border:none;
    background-color:none
}


.myCloseIcon {
    float:right;
    background:url(../Content/images/btn_close.jpg) no-repeat left top;
    width:32px;
    height:32px;
    padding:0;
    margin:0;
    text-indent:-999px;
}

.ErrorPageCss
{text-align: center;
width: 100%;
margin-top: 70px;}

/*//////////////////////////////  changes 1/////////////*/

.zeroWidth {
    width:0px !important;
    border-width:0px;
}

/*.pageNoLable {
    text-align: center;
    padding:.2em .25em .1em .25em;
    font-size:.9em;
}

   .selectedPage.selectedInFooter {
        background-color: #ffffff !important;
    }*/

.input-group {
    width:100%;
}

.elevator-index-btn-margintop {
    margin-top: 10px;
}

.warning {
    float:right !important;
    margin-top:0px !important;
    color:red !important
}

.noDataFound {
    color:red;
    margin:20px !important;
}

/*//////////////////////////////  changes 1/////////////*/

#criteriaForm label{ width: 100%;}
#criteriaForm .right-radio1 input{  margin-left: 8px;
    margin-right: 8px;
    width: 20px;}
#criteriaForm .right-radio1 input {}
#criteriaForm .greater-search-outer span{  float: left;
    margin-right: 10px;
    margin-top: 8px; color: #570026;}
#criteriaForm .greater-search-outer .greater-search{  float: left;
    width: 218px;}
#criteriaForm .greater-search-outer .greater-search .input-group{ width: 100%;}
#criteriaForm .greater-search-outer .greater-search .input-group #Hours_chosen{  float: left;
    width: 81% !important;}
    #criteriaForm .greater-search-outer .greater-search .input-group .input-group-btn {  float: left;
    margin-right: 0;
    width: 39px;  margin-top: 0;}
#criteriaForm .right-radio1{  padding-bottom: 27px;
    padding-top: 27px;}
#criteriaForm .building-no-outer span{  color: #570026;
    float: left;
    margin-top: 8px;}
#criteriaForm .building-no-outer input{ float: left;
    margin-left: 10px;
    width: 86%;}
#form0 .input-group{ float: left;
    width: 100%;  margin-bottom: 10px; margin-top: 10px;}
.table > thead > tr > th {  vertical-align: top !important;}
.ErrorPageCss.search-help { margin-top: 30px;}
.search-help-outer .top-search-link{ background: none repeat scroll 0 0 #f7df9a;
    border: 1px solid #dec485;
    border-radius: 10px;  margin-bottom: 10px;}
.search-help-outer .top-search-link ul { margin: 0;
    padding: 0;
    text-align: center;}
   .search-help-outer .top-search-link ul li {   display: inline-table;
    float: none;
    margin: auto;
    padding: 0 15px;
    text-align: center;}
    .search-help-outer .top-search-link ul li a { display: block;
    font-size: 14px;
    padding: 15px 0;
    text-decoration: underline;}
.search-help-outer .center-text-outer { border: 1px solid #dec485; margin-bottom: 10px; border-radius: 10px; overflow: hidden;}
    .search-help-outer .center-text-outer h2 { background: none repeat scroll 0 0 #f7df9a;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-top: 12px;
    text-align: left;
    width: 100%; border-radius: 10px 10px 0 0;}
    .search-help-outer .center-text-outer ul { margin-left: 30px;
    padding: 0;  margin-right: 15px;}
    .search-help-outer .center-text-outer ul li{ padding: 6px 0;
    text-align: left;}
    .search-help-outer .center-text-outer h2.h2-boder-radu-not { background: none repeat scroll 0 0 #f7df9a;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-top: 12px;
    text-align: left;
    width: 100%; border-radius: 0px 0px 0 0; border-top: 1px solid #dec485;}
.center-text-outer p {    padding: 0 20px;
    text-align: left;}
.center-text-outer ul.elevator-data-file-outer{ float: left;
    margin-left: 35px;
    min-width: 210px;}
.center-text-outer ul.elevator-data-file-outer.first{}
.center-text-outer ul.elevator-data-file-outer li{ font-size: 15px;
    padding: 2px 0;}
.center-text-outer .search-footer-lint {   border-top: 1px solid #dec485;
    float: left;
    padding: 15px 0;
    width: 100%;}

/*mhumelsine*/

.paging-links {
    text-align:right;
    margin-bottom:.25em;
    word-break:break-all;
}

    .paging-links a {
        padding: .15em .3em;
    }

        .paging-links a:hover {
            background: #eee;
        }

        .paging-links a.selected {
            border:1px solid #888;
            background: #eee;
        }


.orderByPart {
    width: 45%;
    height:5em;
    display:inline-block;
    margin-left:2%;
}

.search-criteria-list {
    margin:1em 0 0 0;
    padding:0;
    list-style-type:none;
}

    .search-criteria-list > li {
        border-bottom:1px solid #eee;
        padding:.3em;
        font-size:1.2em;
    }

    .search-criteria-list > li:last-child {
         border-bottom:none;
    }

        .search-criteria-list > li > span.criteria-value {
            float:right;
            padding-right:1em;
        }

.plain-list {
    margin:0;
    padding:0;
    list-style-type:none;
}

    .plain-list.inline li {
        display:inline-block;
        padding:1em;
    }

.chosen-input-wrapper {
    position:relative;
}

.chosen-input-wrapper > .btn {
    position:absolute;
    right:0;
    top:1.8em;
}

.criteria-toggle {
    background:#fff;
    padding:0;
    border:1px solid #888;
}

.criteria-toggle h3 {
    margin:0;
    padding:.15em;
    font-size:1.5em;
}

.criteria-toggle .chosen-input-wrapper > .btn {
    top:0em;
}

.ui-tooltip {
    width:25em;
    padding:1em;
    text-align:left;
    -ms-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
}

.search-type-container {
    padding:0;
}

    .search-type-container .btn-group {
        padding-top:1em;
    }

    .search-type-container .stripe {
        margin-top:-1em;
    }

.search-item-wrapper {
    padding:1em;
    position:relative;
    height:7em;
    border-bottom:1px solid #e1a133;
    border-right:1px solid #e1a133;
}

    .search-item-wrapper:nth-child(odd) {
        border-left:none;
    }

    .search-item-wrapper:nth-child(even) {
        border-right:none;
    }

.search-item-wrapper .field-validation-error {
    position:absolute;
    top:1.3em;
    right:1em;
    font-size:.85em;
    font-weight:bold;
}

.error-msg {
    font-size:.85em;
    font-weight:bold;
    color:#f00;
    margin-bottom:1em;
}

table.table {
    -ms-box-shadow: 0 0 5px #2E2E2E;
    -moz-box-shadow: 0 0 5px #2E2E2E;
    -webkit-box-shadow: 0 0 5px #2E2E2E;
    box-shadow: 0 0 5px #2E2E2E;
}

.grid-heading {
    margin-bottom:1em;
    font-size:2em;
}

.total-hours {
    margin:0;
    padding:1em 0 .25em 0;
}

.building-number {
    position:absolute;
    top:3.3em;
    left:1.5em;
}

.building-number-input {
    padding-left:3.5em !important;
}

.remove-side-borders {
    border-left:none;
    border-right:none;
}

.duplicate-tool-tip {
    width:8em;
}

div.elevator-owner {
    padding:1em 0 0 0;
    font-size:.8em;
    color:#570026;
    font-weight:bold;
}

.modal-title {
    font-weight:bold;
}

.modal-body > h4 {
    font-size:1.5em;
    margin:0;
    text-decoration:underline;
}

.modal-body > img {
    margin:1.5em 0;
}

.modal-body p {
    color:#570026;
    font-weight:bold;
}

.error-wrapper {
    padding:2em 0;
    text-align:center;
}

    .error-wrapper .panel-title {
        font-size:1.3em;    
    }

    .error-wrapper p {
        font-size:1.2em;
    }

    .error-wrapper .col-md-12 {
        padding:0;
    }

.error-wrapper h1 {
    color:#570026;
    font-weight:bold;
}

    .error-wrapper p {
        color:#570026;
    }

.requested-url {
    font-style:italic;
    font-size:1.1em;
}


/*make data tables responsive*/
@media (max-width:768px) {

    #footer {
        height: auto;
    }
    #footer a {
        padding:0;
    }

    #Search {
        margin-top:1em;
    }

    table.results td {
        background:#fff;
    }

    .table-striped > tbody > tr:nth-child(odd) > td, 
    .table-striped > tbody > tr:nth-child(odd) > th {
        background:#fff !important;
    }

    table.results,
    table.results thead,
    table.results tbody,
    table.results tfoot,
    table.results th,
    table.results tr,
    table.results td {
        display: block;
        text-align:right;
    }

        table.results tbody {
            padding:1em;
            background:#eee;
        }

        table.results thead tr{
            position:absolute;
            top:-999px;
            left:-999px;
        }

    table.results tr {
        padding-bottom:1em;
    }

    table.results tr:last-child {
        padding-bottom:0;
    }

    table.results td{
        border:none;
        border-bottom:1px solid #EEE;
        position:relative;
        padding-left:25% !important;
        min-height:2.5em;
    }
    table.results td:before{
        position:absolute;
        top:.5em;
        left:.5em;
        width:25%;
        padding-right:1em;
        white-space:nowrap;
        text-align:left;
    }

    /*CE Provider table labels*/
    #ceprovider-results td:nth-of-type(1):before {
        content:'Provider Number';
    }
    #ceprovider-results td:nth-of-type(2):before {
        content:'Name';
    }
    #ceprovider-results td:nth-of-type(3):before {
        content:'City';
    }
    #ceprovider-results td:nth-of-type(4):before {
        content:'State';
    }
    #ceprovider-results td:nth-of-type(5):before {
        content:'Approved Date';
    }
    /*contractor and inspector table labels*/
    #contractor-results td:nth-of-type(1):before {
        content:'Registration Number';
    }
    #contractor-results td:nth-of-type(2):before {
        content:'Expiration Date';
    }
    #contractor-results td:nth-of-type(3):before {
        content:'Name';
    }
    #contractor-results td:nth-of-type(4):before {
        content:'City';
    }
    #contractor-results td:nth-of-type(5):before {
        content:'Zip';
    }
    #contractor-results td:nth-of-type(6):before {
        content:'County';
    }
    #contractor-results td:nth-of-type(7):before {
        content:'Phone';
    }
    /*Elevator table labels*/
    #elevator-results td:nth-of-type(1):before {
        content:'Building Number';
    }
    #elevator-results td:nth-of-type(2):before {
        content:'Decal Number(s)';
    }
    #elevator-results td:nth-of-type(3):before {
        content:'Name';
    }
    #elevator-results td:nth-of-type(4):before {
        content:'Building Address';
    }
    #elevator-results td:nth-of-type(5):before {
        content:'Building City';
    }
    #elevator-results td:nth-of-type(6):before {
        content:'Building County';
    }

    /*responsible party table labels*/
    #responsible-party-results td:nth-of-type(1):before {
        content:'Registration Number';
    }
    #responsible-party-results td:nth-of-type(2):before {
        content:'Name';
    }
    #responsible-party-results td:nth-of-type(3):before {
        content:'City';
    }
    #responsible-party-results td:nth-of-type(4):before {
        content:'Zip';
    }
    #responsible-party-results td:nth-of-type(5):before {
        content:'County';
    }
    #responsible-party-results td:nth-of-type(6):before {
        content:'Phone';
    }

        table.results tfoot td:before {
            display:none;
        }

    table.results tfoot tr.headerOrFooterRow td {
        padding-left:0 !important;
        background:none;
    }

}

@media (max-width:480px) {
    table.results{
        font-size:.8em;
    }

    .orderByPart {
        width: 98%;
        margin: 0 1%;
    }
}