/******************************************************************
                   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;}

}