/* ===================================================================================================================
   radiobox
   ================================================================================================================== */
.radiobox {
  height       : 19px;
  position     : relative;
  padding-top  : 0;
  padding-left : 19px;
}
.radiobox input {
  position : absolute;
  left     : -9999px
}
.radiobox input + span {
  position   : absolute;
  top        : 1px;
  left       : 0;
  width      : 100%;
  height     : 100%;
  background : url("/img/other/switch.png") no-repeat left top;
  cursor     : pointer;
}
.radiobox .active span {
  background : url("/img/other/switchA.png") no-repeat left top;
}
/* ===================================================================================================================
   checkbox
   ================================================================================================================== */
.checkbox {
  height       : 18px;
  position     : relative;
  padding-top  : 0;
  padding-left : 25px;
  text-align   : left;
}
.checkbox input {
  position : absolute;
  left     : -9999px
}
.checkbox input + span {
  position   : absolute;
  top        : 0;
  left       : 0;
  width      : 100%;
  height     : 100%;
  background : url("/img/other/switch1.png") no-repeat left top;
  cursor     : pointer;
}
.checkbox .active span {
  background : url("/img/other/switch1A.png") no-repeat left top;
}

.iconEdit {
  height       : 15px;
  position     : relative;
  padding-top  : 0;
  padding-left : 25px;
  text-align   : left;
}
.iconEdit span {
  position   : absolute;
  top        : 0;
  left       : 0;
  width      : 100%;
  height     : 100%;
  background : url("/img/other/iEdit.png") no-repeat left top;
}
.iconDell {
  height       : 15px;
  position     : relative;
  padding-top  : 0;
  padding-left : 25px;
  text-align   : left;
}
.iconDell span {
  position   : absolute;
  top        : 0;
  left       : 0;
  width      : 100%;
  height     : 100%;
  background : url("/img/other/iDell.png") no-repeat left top;
}
/* ==================================================================================================================
   Inputs
   ================================================================================================================== */
.srcInp {
  position   : relative;
  background : url("/img/other/searchBg.png") repeat-x left top;
  height     : 24px;
  padding    : 5px 0 3px;
  display    : inline-block;
}
.srcInp b {
  position   : absolute;
  background : url("/img/other/searchBgL.png") no-repeat left top;
  width      : 13px;
  height     : 30px;
  top        : 0;
  left       : -13px;
}
.srcInp i {
  position   : absolute;
  background : url("/img/other/searchBgR.png") no-repeat left top;
  width      : 13px;
  height     : 30px;
  top        : 0;
  right      : -13px;
}
.srcInp input {
  background    : none;
  border        : 0;
  margin        : 0;
  padding       : 0;
  height        : 20px;
  outline       : none;
  width         : 230px;
  padding-right : 13px;
}
.searchBtn {
  background : url("/img/other/searchBtn.png") no-repeat left top;
  width      : 13px;
  height     : 13px;
  position   : absolute;
  right      : -3px;
  top        : 8px;
}

.answTxt {
  border        : 1px solid #bbbec0;
  border-radius : 5px;
  background    : #fff;
  padding       : 5px;
  height        : 110px;
  box-shadow    : inset 1px 1px 3px #dbdbdb;
  position      : relative;
  behavior      : url(PIE.htc);
}
.answTxt textarea {
  border      : 0;
  padding     : 0;
  margin      : 0;
  background  : none;
  width       : 100%;
  height      : 100%;
  resize      : none;
  outline     : none;
  overflow    : auto;
  font-family : Arial, sans-serif;
}

.messTxt {
  border        : 1px solid #bbbec0;
  border-radius : 2px;
  background    : #fff;
  padding       : 5px;
  height        : 100px;
  box-shadow    : inset 1px 1px 3px #dbdbdb;
  position      : relative;
  behavior      : url(PIE.htc);
}
.messTxt.apost {
  height : 70px;
}
.messTxt.active {
  border        : 1px solid #3d99e1;
  border-radius : 2px;
  background    : #e1f0fa;
  padding       : 5px;
  box-shadow    : inset 1px 1px 3px #acc8da;
  position      : relative;
  behavior      : url(PIE.htc);
}
.messTxt textarea {
  border      : 0;
  padding     : 0;
  margin      : 0;
  background  : none;
  width       : 100%;
  height      : 100%;
  resize      : none;
  outline     : none;
  overflow    : auto;
  font-family : Arial, sans-serif;
}

.snInp {
  border        : 1px solid #bbbec0;
  border-radius : 2px;
  background    : #fff;
  padding       : 5px;
  box-shadow    : inset 1px 1px 3px #dbdbdb;
  position      : relative;
  behavior      : url(PIE.htc);
  display       : inline-block;
}
.snInp.apost {
  width : 97%;
}
.snInp.active {
  border        : 1px solid #3d99e1;
  border-radius : 2px;
  background    : #e1f0fa;
  padding       : 5px;
  box-shadow    : inset 1px 1px 3px #acc8da;
  position      : relative;
  behavior      : url(PIE.htc);
  display       : inline-block;
}
.snInp input {
  height     : 22px;
  padding    : 0;
  margin     : 0;
  border     : 0;
  background : none;
  outline    : none;
  width      : 100%;
}

.snSlct {
  border        : 1px solid #bbbec0;
  border-radius : 6px;
  background    : #fff;
  padding       : 5px;
  box-shadow    : inset 1px 1px 3px #dbdbdb;
  position      : relative;
  behavior      : url(PIE.htc);
  display       : inline-block;
}
.snSlct.active {
  border        : 1px solid #3d99e1;
  border-radius : 6px;
  background    : #e1f0fa;
  padding       : 5px;
  box-shadow    : inset 1px 1px 3px #acc8da;
  position      : relative;
  behavior      : url(PIE.htc);
  display       : inline-block;
}
.snSlct select {
  height     : 20px;
  padding    : 0;
  margin     : 0;
  border     : 0;
  background : none;
  outline    : none;
  width      : 100%;
}
/* ==================================================================================================================
   buttons
   ================================================================================================================== */
