/*date_created: February 2, 2009 
date_updated:  
 */
/* 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%;
}

.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;
}