/* =============================================  HEADER  =================================================
/*Styles pertaining to header to be used across the theme*/

/*NOTE: Styles related to PackFlash navigation are contained in the /DesktopModules/PfDnnNavigation/Themes/IowaDOT2014/theme.css file*/

/* =============================================  CONTAINERS & WRAPPERS STARTS  ================================================= */
#iowa_sliver_bar {
    height: 40px;
    display: block;
    border-bottom: 1px solid #b1780d;
    width: 100%;
    margin: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.navwrapper {
    position: fixed;
    height: auto;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 47px;
    z-index: 100;
}

nav {
    background-image: url('../images/navbar.png');
    background-repeat: no-repeat;
    height: 45px;
    margin: 0 auto;
    padding: 25px 0 0 0;
    text-align: center;
    width: 960px;
}

    nav > div {
        transition: background-color 0.1s ease-out;
        height: 100%;
    }

.navcol_right {
    float: right;
    width: 250px;
}

.navcol_left {
    float: left;
    width: 675px;
    margin-left: 25px;
}

.section {
    clear: both;
    padding: 0;
    margin: 0;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

    .group:before, .group:after {
        content: "";
        display: table;
    }

    .group:after {
        clear: both;
    }

.navcol_right > .group {
    text-align: left;
    height: 100%;
}

.col {
    color: #CCC;
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
    *margin: 1% 0% 1% 1%;
}

    .col:first-child {
        margin-left: 0;
    }


/* =============================================  CONTAINERS & WRAPPERS ENDS  ================================================= */

.gsc-input-box {
 
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px!important;
}



input.gsc-input {
   background: url(/Portals/_default/Skins/IowaDOT2014/images/search-dark.png) no-repeat scroll 1px 1px #EDEDED!important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px!important;
    color: #5B5B5B!important;
    font-family: arial,sans-serif!important;
    font-size: 12px!important;  
    height: 26px!important; 	
    padding: 0px 4px 0 29px!important;
    margin: -1px 0 0 0!important;
    width:140px !important;
    box-sizing: border-box;
}
td.gsib_b {display:none;}
table.gsc-search-box tr td {
    background:none;

}

 table. tr {
    border: none;
    border-bottom: 0px solid #e4e3e3;
    font-family: 'Lato', sans-serif;
    font-size: .875rem;
}
table.gsc-search-box
{margin: 0 0 0 0;}


table.gsc-search-box th, table.gsc-search-box td {
	padding: 0px 0px;
	text-align: left;
}

table.gsc-search-box tr, table.gsc-search-box th, table.gsc-search-box td {
	border: none;
	border-bottom: 0px solid #e4e3e3;
	font-family: 'Lato', sans-serif;
	font-size: .875rem;
}


/* =============================================  SEARCH SECTION STARTS  =============================================================== */



.searchArea table td {
   
    border-bottom: 0px solid #e4e3e3 !important; 
    
}

.maincontent input.gsc-input {
   background-images:none;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px!important;
    color: #5B5B5B!important;
    font-family: arial,sans-serif!important;
    font-size: 14px!important;
     line-height: 23px!important;
    padding: 0 12px 0 9px!important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box!important;
	background-color: #fff;
}

.navwrapper .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {border-color: transparent!important;}

.navwrapper .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:hover {border-color: transparent !important;}

.navwrapper table {
    border-collapse: collapse;
    margin: 0em 0 0;
    width: 100%;
}

form.gsc-search-box {
    font-size: 13px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px !important;
    margin-left: 0;
    width: 100%;
}

.gsc-search-button{
    display: inline-block!important;
    background: transparent url(/Portals/_default/Skins/IowaDOT2014/css/../images/search_go.png) top 0px center no-repeat !important;
    height: 29px!important;
    width: 37px!important;
    margin-left: -10px!important;

}


.maincontent .gsc-search-button{
    display: inline-block!important;
    background: transparent url(/Portals/_default/Skins/IowaDOT2014/css/../images/search_go.png) top 0px center no-repeat !important;
  
    width: 150px!important;
    margin-left: -10px!important;

}


.navwrapper .gsc-search-button-v2 svg {
    display: none;
}
@-moz-document url-prefix() {.gsc-search-button {  
	
	    background: transparent url(/Portals/_default/Skins/IowaDOT2014/css/../images/search_go.png) top  center no-repeat !important;
	height: 29.5px!important;}
}



.maincontent .gsc-search-button {background-color:#D66B0D !important;

background:#D66B0D  url('') top 0px center no-repeat !important;

}

.maincontent .gsc-search-button-v2 svg {
 
}
.maincontent input.gsc-input {
     background: #fff url('') no-repeat scroll 1px 1px !important;
}
table.gsc-search-box td.gsc-input {
    padding-right: 0px !important; 
}
td.gsc-search-button { background-image: none !important;
}

table.gsc-search-box tr td {
    background: none !important;
}
  .maincontent td.gsc-search-button > input.gsc-search-button {
    background-color: #d66b0d !important;
    border-color: #D66B0D !important;
    border-radius: 3px !important;
    color: #fff !important;
    display: block !important;
    height: 35px !important;
    padding: 10px 15px 10px !important;
    margin-left: 0px !important;
    width: 100% !important;
    min-width: 90px !important;
}

.maincontent .gsc-input-box {
    border: 1px solid #D9D9D9;
    background: #fff;
    height: 27px;
}



.cse input.gsc-search-button, input.gsc-search-button {
    font-family: inherit;
    font-size: 0px!important;
    font-weight: bold;
    color: #000;
    padding: 0 8px;
    height: 20px;
    min-width: 0px!important;
    background-color:transparent!important;
    border: 0px solid #666!important;
    border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px;
}
.gsc-selected-option-container .gsc-selected-option {color:#7C7A7B !important;}

div.gsc-clear-button {
    display: none !important;
}
.directoryListing { display:none;
    display: inline-block;
    margin-left: 0px;
}
.searchArea {
    display: inline-block;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

    .searchArea span {
        display: inline-block;
    }

        .searchArea span > span.SearchButton {
            display: none;
        }

.searchInputContainer {
    vertical-align: top;
}

/*Search textbox*/
#dnn_SEARCH_txtSearch {
    background: url('../images/search-dark.png') no-repeat scroll 1px 1px #EDEDED;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #5B5B5B;
    font-family: arial,sans-serif;
    font-size: 12px;
    height: 27px;
    line-height: 23px;
    padding: 0 12px 0 29px;
    margin: 0;
    width: 139px;
    box-sizing: border-box;
}



.gsib_a
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000!important;
	text-indent:-90px!important;
}



    #dnn_SEARCH_txtSearch::-webkit-input-placeholder { /* WebKit browsers */
        color: #444;
    }

    #dnn_SEARCH_txtSearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #444;
        opacity: 1;
    }

    #dnn_SEARCH_txtSearch::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #444;
        opacity: 1;
    }

    #dnn_SEARCH_txtSearch:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #444;
    }

