/******************************************************************
Search Css Start From Here
******************************************************************/
/*Topbar socialicon pane*/
.Topbar_SocialIcon_panel {
border: 1px solid rgba(255,255,255, .3);
display: inline-block;
float: right;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
color:#fff;
}
.SocialIcon_Palcement {
display: inline-block;
float: left;
position: relative;
}
.spd-topbar-search input.SearchTextBox:focus {width:125px ;}
/****search styles****/
.spd-topbar-search{
float: right;
position: relative;
}
.spd-topbar-search .SearchIcon {
display: none;
}
.spd-topbar-search div.SearchBorder {
border: medium none;
width: inherit;
position: relative;
float: left;
padding-top:4px;
}
.spd-topbar-search div.SearchContainer a{
text-indent: -9999px;
width: 24px;
height: 24px;
float: left;
background-image: url(../images/search_bg.png);
background-repeat: no-repeat;
background-position: center 4px;
margin-top:4px;
}
.spd-topbar-search input.SearchTextBox{
transition: all 0.4s cubic-bezier(0.6, 0.85, 0.4, 1.275) 0s;
width: 140px;
padding-left:10px;
background:transparent;
float: left;
height: 21px;
border: none;
color:#fff;
}
.spd-topbar-search input.SearchTextBox:focus{
width: 169px;
height: 20px;
padding-left: 15px;
white-space:normal;
background:transparent;
color:#fff;
}
.Header3 .spd-layout-smallsearch .dropdown-button {
line-height: 2.4;
}
@media screen and (max-width:767px) {
/*.SocialIcon_Palcement {float:right;}
.spd-topbar-search {float:left;}
div.SearchBorder { float:right;
}*/
}
.spd-topbar-search .SearchContainer {
padding-top: 0px;
}
/************************************
Home1 small search styles
************************************/
/* Search Results */
.spd-layout-smallsearch .RoundedContainer { background:none; box-shadow:none; }
.spd-layout-smallsearch #SearchIcon { display:none; padding:0; margin:0; }
.spd-layout-smallsearch .SpeedySearchBox { margin-left:0px; margin-right:0px; margin-top:0px; width:100%; }
.spd-layout-smallsearch .SearchButton { display: none; }
.spd-layout-smallsearch div.SearchBorder { border:none; width:initial; margin-top:0; height:auto; }
.spd-layout-smallsearch .TopSearch div.SearchBorder input, .LeftAlignedSearch div.SearchBorder input { margin-bottom:0; }
.spd-layout-smallsearch div.SearchBorder input {
background: #ffffff;
border-left: 0px dotted #dedddd;
border-radius: 4px;
border-right: 0px dotted #dedddd;
box-shadow: none;
color: #b4b4b4;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(179,179,179,1);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(179,179,179,1);
box-shadow: inset 0px 0px 5px 0px rgba(179,179,179,1);
font-size: 14px;
font-weight: normal;
line-height: 34px;
padding-left: 10px;
margin-top: 0;
padding-right: 9px;
position: relative;
text-shadow: none;
width: 200px;
z-index: 1001;
transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s;
}
.spd-layout-smallsearch div.SearchBorder input:focus {
background: #ffffff;
padding-bottom: 0;
padding-top: 0;
width: 200px;
padding-left:10px;
border-radius:3px;
}
.spd-layout-smallsearch input.SearchTextBox { height: 34px; }*/
/* Auto Search 7+ Code */
div.SearchBorder input { margin-bottom:0; }
div.SearchBorder span input { margin-bottom:0px; margin-top:0px; }
.searchInputContainer a.dnnSearchBoxClearText.dnnShow { background:none !important; width:initial; height:initial; padding:0; margin:0; }
.searchInputContainer a.dnnSearchBoxClearText { right:0 !important; width:0 !important; height: auto !important; background: none !important; margin:0; }
ul.searchSkinObjectPreview { position:initial; margin-bottom:4px; }
ul.searchSkinObjectPreview > li { padding:6px 5px 6px 12px; text-align:left;}
.dnnRegistrationForm .password-strength-container, .dnnFormPassword .password-strength-container, .dnnPassword .password-strength-container { background:none; }
.dnnFormItem .password-strength-container input[type="password"] { max-width:445px; width:295px; }
div.SearchContainer ul.searchSkinObjectPreview li a { font-size:initial; }
.searchInputContainer {
float: right;
margin: 0 !important;
}
/* Close Auto Search 7+ Code */
/* LeftAlignedSearch */
/*#SearchBg.LeftAlignedSearch { padding:0; float:left; }
.LeftAlignedSearch div.SearchBorder input { padding:11px 10px 11px 38px; width:80px; background: url(../images/search.png) no-repeat center left #fff; }
.LeftAlignedSearch div.SearchBorder input:focus { background: url(../images/search.png) no-repeat center left #fff; width:160px; }
*/
/* TopSearch */
.spd-layout-smallsearch #SearchBg.TopSearch { padding-top:6px; }
.spd-layout-smallsearch #SearchBg.TopSearchR { padding-top:0px; }
.spd-layout-smallsearch .TopSearch div.SearchBorder input { width:125px; background:#eee; }
.spd-layout-smallsearch .TopSearch div.SearchBorder input:focus { background:#eee; }
.spd-layout-smallsearch .TopSearch .SearchButton { margin-top:0; margin-bottom:7px; margin-left:0px; }
.spd-layout-smallsearch .TopSearch .SearchButton a { text-indent:-999px; }
.spd-layout-smallsearch .dropdown-panel { padding:12px; }
.spd-layout-smallsearch #LanguageDr .dropdown-panel { padding:5px 5px 5px 0px; top:34px; min-width:58px; right:34px; }
.spd-layout-smallsearch .dropdownS { text-align:right; }
.spd-layout-smallsearch .RightMenu .SearchR { padding-top:0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #LanguageDr .dropdown-panel { top:34px; } }
.spd-layout-smallsearch .dropdown { position:relative;float:right; }
.spd-layout-smallsearch .dropdown-button { display: block !important; margin:0 !important; cursor: pointer; text-align:left; }
.spd-layout-smallsearch .dropdown-panel { top:44px; right:0; position: absolute !important; display: none; overflow: auto; z-index: 1000; }
.spd-layout-smallsearch a.dropdown-button img.dropdown-icon { float:right; position:static; margin:0px; }
/* BASIC STYLES
================================================== */
.spd-layout-smallsearch .dropdown-button { padding:6px 0px; }
.spd-layout-smallsearch a.dropdown-button:hover { text-decoration:none; }
.spd-layout-smallsearch .dropdown-panel { background: rgba(237, 235, 235, .4); max-height: 300px; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-moz-box-shadow: 0 0 13px rgba(0,0,0,0.31);-webkit-box-shadow: 0 0 13px rgba(0,0,0,0.31);box-shadow: 0 0 13px rgba(0,0,0,0.31); }
.spd-layout-smallsearch .dropdownCenter .dropdown-panel { top: 33px; padding:7px 10px 2px; }
.spd-layout-smallsearch .dropdownR .dropdown-panel { padding:7px 10px; }
.spd-layout-smallsearch .dropdownLT .dropdown-panel { top:35px; padding-bottom:0px; }
.spd-layout-smallsearch .dropdownH { padding-top:5px; }
.spd-layout-smallsearch #LanguageDr img{ width:18px; height:18px;}
.spd-layout-smallsearch #mydropdown-1 img{width:29px; height:29px;}
/*bug fix dnn 7.3.3*/
/*search result*/
ul.searchSkinObjectPreview {
position: static;
margin-left: 17px;
}
.spd-topbar-search ul.searchSkinObjectPreview {
position: absolute;
top: 26px;
}
.spd-layout-smallsearch div.SearchBorder input{float: right;}
ul.searchSkinObjectPreview > li {
border-top: 1px solid #c9c9c9;
color: #666;
cursor: pointer;
margin: 0;
padding: 6px 12px 6px 12px;
position: relative;
text-transform: none;
}
ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group {
border-bottom: 2px solid #000;
color: #000;
cursor: inherit;
font-weight: bold;
padding: 6px 12px;
}
.dropdown-panel {
display: none;
overflow: auto;
position: absolute !important;
right: 0;
top: 44px;
z-index: 1000;
}
.dropdown-panel {
background: none repeat scroll 0 0 white;
border: 1px solid #c1c1c1;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.31);
box-sizing: border-box;
width: auto;
}
.dropdownR .dropdown-panel {
padding-bottom: 0;
}
div.SearchContainer {
position: relative;
white-space: nowrap;
}
@media handheld, only screen and (max-width:767px) {
/* Register */
div.dnnRegistrationForm { min-width:280px; }
.dnnLabel { width:80%; text-align:left; }
.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea { width:280px; }
#dnn_ctr_Login_Login_DNN_txtPassword, #dnn_ctr_Login_Login_DNN_txtUsername { margin-left:5px; }
.dnnForm input.dnnFormRequired, .dnnForm textarea.dnnFormRequired, .dnnForm select.dnnFormRequired { width:270px; float:left; }
.dnnRegistrationForm .password-strength-container, .dnnFormPassword .password-strength-container, .dnnPassword .password-strength-container { background:none; }
.dnnFormItem .password-strength-container input[type="password"] { max-width:initial; width:280px; }
/*lgoin mobile 7.3.3*/
.spd-topbar-search input.SearchTextBox{ border: none;}
.spd-topbar-search div.SearchBorder{ float: left; }
.spd-topbar-search div.SearchContainer a{ float: right;}
.spd-topbar-search input.SearchTextBox:focus{width: 155px !important;}
div.SearchBorder span input {margin-bottom: 0px;margin-top: 0px;}
}
@media handheld, only screen and (max-width:420px) {
/*lgoin mobile 7.3.3*/
.spd-topbar-search input.SearchTextBox{ border: none;}
.spd-topbar-search div.SearchBorder{ float: left; }
.spd-topbar-search div.SearchContainer a{ float: right;}
.spd-topbar-search input.SearchTextBox:focus{width: 110px !important;}
ul.searchSkinObjectPreview{ width: 260px;}
}
@media handheld, only screen and (max-width:320px) {
ul.searchSkinObjectPreview{ width: 215px;}
.spd-topbar-search input.SearchTextBox:focus{width: 100px !important;}
}