#static {
  width: 550px;
  margin: 0 auto;
  position: relative;
  color: #381919;
  padding: 200px 0;
  min-height: 800px;
}

.StaticInner {
  overflow: hidden;
  padding: 0;
  width: 550px;
  margin: 0 auto;
}

.StaticInner h3 {
  text-align: center;
  font-size: 18px;
  font-weight: bolder;
  padding: 12px 0 13px;
  margin-bottom: 20px;
  overflow: hidden;
}

.StaticMain {
  height: 600px;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 230px;
  width: 550px;
}
.MainTab {
  display: none;
}
.MainTab.Active {
  display: block;
}
.MainSubweb {
  display: none;
}
.MainSubweb.Active {
  display: block;
}
/* END. General */
.StaticTopPanel {
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* Breadcrumbs */
#breadcrumbs {
  color: #000;
  display: block;
  float: right;
  margin-bottom: 5px;
  margin-top: 10px;
  position: relative;
  text-align: left;
  top: 0;
  left: 0;
}
#breadcrumbs li {
  color: #000;
  display: block;
  float: left;
}
#breadcrumbs li.Active {
  font-weight: bold;
  color: #005278;
}

#breadcrumbs li > span {
  font-weight: bold;
  text-decoration: none;
}

#breadcrumbs span, #breadcrumbs a:hover {
  /* color: #494848; */
  text-decoration: none;
}

/* END. Breadcrumbs */
/* Tab */
/* Tab */
ul#tabHeader, ul.tabHeader {
  height: 35px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #981411;
}
ul#tabHeader li, ul.tabHeader li {
  float: left;
  font-weight: bolder;
}
ul#tabHeader li a:link,
ul#tabHeader li a:visited,
ul.tabHeader li a:link,
ul.tabHeader li a:visited {
  background: #523d26;
  color: #e1d6ba;
  border: 1px solid #523d26;
  border-bottom: none;
  padding: 3px 14px 3px 14px;
  text-align: center;
  height: 29px;
  line-height: 29px;
  display: block;
  text-decoration: none;
  float: left;
  margin: 0 2px 0 0;
}
ul#tabHeader li a:link:hover,
ul#tabHeader li a:visited:hover,
ul.tabHeader li a:link:hover,
ul.tabHeader li a:visited:hover {
  background: #981411;
  color: #fff;
  border: 1px solid #981411;
  border-bottom: none;
}
ul#tabHeader li.Active a:link, ul#tabHeader li.Active a:visited, ul#tabHeader li.Active a:hover,
ul.tabHeader li.Active a:link, ul.tabHeader li.Active a:visited, ul.tabHeader li.Active a:hover {
  background: #981411;
  color: #fff;
  border: 1px solid #981411;
  border-bottom: none;
  text-decoration: none;
}

/* END. Tab */
/* Anchor Links */
ul.AnchorLink {
  margin: 0 auto 10px;
  overflow: hidden;
  padding: 15px 20px;
  border: 1px solid #e8c24b;
}
ul.AnchorLink li {
  background: url(../images/anchor.gif) no-repeat 0 11px;
  float: left;
  width: 158px;
  padding: 0 0 5px 13px;
  font-weight: bolder;
}
ul.AnchorLink li a {
  color: #c30f1d;
}
ul.AnchorLink li a:hover, ul.AnchorLink li a.Active:link, ul.AnchorLink li a.Active:visited {
  color: #c30f1d;
  text-decoration: underline;
}

/* END. Anchor Links */
/* Content blocks*/
.ContentBlock {
  padding-bottom: 20px;
  clear: both;
}
.ContentBlock p {
  margin-bottom: 10px;
  text-align: justify;
  padding-right: 3px;
}
.ContentBlock p.TextCenter {
  text-align: center;
}
.ContentBlock p.ImgCenter {
  text-align: center;
  margin-bottom: 20px;
}

p.ImgCenter {
  text-align: center !important;
  margin-bottom: 20px;
}

