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

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

* {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  color: #000;
  width: 100%;
  height: 100%;
  background: #fff;
  font: normal .75em/1.5 Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

a:link {
  color: #36c;
}

a:visited {
  color: #969;
  /*color: #abc4f4;*/
}

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

a:active {
  color: #f93;
}

font {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}

h1, h2, h3, h4, h5, h6, p, ol, ul {
  padding: 0 0 15px;
}

h1 {
  font-size: 1.6em;
  line-height: 1.3;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.2em;
  padding-bottom: 5px;
}

h4 {
  padding: 0;
  font-size: 1em;
}

h5 {
  font-size: .9em;
}

h6 {
  font-size: .8em;
}

img {
  border: none;
}

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

#page {
  width: 983px;
  margin: 0 auto;
  padding: 10px 0;
  background: #fff;
  position: relative;
  z-index: 0;
}

#left2thirds {
  float: left;
  width: 627px;
}

#left2thirds ul {
  /*color: #ccc;*/
  margin: 0 0 0 20px;
}

#left2thirds ul li {
  color: #000;
}

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

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

.bold {
  font-weight: bold;
}

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

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

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

.cal_desc {
  margin: 0;
}

.cal_top {
  margin-top: 20px;
}

.center_content {
  text-align: center;
}

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

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

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

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

.header {
  color: #363;
  margin: 0 0 10px;
  padding: 0 0 0 45px;
  background: url(/images/header_gradient.gif) no-repeat;
}

.hidden {
  display: none;
}

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

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

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

.lightgraybox p.button {
  margin: 0;
}

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

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

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

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

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

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

.smallgray {
  padding: 0;
  color: #999;
  font-size: .8em;
}

.visible {
  visibility: visible;
}

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

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

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

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

div.box_section, .visual-roundrect {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #eee;
  border-bottom: 2px solid #636;
  background: #fff url(/images/gray_fade.gif) repeat-x;
}

div#insert {
  width: 205px;
  padding: 5px;
  float: right;
  margin: 0 0 10px 10px;
  background-color: #ffc;
  border: 1px outset #ccc;
  font: bold 9px Arial, Helvetica, sans-serif;
}

div#insert p {
  padding: 0;
  margin: 0 0 65px 5px;
}

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

div#insert li {
  margin: 0;


  padding: 0;
  line-height: 20px;
  list-style-type: square;
  list-style-position: inside;
}

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

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

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

div.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, .rboxbot, .rboxtop span, .rboxbot span {
  display: block;
  height: 10px;
  margin: 0;
  padding: 0;
  font-size: 0px;
}

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

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

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

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

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

div.section {
  margin: 0 0 10px;
  min-height: 150px;
  position: relative;
  background: url(/images/gray_fade.gif) 0 18px repeat-x;
}

div.section img {
  float: left;
  width: 80px;
  height: 90px;
  border-bottom: 2px solid #363;
}

div.section .txt {
  padding-left: 90px;
}

h1.header {
  font-size: 1.4em;
}

h1.wp_header {
  padding-left: 30px;
  background: url(/images/wp_icon.gif) no-repeat;
}

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

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

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

li.more {
  font-size: 10px;
  list-style: none;
  padding-bottom: 0;
  font-weight: normal;
  border-bottom: none;
}

li.more a {
  color: #666;
}

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

p.button a {
  display: block;
  float: left;
  font: bold 11px arial, sans-serif;
  height: 26px;
  margin-right: 6px;
  padding-right: 10px;
  text-decoration: none;
  background: url(/images/button_r.gif) no-repeat scroll bottom 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 {
  background-position: center right;
}

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

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

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

p.redbold {
  color: #900;
  font-size: .9em;
  font-weight: bold;
  padding-bottom: 5px;
}

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

ul.noindent {
  margin-left: 15px;
}

ul#counts {
  padding: 0;
  list-style: none;
  padding: 3px 6px;
  margin: -10px 0 10px;
}

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

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

#banner.site_header {
  position: relative;
  padding-bottom: 70px;
}

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

#banner.site_header #logo {
  left: 0;
}

#banner.site_header #logo img {
  width: 330px;
  height: 45px;
}

#banner.site_header ul#textnav {
  top: 13px;
  left: 390px;
  color: #eee;
  font-size: .9em;
  list-style: none;
}

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

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

