/* Global styles
----------------------------------------------------------------------------- */
html {
  height:100.1%;
}

body {
  background-color: #87d300;
  color: #FFF;
  font-size: 12px;
  font-family: arial,helvetica,sans-serif;
  line-height: 18px;
}

a,
a:link,
a:visited {
  text-decoration: none;
  color: #87d300;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

ul, ol {
  margin: 1em 0.5em 1em 0.5em;
  padding-left: 1em;
  list-style-position: outside;
  list-style-type: disc;
}

ol.long-items {
  margin-bottom: 0.5em;
}

ol.long-items li {
  padding-bottom: 0.5em;
}

div.hr {
  height: 1px;
  border: 0;
  /*border-bottom: 1px dashed #B2B2B2;*/
  border-bottom: 1px dashed #ccc;
  margin: 0;
  margin-bottom: 1.5em;
  padding: 0;
  /*padding-top: 1.5em;*/
}

hr {
  border: 0;
  height: 1px;
  border-bottom: 1px dashed #B2B2B2;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

strong {
  font-weight: bold;
  color: #777;
}

p.caption {
  font-weight: bold;
}

p cite {
  font-weight: bold;
}

p cite.no-highlight {
  font-weight: normal;
}

img.image-left {
  float: left;
  margin-right: 1em;
}

img.image-right {
  float: right;
  margin-left: 0.8em;
}

img.image-top {
  margin-bottom: 0.75em;
  display: block;
}

label {
  font-weight: bold;
}

select, input {
}

dt {
  color: #8ed300;
  font-weight: bold;
  margin-bottom: 0.5em;
}

dd {
  margin-bottom: 1em;
}

th {
  color: #777;
}

input.image-submit {
  padding-left: 0.5em;
}

/* Core page layout
----------------------------------------------------------------------------- */

#container {
  background-color: #87d300;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  margin-top: 8px;
  padding-bottom: 60px;
}

#content {
  background-color: #fff;
  padding: 0 20px 0px 20px;
  float: left;
  color: #666;
  line-height: 18px;
  padding-bottom: 20px;
}

#frame-top {
  background: transparent URL(/images/framedPageTop.gif) 0 0 no-repeat;
  height: 10px;
  background-position:center bottom;
  clear: left;
}

#frame-bottom {
  background: transparent url(/images/framedPageBottom.gif) 0 0 no-repeat;
  height: 10px;
  background-position:center top;
  clear: left;
  margin-top: 0;
}

/* Page header
----------------------------------------------------------------------------- */
#skipnav a, #skipnav a:hover, #skipnav a:visited {
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#skipnav a:active, #skipnav a:focus {
  position: static;
  width: auto;
  height: auto;
  color: #fff;
  text-decoration: underline;
  font-size: 11px;
}

#logo {
  width: 125px;
  height: 60px;
  background: transparent url("/images/TMG_115x51.gif") 0 0 no-repeat;
  overflow: hidden;
  float: left;
  text-indent: -100em;
}

#logo a {
  display: block;
  height: 60px;
}

#logo a:hover {
  text-decoration: none;
}

ul#breadcrumb {
  margin-top: 30px;
  float: left;
}
ul#breadcrumb li {
  display: inline;
}

ul#breadcrumb li a {
  color: #fff;
}

ul#breadcrumb li#current {
  font-weight: bold;
}

/* Headings
----------------------------------------------------------------------------- */

#content h1 {
  background: #8ed300 url(/images/pageTitles/640x70_title_bar.gif) 100% 0 no-repeat;
  font-size: 30px;
  line-height: 30px;
  clear: both;
  color: #fff;
}

#without-promo-panel h1 {
  background-image: url(/images/pageTitles/860x70_title_bar.gif) !important;
}

#content h1 span {
  display: block;
  background: 100% 0 no-repeat;
  padding: 25px 15px 15px 10px;
  margin-bottom: 20px;
}

#content h2 {
  color: #87d300;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}

#content h3 {
  color: #87d300;
  font-size: 16px;
  margin-bottom: 0.5em;
  font-weight: bold;
}

#content h3.category-title {
  font-weight: bold;
  font-size: 13px;
}

#content h4 {
  color: #87d300;
  font-weight: bold;
  margin-bottom: 0.5em;
}


/* Lists
----------------------------------------------------------------------------- */
ul.pipe,
ul.tick-list {
  list-style-type: none;
}

