html,
body {
  margin: 0;
  padding: 0;
  font: 90% Arial, Helvetica, FreeSans, sans-serif;
  color: #2f2f2f;
  width: 1024px;
  /*width:1200px;*/
  margin: auto;
  /*background-color: #DFE4EE;*/
}
#mainmenudiv {
  margin: 20px 0;
  height: 40px;
  z-index: 9999999;
}
/*Strip the ul of padding and list styling*/
#mainmenudiv ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  display: flex;
  width: 1024px;
}
/*Create a horizontal list with spacing*/
#mainmenudiv li {
  /*display:inline-block;
    float: left;*/
  /*margin-right: 1px;*/
  width: 100%;
  box-sizing: border-box;
}
#mainmenudiv li.current {
  background-color: #6ec42c;
  /*margin-right: 1px;*/
}
/*Style for menu links*/
#mainmenudiv li a {
  display: block;

  height: 50px;
  text-align: center;
  line-height: 50px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  background-color: #3668af;
  text-decoration: none;
}
#mainmenudiv li.current a {
  background-color: #6ec42c;
}
/*Hover state for top level links*/
#mainmenudiv li:hover a {
  background-color: #6ec42c;
}
/*Style for dropdown links*/
#mainmenudiv li:hover ul a {
  background-color: #fafafa;
  color: #2f3036;
  height: 40px;
  line-height: 40px;
}
/*Hover state for dropdown links*/
#mainmenudiv li:hover ul a:hover {
  background-color: #6ec42c;
  color: #fff;
}
/*Hide dropdown links until they are needed*/
#mainmenudiv li ul {
  display: none;
  min-width: 200px;
}

