@font-face {
    font-family:HFMido;        
    src:url("../font/HFMido-Round-2.ttf");
    font-weight: normal;
    font-style: normal;
}

body {
    background-color:#F0F5EB;
    font-family:HFMido,Arial;
    font-size: 17px;
    margin: 0px;
    text-align:center;
    word-break:normal;
    word-wrap:normal;
    padding: 0px;
}


br{
    line-height: 6px;
    margin: 0px;
    padding: 0px;
}

label{
    margin: 3px;
}

input[type="text"]{
    font-size: 17px;
    background-color: #FAFFF5;
    border: 1px solid #D2D7CD;
    margin-right: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 4px;
    width: 98%;
}
input[type="password"]{
    font-size: 17px;
    background-color: #FAFFF5;
    border: 1px solid #D2D7CD;
    margin-right: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 4px;
    width: 175px;
}

input[type="submit"] {
    font-size: 17px;
    background-color: #FAFFF5;
    border: 1px solid #D2D7CD;
    margin-right: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 4px;
    min-width: 60px;
}

textArea{
    font-size: 17px;
    background-color: #FAFFF5;
    border: 1px solid #D2D7CD;
     border-radius: 4px;
    width: 98%;
}

.surface{
   border-width: 0px;
   width: 99%;
   display:inline-block;
   max-width: 960px;
   text-align: left;
}

.name{
     text-align: center;
     font-size: 18px;
     margin-bottom: 6px;
}
.content{
    min-height: 640px;
}
.extend{
    text-align: center;
}

iframe{
    border-color: #DCDCDC;
    border-width: 1px;
    border-style:dashed;
}

a:link {
    color:#1E5A3C;
        text-decoration: none;
padding-bottom:1px; 
border-bottom:1px dashed;
}

a:visited {
    color:#1E3C5A;
    text-decoration: none;
    padding-bottom:1px; 
border-bottom:1px dashed;
} 

a:hover {
    color:#1E3C5A;
text-decoration : none;
border-bottom:none;
background-color: #FAFFF5;
} 

a:active {
    color:#3C3C3C;
background-color: #FFFFFF;
    text-decoration: none;
    padding-bottom:1px; 
border-bottom:1px solid;
} 

a.button{
    border-top: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-right: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 3px;
    padding-left: 3px;
    border-style:solid;
    border-color:#D2D7CD;
    text-decoration:none;
    word-break:keep-all;
    word-wrap:break-word;
    white-space:nowrap;
}

a.listItem{
        border-width:1px;
        padding: 2px;
        margin-top: 4px;
        margin-bottom: 4px;
    border-style:solid;
    border-left-style: none;
    border-top-style: none;
    border-color:#D2D7CD;
    text-decoration: none;
}

iframe{
    margin-top: 6px;
    margin-bottom: 6px;
}

p{
      margin: 3px;
      padding: 0px;
} 

p.message{
    text-align: left;
    background-color: #E6F0DC;
    color: #4A682D;
    padding:3px;
    border-radius:4px;
}

p.info{
    text-align: left;
    background-color: #D2E6FA;
    color: #0F4A86;
    padding:3px;
    border-radius:4px;
}

p.note{
    text-align: left;
    background-color: #FAE1C8;
    color: #884A0D;
    padding:3px;
    border-radius:4px;
}

p.danger{
    text-align: left;
    background-color: #F0DCDC;
    color: #682D2D;
    padding:3px;
    border-radius:4px;
}