/* BORDER TOP*/
body{border-top:4px solid #F4FA58}

/* Suckerfish Menu Border Bottom*/
#suckerfish li.active a{  
	background:#fff url(../../images/colors/active-lila.gif) bottom repeat-x;
}

/* MODULE COLORS*/
div.moduletable.color h3{color:#FFF!important;text-transform:uppercase;border-bottom:1px solid #fff}
div.moduletable.color{background:#F4FA58!important;color:#fff!important;border:none!important;padding:20px!important;}
div.moduletable.color a {color:#fff!important}
div.moduletable.color a:hover {color:#fff!important}
.readmore a{color:#FFFFFF}
.readon, .readmore, .button{text-decoration:none!important}
.readon, .readmore, .button, .btn{
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.readon, .readmore, .button, .btn{
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  *line-height: 20px;
  padding:5px 20px;
  color: #fff!important;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  *border: 0;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover, .readon:hover, .readmore:hover, .button:hover, .readmore a:hover {
  text-decoration: none;
  /* Buttons in IE7 don't get borders, so darken on hover */
  background-position: 0 -34px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.readon:focus, .readmore:focus, .button:focus, .readmore:focus a {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.readon, .readmore, .button, .btn {
  background-color: #ab57b3;
  *background-color: #733a78;
  background-image: -ms-linear-gradient(top, #ab57b3, #733a78);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ab57b3), to(#733a78));
  background-image: -webkit-linear-gradient(top, #ab57b3, #733a78);
  background-image: -o-linear-gradient(top, #ab57b3, #733a78);
  background-image: -moz-linear-gradient(top, #ab57b3, #733a78);
  background-image: linear-gradient(top, #ab57b3, #733a78);
  background-repeat: repeat-x;
  border-color: #733a78 #733a78 #ab57b3;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ab57b3', endColorstr='#733a78', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #ab57b3;
  *background-color: #ab57b3;
}

.btn-info:active,
.btn-info.active {
  background-color: #733a78 \9;
}