.pipe li {
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(/images/markers/pipe.gif);
  padding-left: 1px;
}

.pipe li.first {
  background: 0;
}

.pipe li a {
  padding: 0.1em 0.5em;
  vertical-align: baseline;
}

ol {
  list-style-type: none;
  padding-left: 0;
}

ol li span.number {
  font-weight: bold;
  color: #87d300;
}

ul.tick-list {
  padding-left: 0;
  margin: 0;
}

ul.tick-list li {
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(/images/markers/tick.png);
  padding-left: 2.5em;
  padding-bottom: 1.0em;
}

/* Forms
----------------------------------------------------------------------------- */

.form-label-container {
  margin-bottom: 0.3em;
}

.form-input-container, .alternate-input-container , .submit-input-container {
  margin-bottom: 0.5em;
}

.submit-input-container {
  margin-top: 1em;
}

.form-input-container input {
  width: 335px;
}

.form-input-container input.short {
  width: 200px;
}

.form-input-container textarea.short {
  width: 335px;
  height: 70px;
}


.form-input-container textarea {
  width: 100%;
  height: 150px;
}

.form-input-container select {
  width: 335px;
}

input.arrow {
  background-image: url(/images/markers/sm_arrow_green.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  background-color: #FFF;
  border: 0px;
  font-weight: bold;
  color: #87d300;

}

#word-count {
  font-weight: bold;
}

.form_error {
  color: #FF5050;
}



/* Navigation
----------------------------------------------------------------------------- */
#main-nav {
  background-color: #fff;
  padding: 10px 20px 15px 20px;
}

#main-nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

#main-nav li, #main-nav a {
  display: inline;
  color: #999;
}

#main-nav-row1 a {
  font-size: 14px !important;
}

#main-nav .menu li.current a {
  color: #87d300;
  font-weight: bold;
}

ul#main-nav-row2, ul#main-nav-row3 {
  margin-top: 1em;
}

/* Submenu
----------------------------------------------------------------------------- */
#submenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


/* Links and text content
----------------------------------------------------------------------------- */
#content a {
  /*font-weight: bold;*/
}

#content p {
  margin-bottom: 1em;
}

p.intro {
  margin-bottom: 2em !important;
  /*font-weight: bold;*/
  /*color: #87d300;*/
}

a.arrow,
a.arrow-clever_thinking,
a.arrow-connect,
a.arrow-convince,
a.arrow-get_what_you_want,
a.arrow-know_your_mind,
a.arrow-more_energy_less_stress,
a.arrow-people_power,
a.arrow-results,
a.arrow-team_up,
a.arrow-tricky_situations,
a.icon {
  background-repeat: no-repeat;
  color: #87d300;
  font-weight: bold;
  padding-left: 15px;
  padding-top: 1px;
  display: block;
}

a.arrow-inline {
  background-image: url(/images/markers/link_arrow_green.gif);
  background-repeat: no-repeat;
  border-left: 1px solid transparent;
  display: inline;
  background-position: right 3px;
  font-weight: normal;
  padding-right: 12px;
}

a.icon {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

.pdf-file {
  background-image: url(/images/icons/pdf.gif);
}

a.arrow {
  background-image: url(/images/markers/sm_arrow_green.gif);
}

a.arrow-clever_thinking {
  background-image: url(/images/markers/arrow_clever_thinking.gif);
}

a.arrow-connect {
  background-image: url(/images/markers/arrow_connect.gif);
}

a.arrow-convince {
  background-image: url(/images/markers/arrow_convince.gif);
}

a.arrow-get_what_you_want {
  background-image: url(/images/markers/arrow_get_what_you_want.gif);
}

a.arrow-know_your_mind {
  background-image: url(/images/markers/arrow_know_your_mind.gif);
}

a.arrow-more_energy_less_stress {
  background-image: url(/images/markers/arrow_more_energy_less_stress.gif);
}

a.arrow-people_power {
  background-image: url(/images/markers/arrow_people_power.gif);
}

a.arrow-results {
  background-image: url(/images/markers/arrow_results.gif);
}

a.arrow-team_up {
  background-image: url(/images/markers/arrow_team_up.gif);
}

a.arrow-tricky_situations {
  background-image: url(/images/markers/arrow_tricky_situations.gif);
}

#content .keyword, #content .highlight {
  color: #87d300;
  font-weight: bold;
}

