/* Common rounded box styles */
.rbox_15 .cnr {
  background: transparent url('/images/layout/navigation-rounded-corners.png') no-repeat 0 0;
}
.rbox_15 .c, .rbox_15 .cc {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.rbox_10 .cnr {
  background: transparent url('/images/layout/rounded-corners.png') no-repeat 0 0;
}
.rbox_10 .c, .rbox_10 .cc {
  background-color: #D9ECF8;
  border: 1px solid #D9ECF8;
}
.rbox_10.set2 .c, .rbox_10.set2 .cc {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.rbox_10.set3 .c, .rbox_10.set3 .cc {
  background-color: #E7E7E8;
  border: 1px solid #E7E7E8;
}
.rbox_10.set4 .c, .rbox_10.set4 .cc {
  background-color: #EAECEE;
  border: 1px solid #CCCCCC;
}
.rbox .cc *:last-child {
  margin-bottom: 0;
}
/* End */

.rbox .top, .rbox .bottom {
  position: relative;
}
.rbox .l {
  position: absolute;
  left: 0;
}
.rbox .r {
  position: absolute;
  right: 0;
}
.rbox .c {
  width: 100%;
  border-left: none !important;
  border-right: none !important;
}
.rbox .top .c {
  border-bottom: none !important;
}
.rbox .bottom .c {
  border-top: none !important;
}
.rbox .cc {
  border-top: none !important;
  border-bottom: none !important;
}
/* Rules used for 15 pixel radius corners */
.rbox_15 .top, .rbox_15 .bottom { height: 15px; padding: 0 15px; }
.rbox_15 .c   { height: 14px; }
.rbox_15 .cnr { height: 15px; width: 15px; }
.rbox_15 .top .l         { background-position:   0px   0px !important; }
.rbox_15 .top .r         { background-position: -15px   0px !important; }
.rbox_15 .bottom .l      { background-position: -45px   0px !important; }
.rbox_15 .bottom .r      { background-position: -30px   0px !important; }
.rbox_15.set2 .top .l    { background-position:   0px -15px !important; }
.rbox_15.set2 .top .r    { background-position: -15px -15px !important; }
.rbox_15.set2 .bottom .l { background-position: -45px -15px !important; }
.rbox_15.set2 .bottom .r { background-position: -30px -15px !important; }
/* Rules used for 10 pixel radius corners */
.rbox_10 .top, .rbox_10 .bottom { height: 10px; padding: 0 10px; }
.rbox_10 .c   { height: 9px; }
.rbox_10 .cnr { height: 10px; width: 10px; }
.rbox_10 .top .l         { background-position:   0px   0px !important; }
.rbox_10 .top .r         { background-position: -10px   0px !important; }
.rbox_10 .bottom .l      { background-position: -30px   0px !important; }
.rbox_10 .bottom .r      { background-position: -20px   0px !important; }
.rbox_10.set2 .top .l    { background-position:   0px -10px !important; }
.rbox_10.set2 .top .r    { background-position: -10px -10px !important; }
.rbox_10.set2 .bottom .l { background-position: -30px -10px !important; }
.rbox_10.set2 .bottom .r { background-position: -20px -10px !important; }
.rbox_10.set3 .top .l    { background-position:   0px -20px !important; }
.rbox_10.set3 .top .r    { background-position: -10px -20px !important; }
.rbox_10.set3 .bottom .l { background-position: -30px -20px !important; }
.rbox_10.set3 .bottom .r { background-position: -20px -20px !important; }
.rbox_10.set4 .top .l    { background-position:   0px -30px !important; }
.rbox_10.set4 .top .r    { background-position: -10px -30px !important; }
.rbox_10.set4 .bottom .l { background-position: -30px -30px !important; }
.rbox_10.set4 .bottom .r { background-position: -20px -30px !important; }






.left-nav
{
  width: 203px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.left-nav table {
  width: 100%;
  border-collapse: collapse;
}
.left-nav .col1, .left-nav .col3 {
  width: 15px;
}
.left-nav .col2 {
  width: 173px;
}
/* End */
.left-nav .cc {
  min-height: 50px;
}
.left-nav ul {
  margin-left: 0;
  font-size: 11px;
  line-height: 16px;
}
.left-nav ul li {
  list-style: none;
  padding: 0 0 6px 16px;
}
.left-nav ul li a {
  color: #000000;
  text-decoration: none;
}
.left-nav ul li a:hover {
  color: #0077C0;
}
.left-nav ul li a.active {
  color: #0077C0;
  font-weight: bold;
}
.left-nav ul li ul {
  padding-top: 9px;
}


/* This rule only applies when we have a second or more <div class="left-nav"> following a <div class="left-nav">
 * So the first <div> would not have the following rule applied, but any subsequent <div class="left-nav"> immediately
 * following the first or subsequent blocks will have the rule applied.
 *
 * Example 1:
 * <div class="left-nav">
 * </div>
 * <div class="left-nav">
 *    <!-- Rule applies to this one -->
 * </div>
 * <div class="left-nav">
 *    <!-- Rule applies to this one too -->
 * </div>
 *
 * Example 1:
 * <div class="left-nav">
 * </div>
 * <h1></h1>
 * <div class="left-nav">
 *    <!-- Rule does NOT apply to this one -->
 * </div>
 * <div class="left-nav">
 *    <!-- Rule applies to this one -->
 * </div>
 */
/*
.left-nav + .left-nav ul li
{
  padding-left: 0px;
  margin-left: 28px;
  border-bottom: 1px solid #cccccc;
}*/


.nav-level-two {
  margin: 16px 16px 0 16px;
  padding-top: 16px;
  border-top: 1px solid #CCCCCC;
}
.nav-level-two ul li {
}

.highlights {
  padding-left: 16px;
  padding-right: 16px;
  color: #336699;
  line-height: 16px;
}

.block {
  margin-top: 10px;
  padding: 10px 0px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.block + .block {
  margin-top: 40px;
}

.block .more {
  clear: both;
}

.large-image-and-text {
  clear: both;
  margin-bottom: 20px;
}

.nodecoration a {
  text-decoration: none;
}

.resources a {
  text-decoration: none;
}

.podcast a {
  text-decoration: none;
}

.podcast em, .articles em {
  color: #336699;
  font-weight: normal;
  font-style: italic;
}

.highlight-graphic {
  float: left;
  margin-right: 5px;        /* Space between the graphic and the accompanying text */
  padding-bottom: 20px;
}

.rows .highlight-graphic {
  width: 100%;
  padding-bottom: 10px;
}

.cols .highlight-graphic {
  padding-bottom: 5px;
}

.cols .extra-text {
  clear: both;
}


ul.flush_left li {
  margin-left: 0;
  text-indent: 0;
}
/*
 * Common box styles
 *
 */
.title-box, .basic-box, .box {
  padding: 12px 14px;
  color: #555555;
  text-align: center;
  /*border: 1px solid #b0bec7;*/
}
.title-box-content, .box {
  text-align: center;
  padding: 0;
}
.basic-box, .box {
  margin-bottom: 10px;
}
.basic-box h4 + img, .box h4 + img {
  margin-top: 15px;
}

/* Title box styles */
.title-box.rbox_10 {
  padding: 0;
  border: none;
}
.title-box.rbox_10 .cc {
  padding: 0 14px;
}
.title-box-title {
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
  border-bottom: 1px solid #b0bec7;
  vertical-align: middle;
}


/*
 * Open box styles
 *
 */
.open {
  text-align: center;
}
.open .title {
  line-height: 18px;
  padding-bottom: 8px;
}
.open .highlight-graphic {
  float: none;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


.bullet_box
{
  width: 203px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
/* End */
.bullet_box .cc {
  padding-left: 16px;
  padding-right: 16px;
}
.bullet_box ul {
  margin-top: 0;
  margin-left: 0;
  font-size: 11px;
  line-height: 16px;
}
.bullet_box ul li {
  /*margin-left: 12px;
  text-indent: -12px;*/
  list-style-position: inside;
}
.bullet_box ul li li {
  margin-left: 12px;
  text-indent: -12px;
}
.bullet_box ul li:last-child ul {
  margin-bottom: 0;
}

.bullet_box h5.control:hover {cursor:pointer}
.bullet_box h5 img {
  vertical-align: bottom;
}
.bullet_box .flush_left li {
  margin-left: 0;
  text-indent: 0;
  padding-bottom: 10px;
}
/* Facts box styles */
.layout-2-col-left .facts-box {
  margin-left: 16px;
  margin-right: 16px;
}
.facts-box .cc {
  padding: 0 6px;
}
.facts-box h1, .facts-box h2, .facts-box h3, .facts-box h4, .facts-box h5, .facts-box h6 {
  color: #0077C0;
  text-transform: uppercase;
}
.facts-box ul {
  list-style: square;
  margin: 0em 0em 1em;
  padding: 0em 0em 1em 1.25em;
}
.facts-box ul.last,.facts-box ul:last-child {
  margin-bottom: 0em;
  padding-bottom: 0em;
}
.facts-box-title {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0.5em;
}
.facts-box-title h5 {
  font-size: 1.2em;
}

/* Side box styles */
.facts-box.alt1 .facts-box-title {
  border-bottom: 1px solid #9C9C9C;
  padding-bottom: 0.5em;
}
.facts-box .toggle {
  margin-top: 0;
  padding-bottom: 15px;
}
.facts-box .toggle .control {
  color: #0077C0;
}
.facts-box .toggle div.hidden-content {
  margin-top: 0;
}

/*
 * Quote styles
 */
.quotes {
  width: 203px;             /* CONFIG: Change this to match the width of the quote graphics below */
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0px;
}
.quotes .top {
  display: block;
  width: auto;
  background: url(../images/layout/quotes_top.gif) no-repeat left top;
}
.quotes .bottom {
  display: block;
  width: auto;
  background: url(../images/layout/quotes_bottom.gif) no-repeat left bottom;
}
.quotes cite {
  font-size: 11px;
  font-style: normal;
}
.quotes cite span {
  display: block;
  line-height: 12px;
}
.layout-2-col-left .quotes:first-child, .layout-3-col-left .quotes:first-child {
  margin-top: 62px;
}


/*
 * Toggle block styles
 */
.toggle {
  clear: both;
  margin-top: 20px;
}
.toggle .control {
  color: #555555;
}
.toggle .control:hover {
  color: #336699;
  cursor: pointer;
}
.toggle div.hidden-content {
  margin-top: 15px;
}
.toggle div.hidden-content em {
  color: #336699;
  font-style: italic;
  font-weight: normal;
}


.news ul li+li, .articles ul li+li {
  margin-top: 12px;
}
.news .header, .articles .header {
  margin-top: -8px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 2px;
  border-bottom:1px solid #CCCCCC;
}


div.vert_ico_list_2 ul {
  width: 352px;
  margin: 0;
}
div.vert_ico_list_2 ul + ul {
  margin-left: 30px;
}
div.vert_ico_list_2 ul li {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-top: 20px;
}
div.vert_ico_list_2 ul li:first-child {
  margin-top: 0;
}
div.vert_ico_list_2 ul li img {
  position: absolute;
  left: 0px;
}
.layout-1-col div.vert_ico_list_2 {
  width: 734px;
  margin-left: auto;
  margin-right: auto;
}
.zoom_box {
  position: relative;
  float: left;
}
.zoom_box a[rel="zoom"]+a[rel="zoom"] {
  position: absolute;
  right: 9px;
  top: 0px;
}