.content h4 {
  background: url("../images/icon-h4.png") no-repeat left 2px;
  color: #9e1215;
  font-family: Arial;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 2px 0 2px 35px;
}

.ContentH4 {
  margin: 0 0 20px 30px;
}
.ContentH4 p {
  margin-bottom: 10px;
  text-align: justify;
  padding-right: 3px;
}

.content h5 {
  color: #9e1215;
  padding: 1px 0 1px 20px;
  margin: 0 0 5px 30px;
  line-height: 22px;
  font-size: 18px;
  background: url(../images/icon-h5.png) left 4px no-repeat;
}

.ContentH5 {
  margin: 0 0 20px 55px;
}
.ContentH5 p {
  margin-bottom: 10px;
  text-align: justify;
  padding-right: 3px;
}

.ImagesBlock {
  text-align: center;
  margin-bottom: 20px;
}

.ImagesH4 {
  text-align: center;
  margin: 0 0 20px 50px;
}

.ImagesH5 {
  text-align: center;
  margin: 0 0 20px 70px;
}

.FirstChar {
  padding: 4px 4px 0 0;
  line-height: 30px;
  font-size: 40px;
  float: left;
}

/* END. Content blocks */
/* Tables */
.MyTable {
  margin: 0 auto 10px;
  border-bottom: 1px solid #c2c2c2;
  border-collapse: collapse;
}

.MyTable thead tr th {
  color: #e8c045;
  background: #9e1215;
  font-weight: bold;
  padding: 5px 10px;
  border: 1px solid #e8c049;
}

.OddRow {
  background: #f8f3d3;
}

.EvenRow {
  background: #fffbe5;
}

.MyTable tbody tr td {
  padding: 3px 5px;
  border: 1px solid #e8c049;
  text-align: center;
  color: #494848;
}

.MyTable .HorzRight {
  text-align: right !important;
}

.MyTable .HorzCenter {
  text-align: center !important;
}

.MyTable .VeztTop {
  vertical-align: top !important;
}

/* END. Tables */
/* Notice box */
.NoticeBox {
  padding: 10px;
  background: #f8f3d3;
  border: 1px solid #e8c045;
  color: #494848;
}

p.Legend {
  font-size: 13px;
  font-weight: bolder;
  padding: 4px 22px;
  color: #fff;
  background: #9e1215;
  height: 20px;
  line-height: 18px;
  margin: -20px 0 10px;
  float: left;
  /*border: 1px solid #9f9f9f;*/
}

.NoteContent {
  width: 100%;
  overflow: hidden;
  text-align: justify;
}

/* END. Notice box */
/* Pagination */
.PagingWrapper {
  margin-bottom: 15px;
  overflow: hidden;
  padding: 10px 0;
  width: 100%;
}

.PagingControl {
  float: right;
  left: -50%;
  margin: 0;
  padding: 0;
  position: relative;
}

