A:link    {text-decoration: none; color: #010d57; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; border-bottom: 1px solid #669d5f;}
        A:visited {text-decoration: none; color: #010d57; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; border-bottom: 1px solid #669d5f;}
        A:active  {text-decoration: none; color: #2863d9; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; border-bottom: 1px solid #ff0000;}
        A:hover   {text-decoration: none; color: #ff0000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; border-bottom: 1px solid #ff0000;}

.button { 
background-color:#9a9a9a;
font:Verdana,Arial,Helvetica;
font-weight:bold;
color:#ffffff;
font-size:small;
border: 3px solid #585858;
border-radius: 5px;
padding:5px;
}

.button:hover {
background-color:#bbbbbb;
}

.textbox {
background-color:#ffffff;
font:Verdana,Arial,Helvetica;
font-weight:bold;
color:#777777;
font-size:small;
border: 3px solid #585858;
border-radius: 2px;
padding:5px;
}


.text10 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.text10i {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; font-style: italic; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.text12 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.text12b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.text12bu {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none; font-style: underline;}
.text14b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.text14 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.text16b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold;FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.text20b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 20px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.text30b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 30px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

.textred10 {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.textblue10 {BACKGROUND: none; COLOR: #0000ff; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.textred12 {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.textred12b {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.textred14b {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.textred20b {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 20px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.textred30b {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 30px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.textgreen12b {BACKGROUND: none; COLOR: green; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.textblue12b {BACKGROUND: none; COLOR: 0000ff; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

.text16bu {
background-color:#555555;
font-family:Verdana,Arial,Helvetica;
font-weight:bold;
color:#ffffff;
font-size:14px;
border: 3px solid #000000;
border-radius: 5px;
padding:5px;
}


.box {
margin-left:auto;
margin-right:auto;
width:450px;
background-color:#dddddd;
color:#777777;
font-size:small;
border: 3px solid #585858;
border-radius: 2px;
padding:5px;
}

.boxwide {
margin-left:auto;
margin-right:auto;
width:90%;
background-color:#dddddd;
color:#777777;
font-size:small;
border: 3px solid #585858;
border-radius: 2px;
padding:5px;
}

.boxwidelight {
margin-left:auto;
margin-right:auto;
width:95%;
background-color:#f1f1f1;
color:#777777;
font-size:small;
border: 5px solid #aaaaaa;
border-radius: 5px;
padding:5px;
}

input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
font:Verdana,Arial,Helvetica;
font-weight:bold;
 outline: none;
  padding: 5px 0px 5px 5px;
  margin: 5px 1px 3px 0px;
  border: 3px solid #585858;
border-radius: 2px;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px #0090FF;
  padding: 5px 0px 5px 5px;
  margin: 5px 1px 3px 0px;
  border: 3px solid #0090FF;
}



.wonote {
        position:relative;
        padding:12px;
        margin:0 0 1.5em;
        border:2px solid #333333;
        color:#333;
        background:#fff;
}


.wonote.left {
        margin-left:30px;
}


.wonote.right {
        margin-right:30px;
}


.wonote:before {
        content:"";
        position:absolute;
        bottom:-20px; /* value = - border-top-width - border-bottom-width */
        left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
        border-style:solid;
    border-color:#333333 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* creates the smaller  triangle */
.wonote:after {
        content:"";
        position:absolute;
        bottom:-16px; /* value = - border-top-width - border-bottom-width */
        left:43px; /* value = (:before left) + (:before border-left) - (:after border-left) */
        border-width:16px 16px 0;
        border-style:solid;
        border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}


/* creates the larger triangle */
.wonote.top:before {
        top:-20px; /* value = - border-top-width - border-bottom-width */
        bottom:auto;
        left:auto;
        right:43px; /* controls horizontal position */
    border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.wonote.top:after {
        top:-16px; /* value = - border-top-width - border-bottom-width */
        bottom:auto;
        left:auto;
        right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 16px 16px;
}


/* creates the larger triangle */
.wonote.left:before {
        top:10px; /* controls vertical position */
        bottom:auto;
        left:-30px; /* value = - border-left-width - border-right-width */
        border-width:15px 30px 15px 0;
        border-color:transparent #333333;
}

/* creates the smaller  triangle */
.wonote.left:after {
        top:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */
        bottom:auto;
        left:-26px; /* value = - border-left-width - border-right-width */
        border-width:13px 26px 13px 0;
        border-color:transparent #fff;
}


/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.wonote.right:before {
        top:10px; /* controls vertical position */
        bottom:auto;
    left:auto;
        right:-30px; /* value = - border-left-width - border-right-width */
        border-width:15px 0 15px 30px;
        border-color:transparent #333333;
}

/* creates the smaller  triangle */
.wonote.right:after {
        top:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */
        bottom:auto;
    left:auto;
        right:-26px; /* value = - border-left-width - border-right-width */
        border-width:13px 0 13px 26px;
        border-color:transparent #fff;
}