@import url(../sifr/sifr-screen.css);

/* HTML DEFAULTS
General defaults for html tags
-------------------------------------------------- */

*, :focus {
  outline: none;
}

html, body {
  margin: 0;
  padding: 0;
  background: #eee url(/images/body_bg.gif) repeat-x;
  font: normal .9em/1.4 Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

a:link {
  color: #36c;
}

a:visited {
  color: #36c;
}

a:hover {
  color: #998e66;
  text-decoration: underline;
}

a:active {
  color: #f93;
}

form {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
/* commented these out because it interferes with the image padding in the blog wysiwyg editor  
  margin: 0;
  padding: 0; */
}

p {
  margin: 0;
  padding: 0 0 15px;
}

h1 {
  margin: 0;
  padding: 0 0 15px;
  font: bold 1.4em/normal "Lucida Sans", Arial, Helvetica, sans-serif;
}

h3 {
  margin: 0;
  font-size: 1em;
  padding: 0 0 2px;
}

h4 {
  margin: 0;
  padding: 0 0 10px;
}

ul {
  margin: 0;
  padding: 0 0 15px 15px;
}


/* UNIVERSAL CLASSES
Classes used on any html tag
-------------------------------------------------- */

.bold {
  font-weight: bold;
}

.box_roundbottom {
  background: url(../Media/roundbox_bottom.gif) bottom left repeat-x;
  margin: 0 0 20px;
  padding: 0;
  height: 18px;
}

.box_roundbottom .brbl {
  background: url(../Media/roundbox_bottom_l.gif) bottom left no-repeat;
  margin: 0;
  padding: 0;
  height: 18px;
  width: 15px;
  float: left;
}

.box_roundbottom .brbr {
  background: url(../Media/roundbox_bottom_r.gif) bottom left no-repeat;
  margin: 0;
  padding: 0;
  height: 18px;
  width: 15px;
  float: right;
}

.cal_date {
  font-weight: bold;
  margin: 0;
}

.cal_desc {
  margin: 0;
}

.cal_loc {
  font-style: italic;
  margin: 0;
}

.cal_event {
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.cal_top {
  margin-top: 20px;
}

.center_content {
  text-align: center;
}

.clear {
  height: 0;
  clear: both;
  font-size: 0px;
}

.code {
  font-family: Courier New, Courier, mono;
}

.col_halfleft {
  float: left;
  width: 48%;
}

.col_halfright {
  float: right;
  width: 48%;
}

.colleft {
  float: left;
  width: 48.5%;
}

.colright {
  float: right;
  width: 48.5%;
}

.feature {
  margin: 15px 0 0;
}

.feature h1 {
  border: 1px solid #cecece;
  border-bottom: none;
  background: #f5f5f5 url(../Media/feature_h1_bg.gif) top left repeat-x;
  padding: 4px 8px;
  margin: 0;
}

.featurebox {
  height: 1%;
  padding: 10px;
  position: relative;
  border: 1px solid #cecece;
}

.featurebox h4 {
  margin: 0;
}

.featurebox p {
  margin: 0;
  padding-bottom: 15px;
}

.hidden {
  display: none;
}

.leftcaption {
  padding: 0 10px 10px 0;
  text-align: left;
  vertical-align: top;
  float: left;
}

.lightgraybox {
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
}

.lightgraybox p.button {
  margin: 0;
}

.login_message {
  background-color: #f00;
  padding: 5px;
}

.normargin {
  margin-bottom: 0;
  padding: 0;
}

.pagination {
  text-align: right;
  margin: 10px auto;
}

.pagination-label {
  float: left;
  color: #000;
  font-weight: bold;
}

.rightcaption {
  padding: 0 0 10px 10px;
  text-align: left;
  vertical-align: top;
  float: right;
}

.right_morelink {
  text-align: right;
  margin-bottom: 0;
}

.search_button {
  float: left;
  width: 24px;
  height: 24px;
  border: none;
  display: block;
  background: url(/images/search_buttons.gif);
}

.small {
  font-size: 10px;
  font-style: italic;
}

.ui-tabs-hide {
  display: none;
}

.visible {
  display: inherit;
}


/* MISC CLASSES AND IDS
Classes and IDs used on specific html tags only
-------------------------------------------------- */

a.more, li.more {
  list-style: none;
  padding-top: 5px;
  font-size: .85em;
}

div.issue {
  width: 33%;
  float: left;
  height: 200px;
  text-align: center;
}

div.issue img {
  display: block;
  margin: 0 auto 5px;
}

h1.header {
  padding: 0;
  margin: 0 0 10px 0;
  background: url(../images/grad_line.gif) left bottom no-repeat;
  font-size: 16px;
  color: #665b33;
}

h1.kywd {
  font-size: 1.1em;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 15px 0;
}

h1#wp, h1.wp_header {
  margin: 5px 0 15px;
  padding-left: 30px;
  background: url(/images/wp_icon.gif) no-repeat;
}

img.wp_cover {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #ccc;
}

img.left {
  float: left;
  margin: 0 10px 10px 0;
}

img.right {
  float: right;
  margin: 0 0 10px 10px;
}

input.sp-q {
  float: left;
  color: #666;
  height: 19px;
  font-size: 12px;
  padding: 3px 4px 0;
  border: 1px solid #ccc;
}

#left2thirds ul {
  color: #000;
}

li.more a {
  color: #666;
}

p.nomargin {
  margin: 0;
}

p.redbold {
  color: #8f0b0b;
  font-size: .9em;
  font-weight: bold;
  padding-bottom: 10px;
}

span.red {
  color: #c30;
  font-weight: bold;
  display: inline;
}

span#logo img {
  width: 305px;
  height: 38px;
  padding-left: 15px;
  margin-bottom: 15px;
}

#need_js_notice {
  background-color: #f00;
  padding: 5px;
}

#login_button {
  visibility:  hidden;
}

#insert {
  width: 205px;
  padding: 5px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9px;
  margin: 0 0 5px 5px;
  float: right;
  vertical-align: top;
  font-weight: bold;
  background-color: #ffc;
  border: 1px outset #ccc;
}

#insert p {
  padding: 0;
  margin-bottom: 5px;
  margin-left: 65px;
  margin-top: 0;
  margin-right: 0;
}

#insert ul {
  margin: 0 0 0 65px;
  padding: 0;
}

#insert li {
  list-style-type: square;
  margin: 0;
  padding: 0;
  line-height: 20px;
  list-style-position: inside;
}


/*
3D Button
3 dimensional, text-based strechable button
-------------------------------------------------- */

p.button {
  overflow: hidden;
  margin-bottom: 15px;
}

p.button a {
  display: block;
  float: left;
  font: bold 11px arial, sans-serif;
  /*height: 26px;*/
  padding: 4px 6px;
  color: #fff;  
  /*margin-right: 6px;
  padding-right: 10px;*/
  text-decoration: none;
  /*background: url(/images/button_r.gif) no-repeat scroll bottom right;*/
  background: #998e66;
  border: 1px solid #998e66;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

p.button a:hover {
  background: #b0a787;
  -moz-box-shadow: 2px 1px 1px #999;
  -webkit-box-shadow: 2px 1px 1px #999;
  /*background-position: center right;*/
}

/*
p.button a span {
  color: #fff;
  display: block;
  line-height: 14px;
  padding: 6px 0 6px 9px;
  background: url(/images/button_l.gif) no-repeat bottom left;
}

p.button a:hover span {
  color: #fff;
  background-position: center left;
}

p.button a:active span {
  color: #fff;
  background-position: top left;
  padding: 7px 0 6px 9px;
}

p.button a:active {
  background-position: top right;
  outline: none;
}

*/




/*
ROUND BOXES
Round box section
-------------------------------------------------- */

.rbox {
  margin: 5px 0 5px;
}

.rboxtop, .rboxbot, .rboxtop span, .rboxbot span {
  display: block;
  height: 10px;
  margin: 0;
  padding: 0;
  font-size: 0px;
}

.rbox span.rbox_title {
  margin: 0;
  padding: 0 4px;
  position: relative;
  top: 10px;
  left: 10px;
  background: #fff;
  font-size: 20px;
  color: #036;
  z-index: 0;
}

.rboxtop {
  position: relative;
  background: url(../images/rboxtop.gif) no-repeat top left;
}

.rboxbot {
  background: url(../images/rboxbot.gif) no-repeat bottom left;
}

.rboxtop span {
  background: url(../images/rboxtop_c.gif) no-repeat top right;
}

.rboxbot span {
  background: url(../images/rboxbot_c.gif) no-repeat bottom right;
}

.rboxmid {
  display: block;
  padding: 5px 10px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}


/*
PODS
Pod sections on the homepage
-------------------------------------------------- */
.pod {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}

.pod.tan {
  background: #998e66;
}

.pod.red {
  background: #8f0b0b;
}

.pod.no_header {
  padding-top: 24px;
}

.pod h2 {
  margin: 0;
  color: #fff;
  height: 24px;
  overflow: hidden;
  padding-left: 12px;
  font: bold 13px/24px "Lucida Sans", Arial, Helvetica, sans-serif;
}

.pod span.corner {
  top: 0px;
  z-index: 2;
  width: 10px;
  height: 30px;
  overflow: hidden;
  display: block;
  font-size: 0;
  position: absolute;
  background:url(/images/pod_corners.png) no-repeat;
}

.pod .pod_main {
  padding: 10px;
  height: 1%;
  background: #fff;
  position: relative;
  border: solid #e5e5e5;
}

.pod.tan h4 {
  color: #8f0b0b;
}

.pod.red h4 {
  color: #665b33;
}

#left2thirds .pod span {
  left: 0;
}

