/* ----------------- new drop shadow popup styling ------------- */


#ViewJobPopup
{
    position:absolute; width:674px; height:350px; 
   /* background-color:#ffffff; */ color:#333333; 
    left:100px; top:30px; border:0px solid #333333;  z-index:2700; /* 4500; */
    padding:0px; overflow:visible; visibility:hidden;
}


/* jobInfoPopup header bar (conatins apply, send, store and close links) */

#ViewJobHeaderBar
{
    width:642px;float:left;text-align:right; margin:0px;padding:0px;background-color:#ffffff;
}

#ViewJobHeaderBar a { text-decoration:underline; color:#666666; }
#ViewJobHeaderBar a:hover { color:#66cc33; }


#FreelancerInfoAreaWrapper
{
    float:left; padding:0px; width:674px; height:auto; float:left; background-repeat:repeat-y; 
    background-image:url(../Images/DropShadowMiddle.png); background-position:right;  
}


#JobDescriptionScrollWrapper
{
    float:left; padding:0px; width:642px; height:300px; float:left; overflow:auto;
}

#FreelancerDescriptionWrapper
{
    width:600px; padding:10px; text-align:left; float:left;
    color:#333333; background-color:#ffffff;
}


#JobInfoCloseBtnWrapper
{
    display:block;float:right;margin-right:5px;
}

#JobInfoCloseBtnWrapper img { border:0px; margin:0px; padding:0px; }

#JobInfoCloseBtnWrapper a
{ color:#666666; }

#JobInfoCloseBtnWrapper a:hover
{ color:#66cc33; }

#DropShadowTopRow
{
    display:block;float:left;width:100%; height:33px;padding:0px;margin:0px;
}

/* dropShadowTopRowWrapper is same css as DropShadowTopRow but is not for a
unique id so can be utilised muiltiple times on a page */

.dropShadowTopRowWrapper
{
    display:block;float:left;width:100%; height:33px;padding:0px;margin:0px;
}

.dropShadowTopRowFill
{
    display:block;float:left;width:642px;background-color:#ffffff;height:33px;padding:0px;margin:0px;
}

.dropShadowTopRightWrapper
{
    display:block;float:left;width:32px;height:33px;padding:0px;margin:0px;
    background-repeat:no-repeat; background-image:url(../Images/DropShadowTopRight.png); background-position:right top;
}

#DropShadowBottom
{
    float:left;width:100%; height:33px; background-repeat:no-repeat; background-image:url(../Images/DropShadowBottom.png);
}

/* dropShadowBottomGraphic is same as #DropShadowBottom but can be used
muiltiple times on a page as it is not based on a unique id */

.dropShadowBottomGraphic
{
    float:left;width:100%; height:33px; background-repeat:no-repeat; background-image:url(../Images/DropShadowBottom.png);
}