/* Doc element styles */
body { }

input:focus, input.form-control:focus {
	outline:none !important; outline-width: 0 !important; box-shadow: none; 
	-moz-box-shadow: none; -webkit-box-shadow: none;
}

input::placeholder { color: #777777; opacity: 1.0; }
input::-webkit-input-placeholder { color: #777777; opacity: 1.0; }
input:-moz-placeholder { color: #777777; opacity: 1.0; }
input::-moz-placeholder { color: #777777; opacity: 1.0; }
input:-ms-input-placeholder { color: #777777; opacity: 1.0; }

#AjaxContentBox { text-align: center; }
#AjaxTreelineBox { margin-bottom: 10px !important; }
#AjaxTreelineBox .Content { font-weight: normal; color: #333333; text-align: center; }
#AjaxTreelineBox .Content span { font-size: 0.96em; font-weight: normal; color: #888888; }

#AjaxTreelineBox { width: 100%; display: table; }
#AjaxTreelineBox div { width: 100%; min-height: 2.8em; display: table-row; }
#AjaxTreelineBox div h1 { display: table-cell; width: 100%; height: 2.8em; text-align: center; vertical-align: middle; font-size: 1.1em; margin: 0px; background-color: #006699; color: white; line-height: 1.1em; }
#AjaxTreelineBox div h1 a { display: inline-block; float: none; margin: 0px 1em; vertical-align: middle; color: white; }


.AjaxContentBox { text-align: center; box-sizing: border-box; display: block; float: left; padding: 10px 1em; }
.AjaxContentBox.fullSize { width: 100%; min-height: 600px !important; padding-bottom: 100px; }
.AjaxContentBox.halfSize { width: 50%; }
.AjaxContentBox.thirdSize { width: 33.3%; }
.AjaxContentBox.quartSize { width: 24.75%; }

@media screen and (max-width: 640px) {
	.AjaxContentBox.fullSize { width: 100%; padding: 10px 10px 150px 10px !important; } .AjaxContentBox.halfSize { width: 100%; }
	.AjaxContentBox.thirdSize { width: 100%; } .AjaxContentBox.quartSize { width: 100%; }
}

.HSearchMain { display: inline-block; margin: 15px auto; min-width: 320px; max-width: 440px; width: 100%; }
.HSearchMain .fulltext { display: block; float: left; width: calc(100% - 2.8em); min-height: 2.8em; /* line-height: 2em; */ font-size: 1.1em; box-sizing: border-box; padding: 0.1em 5px !important; margin: 0px auto 0px auto; text-align: left; border: solid 2px #dddddd; border-radius: 3px 0px 0px 3px; }
.HSearchMain .submit { display: block; float: left; width: 2.6em; font-size: 1.1em; height: 2.8em; line-height: 2.2em; padding: 0px 3px; margin: 0px 1px 0px -0.1em; text-align: center; border: solid #dddddd; border-width: 1px 1px 1px 0px; border-radius: 0px 3px 3px 0px; }
.HSearchMain .submit:hover { color: white; background-color: #006699; cursor: pointer; border-color: #006699; }
.HSearchMain .submit .IconSearch { font-size: 1.5em; color: inherit; font-weight: bold; margin: 0px; box-sizing: border-box; margin: 0px 0px 0px 0px; vertical-align: middle; }

.HInfoText { display: block; text-align: center; font-size: 1.1em; padding: 0.25em 0px 0.75em 0px; font-weight: bold; }
.HSearchText { text-align: center; line-height: 1.6em; }
.HSearchText .IconPlay { display: inline-block; width: 20px; text-align: center; color: #339900; margin: 0px 5px 0px 0px; font-size: 1.55em; cursor: pointer; vertical-align: middle; }
.HSearchText .IconPlay.Red { color: red; }
.HSearchText .Text { font-size: inherit; vertical-align: middle; }
.HSearchControls { text-align: center; padding: 0.25em 0px 1em 0px; }
.HSearchControls button { border: solid 1px #cccccc; border-radius: 3px; padding: 0.5em 1em; margin: 5px; }
.HSearchControls button:hover { background-color: #006699; cursor: pointer; color: white; }
.HSearchControls button.active { background-color: #006699; cursor: pointer; color: white; }
.MInfoText { position: absolute; width: 96%; box-sizing: border-box; margin: 0px auto; bottom: 0; text-align: center; padding: 1.5em 1em; }
.MInfoText a { border-bottom: dotted 1px #006699; }
.MInfoText a:hover { border-bottom: none; }
.MInfoText .TextBox { width: 320px; display: inline-block; text-align: center; margin: 10px auto; 
}
/* FTSS styles */
/*
.ftssBox { position: absolute; z-index: 1; padding: 3px 0px; box-sizing: border-box; border: solid #cccccc; border-width: 0px 1px 1px 1px; text-align: left; background-color: white; overflow: hidden; }
.ftssHeader { height: 1.86em; line-height: 1.4em; overflow: hidden; box-sizing: border-box; padding: 3px 4px; font-weight: bold; margin-right: -30px; }
.ftssItem { height: 1.86em; line-height: 1.4em; overflow: hidden; box-sizing: border-box; padding: 3px 3.5px; cursor: pointer; margin-right: -30px; }
.ftssItem:hover { background-color: #f5f5f5; }
*/

/*
.ftssFlexBox { position: absolute; z-index: 1; padding: 3px 0px; box-sizing: border-box; border: solid #cccccc; border-width: 0px 1px 1px 1px; text-align: left; background-color: white; overflow: hidden; }
.ftssFlexHeader { height: 1.86em; line-height: 1.4em; overflow: hidden; box-sizing: border-box; padding: 3px 4px; font-weight: bold; margin-right: -30px; }
.ftssFlexItem { height: 1.86em; line-height: 1.4em; overflow: hidden; box-sizing: border-box; padding: 3px 3.5px; cursor: pointer; margin-right: -30px; }
.ftssFlexItem:hover { background-color: #f5f5f5; }
*/

.ftssCssBox { border-radius: 0px 0px 3px 3px; }
.ftssCssBox div.ftssCssItem .text2 { width: calc(100% - 65px); min-width: 50px; }
.ftssCssBox div.ftssCssItem .count { width: 30px; color: #999999; text-align: center; font-size: 0.9em; vertical-align: middle; line-height: 1.26em; }

.ftssCssBox div.ftssCssItem .text { width: calc(100% - 35px); min-width: 50px; }
.ftssCssBox div.ftssCssItem .find { width: 30px; height: 1em; line-height: 1.1em; display: inline-block; font-size: 1.6em; font-weight: bold; text-align: right; vertical-align: middle; padding: 0px; margin: 0px 5px 0px 0px; color: #cccccc; background-color: transparent; }
.ftssCssBox div.ftssCssItem .find:hover { color: #333333; }
.ftssCssFooter span.find { width: 1em; height: 1.2em; line-height: 1.1em; display: inline-block; font-size: 1.6em; font-weight: bold; text-align: center; vertical-align: middle; padding: 0px; margin: 0px -1em 0px 0.25em; color: #cccccc; background-color: transparent; }

/*
.ftssFlexBox div.ftssFlexItem .find { font-size: 1.6em; font-weight: bold; text-align: left; vertical-align: middle; padding: 5px 0px; margin: 0px 0px 0px 0px; color: #cccccc; background-color: transparent; }
.ftssFlexBox div.ftssFlexItem .find:hover { color: #333333; }

#FlexBox { width: 80%; margin: 0px auto 0px auto; text-align: center; }
.ftssFlexHeader { text-align: center; }
.ftssFlexItem { text-align: center; min-height: 12em !important; padding: 0.5em 0.5em 0.5em 0.25em !important; }
.ftssFlexItem .text { width: 90%; vertical-align: middle; line-height: 1.2em; }
.ftssFlexItem .image { width: 90%; }

.ftssFlexItem .title { width: 75%; vertical-align: middle; line-height: 1.2em; }
.ftssFlexItem .price { width: 25%; vertical-align: middle; line-height: 1.2em; }
*/