﻿/*base search styles*/
.searchnav {
    position:absolute;
    display: inline-block;
    margin:0px;
    padding:0px;
    padding-top:5px;
}

.searchnav li{
    list-style-type:none;
}

#search_text{
    width:200px;
    font-family: Montserrat, sans-serif;
    color: #000;
    box-sizing: border-box;
    transition: all 0.15s;
    float:left;
    height:22px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right:none;
    height:22px;
    height:26px\0; /*ie hack*/
}


#optioncontainer{
    float:left;
    padding:inherit;
    margin:inherit;
}

.searchnav #optioncontainer #options a#scopetitle{
    background-image: url("/_layouts/images/NGSP2010IntranetPublishingSiteBranding/arrow_sans_down.png") !important;
    background-color:#6B9ABD;
    display:block;
    background-position: center center;
    background-repeat: no-repeat;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    height:24px;
    width:25px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left:none;
}

.searchsubnav{
    visibility: hidden;
    position:absolute;
    height: auto;
    opacity: 0;
    transition: all 0.1s;
    background: #fff;
    z-index:999;
}

.searchsubnav li{
    padding: 2px 2px 2px 2px;
}

.searchsubnav > li
{
    width:90px;
}

#thissite{
   border-bottom: 1px solid #000;
}

#options:hover .searchsubnav {
    visibility: visible;
    opacity: 1;
    padding:0px;
    margin:0px;
    border-left: 1px solid #000;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    position:absolute;
    right:28px;
    background-color:#fff;
}

.searchsubnav > li{
    width:90px;
}

.searchsubnav > li > a {
    height:auto;
    color:#000;
    text-decoration:none;
    width:100%;
    display:block;
}

.searchsubnav > li > a:hover{
    background-color:#cee5f6;
}

#search_button {
    border: 0 none;
    background: #364D5E url("/_layouts/images/NGSP2010IntranetPublishingSiteBranding/magnifyingglass.png") center no-repeat;
    cursor: pointer;
    height:26px;
    width:28px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.searchnav {
    position:absolute;
    display: inline-block;
    margin:0px;
    padding:0px;
    padding-top:5px;
}

.searchnav li{
    list-style-type:none;
}

#search_text{
    width:200px;
    font-family: Montserrat, sans-serif;
    color: #000;
    box-sizing: border-box;
    transition: all 0.15s;
    float:left;
    height:22px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right:none;
    height:22px;
    height:26px\0; /*ie hack*/
}


#optioncontainer{
    float:left;
    padding:inherit;
    margin:inherit;
}

.searchnav #optioncontainer #options a#scopetitle{
    background-image: url("/_layouts/images/NGSP2010IntranetPublishingSiteBranding/arrow_sans_down.png") !important;
    background-color:#6B9ABD;
    display:block;
    background-position: center center;
    background-repeat: no-repeat;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    height:24px;
    width:25px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left:none;
}

.searchsubnav{
    visibility: hidden;
    position:absolute;
    height: auto;
    opacity: 0;
    transition: all 0.1s;
    background: #fff;
    z-index:9999;
}

.searchsubnav li{
    padding: 2px 2px 2px 2px;
}

.searchsubnav > li
{
    width:90px;
}

#thissite{
   border-bottom: 1px solid #000;
}

#options:hover .searchsubnav {
    visibility: visible;
    opacity: 1;
    padding:0px;
    margin:0px;
    border-left: 1px solid #000;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    position:absolute;
    right:28px;
    background-color:#fff;
}

.searchsubnav > li{
    width:90px;
}

.searchsubnav > li > a {
    height:auto;
    color:#000;
    text-decoration:none;
    width:100%;
    display:block;
}

.searchsubnav > li > a:hover{
    background-color:#cee5f6;
}

#search_button {
    border: 0 none;
    background: #364D5E url("/_layouts/images/NGSP2010IntranetPublishingSiteBranding/magnifyingglass.png") center no-repeat;
    cursor: pointer;
    height:26px;
    width:28px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}


/*IE7 Hacks*/

*+html ul.searchnav {
	width: 250px;
	right: 0px;
	padding: 0;
	margin: 0;
	display: block;
	height: 30px;
	line-height: 30px;
	vertical-align: text-top;
	position: relative;
	right: 0;
	top: -10px;
}
*+html li#search {
	positione: relative; 
	width: 100%; 
	vertical-align: text-top;
}
*+html input#search_text {
	width: 194px; 
	display: inline-block; 
	clear: none; 
	position: absolute; 
	left: 1px; 
	top: 1px;
}
*+html ul#optioncontainer {
	width: 26px; 
	display: inline-block; 
	clear: none; 
	position: absolute; 
	top: 0px; 
	right: 28px;
}
*+html input#search_button {
	position: absolute; 
	top: 1px; 
	right: 1px;
}

*+html .searchnav #optioncontainer #options a#scopetitle{
    background-image: url("/_layouts/images/NGSP2010IntranetPublishingSiteBranding/arrow_sans_down.png") !important;
    background-color:#6B9ABD;
    display:block;
    background-position: center center;
    background-repeat: no-repeat;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    height:24px;
    width:25px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left:none;
    position:relative;
    bottom:1px;
}
*+html .searchnav #optioncontainer #options a#scopetitle
{
    background-position: 7px 6px;
}

*+html #options:hover .searchsubnav {
    visibility: visible;
    opacity: 1;
    padding:0px;
    margin:0px;
    border-left: 1px solid #000;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    position:absolute;
    right:0px;
    background-color:#fff;
    z-index:9999;
}