#left2thirds .pod.tan span {
  background-position: left top;
}

#left2thirds .pod.red span {
  background-position: left -30px;
}

#left2thirds .pod .pod_main {
  margin-left: 2px;
  border-width: 0 1px 1px 0;
}

#right1third .pod span {
  right: 0;
}

#right1third .pod.tan span {
  background-position: right top;
}

#right1third .pod.red span {
  background-position: right -30px;
}

#right1third .pod .pod_main {
  margin-right: 2px;
  border-width: 0 0 1px 1px;
}


/*
INNER GRAY BOXES
Gray boxes within the pods
-------------------------------------------------- */

.inner_gray {
  padding: 5px;
  background: #f7f7f7;
  border-top: 1px solid #eee;
}

.inner_gray h5, .inner_gray ul {
  font-size: .9em;
}

.inner_gray h5 {
  margin: 0;
  padding: 0;
  color: #8f0b0b;
}

.inner_gray ul {
  padding-bottom: 0;
}

.inner_gray .subsearch {
  width: 46%;
  float: left;
}

.inner_gray .subsearch input.sp-q {
  width: 220px;
}

.inner_gray .all {
  width: 46%;
  float: right;
  height: 24px;
  text-align: center;
  font: bold 1em/24px Arial, Helvetica, sans-serif;
}

.pod.tan .inner_gray .all a {
  color: #998e66;
}

.pod.red .inner_gray .all a {
  color: #8f0b0b;
}


/*
JQUERY ACCORDION
Reusable accordion styles
-------------------------------------------------- */

.accordion {
  position: relative;
}

.accordion div {
  background: #fff;
  padding: 0 10px;
}

a.acc_head {
  color: #666;
  height: 24px;
  display: block;
  padding-left: 10px;
  background: #e5e5e5;
  border-top: 1px solid #ddd;
  position: relative;
  font: bold 12px/24px "Lucida Sans", Arial, Helvetica, sans-serif;
}

a.acc_head:hover {
  color: #8f0b0b;
  text-decoration: none;/*background-position: 98% center;*/
}

a.acc_head.selected, a.acc_head.ui-state-active {
  color: #8f0b0b;
  border: none;
  background: #fff url(/images/accordion_corners.png) no-repeat;
}

a.acc_head div.arrow {
  float: right;
  height: 24px;
  width: 12px;
  background: url(/images/accordion_arrows.gif) top no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

a.acc_head:hover div.arrow {
  background: url(/images/accordion_arrows.gif) center no-repeat;
}

a.acc_head.selected div.arrow, a.acc_head.ui-state-active div.arrow {
  background: url(/images/accordion_arrows.gif) bottom no-repeat;
}

.pod.tan a.acc_head.selected, .pod.tan a.acc_head.ui-state-active {
  color: #8f0b0b;
}

.pod.red a.acc_head.selected, .pod.red a.acc_head.ui-state-active {
  color: #665b33;
}

a.acc_head.selected:hover, a.acc_head.ui-state-active:hover {
  text-decoration: none;
}

#right1third a.acc_head.selected, #right1third a.acc_head.ui-state-active {
  background-position: left bottom;
}


/*
MAJOR LAYOUT ELEMENTS/WRAPS
General elements dictating the layout of the site
-------------------------------------------------- */

#page {
  width: 998px;
  background: #fff;
  /*margin: 5px auto 0;*/
  margin: 0 auto;
  border: 2px solid #ccc;
  position: relative;
  z-index: 0;
}

#page .top {
  height: 15px;
  position: relative;
}

#page .top span {
  height: 15px;
  font-size: 0;
  display: block;
  position: absolute;
  background: url(/images/page_corners.gif) no-repeat;
}

#page .top span.cl {
  top: 0;
  left: -4px;
  width: 15px;
  background-position: left top;
}

#page .top span.ct {
  top: -2px;
  right: -2px;
  width: 100%;
  background-position: right bottom;
}

#main_cols {
  padding: 0 18px;
  display: block;
  background: #fff;
}

#left2thirds {
  float: left;
  width: 605px;
  background: #fff;
}

#right1third {
  float: right;
  width: 336px;
  background: #fff;
}


/*
SITE HEADER
Site logo, top text nav and search
-------------------------------------------------- */

#banner.site_header {
  height: 60px;
  font-size: 10px;
  position: relative;
}

#banner.site_header div, #banner.site_header ul {
  position: absolute;
}

#banner.site_header #logo {
  top: 5px;
  left: 20px;
}

#banner.site_header #logo img {
  width: 305px;
  height: 38px;
}

#banner.site_header ul#utilnav {
  top: 13px;
  margin: 0;
  padding: 0;
  left: 385px;
  list-style: none;
}

#banner.site_header ul#utilnav li {
  float: left;
  color: #eee;
  padding: 0 6px;
  display: block;
  border-right: 1px solid #ddd;
}

#banner.site_header ul#utilnav li.last {
  border: none;
}

#banner.site_header ul#utilnav li a:link, #banner.site_header ul#utilnav li a:visited {
  color: #998e66;
}

#banner.site_header #sitesearch {
  top: 8px;
  right: 20px;
  width: 336px;
  float: right;
  font-size: 11px;
}

#sitesearch input.sp-q {
  width: 302px;
}

#wpsearch input.sp-q {
  width: 425px;
  margin-bottom: 5px;
}

.mid_page_search input.sp-q {
  width: 571px;
  margin-bottom: 5px;
}

.mid_page_search {
  padding-bottom: 25px;
}

#sitesearch .searchtips {
  right: 0;
  top: 28px;
  color: #666;
  font-size: 10px;
}

#wpsearch_index {
  position: relative;
  top: -30px;
  left: 85px;
} 

#wpsearch_index input.sp-q {
 width: 335px;
}

#banner_basic {
  margin: 0 0 15px;
  padding: 0 15px;
}

#banner_basic img {
  margin: 0;
  padding: 0;
  border: none;
}


/*
MAIN NAV
Navbar links
-------------------------------------------------- */

#topnav {
  height: 38px;
  z-index: 100;
  position: relative;
  margin-bottom: 10px;
  background: #fff url(/images/topnav_bg.gif) repeat-x;
}

#topnav .left, #topnav .right {
  top: 0;
  width: 9px;
  height: 38px;
  display: block;
  position: absolute;
  background: url(/images/topnav_corners.gif) no-repeat;
}

#topnav .left {
  left: 0;
  background-position: left top;
}

#topnav .right {
  right: 0;
  background-position: right top;
}

.main_nav, .main_nav * {
  margin: 0;
  padding: 0;
  list-style: none;
  font: bold 10px Arial, Helvetica, sans-serif;
}

.main_nav {
  padding: 0 10px;
}

.main_nav ul {
  top: -999em;
  width: 15em; /* match li left offset (see below) */
  z-index: 1000;
  position: absolute;
}

.main_nav ul li {
  width: 100%;
}