#banner.site_header ul#textnav li a:link, #banner.site_header ul#textnav li a:visited {
  color: #363;
}

#banner.site_header #search {
  right: 0;
  top: 10px;
  width: 280px;
  height: 40px;
}

#banner.site_header #search #sp-q {
  color: #999;
  width: 220px;
  float: right;
  padding: 4px;
  font-size: .9em;
  border: 1px solid #ccc;
}

#banner.site_header #search #submit {
  float: right;
}

#banner.site_header #search .tips {
  clear: both;
  float: right;
  font-size: .8em;
  padding-top: 4px;
}

#banner_basic {
  margin: 0 0 15px;
}

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

/*
MAIN NAV
Tabbed nav and navbar links (login, rss)
-------------------------------------------------- */

#navbar {
  z-index: 1;
  height: 56px;
  position: static;
  margin-bottom: 20px;
  background: url(/images/navbar_bg.gif) repeat-x bottom left;
}

#topnav {
  z-index: 200;
  position: absolute;
}

#topnav ul {
  list-style: none;
  width: 983px;
}

#topnav li.tt {
  z-index: 24;
  float: left;
  cursor: pointer;
  position: relative;
  margin-left: -20px;
  /*padding: 4px 2px 5px 12px;*/
  padding: 0 2px 0 12px;
  background: url(/images/topnav_tabl.gif) no-repeat 0 -42px;
  height: 27px;
}

#topnav li.tt.first {
  margin: 0;
  background: url(/images/topnav_tabl_first.gif) no-repeat;
}

#topnav li.tt:hover {
  color: #333;
  z-index: 25;
  background-position: 0% -84px;
}

#topnav li.tt a.mainlink {
  color: #636;
  /*padding: 7px 30px 6px 0;*/
  padding: 0 30px 0 0;
  font: bold 11px Arial, sans-serif;
  background: url(/images/topnav_tabr.gif) no-repeat top right;
  height: 27px;
  line-height: 27px;
  /*display: block;*/
  display: inline-block;
}

#topnav li.tt a.mainlink:hover, #topnav li.tt:hover a.mainlink {
  color: #363;
  text-decoration: none;
  /*height: 20px;*/
  background-position: 100% -42px;  
  height: 27px;
}

#topnav li.tt div, #topnav li.tt span {
  display: none;
}

#topnav li.tt div.navtab_body, #topnav li.tt:hover div.navtab_body {
  left: 0;
  top: 27px;
  width: 300px;
  display: block;
  position: absolute;
}

#topnav li.tt div.navtab_body {
  display: none;
}

#topnav li.tt div.mid, #topnav li.tt:hover div.mid {
  z-index: 2;
  color: #363;
  width: 300px;
  padding: 12px;
  display: block;
  font-size: 11px;
  background: #fff;
  position: absolute;
  border: solid #ddd;
  border-width: 0 1px;
  border-bottom: 3px solid #636;
}

/*anita .last class for below only for the last social tab */
#topnav li.tt div.mid.last, #topnav li.tt:hover div.mid.last {
  z-index: 2;
  color: #363;
  width: 90px;  /*anita: July 29, initial: 300px; testing only */
  padding: 12px;
  display: block;
  font-size: 11px;
  background: #fff;
  position: absolute;
  border: solid #ddd;
  border-width: 0 1px;
  border-bottom: 3px solid #636;
}


#topnav div.mid ul {
  padding: 0;
}

#topnav div.mid ul.left {
  float: left;
  width: 144px;
}

#topnav div.mid ul.right {
  float: right;
  width: 144px;
}

#topnav div.mid ul li {
  margin: 0;
  padding: 2px 0 2px 12px;
  background: url(/images/bullet_green.gif) no-repeat;
}

#topnav div.mid ul li.blog {
  background: url(/images/bullet_blog.gif) no-repeat;
}

#topnav div.mid ul li.wiki {
  background: url(/images/bullet_wiki.gif) no-repeat;
}

#topnav div.mid ul li ul li {
  color: #ccc;
  background: url(/images/bullet_gray.gif) no-repeat;
}

#navbar #navbar_nav {
  top: 33px;
  color: #fff;
  font-size: 11px;
  position: relative;
}

#navbar #navbar_nav div {
  width: 400px;
  z-index: 199;
  position: absolute;
}

#navbar #navbar_nav a {
  color: #fff;
}

