/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.box {
    margin: 0 auto; /* center for now */
    width: 17em; /* ems so it will grow */
    background: url(/latestjobs/images/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
    overflow: visible;
}
.boxhead {
    background: url(/latestjobs/images/sbhead-r.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.boxhead h2 {
    background: url(/latestjobs/images/sbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 22px 30px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.0em; 
    line-height: 1em;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
    background: url(/latestjobs/images/sbbody-l.gif) no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 30px;
    height: 100%;
}

a.squarebutton{
    background: transparent url('/latestjobs/images/square-blue-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: bold 12px Arial; /* Change 12px as desired */
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 23px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
    /*color: #ff9900; /*button text color*/
}

a.squarebutton span{
    background: transparent url('/latestjobs/images/square-blue-right.gif') no-repeat top right;
    display: block;
    padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
    background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
    background-position: bottom right;
    color: #333399;
}

.buttonwrapper{ 
    overflow: hidden; 
    width: 100%;
    margin: 0px;
    padding: 0px;
}


.bbox {
    margin: 0 auto; /* center for now */
    width: 17em; /* ems so it will grow */
    background: url(/latestjobs/images/sbbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
}
.bboxhead {
    background: url(/latestjobs/images/sbbhead-r.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.bboxhead h2 {
    background: url(/latestjobs/images/sbbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 22px 30px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.0em; 
    line-height: 1em;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.bboxbody {
    background: url(/latestjobs/images/sbbbody-l.gif) no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 31px;
    height: 100%;
}

#latestbox{
  display: none;
  position: relative;
  left: 120px; 
  z-index: 100; 
  top: 320px;
  height: 300px;
}

#latestbox li{
  list-style-type: disc;
}

#latestbox a:visited{
  color: #999999;
}