/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: 'Open Sans', sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none;
}

input:focus {
  outline: none;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   END >> HTML5 display definitions
   ========================================================================== */
/**



/* ####################### GLOBAL SECTION ####################################*/
* {margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-display:swap;}
body {font-size:14px; background:#eeeeee;}
a {color: #6ab326; text-decoration: none;}
a:hover {color: #669900; text-decoration: underline; cursor:pointer;}
.wui_page h1 {font-size: 19px;font-weight:normal;color: #323232;}
.wui_page h1.greenh1 {font-size: 20px;color: #6ab326;border: none;}
h2{font-size: 16px; color: #669900; font-weight: normal; margin-left: 5px;}
p {padding:5px; color: #323232;}

input[type="text"], input[type="password"],input[type="email"], select, textarea {border: 1px solid #e9e9e9;border-radius: 4px;padding: 5px;font-family: 'Open Sans', sans-serif;}
select {height: 32px;}
input[type="text"]:focus, input[type="password"]:focus,input[type="email"]:focus, select:focus, textarea:focus {outline:none; border-color:#cccccc;}
textarea {resize:none;}

.ac_input{font-family: 'Open Sans', sans-serif!important; font-weight: normal!important;}

#content input, #content textarea, #content select {margin-top: 2px; font-size: 14px; resize: none;}
#logo {float: left;margin: 15px 0px 0px 20px;}
body.site #logo {float: left;margin-top: 0px;}
#category {position:absolute; font-size: 10px; font-weight: normal; color:#FFFFFF; width:960px; left:0px; top:2px; text-align: right; height:10px; line-height: 10px;}
#change_category {font-size: 10px; font-weight: normal;}
#change_category:hover {color:#669900; cursor: pointer;}
#menu {padding-top: 25px;float: right;margin-right: 20px;}
body.site #menu {padding-top: 39px;}
#menu ul {list-style: none;}
#menu ul li {float: left;}
#menu ul li a {padding:0px 0px 0px 30px; color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight:normal;}
#menu ul li a:hover {color: #669900; text-decoration: none;}
#menu ul li.selected a {color: #669900;}
body.site #menu ul li a {color: #323232;}
body.site #menu ul li a:hover  {color: #669900;}
body.site #menu ul li.selected a {color: #669900;}
#outer{display:none;}
@media screen and (min-width: 360px)and (max-width: 480px)  {
  #outer{width:100%;overflow-x: hidden;}
}
#selecter_outer {display: none;z-index: 90; background-color: #ffffff; border-bottom: 1px solid #dfdfdf;}
#mo_agency_heading {float: left; font-size: 18px; font-weight: 600; color:#333; margin-top: 4px; margin-left: 25px;width: 455px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#iframe_menu, #iframe_menu_label {display:none;}
#office_scope {display:none;}
#office_scope_label {display:none;}
#office_selecter label {float: right; font-size: 16px; font-weight: normal; color:#333; margin-top: 7px; margin-right: 5px;}
#office_scope {width:350px; z-index: 102;}
#office_selecter {display: block; height: 36px; width: 960px; margin-left: auto; margin-right: auto; z-index: 103;}
#header_outer {background:#343434; min-width: 960px;} /* border-bottom: 3px solid #6ab326; */
#header {position:relative;width: 960px;margin-left: auto;margin-right: auto;height: 56px;padding-top:5px;}
@media screen and (min-width: 360px)and (max-width: 480px)  {
  #header {width: 100%;}
}
body.site #header{height:85px;}
body.site #header_outer{background:#ffffff;}
#banner_top {height: 3px; width:100%; background:#669900; line-height:3px; overflow:hidden}
#sub_banner {height: 55px; width:100%; background:url(../../images/sub_banner.jpg); background-size: cover;}
#sub_banner_content {position:relative; width: 960px; margin-left: auto; margin-right: auto;}
#sub_banner_heading {color:white; font-size:30px; font-weight:bold; padding:10px 0px 0px 10px;text-shadow: 3px 2px 2px #333;}
body.site #sub_banner {height: 130px; width:100%; background: url(../../images/bg_banner5a_opt.jpg);background-position: center center;background-size: 100%;}
body.site #sub_banner_content {position:relative;width: 960px;margin-left: auto;margin-right: auto;text-align: center;}
body.site #sub_banner_heading {color: white;font-size: 44px;font-weight: normal;padding: 42px 0px 0px 0px; text-shadow: 1px 1px 4px rgba(0,0,0, 0.5);}
body.site #m_sub_banner_heading {
  width: 330px;
  height: 68px;
  font-family: 'Open Sans', sans-serif;
  font-size: 25px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: white;
  padding-top: 3%;
  margin: 0% 2%;
}
body.bggreen {background:#669900; min-width: 960px;}
body.bggrey {background:#dfdfdf; min-width: 960px;}
body.site #outer{background:#ffffff;}
#content_outer {width: 100%;}
#content {width: 960px; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
@media screen and (min-width: 360px)and (max-width: 480px)  {
  #content {width: 100%;}
}
#footer_top {height: 3px; width:100%; background:#690; line-height:3px; overflow:hidden}
/*#footer {color:#cccc99; width: 960px; margin-left: auto; margin-right: auto; padding-top:10px; text-align: center; font-size: 13px; }
*/
#footer_outer{background-color:#3f4140; height:200px; width:100%;}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  #footer_outer { height:300px;} /* your css rules for ipad landscape */
  div#app_footer {
    margin: 10px auto 120px auto;
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #footer_outer { height:630px;} /* your css rules for ipad portrait */
  div#app_footer {
    margin: 10px auto 480px auto;
  }
}

@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
  #footer_outer { height:550px;} /* your css rules for ipad landscape */
  div#app_footer {
    margin: 10px auto 375px auto;
  }
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
  #footer_outer { height:910px;} /* your css rules for ipad portrait */
  div#app_footer {
    margin: 10px auto 715px auto;
  }
}

#footer{margin-left: auto; margin-right: auto; width:960px; position: relative; padding-top: 10px; font-size: 13px;}
#footer ul{float:left; width:195px;}
#footer ul.leftcol{margin:0px 30px 0px 0px;}
#footer ul.centercol{margin:0px 30px 0px 30px;}
#footer ul.rightcol{margin:0px 0px 0px 30px;}
#footer li{list-style-type: none; color:#fff; border-top:solid 1px #fff; line-height: 30px;}
#footer li.top{border-top:none;}
#footer li a{list-style: none;padding: 0;margin: 0; color:#fff; text-decoration:none}
#footer li a:hover{color:#FFFFFF;}
#footer a{color:#fff; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
#app_footer {color:#323232; width: 960px; margin-left: auto; margin-right: auto; text-align: center; font-size: 12px; line-height: 32px;}
#app_footer a{color:#323232; text-decoration: none;}
#app_footer a:hover{text-decoration: underline; color: #669900;}

/* UI COMPONENTS */
/* modal */
.ui-dialog{}
#jquery_ajax_fw_spinnermodal_loading{background: url(../../images/loading.gif);}
#wmui_notify h1{color:#323232;font: 22px Arial, Helvetica, sans-serif; border: none; line-height:40px;}
/* button */

.action_button {color: #ffffff;display: inline-block;font-weight: 600;font-size: 14px;min-width: 60px;background-color: #6ab326;box-shadow: 0 3px 0 0 #669900;border-radius: 4px;padding: 12px; margin-top: 10px; margin-bottom: 8px;margin-left: 10px;margin-right: 10px; text-align: center;}
.action_button:hover {background-color: #669900;cursor: pointer;color: #ffffff;}

a.action_button{text-decoration: none;}
a.action_button:hover{text-decoration: none;}

.wui_button{color: #ffffff;display: inline-block;font-weight: normal;font-size: 13px;min-width: 60px;height: 23px;background-color: #6ab326;box-shadow: 0 3px 0 0 #669900;border-radius: 4px;padding-top: 8px;padding-left: 8px;padding-right: 8px; margin-top: 10px; margin-bottom: 8px;margin-left: 10px;margin-right: 10px; text-align: center; line-height: 16px;}
.wui_button:hover{background-color: #669900;cursor: pointer;}

.rbtn_container{text-align:center;clear:left;cursor:pointer;display:block;padding:5px;}
.btext_default{color:white; font:bold 16px Arial; margin-left:10px; margin-right:10px;}
.btext_hover{color:#669900; font:bold 16px Arial; margin-left:10px; margin-right:10px;}
.bleft_default{float:left;background:url(../../images/rbutton.png) no-repeat top left;height:28px;width:4px;}
.bmid_default{float:left;background:url(../../images/rbutton.png) repeat-x -0px -28px;height:28px;text-decoration:none;}
.bright_default{float:left;background:url(../../images/rbutton.png) no-repeat -6px 0px;height:28px;width:4px;}
.bleft_hover{float:left;background:url(../../images/rbutton.png) no-repeat 0px -56px;height:28px;width:4px;}
.bmid_hover{float:left;background:url(../../images/rbutton.png) repeat-x -0px -84px;height:28px;}
.bright_hover{float:left;background:url(../../images/rbutton.png) no-repeat -6px -56px;height:28px;width:4px;}
.btext{display:block;padding-top:5px;}
/* misc */
hr{color:#cccccc;border:0;background:#cccccc;height:1px;width:100%;text-align: left;}
/* ##############################Framework datatable##########################*/
/*datatable*/
.dt_parent_table {border-collapse: separate; border-spacing: 0px; *border-collapse: expression('separate', cellSpacing = '0px');}
.dt_parent_table * {}
/*search*/
.dt_search_div {float:right;font:normal 16px Arial;height:40px;}
.dt_search_div *{float:left;}
.dt_search_div span.ui-button{width:130px;font-size: 14px;}
.dt_records_per_page_parent_div span.ui-button{width:45px;}
.dt_filter_div {float:left;}
.dt_filter_div span.ui-button{width:110px;}

select.dt_searchin_select{margin-right:8px;font:normal 14px;}
select.dt_records_per_page_select {width:70px;}
input.dt_searchfor_input{margin-left:0px;font:normal 14px; width:100px;}
.wui_page label.dt_filter_label,.wui_page label.dt_searchin_label,.wui_page label.dt_searchfor_label, .wui_page label.dt_records_per_page_label{margin:10px 5px 0px 0px;font-size:13px;}
a .dt_searchfor_btn{background:url(../../images/dt_default_buttons.gif)  no-repeat -67px -20px;width:35px;height:25px;margin-top:5px;}
a:hover .dt_searchfor_btn{background:url(../../images/dt_default_buttons.gif)  no-repeat -67px -45px;width:35px;height:25px;}
a .dt_clearsearch_btn{background:url(../../images/dt_default_buttons.gif)  no-repeat -7px -55px;width:16px;height:25px;margin-top:5px;}
a:hover .dt_clearsearch_btn{background:url(../../images/dt_default_buttons.gif)  no-repeat -25px -55px;width:16px;height:25px;}
/*pagination*/
.dt_pagination_table {text-align:center; border-collapse: separate; border-spacing: 5px; *border-collapse: expression('separate', cellSpacing = '5px');}
.dt_pagination_first_nonselect{display:block;background:url(../../images/dt_default_buttons.gif)  no-repeat -17px -38px;width:16px;height:16px;}
.dt_pagination_prev_nonselect{display:block;background:url(../../images/dt_default_buttons.gif)  no-repeat -33px -38px;width:16px;height:16px;}
.dt_pagination_next_nonselect{display:block;background:url(../../images/dt_default_buttons.gif)  no-repeat -49px -38px;width:16px;height:16px;}
.dt_pagination_last_nonselect{display:block;background:url(../../images/dt_default_buttons.gif)  no-repeat 0px -38px;width:16px;height:16px;}
a .dt_pagination_first{display:block;background:url(../../images/dt_default_buttons.gif)  no-repeat -17px -19px;width:16px;height:16px;}
a:hover .dt_pagination_first{display:block;background:url(../../images/dt_default_buttons.gif)  no-repeat -17px 0px;width:16px;height:16px;}
a .dt_pagination_prev{display:block;background:url(../../images/dt_default_buttons.gif) no-repeat -33px -19px;width:16px;height:16px;}
a:hover .dt_pagination_prev{display:block;background:url(../../images/dt_default_buttons.gif) no-repeat -33px 0px;width:16px;height:16px;}
a .dt_pagination_next{display:block;background:url(../../images/dt_default_buttons.gif) no-repeat -48px -19px;width:16px;height:16px;}
a:hover .dt_pagination_next{display:block;background:url(../../images/dt_default_buttons.gif) no-repeat -48px 0px;width:16px;height:16px;}
a .dt_pagination_last{display:block;background:url(../../images/dt_default_buttons.gif) no-repeat 0px -19px;width:16px;height:16px;}
a:hover .dt_pagination_last{display:block;background:url(../../images/dt_default_buttons.gif) no-repeat 0px 0px;width:16px;height:16px;}
.dt_pagination_title{font-size:13px; color:#323232;}
.dt_refresh_link{font-size:13px;}
.dt_pagination_text{display:block;font-size:13px; color:#669900;}
.dt_pagination_text_link:hover{background:#FFFFFF;color:#669900;}
.dt_pagination_tr{font:normal 13px;}
.dt_pagination_td{border-top: 1px solid #dfdfdf;}
#dt_top_pagination_tr{display:none;}
.dt_pagination_selected{font-size:13px;color:#323232;}
/*rows*/
.dt_headings_array_row{font-size:13px; font-weight:600; color:#323232; text-decoration:none;}
.dt_headings_array_row a{font-size:13px; font-weight:600;  color:#323232; text-decoration:none;}
.dt_headings_array_row a:hover{text-decoration:underline;}
.dt_heading{border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.dt_locked_orderby_div{clear:left;}
.dt_locked_orderby_heading{font-size:13px;}
.dt_orderby_heading{float:left;}
.dt_orderby {float:left;position:relative;top:5px;margin-left:5px;}
.dt_orderby_down{background:url(../../images/dt_default_buttons.gif) no-repeat -70px -10px;width:11px;height:11px;line-height:11px;}
.dt_orderby_up{background:url(../../images/dt_default_buttons.gif) no-repeat -70px 0px;width:11px;height:11px;line-height:11px;}
.dt_row{font-size:14px;}
.dt_no_rows{font-size:14px; font-weight:bold; height:200px;color:#323232;}
.dt_heading{padding:0px 2px 0px 2px;}
.dt_cell{padding:5px 2px 5px 2px;}
.dt_odd{background:#f7f7f7;}
.dt_row_highlight{background:#dfdfdf;}
/*rpp*/
.dt_records_per_page_tr *{font-size:13px;}
.wui_page td.dt_records_per_page_td {height:20px}
.wui_page td.dt_pagination_td {height:20px}

.wui_page {width:960px; line-height: 22px; font-size: 14px; color: #323232; margin-top:10px;}
.wui_page .ui-widget-content {border: none; background-color: #eee;} /*border-left: 1px solid #669900;border-right: 1px solid #669900;border-top: none;border-bottom: none;*/
.wui_page .ui-tabs .ui-tabs-panel {border: 1px solid #dfdfdf; background-color: #fff}
.wui_page .ui-widget-header {border: none;}
.wui_page .ui-tabs .ui-tabs-nav {background-color: #eee;}
.wui_page h1 {color: #323232; font-size: 22px; line-height: 38px; font-weight:normal;}
.wui_page p {font-size: 16px;font-weight:bold; padding-left: 5px;line-height: 24px;}
.wui_page td {height:40px;font-size:14px;}
.wui_page label {color: #323232; font-weight:normal; font-size: 14px}
.wui_page label.error {margin-left:5px; font-size: 12px; color:#FF3300; font-weight: bold;}
.wui_page input[type="text"].error, .wui_page input[type="password"].error, .wui_page select.error, .wui_page textarea.error {background: #FFFFCC; border: 1px solid #cccccc;}


/*################################## Modal ###################################*/
.ui-dialog {border: 2px solid #669900; line-height: 16px; font-size: 14px; z-index:110;}
.ui-dialog-titlebar {display:none;}
.wui_modal .modal_table{border-collapse: separate; border-spacing: 5px; *border-collapse: expression('separate', cellSpacing = '5px'); width:100%}
.wui_modal h1 {color: #6ab326;font-size: 22px;line-height: 28px;font-weight: normal;}
.wui_page p {color: #323232; font-size: 14px; line-height: 25px; font-weight:normal;}
.wui_modal td {height:40px;}
.wui_modal label {color: #323232; font-weight:600; font-size: 14px;}
.wui_modal label.error {margin-left:5px !important; font-size: 12px !important; color:#FF3300 !important; font-weight: normal !important;}
/*.wui_modal input.error, .wui_modal select.error, #invite_modal select.error, #invite_modal textarea.error {background: #FFFFFF; border: 1px solid #ff0000;}*/

/*################################## JQUERY UI ###############################*/
#content .ui-accordion-header {display:block; font-size:12px; padding:2px 2px 2px 5px;}
#loading_mask {position: absolute;z-index: 99999;top: 0px;left: 0px;background-image: url("../../images/maskBG.png") !important; background-repeat: repeat; display:block;}
.ui-front {z-index: 1000;}
li.invitation_menu, li.reports_menu, li.admin_menu, li.manage_menu {display:none;}
.ui-selectmenu-button{border-radius: 4px; border:1px solid #e9e9e9;}
.ui-selectmenu-text{font-weight: normal; color:#323232;}
div.ui-selectmenu-menu .ui-state-active{text-align: left; background-color: #dfdfdf; color:#323232; font-weight: normal;}
div.ui-selectmenu-menu{max-height: 200px;overflow: scroll;}

/*################################## footer ###############################*/
#footerarr{padding-left:5px; padding-right:5px;}

/*################################## error ###############################*/
.dasherror{color:#ff3300; font-weight: normal; font-size: 13px;}

/*################################## subscribe ###############################*/
#subscribe_container {background:#ffffff; z-index:10; height:250px; width:420px; position:fixed; bottom:-255px; right:-425px; border: 3px solid #669900;-moz-border-radius:16px 16px 16px 16px;-webkit-border-radius:16px 16px 16px 16px;border-radius:16px 16px 16px 16px;}
#subscribe_content {line-height: 20px; margin:10px 15px 0px 15px; width:390px; font-size: 12px; color:#666666;position:relative;}
#subscribe_heading {font-size: 20px; color:#323232; font-weight: bold;}
#subscribe_thankyou {font-size: 30px; color:#323232; font-weight: bold;}
#subscribe_content label{font-size: 14px; color:#323232; font-weight: bold;}
#subscribe_content div.label{margin-left:10px; width:90px;}
#subscribe_content input {padding: 5px 5px 5px 5px; width: 206px;}
#sub_button{background:url(../../images/subscribe.jpg) top left no-repeat; height:62px; width:203px}
#sub_button:hover{cursor:pointer;}
#subscribe_content div.validate_error{background:url(../../images/cross_24.png) top left no-repeat; height:24px; width:24px; float:right; display:none;}
#sub_closebutton{position:absolute; top:-5px; right:-10px; background:url(../../images/close.jpg) top left no-repeat; height:32px; width:32px}
#sub_closebutton:hover{cursor:pointer;}

/*################################## support modal ###############################*/
#question_modal {background:#ffffff; display:none; cursor:default;}
#question_modal #question_content {line-height: 20px; margin:10px 0px 0px 20px; width:410px; font-size: 12px; color:#323232; position:relative;}
#question_modal #question_inner{display:none;}
#question_modal #question_heading {font-size: 20px; color:#323232; font-weight: bold;}
#question_modal #question_thankyou {font-size: 30px; color:#323232; font-weight: bold;}
#question_modal #question_content label{font-size: 14px; color:#323232; font-weight: bold;}
#question_modal #question_content div.label{width:70px;}
#question_modal #question_content input {padding: 5px 5px 5px 5px; width: 272px; float:left;}
#question_modal #question_content textarea {padding: 5px 5px 5px 5px; width: 272px; height:100px; float:left;}
#question_modal a#question_button{color: #ffffff!important;}
#question_modal #question_button:hover{cursor:pointer;}
#question_modal #question_closebutton{position:absolute; top: -10px; right: -55px; font-size: 14px; padding: 2px 7px 2px 7px;}
#question_modal #question_closebutton:hover{cursor:pointer;}
#question_modal #question_form table td{height: 28px;}

#question_modal ul {list-style-type:disc;color: #6ab326;margin-left: 20px;}
#question_modal #question_faq a{color:#323232;text-decoration: underline;}
#question_modal #question_faq a:hover{color:#6ab326; cursor: pointer;}
#question_modal #question_faq #askus{color:#323232;text-decoration: underline;}
#question_modal #question_faq #askus:hover{color:#6ab326; cursor: pointer;}
#question_modal #question_faq p{padding:0px;}
#question_modal #question_faq .note{font-weight: normal; font-size: 12px; color:#FF3300; font-style: italic;}

/*################################## RAC ###############################*/
#rac_modal {background:#ffffff; display:none; cursor:default;}
#rac_modal #rac_content {line-height: 20px; margin:10px 0px 0px 20px; width:410px; font-size: 12px; color:#323232; position:relative;}
#rac_modal #rac_heading {font-size: 20px; color:#323232; font-weight: bold;}
#rac_modal .rac_support{color:#FF3300; font-weight: normal;}
#rac_modal .asksupport{text-decoration: underline;}
#rac_modal .asksupport:hover{color: #323232;cursor:pointer;}
#rac_modal #rac_thankyou {font-size: 30px; color:#323232; font-weight: bold;}
#rac_modal #rac_content label{font-size: 14px; color:#323232; font-weight: bold;}
#rac_modal #rac_content div.label{width:70px;}
#rac_modal #rac_content input {padding: 5px 5px 5px 5px; width: 272px; float:left;}
#rac_modal #rac_content textarea {padding: 5px 5px 5px 5px; width: 272px; height:50px; float:left;}
#rac_modal #rac_content select {width: 285px;}
#rac_modal #rac_note_container{position:relative; display:block;}
#rac_modal #rac_note_layer{padding: 5px 5px 5px 5px;width: 272px;height:50px;position:absolute;margin:1px;z-index: 2;background:#FFFFFF;color:#999999;text-align: left;top:0px;left:0px;}
#rac_modal #rac_button{color: #ffffff!important;}
#rac_modal #rac_button:hover{cursor:pointer;}
#rac_modal #rac_closebutton{position:absolute; top: -10px;right: -55px; font-size: 14px; padding: 2px 7px 2px 7px;}
#rac_modal #rac_closebutton:hover{cursor:pointer;}
#rac_modal #rac_form table td{height: 28px;}

.wui_modal .red_border{border-color:#FF3300;}

.support_modal h2 {color:#323232;border-bottom: 1px solid #ccc;margin-top: 0px;font-size:18px; font-weight: normal;}
.support_modal .maillink{color:#6ab326;}
.support_modal .maillink:hover{color:#323232;}

#fw_working {position:fixed; top: 50%; left: 50%; margin-top: -65px; margin-left: -65px; height:130px; width:130px; background:url(../../images/working.gif) top left no-repeat;}

/*############## UI Tab overrides set for interface ###################*/
.tab_li{width:74px; height:55px; text-align: center;}
#invitation_page._1 .tab_li{width:75px; height:55px; text-align: center;}
#reports_page._1 .tab_li{width:75px; height:55px; text-align: center;margin: 1px 1px 0 0; word-break: break-word;}
#reports_page._1 .tab_li a {font-size: 11px;}
#invitation_page._3 .tab_li{width:75px; height:55px; text-align: center;}
#reports_page._3 .tab_li{width:75px; height:55px; text-align: center;margin: 1px 1px 0 0; word-break: break-word;}
#reports_page._3 .tab_li a {font-size: 11px;}
.ui-tabs .ui-tabs-nav li a {float: left; padding: 8px 4px; text-decoration: none;}
.tab_li a{ min-width: 70px; min-height: 36px; text-align: center; font-size:11px; display:inline-block; max-width:75px;vertical-align: middle;word-wrap: break-word;}
.ui-state-default, .ui-widget-content .ui-state-default {font-weight: normal; color:#666666;}
.ui-state-active, .ui-widget-content .ui-state-active {background-position: 50% 15%; text-align: center; color:#ffffff; font-weight: normal;}
a#tab_1, a#tab_2, a#tab_10, a#tab_11, a#tab_18, a#tab_19, a#tab_13{vertical-align: middle;}
a#tab_8{padding-left:3px !important; padding-right:3px !important;}
a#tab_12,a#tab_20{padding-left:1px !important; padding-right:1px !important;min-width: 81px;}
li.ui-tabs-selected a{cursor:default !important;}

/*############## Page Tabs Etc ###################*/
#page_tabs {width:960px; position:absolute; top:0px; left:0px;}
#page_tabs img {margin-top: -4px;margin-right:5px;}
#page_tabs div.page_tab {float:right; margin-left:8px; height:16px; text-align:center; display:block; padding: 2px; border-left: 2px #ffffff solid; border-right: 2px #ffffff solid; border-bottom: 2px #ffffff solid; font-size:12px; font-weight:bold; color:#f7f7f7; -moz-border-radius:0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px; z-index:101;}
#page_tabs div.page_tab:hover {cursor:pointer; height:18px;-moz-box-shadow: 0 0 15px #ffffff;-webkit-box-shadow: 0 0 15px #ffffff; box-shadow: 0 0 15px #ffffff;padding-top:4px;}
body.site #page_tabs div.page_tab {border-left: 1px #333 solid; border-right: 1px #333 solid; border-bottom: 1px #666 solid; }
body.site #page_tabs div.page_tab:hover {-moz-box-shadow: 0 0 15px #ffffff;-webkit-box-shadow: 0 0 15px #ffffff; box-shadow: 0 0 15px rgba(0,0,0, 0.5);}
#page_tabs #changecategory{background-color:#FFFFFF; font-weight: normal; color:#323232;}
#page_tabs #changecategory img{margin-top: -1px; border: 1px solid #ddd;}
#page_tabs #current_category {padding:0px 15px 0px 15px; white-space:nowrap;}
#page_tabs #changecategory .change_region{font-size: 10px;}
#page_tabs #changecategory .change_region:hover{text-decoration: underline; color:#669900;}
#page_tabs #category_change div.category_box {padding:10px 15px 15px 10px;}
#page_tabs #category_change div.category_box_img {float:left;}
#page_tabs #category_change div.category_box_text {float:left;margin-top:-2px;}
#page_tabs #category_change_container {z-index:101; position:relative; background-color:#323232; display:none; margin-top:10px;}
#page_tabs #category_change div.category_outer {font-size: 16px; height:35px; width:200px; background: #FFFFFF; color:#323232; text-align: center; border-top: 1px solid #EEEEEE;}
#page_tabs #category_change div.category_outer:hover {background: #669900; color:#FFFFFF; cursor:pointer;}
#page_tabs #category_change div.category_flag {}
#page_tabs #requestacall{width: 110px; background-color:#777777;}
#page_tabs #havequestion{width: 90px; background-color:#6ab326;}

#signup_prompt_tab {width: 300px; height: 30px; background-color: #4ED3FF; position:absolute; top:-106px; left:326px; text-align:center; display:block; padding: 2px; border-left: 2px #00d0ff solid; border-right: 2px #00d0ff solid; border-bottom: 2px #00d0ff solid; -moz-border-radius:0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px; z-index:1;}
#signup_prompt_tab:hover {cursor:pointer; height:33px;-moz-box-shadow: 0 0 15px #ffffff;-webkit-box-shadow: 0 0 15px #ffffff; box-shadow: 0 0 15px #ffffff;padding-top:4px;}
#signup_prompt_tab a{font-size: 24px; font-weight:bold; color:#ffffff; text-decoration: none;}
#signup_prompt_tab a:hover{text-decoration: none; color:#3794B3;}

/*############## GENERIC PAGE CONTENT ###################*/

#def_content {padding-bottom: 20px;}
#def_content h2 {font-size: 22px; color: #669900; margin-bottom: 10px; margin-top: 20px;line-height: 30px;}
#def_content li.main {font-size: 22px; color: #669900;line-height: 30px;}
#def_content li {font-size: 16px; color: #000000;line-height: 24px;}
#def_content ul {font-size: 16px; margin-left: 35px; padding-top: 10px; padding-bottom: 10px;color: #000000;line-height: 24px;list-style-type: disc;}
#def_content ol {font-size: 22px; list-style-type: decimal; margin-left:30px;line-height: 30px;}
#def_content ol.sub {font-size: 16px; list-style-type: lower-roman; margin-left: 10px;line-height: 24px;}
#def_content p {font-size: 16px;line-height: 24px;}
#def_content blockquote {font-size: 16px;line-height: 24px;}

#def_content .help-load{text-decoration: underline;}
#def_content .help-load:hover{ text-decoration: underline; cursor: pointer; color: #669900;}

#main_content{width:960px;margin-bottom: 50px; min-height: 400px;}
@media screen and (min-width: 360px)and (max-width: 480px)  {
  #main_content {width: 100%;}
}

.article{width: 960px;margin-top: 40px;text-align: center;}
.article h3.article_headline{font-weight: 600; font-size: 26px; color: #666; margin-bottom: 10px;}
.article p.article_content{color: #888;font-size: 16px;}

.section{width: 960px;margin-top: 40px;text-align: left;}
.sub{margin-left:30px}
.section h3.section_headline{font-weight: bold;font-size: 26px; color: #690; margin-bottom: 10px; line-height: 34px;}
.section h5.section_headline{font-weight: bold;font-size: 20px; color: #690; margin-bottom: 10px; line-height: 26px;}
.section p.section_content{color: #888;font-size: 16px;}
.section p.list_header{color: #888;font-size: 14px;font-weight: bold;}
.section ul{margin-left: 30px;}
.section li.item{color: #888;font-size: 16px;}

.customers{width: 960px;margin-top: 40px;text-align: center;}
.customers .title{font-size: 24px;line-height: 32px;color: #666666;margin-bottom: 10px;}
.customers .brand_conatiner{display: inline-table;}
.customers .brand_conatiner .brand{  width: 200px;height: 70px;display: inline-block;border: 1px solid #ccc; margin: 10px;padding: 7px;background-position: center;}

#leftcol_parent{background:white;width:581px;padding-left:20px;padding-right:20px;}
#rightcol_parent{background:#f7f7f7;padding-left:18px;padding-right:18px;width:297px; border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}

/*############## INTEGRATION NOTICES ###################*/

#integration_agency_status{font-weight: normal;margin-bottom: 10px;padding: 5px;}
#integration_agency_status .office_name{font-weight: bold;}
#integration_agency_status .int_q_status{display: inline;font-weight: normal;}
#integration_agency_status .app_count{color:green; font-weight: bold;}
#integration_agency_status .fail_count{color:red; font-weight: bold;}
#integration_agency_status .icon{color: #8bc34a; margin-right: 4px;}
#integration_agency_status .icon.fa-exclamation-triangle{color: orange;}


/*############## NOTICE PAGES ###################*/
.wui_page.notice_page{height:600px; width:960px; text-align:center; margin-top: 60px;}
.wui_page .content_container{width: 500px;border: 1px solid #dfdfdf;margin-top: 10px;margin-bottom: 140px;background: #efefef; text-align: center;}
.wui_page .content_container h1 {color: #323232; font-size: 30px; font-weight:normal; padding:0px 0px 0px 0px; border:none;text-align:center;}
.wui_page .content_container td{padding:10px}
.wui_page .content_container .emph{font-weight: 600;}

/*############## CUSTOMER QUOTES ###################*/
.quote_wide_tall{background-color: #e8f0d9;margin-top: 40px;padding: 32px;text-align: center;}
.quote_wide_tall .quote{  color: #666666;font-size: 22px;font-weight: 300;font-style: italic;line-height: 34px;width: 90%;margin-left: auto;margin-right: auto;}
.quote_wide_tall .headshot{  width: 80px;height: 80px;border-radius: 50%;border: 3px #690 solid;margin-left: auto;margin-right: auto;margin-top: 15px;margin-bottom: 15px;}
.quote_wide_tall .source{  color: #666666;font-size: 26px;}
.quote_wide_tall .source a{color: #666666;text-decoration: none;}
.quote_wide_tall .source a:hover{text-decoration: underline;}
.quote_wide_tall .position{color: #888;margin-top: 8px;font-weight: 300;}
.quote_wide_short{background-color: #e8f0d9;margin-top: 40px;padding: 10px;height: 125px;}
.quote_wide_short .quote{  color: #666666;font-size: 16px;font-weight: 300;line-height: 22px;float: right;margin-top: 28px;margin-left: 20px;margin-right: 0px;font-style: italic;letter-spacing: 0.02em;width: 790px;margin-bottom: 5px;}
.quote_wide_short .headshot{  width: 80px;height: 80px;border-radius: 50%;border: 3px #690 solid;margin-top: 15px;margin-bottom: 15px;float: right;margin-left: 20px;margin-right: 20px;}
.quote_wide_short .source{color: #666666;font-size: 20px;margin-top: 32px;text-align: right;}
.quote_wide_short .position{color: #888;margin-top: 2px;font-size: 12px;line-height: 15px;font-weight: 300;}
.quote i.fa {color: #669900;}

.quote_cycle{overflow: hidden;}
.quote_wide_tall{margin-top:0px;width:880px; min-height: 300px;}
.pager{margin-top:40px;text-align: center; width: 100%;z-index: 500; top: 10px; overflow: hidden;margin-bottom: 20px;height: 20px;}
.pager span {font-size: 50px;width: 16px; height: 16px;display: inline-block;color: #ddd;margin-left: 4px; margin-right: 4px;}
.pager span.cycle-pager-active {color: #10577a;}
.pager > * {cursor: pointer;}

/* Captcha Invalid */
.captcha_invalid_modal{
  text-align: center;
}
.captcha_invalid_try_again{
  text-decoration: underline;
  cursor: pointer;
  color: #690;
}
#test_drive_captcha_invalid{
  padding: 10px 50px;
}
.captcha_invalid_modal h2{
  font-size: 24px;
  line-height: 40px;
  color: #669900;
  font-weight: normal;
}

/* ICONS */
.s {
  background: url('../../images/utils-s75e268c2a4.png');
  display: inline-block;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  transition: 0.4s all ease;
  min-width: 27px;
  min-height:20px;
  margin-right:10px;
}
.s.linkedin {
  background-position: 0 -248px;
}
.s.load-more {
  background-position: 0 -271px;
}
.s.mail {
  background-position: 0 -290px;
}
.s.mobile {
  background-position: 0 -308px;
}
.s.phone {
  background-position: 0 -332px;
}
.s.trulia {
  background-position: 0 -355px;
  margin-left: 4px;
  margin-right: 6px;
}
.s.rdc {
  background-position: 0 -379px;
  margin-left: 3px;
  margin-right: 7px;
}
.s.s-0 {
  width: 127px;
  height: 20px;
  background-position: 0 -403px;
}
.s.s-1 {
  width: 127px;
  height: 20px;
  background-position: 0 -427px;
}
.s.s-2 {
  width: 127px;
  height: 20px;
  background-position: 0 -451px;
}
.s.s-3 {
  width: 127px;
  height: 20px;
  background-position: 0 -475px;
}
.s.s-4 {
  width: 127px;
  height: 20px;
  background-position: 0 -499px;
}
.s.s-5 {
  width: 127px;
  height: 20px;
  background-position: 0 -523px;
}
.s.sent {
  width: 88px;
  height: 88px;
  background-position: 0 -547px;
}
.s.share {
  width: 12px;
  height: 16px;
  background-position: 0 -639px;
}
.s.twitter {
  background-position: 0 -943px;
}
.s.user {
  width: 15px;
  height: 15px;
  background-position: 0 -963px;
}
.s.x {
  width: 12px;
  height: 12px;
  background-position: 0 -982px;
}
.s.yelp {
  background-position: 0 -998px;
  margin-left: 5px;
  margin-right: 5px;  
}
.s.zillow {
  background-position: 0 -1022px;
  margin-left: 4px;
  margin-right: 6px;  
}
.s.arr-r-sm {
  width: 7px;
  height: 9px;
  background-position: 0 0;
}
.s.arr-up {
  width: 20px;
  height: 12px;
  background-position: 0 -13px;
}
.s.realtor {
  width: 29px;
  height: 33px;
  background-position: 0 -29px;
}
.s.branding {
  width: 171px;
  height: 24px;
  background-position: 0 -66px;
}
.s.comment {
  width: 20px;
  height: 20px;
  background-position: 0 -94px;
}
.s.facebook {
  background-position: 0 -141px;
  margin-left: 4px;
  margin-right: 6px;   
}
.s.google {
  background-position: 0 -184px;
}
.s.link {
  background-position: 0 -204px;
  margin-left: 2px;
  margin-right: 8px;  
}
.s.facebook-w {
  background-position: 0 -118px;
}
.s.google-w {
  background-position: 0 -164px;
}
.s.linkedin-w {
  background-position: 0 -225px;
}
.s.twitter-w {
  background-position: 0 -923px;
}
.s.star-p-4 {
  width: 20px;
  height: 20px;
  background-position: 0 -779px;
}
.s.star-p-5 {
  width: 20px;
  height: 20px;
  background-position: 0 -803px;
}
.s.star-p-6 {
  width: 20px;
  height: 20px;
  background-position: 0 -827px;
}
.s.star-p-7 {
  width: 20px;
  height: 20px;
  background-position: 0 -851px;
}
.s.star-p-8 {
  width: 20px;
  height: 20px;
  background-position: 0 -875px;
}
.s.star-p-9 {
  width: 20px;
  height: 20px;
  background-position: 0 -899px;
}
.s.star-0 {
  width: 20px;
  height: 20px;
  background-position: 0 -659px;
}
.s.star-1 {
  width: 20px;
  height: 20px;
  background-position: 0 -683px;
}
.s.star-p-1 {
  width: 20px;
  height: 20px;
  background-position: 0 -707px;
}
.s.star-p-2 {
  width: 20px;
  height: 20px;
  background-position: 0 -731px;
}
.s.star-p-3 {
  width: 20px;
  height: 20px;
  background-position: 0 -755px;
}

.recaptcha {
  padding: 0 0 0 110px;
}

#test_drive_firstname-error{
  color: red;
  font-family: 'Open Sans', sans-serif;
}



#help_style{
  float: right;
  transform: translate(-9px, -7px);
  border: 2px solid white;
  padding: 0 22px;
  color: white;
  background: #669900;
  border-radius: 5px;
  cursor: pointer;
  font-style: normal;
  font-weight: bold;
}




/*############## ALWAYS LEAVE AT BOTTOM ###################*/
/* HANDY CLASSES */
.fl_{float:left;}
.fr_{float:right;}
.cl_{clear:left;}
.cr_{clear:right;}
.cb_{clear:both;}
.db_{display:block;}
.dn_{display:none;}
.dib_{display:inline-block;}
.cp_{cursor:pointer;}
.bd_{font-weight:bold;}
.bl_{border-left:1px solid #dfdfdf;}
.br_{border-right:1px solid #dfdfdf;}
.bt_{border-top:1px solid #dfdfdf;}
.bb_{border-bottom:1px solid #dfdfdf;}
/*############## ALWAYS LEAVE AT BOTTOM ###################*/