/* custom forms styles */
.customForm-hidden {
  display: block !important;
  position: absolute !important;
  left: -9999px !important; }

/* custom checkbox styles */
.chk-area {
  margin: 0 3px 0 0;
  float: left;
  overflow: hidden;
  height: 18px;
  width: 17px; }

.chk-area span {
  background: url(../images/bg-checkbox.gif) no-repeat;
  display: block;
  width: 51px;
  height: 36px; }

.chk-focus span {
  margin-left: -34px; }

.chk-checked span {
  margin-top: -18px; }

.chk-disabled span {
  margin-left: -17px; }

.customForm-label-active,
.chk-label-active {
  font-weight: bold; }

/* radio button styles */
.rad-area {
  margin: 8px 9px 0 0;
  float: left;
  overflow: hidden;
  height: 22px;
  width: 22px; }

.rad-area span {
  background: url(../images/bg-radio.png) no-repeat;
  width: 22px;
  height: 22px;
  display: block; }

.rad-focus span {
  background-position: 0 0; }

.rad-checked span {
  background-position: 0 -22px; }

.rad-disabled span {
  background-position: 0 0; }

/* radio button styles 2 end*/
/* radio button styles 3 */
.customForm-class-rad3 {
  margin: 7px 13px 0 0;
  width: 16px;
  height: 16px; }

.customForm-class-rad3 span {
  background: url(../images/bg-radio-3.png) no-repeat;
  width: 16px;
  height: 16px; }

.customForm-class-rad3.rad-checked span {
  background-position: 0 -16px; }

/* radio button styles 3 end*/
/* custom select styles */
.select-area {
  float: left;
  position: relative;
  overflow: hidden;
  margin: 0 8px;
  height: 25px; }

.select-area .select-opener {
  background: url(../images/ico-05.gif) no-repeat 100% 1px;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 1px;
  width: 24px;
  height: 25px;
  cursor: pointer; }

.select-area .left {
  background: url(../images/bg-select.gif) 0 0 no-repeat;
  position: absolute;
  width: 10px;
  height: 25px;
  z-index: 1;
  top: 0;
  left: 0; }

