BODY {
    margin: 0px; padding: 0px; height: 100%; background-color: #ffffff; font: 12px Verdana, Tahoma, Arial;
}
A {
    color: #3366CC
}
A:hover {
    color: #FFA200; text-decoration: underline;
}
A.pages {
    font-size: 12px; text-decoration: none; color: #89919C;
}
A.service1{font-size: 60px; text-decoration: none; padding-left: 10px; color:#3399FF; font-weight: bold;}
A.service1:hover{color: #FFA200; text-decoration: underline;}
A.service2{font-size: 50px; text-decoration: none; padding-left: 10px; color:#3399FF;}
A.service2:hover{color: #FFA200; text-decoration: underline;}
A.service3{font-size: 40px; text-decoration: none; padding-left: 10px; color:#FFA200;}
A.service3:hover{color: #FFA200; text-decoration: underline;}
A.service4{font-size: 30px; text-decoration: none; padding-left: 10px; color:#3399FF;}
A.service4:hover{color: #FFA200; text-decoration: underline;}
A.service5{font-size: 20px; text-decoration: none; padding-left: 10px; color:#89919c;}
A.service5:hover{color: #FFA200; text-decoration: underline;}

A.user1{font-size: 36px; text-decoration: none; padding-left: 10px; font-weight: bold;}
A.user1:hover{color: #FFA200; text-decoration: underline;}
A.user2{font-size: 28px; text-decoration: none; padding-left: 10px;}
A.user2:hover{color: #FFA200; text-decoration: underline;}
A.user3{font-size: 20px; text-decoration: none; padding-left: 10px;}
A.user3:hover{color: #FFA200; text-decoration: underline;}
A.user4{font-size: 16px; text-decoration: none; padding-left: 10px; font-weight: bold;}
A.user4:hover{color: #FFA200; text-decoration: underline;}
A.user5{font-size: 12px; text-decoration: none; padding-left: 10px;}
A.user5:hover{color: #FFA200; text-decoration: underline;}

A.link_page{
    font-size: 14px; padding-left: 10px;
}
P {font: 12px Verdana, Tahoma, Arial; color: #89919c;}

H1 {font-size: 24px; font-weight: bold; color: #89919c; margin: 0px;}
H2 {font-size: 14px; font-weight: bold;}

.orange {color: #FFA200;}
.blue {color: #3399FF;}
.gray {color:#89919C;}

P.chat_message {
    margin: 0px;
}
DIV.page {
     overflow: auto; position: relative; background-color: #ffffff; top: 0; left:0; width: 100%; height: 100%;
}
DIV.pages {
     position: relative; background-color: #ffffff;
}

DIV.hidden {
     display: none;
}
DIV.active{
    display: block;
}
DIV.chat_boad {
    overflow: auto; position: relative; background-color: #ffffff;
}
SPAN.chat_user{
    font-weight: bold; color: #3399FF;
}
SPAN.chat_me{
    font-weight: bold; color: #FFA200;
}
SPAN.chat_time{
    font-size: 10px;
}

INPUT.chat_input {
    padding: 2px; margin: 2px; border: 1px solid #89919c; background: #fbfbfb; width: 300px; height: 30px; font-size: 18px; color: #3366CC;
}
INPUT.button {
    margin-left: 4px; width: 100px; height: 30px; font-size: 14px; font-weight: bold;
}
INPUT.login {
    padding: 2px; margin: 2px; border: 1px solid #89919c; background: #fbfbfb; width: 200px; height: 30px; font-size: 18px; color: #3366CC;
}
INPUT.btnlogin {
    padding: 2px; margin: 2px; width: 80px; height: 30px; font-size: 18px;
}

TEXTAREA {padding: 2px; margin: 2px; font: 12px Verdana, Tahoma, Arial; color: #89919C; border: 1px solid #89919C; background: #FBFBFB;}
TEXTAREA.post{width: 400px; height: 80px;}