.CenterWrapper {
  left: 50%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.PagingControl span.PagingFirstPageLnk, .PagingControl span.PagingPrevPageLnk, .PagingControl span.PagingNextPageLnk, .PagingControl span.PagingLastPageLnk, .PagingControl a.PagingFirstPageLnk, .PagingControl a.PagingPrevPageLnk, .PagingControl a.PagingNextPageLnk, .PagingControl a.PagingLastPageLnk {
  display: block;
  float: left;
  height: 1px;
  overflow: hidden;
  padding: 12px 0;
  position: relative;
  text-indent: -1000em;
  width: 20px;
}

.PagingControl span.PagingFirstPageLnk, .PagingControl span.PagingPrevPageLnk, .PagingControl span.PagingNextPageLnk, .PagingControl span.PagingLastPageLnk {
  opacity: 0.3;
}

.PagingControl span.PagingFirstPageLnk, .PagingControl a.PagingFirstPageLnk {
  background: url("../images/bg-btn-pagination.png") 0 -3px no-repeat;
  margin: 0 10px 0 0;
  width: 27px;
}

.PagingControl a.PagingFirstPageLnk:hover {
  background-position: 0 -25px;
}

.PagingControl span.PagingPrevPageLnk, .PagingControl a.PagingPrevPageLnk {
  background: url("../images/bg-btn-pagination.png") -35px -3px no-repeat;
  margin: 0 5px 0 0;
}

.PagingControl a.PagingPrevPageLnk:hover {
  background-position: -35px -25px;
}

.PagingControl span.PagingNextPageLnk, .PagingControl a.PagingNextPageLnk {
  background: url("../images/bg-btn-pagination.png") -338px -3px no-repeat;
  border-right: medium none;
  margin: 0 10px 0 5px;
  width: 20px;
}

.PagingControl a.PagingNextPageLnk:hover {
  background-position: -338px -25px;
}

.PagingControl span.PagingLastPageLnk, .PagingControl a.PagingLastPageLnk {
  background: url("../images/bg-btn-pagination.png") -366px -3px no-repeat;
  width: 27px;
}

.PagingControl a.PagingLastPageLnk:hover {
  background-position: -366px -25px;
}

.PagingControl ul.PageList {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

.PagingControl ul.PageList li {
  float: left;
  margin: 0 5px;
  overflow: hidden;
  padding: 0;
}

.PagingControl ul.PageList li span {
  background: #e5030a;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 1px 7px 2px;
  text-align: center;
  width: auto;
  text-decoration: underline;
}

.PagingControl ul.PageList li a:link, .PagingControl ul.PageList li a:visited {
  color: #fff;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 1px 7px 2px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
  background: #9f0005;
}

.PagingControl ul.PageList li a:hover {
  background: #e5030a;
  color: #FFFFFF;
  text-decoration: underline;
}

/* END. Pagination */
/* Text styles */
p.TextCenter {
  text-align: center;
}

.Strong01 {
  font-weight: bolder;
}

.Strong02 {
  color: #9e1215;
  font-weight: bolder;
}

.TextFont15 {
  font-size: 15px;
  font-weight: bolder;
  font-family: Arial;
}

.TextFont16 {
  font-size: 16px;
  font-weight: bolder;
  font-family: Arial;
}

.TextFont17 {
  font-size: 17px;
  font-weight: bolder;
  font-family: Arial;
}

/* END. Text styles */
/* Image styles */
.NoBorderImg {
  border: none;
  background: none;
  padding: 0;
}

.BorderImg {
  border: 1px solid #a48967;
}

.ImgLeft {
  float: left;
  margin: 8px 10px 5px 0px;
}

.ImgRight {
  float: right;
  margin: 10px 0 5px 10px;
}

/* END. Image styles */
/* List styles */
ul.Decimal {
  margin: 0px 0px 10px 25px;
}

ul.Decimal li {
  list-style-type: decimal;
  margin-bottom: 10px;
  text-align: justify;
}

ul.UpperAlpha {
  margin: 0px 0px 10px 25px;
}

ul.UpperAlpha li {
  list-style-type: upper-alpha;
  margin-bottom: 10px;
  text-align: justify;
}

ul.LowerAlpha {
  margin: 0px 0px 10px 25px;
}

ul.LowerAlpha li {
  list-style-type: lower-alpha;
  margin-bottom: 10px;
  text-align: justify;
}

ul.Icon {
  margin: 0px 0px 10px 5px;
}

ul.Icon li {
  margin-bottom: 10px;
  background: url(../images/icon-list.gif) 0 6px no-repeat;
  padding-left: 20px;
  list-style-type: none;
  text-align: justify;
}

ul.Icon li ul.LowerAlpha li {
  list-style-type: lower-alpha;
  margin-bottom: 10px;
  background: none;
  padding-left: 0px;
}

ul.Dash {
  margin: 0px 0px 10px 5px;
}

ul.Dash li {
  margin-bottom: 10px;
  background: url(../images/icon_dash.gif) 2px 10px no-repeat;
  padding-left: 20px;
  list-style-type: none;
  text-align: justify;
}

ul.Disc {
  margin: 0px 0px 10px 5px;
}

ul.Disc li {
  list-style-type: none;
  background: url(../images/icon-phus.gif) 3px 8px no-repeat;
  margin-bottom: 10px;
  padding: 0 0 0 20px;
  text-align: justify;
}

ul.Decimal li ul {
  padding-top: 5px;
}

ul.UpperAlpha li ul {
  padding-top: 5px;
}

ul.LowerAlpha li ul {
  padding-top: 5px;
}

ul.Icon li ul {
  padding-top: 5px;
}

ul.Dash li ul {
  padding-top: 5px;
}

ul.Disc li ul {
  padding-top: 5px;
}

/* END. List styles */
/* List news */
ul.NewsList {
  width: 100%;
  overflow: hidden;
  font-size: 13px;
  margin-bottom: 15px;
}

ul.NewsList li {
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #A8ABC2;
  padding: 4px;
  position: relative;
  height: 20px;
  display: block;
}

ul.NewsList li .TextNews {
  text-align: left;
  padding: 1px 0 0;
}

ul.NewsList li .TextNews img.Cate {
  float: left;
  margin: 1px 10px 0 0;
}

ul.NewsList li .TextNews a:link, ul.NewsList li .TextNews a:visited {
  color: #000;
  border: none;
  padding: 1px 0;
  text-decoration: none;
}

ul.NewsList li .TextNews a:hover {
  color: #544CAE;
  border: none;
  text-decoration: none;
}

ul.NewsList li .TextNews a img {
  display: inline;
}

ul.NewsList li .TextDate {
  text-align: right;
  padding: 3px 0 0;
  color: #000;
  white-space: nowrap;
  position: absolute;
  right: 5px;
  top: 1px;
}

/* END. List news */
/* Advanced search box */
.BoxSearch {
  border: 1px solid #B88545;
  height: 88px;
  margin: 0 0 0 10px;
  overflow: hidden;
  padding: 0;
  width: 548px;
  margin-bottom: 16px;
}

.BoxSearch .BlockFormItem {
  float: left;
  width: 86%;
  overflow: hidden;
}

.BoxSearch .FormItem {
  float: left;
  margin: 0 5px 5px 0;
}

.BoxSearch .FormItem label {
  float: left;
  margin-right: 5px;
  font-size: 12px;
  padding: 0;
}

.BoxSearch .FormItem select, .BoxSearch .FormItem input.TextInput {
  float: left;
  width: 149px;
  padding: 2px 0 2px 3px;
  margin: 0;
  font-size: 12px;
  color: #4d4d4d;
  outline: none;
}

.BoxSearch .FormItem select {
  width: 151px;
}

.BoxSearch .FormItem input.TextInput {
  background-color: #301104;
  border: 1px solid #EFA200;
  color: #F1E5BE;
  height: 28px;
  margin: 0;
  padding: 0 10px;
  width: 167px;
}

.BoxSearch .FormItem input.TextInputAlt {
  width: 117px;
}

.BoxSearch .FormItem img {
  float: left;
  display: block;
}

.BoxSearch input.SubmitBtn {
  float: right;
  margin: 0px 0 0;
  background: url(../images/news/button_tim.gif) no-repeat;
  width: 68px;
  height: 41px;
  border: none;
  text-indent: -9999px;
  font-size: 0;
}

/* END. Advanced search box */
.Require {
  color: #000;
  font-weight: normal;
}

/* style promotion */
label.Reg {
  clear: left;
  display: block;
  float: left;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  padding-right: 10px;
  text-align: right;
  width: 160px;
  font-weight: bold;
}

select {
  width: 205px;
  text-align: center;
  margin-bottom: 5px;
  height: 23px;
  height: 28px;
  background: #f0f0f0;
  border: 1px solid #a9a9a9;
}

form input[type=password],
form input[type=text] {
  background: #f0f0f0;
  border: 1px solid #a9a9a9;
  height: 28px;
  padding: 0 10px;
  width: 338px;
}

h3.SubTitle {
  border-bottom: 2px solid #a9a9a9;
  color: #000;
  font-size: 22px;
  font-weight: normal;
  padding-left: 35px;
  text-align: left;
}

form input.BtnAgree {
  margin-right: 10px;
  margin-top: 10px;
  text-indent: 9999px;
  border: none;
  cursor: pointer;
}

form input.BtnReset {
  margin-right: 10px;
  margin-top: 10px;
  text-indent: 9999px;
  border: none;
  cursor: pointer;
}

form input.Verify {
  width: 228px;
  height: 28px;
  background: #f0f0f0;
  border: 1px solid #a9a9a9;
}

.Note {
  text-align: left;
  float: right;
  font-size: 11px;
  color: #fff;
  width: 115px;
  background: url(../images/Note.jpg) no-repeat 0 -4px #999;
  height: 20px;
  display: none;
  padding-left: 5px;
}

.ImgVerify {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}

form input.Verify {
  width: 100px;
  margin: 1px 0 0 10px;
  clear: right;
}

form span.Gent input {
  width: auto;
}

.BtnReg {
  margin: 10px 10px 0 170px;
  text-indent: 9999px;
  border: none;
  cursor: pointer;
}

/*.BtnReset{
  width: auto !important;
  margin: 0 0 0 20px;
}*/
.SurveyWrapper .BtnReg, SurveyWrapper .BtnReset {
  width: auto !important;
  margin: 0 0 0 20px;
}

form ul {
  list-style: none;
}

form ul li {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 5px;
}

form ul li p.TextNote {
  text-align: left;
  font-size: 11px;
  color: #000;
  font-style: italic;
  padding: 0 0 0 170px;
  margin: 0;
}

form ul.Radio {
  list-style: none;
  float: left;
  width: auto;
  overflow: hidden;
  margin-bottom: 10px;
}

form ul.Radio li {
  float: left;
  width: auto;
  padding-left: 15px;
  padding-right: 60px;
  margin-top: 3px;
}

form ul.RadioLine li {
  width: 100%;
  overflow: hidden;
  float: left;
}

form ul.RadioLine li p {
  width: 40%;
  float: left;
  text-align: left;
}

form ul.RadioLine li input {
  width: auto;
  float: left;
  margin: 4px 33px 10px;
  outline: none;
}

form ul.RadioLine li span {
  float: left;
  overflow: hidden;
  width: 20%;
}

form ul.RadioLine li span.Space {
  float: left;
  width: 40%;
  height: 1px;
  overflow: hidden;
}

form ul.Radio li input, form ul.Checkbox li input {
  width: auto;
  float: none;
}

form ul.Checkbox {
  list-style: none;
  float: left;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0;
  width: 310px;
}

form ul.Checkbox li {
  float: left;
  width: 190px;
  padding-right: 10px;
  margin-top: 3px;
}

form ul.Checkbox li.AnotherIdea {
  clear: both;
  width: 100%;
}

form ul.Slider li .SliderHead {
  float: right;
}

form ul.Slider li .Less, form ul.Slider li .Great, form ul.Slider li .slider {
  float: left;
}

form ul.Slider li .Less, form ul.Slider li .Great {
  width: 19%;
}

form ul.Slider li input {
  width: auto;
  margin: 3px 0 0 0;
  float: left;
}

form textarea {
  height: 80px;
  margin-bottom: 10px;
  margin-top: 8px;
  width: 350px;
  padding: 10px;
  background: #f0f0f0;
  border: 1px solid #a9a9a9;
}

.UserInfo {
  background: none;
  border-bottom: 1px solid #a89684;
  clear: both;
  color: #FFF;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  text-align: right;
}

.UserInfo a:link, .UserInfo a:visited {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.UserInfo a:hover {
  text-decoration: underline;
}

.breadCrumbs {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0 0 0 30px;
}

.Popup {
  position: absolute;
  display: block;
  width: 500px;
  z-index: 100;
  border: 1px solid #a9a9a9;
}

.Popup .UpperPopup {
  background: #f0f0f0;
  height: 30px;
  position: relative;
}

.Popup .Title {
  position: absolute;
  top: 0;
  left: 10px;
  color: #b21400;
  font-size: 18px;
}

.Popup .PopupClose:link, .Popup .PopupClose:visited {
  position: absolute;
  top: 0;
  right: 9px;
  display: block;
  width: 50px;
  height: 29px;
  color: #b21400;
  line-height: 29px;
  font-weight: bold;
  text-decoration: none;
}

.Popup .PopupClose:hover {
  text-decoration: none;
}

.UserInfo a.UID {
  font-weight: bold;
  text-decoration: underline;
  color: #000;
  padding-right: 10px;
}

.UserInfo a.UID:hover {
  text-decoration: none;
}

.Popup .upperPopup {
  background: #ffcb00;
  height: 30px;
  width: 100%;
}

.Popup .InnerContent {
  background: #f0f0f0;
  padding: 10px 10px 5px 10px;
  width: auto;
  height: auto;
  color: #000;
  border-top: 1px solid #a9a9a9;
}

.ASide {
  float: left;
  width: 200px;
  overflow: hidden;
  margin-right: 20px;
}

.ASide .Menu {
  list-style: none;
  width: 100%;
  overflow: hidden;
}

.ASide .Menu li {
  float: left;
  width: 200px;
}

.ASide .Menu li a:link, .ASide .Menu li a:visited {
  color: #fff;
  background: #666;
  font-weight: bold;
  height: 25px;
  width: 178px;
  display: block;
  padding: 2px 10px 0;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
}

.ASide .Menu li a:hover, .ASide .Menu li.Active a {
  color: #000;
  background: #eee;
}

.ASide .Menu li.Off a {
  color: #aaa;
  background: #666;
  cursor: default;
}

.ASide {
  position: absolute;
  /* login moi xuat hien menu */
  top: 50px;
  left: 1px;
}

.ErrorText {
  font-size: 13px;
  font-style: italic;
  color: #f00;
  text-align: center;
}

#Survey {
  height: 400px;
  overflow: hidden;
}

.SurveyWrapper {
  width: 500px;
  height: 357px;
  overflow: scroll;
  padding: 30px;
}

.SurveyWrapper h3.Title {
  font-weight: bold;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 10px 0;
  padding-left: 15px;
  text-transform: uppercase;
}

.SurveyWrapper .Description {
  font-size: 12px;
  margin-bottom: 10px;
}

.Question {
  font-size: 12px;
  font-weight: bold;
  color: #3d3d3d;
  padding: 0 0 0 20px;
  margin-bottom: 5px;
  clear: both;
}

ol {
  padding: 0 0 0 20px;
  margin-bottom: 20px;
}

ol li {
  list-style: decimal;
}

ol li a:link, ol li a:visited {
  color: #3d3d3d;
  text-decoration: none;
  font-size: 12px;
}

ol li a:hover {
  color: #bdbdbd;
}

.TextBox {
  padding: 0 0 0 30px;
  margin-bottom: 20px;
}

textarea {
  width: 510px;
  height: 50px;
  font-size: 12px;
}

th, tr, td {
  border: 0px solid #c4c4c4;
  padding: 2px 5px;
}

table.Result {
  margin: 0 0 20px 20px;
  width: 95%;
}

th {
  background: #d5d5d5;
}

td.TextCenter {
  text-align: center;
}

.SurveyWrapper p {
  padding: 0;
  clear: both;
  margin-bottom: 5px;
  overflow: hidden;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 12px;
  height: 14px;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 8px;
  margin: 5px 15px 0;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../images/slider.gif) repeat-y;
  color: #222222;
  width: 200px;
  padding: 0 2px 0 0;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  color: #222222;
  font-weight: bold;
  height: 5px;
}

.ui-widget-header a {
  color: #222222;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a, .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ui-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ui-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* end style promotion */
#link-function {
  background: url("../images/bg-togglearrow-context.png") no-repeat scroll 85% 15px #b21400;
  border: 1px solid #b21400;
  color: #fff;
  display: block;
  float: right;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 31px;
  margin-left: 10px;
  margin-top: -1px;
  padding: 0 27px 0 10px;
  text-align: center;
  text-decoration: none;
  width: 83px;
}

#link-function.Active {
  background: url("../images/bg-togglearrow-context.png") no-repeat scroll 90% 12px transparent;
}