/*Search link*/
.SearchButton {
    display: inline-block;
    background: transparent url(../images/search_go.png) top center no-repeat;
    height: 29px;
    width: 37px;
    margin-left: -10px;
}

.directoryListing {
    display: inline-block;

}

    .directoryListing > a {
        background: transparent url('../images/btn_atoz.png') top center scroll no-repeat;
        display: inline-block;
        margin: 0 0 2px 0;
        width: 30px;
        height: 30px;
		
		    }

/* =============================================  SEARCH ENDS  ================================================================ */

/* =============================================  MOBILE LOGO SECTION STARTS  ================================================= */

.mobilelogo {
    display: none;
}

/* =============================================  MOBILE LOGO SECTION ENDS  ================================================= */


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : landscape) {

    /* =============================================  CONTAINERS & WRAPPERS STARTS  ================================================= */
    #iowa_sliver_bar {
        display: none;
    }

    .navwrapper {
        top: 0;
        box-shadow: 0 1px 22px rgba(0,0,0,0.3);
        height: auto;
    }

    nav {
        background: none repeat scroll 0% 0% #333;
        height: auto;
        padding: 5px 0 1px;
        width: 100%;
    }

        nav > div {
            text-align: center;
            clear: both;
            height: 30px;
        }

    .navcol_right > .group {
        text-align: center;
    }

    .navcol_right {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

        .navcol_right div {
            height: 100%;
        }

    .navcol_left {
        float: none;
        margin: 2px auto;
        width: 100%;
    }

    /* =============================================  CONTAINERS & WRAPPERS ENDS  ================================================= */

    /* =============================================  SEARCH STARTS  ================================================= */

    #directoryListing {
        display: block;
        float: none;
        width: auto;
        margin: -10px 0 0px 2px;
    }

     

    /* =============================================  SEARCH ENDS  ================================================= */
}

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

    /* =============================================  CONTAINERS & WRAPPERS STARTS  ================================================= */
    #iowa_sliver_bar {
        display: none;
    }

    .navwrapper {
        top: 0;
        box-shadow: 0 1px 22px rgba(0,0,0,0.3);
        height: auto;
    }
