.dev001_loginbutton {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: content-box;
    background: linear-gradient(to bottom, #EDF5F8, #CDE5EF) repeat scroll 0 0 #CDE5EF;
    border-color: #B4CCCE #B3C0C8 #9EB9C2;
    border-image: none;
    border-radius: 16px 16px 16px 16px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px white inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #527881;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Lucida Grande',Tahoma,Verdana,sans-serif;
    height: 29px;
    outline: 0 none;
    padding: 0 22px;
    text-shadow: 0 1px #E3F1F1;
}

.dev001_loginbutton:hover {
    background: linear-gradient(to bottom, #dedede, #efefef) repeat scroll 0 0 #CDE5EF;
    color: #527881;
}



.dev001_padding {
    padding: 10px 10px 10px 10px;
}

.dev001_textstyle {
    padding-left: 10px;
}

.dev001_textbox {
    border: 1px solid #C7D0D2;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1.5px 3px rgba(190, 190, 190, 0.4) inset, 0 0 0 5px #F5F7F8;
    color: #777777;
    height: 25px;
    margin: 4px 4px 4px 4px;
    padding-left: 10px;
    transition: all 0.4s ease 0s;
    width: 190px;
}

.dev001_textbox : hover {
    border: 1px solid #B6BFC0;
    box-shadow: 0 1.5px 3px rgba(190, 190, 190, 0.7) inset, 0 0 0 5px #F5F7F8;
}

/* ------------------------------ NEWS ------------------------------------------------------ */


.note {
  position: relative;
  width: 85%;
  padding: 1em 1.5em;
  margin: 1em auto;
  color: #fff;
  background: #97C02F;
  overflow: hidden;
}

.note:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #658E15 #658E15;
  background: #658E15;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  /* Firefox 3.0 damage limitation */
  display: block; width: 0;
}

.note.red {background:#C93213;}
.note.red:before {border-color:#fff #fff #97010A #97010A; background:#97010A;}
.note.red a { color:white;}

.note.blue {background:#53A3B4;}
.note.blue:before {border-color:#fff #fff transparent transparent; background:transparent;}
.note.blue a { color:white;}

.note.bluecnet {background:#4d8ab7;}
.note.bluecnet:before {border-color:#fff #fff transparent transparent; background:transparent;}
.note.bluecnet a { color:white;}

.note.gray {background:#8a8a8a;}
.note.gray:before {border-color:#fff #fff transparent transparent; background:transparent;}
.note.gray a { color:white;}

.note.taupe {background:#999868;}
.note.taupe:before {border-color:#fff #fff #BDBB8B #BDBB8B; background:#BDBB8B;}
.note.taupe a { color:white;}

.note.orange {background:#e89706;}
.note.orange:before {border-color:#fff #fff #BDBB8B #BDBB8B; background:#BDBB8B;}
.note.orange a { color:white;}

.note.yellow {background:#f7f472; color:black;}
.note.yellow:before {border-color:#fff #fff transparent transparent; background:transparent;}
.note.yellow a { color:white;}


.note.rounded {
  -moz-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px;
}

.note.rounded:before {
  border-width: 8px;
  border-color: #fff #fff transparent transparent;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}