.writeBtn {
  background : url("/img/other/btn_write_ENG.png") no-repeat left top;
  width      : 124px;
  height     : 36px;
  display    : inline-block;
}
.writeBtn:hover {
  background : url("/img/other/btn_write_ENG_a.png") no-repeat left top;
}
.entBtn_b, .entBtn_f {
  background : url("/img/other/btn_enter_ENG.png") no-repeat left top;
  width      : 112px;
  height     : 36px;
  display    : inline-block;
}
.entBtn_b:hover, .entBtn_f:hover {
  background : url("/img/other/btn_enter_ENG_a.png") no-repeat left top;
}
.regBtn_b, .regBtn_f {
  background : url("/img/other/btn_register_ENG.png") no-repeat left top;
  width      : 249px;
  height     : 36px;
  display    : inline-block;
}
.regBtn_b:hover, .regBtn_f:hover {
  background : url("/img/other/btn_register_ENG_a.png") no-repeat left top;
}
.sendBtn {
  background : url("/img/other/btn_send_ENG.png") no-repeat left top;
  width      : 124px;
  height     : 36px;
  display    : inline-block;
}
.sendBtn:hover {
  background : url("/img/other/btn_send_ENG_a.png") no-repeat left top;
}
.sendBtn_b, .sendBtn_f {
  background : url("/img/other/btn_send_ENG.png") no-repeat left top;
  width      : 124px;
  height     : 36px;
  display    : inline-block;
}
.sendBtn_b:hover, .sendBtn_f:hover {
  background : url("/img/other/btn_send_ENG_a.png") no-repeat left top;
}
.askBtn {
  background : url("/img/other/btn_ask_ENG.png") no-repeat left top;
  width      : 265px;
  height     : 64px;
  display    : block;
}
.askBtn:hover {
  background : url("/img/other/btn_ask_ENG_a.png") no-repeat left top;
}
.voteBtn {
  background : url("/img/other/btn_vote_ENG.png") no-repeat left top;
  width      : 119px;
  height     : 31px;
  display    : block;
}
.voteBtn:hover {
  background : url("/img/other/btn_vote_ENG_a.png") no-repeat left top;
}
.exitBtn {
  background : url("/img/other/btn_exit_ENG.png") no-repeat left top;
  width      : 264px;
  height     : 36px;
  display    : block;
}
.exitBtn:hover {
  background : url("/img/other/btn_exit_ENG_a.png") no-repeat left top;
}
.saveBtn {
  background : url("/img/other/btn_save_ENG.png") no-repeat left top;
  width      : 108px;
  height     : 33px;
  display    : block;
}
.saveBtn:hover {
  background : url("/img/other/btn_save_ENG_a.png") no-repeat left top;
}
.srchBtn {
  background : url("/img/other/btn_search_ENG.png") no-repeat left top;
  width      : 104px;
  height     : 36px;
  display    : block;
}
.srchBtn:hover {
  background : url("/img/other/btn_search_ENG_a.png") no-repeat left top;
}
.dellBtn {
  background     : url("/img/other/iDelete.png") no-repeat left top;
  width          : 16px;
  height         : 16px;
  display        : none;
  vertical-align : top;
}
.addBtn {
  background : url("/img/other/btn_add_ENG.png") no-repeat left top;
  width      : 163px;
  height     : 40px;
  display    : block;
}
.addBtn:hover {
  background : url("/img/other/btn_add_ENG_a.png") no-repeat left top;
}

/* ==================================================================================================================
   Icons
   ================================================================================================================== */
.icon {
  display : inline-block;
}
.video {
  background : url("/img/other/video.png") no-repeat left top;
  width      : 26px;
  height     : 26px;
}
.iSetting {
  background : url("/img/other/iSetting.png") no-repeat left top;
  width      : 19px;
  height     : 19px;
  display    : inline-block;
}
.iUser {
  background : url("/img/other/iUser.png") no-repeat left top;
  width      : 15px;
  height     : 14px;
  display    : inline-block;
}
/* ==================================================================================================================
   BLOCKS
   ================================================================================================================== */
.std2 {
  background : #FFFFFF;
  border     : 1px solid #ffffff;
  box-shadow : 0px 0px 3px rgb(170, 175, 186);
}
/* ==================================================================================================================
   CLEARFIX
   ================================================================================================================== */
.clearfix:before,
.clearfix:after {
  content : " ";
  display : table;
}
.clearfix:after {
  clear : both
}
.clearfix {
  *zoom : 1;
}

.clear {
  clear : both
}
.relCntnr {
  position : relative;
}
.absCntnr {
  position : absolute;
}
.colLeft {
  position : relative;
  float    : left;
}
.colRight {
  position : relative;
  float    : right;
}
.colOver {
  position : relative;
  overflow : hidden;
}
.fl {
  float : left
}
.fr {
  float : right;
}
::-moz-selection {
  background  : #b3d4fc;
  text-shadow : none;
}
::selection {
  background  : #b3d4fc;
  text-shadow : none;
}

/* A better looking default horizontal rule */
hr {
  display    : block;
  height     : 1px;
  border     : 0;
  border-top : 1px solid #ccc;
  margin     : 0;
  padding    : 0;
}

input::-webkit-input-placeholder {
  color : #573825
}
input:-moz-placeholder {
  color : #573825
}
input:-ms-input-placeholder {
  color : #573825
}