/* Footer
----------------------------------------------------------------------------- */
#footer {
  color: #999;
  font-size: 10px;
  background-color: #fff;
  padding: 0 20px 0 20px;
  clear: both;
  margin: 0;
}

#footer a {
  color: #999;
}

#footer ul {
  margin: 0;
  padding: 0;
  display: inline;
}

#footer ul li, #footer ul a {
  display: inline;
}

#footer-menu {
  float: left;
}

#copyright {
  text-align: right;
}

/* Layout-specific styles
============================================================================== */

/* Content without promo panel
----------------------------------------------------------------------------- */

#content #without-promo-panel #main {
  width: 860px;
}

#content #without-promo-panel #promo-panel {
  display: none;
}

/* Content with promo panel
----------------------------------------------------------------------------- */
#content #with-promo-panel #main {
  width: 640px;
  float: left;
}

#content #with-promo-panel #promo-panel {
  width: 200px;
  float: left;
  padding-left: 20px;
}

/* Promo panel
----------------------------------------------------------------------------- */
#content div.promo {
  margin-left: 5px;
}

#content #promo-panel {
  font-size: 11px;
  color: #959595;
}

#content #promo-panel h2 {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #87d300 url('/images/promos/promo_header_200x22.png');
  height: 22px;
  margin-bottom: 10px;
  padding-left: 5px;
}

#content #promo-panel h3 {
  margin-top: 0.1em;
  margin-bottom: 0.2em;
  font-size: 14px;
  font-weight: bold;
}
#content #promo-panel h4 {
  color: #87D300;
}

#content #promo-panel p {
  margin-bottom: 0.5em;
}

#content #promo-panel div.promo {
  margin-bottom: 2em;
} 

#promo-panel div.promo div.promo-buttons div {
  margin-top: 0.5em;
}


/* Two column
----------------------------------------------------------------------------- */
#content .two-column .column-one {
  width: 200px;
  float: left;
}

#content .two-column .column-two {
  width: 420px;
  margin-left: 20px;
  float: left;
}

#content .two-column-wide .column-one {
  width: 200px;
  float: left;
}

#content .two-column-wide .column-two {
  width: 640px;
  margin-left: 20px;
  float: left;
}

#content .two-column-equal .column-one {
  width: 306px;
  float: left;
}

#content .two-column-equal .column-two {
  width: 307px;
  margin-left: 25px;
  float: left;
}

#content .two-column-equal-wide .column-one {
  width: 420px;
  float: left;
}

#content .two-column-equal-wide .column-two {
  width: 420px;
  margin-left: 20px;
  float: left;
}

#content #without-promo-panel .two-column .column-one {
  width: 400px;
  margin-right: 25px;
  float: left;
}

#content #without-promo-panel .two-column .column-two {
  width: 400px;
  margin-left: 0;
  float: left;
}

/* Three column
----------------------------------------------------------------------------- */
#content .three-column .column-one {
  width: 196px;
  margin-right: 25px;
  float: left;
}

#content .three-column .column-two {
  margin-right: 25px;
  float: left;
  width: 197px;
}

#content .three-column .column-three {
  width: 197px;
  float: left;
}

/* Team and coach quote boxes
----------------------------------------------------------------------------- */
.featured-box {
  background: #f0f0f0 url(/images/curves/200x5_LH_panel_top_transparent.gif) 0 0 no-repeat;
  margin-bottom: 1em;
  font-size: 11px;
}

.featured-box-inner {
  background: transparent url(/images/curves/200x5_LH_panel_bottom_transparent.gif) bottom left no-repeat;
  padding: 15px;
}

.featured-box h4 {
  font-size: 11px;
  font-weight: bold;
  color: #87d300;
  margin-bottom: 0.8em;
}

.featured-box cite {
  display: block;
  font-weight: bold;
}

img.featured-box-image-bottom {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  display: block;
}

/* Search boxes - as used at top of workout index
----------------------------------------------------------------------------- */
.search-box {
  margin-bottom: 1em;
  font-size: 11px;
}

.search-box-inner {
  padding: 15px 15px 15px 15px;
}

.search-box-inner h3 {
  font-size: 15px !important;
}

.search-box-inner label {
  font-weight: normal;
}

#business-need-search-box {
  background: #d2ee99 url(/images/curves/400x5_panel_green_top.png) 0 0 no-repeat;
}

