/* shape */

html,body {}
body {background-color: #3e0b07; padding: 0; width: 900px; margin: 1em auto 2em}
/* body>div {padding: 5% 0 0; margin: 0; overflow: hidden; min-height: 500px} */
body div#mf {margin: 0; overflow: auto; border: 1px solid white ; padding: 0 0 0 231px; background: #fffeef url(images/Wellness-Beauty.jpg) top left no-repeat; position: relative; min-height: 500px} /* #323036 */

/* page header */

body>div div#hedr {position: relative; background: url(/gfx/core/LinkSpace.jpg) top right repeat-x; height: 219px; border-bottom: 1px solid #9c9966}
body>div div#hedr div:first-child {background: url(/gfx/core/TransparantBorder.png) no-repeat left top; position: absolute; top:0px; left: 292px; width: 53px; z-index: 3; height: 220px}
body>div div#hedr div#logo {background: url(/gfx/core/MainLogo.png) no-repeat 345px top; position: absolute; top: 0px; left: 0px; width:900px; height: 220px; z-index: 5}

/* general look */

body#bw h1 {text-align: center; color: #86010b; font: 24px Georgia,Times,"Times New Roman",serif; margin: 0; padding: 0; font-variant: small-caps}
body#bw div#mf h1 {padding: 1em 0; font-weight: bold; font-style: italic; font-variant: normal}
div#mf h2 {color: #323036; font: 22px "Arial Black",Arial,Helvetica,sans-serif; padding: 3px 0 0; margin: 0; height: 35px; overflow: hidden}
div#mf>div {clear: left; padding: 5px 7px 15px; margin: 0}
div#mf h3 {color: #323036; font: 16px "Arial Black",Arial,Helvetica,sans-serif; padding: 0; margin: 0.2em 0 0.5em}
div#mf h4 {color: #323036; font: 15px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; padding: 0; margin: 0.2em 0 0.5em}
div#mf p {color: #323036; font: 13px Verdana,Arial,Helvetica,sans-serif; padding: 0; margin: 0.2em 0}
a[href] {display: block; font: 13px Arial,Helvetica,sans-serif; text-decoration: underline; border: none; margin: 7px 0; padding: 0 0 0 8px; background: transparent url(gfx/Mini.gif) left 50% no-repeat; color: #323036}
div#mf ul {list-style: none; color: #323036; font: 13px Verdana,Arial,Helvetica,sans-serif; padding: 0; margin: 0.5em 0}
div#mf ul li {padding: 0; margin: 0.2em 0}

/* content area */

div#mf ul { font-size: 14px; }
div#mf ol { width: 600px; float: left; font: 12px Tahoma,Arial,sans-serif; text-align: left; list-style: decimal inside none; margin: 0; padding: 0; }
div#mf ol li { float: left; margin: 1px; padding: 5px;  background-color: #d29495; color: white; }
div#mf ol li.current { background-color: #a87677; font-weight: bold; }
div#mf ol li.previous { background-color: #eaa5a6; color: #c28485;}
div#mf>div {margin: 0; padding: 3px 0 0 0}
div#mf>div>div {clear: both; padding: 0.5em 1em; margin: 0}

/* forms */

fieldset {margin: 7px 0; padding: 5px 10px; border: 2px solid #ecb9b9; background-color: #f8e4e4}
input[type="submit"] {background: url(gfx/RoseButtonShort.png) left 40% no-repeat; border: none; width: 129px; font: 13px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; line-height: 150%; min-height: 21px; vertical-align: middle; color: #323036}
input[type="submit"]:hover {color: white}
select {background-color: #f8e4e4; margin: 0; border: 1px solid #7a4444}
div#mf legend {color: #323036; font: bold 13px Verdana,Arial,Helvetica,sans-serif; padding: 0; margin: 0.2em 0}
div#mf label {color: #323036; font: 13px Tahoma,Arial,Helvetica,sans-serif; display: block; margin: 0.2em 0}
div#mf form h5, div#mf form p {color: #323036; font: 13px Tahoma,Arial,Helvetica,sans-serif; display: block; margin: 0.2em 0}
div#mf form h5 {font-weight: bold}
div#mf form strong {display: none; color: #f25549; font: 13px Georgia,Times,"Times New Roman",serif}
body#gs div#mf label span:first-child {display: inline-block; width: 5em; text-align: right}
body#gs div#mf label span:first-child+input {width: 70%}
div#mf label.half {float: left; width: 48%}
div#mf label.half+label.half {margin-left: 1em}
div#mf label.half input[type="text"] {width: 98%}

/* lists and tables */

table { background-color: #a87677; margin: 10px; border-right: 1px solid #fcebeb; border-bottom: 1px solid #fcebeb; border-left: 1px solid #fcdbdb; border-top: 1px solid #fcdbdb; font: 12px Tahoma,Arial,sans-serif; } /* a44d53 */
th { text-align: left; font: 14px Verdana,Arial,sans-serif; font-weight: bold; padding: 4px 5px 4px; color: white; }
td { text-align: left; font-weight: normal; padding: 4px; border-bottom: 2px solid #a87677; }
td.sum { text-align: right; font-weight: bold; color: white; }
td.portolabel { text-align: left; }
td.portosum { text-align: right; }
td dl { margin: 0; padding: 0; }
td dt { margin: 0; padding: 0; }
td dd { margin: 0; padding: 2px 0 3px; }
th.cost { width: 60px; text-align: left; }
td.cost { width: 60px; text-align: right; vertical-align: bottom; }
th.quant { text-align: left; }
td.quant { text-align: right; vertical-align: top; }
tr.odd input { background-color: #f4ebec; width: 50%; }
tr.even input { background-color: #f4ebec; width: 50%; }
tr.odd { background-color: #fce3e3; }
tr.even { background-color: #fcefe1; }
table dd a[href] {display: inline-block; margin-left: 2em}
table dd a[href]:first-child {margin-left: 0}