html, body { width: 100%; height: 100%; background: #f9f9f9 }
html, body, div, select, textarea { font-family: Segoe UI, Tahoma, Arial, Sans-Serif; font-size: 10pt; margin: 0; padding: 0; border: 0 }
p, a, img, h1, h2, h3, h4, h5, h6, span, img, li { margin: 0; padding: 0 }

input { font-family: Segoe UI, Tahoma, Arial, Sans-Serif; font-size: 10pt; margin: 0; padding: 0 }

a img { border: 0 }

a.netlnk { text-decoration: none; color: #369  }
a.netlnk:hover { color: #963  }

a.netlnk2 img { width: 13px; vertical-align: text-top }
a.netlnk2 { text-decoration: none; color: #369; font-size: 8pt; line-height: 2em }
a.netlnk2:hover { color: #963  }

.btn { padding: 1px 5px; font-size: 9pt; width: 60px }
.btnwh { padding: 1px 5px; font-size: 9pt; width: 60px; height: 55px }
.btn2 { padding: 1px 5px; font-size: 9pt; width: 100px }
.wait { background: url("../img/spinner.gif") left center no-repeat; padding-left: 15px; font-size: 9pt; color: #666; display: none; margin: 0; line-height: 1 }

.good { background-image: none; padding: 0; margin: 0; font-size: 9pt; color: #093 }
.bad { background-image: none; padding: 0; margin: 0; font-size: 9pt; color: #f00 }

.hdOffer { font-size: 14pt; color: #fff; text-align: center }
.offTitle { font-size: 12pt; font-weight: bold; text-align: justify }
.tip { font-size: 7pt; color: #555 }

div.container { position: relative; background: #fff; width: 1003px; height: 100%; margin: auto; }

div#header { position: relative; background: url("../img/top_background.jpg") no-repeat; }

    #header p.logo a { position: relative; display: block; height: 72px; width: 145px; margin: 0 0 0 25px; }
    #header ul { position: absolute; top: 10px; right: 10px; list-style: none; margin: 0; padding: 0; float: right; }
    #header ul li { float: left; margin: 0; padding: 10px; }
    #header li a { text-decoration: none; font-size: 10pt; color: #666 }
    #header li a:hover { color: #369; }

    #searchEx { position: relative; text-align: center; width: 500px; margin: auto; height: 100px }
        #searchEx p { font-size: 12pt; color: #fff; margin: 0 0 5px 0; padding: 0; text-align: center; }        
        #searchEx p.usrin .searchbox { position:relative; top: 0; font-size: 12pt; background: #EAEEF1; color: #666; border: 1px solid #ccc; padding: 3px; margin: 0 0 5px 0; width: 400px; vertical-align: top }
        #searchEx a { position: relative; text-decoration: none; font-size: 9pt; color: #666 }
        #searchEx a:hover { color: #369 }

div#details { background: #fff }
    #signin { position: relative; left: 50px; width: 450px; margin: 25px; float: left; z-index: 1 }
        #signin p.signin { font-size: 24pt; color: #ccc; float: left }
        #signin p.usrin { position: relative; left: 20px; font-size: 10pt; color: #999; padding: 5px 0 5px 0 }
        #signin p.usrin .input { position: absolute; left: 175px; border: 1px solid #ccc; background: #EAEEF1; width: 120px; font-size: 10pt; color: #666; padding: 2px; text-align: center }
        #signin p.usrin #txtVSOID { text-transform: uppercase; font-weight: bold; color: #666; letter-spacing: .10em }
        #signin p.usrin .button { position: relative; top: 5px; left: 175px }
        #signin .pwait { position: relative; left: 0; top: -18px; margin: 0 }
        
        #signin p.user { font-size: 14pt; color: #369 }
        #signin p.user .other { font-size: 9pt; color: #666 }
        #signin ul { list-style: none; margin: 20px auto; padding: 0 }
        #signin li { float: left; padding: 0 20px 0 0 }
        #signin a { font-size: 10pt; color: #666; text-decoration:none }
        #signin a:hover { color: #369; text-decoration: underline }
    
    #ads { position: relative; padding: 15px 0 0 250px; margin-left: 325px }
    
    #search { position: relative; clear: both; text-align: center; width: 685px; margin: 35px auto }
        #search p { font-size: 14pt; color: #999; margin: 0 0 5px 0; padding: 0 }        
        #search p.usrin .searchbox { font-size: 14pt; background: #EAEEF1; color: #666; border: 1px solid #ccc; padding: 5px; margin: 0 0 5px 0; width: 525px }
        #search p.usrin a { position: absolute; vertical-align: baseline; margin: 0 0 0 2px; padding: 0 }
        #search p.usrin .tip { font-size: 8pt; color: #aaa }
        
    p.records { text-align: center; color: #999; font-size: 11pt }
    
    div.profile { font-size: 8pt; color: #999; width: 180px; margin: 5px 0 10px 0; padding: 10px 0; border: 5px solid #fff }
        div.profile:hover { border: 5px solid #eee }
        div.profile .name { font-size: 10pt; color: #369 }
        div.profile .others { font-size: 8pt; color: #999 }
        div.profile .others_desgn { font-size: 7pt; color: #999 }        
        div.profile .sid { font-size: 12pt; color: #666 }
        
        .inp { padding: 1px 2px 0px 2px; height: 20px; border: 1px solid #ccc; color: #369 }
        .inpta { padding: 1px 2px 0px 2px; border: 1px solid #ccc; color: #369 }
        .error { font-size: 9pt; color: #f00 }
        
        div.profile a { font-size: 7pt; color: #369; text-decoration: none }
        div.profile a:hover { color: #f00 }
        
        div.general { margin: 0 25px }
        div.general p.caption { font-size: 16pt; margin: 0 0 10px; color: #369 }
        div.general p.caption2 { font-size: 12pt; margin: 0 0 10px; color: #888 }
        div.general ul { margin: 25px; }
        div.general li { color: #666; padding: 5px 15px 5px 15px; list-style: none; line-height: 1.5 }
        div.general li.q { color: #369; font-size: 11pt; list-style: none; padding: 20px 0 0 0; margin: 0 }
        div.general li.q1 { color: #666; font-size: 11pt; list-style: none; padding: 0; margin: 10px 0 }
        
    p.paging { text-align: center; margin: 25px 0 0 0 }
        p.paging a.chose { color: #333 }
        p.paging a { color: #39f }
        p.paging a:hover { color: #f00 }
        
    div#profile { position: relative; margin: 0 25px; padding: 0; height: 900px; top: 0; }
        div#profile .caption { font-size: 16pt; margin: 0 0 10px; color: #369 }
        div#profile a { text-decoration: none; color: #369 }
        div#profile a:hover { color: #f00 }
        div#profile td { font-size: 10pt; color: #666; padding: 6px }
        
    #services { position: relative; background: url("../img/vsoid_services.jpg") no-repeat; padding: 0; width: 975px; margin: 50px auto 5px auto }
        #services ul { margin: 0 0 0 215px; padding: 0; list-style: none; width: 490px }
        #services ul li { margin: 0; padding: 0; color: #999; height: 55px; font-size: 10pt }
        
    #members { position: absolute; top: 350px; right: 20px; border: 0; width: 210px; text-align: right }
        #members .caption { font-size: 14pt; color: #ccc }
        #members p.power { padding: 15px 0 8px 8px }
        #members p.recentmembers { padding: 0; margin: 0; text-align: center }
        #members a img.mem { width: 35px; height: 35px; padding: 3px; border: 1px solid #f9f9f9 }
        #members a img.mem:hover { width: 35px; height: 35px; padding: 3px; border: 1px solid #999 }
        
    div.share { position: relative; width: 715px; height: 80px; background: #f9f9f9; color: #666; padding: 10px; border: 1px solid #eee }
        div.share p { clear: right; line-height: 2em }
        div.share p span { float: left }
        div.share p span textarea { overflow: auto }
        div.share p#myshare { color: #000 }
        div.share p#myshare span.myshare { position: absolute; left: 100px; color: #39f; font-style: italic }
        
    div.netmember { padding-bottom: 10px; margin-bottom: 25px; text-align: center }
        div.netmember p.user { font-size: 12pt; color: #369; top: 110px; font-weight: normal }
        div.netmember img.netmember { border: 1px solid #999; padding: 5px }
        
    div#msg { position: relative; margin: 25px 0; width: 715px; background: #fff; color: #333; padding: 10px; border: 1px solid #eee }
        div#msg p.def { font-size: 12pt; color: #369; margin-bottom: 20px }
        
        div.nwmsg { position: relative; font-size: 10pt; border-bottom: 1px dotted #ccc; margin: 0 0 5px 0; padding: 5px 0 0 0 }
        div.nwmsg a.lnk { text-decoration: none; color: #369  }
        div.nwmsg a.lnk:hover { color: #963  }
        
        div.nwmsg a.delmsg { position: absolute; text-decoration: none; color: #666; font-size: 8pt; right: 0; top: 0; display: none; font-weight: bold; border: 1px solid #fff; padding: 5px }
        div.nwmsg:hover a.delmsg:hover { background: #eee; border: 1px solid #333; color: #111; padding: 5px; }
        div.nwmsg:hover a.delmsg { display: block }        
        
        p.user img { position: absolute; left: 0px; top: 0px; width: 35px; height: 35px }
        p.user { position: absolute; top: 0; padding: 5px 0 0 50px; font-size: 9pt; font-weight: bold; vertical-align: top }
        p.ts { position: absolute; left: 50px; top: 22px; font-size: 7pt; color: #666; text-align: right }        
        p.msg { margin: 40px 0 10px 50px }
        

div#footer { position: relative; height: 40px; border-top: 1px dotted #999; clear: both; background: #fff }

    #footer ul { position: relative; list-style: none; margin: 0; padding: 0; left: 8px }
    #footer ul li { float: left; margin: 0; padding: 5px 10px; }
    #footer li a { text-decoration: none; color: #999 }
    #footer li a:hover { color: #369; }
    
    #footer .copyright { float: right; font-size: 7pt; color: #999; text-align: right; margin: 8px 20px }