.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button        { cursor: hand; }
a.button_dark   { background: transparent url('wbws_btn_a_dark.png') no-repeat scroll top right;  cursor: hand;}

a.button, a.button_dark {
    background: url('blue_button.png') no-repeat; 
    /* color: #44
        4; */
    color: White;
    display: block;
    float: left;
    font: 18px Century Gothic, sans-serif;
    height: 33px;
    border-radius: 10px;
    padding-left: 80px;
    padding-top: 25px;
    padding-bottom: 5px;
    /*padding-right: 130px;*/
    text-decoration: none; 
     width:140px;
/* background-color: #517baf;*/
}

/*
a.button span       { background: transparent url('wbws_btn_span.png') no-repeat; }
a.button_dark span  { background: transparent url('wbws_btn_span_dark.png') no-repeat; }
*/
a.button span, a.button_dark span {
    /* background: transparent url('wbws_btn_span.png') no-repeat; */
    display: block;
    line-height: 25px;
    padding: 3px 0 0 0;
    vertical-align:middle;
}     


a.button:active {
     color: White;
    display: block;
    float: left;
    font: 18px Century Gothic, sans-serif;
    height: 33px;
    border-radius: 10px;
    padding-left: 80px;
    padding-top: 25px;
    padding-bottom: 5px;
    /*padding-right: 130px;*/
    text-decoration: none; 
     width:140px;
}

a.button:active span {
    background-position: bottom left;
    padding: 3px 0 0 0; 
    }  


.bluetbtn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #23628a);
  background-image: -moz-linear-gradient(top, #3498db, #23628a);
  background-image: -ms-linear-gradient(top, #3498db, #23628a);
  background-image: -o-linear-gradient(top, #3498db, #23628a);
  background-image: linear-gradient(to bottom, #3498db, #23628a);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px #666666;
  -moz-box-shadow: 0px 1px 2px #666666;
  box-shadow: 0px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 2px 4px 2px 4px;
  border: solid #1f628d 2px;
  text-decoration: none;
}

.bluetbtn:hover {
  background: #3cb0fd;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  padding: 2px 4px 2px 4px;
  border: solid #1f628d 2px;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.bluetbtn:active {
  background: #e4685d;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  padding: 2px 4px 2px 4px;
  border: solid #1f628d 2px;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


/*----------------------------------------------------------------------------*/
/* Pretty images next to links...                                             */
/*----------------------------------------------------------------------------*/

a[href^="mailto:"] {
display:inline-block;
padding-left:20px;
min-height:19px;
background:transparent url(mail.png) center left no-repeat;
}
a[href$='.pdf'] {
display:inline-block;
padding-left:22px;
min-height:19px;
background:transparent url(pdf.png) center left no-repeat;
}

a[href$='25'], a[href$='2'], a[href$='27']  {
display:inline-block;
padding-left:30px;
min-height:19px;
background:transparent url(folder_smaller.gif) center left no-repeat;
}

a[href$='.xlsx'] {
display:inline-block;
padding-left:20px;
min-height:19px;
background:transparent url(xls.png) center left no-repeat;
}

a[href$='.ppt'], a[href$='.pptx'] {
display:inline-block;
padding-left:22px;
min-height:19px;
background:transparent url(ppt.png) center left no-repeat;
}
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.docx'] {
display:inline-block;
padding-left:20px;
min-height:19px;
background:transparent url(doc.png) center left no-repeat;
}
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
display:inline-block;
padding-left:20px;
min-height:19px;
background:transparent url(zip.png) center left no-repeat;
}
a[href$='.vcf'] {
display:inline-block;
padding-left:20px;
min-height:19px;
background:transparent url(vcf.png) center left no-repeat;
}
    



    /* push text down 1px */