/*Make dropdown links vertical*/
#mainmenudiv li ul li {
  display: block;
  float: none;
}
#mainmenudiv ul.submenu {
  display: none;
  /*width:200px;*/
}
#mainmenudiv ul.submenu > div {
  display: flex;
  position: relative;
  z-index: 9999;
  justify-content: space-between;
  width: calc(100% - 40px);
  padding: 10px 20px;
  background-color: #f5f5f5;
}
#mainmenudiv ul.submenu > div > div {
  text-align: center;
  padding: 0 40px;
  cursor: pointer;
  cursor: hand;
}
#mainmenudiv ul.submenu > div > div:hover {
  background-color: #fff;
}
#mainmenudiv ul.submenu > div > div > h1 {
  font-size: 1.2em;
  margin-bottom: 0;
}
#mainmenudiv ul.submenu > div > div > p {
  margin-top: 10px;
}
#mainmenudiv ul.submenu li {
  display: block;
  position: relative;
  z-index: 9999;
}
/*Prevent text wrapping*/
#mainmenudiv li ul li a {
  width: auto;
  min-width: 100px;
  padding: 0 20px;
  text-align: left;
}
/*Display the dropdown on hover*/
#mainmenudiv ul li a:hover + .submenu,
#mainmenudiv .submenu:hover {
  display: block;
  position: absolute;
  right: 0px;
}
/*Style 'show menu' label button and hide it by default*/
#mainmenudiv .show-mainmenu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  background: #6ec42c;
  text-align: center;
  padding: 10px 0;
  display: none;
}
/*Hide checkbox*/
#mainmenudiv input[type="checkbox"] {
  display: none;
}
/*Show menu when invisible checkbox is checked*/
#mainmenudiv input[type="checkbox"]:checked ~ #mainmenu {
  display: block;
}
/*Responsive Styles*/
@media screen and (max-width: 760px) {
  /*Make dropdown links appear inline*/
  #mainmenudiv ul {
    position: static;
    display: none;
  }
  /*Create vertical spacing*/
  #mainmenudiv li {
    margin-bottom: 1px;
  }
  /*Make all menu links full width*/
  #mainmenudiv ul li,
  li a {
    width: 100%;
  }
  /*Display 'show menu' link*/
  #mainmenudiv .show-mainmenu {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  html,
  body {
    margin: 0;
    padding: 0;
    font: 90% Arial, Helvetica, FreeSans, sans-serif;
    color: #2f2f2f;
    width: 974px;
    margin: auto;
    /*background-color: #DFE4EE;*/
  }
  #leftside {
    width: 300px !important;
  }
}
#feedback {
  /* IE 5.0/Win and other lesser browsers will use this */
  position: absolute;
  right: 0px;
  bottom: 0px;
}
body > div#feedback {
  /* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
  position: fixed;
}
a:link {
  color: #00f;
  text-decoration: none;
}
a:visited {
  color: #336699;
  text-decoration: none;
}
a:hover {
  color: #00f;
  text-decoration: underline;
}
a:active {
  color: #00f;
  text-decoration: none;
}
.termlink {
  text-decoration: none;
  border-bottom: 1px dotted;
}
.termlink:hover {
  text-decoration: none;
  border-bottom: 1px dotted;
}
hr {
  border: 0;
  width: 100%;
  color: #c0c0c0;
  background-color: #c0c0c0;
  height: 1px;
}
h2 {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0px;
  /* padding: 0px 0px 0px 15px; */
  padding: 0;
}
img {
  border: none;
}
img.absmiddle {
  vertical-align: middle;
  margin-bottom: 0.25em;
}
option.selhead {
  /*background-color: #f00;*/
  /*color: #fff;*/
}
option.selhead2 {
  background-color: #900;
  color: #fff;
}
option.spacer {
  background-color: white;
  color: black;
}
#main_header {
  position: relative;
  /*line-height:75px;*/
  background: #fff;
  /* background:#E3ECF3;  */
  width: 100%;
}
#main_header img {
  vertical-align: middle;
}
#main_logo {
  float: left;
  width: 350px;
  margin-left: 20px;
  padding: 5px 0px;
}
#logo_beta {
  color: #999;
  font-size: 0.8em;
}
#logo_title {
  color: #19469b;
  font-size: 0.85em;
  font-weight: bold;
}
#xsbanner {
  margin-right: 205px;
  margin-bottom: 10px;
  height: 355px; /*IE*/
  margin-top: 10px;
  min-height: 300px; /*Not IE*/
  text-align: center;
}
html > body #xsbanner {
  height: auto; /* for not-IE */
}
#roombanner {
  background-image: url(/img/room-hp-1px.png);
  background-repeat: repeat-x;
  /*margin-right: 210px;*/
  margin-bottom: 10px;
  height: 311px; /*IE*/
  margin-top: 10px;
  min-height: 311px; /*Not IE*/
  text-align: center;
}
#roombanner_left {
  float: left;
  background-image: url(/img/room-hp-lhs.png);
  background-repeat: no-repeat;
  width: 8px;
  height: 311px; /*IE*/
  min-height: 311px; /*Not IE*/
}
#roombanner_right {
  float: right;
  background-image: url(/img/room-hp-rhs.png);
  background-repeat: no-repeat;
  width: 8px;
  height: 311px; /*IE*/
  min-height: 311px; /*Not IE*/
}
html > body #roombanner {
  height: auto; /* for not-IE */
}
#benefitsblock {
  margin-right: 210px;
  margin-bottom: 20px;
  background-color: #f1f1f2;
  padding: 10px;
}
#benefitsblock hr {
  color: #fff;
  background-color: #fff;
}
.benefitsblocktitle {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.1em;
}
#main_hub {
  float: left;
  width: 300px;
  margin-top: 15px;
}
#main_info {
  display: flex;
  float: right;
  margin-right: 5px;
  line-height: 50px;
}
#hubtitle {
  font-size: 1.4em;
}
#main_sidebar {
  /*width:18%;*/
  width: 195px;
  float: left;
  position: relative;
  background: #dfe4ee;
  /*margin-top: 5px;*/
}
#main_sidebar h1 {
  color: #000;
  /*color: #0046AD;*/
  font-size: 1em;
  text-align: center;
}
#main_sidebar hr {
  color: #fff;
  background-color: #fff;
  height: 2px;
  width: 95%;
}
#main_body {
  background-color: #fff;
  /*background-color: #B2B2B2;*/
  float: right;
  display: inline;
  position: relative;
  width: 80%;
}
#main_body_wide {
  width: 100%;
  text-align: center;
}
#rhistory {
  font-size: 0.9em;
  width: 99%;
  margin: 40px 0px 10px 0px;
}
#rhistory h1 {
  font-size: 1.1em;
  text-align: left;
  line-height: 14px;
}
#footer {
  background: #e3ecf3;
  color: #1c0d82;
  text-align: center;
  padding: 3px 0;
  margin-top: 10px;
}
#footer a {
  margin: 0 15px;
}

#adminmessage {
  background: #900;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 5px 0;
}