#business-need-search-box .search-box-inner {
  background: transparent url(/images/curves/400x5_panel_green_bottom.png) bottom left no-repeat;
}

#workout-search-box {
  background: #ebebeb url(/images/curves/400x5_panel_grey_top.png) 0 0 no-repeat;
}

#workout-search-box .search-box-inner {
  background: transparent url(/images/curves/400x5_panel_grey_bottom.png) bottom left no-repeat;
}

/* Two column *inside* main content
----------------------------------------------------------------------------- */
.main-two-column h4 {
  margin-bottom: 0.5em;
  font-weight: bold;
}

.main-two-column .main-column-one,
.main-two-column .main-column-two {
  width: 197px;
  float: left;
}

.main-two-column .main-column-two {
  margin-left: 25px;
}

.column-image {
  padding-bottom: 1em;
}

/* Product category colours
----------------------------------------------------------------------------- */
.category {
  margin-bottom: 1.5em;
}

.category-first {
  padding-top: 1.5em;
}

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

.category-people-power {
  color: #f90 !important;
}

.category-tricky-situations {
  color: #f60 !important;
}

.category-convince {
  color: #f00 !important;
}

.category-team-up {
  color: #f09 !important;
}

.category-connect {
  color: #a60066 !important;
}

.category-clever-thinking {
  color: #611759 !important;
}

.category-get-what-you-want {
  color: #171796 !important;
}

.category-results {
  color: #007dcc !important;
}

.category-more-energy-less-stress {
  color: #00a39c !important;
}

.category-know-your-mind {
  color: #007336 !important;
}

/* Contact page (with added hCard sprinkles)
----------------------------------------------------------------------------- */
.vcard .tel .type,
.vcard .adr .country-name {
  display: none;
}

.vcard .adr {
  background: url(/images/contact/envelope.gif) no-repeat;
  padding-left: 2.5em;
}

.vcard .phone-numbers {
  background: url(/images/contact/telephone.gif) no-repeat;
  padding-left: 2.5em;
  margin-top: 1em;
}

.vcard .company-numbers {
  padding-left: 2.5em;
  margin-top: 1em;
}

#us-vcard {
  padding-bottom: 15px;
}

/* Sitemap
----------------------------------------------------------------------------- */

#sitemap ul {
  margin: 0.5em 2.5em;
}

/* Join the team
----------------------------------------------------------------------------- */

/* Vacancy profile */

#vacancy-content {
  margin-bottom: 1em;
}

/* Services
----------------------------------------------------------------------------- */

/* Description */

#content .column-two .description ul {
  margin-left: 0;
}

#content .column-two .description li {
  margin-bottom: 1em;
}

/* Feedback components */

#feedback-stats td {
  font-size: 18px;
  vertical-align: top;
  padding-top: 0.25em;
  padding-left: 0.25em;
}

#feedback-comments {
  font-size: 10px;
}

/* Solutions
----------------------------------------------------------------------------- */

#solution-merger-images {
  height: 200px;
  margin-top: 1.5em;
}

#solution-merger-images h3 {
  font-size: 14px;
  padding-bottom: 0.5em;
  padding-left: 1em;
}

#solution-merger-images hr {
  clear: left;
}

dl.steps dt {
  color: #888;
  margin-bottom: 0;
  font-size: 1em;
}

#restructuring-solution h3 {
  font-size: 14px;
  margin-bottom: 1em;
}

#restructuring-solution .column-one {
  padding-bottom: 2em;
}

/* Blobs
----------------------------------------------------------------------------- */

.blob {
  padding-right: 5px;
  height: 80px;
  width: 80px;
  background-repeat: no-repeat;
  margin: 0;
  margin-bottom: 1.5em;
}

.blob-inner {
  height: 40px;
  width: 59px;
  text-align: center;
  padding: 0;
  margin-top: 24px;
  margin-left: 9px;
}

.blob a {
  color: #fefefe;
  font-family: Verdana, sans-serif;
  font-size: 9px;
  font-weight: normal;
  letter-spacing: -0.02em;
  line-height: 1.4em;
}

/* Coaches
----------------------------------------------------------------------------- */

#coaches-journey .box {
  width: 640px;
  background: transparent 0 0 no-repeat;
  margin-bottom: 1em;
  background-image: url('/images/team/become_a_coach/join_up/coach_journey_640x15_top.png');
  background-color: #E7E7E7;
}