.main_nav li {
  float: left;
  position: relative;
  border-right: 1px solid #360606;
}

.main_nav li:hover {
  visibility: inherit;
}

.main_nav li.rss {
  float: right;
  border: none;
  padding-left: 5px;
  background: url(/images/rss_icon.gif) left center no-repeat;
}

.main_nav a {
  display: inline-block;
  /*padding: 8px 10px;*/
  padding: 0 11px;
  height: 28px;
  line-height: 28px;
  position: relative;
  text-decoration: none;
}

.main_nav a, .main_nav a:visited {
  color: #f1e0f3;
}

.main_nav a:hover {
  color: #fff;
  text-decoration: none;
}

.main_nav li:hover ul, .main_nav li.sfHover ul {
  left: 0;
  top: 28px;
  z-index: 1000;
}

.main_nav li li {
  background: #d2cdbc;
  border: none;
}

.main_nav li li a {
  color: #8f0b0b;
  padding: 6px 10px;
  height: auto;
  line-height: normal;
  display: block;
}

.main_nav li li a:visited {
  color: #8f0b0b;
}

.main_nav li li a:hover {
  color: #665b33;
  background: #dcd9cc;
}

ul.main_nav li:hover li ul, ul.main_nav li.sfHover li ul, ul.main_nav li li:hover li ul, ul.main_nav li li.sfHover li ul {
  top: -999em;
}

ul.main_nav li li:hover ul, ul.main_nav li li.sfHover ul, ul.main_nav li li li:hover ul, ul.main_nav li li li.sfHover ul {
  top: 0;
  left: 15em; /* match ul width */
}

.main_nav a.sf-with-ul {
  min-width: 1px;
  padding-right: 2.25em;
}

.sf-sub-indicator {
  top: 1.05em;
  width: 10px;
  right: .75em;
  height: 10px;
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: -999em;
  background: url(/images/topnav_arrows.png) no-repeat -10px -100px;
}

a > .sf-sub-indicator {
  top: .8em;
  background-position: 0 -100px;
}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
}

.main_nav ul .sf-sub-indicator {
  background-position: -10px 0;
}

.main_nav ul a > .sf-sub-indicator {
  background-position: 0 0;
}

.main_nav ul a:focus > .sf-sub-indicator, .main_nav ul a:hover > .sf-sub-indicator, .main_nav ul a:active > .sf-sub-indicator, .main_nav ul li:hover > a > .sf-sub-indicator, .main_nav ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-shadow ul {
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
  background:	url(/images/topnav_shadow.png) no-repeat bottom right;
}

.sf-shadow ul.sf-shadow-off {
  background: transparent;
}


/*
SITE LOGIN
Site login box at the top of right corner
-------------------------------------------------- */

#login {
  color: #ccc;
  font-size: .8em;
  padding: 6px 8px;
  margin: 0 0 20px;
  /*background: #f1f1f1;*/
  background: #998e66;
  font: normal .85em/normal Tahoma, Arial, sans-serif;
}

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

#login li {
  margin: 0;
  float: left;
  width: 50%;
}

#login li.hello, #login li.welcome {
  color: #fff;
  width: 100%;
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

#login a {
  color: #eee;
  height: 15px;
  display: block;
  padding-left: 22px;
  background: url(/images/member_icons.gif) no-repeat;
}

#login a:hover {
  color: #fff;
}

#login li.login a {
  background-position: 0 0;
}

#login li.register a {
  background-position: 0 -30px;
}

#login li.manage a {
  background-position: 0 -60px;
}

#login li.logout a {
  background-position: 0 -90px;
}

#login li.register a:hover {
  background-position: 0 -45px;
}

#login li.login a:hover {
  background-position: 0 -15px;
}

#login li.manage a:hover {
  background-position: 0 -75px;
}

#login li.logout a:hover {
  background-position: 0 -105px;
}


/*
TOP STORIES ROTATOR
This week's top stories box on homepage
-------------------------------------------------- */

#lead {
  width: 584px;
  height: 175px;
  overflow: visible;
  position: relative;
}

#lead .story {
  width: 584px;
  height: 175px;
  font-size: 1em;
  background: #fff;
}

#lead img {
  top: 0;
  left: 0;
  z-index: 10;
  width: 200px;
  height: 175px;
  display: block;
  position: absolute;
  float: left;
}

#lead span.img_corner {
  top: 0;
  left: 0;
  z-index: 11;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  background: url(/images/lead_img_corner.png) left top no-repeat;
}

#lead .txt {
  top: 0;
  left: 215px;
  width: 364px;
  height: 175px;
  position: absolute;
  float: right;
  background: #fff;
}

#lead .txt h2 {
  padding: 0;
  color: #000;
  display: block;
  height: auto;
  margin: 0 0 5px;
  font: bold 1.6em Georgia, Arial, sans-serif;
}

#lead .txt p {
  margin-top: 0;
  padding-top: 0;
}

#lead .txt .inner_gray {
  padding: 0;
  border: none;
  background: none;
  font-size: .95em;
}

#lead .txt .inner_gray h5 {
  color: #8f0b0b;
  padding-bottom: 5px;
  font: bold 11px "Lucida Sans", Arial, sans-serif;
}

#tsnav {
  top: -24px;
  right: 24px;
  width: 350px;
  position: absolute;
}

#tsnav a {
  color: #ccc;
  float: left;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 10px 4px;
  text-decoration: none;
}

#tsnav a.activeSlide {
  color: #fff;
  background: #665b33;
}

a.control {
  right: -1px;
  top: -25px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  background: url(/images/pause_play.gif) left top no-repeat;
}

a.control.play {
  background-position: left bottom;
}

#tsnav a:hover, a.control:hover {
  color: #fff;
  background-color: #665b33;
}


/*
POD MOST POPULAR
What your peers are reading pod on homepage
-------------------------------------------------- */

#pod_most_popular ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

#pod_most_popular li {
  zoom: 1;
  padding: 0 0 15px;
}

#pod_most_popular li:last-child {
  padding-bottom: 5px;
}

#pod_most_popular li.num1 {
  background: url(/images/number1.gif) left 4px no-repeat;
}

#pod_most_popular li.num2 {
  background: url(/images/number2.gif) left 4px no-repeat;
}

#pod_most_popular li.num3 {
  background: url(/images/number3.gif) left 4px no-repeat;
}

#pod_most_popular li.num4 {
  background: url(/images/number4.gif) left 4px no-repeat;
}

#pod_most_popular li.num5 {
  background: url(/images/number5.gif) left 4px no-repeat;
}

#pod_most_popular li span {
  display: block;
  padding-left: 28px;
}

#pod_most_popular li a {
  display: block;
  font-weight: bold;
}


/*
POD MOST RECENT
Just posted pod on homepage
-------------------------------------------------- */

#pod_just_posted h4 {
  color: #333;
  padding-bottom: 5px;
  font: bold 11px "Lucida Sans", Arial, sans-serif;
}

#pod_just_posted div.article img {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  position: relative;
  border: 1px solid #eee;
}

#pod_just_posted div.article a {
  font-weight: bold;
}

#pod_just_posted div.article p {
  padding-left: 70px;
}

#pod_just_posted li {
  padding-bottom: 3px;
  font-weight: bold;
}

#pod_just_posted a.more {
  color: #8f0b0b;
  padding-left: 5px;
  font-size: 10px;
}


/*
POD CRITICAL TOPICS
Critical topics pod on homepage
-------------------------------------------------- */

#pod_topics .topics_wrap {
  background: #fff;
  position: relative;
  border-left: 2px solid #8f0b0b;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

#pod_topics .accordion {
  height: auto;
  position: relative;
}

#pod_topics .accordion a.selected ,#pod_topics .accordion a.ui-state-active{
  font-size: .9em;
  height: 24px;
  padding-left: 10px;
  margin-bottom: 10px;
}

#pod_topics .moretopics {
  padding: 10px;
  position: relative;
  background: #f5f5f5;
}

#pod_topics .moretopics h4 {
  padding-bottom: 5px;
  font: bold 11px "Lucida Sans", Arial, sans-serif;
}

#pod_topics .moretopics ul {
  margin: 0;
  padding: 0;
  list-style: disc;
}

#pod_topics .moretopics li {
  font-size: .85em;
  line-height: 1.5;
  margin: 0;
  padding: 0 10px 0 0;
  display: inline;
}