/* Float containers fix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

/* NAV TABS */
#ham_nav_tabs {
  display: none;
}
#nav_tabs {
  float: left;
  width: 100%;
  background: #fff;
  font-size: 82%;
  font-weight: bold;
  line-height: normal;
}
#nav_tabs ul {
  margin: 0;
  padding: 5px 10px 0 0px;
  list-style: none;
}
#nav_tabs li {
  display: inline;
  margin: 0;
  padding: 0;
  text-align: center;
}
#nav_tabs a {
  float: left;
  background: url("/img/tableft5new.gif") no-repeat left top;
  background-position: 0% -42px;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration: none;
  text-align: center;
  width: 90px;
}
#nav_tabs a span {
  float: left;
  display: block;
  /*width: 75px;*/
  background: url("/img/tabright5new.gif") no-repeat right top;
  background-position: -85px -42px;
  padding: 5px 4px 5px 0px;
  color: #fff;
}

/* Admin Tabs */
#adm_tabs {
  float: left;
  width: 100%;
  font-size: 93%;
  line-height: normal;
  border-bottom: 1px solid #6b78a9;
}
#adm_tabs ul {
  margin: 0;
  padding: 10px 10px 0 50px;
  list-style: none;
}
#adm_tabs li {
  display: inline;
  margin: 0;
  padding: 0;
}
#adm_tabs a {
  float: left;
  background: url("/img/tableft4.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 7px;
  text-decoration: none;
}
#adm_tabs a span {
  float: left;
  display: block;
  background: url("/img/tabright4.gif") no-repeat right top;
  padding: 5px 15px 4px 6px;
  color: #6b78a9;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#adm_tabs a span {
  float: none;
}
/* End IE5-Mac hack */
#adm_tabs a:hover span {
  color: #6b78a9;
}
#adm_tabs a:hover {
  background-position: 0% -42px;
}
#adm_tabs a:hover span {
  background-position: 100% -42px;
}

#adm_tabs #current a {
  background-position: 0% -42px;
}
#adm_tabs #current a span {
  background-position: 100% -42px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_tabs a span {
  float: none;
}
/* End IE5-Mac hack */
#nav_tabs a:hover span {
  color: #fff;
}
#nav_tabs a:hover {
  background-position: 0% 0px;
}
#nav_tabs a:hover span {
  background-position: 100% 0px;
}
#nav_tabs #current a {
  background-position: 0% 0px;
}
#nav_tabs #current a span {
  background-position: 100% 0px;
}

#nav_tabs_footer {
  /*3668AF*/
  background-color: #6ec42c;
}

#nav_tabs #internal a {
  background: url("/img/tableftJ.gif") no-repeat left top;
  color: #900;
}
#nav_tabs #internal a span {
  background: url("/img/tabrightJ.gif") no-repeat right top;
  color: #900;
}

#nav_tabs #site_admin a {
  background: url("/img/tableftJ.gif") no-repeat left top;
  color: #900;
}
#nav_tabs #site_admin a span {
  background: url("/img/tabrightJ.gif") no-repeat right top;
  color: #900;
}

#nav_tabs #whatsnew a {
  background: url("/img/tableftJ.gif") no-repeat left top;
  color: #900;
}
#nav_tabs #whatsnew a span {
  background: url("/img/tabrightJ.gif") no-repeat right top;
  color: #900;
}

div.rounded {
  /*background:#E3ECF3;
  background: #d8deea;*/
  background: #dfe4ee;
  margin: 10px 2px;
  padding: 0px 5px;
  padding-bottom: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 5px;
  /*width: 90%;*/
}
div.rounded.floated {
  float: left;
  width: 45%;
}
/*
div.rounded.floated:hover {
  background: #A4AAAF;
  cursor: pointer;
  cursor: hand;
}
*/
div.rounded p,
div.rsmall p {
  text-align: center;
  font-size: 0.9em;
}
#ajmanager div.rounded p,
#ajmanager div.rsmall p {
  text-align: center;
  font-size: 1em;
}
div.rounded .head {
  height: 25px;
}
div.rounded .lhead {
  height: 46px;
}
div.rounded .head img {
  float: left;
  width: 24px;
}
div.rounded .lhead img {
  float: left;
  width: 40px;
}
div.rounded h1 {
  color: #900;
  /*color: #0046AD;*/
  font-size: 0.9em;
  text-align: center;
}
div.rounded h2 {
  color: #900;
  /*color: #0046AD;*/
  font-size: 1.1em;
  text-align: center;
}
div.rounded .head h1 {
  color: #900;
  /*color: #0046AD;*/
  font-size: 0.9em;
  margin-left: 55px;
  text-align: left;
}
div.rounded p.noimg {
  margin-left: 55px;
  text-align: left;
}
div.rounded > a,
div.rounded > a:visited {
  margin: 0;
  padding: 0;
  color: black;
}
#group1 a:link,
#group2 a:link,
#group3 a:link {
  color: #00f;
  text-decoration: none;
}
#group1 a:visited,
#group2 a:visited,
#group3 a:visited {
  color: #336699;
  text-decoration: none;
}