#coaches-journey .box-inner {
  background: transparent bottom left no-repeat;
  padding: 15px 15px 1px 15px;
  background-image: url('/images/team/become_a_coach/join_up/coach_journey_640x15_bottom.png');
}

#coaches-journey .step {
  color: #87D300;
}

#coaches-journey h3,
#coaches-journey h4 {
  color: #868684;
}

#coaches-journey h4 {
  font-size: 14px;
}

#coaches-journey table {
  margin-bottom: 1em;
}

#coaches-journey td {
  padding-right: 30px;
}

#coaches-journey ul.subjects {
  margin-top: 0;
  margin-bottom: 0;
}

/* Job vacancies
----------------------------------------------------------------------------- */

#job-vacancies .box {
  width: 420px;
  background: transparent 0 0 no-repeat;
  margin-bottom: 1em;
  background-image: url('/images/curves/420x15_grey_top.gif');
  background-color: #E7E7E7;
}

#job-vacancies .box-inner {
  background: transparent bottom left no-repeat;
  padding: 15px 15px 15px 15px;
  background-image: url('/images/curves/420x15_grey_bottom.gif');
}

#job-vacancies h3 a {
  color: #868684;
  font-size: 13px;
  font-weight: bold;
}

/* Employee fit quiz
----------------------------------------------------------------------------- */

#form-errors {
  color: red;
  font-size: 16px;
  border: 1px red solid;
  padding: 4px;
  margin-bottom: 1.5em;
}

#form-errors p {
  margin: 0;
}

#employee-fit-quiz {
  padding-bottom: 1.5em;
}

#employee-fit-quiz th {
  padding-bottom: 1.5em;
  color: #87D300;
  font-weight: bold;
  font-size: 16px;
}

#employee-fit-quiz input,
#employee-fit-quiz label {
  font-weight: normal;
}

#employee-fit-quiz td.choice {
  vertical-align: top;
  padding-bottom: 30px;
}

#employee-fit-quiz td.choice-radio {
  padding-right: 10px;
}

#employee-fit-quiz td.choice-label {
  padding-right: 60px;
  width: 300px;
}

#employee-fit-quiz-results {
  margin-bottom: 1.5em;
}

#employee-fit-quiz-results th.h3 {
  font-size: 16px;
  font-weight: bold;
  color: #87D300;
}

#employee-fit-quiz-results h4 {
  margin-bottom: 0;
}

#employee-fit-quiz-results .score {
  margin-bottom: 1.5em;
}

#employee-fit-quiz-results td,
#employee-fit-quiz-results th {
  vertical-align: top;
  margin: 0;
  padding: 0;
}

#employee-fit-quiz-results thead th {
  padding-bottom: 1.5em;
}

#employee-fit-quiz-results .common {
  width: 400px;
  padding-right: 30px;
  border-right: 1px dashed #CCCCCC;
}

#employee-fit-quiz-results .differences {
  padding-left: 30px;
  width: 400px;
}

/* Login
----------------------------------------------------------------------------- */
.login h2 {
  margin-left: 230px;
  margin-bottom: 1em !important;
}

#login-menu {
  margin-left: 230px;
}

#login-menu .login-box {
  background: #EBEBEB url(/images/curves/400x5_panel_grey_top.png) no-repeat left top;
  width: 400px;
  margin-bottom: 1.5em;
}

#login-menu .login-box-inner {
  background: transparent url(/images/curves/400x5_panel_grey_bottom.png) no-repeat left bottom;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#login-menu .login-box-inner h3 {
  margin: 0;
  float: left;
}

#login-menu .login-box-inner .arrow {
  height: 12px;
  margin-right: 20px;
  background: transparent url(/images/markers/sm_arrow_grey.gif) no-repeat right;
}
 
/* Rounded boxes - generic styles
----------------------------------------------------------------------------- */
.rounded-box-top div {
   background: no-repeat top left;
}
.rounded-box-top {
   background: no-repeat top right;
}
.rounded-box-bottom div {
   background: no-repeat bottom left;
}
.rounded-box-bottom {
   background: no-repeat bottom right;
}

.rounded-box-top div, .rounded-box-top, 
.rounded-box-bottom div, .rounded-box-bottom {
   width: 100%;
   height: 15px;
   font-size: 1px;
}

.rounded-box-content { 
  margin: 0 15px; 
}

.rounded-box-image-left {
  float: left;
  padding-right: 1em;
}

.rounded-box {
  margin-top: 1em;
}