#navbar #navbar_nav .leftlinks {
  left: 10px;
}

#navbar #navbar_nav .leftlinks a {
  color: #636;
  font-size: 10px;
  margin: 0 5px;
  padding: 1px 4px;
  background: #fff;
}

#navbar #navbar_nav .leftlinks span {
  color: #fff;
  font-weight: bold;
}

#navbar #navbar_nav .rightlinks {
  right: 10px;
  text-align: right;
}

/*
TOP STORIES
Top stories box on the homepage
-------------------------------------------------- */

#features {
  float: left;
  width: 350px;
  position: relative;
}

#topstories {
  background: url(/images/tsnav_bg.gif) repeat-x 0 250px;
}

#topstories img {
  width: 350px;
  height: 250px;
  display: block;
}

#topstories div.story {
  /* jQuery displays on load */
display: none;
}

#topstories .txt {
  width: 348px;
  height: 150px;
  overflow: hidden;
  padding: 28px 0 0;
  position: relative;
  border-style: solid;
  border-width: 0 1px 2px;
  border-color: #eee #eee #636;
  background: url(/images/gray_fade_fc_rotator.gif) repeat-x 0 28px;
}

#topstories .txt h1 {
  padding: 10px 10px 0;
  font: bold 1.5em Tahoma;
}

#topstories .txt p {
  padding: 0 10px 10px;
}

#topstories .txt h5 {
  font-size: 1em;
  padding: 0 10px;

}

#topstories .txt a {
  bottom: 10px;
  position: absolute;
}

#tsnav {
  left: 0;
  top: 250px;
  z-index: 10;
  width: 235px;
  height: 28px;
  position: absolute;
  padding: 5px 0 5px 115px;
  background: url(/images/tsnav_bg.gif) repeat-x;
}

#tsnav a {
  color: #969;
  font-weight: bold;
  padding: 7px 10px;
}

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

#tsnav a.activeSlide {
  color: #fff;
  background: url(/images/tsnav_active_bg.gif) repeat-x;
}

#tscontrols {
  /* jQuery displays on load */
top: 250px;
  z-index: 11;
  display: none;
  font-size: 11px;
  font-weight: bold;
  position: relative;
}

#tscontrols span.tstitle {
  color: #c9c;
  position: absolute;
  padding: 7px 10px 3px;
  text-transform: uppercase;
}

#tscontrols a.pause, #tscontrols a.play {
  top: 0;
  left: 322px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  position: absolute;
}

#tscontrols a.pause {
  background: url(/images/tsnav_pause.gif) bottom no-repeat;
}

#tscontrols a.pause:hover {
  background-position: top;
}

#tscontrols a.play {
  visibility: hidden;
  background: url(/images/tsnav_play.gif) no-repeat;
}

/*
FEATURED ARTICLES/NEWS LISTS
Articles and News lists at the top of the homepage
-------------------------------------------------- */

#headlines {
  float: right;
  width: 257px;
  margin-bottom: 20px;
}

#headlines ul {
  color: #363;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 10px;
}

#headlines ul li {
  padding: 4px 0;
  border-bottom: 1px solid #f5f5f5;
}

#headlines ul li.more {
  border-bottom: none;
}

#headlines ul li span.vendor {
  padding-left: 10px;
}

#headlines h2 {
  color: #363;
  padding: 0 0 5px;
}

#headlines #news h2 {
  color: #636;
}

/*
JOBS
Jobs section on the homepage
-------------------------------------------------- */

#jobs {
  margin: 0 0 15px;
}

#jobs a {
  font-size: 1.1em;
  font-weight: bold;
}

#jobs .jt_jobs {
  width: 38%;
  float: left;
}

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

#jobs .jt_features {
  width: 60%;
  float: right;
}

#jobs .jt_features div {
  padding: 25px 0;
  border-bottom: 1px solid #f5f5f5;
}

#jobs .jt_features img.left {
  width: 35px;
  height: 35px;
  border: none;
  margin: 0 10px 20px 0;
}

/*
TOPICS
Topics section on the homepage
-------------------------------------------------- */

#industry_resc h3 {
  padding: 0;
}

#industry_resc ul {
  color: #ccc;
  font-size: .9em;
  padding: 0 0 10px;
}

#industry_resc li {
  padding: 3px 0;
}

#industry_resc #rc_lists {
  float: left;
  width: 209px;
}