div.roomsort {
  margin-top: 20px;
}
div.roomsort h1 {
  text-align: center;
  font-size: 1.1em;
  color: #900;
  font-weight: bold;
}
#ajmanager {
  display: none;
  float: left;
  margin-left: 5%;
  width: 55%;
}

.page_title {
  /*color: #900;*/
  /*color: #0046AD;*/
  font-weight: bold;
  font-size: 1.8em;
  margin: 10px 0px 10px 0px;
}
.page_title img {
  margin-right: 10px;
  vertical-align: middle;
}
.page_subtitle {
  color: #3c6591;
  font-weight: bold;
  font-size: 1.2em;
  margin: 10px 0 10px 0;
}
.page_indexsubtitle {
  font-weight: bold;
  font-size: 1.2em;
  margin: 10px 0 13px 0;
  background-color: #3668af;
  -webkit-print-color-adjust: exact;
  color: #fff;
  padding: 5px;
}
.page_indexpurplesubtitle {
  font-weight: bold;
  font-size: 1.2em;
  margin: 10px 0 13px 0;
  background-color: #9e53ab;
  -webkit-print-color-adjust: exact;
  color: #fff;
  padding: 5px;
}
.page_intro {
  text-align: center;
  margin: 10px;
}
.page_help {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0.9em;
}

.popup {
  background: #fff;
  border: 1px solid #b5cddf;
}

#groups_list {
  background: #fff;
  padding: 5px;
}
#groups_list p {
  text-align: left;
}
.group_row {
  margin: 0px 0px 10px 0px;
}
.group_row p {
  margin: 0;
  padding: 0;
}

/* TABLES */

table {
  width: 95%;
  padding: 0;
  margin: 10px 0;
  font-size: 0.9em;
  border: 1px solid #3c6591;
}
table tr th {
  background: #e3ecf3;
  /*border: 1px solid #3c6591;*/
}
table tr td {
  padding-left: 5px;
}

/* BOOKMARKS */
.bookmark {
  font-size: 1em;
}
.bookmark_container {
  margin: 10px 0px;
}
.bookmark_title {
  font-size: 0.9em;
}
.bookmark_title_bad {
  font-size: 0.9em;
  font-weight: bold;
  color: #3c6591;
}
.bookmark_title_bad_message {
  font-size: 0.8em;
  color: #7f7f7f;
  font-weight: bold;
}
.bookmark_path {
  font-size: 0.8em;
}
.bookmark_note,
.bookmark_project {
  font-size: 0.8em;
}
.bookmark_date {
  color: #999;
  font-size: 0.8em;
}
.stara:hover {
  cursor: pointer;
  cursor: hand;
}

#messages {
  font-size: 0.9em;
  height: 150px;
  overflow: auto;
  text-align: left;
  line-height: 15px;
}
#messages img {
  vertical-align: middle;
}
.msgline {
  background: #fff;
  margin: 1px 0px;
  padding: 2px 0px;
}

.comment_block {
  margin: 10px 0px;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px dotted #999;
  width: 90%;
}
.comment_info {
  font-size: 0.8em;
  margin-top: 8px;
}
.comment_admin {
  font-size: 0.8em;
  margin-top: 4px;
}
#tcount {
  margin-left: 10px;
}
.toomuch {
  font-weight: bold;
  color: #900;
  margin-left: 170px;
}

#pname {
  color: #900;
  font-weight: bold;
  text-align: center;
}
.ptabtitle {
  /*color: #900;
	font-size: 1.5em;
	*/
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0px;
}
.ptablel {
  float: left;
  width: 30%;
  text-align: right;
}
.ptabler {
  float: left;
  width: 60%;
  margin-left: 15px;
}
.btn_edit:hover {
  cursor: pointer;
  cursor: hand;
}

#vmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#vmenu img {
  border: none;
}
#vmenu {
  width: 100px;
  margin: 10px;
}

#vmenu li a {
  height: 32px;
  voice-family: '"}"';
  voice-family: inherit;
  height: 24px;
  text-decoration: none;
}

#vmenu li a:link,
#vmenu li a:visited {
  color: #4d4d4d;
  display: block;
  background: url(/img/menu10b.gif);
  padding: 8px 0 0 10px;
}

#vmenu li a:hover {
  color: #ff9834;
  background: url(/img/menu10b.gif) 0 -32px;
  padding: 8px 0 0 10px;
}
.pstrength-info,
.pstrength-minchar {
  margin-left: 170px;
  font-size: 0.9em;
}
.pstrength-bar {
  margin-left: 170px;
}
.blocktest {
  width: 99%;
}
/*
#navpanel {
	position: absolute;
	top: 108px;
	left: 20px;
	width: 90%;
	background: #f00;
	z-index: 9999;
	display: none;
}
*/
.hphelp {
  background: url(/img/hp_help_bot.gif) 0 100% no-repeat;
  _height: 1%;
}
.hphelp ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: url(/img/hp_help_top.gif) no-repeat;
  overflow: hidden;
  _height: 1%;
}
.hphelp li {
  float: left;
  width: 248px;
}
.hphelp li h2 {
  background: url(/img/new_gettingstarted.png) 2px 35px no-repeat;
  color: #02679a;
  font-size: 154%;
  font-weight: normal;
  height: 145px;
  margin: 25px 25px 10px;
  text-align: center;
}
.hphelp li#top20ben h2 {
  background-image: url(/img/new_top20ben.png);
  color: #c60;
}
.hphelp li#cerben h2 {
  background-image: url(/img/new_cerben.png);
  color: #4b911c;
}
.hphelp li p {
  color: #666;
  line-height: 1.3;
  margin: 0 25px 30px;
  text-align: center;
}

/* set the image to use and establish the lower-right position */
.cssbox,
.cssbox_body,
.cssbox_head,
.cssbox_head h2 {
  background: transparent url(/img/Box_90.png) no-repeat bottom right;
}

.cssbox_cm,
.cssbox_cm_body,
.cssbox_cm_head,
.cssbox_cm_head h2 {
  background: transparent url(/img/Box_90_green.png) no-repeat bottom right;
}

.cssbox,
.cssbox_cm {
  /* intended total box width - padding-right(next) */
  width: 320px;
  /* IE Win = width - padding */
  padding-right: 15px;
  /* the gap on the right edge of the image (not content padding) */
  margin: 0px auto;
  /* use to position the box */
}
/* set the top-right image */
.cssbox_head,
.cssbox_cm_head {
  background-position: top right;
  margin-right: -15px;
  /* pull the right image over on top of border */
  padding-right: 40px;
  /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h2,
.cssbox_cm_head h2 {
  background-position: top left;
  margin: 0;
  /* reset main site styles*/
  border: 0;
  /* ditto */
  padding: 5px 0 5px 40px;
  /* padding-left = image gap + interior padding ... no padding-right */
  color: #fff;
  height: auto !important;
  height: 1%;
  text-align: center;
  /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body,
.cssbox_cm_body {
  background-position: bottom left;
  margin-right: 25px;
  /* interior-padding right */
  padding: 5px 0 5px 20px;
  text-align: center;
  min-height: 120px;
  /* mirror .cssbox_head right/left */
}

/* set the image to use and establish the lower-right position */
.cssbox_30,
.cssbox_30_body,
.cssbox_30_head,
.cssbox_30_head h2 {
  background: transparent url(/img/roundedbox.png) no-repeat bottom right;
}
.cssbox_30 {
  width: 30% !important;
  /* intended total box width - padding-right(next) */
  width: 320px;
  /* IE Win = width - padding */
  padding-right: 15px;
  /* the gap on the right edge of the image (not content padding) */
  margin: 0px auto;
  /* use to position the box */
}
/* set the top-right image */
.cssbox_30_head {
  background-position: top right;
  margin-right: -15px;
  /* pull the right image over on top of border */
  padding-right: 40px;
  /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_30_head h2 {
  background-position: top left;
  margin: 0;
  /* reset main site styles*/
  border: 0;
  /* ditto */
  padding: 15px 0 5px 40px;
  /* padding-left = image gap + interior padding ... no padding-right */
  height: auto !important;
  height: 1%;
  text-align: center;
  /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_30_body {
  background-position: bottom left;
  margin-right: 25px;
  /* interior-padding right */
  padding: 15px 0 25px 40px;
  text-align: center;
  min-height: 60px;
  /* mirror .cssbox_head right/left */
}

.vertical_border {
  border-right: 1px solid #c0c0c0;
  min-height: 75px;
}

.demo_guide {
  width: 150px;
  line-height: 100px;
  /*background:#DFE4EE;*/
  margin: 5px 0px;
}

.demo_guide_box {
  border: 1px solid #ccc;
}
.response {
  background: url(/img/green_button1x15.png) repeat left top;
  padding: 2px 10px;
}

.trainglebullets {
  list-style-image: url("/img/triangle.gif");
  padding-left: 20px;
}

#founder_member_benefits {
  background: #3668af;
  font-weight: bold;
  font-size: larger;
  color: #fff;
  padding: 5px;
  width: 98%;
  line-height: 90%;
}

#membership_benefits li {
  margin-bottom: 5px;
}

#membership_benefits {
  list-style-image: url("/img/greentick1.gif");
}

.osp_button,
.top10_button {
  float: left;
  margin: 15px 0px -5px 10%;
  background-image: url("/img/Button-Blue-1.png");
  height: 41px;
  width: 198px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
}

.top10_button {
  background-image: url("/img/Button-Blue-Blank-1long.png");
  width: 208px;
}

#topicsdirectory ul {
  list-style: none;
  padding-left: 0;
}