#pod_topics .moretopics a {
  color: #666;
}

#pod_topics .moretopics a:hover {
  color: #333;
}


/*
POD PRODUCTS
Products pod on homepage
-------------------------------------------------- */

#pod_products .product_carousel {
  margin: 0 20px;
  position: relative;
}

#pod_products .product_carousel li {
  width: 170px;
  padding: 0 5px;
  font-size: .9em;
  text-align: center;
}

#pod_products .product_carousel img {
  height: 60px;
  width: 120px;
  display: block;
  background: #eee;
  margin: 0 auto 5px;
}

#pod_products a.product_carousel_left, #pod_products a.product_carousel_right {
  top: 10px;
  width: 10px;
  height: 60px;
  cursor: pointer;
  position: absolute;
}

#pod_products a.product_carousel_left {
  left: 10px;
  background: url(/images/wide_arrow_left.gif);
}

#pod_products a.product_carousel_right {
  right: 10px;
  background: url(/images/wide_arrow_right.gif);
}

#pod_products a.product_carousel_left:hover, #pod_products a.product_carousel_right:hover {
  background-position: center;
}

#pod_products a.disabled, #pod_products a.disabled:hover {
  cursor: default;
  background-position: right;
}

#pod_products .inner_gray {
  margin-top: 15px;
  padding: 10px;
  background: #f7f7f7 url(/images/or.gif) center no-repeat;
}


/*
POD WHITE PAPERS
White Papers pod on homepage
-------------------------------------------------- */

#pod_whitepapers .wplibrary {
  position: relative;
}

#pod_whitepapers h4.bytopic {
  width: 225px;
  float: left;
}

#pod_whitepapers ul.tabnav {
  margin: 0;
  padding: 0;
  width: 225px;
  float: left;
  clear: left;
  list-style: none;
  font-size: .9em;
  line-height: 20px;
  position: relative;
}

#pod_whitepapers ul.tabnav li {
  padding-left: 5px;
}

#pod_whitepapers ul.tabnav li a {
  color: #8f0b0b;
  display: block;
  padding: 2px 0;
  text-decoration: none;
}

#pod_whitepapers ul.tabnav li a:hover {
  color: #998e66;
}

#pod_whitepapers ul.tabnav li.bytopic {
  color: #8f0b0b;
  font-weight: bold;
  padding-left: 0;
}

#pod_whitepapers ul.tabnav li.ui-tabs-selected {
  background: #eee;
}

#pod_whitepapers ul.tabnav li.ui-tabs-selected a {
  color: #665b33;
  font-weight: bold;
}

#pod_whitepapers .tabcontent {
  width: 341px;
  float: right;
  padding-left: 15px;
  position: relative;
  border-left: 1px solid #eee;
}

#pod_whitepapers .tabcontent.tabs-hide {
  display: none;
}

#pod_whitepapers .tabcontent .wpaper_item {
  padding-bottom: 15px;
}

#pod_whitepapers .tabcontent h4 {
  margin-bottom: 5px;
  font: bold 11px "Lucida Sans", Arial, sans-serif;
}

#pod_whitepapers .tabcontent p {
  padding: 0;
}

#pod_whitepapers .tabcontent img {
  float: left;
  margin-right: 10px;
}

#pod_whitepapers .inner_gray {
  margin-top: 15px;
  padding: 10px;
  background: #f7f7f7 url(/images/or.gif) center no-repeat;
}


/*
POD MULTIMEDIA
Multimedia pod on homepage
-------------------------------------------------- */

#pod_multimedia .mmedia_item {
  padding-bottom: 15px;
}

#pod_multimedia .mmedia_item p {
  padding: 0;
}


/*
POD PERSPECTIVES
Perspectives pod on homepage
-------------------------------------------------- */

#pod_perspectives .perspectives_carousel {
  margin: 0 0 0 20px;
}

#pod_perspectives .perspectives_carousel li {
  color: #000;
  font-size: .85em;
  width: 265px;
  margin-right: 10px;
}

#pod_perspectives .perspectives_carousel h3, #pod_perspectives .perspectives_carousel h4, #pod_perspectives .perspectives_carousel p {
  margin: 0;
  padding: 0 0 0 70px;
}

#pod_perspectives .perspectives_carousel h4 {
  color: #8f0b0b;
  font: bold 11px "Lucida Sans", Arial, sans-serif;
}

#pod_perspectives .perspectives_carousel img {
  float: left;
  height: 60px;
  width: 60px;
  background: #eee;
  border: 1px solid #eee;
  margin-right: 10px;
}

#pod_perspectives a.perspectives_carousel_left, #pod_perspectives a.perspectives_carousel_right {
  top: 10px;
  width: 10px;
  height: 60px;
  cursor: pointer;
  position: absolute;
}

#pod_perspectives a.perspectives_carousel_left {
  left: 10px;
  background: url(/images/wide_arrow_left.gif);
}

#pod_perspectives a.perspectives_carousel_right {
  right: 10px;
  background: url(/images/wide_arrow_right.gif);
}

#pod_perspectives a.perspectives_carousel_left:hover, #pod_perspectives a.perspectives_carousel_right:hover {
  background-position: center;
}

#pod_perspectives a.disabled, #pod_perspectives a.disabled:hover {
  cursor: default;
  background-position: right;
}


/*
POD JOBS
Jobs pod on homepage
-------------------------------------------------- */

#pod_jobs {
  font-size: .9em;
}

#pod_jobs h4 {
  margin: 0;
  padding: 0;
  font: bold 11px "Lucida Sans", Arial, sans-serif;
}

#pod_jobs a {
  font-weight: bold;
}

#pod_jobs .jt_jobs {
  width: 47%;
  float: left;
  padding-right: 2%;
  border-right: 1px solid #eee;
}

#pod_jobs .jt_job {
  margin: 15px 0;
  padding-left: 28px;
  background: url(/images/job_icon.gif) 0 3px no-repeat;
}

#pod_jobs .jt_features {
  width: 48%;
  float: right;
}

#pod_jobs .jt_features h4 {
  margin-bottom: 10px;
}

#pod_jobs .jt_features img {
  float: left;
  margin: 0 10px 50px 0;
}

#pod_jobs .jt_features div {
  clear: both;
  padding: 5px 0;
}


/*
POD EXPERTS
Ask the experts pod on homepage
-------------------------------------------------- */

#pod_experts p.ate_intro img {
  float: right;
  margin-left: 5px;
}

#pod_experts .pod_main span.q, #pod_experts .pod_main span.a {
  color: #998e66;
  float: left;
  font: bold italic 1.4em "Lucida Sans", Arial, sans-serif;
}

#pod_experts .pod_main span.a {
  color: #8f0b0b;
}

#pod_experts ul#question {
  padding-left: 30px;
}

#pod_experts ul#question li {
  padding-bottom: 3px;
}

#pod_experts a.answer {
  margin-left: 10px;
}

#pod_experts h4 {
  padding: 0;
  margin: 0 0 5px;
  font: bold 11px "Lucida Sans", Arial, sans-serif;
}

#pod_experts .inner_gray {
  padding: 10px;
  margin-top: 10px;
  background: #f7f7f7 url(/images/or.gif) center no-repeat;
}

#pod_experts #ate_pose {
  float: left;
  width: 250px;
}

#pod_experts #ate_view {
  float: right;
  width: 250px;
}

#pod_experts select {
  width: 250px;
  font-size: 11px;
}

#pod_experts option.default {
  color: #8f0b0b;
  font-weight: bold;
}


/*
POD EDITORIAL CORNER
Editorial corner pod in right column
-------------------------------------------------- */

#pod_editors_corner .pod_main {
  background: #fff url(/images/mark_smallheadshot.gif) bottom right no-repeat;
}

#pod_editors_corner .pod_main.ken {
  background: #fff url(/images/ken_smallheadshot.gif) right bottom no-repeat;
}

#pod_editors_corner .pod_main.traci {
  background: #fff url(/images/traci_smallheadshot.gif) right bottom no-repeat;
}

#pod_editors_corner .pod_main.amanda {
  background: #fff url(/images/amanda_smallheadshot.jpg) right bottom no-repeat;
}

