/*------------------------------------------------------------------------------
                       Layout and Positioning
/*----------------------------------------------------------------------------*/

/*----------------   Button Properties   ------------------*/
.rounded-button-container, .rounded-button-container .button, 
.rounded-button-container span {
  width: 289px;
}

.rounded-button .button {
   padding-bottom: 14px;
}

.rounded-button a span {
   display: block;
   width: 100%;
   padding: 8px 0 2px 0;
   min-height: 35px;
}

/*-------------------   Text   ---------------------*/
.rounded-button h3 {
   margin: 0 5px 0px 2px;
   padding-bottom: 5px;
}

.rounded-button span div {
   margin: 0px 5px 0px 2px;
}

/*------------------------------------------------------------------------------
                       Styles and Colors
/*----------------------------------------------------------------------------*/

/*-------  Functionality for highlighting button  -------------*/
.rounded-button a .button {
   background-position: 0% 100%;
}

.rounded-button a:hover .button {
   background-position: 100% 100%;
}

.rounded-button a span {
   background-position: 0% 0%;
}

.rounded-button a:hover span {
   background-position: 100% 0%;
}

/*-------------------   Overall   ------------------*/
.rounded-button a:link, .rounded-button a:visited {
   text-decoration: none;
}

.rounded-button .button, .rounded-button span {
   background-color: transparent;
   background-repeat: no-repeat;
   background-attachment: scroll;
   cursor: pointer;
}


/*-------------------   Title     ------------------*/
.rounded-button a h3, 
.rounded-button a:link h3, 
.rounded-button a:hover h3, 
.rounded-button a:visited h3 {
   text-decoration: underline;
   text-align: center;
   font-size: 21px;
}

.rounded-button span div {
   text-align: center;
}

/*-------------------   Colors    ------------------*/
.rounded-button-grey .button, .rounded-button-grey span {
   background-image:url(/images/tpl-rounded-button/button-grey.png);
   color: #222222;
}

.rounded-button-orange .button, .rounded-button-orange span {
   background-image:url(/images/tpl-rounded-button/button-orange.gif);
   color: #442211;
}

.rounded-button-brown .button, .rounded-button-brown span {
   background-image:url(/images/tpl-rounded-button/button-brown.gif);
   color: #332211;
}

.rounded-button-green .button, .rounded-button-green span {
   background-image:url(/images/tpl-rounded-button/button-green.png);
   color: #332211;
}

.rounded-button-yellow .button, .rounded-button-yellow span {
   background-image:url(/images/tpl-rounded-button/button-yellow.gif);
   color: #333311;
}