#link-function:hover {
  text-decoration: none;
}

#link-function img {
  margin-left: 5px;
  vertical-align: middle;
}

#list-function {
  background: none repeat scroll 0 0 #b21400;
  display: none;
  overflow: hidden;
  padding: 3px 0 8px;
  position: absolute;
  top: 31px;
  width: 200px;
  z-index: 100;
}

#list-function.Active {
  display: block;
}

#list-function li {
  float: none;
  line-height: 18px;
  overflow: hidden;
  padding: 2px 3px 2px 11px;
  text-align: left;
}

#list-function li a {
  background: url("../images/func-nor.gif") no-repeat scroll 0 center transparent;
  color: #fff;
  /* font-weight: bold; */
  padding: 0 0 0 13px;
  text-decoration: none;
}

#list-function a:hover {
  background: url("../images/func-hover.gif") no-repeat scroll 0 center transparent;
  color: #fff500;
  text-decoration: none;
}

#list-function li.Off a, #list-function li.Off a:hover {
  color: #6b8600;
}

#list-function li.Off a,
#list-function li.Off a:hover {
  color: #6b8600;
  text-decoration: none;
  background: url("../images/func-off.gif") no-repeat scroll 0 center transparent;
}

#content .ContentWrapper .LeftContentBlock .Box.SideNav {
  background: url("../images/bg-header-title.png") no-repeat scroll 15px 0 transparent;
  padding-top: 60px;
  position: relative;
  width: 282px;
}