#pod_editors_corner .pod_main.sean {
  background: #fff url(/images/voices/ottewell.jpg) right bottom no-repeat;
}

#pod_editors_corner .pod_main.lynn {
  background: #fff url(/images/voices/compliance_advisor.gif) right bottom no-repeat;
}

#pod_editors_corner .pod_main.dirk {
  background: #fff url(/images/voices/field_notes.gif) right bottom no-repeat;
}

#pod_editors_corner .pod_main.gary {
  background: #fff url(/images/voices/energy_saver.gif) right bottom no-repeat;
}

#pod_editors_corner h4 {
  color: #333;
  padding: 0 80px 2px 0;
  font: bold 13px "Lucida Sans", Arial, sans-serif;
}

#pod_editors_corner p {
  margin: 0;
  padding: 0 80px 0 0;
}


/*
POD SOLUTIONS CENTERS
Solutions Centers pod in right column
-------------------------------------------------- */

#pod_solutions .sc_item {
  padding: 5px 0;
}

#pod_solutions h3, #pod_solutions h5, #pod_solutions p {
  margin: 0;
  padding: 0 0 0 70px;
}

#pod_solutions h5 {
  color: #666;
  font-weight: normal;
  font-style: italic;
}

#pod_solutions img {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  position: relative;
  border: 1px solid #eee;
}


/*
POD WIDGETS
Widgets pod in right column
-------------------------------------------------- */

#pod_widgets {
  overflow: visible;
}

#pod_widgets h2 {
  padding-left: 45px;
}

#pod_widgets img.star {
  z-index: 5;
  top: -20px;
  left: -10px;
  width: 56px;
  height: 56px;
  position: absolute;
}


/*
POD SUBS ENEWS
E-newsletter subscription pod in right column
-------------------------------------------------- */

#pod_subs_enews .pod_main {
  background: #fff url(/images/subs_enews_bg.gif) bottom right no-repeat;
}

#pod_subs_enews .pod_main p {
  padding: 0;
}


/*
POD SUBS MAG
Magazine subscription pod in right column
-------------------------------------------------- */

#pod_subs_mag .pod_main {
  background: #fff url(/images/subs_mag_bg.gif) bottom right no-repeat;
}

#pod_subs_mag .pod_main p {
  padding: 0;
}


/*
SUGGESTION BOX
Styles used on suggestion box pages
-------------------------------------------------- */

.suggbox-head {
  background: #666;
  border: none;
  font-size: 10px;
  text-align: left;
  color: #fff;
}

ul.suggbox li {
  display: inline;
  font-size: 10px;
  font-style: italic;
  margin-right: 20px;
}


/*
ARTICLE TOOLS
Print page, email page & add this button
-------------------------------------------------- */

#tools {
  display: block;
  margin: 0 0 10px;
}

#tools a {
  font-size: 11px;
  margin-right: 10px;
}

#tools #print, #tools #email {
  float: left;
}

#tools #addthis {
  float: right;
}

#printpage {
  padding: 5px 0 0;
}

#print {
  font-size: .9em;
}

#emailpage {
  padding: 5px 0 0;
}

#addthis-button {
  padding: 10px 0 0;
}


/*
LINK TO THIS -- OLD
Styles for the "link to this" box at the bottom
of content pages
--------------------------------------------------

#subcontent_tools {
  width: 134px;
  height: 30px;
  margin-left: 470px;
  position: absolute;
}

p.rights {
  float: right;
  margin-top: 0;
}

a.ltt_reveal {
  color: #fff;
  height: 30px;
  width: 110px;
  display: block;
  cursor: pointer;
  padding-left: 30px;
  font: bold 12px/30px Arial, Helvetica, sans-serif;
  background: url(/images/link_to_button.gif) no-repeat;
}

a.ltt_reveal:link {
  color: #fff;
}

a.ltt_reveal:hover, a.ltt_reveal:active, a.ltt_reveal.nojs, a.ltt_reveal.on {
  color: #fff;
  background-position: left bottom;
}

a.ltt_reveal.nojs {
  cursor: default;
}

.link_to_this {
  clear: right;
}

.link_to_this .ltt_body {
  color: #fff;
  padding: 10px;
  border-top: 3px solid #582d59;
  background: #8f0b0b url(/images/bg_ltt_body.gif) repeat-x;
}

.ltt_body h4 {
  color: #fcf;
  margin-bottom: 10px;
}

.ltt_body p, .ltt_body textarea {
  font-size: 11px;
}

.ltt_body textarea {
  color: #666;
  width: 98.5%;
  padding: 2px;
  height: 75px;
}

*/


/*
RESOURCE CENTER PAGES
Styles for basic resource center page layouts. 
Eventually, should move to their own style sheet.
-------------------------------------------------- */

.arrow {
  display: block;
  margin: 0;
  padding: 0;
}

.arrow ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
}

.arrow li {
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding: 0 10px 10px 12px;
  margin: 0;
}

li.noArrow {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0;
  line-height: 1.2em;
}

li.item {
  padding-bottom: 10px;
}

a.moreLink {
  color: #003399;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

ul#counts {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}

ul#counts li {
  color: #666;
  display: inline;
  font-size: 0.9em;
  margin: 0;
  padding-right: 10px;
}

#rc_articles #articles {
  float: left;
  width: 77%;
}

#rc_articles #sidebar {
  float: right;
  width: 20%;
}


/*
WHITE PAPER PAGES
Styles for whitepaper pages. Eventually, should
move to their own style sheet.
-------------------------------------------------- */

#wpleft {
  float: left;
  width: 125px;
  font-size: 11px;
}

#wpbox {
  margin: 0 0 15px;
  border-top: 2px solid #ccc;
  background: url(/images/bg_wpbox.jpg) repeat-x;
}

#wpbox p {
  padding: 5px;
  text-align: center;
  line-height: normal;
}

#wpbox p.not_a_member {
  font-size: 10px;
  background: #fff;
}

#wpbox img.cover {
  display: block;
  padding-top: 10px;
  margin: 0 auto 20px;/*border: 1px solid #ccc;*/
}

#wpbox a.dld, #wpbox a.reg {
  display: block;
  height: 40px;
  line-height: 28px;
  padding-left: 25px;
  outline: none;
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
}

#wpbox a.dld {
  background: url(/images/round_reflect_btn.jpg) bottom no-repeat;
}

#wpbox a.reg {
  background: url(/images/round_reflect_reg_btn.jpg) bottom no-repeat;


}

#wpbox a.dld:hover, #wpbox a.reg:hover {
  background-position: top;
}

#wpdesc {
  float: right;
  width: 460px;
}

#wpinfo p {
  font-size: .85em;
  color: #666;
  margin: 0;
  padding: 5px 0;
  border-bottom:1px solid #e5e5e5;
}


/*
ORIGINAL GRAY BOXES & TABBED CONTENT BOXES
Used for popular and related content.
Code from ALA: Sliding Doors technique
http://alistapart.com/articles/slidingdoors
-------------------------------------------------- */

div.tabset {
  float: left;
  width: 100%;
  line-height: normal;
  margin-bottom: -1px;
}

.tabset ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tabset ul li.tab, .tabset ul li.selected {
  list-style-type: none;
  display: block;
  float: left;
  font-size: .9em;
  font-weight: bold;
  cursor: pointer;
  background: #ccc url(../images/roundrect_parts/sd_right.gif) no-repeat right top;
  margin-right: -1px;
}

.tabset ul li.selected {
  background-color: #f5f5f5;
}

.tabset ul li.tab .content {
  border-bottom: 1px solid #a9a9a9;
}

.tabset ul li.selected .content {
  border-bottom: none;
  padding-bottom: 4px;
}

.tabset ul li .content {
  display: block;
  padding: 3px 7px;
  background: url(../images/roundrect_parts/sd_left.gif) no-repeat left top;
}

.visual-roundrect {
  border: 1px solid #a9a9a9;
  margin: 0 0 20px;
  background-color: #f5f5f5;
  padding-bottom: 0;
  font-size: .9em;
}

.ct, .ct .cl, .cb, .cb .cl {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 0;
  height: 4px;
  position: relative;
}

.ct, .cb {
  width: 100%;
  right: -1px;
}

.ct .cl, .cb .cl {
  width: 4px;
  left: -2px;
}

