/* J2EEOnline: tablePos.css
date_created: February 2, 2009 
date_updated:  Feb 15, 2009
 */
/* Modified CSS */
/* folderTitleTable ~ subjectSeparator */
.subjectSeparator  {margin-bottom: 0px; font-weight: bold;
font-size: 90%;    border-bottom:#CCCCCC 1px solid }
.contentTable {font-size:80% ;}
#fileComponentCount{    font-size: 75%; BORDER-LEFT:#FFFFFF 5px solid}
/* -------------------------------------------------------------------------------------- */
.codeShade {padding: 4px;margin-left: 0em;border:#CCCCCC solid 1px;margin-top:0.5em;margin-bottom:0.5em;}
A {COLOR: #003399; TEXT-DECORATION: none }
A:hover{text-decoration:underline}

body{ width: 100%; FONT-FAMILY: Arial; margin: 3 auto; margin-left: 0px; PADDING-LEFT: 0px; }
/* ----- Continue formatting --------------------------------------------------------------------------------- */
H1 {margin-bottom: 0px; margin-top: 0px;color: #003399; 
font-weight: normal; font-size: 75%; TEXT-DECORATION: none }

.leftBarTable{
   font-size: 90%;
   background-color: #E6E6E6;
   BORDER-TOP: 1px solid #CCCCCC;
   BORDER-LEFT: 1px solid #CCCCCC;
   BORDER-RIGHT: 1px solid #CCCCCC;
   width:140px;
}
.leftLangCell{
   border-bottom: 1px solid #CCCCCC;
}
.leftNewLangCell{
   border-bottom: 1px solid #CCCCCC;
   background-color: #FFE6E6;
}

.leftBarFolderTable{
   background-color: white;
   BORDER-TOP: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   font-size: 90%;
}
.leftNewFolderCell{
   background-color: #FFE6E6;
}

.folderGroupTable {
    margin-bottom: 0px; 
    background-color: #E6E6E6;
    border-bottom:#CCCCCC 1px solid;
    FLOAT: middle; 
    font-size: 95%;
}

/*
.articleProductElementTitle { font-size: 110%; background-color: #e6e6e6;
    BORDER-LEFT:#CCCCCC 1px solid;        BORDER-TOP:#CCCCCC 1px solid;    
    border-bottom:#CCCCCC 2px solid;    BORDER-RIGHT:#CCCCCC 2px solid;            
}
*/
.odd{background-color: #E6E6E6; height:40px; }
.even{background-color: #FFFFFFF;    height:40px;}

.relatedExample{
    font-size: 170%; 
    border-bottom:#CCCCCC 1px solid;
}

.screenshotIndexTable {
    BORDER-COLLAPSE: collapse;
    background-color: #E6E6E6;
    BORDER-LEFT:#CCCCCC 1px solid;    
    BORDER-TOP:#CCCCCC 1px solid;    
    border-bottom:#CCCCCC 1px solid;
    BORDER-RIGHT:#CCCCCC 1px solid;   
    font-size: 80%;         
}
.screenshotElementTable{
    BORDER-COLLAPSE: collapse;
}

.codeTitle{
    font-size: 150%; 
    border-bottom:#CCCCCC 1px solid;
}

.tutorialFolderTitle{
    font-size: 110%; 
    border-bottom:#CCCCCC 1px solid;
}

.googleBar{
   BORDER:#CCCCCC 1px solid;
}   

.tutorialTable{
   BORDER:#CCCCCC 1px solid;
   BORDER-COLLAPSE: collapse;

}
.tutorialTable TD{
   BORDER:#CCCCCC 1px solid;
}

.codeResult {
   width: 800px;
   BORDER: 5px solid #CCCCCC;
   color:#FFFFFF; 
   background-color:#000000;
   font-size: 100%;
   COLOR: #FFFFFF;
   Font-family: Courier New
}


.treeTableLeaf {
    font-size: 13px; FONT-FAMILY: verdana,sans-serif; MARGIN: 0px;BORDER: 0px; PADDING:0px;
}

.treeTableHeader {
    text-align: left;
    background: #D4D0C8;
    font-size: 70%;
    border-bottom: 1px outset #F4F4F4;
    border-RIGHT: 1px outset #F4F4F4;
    border-LEFT: 1px outset #C0C0C0;
    border-TOP: 1px outset #C0C0C0;
}
.treeTableTree{
   height:13px;
   width: 200px;
   font-size: 75%;
}

.diagramCellClass{
   height:15px;
   width: 500px;
   background: #F7E6FF;
   font-size: 75%;
   font-family: Courier New, monospace;
   BORDER: 1px solid #660099;
   margin: 2px;
}

.diagramCellInterface{
   height:15px;
   width: 500px;
   background: #FFF5E6;
   font-size: 75%;
   font-family: Courier New, monospace;
   BORDER: 1px solid #FF9900;
   margin: 2px;
}


.tabContent {
BORDER-RIGHT: 1px solid #bbbbbb;
BORDER-LEFT: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
}

.tabHeader {
text-align:center;
font-size: 80%;
BORDER: 1px solid #bbbbbb;
Background: #E6E6E6;
}

.tabHeaderCurrent {
text-align:center;
font-size: 80%;
BORDER-TOP: 1px solid #bbbbbb;
BORDER-RIGHT: 1px solid #bbbbbb;
BORDER-LEFT: 1px solid #bbbbbb;
}

.tabHeaderLast {
border-bottom: 1px solid #bbbbbb;
Background: white;
}

.tabHeaderDivider{ border-bottom

border-bottom: 1px solid #bbbbbb;
Background: white;
}