.directoryListing { display:none;
    display: inline-block;
    margin-left: 0px;
}
    nav {
        background: none repeat scroll 0% 0% #333;
        height: auto;
        padding: 5px 0 1px;
        width: 100%;
    }

        nav > div {
            text-align: center;
            clear: both;
            height: 30px;
        }

    .navcol_right > .group {
        text-align: center;
    }

    .navcol_right {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

        .navcol_right div {
            height: 100%;
        }

    .navcol_left {
        float: none;
        margin: 2px auto;
        width: 100%;
    }
	    input.gsc-input {
			
		height:26px !important;	
			
			
			
	}

    /* =============================================  CONTAINERS & WRAPPERS ENDS  ================================================= */

    /* =============================================  SEARCH STARTS  ================================================= */

    #directoryListing {
        display: inline-block;
        float: none;
        width: auto;
        margin: 0 0 0 2px;
    }

 
        #directoryListing > a {
            height: 30px;
            margin: 0px;
			position:relative;
			
	
        }
	
	.directoryListing > a {
   
  margin: 0 0 0px 0;
  
}

    /* =============================================  SEARCH ENDS  ================================================= */
}

@media only screen and (min-width: 180px) and (max-width: 990px) {
	
.directoryListing > a {
   
      
}
	@-moz-document url-prefix() { 
 .directoryListing > a {
  top:5px !important;
  }
}
}

@media only screen and (min-width: 180px) and (max-width: 767px) {

    /* =============================================  CONTAINERS & WRAPPERS STARTS  ================================================= */
    .navwrapper {
        height: auto;
    }

    nav {
        height: auto;
    }

    .navcol_right {
        display: none;
    }

    .navcol_left {
        background-color: #333;
        height: auto;
        margin: 0;
    }

    .group {
        padding: 0px 10px 0 10px;
    }
    /* =============================================  CONTAINERS & WRAPPERS ENDS  ================================================= */

    /* =============================================  MOBILE LOGO SECTION STARTS  ================================================= */

    .mobilelogo {
        display: inline-block;
        float: right;
        margin: 0 2px 0 0;
    }

        .mobilelogo > a {
            background: transparent url('../images/mobiledotlogo.png') top center scroll no-repeat;
            display: inline-block;
            width: 160px;
            height: 40px;
        }

    /* =============================================  MOBILE LOGO SECTION ENDS  ================================================= */
}


ul#PfNavMega li a span.activemenu {
    color: #f67f17;
    border-left: 1px solid #fff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 0 13px;
    text-decoration: none;
    text-transform: uppercase;
}