.select-area .center {
  background: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  cursor: default;
  display: block;
  padding: 5px 30px 4px 8px;
  z-index: 2;
  color: #506e90; }

.select-area .center img {
  margin: 5px 5px 0 0;
  position: relative;
  float: left; }

.options-overflow div.drop-list {
  overflow: auto; }

.options-hidden {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

.select-options {
  z-index: 3000;
  background: #fff;
  position: absolute; }

.select-options .drop-holder {
  border: 1px solid #ccc;
  border-width: 0 1px 1px;
  height: 1%; }

.select-options-flipped .drop-holder {
  border-width: 1px 1px 0; }

.select-options div.drop-list {
  width: 100%; }

.select-options ul {
  overflow: hidden;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  font: 12px/14px "open_sans", Arial, sans-serif; }

.select-options ul li {
  overflow: hidden;
  float: left;
  width: 100%; }

.select-options ul a {
  text-decoration: none;
  cursor: default;
  color: #666;
  display: block;
  overflow: hidden;
  height: 1%;
  padding: 5px;
  color: #506e90; }

.select-options ul a span {
  cursor: default;
  float: left; }

.select-options .item-selected a {
  text-decoration: none;
  background: #e2eaf3;
  color: #444; }

.select-options ul a:hover {
  text-decoration: none; }

.select-options ul a:focus {
  outline: none; }

.select-options .optgroup strong {
  cursor: default;
  display: block;
  width: 100%; }

.select-options .optgroup strong em {
  display: block;
  padding: 5px;
  height: 1%; }

.select-options .optgroup ul a {
  padding-left: 20px; }

.select-options img {
  margin: 2px 3px 0 0;
  float: left;
  border: 0; }

.select-disabled {
  background-position: 0 -124px;
  color: #bbb; }

.select-disabled .left {
  background-position: 0 -93px; }

.select-disabled .select-opener {
  background-position: 100% -155px; }

.select-focus {
  background-position: 0 -217px; }

.select-focus .left {
  background-position: 0 -186px; }

.select-focus .select-opener {
  background-position: 100% 1px; }

/* multiple select styles */
.select-multiple-wrapper {
  background: #dfdfdf; }

.select-multiple-wrapper .wtop, .select-multiple-wrapper .wbot {
  background: url(../images/bg-multiple.gif) no-repeat;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  height: 5px; }

.select-multiple-wrapper .wtop .tr, .select-multiple-wrapper .wbot .br {
  background: url(../images/bg-multiple.gif) no-repeat 100% 0;
  width: 50%;
  float: right;
  height: 5px; }

.select-multiple-wrapper .cwrap, .select-multiple-wrapper .chold {
  background: url(../images/bg-multiple.gif) no-repeat 0 50%;
  padding: 0 0 0 5px; }

.select-multiple-wrapper .chold {
  background-position: 100% 50%;
  padding: 0 5px 0 0; }

.select-multiple-wrapper .wbot {
  background-position: 0 100%; }

.select-multiple-wrapper .wbot .br {
  background-position: 100% 100%; }

.select-multiple-focus .wtop,
.select-multiple-focus .wbot,
.select-multiple-focus .wtop .tr,
.select-multiple-focus .wbot .br,
.select-multiple-focus .cwrap,
.select-multiple-focus .chold {
  background-image: url(../images/bg-multiple-focus.gif) !important; }

.select-multiple-wrapper ul {
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.select-multiple-wrapper ul li {
  padding: 0 0 1px;
  float: left;
  width: 100%; }

.select-multiple-wrapper ul a {
  text-decoration: none;
  overflow: hidden;
  display: block;
  margin: 0 4px 0 0;
  padding: 0 0 0 5px;
  line-height: 19px;
  color: #000;
  height: 20px; }

div.noscroll-vertical ul a {
  margin: 0; }

.select-multiple-wrapper ul a span {
  display: block;
  height: 20px;
  padding: 0 5px 0 0; }

.select-multiple-wrapper .item-selected a {
  background: #8e9294 url(../images/bg-select-item.gif) no-repeat;
  color: #fff; }

.select-multiple-wrapper .item-selected a span {
  background: url(../images/bg-select-item.gif) no-repeat 100% 0; }

.select-multiple-wrapper ul a:hover {
  text-decoration: none; }

.select-multiple-wrapper a, .select-multiple-wrapper span {
  cursor: default; }

/* custom input type file */
.file-area {
  position: relative;
  line-height: 31px;
  overflow: hidden;
  padding: 0 10px 0 0;
  float: left;
  clear: both;
  height: 31px; }

.file-area .customForm-wrap {
  position: relative;
  overflow: hidden;
  height: 31px;
  width: 0;
  margin: 0 0 -31px;
  z-index: 100;
  font-size: 0;
  line-height: 0; }

.file-area .customForm-input-wrapper {
  position: relative;
  overflow: hidden;
  height: 31px;
  float: left; }

.file-area .customForm-fake-input {
  background: url(../images/bg-upload.gif) no-repeat;
  padding: 0 0 0 10px;
  white-space: nowrap;
  float: left; }

.file-area .customForm-fake-input span {
  background: url(../images/bg-upload.gif) no-repeat 100% -62px;
  cursor: default;
  overflow: hidden;
  padding: 0 10px 0 0;
  float: left; }

.file-area .customForm-fake-input em {
  float: left;
  height: 31px;
  width: 180px;
  font-style: normal;
  padding: 0 0 0 20px;
  overflow: hidden;
  background: url(../images/ext-none.gif) no-repeat 0 50%; }

.file-area .customForm-upload-button {
  background: url(../images/bg-upload.gif) no-repeat 0 -93px;
  padding: 0 0 0 10px;
  margin: 0 0 0 5px;
  color: #fff;
  float: left; }

.file-area .customForm-upload-button span {
  background: url(../images/bg-upload.gif) no-repeat 100% -93px;
  padding: 0 10px 0 0;
  cursor: default;
  float: left;
  height: 31px; }

.file-input-opacity {
  z-index: 100;
  position: absolute;
  height: 31px;
  line-height: 31px; }

.file-disabled {
  color: #bbb; }

.file-disabled .customForm-fake-input {
  background-position: 0 -124px; }

.file-disabled .customForm-fake-input span {
  background-position: 100% -186px; }

.file-disabled .customForm-upload-button {
  background-position: 0 -217px; }

.file-disabled .customForm-upload-button span {
  background-position: 100% -217px; }

.file-focus .customForm-fake-input {
  background-position: 0 -248px; }

.file-focus .customForm-fake-input span {
  background-position: 100% -310px; }

.file-focus .customForm-upload-button {
  background-position: 0 -341px; }

.file-focus .customForm-upload-button span {
  background-position: 100% -341px; }

/* file extension styles */
.no-file .customForm-fake-input em {
  background: none; }

.extension-jpg .customForm-fake-input em,
.extension-bmp .customForm-fake-input em,
.extension-gif .customForm-fake-input em,
.extension-png .customForm-fake-input em {
  background-image: url(../images/ext-image.gif); }

.extension-odt .customForm-fake-input em,
.extension-doc .customForm-fake-input em,
.extension-docx .customForm-fake-input em {
  background-image: url(../images/ext-doc.gif); }

.extension-ods .customForm-fake-input em,
.extension-xls .customForm-fake-input em,
.extension-xlsx .customForm-fake-input em {
  background-image: url(../images/ext-xls.gif); }

.extension-swf .customForm-fake-input em,
.extension-fla .customForm-fake-input em {
  background-image: url(../images/ext-flash.gif); }

.extension-db .customForm-fake-input em,
.extension-sql .customForm-fake-input em {
  background-image: url(../images/ext-db.gif); }

.extension-htm .customForm-fake-input em,
.extension-html .customForm-fake-input em {
  background-image: url(../images/ext-html.gif); }

.extension-txt .customForm-fake-input em,
.extension-rtf .customForm-fake-input em {
  background-image: url(../images/ext-txt.gif); }

.extension-zip .customForm-fake-input em,
.extension-rar .customForm-fake-input em {
  background-image: url(../images/ext-zip.gif); }

.extension-pdf .customForm-fake-input em {
  background-image: url(../images/ext-pdf.gif); }

/* custom scroll styles */
.scrollable-focus1,
.scrollable-focus1 .scrollable-area {
  background: #ffd !important; }

.scrollable-focus1 .scrollable-area .scrollable-area {
  background: #fff !important; }

.scrollable-area-wrapper {
  position: relative;
  overflow: hidden; }

.scrollable-area-wrapper .vscrollbar {
  background: url(../images/bg-vscrollable.gif) no-repeat 0 -20px;
  position: absolute;
  cursor: default;
  height: 100%;
  width: 20px;
  top: 0;
  right: 0;
  z-index: 100; }

.scrollable-area-wrapper .scrollable-fake {
  overflow: hidden;
  position: relative; }

.scrollable-area-wrapper .vscroll-up,
.scrollable-area-wrapper .vscroll-down {
  background: url(../images/bg-vscrollable.gif) no-repeat;
  overflow: hidden;
  width: 20px;
  height: 20px;
  right: 0;
  top: 0; }

.scrollable-area-wrapper .vscroll-line {
  position: relative;
  width: 100%; }

.scrollable-area-wrapper .vscroll-down {
  background-position: -20px 0;
  top: auto;
  bottom: 0; }

.scrollable-area-wrapper .vscroll-slider {
  background: url(../images/bg-vscrollable.gif) no-repeat -20px 50%;
  position: absolute;
  overflow: hidden;
  width: 20px; }

.scrollable-area-wrapper .scroll-bar-top,
.scrollable-area-wrapper .scroll-bar-bottom {
  background: url(../images/bg-vscrollable.gif) no-repeat -20px -20px;
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px; }

.scrollable-area-wrapper .scroll-bar-bottom {
  background-position: -20px 100%;
  top: auto;
  bottom: 0; }

/* horizontal scroll styles */
.scrollable-area-wrapper .hscrollbar {
  background: url(../images/bg-hscrollable.gif) no-repeat -20px 0;
  position: absolute;
  cursor: default;
  width: 100%;
  height: 20px;
  bottom: 0;
  left: 0;
  z-index: 100; }

.scrollable-area-wrapper .hscroll-line {
  position: relative;
  height: 20px;
  float: left; }

.scrollable-area-wrapper .hscroll-left,
.scrollable-area-wrapper .hscroll-right {
  background: url(../images/bg-hscrollable.gif) no-repeat;
  float: left;
  overflow: hidden;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0; }

.scrollable-area-wrapper .hscroll-right {
  background-position: 0 -20px;
  left: auto;
  right: 0; }

.scrollable-area-wrapper .hscroll-slider {
  background: url(../images/bg-hscrollable.gif) no-repeat 50% -20px;
  position: absolute;
  overflow: hidden;
  height: 20px; }

.scrollable-area-wrapper .scroll-bar-left,
.scrollable-area-wrapper .scroll-bar-right {
  background: url(../images/bg-hscrollable.gif) no-repeat -20px -20px;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px; }

.scrollable-area-wrapper .scroll-bar-right {
  background-position: 100% -20px;
  left: auto;
  right: 0; }

/* scrollable textarea styles */
.textarea-wrapper {
  overflow: hidden;
  float: left; }

.textarea-wrapper textarea,
.textarea-wrapper textarea:focus {
  border: 0;
  margin: 0;
  padding: 0 8px;
  outline: none;
  background: none;
  vertical-align: top; }

.textarea-wrapper .ctop,
.textarea-wrapper .cbot,
.textarea-wrapper .cright,
.textarea-wrapper .cmid,
.textarea-wrapper .chold {
  background: url(../images/bg-textarea.gif) no-repeat; }

.textarea-wrapper-focus .ctop,
.textarea-wrapper-focus .cbot,
.textarea-wrapper-focus .cright,
.textarea-wrapper-focus .cmid,
.textarea-wrapper-focus .chold {
  background-image: url(../images/bg-textarea-focus.gif) !important; }

.textarea-wrapper .ctop,
.textarea-wrapper .cbot {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  height: 5px; }

.textarea-wrapper .ctop .cright,
.textarea-wrapper .cbot .cright {
  background-position: 100% 0;
  width: 50%;
  height: 5px;
  float: right; }

.textarea-wrapper .cbot .cright {
  background-position: 100% 100%; }

.textarea-wrapper .cbot {
  background-position: 0 100%; }

.textarea-wrapper .cmid {
  background-position: 0 50%;
  padding: 0 0 0 5px; }

.textarea-wrapper .chold {
  background-position: 100% 50%;
  padding: 0 5px 0 0; }

/*radiobutton*/
#main .planner .rad-area {
  margin: 9px 11px 0 20px;
  width: 16px;
  height: 16px; }

#main .planner .rad-area span {
  width: 16px;
  height: 16px;
  background: url(../images/bg-radio-4.gif) no-repeat scroll 0 0 transparent; }

#main .planner .rad-checked span {
  background-position: 0 -16px; }

/* custom checkbox styles NPS */
.enquiry-form .chk-area {
  margin: 2px 7px 0 0;
  float: left;
  overflow: hidden;
  height: 18px;
  width: 18px; }

.enquiry-form .chk-area span {
  background: url(../images/bg-check1.gif) no-repeat;
  width: 18px;
  height: 18px;
  display: block; }

.enquiry-form .chk-checked span {
  background-position: 0 -18px; }