#industry_resc #callouts {
  float: right;
  width: 388px;
  padding-left: 30px;
}

#industry_resc #callouts span {
  display: block;
}

#industry_resc #callouts .left, #industry_resc #callouts .right {
  width: 179px;
  height: 280px;
}

#industry_resc #callouts .left {
  float: left;
}

#industry_resc #callouts .right {
  float: right;
}

#industry_resc #callouts p {
  padding-bottom: 10px;
}

#industry_resc #callouts h3 {
  padding-bottom: 10px;
}

#industry_resc #callouts h3.rc {
  color: #f93;
}

#industry_resc #callouts h3.rc span {
  color: #636;
}

#industry_resc #callouts h3.wf {
  color: #9c9;
}

#industry_resc #callouts h3.wf span {
  color: #363;
}

#industry_resc #callouts a.go {
  color: #fff;
  width: 50px;
  height: 25px;
  display: block;
  text-align: center;
  border-bottom: 1px solid #ccc;
  font: bold 12px/25px Tahoma, Helvetica, sans-serif;
  background: url(/images/button_purple.gif) bottom repeat-x;
}

#industry_resc #callouts a.go.wf {
  background: url(/images/button_green.gif) bottom repeat-x;
}

#industry_resc #callouts a.go:hover, #industry_resc #callouts a.go.wf:hover {
  border-color: #999;
  text-decoration: none;
  background-position: top;
}

/*
BLOGS SECTIONS
Blogs sections on the homepage
-------------------------------------------------- */

.section h4 span.date {
  color: #999;
  padding-left: 5px;
  font: normal 11px Arial, Helvetica, sans-serif;
}

/*
DEPARTMENTS SECTION
Departments section on the homepage
-------------------------------------------------- */

#departments h2 {
  float: left;
  width: 115px;
}

#departments span.select {
  display: none;
}

#departments select {
  font-size: 11px;
  margin-top: 4px;
  border: 1px solid #ccc;
}

/*
RIGHT COLUMN TABBED BOXES
Tabbed content and related/popular boxes
-------------------------------------------------- */

#advertiser_links ul {
  color: #ccc;
  line-height: 1.6;
  margin-left: 16px;
}

ul.tabbednav {
  list-style: none;
  padding: 0 10px 24px 0;
  font: bold 11px Arial, Helvetica, sans-serif;
}

ul.tabbednav li {
  float: left;
  height: 22px;
  cursor: pointer;
  margin: 2px -1px 0 0;
  border: 1px solid #ddd;
  border-bottom: none;
}

#right1third ul.tabbednav li a {
  color: #9c9;
  display: block;
  padding: 3px 7px 4px;
  background: #363 url(/images/tabbednav.gif) repeat-x;
}

#right1third ul.tabbednav li a:hover {
  color: #fff;
  background: #696;
  text-decoration: none;
}

#right1third ul.tabbednav li a.current, #right1third ul.tabbednav li a.current:hover {
  color: #fff;
  border-bottom: 1px solid #fc9;
  background: #f93 url(/images/tabbednav_current.gif) repeat-x;
}

#right1third .tabbedcontent {
  border-top: none;
  padding-top: 20px;
  background: #fff url(/images/tabbedcontent_bg.gif) repeat-x;
}

#right1third .tabbedcontent ul {
  padding: 0;
  margin-left: 1em;
}

#right1third .tabbedcontent li {
  color: #ccc;
}

#right1third .tabbedcontent li.more {
  padding-top: 10px;
}

#right1third .tabbedcontent {
  visibility: hidden;
}

#tab1 {
  width: 314px;
  position: relative;
}

#tab1 .carousel {
  margin: 0 auto;
}

#tab1 .carousel li {
  width: 80px;
  padding: 0 8px;
  font-size: 11px;
  text-align: center;
  line-height: normal;
}

#tab1 .carousel img {
  width: 80px;
  height: 50px;
  display: block;
  margin-bottom: 5px;
}

#tab1 a.carousel_left, #tab1 a.carousel_right {
  /* jQuery displays on load */
  top: 0;
  width: 10px;
  height: 50px;
  display: none;
  cursor: pointer;
  position: absolute;
}

#tab1 a.carousel_left {
  left: 0;
  background: url(/images/wide_arrow_left.gif);
}

