/*
    Document   : base
    Created on : 16-Mar-2010, 03:55:24
    Author     : niket
    Description:
*/
root {
    display: block;
}
a:link{
    color:#666666;
    text-decoration:none;
}
a:visited {
    color:#666666;
    text-decoration: none;
}
a:hover {
    color:#995A1B;
    text-decoration:none;
}
a:active {
    color:#666666;
    text-decoration:none;
}
a.second:link {
    color:#666666;
    text-decoration:none;
}
a.second:visited{
    color:#666666;
    text-decoration: none;
}
a.second:hover {
    color:#995A1B;
    text-decoration: none;
}
body{
    background: url(../images/background.jpg) repeat-x left top;
    text-align:center;
    margin:0 auto auto 0;
    padding: 0 0 2% 0;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    color: black;
}
img{
    display:block;
    padding: 0;
    margin: 0;
    border:none;
}
p{
    font-size: 12px;
    color:#666666;
    text-align: left;
}
#mainbody{
    width: 820px;  /* this will create a container 80% of the browser width */
    padding:0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    clear:both;
    display: block;
}
#copyright{
    width:20px;
    float:left;
    margin-top:80%;
}
#copyrightcontact{
    width:20px;
    float:left;
    margin-top:72%;
}
#copyrightsolution{
    width:20px;
    float:left;
    margin-top:130%;
}
#copyrighthelpchildren{
    width:20px;
    float:left;
    margin-top:80%;
}
#copyrightriskonline{
    width:20px;
    float:left;
    margin-top:105%;
}
#maincontent {
    width:800px;  /* this will create a container 80% of the browser width */
    margin:0;
    padding:0;
    float:left;
    clear:right;
}
#header{
    height:155px;
    margin: 20px 0 0 0;
    padding:0;
    background: url(../images/header.png) top left no-repeat;
    list-style-type:none;
}
#menu ul,li{
    padding:0;
    margin:0;
    float:left;
    display:inline-block;
    list-style-type:none;
}
#content{
    clear:both;
    width:798px;
    margin:0;
    padding:0;
    background-color: white;
}
.contenttable{
    margin:0;
    padding:0px 15px 15px 15px;
}
.banner{
    height:142px;
    width:765px;
    margin:0;
    padding:15px 0 15px 0;
}
.detail{
    width: 530px;
    vertical-align:top;
    text-align: left;
    margin:0;
    padding: 10px 15px 10px 0;
    background: url(../images/watermark.png) no-repeat bottom left;
}
.riskdetail{
    width: 400px;
    vertical-align:top;
    text-align: left;
    margin:0;
    padding: 10px 15px 10px 0;
    background: url(../images/watermark.png) no-repeat bottom left;
}
.helpdetail{
    width: 550px;
    vertical-align:top;
    text-align: left;
    margin:0;
    padding: 10px 15px 10px 0;
    background: url(../images/watermark.png) no-repeat bottom left;
}
.oursolution{
    width: 450px;
    vertical-align:top;
    text-align: left;
    margin:0;
    padding: 10px 15px 10px 0;
    background: url(../images/watermark.png) no-repeat bottom left;
}
.phoneblock{
    margin:0;
    padding:0;
    width:300px;
    height:371px;
    vertical-align:top;
}
.riskform{
    text-align: left;
}
.news{
    width:220px;
    margin:0;
    padding:0;
    vertical-align: top;
    background: url(../images/tablebackground.png) no-repeat top left;
    text-align: left;
    font-size: 12px;
}
.newstitle{
    margin:0;
    padding:2% 2% 2% 2%;
}
.dateimage1{
    width:56px;
    min-height:50px;
    vertical-align: top;
}
.newscontent1{
    width:150px;
    color:#666666;
    padding-bottom: 5px;
}
.date{
    color: #995A1B;
}
.dateimage2{
    width:56px;
    min-height: 50px;
    vertical-align: top;
}
.newscontent2{
    width:150px;
    color:#999999;
    padding-bottom: 5px;
}
.newsarchieve{
    background-color: #578731;
}
.contenttable select{
    outline:none;
    border:none;
}
#footer {
    text-align: center;
    margin: 3% auto;
    padding: 1% 0% 1% 0%;
    background-color: #EEFAE4;
    color:#78787A;
    font: lighter 12px sans-serif;
}
.footerlinks{
    font-size:13px;
}
.text1{
    color:#B3B3B3;
}

#quest{
    margin:0;
    padding:0;
}
#chatbox{
    margin:0;
    padding:0;
    width:355px;
    height:324px;
    background: url(../images/chatbox.png) no-repeat top left;
}
#scrollbox{
    height:283px;
    width:340px;
    margin:0 0 0 10px;
    padding:0;
    text-align: left;
    position:relative;
    top:37px;
    overflow:scroll;
    background-color: white;
}

#optionbox{
    margin:0;
    padding:0;
    text-align: left;
    width: 355px;
    height:129px;
    background: url(../images/question.png) no-repeat top left;
}
#ansbox{
    margin:0;
    padding:0;
    max-height:189px;
}
#optionbox select{
    width:300px;
    margin:55px 0 0 30px;
    padding:0;
}
#personal{
    margin:0;
    padding:45px 0;
    text-align: center;
    width:355px;
    height:189px;
    background: url(../images/whodoyouthink.png) no-repeat top left;
}
#ddetails{
    margin:0;
    padding:45px 0;
    text-align: center;
    width:355px;
    max-height:129px;
    background: url(../images/whoareyouchatting.png) no-repeat top left;
}
#udetails{
    margin-bottom:2px;
    color:red;
    font-weight: 500;
}
.intro{
     color:red;
    font-family: Verdana;
    font-size: 12px;
   
}
.you{
    font-family: Arial;
    font-size: 12px;
    font-weight: 800;
}
.username{
    font-family: Arial;
    font-size: 12px;
    font-weight: 800;
}
.question{
    color:blue;
    font-family: Arial;
    font-size: 12px;
    font-weight: 800;

}
.answer{
    color:red;
    font-family: Verdana;
    font-size: 12px;
}