/* rounded box */
.bx-t, .bx-t div, .bx-b, .bx-b div {position:relative; height:4px; background-repeat:no-repeat; font-size:1px;}
.bx-t div {background-position:100% -4px;}
.bx-b {background-position:0 -8px;}
.bx-b div {background-position:100% -12px;}
.bx-i {margin:0; padding:0 5px; overflow:hidden; height:100%;} /* overflow;height is a test for clearing floats */
/* with a 1px border */
.bx-1px .bx-t {top:-1px; left:-1px;}
.bx-1px .bx-t div {left:2px;}
.bx-1px .bx-b {top:1px; left:-1px;}
.bx-1px .bx-b div {left:2px;}
/* special tab style box*/
.bx-tab .tab, .bx-tab .tab * {background:#a80004 url(/images/ui/box/wr_2c.gif) no-repeat; color:#fff;}
.bx-tab {position:relative;}
.bx-tab .tab {float:left; margin:5px 5px 0 5px; padding:0;}
.bx-tab .tab * {display:block; margin-left:4px; padding:3px 8px 4px 4px; background-position:100% -4px;}
.bx-tab .bx {clear:both;}

/* white to white with a 1px border */
.ww-bdr {background-color:#fff; border:1px solid #c9c3c4;}
.ww-bdr .bx-t, .ww-bdr .bx-t div, .ww-bdr .bx-b, .ww-bdr .bx-b div {background-image:url(/images/ui/box/ww_bdr_4c.gif);}

/* white to grey with a 1px border */
.wg-bdr {background-color:#f3f2f2; border:1px solid #c9c3c4;}
.wg-bdr .bx-t, .wg-bdr .bx-t div, .wg-bdr .bx-b, .wg-bdr .bx-b div {background-image:url(/images/ui/box/wg_bdr_4c.gif);}

/* white to grey gradient */
.wgrad {background:#f2f2f2 url(/images/ui/box/wgrad_bkd.gif) repeat-x; border:1px solid #b4b4b4;}
.wgrad .bx-t, .wgrad .bx-t div, .wgrad .bx-b, .wgrad .bx-b div {background-image:url(/images/ui/box/wgrad_4c.gif);}

/* white to orange */
.wo {background-color:#ff9710;}
.wo .bx-t, .wo .bx-t div, .wo .bx-b, .wo .bx-b div {background-image:url(/images/ui/box/wo_4c.gif); top:0; left:0;}


/* button style (width & overflow to take care of explorer) */
.button {border:2px solid; width:auto; overflow:visible; vertical-align:middle; white-space:nowrap; font-family: Arial, "MS Trebuchet", sans-serif; font-size:12px;}
.button, .ext-safari a.button {padding:.2em .5em;} /* reset safari to normal, as other browser need the special code below */
a.button {padding:.25em .5em .3em;}

/* default blue */
.button {background:#3856a2 url(/images/ui/box/wbl_bkd.gif) repeat-x; color:#fff; border-color:#8b9acd #3a4874 #233564 #8397c9;}
.button:hover {cursor:pointer; background:#516cb3 none; border-color:#7c8dc6 #415788 #2a4079 #6782bb; text-decoration:underline;}
/* red */
.btn-red {background:#fd0024 url(/images/ui/box/wlr_bkd.gif) repeat-x; border-color:#ff7163 #821304 #7f0016 #fe616a;}
.btn-red:hover {background:#fd002b none; border-color:#ffa39a #8b4740 #883f4c #ffa89c;}
/* gradient grey */
.btn-grey {background:#f2f2f2 url(/images/ui/box/wgrad_bkd.gif) repeat-x; color:#000; border-color:#dfe0e0 #5e5e5e #656565 #f8f8f8;}
.btn-grey:hover {background:#f5f5f5 none; border-color:#e7e8e8 #7d7e7e #898989 #f3f3f3;}