.ct {
  background: transparent url(../images/roundrect_parts/c_ne.gif) no-repeat top right;
  top: -1px;
}

.ct .cl {
  background: transparent url(../images/roundrect_parts/c_nw.gif) no-repeat top left;
}

.cb {
  background: transparent url(../images/roundrect_parts/c_se.gif) no-repeat bottom right;
  bottom: -1px;
}

.cb .cl {
  background: transparent url(../images/roundrect_parts/c_sw.gif) no-repeat bottom left;
}

.top .ct {
  background: transparent url(../images/roundrect_parts/ext_ne.gif) no-repeat top right;
}

.top .ct .cl {
  background: transparent url(../images/roundrect_parts/ext_nw.gif) no-repeat top left;
}

.tabbed .ct .cl {
  display: none;
}

.visual-roundrect .contents {
  margin: 6px 10px;
}

#ad2 .visual-roundrect ul {
  margin: 0;
  padding: 0;
  margin-left: 1em;
}

#ad2 .visual-roundrect ul li {
  color: #a9a9a9;
}

#ad2 .visual-roundrect ul li span {
  color: black;
}


/*
SITE FOOTER SEARCH BAR
Search bar just above site footer
-------------------------------------------------- */

#footer_search {
  padding: 8px;
  background: #999;
  background: #bbb url(/images/footer_search_bg.gif) repeat-x;
}

#footer_search_wrap {
  width: 540px;
  margin: 0 auto;
}

#footer_search input.sp-q {
  color: #999;
  width: 500px;
  border: 1px solid #888;
}


/*
SITE FOOTER
Footer (bottom banner, quicklinks & disclaimers)
-------------------------------------------------- */

#footer {
  color: #666;
  font-size: .85em;
  background: #ddd;
  text-align: center;
  padding: 20px 20px 5px;
}

#footer .ad {
  clear: both;
  margin-bottom: 15px;
}

#footer p {
  padding: 0;
}

#footer p img {
  padding-right: 5px;
}

#quicklinks {
  width: 728px;
  margin: 0 auto 15px;
  color: orange;
  text-align: left;
}

#quicklinks h3 {
  color: #8f0b0b;
  font: bold 11px "Lucida Sans", Arial, sans-serif;
}

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

#ql_adv, #ql_mag, #ql_sis {
  width: 224px;
  padding: 5px;
  float: left;
  display: block;
  background: #eee;
  margin-right: 13px;
}

#ql_sis {
  margin-right: 0;
}

#quicklinks a {
  color: #665b33;
}


/*
AD-RELATED STYLES
Styles dictating layout of ads on the page
-------------------------------------------------- */

.csb {
  position: relative;
  z-index: 50;
}

#topbanner {
  width: 967px;
  margin: 0 auto;
  padding-top: 4px;
}

#topbanner .ad-slot {
  float: left;
}

#topbanner .feature {
  margin: 0;
  float: right;
}

#right1third div.ad-slot {
  margin: 0 0 20px;
  /*overflow: hidden;*/
}

#right1third div.ad-slot.lr {
  width: 336px;
  height: 280px;
}

#right1third div.ad-slot.sr {
  width: 336px;
  height: 175px;
}

.ad-inline-text {
  padding: 8px;
  font-size: .9em;
  margin: 0 0 20px;
  background: #f0f8ff;
  border: 1px solid #ddd;
  line-height: 1.4;
}

.ad-inline-text-disclaimer {
  color: #999;
  font-size: .9em;
  margin: 0 0 5px;
}

.adbox {
  clear: both;
  padding: 10px;
  margin: 0 0 20px;
  background: #f7f7f7;
}

.grayBox p.underline {
  margin: 0;
  padding: 0;
}

.adbox h4, .grayBox .CatName {
  padding: 0;
  color: #666;
  font: bold 11px "Lucida Sans", Arial, sans-serif;
}

.adbox div {
  margin: 10px 0;
}

#ad_right_buttons {
  margin: 5px 0 20px;
}

#ad_right_buttons #ad_b1, #ad_right_buttons #ad_b2 {
  width: 125px;
  height: 125px;
  padding: 0 17px;
}

#ad_right_buttons #ad_b1 {
  float: left;
}

#ad_right_buttons #ad_b2 {
  float: right;
}

#sponsored_product {
  margin-top: 20px;
}

#marketplace h4 span {
  color: #bbb;
  font-size: .8em;
  padding-left: 2px;
}

#digedit_popup {
  text-align: center;
  position: absolute;
  top: 220px;
  left: 50%;
  margin-left: -135px;
  width: 240px;
  height: 400px;
  border: 10px solid #000;
  padding-bottom: 55px;
  background: #000;
  z-index: 100000;
}

#digedit_popup p {
  /*margin: 10px 0;*/
  margin: 5px 0;
  padding: 0;
}

#digedit_popup img {
  border: none;
  margin: 0;
  padding: 0;
}

#digedit_popup a.signup {
  font-weight: bold;
  font-size: 18px;
  color: #06c;
  cursor: pointer;
  text-decoration: none;
}

#digedit_popup a:hover.signup {
  color: #f60;
  text-decoration: none;
}

#digedit_popup a.close {
  font-size: 10px;
  color: #fff;
  cursor:pointer;
}


/*
MORE CONTENT BOX
Styles for the 'more content' boxes
-------------------------------------------------- */

#more_content {
  border: solid #ccc;
  border-width: 2px 0;
  margin-bottom: 20px;
  padding: 15px 0 7px;
}

#more_content h3 {
  font-size: 15px;
  margin: 0;
  padding: 0;
}

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

#more_content li {
  border-bottom: 1px solid #eee;
  display: block;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}

#more_content li.viewall {
  border: none;
}

#more_content.products li {
  border-bottom: 1px solid #eee;
  padding: 5px 0 15px;
}

#more_content.products li.viewall {
  border: none;
  padding-bottom: 0;
}

#more_content img {
  height: 30px;
  width: 60px;
  position: absolute;
  top: 12px;
  left: 0;
  border: 1px solid #ddd;
}

#more_content span {
  color: #8f0b0b;
  font: italic 11px arial;
  left: 0;
  position: absolute;
  top: 10px;
}

#more_content cite {
  color: #888;
  display: block;
  font-size: 11px;
  padding-left: 70px;
  position: relative;
  top: -7px;
}

#more_content a {
  display: inline-block;
  padding: 8px 4px 8px 70px;  
}


/*
404 PAGE
Styles for the 404 errror page
-------------------------------------------------- */

#error_wrap {
  line-height: 1.6;
  padding: 5px 0 0 310px;
}

#error_wrap ul {
  font-weight: bold;
  color: #ccc;
}

#error_wrap .cartoon_captions {
  border-top: 1px solid #f1f1f1;
  font-size: 12px;
  color: #666;
  padding-top: 15px;
}


/*
LOGIN/REG PAGES: OMEDA
These styles dictate the look of our pages 
that are ON Omeda's servers.
-------------------------------------------------- */

#regleft {
  float: left;
  /*width: 520px;*/
  width: 510px;
  margin: 20px 0 20px 20px;
  padding: 15px;
  font-size: 13px;
  line-height: 20px;
  background: #f5f5f5;
  border: 1px solid #ddd;
}

#regleft h1 {
  color: #480D4C;
  font-size: 20px;
  margin: 0 0 15px;
}

#regleft p.req {
  color: #006600;
  font-size: 11px;
}

#regleft div.priv {
  font-size: 10px;
  border-top: 1px solid #ddd;
  padding-top: 15px;
  margin: 20px 0 0;
}

#regleft div.priv p {
  margin: 0;
}

a.register {
  display: block;
  width: 80px;
  height: 30px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding-top: 4px;
  background: url(http://www.chemicalprocessing.com/Media/reg/register.gif) no-repeat;
}

a:hover.register {
  text-decoration: none;
  background: url(http://www.chemicalprocessing.com/Media/reg/register_over.gif) no-repeat;
}

#regright {
  float: right;
  margin: 20px;
  width: 390px;
}

#regright h1 {
  color: #480D4C;
  font-size: 16px;
  margin: 0 0 15px;
}

#regright #colleft {
  float: left;
  width: 185px;
}

#regright #colright {
  float: left;
  width: 185px;
  margin-left: 20px;
}

