div,img,form { margin: 0; padding: 0; border: 0; }

body {
    background-color: #fff;
    

    text-align: left;

    scrollbar-base-color: #fff;
    scrollbar-3dlight-color: #666;
    scrollbar-highlight-color: #999;
    scrollbar-face-color: #bbb;
    scrollbar-arrow-color: #699;
    scrollbar-shadow-color: #666;
    scrollbar-darkshadow-color: #ccc;
    scrollbar-track-color: #ccc;
    font-family:      verdana,sans-serif;
    font-size:        10px;
}

#main {
    position:   relative;
    margin:     0 auto;
    background: #000;
    padding:    1px;
    width:      752px;
    
    voice-family: ""}"";
    width:      750px;
}
html>body #main { width: 750px; }

#header {
    background: url(images/header1.jpg) no-repeat;
    height:     119px;
}

#freelancepromo {
    position: relative;
    z-index: 10;
    margin: 0;
    background-color: #ccc;
    text-align: center;
}
#prefooter {
    clear:      both;
    margin-top: 1px;
    height:     1px;
    background-color: #ccc;
}
#footer {
    margin-top:     1px;
    height:         50px;
    background:     #666;
    text-align:     left;
    vertical-align: top;
    font-family:    verdana, sans-serif;
    font-size:      11px;
    font-weight:    bold;
}
#footer a       { color: #f90; text-decoration: none; }
#footer a:hover { color: #999; text-decoration: none; }

#titlebar {
    position:      relative;
    margin-bottom: 1px;
    padding:       0 5px 0 310px;
    height:        35px;
    background:    #699;
    text-align:    right;
    font-family:   verdana, helvetica, sans-serif;
    font-weight:   bold;
    font-size:     10px;
    color:         #ccc;
}

#titlebarimg {
    position: absolute;
    top: 0; left: 0;
    padding: 0; margin: 0;
    width: 305px; height: 35px;
}
#titlebar a:link    { color: #eee; text-decoration: none; }
#titlebar a:visited { color: #eee; text-decoration: none; }
#titlebar a:hover   { color: #9e8; text-decoration: none; }
#titlebar #reglink { color: #9e8; }

#register_bttn {
    position: absolute;
    top:      97px;
    left:     585px;
    width:    108px;
    height:   20px;
}

#navbar {
    position:         relative;
    margin-bottom:    1px;
    padding-top:      16px;
    padding-left:     24px;
    background-color: #fff;
    height:           40px;
    text-align:       left;

    voice-family: ""}"";
    height:           24px;
}
html>body #navbar { height: 24px; }

#content-frame {
    position:         relative;
    background-color: #ccc;
    /*overflow:         auto;*/
    padding:          0;
    min-height:           275px; /*200px;*/
    /*overflow:         visible;*/
    
    text-align:       left;
    font-family:      verdana,sans-serif;
    font-size:        10px;
}
#content {
    margin:  0 200px 0 70px;
    padding: 30px 0;
}

#content_admin {
    margin: 0 10px 0 30px;
    padding: 30px 0;
}

/* restore voice-family */
#main, #navbar, #content-frame { voice-family: inherit; }

.caption {
    margin:  20px 10px 0 10px;
    padding: 8px;
    border: 1px solid #b6b6b6;
    background-color: #cfcfcf;
    color:            #666666;
}
.primary-tf {
    font-size:   10px;
    font-family: verdana, helvetica, arial, sans-serif;
    width:       100%;
    height:      16px;
    border:      1px solid #333;
    background-color: #ddd;
    color:       #333;
    margin:      0;
}
#advanced-search {
    /*
    float:   right;
    */
    position: absolute;
    right:    3px;
    top:      2px;
    width:    165px;
    border:   1px solid #b0b0b0;
    padding:  5px;
    background-color: #c3c3c3;
}

th, #content, #content td, #content_admin td {
    font-family: verdana,sans-serif;
    font-size:   10px;
    text-align:  left;
    color:       #444;
}

/* too bad IE can't handle attribute subscripting 
 * in its css engine yet...
 */
.tf, .dd {
    border: 1px solid #999;
    color:            #333;
    background-color: #bbb;
    height: 16px;
    font-size: 10px;
    font-family: verdana, helvetica, arial, sans-serif;
}
.ta {
    border: 1px solid #999;
    color:            #333;
    background-color: #bbb;
    font-size: 10px;
    font-family: verdana, helvetica, arial, sans-serif;
}
.btn {
    border: 1px solid #aaa;
    background-color: #699;
    color: #fff;
    font-weight: bold;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 10px;
}
.grey-btn {
    border: 1px solid #699;
    background-color: #b0b0b0;
    color: #777;
    font-weight: bold;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 10px;
}

h1 {
    margin-left:   -1em;
    margin-top:    0; padding-top: 0;
    border-bottom: 1px dashed #699;
    color:         #366;
    font-face:     arial, sans-serif; font-size: 16px;
}
h2 {
    position: relative; left: -1em;
    color: #333; text-decoration: none;
    font-size: 11px; margin-top: 2em;
}

.listing-table {
    padding-bottom: 1px;
    border-bottom:  3px solid #aaa;
}
.thead-row {
    background-color: #699;
}
.thead-row th, .thead-row td {
    color: #fff;
    border-bottom: 1px solid #b0b0b0;
}
.tbody-row td {
    border-bottom: 1px solid #b0b0b0;
}

.th-horiz {
    border-right:     1px solid #699;
    background-color: #c3c3c3;
    text-align:       right;
    vertical-align:   top;
}
.td-horiz {
    padding-left:   5px;
    vertical-align: top;
}

.listing1 {
    padding: 0.7em 3px;
    background-color: #c3c3c3;
}
.listing2 {
    padding: 0.7em 3px;
    background-color: #ccc;
}

dt { font-weight: bold; }
dd { margin-left: 2em; }

li { margin-top:    0;
     margin-bottom: 0; }

a:link    { color: #c60; }
a:visited { color: #366; }
a:hover   { color: #699; }

.important {
    color: #a63;
    font-weight: bold;
}