#tab1 a.carousel_right {
  right: 0;
  background: url(/images/wide_arrow_right.gif);
}

#tab1 a.carousel_left:hover, #tab1 a.carousel_right:hover {
  background-position: center;
}

#tab1 a.disabled, a.disabled:hover {
  cursor: default;
  background-position: center;
}

#tab3 {
  display: none;
}

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

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 {
  color: #9c9;
  float: left;
  display: block;
  cursor: pointer;
  font-size: .9em;
  list-style: none;
  font-weight: bold;
  margin-right: -1px;
  border: 1px solid #eee;
}

.tabset ul li.selected {
  color: #fff;
  border-bottom: 1px solid #fc9;
  background: #f93 url(/images/tabbednav_current.gif) repeat-x;
}

.tabset ul li.unselected {
  border-bottom: none;
  background: #363 url(/images/tabbednav.gif) repeat-x;
}

.tabset ul li:hover.unselected {
  background: #696;
}

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

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

.tabset ul li.unselected span:hover.content {
  color: #fff;
}

.tabset ul li .content {
  display: block;
  padding: 3px 7px;
}

.visual-roundrect {
  padding-top: 20px;
  border-top: none;
  background: #fff url(/images/tabbedcontent_bg.gif) repeat-x;
}

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

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

/*
FOOTER
Bottom banner, quicklinks and copyright info
-------------------------------------------------- */

#footer {
  color: #666;
}

#quicklinks {
  color: #666;
  float: right;
  width: 215px;
  height: 80px;
  font-size: 11px;
  padding: 5px 10px;
  background: #f5f5f5;
}

#quicklinks h5 {
  padding: 0 0 4px;
  text-transform: uppercase;
}

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

#quicklinks ul li {
  line-height: 20px;
}

#quicklinks ul li span {
  color: #636;
  width: 55px;
  padding-right: 5px;
  display: inline-block;
}

#quicklinks ul li a {
  color: #363;
}

#copyright {
  clear: both;
  height: 20px;
  font-size: 11px;
  padding-top: 10px;
}

#copyright img {
  padding-right: 5px;
}

#copyright a.sitemap {
  width: 70px;
  color: #666;
  float: right;
  display: block;
  text-align: right;
  background: url(/images/xml.gif) left no-repeat;
}

/*
REG/SUB PAGES
Styles for pages hosted by Omeda
-------------------------------------------------- */

#page.narrow #main h1 {
  color: #636;
}

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

#regleft {
  float: left;
  width: 520px;
  padding: 15px;
  font-size: 13px;
  line-height: 20px;
  background: #f5f5f5;
  border: 2px solid #363;
  margin: 20px 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#fields input {
  width: 250px;
}

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

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

#fields .username span.fieldname {
  color: #636;
}

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

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

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

#loginleft h1 {
  color: #636;
  font-size: 18px;
  margin: 0 0 15px;
}

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

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

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

#page.narrow {
  width: 700px;
  margin: 15px auto;
  font: normal 1.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 {
  width: 49%;
  float: left;
}

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

#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 {
  clear: both;
  width: 100%;
  display: block;
  font-size: .8em;
  padding-top: 10px;
}

#page.narrow #main div.block span.fullnote input {
  margin-right: 5px;
}

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

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

#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;
  text-align: left;
  font-weight: bold;
  margin-right: 4px;
  padding: 3px 0 0 0;
}

#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 {
  margin: 0;
  padding: 0;
  float: right;
  width: 500px;
  font-size: .8em;
  text-align: right;
}

#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 {
  z-index: 10;
  background: #fff;
  position: relative;
  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 {
  color: #333;
  top: 2.5em;
  left: 2.5em;
  width: 25em;
  padding: .5em;
  display: block;
  font-size: .8em;
  position: absolute;
  background: #f5f5dc;
  border: 1px solid #ddd;
}

#questions {
  float: right;
}

div.bubblewrap {
  width: 100%;
}

div.bubble {
  padding: 10px 0;

  display: inline;
  position: relative;
}

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 {
  /*left: 75px;*/
color: #000;
  width: 350px;
  bottom: 25px;
  z-index: 5000;
  display: block;
  font-size: 11px;
  position: absolute;
}

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

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

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

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

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

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 {
  padding: 0;
  margin: 0 0 10px 15px;
}