#content .ContentWrapper .LeftContentBlock .Box.SideNav .SideNavTitle {
  color: #CEB55C;
  display: inline-block;
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  height: 56px;
  left: 0;
  line-height: 56px;
  margin-left: 19px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  top: 4px;
  width: 252px;
}

#content .ContentWrapper .LeftContentBlock .Box.SideNav .InnerWrapper {
  background: url("../images/bg-sidenav-repeat.png") repeat-y scroll 0 0 transparent;
  float: left;
  margin-left: 15px;
  width: 260px;
}

#content .ContentWrapper .LeftContentBlock .Box.SideNav .BoxFooter {
  background: url("../images/bg-sidenav-bottom.png") repeat-y scroll 0 100% transparent;
  float: left;
  height: 4px;
  margin-left: 15px;
  width: 260px;
}

#content .ContentWrapper .LeftContentBlock .Box.SideNav .BoxFooterFixRight {
  background: url("../images/bg-sidenav-bottom.png") no-repeat scroll 100% 100% transparent;
  bottom: 0;
  float: left;
  height: 14px;
  margin-left: 15px;
  position: absolute;
  right: 7px;
  width: 6px;
  z-index: 2;
}

#content .ContentWrapper .LeftContentBlock .Box.SideNav .BoxFooterFixLeft {
  background: url("../images/bg-sidenav-bottom.png") no-repeat scroll 0 100% transparent;
  bottom: 0;
  float: left;
  height: 14px;
  left: 0;
  margin-left: 15px;
  position: absolute;
  width: 6px;
  z-index: 2;
}