body
{   
    margin:10px auto 10px auto; /* margin bottom is so that gradient starts on the bottom of the screen for hi-resolutions */
    padding:0 0 0 0;
    background: #07274e url('../../images/NQback1.png') repeat-x top left;
    font-family:Verdana, Trebuchet MS, Times New Roman;
    font-size:12px;  
}
img
{
    border:none;
}
#header
{
    margin:0 auto;
}
#topTextBack
{   
    margin:0 auto;
    background-color:white;
    height:auto;
    width:598px;
}

a.links {font-weight:bold;}
a.links:link{color:#0131a0;}
a.links:visited{color:#0131a0;}
a.links:hover{color:#3e6ab8;}
a.links:active{}

.header
{
    width:100%;
    height:auto;
    font-size:18px;
    color:#0D379B;
    
}
.topFiller
{
    
    width:40px;
    height:auto;
}
.topText
{   
    padding:10px;
    width:500px;
    height:auto;
    background-color:white;
    line-height:1.5;
    border:solid 1px #cccccc;
    font-size:11px;
}
#container
{
    width:600px;
    height:auto; /* height is 500px all tables considered :)*/
    background-color:#ffffff;
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    margin:0 auto;
}
#containerTopBack
{
    background-color:white;
    width:600px;
    height:75px;
}

#containerMiddleBack
{
    background-color:white;
    height:auto;
    width:600px;
}
#containerBottomBack
{
    background-color:white;
    width:600px;
    height:40px;
}
#footer
{
    margin:0 auto;
    background:url('../../images/footerBottom2.jpg') no-repeat;
    width:600px;
    height:156px;   
}
#pageBottom
{
    color:#ffffff; 
    margin:0 auto 20px auto;
    padding:0 3px 0 0; 
    
    font-size:11px; 
    text-align:right;
    width:600px;
    height:auto;
}
#pageBottom a
{   
    color:White;
}
#pageBottom a:hover
{
    color:#cccccc;   
}
/* -------------------------------------------------------- */
#contentContainer
{
    margin:0 auto;
    height:auto;
    width:auto;
}
#fields
{
    margin:0 auto;
    width:auto;
    height:460px;
     
}
/* ---------------- tb / label fields ----------------------- */
.company
{
    height:10px;
    padding:10px 0 1px 0;
}
.tbCompany
{
    width:200px;
    height:15px; /* together height is 40px */
    margin:0 0 10px 0;   
}
.jobTitle
{
    height:10px;
    padding:0 0 1px 0;
}
.tbJobTitle
{
    width:300px;
    height:15px; /* together height is 40px */
    margin:0 0 10px 0;   
}
.jobType
{
    height:10px;
    padding:0 0 1px 0;
}
.ddlJobType
{
    width:206px;
    height:auto; /* together height is 35px */
    margin:0 0 10px 0;   
}
.city
{
    height:10px;
    padding:0 0 1px 0;
}
.tbCity
{
    width:200px;
    height:15px; /* together height is 35px */
    margin:0 0 10px 0;   
}
.state
{
    height:10px;
    padding:0 0 1px 0;
}
.ddlState
{
    width:auto; /* together height is 35px */
    margin:0 0 15px 0;   
}
.description
{
    height:10px;
    padding:0 0 1px 0;
}
.tbDescription
{
    width:300px;
    height:100px; /* together height is 120px */
    margin:0 10px 0px 0; /* forces the margin right for all the fields */
}

.telephone
{
    height:10px;
    padding:0 0 1px 0;
}
.tbTelephone
{
    width:100px;
    height:15px; /* together height is 35px */
    margin:0 0 1px 0;   
}

.charLeft
{   
    font-size:10px;
}
.tbCharLeft
{   
    background-color:Transparent;
    border:none;
    font-size:10px;
    color:#000000;    
}
.email
{
    height:10px;
    padding:0 0 1px 0;
}
.tbEmail
{
    width:200px;
    height:15px; /* together height is 35px */
    margin:0 0 10px 0;   
}
.website
{
    height:10px;
    padding:0 0 1px 0;
}

#lnkText{
    padding:0 0 1px 10px;
    display:none;
}

#lnkText a{
    text-decoration:none;
}

.tbWebsite
{
    width:200px;
    height:15px; /* together height is 35px */
    margin:0 0 10px 0;   
}
.note
{
    height:10px;
    padding:15px 0 1px 0;
}
.tbNote
{
    width:300px;
    height:100px; /* together height is 120px */
    margin:0 10px 0px 0; /* +++++ forces the margin right for all the fields */
}
#buttons
{
    margin:24px 0 0 0;   
}
.btnSubmit
{
}
.btnClear
{
    margin:0 0 0 5px;
}
/* --------------- validation ------------------------------------ */
.vCompany
{
    padding:0;
    width:200px;
    height:auto;
}
.vJobTitle
{
    padding:0 0 0 0;
    width:200px;
    height:auto;
}
.vJobType
{   
    padding:0;
    width:200px;
    height:auto;
}
.vCity
{
    padding:0;
    width:200px;
    height:auto;
}
.vState
{
    padding:0;
    width:200px;
    height:auto;
}
.vDescription
{
    padding:30px 0 0 0;
    width:200px;
    height:auto;
}
.vEmail
{   
    padding:0;
    width:200px;
    height:auto;
}

.vWebsite{
    padding:0;
    width:200px;
    height:auto;
}
.vNote
{
    padding:30px 0 0 0;
    width:200px;
    height:auto;
}
.vBlank
{   
    height:auto;
}
/* ---------------- Help Icon Popup Div ---------------- */
.helpIcon1, .helpIcon2{
        position:absolute;
        padding:0px 0 0 7px;
    }

    .help1{
        position: absolute;
        z-index:10;
        display:none;
        border:solid 1px #cccccc;
        width:250px;
        height:auto;
        background-color: #fdf8e5; /* light light yellow */
        padding:10px;
        margin:0; /* use magin here to offset where div sits by inherently */ 
    }

    .help1 a{
        color:Black;
        text-decoration:none;
    }

    .help1 .close1{
        position: absolute;
        z-index:10;
        top:0;
        right:0;
        cursor:pointer;
        width:270px;
        height:100%;
        background:url('../../images/close.png') no-repeat right top;/* 19x19 */
    }
    
    .help2{
        position: absolute;
        z-index:10;
        display:none;
        border:solid 1px #cccccc;
        width:250px;
        height:auto;
        background-color: #fdf8e5; /* light light yellow */
        padding:10px;
        margin:-15px 0 0 0; /* use magin here to offset where div sits by inherently */ 
    }

    .help2 a{
        color:Black;
        text-decoration:none;
    }

    .help2 .close2{
        position: absolute;
        z-index:10;
        top:0;
        right:0;
        cursor:pointer;
        width:270px;
        height:100%;
        background:url('../../images/close.png') no-repeat right top;/* 19x19 */
    }
    
    /* assigned to <img> */
    .helpIcon1Img, .helpIcon2Img{
        position:absolute;
        z-index:1;
    }

        .fsHelp{
            border:none;
            padding:0;
        }

            .lblHelp{
                
            }

                .helpTitle{
                    font-weight:bold;
                    font-size:14px;
                    margin:0 0 10px 0;
                    color:#0D379B;
                }

                .helpBody{
                    margin:0 0 5px 0;
                    font-size:11px;
                }

.websiteHelp ul{
    margin:10px 0;
}

.websiteHelp li{
    margin:0 0 0 -15px;
}