.xscounterparent {
  font-size: 80%;
}

div.com_opp {
  margin-bottom: 5px;
  background-color: #eee;
  padding: 0 10px;
  width: 95%;
  cursor: pointer;
  height: 70px;
}

div.com_opp h3 {
  float: left;
  width: 25%;
  padding-right: 15px;
}

div.com_opp p {
  float: left;
  width: 65%;
  height: 45px;
  border-left: 1px solid #ddd;
  padding-left: 15px;
}

div.com_opp_sub {
  padding: 0 10px;
  width: 95%;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding-bottom: 10px;
  height: 45px;
}

div.com_opp_sub h3 {
  float: left;
  width: 25%;
  margin: 0;
  margin-top: 10px;
  padding-right: 15px;
  color: blue;
}

div.com_opp_sub p {
  float: left;
  width: 65%;
  margin: 0;
  margin-top: 10px;
  padding-left: 15px;
}

.number {
  background: url("/img/number_bg_light.png") no-repeat;
  height: 19px;
  color: #000;
  font-weight: bold;
  padding-top: 4px;
  text-align: center;
  margin-right: 12px;
  width: 25px;
  font-size: 80%;
  float: left;
}

#contentquality h3,
#aboutus h3 {
  background-color: #dedede;
  padding: 3px;
}

.print {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  font-size: smaller;
}

.print img {
  margin-right: 2px;
}

#blobs {
  list-style-type: none;
  width: 680px;
  float: left;
  margin-left: 0;
  padding-left: 0;
}

#blobs > li {
  float: left;
  background: url("/img/blobby.png") no-repeat;
  width: 306px;
  height: 148px;
  margin: 5px 10px;
  cursor: pointer;
  font-weight: bold;
  font-size: 140%;
}

#blobs > li > img {
  margin: 25px 0px 0 25px;
  float: left;
}

#blobs > li > p {
  margin: 20px 0 0 0;
  padding: 5px 15px 0 0;
  float: right;
  width: 55%;
}

#blobs > li > p.body {
  margin: 10px 0 0 0;
  padding-top: 0px;
  font-size: 70%;
}

#dywt {
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: left;
  width: 600px;
  padding: 10px;
}

#dywt h4 {
  margin: 0;
  font-size: 120%;
  margin-bottom: 10px;
}

#dywt ul {
  margin-left: 10px;
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

#dywt ul li {
  margin-bottom: 5px;
}

#user_type {
  width: 152px;
  height: 51px;
  background: url("/img/User-Type.png") no-repeat;
  float: left;
  margin-top: 40px;
}

#recaptcha_widget_div {
  margin-left: 170px;
}

.section_title {
  background: none repeat scroll 0 0 #3856a1;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 20px;
  margin-top: 20px;
  padding: 3px;
  text-align: left;
}

