body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    overflow: hidden;
    border: 0px;
}


div.main {
    width: 791px;
    height: 707px;
}

div.main input, table.liTable td.input select {
    border: 1px solid #969696;
}


div.title {
    font: 36pt "Georgia";
    position: relative;
    color: #013c69;
    width: 713px;
    position: relative;
    left: 21px;
    text-align: center;
}


div.aboveGraph {
    width: 713px;
    height: 280px;
    position: relative;
    left: 21px;
    top: 5px;
}


div.aboveGraph div.left {
    position: relative;
    float: left;
    width: 497px;
    height: 100%;
}


div.aboveGraph div.right {
    border: 0px solid;
    position: relative;
    float: left;
    width: 196px;
    left: 20px;
    height: 100%;
}



div.aboveGraph div.left div.left1 {
    height: 76px;
    background: url(imag/left1BG.gif);
    padding-left: 25px;
}
div.left1 span.big {
    font: 14pt "Georgia";
    color: #000000;
    line-height: 18px;
    top: 9px;
    position: relative;
} 
div.left1 span.small {
    font: 10pt "Georgia";
    color: #000000;
    top: 14px;
    position: relative;
}



div.aboveGraph div.left div.redText {
    margin: 11px 0 9px 0;
    padding-left: 23px;
    font: 9pt "Arial";
    color: #087fc1;
}



div.leftBottom {
    padding-bottom: 10px;
    font: italic 8pt "Arial";
    color: #696969;

    width: 382px;
    margin-left: 15px;
    padding-left: 5px;
}
div.leftBottom span { position: relative; }
div.leftBottom span.row1 { font-weight: bolder; margin-left: 4px; }
div.leftBottom span.row3 { margin-left: 4px; }

div.leftBottom span.row3 a { color: #8EA5FF; text-decoration: none; }

table.liTable td.price span.red {
    color: #087fc1;
    font-weight: normal;
    top: 0px;
}

table.liTable td.input span.clear {
    width: 27px;
    font: bold 8pt "Arial";
    position: absolute;
    top: 159px;
    right: 5px;
}
table.liTable td.input span.clear a {
    color: #979797;
    text-decoration: underline;
}
table.liTable td.input span.clear a:hover { text-decoration: none; }



div.aboveGraph div.left div.li {
    height: 167px;
    width: 484px;
    background: url(imag/liTableBG.gif) no-repeat top;
    padding-left:13px;
}

table.liTable {
    width: 100%;
}

table.liTable td { vertical-align: middle; height: 30px;}
table.liTable td.number {
    width: 20px;
    color: 565657;
    font: bold 10pt "Arial";
    text-align: right;
    vertical-align: top;
}
table.liTable td.text {
    color: #013c69;
    font: bold 10pt "Arial";
    text-align: left;
    padding-left: 4px;
    width: 280px;
    vertical-align: top;
}
table.liTable td.input {
    text-align: left;
}
table.liTable td.input select { width: 140px; }
table.liTable td.input input { width: 63px; padding-left: 5px; }
table.liTable td.text span.calculate {
    color: #000000;
    font: 7pt "Arial";
    position: relative;
    top: -6px;
}
table.liTable td.text img {
    border:0px;
    margin-top: 2px;
    position: relative;
}

table.liTable td.price span, table.liTable td.price div { font: bold 11pt "Arial"; }
#resPrice, #resAmount { border: 1px solid #969696; width:138px; height:18px; text-align:right; }


div.aboveGraph div.right div.upperRight, div.aboveGraph div.right div.underRight {
    background: url(imag/rightBG.gif) no-repeat 0 50px;
    height: 150px;
}

div.underRight {
    position: relative;
    top: 15px;
}





table.tableRight { width: 100%; }
table.tableRight tr { height: 17px;}

table.tableRight tr.header { height: 20px }

table.tableRight td {
    color: #515252;
    font: bold 8pt "Arial";
    vertical-align: top;
    text-align: center;
}

table.tableRight tr.header td { padding-top: 7px; }

table.tableRight td.first { text-align: right; padding-right: 7px; }



div.right div.posted {
    width: 100%;
    color: #515252;
    text-align: center;
    font: bold 7pt "Arial";
}



div.graph {
    width: 750px;
    height: 290px;
    position: relative;
    left: 21px;
    top: 25px;
}

div.graph span.title {
    color: #565657;
    font: bold 10pt "Arial";
    margin-left: 27px;
}

div.graph div.flashGraph { 
    width: 560px;
    position: relative;
    float: left;
    padding-left: 18px;
}


div.graph div.right {
    position: relative;
    float: left;
    width: 128px;
    margin-top: 27px;
    margin-left: 5px;
}

div.graph div.right span.text {
    color: #000000;
    font: bold 7pt "Arial";
}


ul.periods {
    list-style:none;
    margin: 7px 0 0 0;
    padding:0;
}
ul.periods li {
    margin: 2px 0 2px 0;
}

td.input #buy {
    width: 73px;
    color: #CF0000;
    font: bold 10pt Arial;
}