.PortletBox {
    position: relative;
    margin: 0px auto;
    min-width: 8em;
    max-width: 950px; /* based on image dimensions - not quite consistent with drip styles yet */
    z-index: 1;
    margin-left: 12px; /* default, width of left corner */
    margin-bottom: 0.5em; /* spacing under dialog */
}

.PortletBox .content,
.PortletBox .t,
.PortletBox .b,
.PortletBox .b div {
    background: transparent url(../images/portlet.png) no-repeat top right;
    _background-image: url(../images/portlet.png);
}

.PortletBox .content {
    position: relative;
    zoom: 1;
    _overflow-y: hidden;
    padding: 0px 12px 0px 0px;
}

.PortletBox .t {
/* top+left vertical slice */
    position: absolute;
    left: 0px;
    top: 0px;
    width: 12px; /* top slice width */
    margin-left: -12px;
    height: 100%;
    _height: 1600px; /* arbitrary long height, IE 6 */
    background-position: top left;
}

.PortletBox .b {
/* bottom */
    position: relative;
    width: 100%;
}

.PortletBox .b,
.PortletBox .b div {
    height: 30px; /* height of bottom cap/shade */
    font-size: 1px;
}

.PortletBox .b {
    background-position: bottom right;
}

.PortletBox .b div {
    position: relative;
    width: 12px; /* bottom corner width */
    margin-left: -12px;
    background-position: bottom left;
}

.PortletBox .hd,
.PortletBox .bd,
.PortletBox .ft {
    position: relative;
}

.PortletBox .wrapper {
/* extra content protector - preventing vertical overflow (past background) */
    position: static;
    max-height: 1000px;
    overflow: auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.PortletBox .bd {
    overflow:auto;
}

.PortletBox h1,
.PortletBox p {
    margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
    padding: 0.5em 0px 0.5em 0px;
}

.PortletBox h1 {
    padding-bottom: 0px;
}

.PortletBox .b,
.PortletBox .b div {
    height: 20px;
}


.PortletBox  .t,
.PortletBox  .hd,
.PortletBox  .bd,
.PortletBox  .ft,
.single-col .PortletBox  .b div
{
    margin-left: -30px;
    width: 30px;
}


.PortletBox .wrapper {
    width: auto;
}

.PortletBox .wrapper .hd,
.PortletBox .wrapper .bd,
.PortletBox .wrapper .ft {
    margin-left: 0px;
}

.PortletBox  .hd,
.PortletBox  .bd,
.PortletBox  .ft {
    zoom: 1;
    width: auto;
    padding-top: 0px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 0px;
}

/* Single column sizing */
.single-col .PortletBox {
    width: 450px;
}


.single-col .PortletBox  .content {
    margin-right: -10px;
    margin-left: 10px;
    padding: 0 20px;
}

.single-col .PortletBox  .b {
    margin-left: 10px;
}

.single-col .PortletBox  .b div {
    margin-left: -30px;
    width: 30px;
}

/* Interior Elements - this should definitely go in another file */

/* Portlet header positioning */

.PortletBox  .hd {
    padding-left: 0px;
    padding-top:35px;
}

.PortletBox .hd .toolbar {
    float: right;
    position: relative;
    top: -14px;
}

.PortletBox .hd .name {
    height: 61px;
    padding-top: 0px;
    padding-left: 60px;
    position: relative;
    z-index: 1;
}

.PortletBox .hd h2 {
    font-style: italic;
    padding-top:21px;

}


/* Interior tabs */

.smalltabs {
    width: auto;
}

.smalltabs .tabhead li {
    width: 93px;
    height: 28px;
    float: left;
    display: inline;
    margin-right: 0px;
    list-style: none;
    text-align: center;
    background: url(../images/smalltab.png) no-repeat bottom;
}

.smalltabs .tabhead li.current {
    width: 94px;
    height: 28px;
    background: url(../images/smalltab_current.png) no-repeat bottom;
}

.smalltabs .tabhead li a {
    width: auto;
    display: block;
    padding-top: 11px;
    font-size: 12px;
    color: #676767;
}

.smalltabs .tabhead li.current a {
    font-weight: bold;
    color: #333;
}

.smalltabs .tabbody {
    background: #FFFFFF;
    padding: 12px;
}

/* paging */

.turnPage, .totalPage {
    float: right;
}

.turnPage span.firstPage {
    background: transparent url(../images/firstPage_disable_btn.gif) no-repeat scroll 0 center;
    padding-left: 21px;
}

.turnPage a.firstPage {
    background: transparent url(../images/firstPage_btn.gif) no-repeat scroll 0 center;
    padding-left: 21px;
}

.turnPage a.previous {
    background: transparent url(../images/previous_btn.gif) no-repeat scroll 0 center;
    padding-left: 21px;
}

.turnPage span.previous {
    background: transparent url(../images/previous_disable_btn.gif) no-repeat scroll 0 center;
    padding-left: 21px;
}

.turnPage span.next {
    background: transparent url(../images/next_disable_btn.gif) no-repeat scroll 0 center;
    padding-left: 21px;
}

.turnPage a.next {
    background: transparent url(../images/next_btn.gif) no-repeat scroll 0 center;
    padding-left: 21px;
}

.turnPage a.lastPage {
    background: transparent url(../images/lastPage_btn.gif) no-repeat scroll 0 center;
    padding-left: 21px;
}

.turnPage span.lastPage {
    background: transparent url(../images/lastPage_disable_btn.gif) no-repeat scroll 0 center;
    padding-left: 21px;
}