ul.arrows {
  list-style-image: url("/img/mini_arrow_right.gif");
}

#amzn_widget {
  margin-top: 10px;
}
.whatsthis:hover {
  cursor: pointer;
  cursor: hand;
}
.whatsthis2:hover {
  cursor: pointer;
  cursor: hand;
}
.qstatement:hover {
  cursor: pointer;
  cursor: hand;
}
.popup_msg {
  position: absolute;
  z-index: 10;
  width: 350px;
  /*height:100px;*/
  text-align: left;
  color: #000;
  padding: 15px;
  border: 1px solid #000;
  background: #efefef;
  /*background:url(/img/popup_bg_image.gif) bottom right no-repeat;*/
  display: none;
}
#popupclose:hover {
  cursor: pointer;
  cursor: hand;
}
#popupclosediv {
  position: absolute;
  text-align: right;
  bottom: 5px;
  right: 15px;
}
#popupclose {
  color: #00f;
}

table.xstable {
  font-size: 1em;
  width: 630px;
  border-width: 1px 1px 1px 1px;
  border-spacing: 0px;
  border-style: outset outset outset outset;
  border-color: black black black black;
  border-collapse: collapse;
  background-color: white;
}
table.xstable th {
  border-width: 1px 1px 1px 1px;
  padding: 2px 2px 2px 2px;
  border-style: inset inset inset inset;
  border-color: black black black black;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px;
}
table.xstable td {
  border-width: 1px 1px 1px 1px;
  padding: 2px 2px 2px 2px;
  border-style: inset inset inset inset;
  border-color: black black black black;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px;
}
.tick {
  width: 15px;
  text-align: center;
}
.ttext {
  width: 300px;
}
table.xstable td.ttext {
  padding-left: 10px;
  font-size: 0.95em;
}
#autosaving {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  border: 1px solid #000;
  background-color: #990000;
  color: #fff;
  padding: 3px;
  font-weight: bold;
  width: 90px;
  display: none;
}
#featured_note {
  padding: 2px 0px 0px 0px;
  margin: 30px 30px 0 0;
  margin-top: 5px;
  margin-right: 5px;
  background: url(/img/featured_background.png) no-repeat;
  width: 200px;
  height: 200px;
}
#featured_note > div {
  width: 170px;
  margin-left: 15px;
  margin-top: 20px;
  font-family: Comic Sans MS;
  font-size: 11px;
}
#featured_note #featured_title {
  font-weight: bold;
  font-size: 1.2em;
  margin: 35px 0px 10px 0px;
  text-align: center;
}
#featured_note #featured_link {
  margin-top: 15px;
}
#business_timeline {
  width: 170px;
  background-color: #dfe4ee;
  padding: 10px;
}
#business_timeline .btmore {
  margin: 0px 0px 0px 80px;
}
.dir_path {
  padding: 0px 0px 5px 0px;
  font-size: 85% !important;
}

.link_label {
  color: #fff;
  background-color: blue;
}

.tags {
  margin-bottom: 10px;
  font-size: 80%;
}

#linkbar {
  background: RGB(67, 82, 159);
  font-weight: bold;
  margin-top: 20px;
  padding: 3px 10px 3px 10px;
  margin-right: 200px;
}

#linkbar a {
  color: #fff;
}

#linkbar #prev,
#linkbar #next,
#linkbar #middle {
  width: 33%;
}

#linkbar #prev {
  text-align: left;
  float: left;
}

#linkbar #next {
  text-align: right;
  float: right;
}

#linkbar #middle {
  text-align: center;
  float: left;
}

#reportmenu {
  list-style: none;
  padding-left: 0;
}

#reportmenu li {
  clear: left;
}

#reportmenu > li > div:last-child {
  margin-bottom: 10px;
}

.reportnumber {
  background: url("/img/number_bg.png") no-repeat;
  color: #fff;
  font-weight: bold;
  height: 28px;
  width: 30px;
  font-size: larger;
  float: left;
  text-align: center;
  padding-top: 7px;
  margin-right: 10px;
}