#regright .box {
  width: 175px;
  height: 215px;
  overflow: hidden;
  font-size: 11px;
  padding: 0 5px;
  background: url(http://www.chemicalprocessing.com/Media/reg/curve_box_purple.gif) no-repeat;
  line-height: 16px;
  text-align: center;
  margin-bottom: 20px;
  color: #fff;
}

#regright .box h3 {
  font-size: 13px;
  margin: 0;
}

#regright .box img {
  padding: 15px 0 10px;
  border: none;
}

#regright .box a {
  color: #6ff;
}

#regright .box a:hover {
  color: #fff;
}

#fields p {
  /*margin-bottom: 12px;*/
  clear: both;
}

#fields h4 {
  color: #480D4C;
  font-size: 9px;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 10px 115px;
}

#fields input {
  width: 250px;
}

#fields span.fieldname {
  float: left;
  width: 115px;
  font-weight: bold;
  font-size: 15px;
  color: #006600;
}

#fields p.username {
  margin: 0 0 3px 0;
}

#fields .username span.fieldname {
  color: #480D4C;
}

.pload_reg {
  height: 0;
  background-image: url(http://www.chemicalprocessing.com/Media/reg/register_over.gif);
  background-repeat: no-repeat;
  background-position: -1000px -1000px;
}

#putmanlogo {
  float: right;
  margin-top: -40px;
}

#loginwrap {
  width: 700px;
  margin: 20px auto;
  border: 1px solid #a7a7a7;
  background: #fff;
  font: normal 11px verdana;
}


#loginleft {
  width: 415px;
  float: left;
  font-size: 13px;
  line-height: 20px;
  padding: 20px 20px 0 20px;
  border-right: 1px dashed #ccc;
}

#loginleft h1 {
  color: #480D4C;
  font-size: 16px;
  margin: 0 0 15px;
}

#loginleft p {
  color: #000;
  font-size: 11px;
}

#loginright {
  float: right;
  width: 200px;
  font-size: 11px;
  color: #665b33;
  padding: 20px;
}

#loginright h1 {
  color: #060;
  margin-top: 0;
  font-size: 14px;
}

#page.narrow #main h1 {
  color: #998e66;
}

#page.narrow #main div.block h2 {
  color: #8f0b0b;
}

#page.narrow {
  width: 700px;
  margin: 15px auto;
  /*font: normal .8em/1.4 verdana, sans-serif;*/
  font: normal 1em/1.4 verdana, sans-serif;
}

#page.narrow #dateframe {
  font-size: .8em;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

#page.narrow #main {
  padding: 15px 15px 0;
}

#page.narrow #main h1 {
  font-size: 1.3em;
  margin: 0 0 10px;
}

#page.narrow #main div.block {
  z-index: 1;
  margin: 30px 0;
  font-size: .85em;
  position: static;
  padding: 0 12px 12px;
  border: 1px solid #ddd;
  background: #eee url(/images/subblock_bg.gif) repeat-x top;
}

#page.narrow div.block .left {
  float: left;
  width: 49%;
}

#page.narrow div.block .right {
  float: right;
  width: 49%;
}

#page.narrow div.block .subs_3col .left {
  width: 32%;
  float: left;
  margin-right: 13px;
}

#page.narrow div.block .subs_3col .mid {
  width: 32%;
  float: left;
}

#page.narrow div.block .subs_3col .right {
  width: 32%;
  float: right;
}

#page.narrow div.block .subs_3col input {
  width: 90%;
}

#page.narrow div.block .subs_3col label {
  margin-top: 5px;
}

#page.narrow #main div.block p {
  line-height: 1.6;
}

#page.narrow #main div.block hr {
  border: 0;
  height: 1px;
  width: 100%;
  color: #ddd;
  margin: 20px 0;
  background: #ddd;
}

#page.narrow #main div.block h2 {
  margin: 0;
  top: -12px;
  left: -6px;
  z-index: 0;
  padding: 0 5px;
  display: inline;
  font-size: 1.2em;
  background: #fff;
  position: relative;
  border: 1px solid #fff;
}

#page.narrow #main div.block h3 {
  padding: 0;
  font-size: 1em;
  margin: 0 0 5px;
}

#page.narrow #main div.block span.note {
  width: 200px;
  display: block;
  font-size: .8em;
  padding-top: 4px;
  margin-left: 110px;
}

#page.narrow #main div.block span.fullnote {
  width: 100%;
  display: block;
  font-size: .8em;
  padding-top: 4px;
}

#page.narrow #main div.block span.nonus {
  width: 250px;
  display: block;
  font-size: .9em;
  padding-top: 4px;
}

#page.narrow form br {
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
  font-size: 0;
}

#page.narrow form label, #page.narrow input.txt, #page.narrow select {
  float: left;
  width: 200px;
  display: block;
  margin-top: 12px;
}

#page.narrow form label {
  width: 105px;
  padding: 3px 0 0 0;
  margin-right: 4px;
  text-align: left;
  font-weight: bold;
}

#page.narrow form label.normal {
  font-weight: normal;
}

#page.narrow form select {
  width: 204px;
}

#page.narrow form select.full, input.full {
  width: 100%;
}

#page.narrow form select.full, textarea.fullbox {
  width: 100%;
  height: 60px;
}

#page.narrow form select.auto {
  width: auto;
}

#page.narrow form select.year, #page.narrow form select.month {
  width: 90px;
}

#page.narrow form select.month {
  margin-right: 10px;
}

#page.narrow #main #email_disclaimer {
  padding-top: 20px;
}

#page.narrow #main #email_disclaimer input {
  padding: 0;
  float: left;
  width: auto;
  margin-right: 5px;
}

#page.narrow #main #email_disclaimer span {
  float: left;
  width: 290px;
  display: block;
  font-size: .8em;
}

#page.narrow #main p.disclaimer {
  float: right;
  width: 500px;
  font-size: .8em;
  text-align: right;
  margin: 0;
  padding: 0;
}

#page.narrow #main div.dig_right {
  float: right;
  width: 190px;
  margin: 0 0 10px 10px;
}

#page.narrow #main div.renewalbubble {
  width: 300px;
}

#page.narrow #main #sub_verify span {
  float: left;
  width: 130px;
  text-align: right;
  font-weight: bold;
  margin-right: 10px;
}

a.tip {
  position: relative;
  z-index: 10;

  background: #fff;
  text-decoration: none;
  border-bottom: 1px dashed #039;
}

a.tip:hover {
  z-index: 15;
  cursor: help;
}

a.tip span {
  display: none
}

a.tip:hover span {
  font-size: .8em;
  padding: .5em;
  display: block;
  position: absolute;
  top: 2.5em;
  left: 2.5em;
  width: 25em;
  border: 1px solid #ddd;
  background: #F5F5DC;
  color: #333;
}

#questions {
  float: right;
}

div.bubblewrap {
  width: 100%;
}

div.bubble {
  position: relative;
  padding: 10px 0;
  display: inline;
}

div.bubble input {
  float: left;
  margin: 0 8px 10px 0;
}

div.bubble h3 {
  color: #480D4C;
  display: inline;
}

div.bubble {
  z-index: 5000;
}

div.bubble div {
  display: none;
}

div.bubble div {
  display: block;
  position: absolute;
  bottom: 25px;
  width: 350px;
  z-index: 5000;
  font-size: 11px;
  color: #000;
}

div.left div.bubble div {
  left: -215px;
}

div.right div.bubble div {
  left: 110px;
}

div.bubble span {
  display: block;
  padding: 0;
  margin: 0;
}

div.bubble span.txt {
  padding: 15px 15px 0;
  background: url(/images/bubble_bg_txt.gif) no-repeat;
}

div.bubble span.txt a.close {
  color: #999;
  float: right;
  margin: 0;
  padding: 0;
}

div.bubble span.txt a.close:hover {
  color: #999;
}

div.bubble span.txt p {
  margin: 0;
  padding: 0 0 10px;
}

div.bubble span.txt ul {
  margin: 0 0 10px 15px;
  padding: 0;
}

div.bubble span.bottom_l {
  height: 75px;
  background: url(/images/bubble_bg_bottom_l.gif) no-repeat;
}

div.left div.bubble span.bottom_l {
  height: 75px;
  background: url(/images/bubble_bg_bottom_r.gif) no-repeat;
}