div.bubble span.bottom_l {
  height: 75px;
  background: url(/images/bubble_bg_bottom_l.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;
}

/*
ARTICLE TOOLS
Styles for print page, email, add this button
-------------------------------------------------- */

#tools {
  font-size: 11px;
  margin-bottom: 5px;
}

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

#tools a:hover, #wpleft a:hover {
  text-decoration: none;
}

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

#tools #addthis {
  float: right;
}

#printpage {
  padding: 5px 0 0;
}

#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 {
  height: 30px;
  margin: 20px 0;
  position: relative;
}

p.rights {
  top: 0;
  left: 0;
  position: absolute;
}

a#sub_mag {
  left: 220px; 
  background: url(../images/sub_mag_button.gif) no-repeat;
}

a#sub_enews {
  right: 0;
  background: url(../images/sub_enews_button.gif) no-repeat;
}

a.sub_button {
  top: 50px;
  width: 160px;
  height: 30px;
  display: block;
  overflow: hidden;
  position: absolute;
}

a#sub_mag:hover, a#sub_enews:hover {
  background-position: bottom;
}

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;
  text-decoration: none;
  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: #969 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;
}

*/

/*
WHITE PAPER PAGES
Styles for editorial white paper pages
Eventually move to own stylesheet
-------------------------------------------------- */

#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 {
  text-decoration: none;
  background-position: top;
}

#wpdesc {
  float: right;
  width: 480px;
  margin-bottom: 20px;
}

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

/*
BLOGS
Styles for new drupal blogs
-------------------------------------------------- */

span#logo img {
  height: 45px;
  width: 330px;
}

h1.title {
  font-size: 1.4em;
  padding: 10px 0 5px;
}

.blog_post_meta {
  color: #999;
  font-size: 11px;
  padding-bottom: 10px;
}

#content-area hr {
  height: 1px;
  color: #eee;
  background: #eee;
}

#edit-search-block-form-keys {
  border: 1px solid #ccc;
}

/*
ADS
Styles related to all advertisements
-------------------------------------------------- */

div.ad-slot {
  margin: 0 0 20px;
/* Commented this out to get the flyout ads in the right column to work
  overflow: hidden;
  */

}

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

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

div.ad-slot.hp {
  width: 300px;
  height: 600px;
}

#topbanner {
  z-index: 1;
  width: 983px;
  position: relative;
  margin: 0 auto 15px;
}

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

#topbanner .feature {
  float: right;
}

#bb {
  float: left;
  width: 728px;
}

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

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

#sponsored_product {
  position: relative;
  margin: 20px 0;
}

#sponsored_product .grayBox img {
  margin: 5px 10px 0 0;
}

#sponsored_product .grayBox td {
  width: inherit;
}

#sponsored_product .grayBox .CatName {
  color: #999;
  font-size: .9em;
}

#sponsored_links {
  border-bottom: 1px solid #eee;
}

#sponsored_links .left {
  width: 49%;
  float: left;
}

#sponsored_links .right {
  width: 49%;
  float: right;
}

#right1third #sponsored_links .left,
#right1third #sponsored_links .right {
  width: auto;
  float: none;
}

#sponsored_links h5 {
  color: #999;
  padding-bottom: 0;
  font-weight: normal;
}

#sponsored_links p {
  padding: 15px 0 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;
}

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

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

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

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

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

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

/*
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: #696;
  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;  
}

/*
MISC/UNSORTED
Misc/unsorted styles -- perhaps not used anymore
-------------------------------------------------- */

#need_js_notice {
  padding: 5px;
  background: #ff0;
}

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

#login_button {
  visibility:  hidden;
}

/*
OVERRIDES FOR OMEDA PAGES
Styles used to hide old portions of Omeda reg pages
-------------------------------------------------- */

#top-nav, #dateframe, #putmanlogo {
  display: none;
}

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

#error_wrap {
  height: 350px;
  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;
}

/*
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: 115px;
  left: 50%;
  padding: 15px;
  display: none;
  z-index: 1000000;
  position: fixed;
  background: #fff;
  border: 1px outset #ccc;
  font: normal 1.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: #636;
  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: #363 #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;
}

div.member 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;
}

.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 6px;
  margin-top: 4px;
  display: inline-block;
  cursor: pointer;
  background: #636;
  border: 1px solid;
  border-color: #303;
  font: bold 11px/normal arial;
}

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 ***/