.rounded-box-yellow {
  background-color: #fffae6;
}

.rounded-box-yellow .rounded-box-top div {
  background-image: url(/images/curves/corner_fffae6_10x10_tl.png);
}

.rounded-box-yellow .rounded-box-top {
  background-image: url(/images/curves/corner_fffae6_10x10_tr.png);
}

.rounded-box-yellow .rounded-box-bottom div {
  background-image: url(/images/curves/corner_fffae6_10x10_bl.png);
}

.rounded-box-yellow .rounded-box-bottom {
  background-image: url(/images/curves/corner_fffae6_10x10_br.png);
}

.rounded-box-green {
  background-color: #e6ffe6;
}

.rounded-box-green .rounded-box-top div {
  background-image: url(/images/curves/corner_e6ffe6_10x10_tl.png);
}

.rounded-box-green .rounded-box-top {
  background-image: url(/images/curves/corner_e6ffe6_10x10_tr.png);
}

.rounded-box-green .rounded-box-bottom div {
  background-image: url(/images/curves/corner_e6ffe6_10x10_bl.png);
}

.rounded-box-green .rounded-box-bottom {
  background-image: url(/images/curves/corner_e6ffe6_10x10_br.png);
}   

.rounded-box-red {
  background-color: #ffe6e6;
}    

.rounded-box-red .rounded-box-top div {
  background-image: url(/images/curves/corner_ffe6e6_10x10_tl.png);
}

.rounded-box-red .rounded-box-top {
  background-image: url(/images/curves/corner_ffe6e6_10x10_tr.png);
}

.rounded-box-red .rounded-box-bottom div {
  background-image: url(/images/curves/corner_ffe6e6_10x10_bl.png);
}

.rounded-box-red .rounded-box-bottom {
  background-image: url(/images/curves/corner_ffe6e6_10x10_br.png);
}

.rounded-box-lightblue {
  background-color: #e6efff;
}    

.rounded-box-lightblue .rounded-box-top div {
  background-image: url(/images/curves/corner_e6efff_10x10_tl.png);
}

.rounded-box-lightblue .rounded-box-top {
  background-image: url(/images/curves/corner_e6efff_10x10_tr.png);
}

.rounded-box-lightblue .rounded-box-bottom div {
  background-image: url(/images/curves/corner_e6efff_10x10_bl.png);
}

.rounded-box-lightblue .rounded-box-bottom {
  background-image: url(/images/curves/corner_e6efff_10x10_br.png);
}            

.rounded-box-pink {
  background-color: #ffe6f5;
}    

.rounded-box-pink .rounded-box-top div {
  background-image: url(/images/curves/corner_ffe6f5_10x10_tl.png);
}

.rounded-box-pink .rounded-box-top {
  background-image: url(/images/curves/corner_ffe6f5_10x10_tr.png);
}

.rounded-box-pink .rounded-box-bottom div {
  background-image: url(/images/curves/corner_ffe6f5_10x10_bl.png);
}

.rounded-box-pink .rounded-box-bottom {
  background-image: url(/images/curves/corner_ffe6f5_10x10_br.png);
}

.rounded-box-purple {
  background-color: #ffe6f6;
}    

.rounded-box-purple .rounded-box-top div {
  background-image: url(/images/curves/corner_ffe6f6_10x10_tl.png);
}

.rounded-box-purple .rounded-box-top {
  background-image: url(/images/curves/corner_ffe6f6_10x10_tr.png);
}

.rounded-box-purple .rounded-box-bottom div {
  background-image: url(/images/curves/corner_ffe6f6_10x10_bl.png);
}

.rounded-box-purple .rounded-box-bottom {
  background-image: url(/images/curves/corner_ffe6f6_10x10_br.png);
}

.rounded-box-darkblue {
  background-color: #e9e9ff;
}    

.rounded-box-darkblue .rounded-box-top div {
  background-image: url(/images/curves/corner_e9e9ff_10x10_tl.png);
}

.rounded-box-darkblue .rounded-box-top {
  background-image: url(/images/curves/corner_e9e9ff_10x10_tr.png);
}

.rounded-box-darkblue .rounded-box-bottom div {
  background-image: url(/images/curves/corner_e9e9ff_10x10_bl.png);
}

.rounded-box-darkblue .rounded-box-bottom {
  background-image: url(/images/curves/corner_e9e9ff_10x10_br.png);
}