.printershow {
  display: none;
}
.printonlyicon {
  display: none;
}
/*Arrow left box*/
.arrow_box {
  position: relative;
  background: #f9f0de;
  border: 1px solid #3668af;
}
.arrow_box:after,
.arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #f9f0de;
  border-width: 30px;
  margin-top: -30px;
}
.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #3668af;
  border-width: 31px;
  margin-top: -31px;
}
/*Arrow on top box*/
.tarrow_box {
  position: relative;
  background: #f9f0de;
  border: 1px solid #3668af;
}
.tarrow_box:after,
.tarrow_box:before {
  bottom: 100%;
  left: 70%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tarrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #f9f0de;
  border-width: 10px;
  margin-left: -10px;
}
.tarrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #3668af;
  border-width: 11px;
  margin-left: -11px;
}
.showcase {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-print-color-adjust: exact;
  border-radius: 10px;
  border: 2px solid #ffefc2;
  background-color: #fff9e8;
  padding: 5px 20px;
  margin-bottom: 20px;
}
.cd-dropdown {
  z-index: 999999;
}
#acc_header {
  margin-top: 5px;
}
#acc_header li {
  list-style-type: none;
  margin-bottom: 20px;
}
.acc_title {
  color: #3668af;
  font-weight: bold;
  font-size: 1.2em;
}
.acccurrent {
  color: grey;
}

#accnav {
  line-height: 30px;
  margin-top: 20px;
}
#accnav ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#acc_dd {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  z-index: 999999;
}
#accnav ul li {
  display: block;
  position: relative;
  float: left;
}
#accnav li ul {
  display: none;
}
#accnav ul li a {
  display: block;
  background-color: #fff;
  padding: 0 10px;
  text-decoration: none;
  white-space: nowrap;
  color: #3668af;
}
#accnav ul li a:hover {
}
#accnav li:hover ul {
  display: block;
  position: absolute;
  left: -94px;
  width: 200px;
}
#accnav li:hover li {
  float: none;
}
#accnav li:hover a {
}
#accnav li:hover li a:hover {
  background-color: #3668af;
  color: #fff;
}
#accnav #drop-nav li ul li {
  border-top: 0px;
}

#refnav {
  line-height: 30px;
  margin-top: 20px;
}
#refnav ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#ref_dd {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  z-index: 999999;
  width: 300px !important;
  background-color: #fff;
}
#refnav ul li {
  display: block;
  position: relative;
  float: left;
}
#refnav li ul {
  display: none;
}
#refnav ul li a {
  display: block;
  background-color: #fff;
  padding: 0 10px;
  text-decoration: none;
  white-space: nowrap;
  color: #3668af;
}
#refnav ul li a:hover {
}
#refnav li:hover ul {
  display: block;
  position: absolute;
  left: -94px;
  width: 200px;
}
#refnav li:hover li {
  float: none;
}
#refnav li:hover a {
}
#refnav li:hover li a:hover {
  background-color: #3668af;
  color: #fff;
}
#refnav #drop-nav li ul li {
  border-top: 0px;
}
#ref_dd_box {
  padding: 10px;
}
#ref_dd_box div {
  margin: 0;
  padding: 0;
  line-height: normal;
  margin-bottom: 10px;
}
#ref_dd_box .gbutton {
  background-color: #dfdfdf;
  border: 1px solid #929292;
  border-radius: 2px;
  padding: 4px;
  font-size: 12px;
}
#ref_dd_box .gbutton:hover {
  cursor: pointer;
  cursor: hand;
}
#ddreflinktext {
  color: #64b628;
}

input#nlemail {
  width: 300px;
  height: 20px;
  font-size: 16px;
  padding: 5px;
  border: 1px solid #3668af;
  margin-top: 5px;
}
input#nlsubmit {
  border-radius: 5px;
  background-color: #3668af;
  color: #fff;
  border: none;
  font-size: 14px;
  padding: 5px;
  height: 30px;
  width: 100px;
}
#nlsubmit {
  margin-top: 5px;
}
#nlsubmit:hover {
  cursor: pointer;
  cursor: hand;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  margin-bottom: 10px;
}
#custom_social_media {
  text-align: right;
  margin-top: 10px;
}
#custom_social_media img {
  margin: 0 3px;
}
.sitemessage {
  display: flex;
  margin: 20px 0px;
  background-color: #feffff;
  padding: 20px;
  border: 2px solid #900;
  border-radius: 10px;
  color: #000;
  text-align: center;
  font-size: 1.2em;
}
.sitemessage a {
  background-color: #900;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  border-radius: 10px;
}
.sitemessage a:hover {
  text-decoration: none;
}
#thefooter a {
  line-height: 20px;
}
#rres {
  font-weight: bold;
  color: #538235;
  margin-left: 20px;
}