/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding:0px;
margin:0px;
width: 130px;
font-family:Arial, Helvetica, sans-serif;
color:#222222;
font-weight:bold;
float:left;
}

.modernbricksmenu2 ul{
margin:0;
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
margin: 0;
padding: 0;
list-style:none;
}

.modernbricksmenu2 a {
width:110px;
clear:both;
height:18px;
display: block;
font:Arial, Helvetica, sans-serif 11px;
color:#222222;
text-decoration: none;
margin: 0px; /*Margin between each menu item*/
padding: 5px 9px;
background-color: #F3F3F3;
border-bottom: 1px solid #DDDDDD;
}

.modernbricksmenu2 a:hover{
background-color: #00aeef; /*Brown color theme*/ 
color:#EEEEEE;
border-bottom: 1px solid #DDDDDD;
}

.modernbricksmenu2 a:active{ /*currently selected tab*/
background-color: #00aeef; /*Brown color theme*/ 
color:#EEEEEE;
border-color: #DDDDDD; /*Brown color theme*/ 
}

.tabcontent{
display:none;
padding:0px;
margin:0px;
background-color: #F3F3F3;
width:453px;
height: 203px;
}
.tabcontent .tab_title {
background:#00aeef;
color:#FFFFFF;
font-weight:bold;
padding: 6px 0px;
text-align:center;
}

@media print {
.tabcontent {
display:block !important;
}
}

/*my styles */

#tcontent1, #tcontent2, #tcontent3, #tcontent4, #tcontent5, #tcontent6 {
padding:0px;
margin:0px;
}

#table-display {
width:455px;
float:left;
margin:0px;
padding: 0px 5px;
background-color:#FFFFFF;
}