div.bubble span.bottom_r {
  height: 75px;
  background: url(/images/bubble_bg_bottom_r.gif) no-repeat;
}

div.bubble div#godigital {
  left: -295px;
  bottom: 35px;
}

div.bubble div#renew_help {
  left: 190px;
  bottom: 15px;
}


/*
LOGIN/REG PAGES: LOCAL SERVER
These styles dictate the layout of the pages 
on OUR servers...the ones Rose is working on.
-------------------------------------------------- */

#loginwrap_v1 {
  margin: 0;
  padding: 15px 15px 25px;
  font: normal 11px verdana;
  border-bottom: 1px solid #eee;
}

#loginwrap_v1 #loginleft {
  margin: 0;
  padding: 0;
  border-right: 1px solid #ddd;
}

#loginwrap_v1 #loginright {
  margin: 0;
  padding: 0;
}

#login_button button.threed {
  display: block;
  width: 80px;
  height: 30px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  border: none;
  background: url(http://www.chemicalprocessing.com/Media/reg/register.gif) no-repeat;
}


/*
NEW LOGIN/REG/MNG ACCOUNT MODAL STYLES
Styles related to all modal popups
-------------------------------------------------- */

.modal_overlay {
  zoom: 1;
  cursor: pointer;
  background: #000 url(../images/user/modal_overlay.jpg) repeat-x;
}

* html #modal_wrap {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#modal_wrap {
  width: 600px;
  margin-left: -300px;
  /*top: 5%;*/
  top: 75px;
  left: 50%;
  padding: 15px;
  display: none;
  z-index: 1000000;
  position: fixed;
  background: #fff;
  border: 1px outset #ccc;
  font: normal 1em/1.4 arial, sans-serif;
}

#modal_wrap a.modal_close {
  right: 0;
  top: -20px;
  color: #eee;
  z-index: 100;
  text-align: right;
  position: absolute;
  font: bold 18px/normal arial;
}

#modal_wrap a.modal_close:hover {
  color: #fff;
}

#modal_wrap a.modal_close.inside {
  top: 0;
  color: #039;
  z-index: auto;
  font-size: 10px;
  text-align: left;
  position: relative;
}

#modal_wrap a.modal_close.inside:hover {
  color: #039;
}

#modal_wrap img#ajax_loading {
  margin: 0 auto;
  display: block;
}

/* Login/Register/Manage Acct
------------------------------*/

div.member h3, div.member h4 {
  margin: 0;
  padding: 0 0 5px;
}

div.member h3 {
  color: #8f0b0b;
  font-size: 1.1em;
}

div.member h4 {
  font-size: 13px;
}

div.member span {
  display: block;
  padding: 0 0 10px;
}

div.member span.red {
	display: inline;
}

div.member ul.check {
  margin: 0;
  list-style: none;
  padding: 0 0 10px;
}

div.member ul.check li {
  margin: 0;
  padding: 0 0 10px 18px;
  background: url(../images/user/check.png) left 4px no-repeat;
}

div.member .twocols .col1 {
  float: left;
  width: 290px;
}

div.member .twocols .col2 {
  float: right;
  width: 275px;
  padding: 10px;
  border-style: solid;
  border-width: 3px 1px;
  border-color: #998e66 #ddd;
  background: #f1f1f1 url(../images/user/modal_gray_fade.gif) repeat-x;
}

#errors, #status {
  font-size: 11px;
  padding: 5px 10px;
  border: dotted #ccc;
  border-width: 1px 0;
  margin-bottom: 10px;
  position: relative;
}

#errors ul, #status ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#errors {
  color: #fff;
  background: #c66;
}

#errors li {
  border: none;
  float: none;
}

#errors a {
  display: none;
}

#status {
  background: #ffc;
}

#status ul.status_msg {
  width: 51%;
  float: left;
}

#status ul.go_back {
  width: 49%;
  float: right;
  text-align: right;
}

#status li {
  display: inline;
}

form {
  margin: 0;
  padding: 0;
  border: none;
  display: block;
}

div.member .description {
  color: #999;
  font-size: 10px;
  margin-bottom: 10px;
}

div.member span.form-required, div.member span.required_disclaimer {
  color: #c66;
  display: inline;
}

div.member span.required_disclaimer {
  display: block;
  font-size: 11px;
}

label {
  color: #555;
  display: block;
  padding-bottom: 3px;
  font: bold 12px arial;
}

div.member fieldset legend {
  display: none;
}

div.member fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.form-item {
  margin: 3px 0;
}

input.form-text {
  width: 96%;
  color: #666;
  padding: 4px;
  margin: 0 0 3px;
  font-size: 13px;
  border: 1px solid #ccc;
}

input.form-text.error {
  border: 1px solid #c66;
}

input.form-text.highlight {
  background: #ffc;
  font-weight: bold;
  border: 1px solid #cc9;
}

input.form-submit, a.btn {
  color: #fff;
  height: 28px;
  padding: 0 4px;
  display: inline-block;
  cursor: pointer;
  background: #8f0b0b;
  border: 1px solid;
  border-color: #998e66;
  font: bold 11px/normal arial;
  margin-top: 4px;
}

a.btn {
  color: #fff;
  height: 26px;
  padding: 0 6px;
  line-height: 26px;
  text-align: center;
  display: inline-block;
}

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

div.member a#to_register.btn {
  float: right;
}

/* Specific to Login
------------------------------*/

div.member a#to_forgot_pw {
  float: left;
  font-size: 10px;
  margin-top: -20px;
  padding-left: 65px;
}

/* Specific to Register
------------------------------*/

div.member div.to_login {
  border-top: 1px solid #ccc;
  font-size: 11px;
  padding-top: 5px;
}

div.member .important {
  background: #ffc;
  padding: 6px 8px;
  margin-bottom: 10px;
}

div.member .important p {
  margin: 0;
  padding: 0;
}

div.member .reghelp {
  color: #666;
  padding-top: 10px;
  border-top: 1px solid #f1f1f1;
}

div.member .reghelp h4, div.member .reghelp p {
  margin: 0;
  padding: 0;
}

/* Specific to Pass
------------------------------*/

form#user-pass input.form-text {
  width: 50%;
  margin-bottom: 10px;
}

/*** START Styles for the E-Newlsetter examples page ***/
div.example {
  width: 100%;
  float: left;
  text-align: left;
  margin: 0 0 10px;
}

div.example a {
  font-size:11px;
  font-weight:bold;
  float left;
}

div.example p {
  color:#444444;
  font-size:10px;
}

div.example img {
  display: block;
  margin: 0 3px 0;
  float:left;
}
/*** END Styles for the E-Newlsetter examples page ***/

/*** Styles for content lockdown ***/


.lockdown {
  background-color: #CFC399;
  border: 1px solid #998E66;
  float: right;
  width: 75%;
}

.lockdown p {
  font-weight:bold;
  margin: 6px 6px 0;
}

.locklogin {
  color: #ccc;
  font-size: .8em;
  padding: 6px 8px;
  margin: 0 auto 0;
  background: #998e66;
  font: normal .85em/normal Tahoma, Arial, sans-serif;
}

.locklogin ul, #cp50wrap .locklogin ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.locklogin li {
  margin: 0;
  float: left;
  width: 50%;
}

.locklogin a {
  color: #eee;
  height: 15px;
  display: block;
  padding-left: 22px;
  background: url(/images/member_icons.gif) no-repeat;
}
.locklogin a:hover {
  color: #fff;
}

.locklogin li.login a {
  background-position: 0 0;
}
.locklogin li.login a:hover {
  background-position: 0 -15px;
}

.locklogin li.register a {
  background-position: 0 -30px;
}
.locklogin li.register a:hover {
  background-position: 0 -45px;
}

/*** END Styles for content lockdown ***/


/*anita Dec 15th, 2010 */

#right1third #pod_vital_resources .pod_main {

    height:180px; 
    /*overflow:auto;  */
}  

#slideshow  {  width: 300px;}
#slideshow div { /*text-align: center; padding:20px;*/ margin:0 } 
#pod_whitepapers {display:none;}

span.page_rss {
  background-image:url(/images/rss_icon.gif);
  background-position:left top;
  background-repeat:no-repeat;
  font-size:8px;
  font-weight:normal;
  margin-left:10px;
  padding:5px 0 0 16px;
}