/* CSS Document */

#tableContainer { background-color: #ffffff; overflow: hidden; color: #000000; font-size: 9px; }

.clearTable { clear: both; margin: 0px; padding: 0px; height: 0px; background-color: #E8E8E8; }



#tableMenuArea{ width: 702px; background-color: #f6f6f6; float: left; padding-top: 5px; padding-bottom: 7px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: #E8E8E8; }

#tableMenu { font-size:10px; color:#102861; width: 440px; background-color: #f6f6f6; float: left; border-width: 1px; border-color: #00ff00; border-style: none; }
#tableMenu ul { padding-bottom: 3px; padding-top: 3px; background-color: #f6f6f6; border-style: none; overflow: hidden; }
#tableMenu ul li { display:block; float:left; padding-left: 17px; padding-right: 3px; line-height: 130%; width: 120px; background-color: #f6f6f6;  color:#102861; background-image: url(/Images/bg_buisinessblock_arrow.gif);  background-repeat:no-repeat; background-position: 6px 4px;  }
#tableMenu ul li a { text-decoration:none; color:#102861; }
#tableMenu ul li.selected a { text-decoration:none; color:#102861; font-weight: bold; }
#tableMenu ul li a:hover { text-decoration:underline; color:#102861;}
#tableMenu ul li.selected a:hover { text-decoration:underline; color:#102861;}
#tableMenu ul li ul li a:hover { text-decoration:none; color:#102861;}

#tableMenuRight { float: right; width: 240px; background-color: #f6f6f6; color: #000000; line-height: 130%; border-width: 1px; border-color: #00ff00; border-style: none; }

#tableMenu100 { font-size:10px; color:#102861; background-color: #f6f6f6; float: left; border-width: 1px; border-color: #00ff00; border-style: none; }
#tableMenu100 ul { padding-bottom: 3px; padding-top: 3px; background-color: #f6f6f6; border-style: none; overflow: hidden; }
#tableMenu100 ul li { display:block; float:left; padding-left: 17px; padding-right: 3px; line-height: 130%; width: 120px; background-color: #f6f6f6;  color:#102861; background-image: url(/Images/bg_buisinessblock_arrow.gif);  background-repeat:no-repeat; background-position: 6px 4px;  }
#tableMenu100 ul li a { text-decoration:none; color:#102861; }
#tableMenu100 ul li.selected a { text-decoration:none; color:#102861; font-weight: bold; }
#tableMenu100 ul li a:hover { text-decoration:underline; color:#102861;}
#tableMenu100 ul li.selected a:hover { text-decoration:underline; color:#102861;}
#tableMenu100 ul li ul li a:hover { text-decoration:none; color:#102861;}

input { vertical-align: middle; }

.dropDown {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; margin-left: 25px; }




table { border-collapse: collapse; border-width: 1px; border-color: #EFECE7; border-style: none; background-color: #FBFAF9; width:100%; }
.tableMyOrders { font-size: 9px; }
table.tableMarketData { border-bottom: 2px solid #e8e8e8;}

.withEndOfTableLine { border-bottom: 0px solid #e8e8e8;}
.withEndOfTableLineRight { border-bottom: 0px solid #e8e8e8; text-align: right; }

.even { background-color : #f6f6f6; }
.odd { background-color : #ffffff; }

th { text-align: right; background-color: #ffffff; color: #768da8; padding: 2px 4px 2px 4px; font-weight: normal; }
th a{ color: #768da8; text-decoration: none; }
th a:hover { color: #000000; text-decoration: underline; }
.thAlignLeft { text-align: left; }
.thAlignCenter { text-align: center; }

.thOnTopAlignLeft { text-align: left; color: #102861; font-size: 100%; font-weight: bold;  border-style: dashed; border-width: 0px 0px 1px 0px; border-color: #DFDFDF; }
.thOnTopAlignRight { text-align: right; color: #102861; font-size: 100%; font-weight: bold;  border-style: dashed; border-width: 0px 0px 1px 0px; border-color: #DFDFDF; }

td { padding: 2px 4px 2px 4px; }

.arrowL { padding-left: 0px; }
img { border-style: none; }
img.iconInTable { padding-right: 5px; padding-top: 2px; }

.tableBarAlignRight { text-align: right; COLOR: #000000; padding: 2px 0px 2px 0px;}
.tableBarAlignLeft { text-align: left; COLOR: #000000; padding: 2px 0px 2px 0px;}

.tableBlackAlignRight { text-align: right; COLOR: #000000; }
.tableBlackAlignRight a { color: #000000; text-decoration: none; }
.tableBlackAlignRight a:hover { color: #000000; text-decoration: underline; }

.tableRedAlignRight { text-align: right; COLOR: #ff0000; }
.tableRedAlignRight a { color: #FF0000; text-decoration: none; }
.tableRedAlignRight a:hover { color: #FF0000; text-decoration: underline; }

.tableBlueAlignRight { text-align: right; COLOR: #2C64CC; }
.tableBlueAlignRight a { color: #2C64CC; text-decoration: none; }
.tableBlueAlignRight a:hover { color: #2C64CC; text-decoration: underline; }


.tableBlackAlignLeft { text-align: left; COLOR: #000000; }
.tableBlackAlignLeft a { color: #000000; text-decoration: none; }
.tableBlackAlignLeft a:hover { color: #000000; text-decoration: underline; }

.tableRedAlignLeft { text-align: left; COLOR: #ff0000; }
.tableRedAlignLeft a { color: #FF0000; text-decoration: none; }
.tableRedAlignLeft a:hover { color: #FF0000; text-decoration: underline; }

.tableBlueAlignLeft { text-align: left; COLOR: #2C64CC; }
.tableBlueAlignLeft a { color: #2C64CC; text-decoration: none; }
.tableBlueAlignLeft a:hover { color: #2C64CC; text-decoration: underline; }

.tableDarkBlueAlignLeft { text-align: left; COLOR: #254799; }
.tableDarkBlueAlignLeft a { color: #254799; text-decoration: none; }
.tableDarkBlueAlignLeft a:hover { color: #254799; text-decoration: underline; }

.tableBlackAlignCenter { text-align: center; COLOR: #000000; }
.tableBlackAlignCenter a { color: #000000; text-decoration: none; }
.tableBlackAlignCenter a:hover { color: #000000; text-decoration: underline; }






.tableSectionFootBlackAlignRight { text-align: right; COLOR: #000000; font-weight: bold; border-top: #e8e8e8 2px solid; background-color: #ffffff; }
.tableSectionFootRedAlignRight { text-align: right; COLOR: #ff0000; vertical-align: top; font-weight: bold; border-top: #e8e8e8 2px solid; background-color: #ffffff; }
.tableSectionFootBlueAlignRight { text-align: right; COLOR: #2C64CC; vertical-align: top; font-weight: bold; border-top: #e8e8e8 2px solid; background-color: #ffffff; }
.tableSectionFootBlackAlignLeft { text-align: left; COLOR: #000000; vertical-align: top; font-weight: bold; border-top: #e8e8e8 2px solid; background-color: #ffffff; }
.tableSectionFootRedAlignLeft { text-align: left; COLOR: #ff0000; vertical-align: top; font-weight: bold; border-top: #e8e8e8 2px solid; background-color: #ffffff; }
.tableSectionFootBlueAlignLeft { text-align: left; COLOR: #2C64CC; vertical-align: top; font-weight: bold; border-top: #e8e8e8 2px solid; background-color: #ffffff; }
.tableSectionFootDarkBlueAlignLeft { text-align: left; COLOR: #254799; vertical-align: top; font-weight: bold; border-top: #e8e8e8 2px solid; background-color: #ffffff; }
.tableSectionFootBlackAlignCenter { text-align: center; COLOR: #000000; vertical-align: top; font-weight: bold; border-top: #e8e8e8 2px solid; background-color: #ffffff; }

.tableFootBlackAlignRight { text-align: right; COLOR: #000000; font-weight: bold; border-top: #e8e8e8 1px solid; background-color: #ffffff; }
.tableFootRedAlignRight { text-align: right; COLOR: #ff0000; vertical-align: top; font-weight: bold; border-top: #e8e8e8 1px solid; background-color: #ffffff; }
.tableFootBlueAlignRight { text-align: right; COLOR: #2C64CC; vertical-align: top; font-weight: bold; border-top: #e8e8e8 1px solid; background-color: #ffffff; }
.tableFootBlackAlignLeft { text-align: left; COLOR: #000000; vertical-align: top; font-weight: bold; border-top: #e8e8e8 1px solid; background-color: #ffffff; }
.tableFootRedAlignLeft { text-align: left; COLOR: #ff0000; vertical-align: top; font-weight: bold; border-top: #e8e8e8 1px solid; background-color: #ffffff; }
.tableFootBlueAlignLeft { text-align: left; COLOR: #2C64CC; vertical-align: top; font-weight: bold; border-top: #e8e8e8 1px solid; background-color: #ffffff; }
.tableFootDarkBlueAlignLeft { text-align: left; COLOR: #254799; vertical-align: top; font-weight: bold; border-top: #e8e8e8 1px solid; background-color: #ffffff; }
.tableFootBlackAlignCenter { text-align: center; COLOR: #000000; vertical-align: top; font-weight: bold; border-top: #e8e8e8 1px solid; background-color: #ffffff; }



thead th { background-color: #e8e8e8; text-align: left; color: #102861; font-weight: bold; }
tfoot th { text-align: left; color: #102861; font-weight: bold; border-top: #e8e8e8 2px solid; border-bottom: #e8e8e8 2px solid; }
tfoot td { font-weight: bold; border-top: #e8e8e8 2px solid; border-bottom: #e8e8e8 2px solid; }
tbody th { vertical-align: bottom; }
.tableSpace {  clear: both; height: 10px; }

.thright { text-align: right; }

div#MpPieCollection { padding-top:2ex; }
div#MpPie { width:223px; float:left; border-bottom: 0px solid #e8e8e8; }
.MpItemColor { font-size: 20%; padding:2px 0px 2px 0px; width: 6px; }
div#MpPieWide { width:457px; float:left; border-bottom: 0px solid #e8e8e8; }

.MpPieVerticalSpace { width: 8px; float: left; }
.imgCake { padding: 5px 0px 5px 0px; }
.imgOversiktGraph { padding: 10px 10px 10px 10px }
.Mpcakediagram { width: 100px; }
.MpItemColorCell { width: 8px; }
.MpItemPercentCell { width: 45px; text-align: right; }

#oversiktNumbers { float: left; width: 400px; }
#oversiktGraph { float: left; width: 280px; padding-left: 12px; }

.tableInputCheckbox { margin-left: 5px; margin-right: 5px; }

.tableSubHeading { font-weight: bold; background-color: #f6f6f6; }
.tableWhiteSpace { background-color: #ffffff; }