

table
{
  text-align:center;  
  margin-left:auto; 
  margin-right:auto; 
  width:1200px;  
  border:1px solid black;
}

#CommTable tr, #CommTable td
{
  height:150px; 
  border:1px solid black;
  position: relative;
}

#HeaderTable tr, #HeaderTable td
{
  padding: 10px;
  height: 20px;
  border:1px solid black;
}

#FooterTable tr, #FooterTable td
{
   border: 0px;
   height: 20px;
}

#FooterTable td
{
   width: 50%;
   color: black;
}

/* unvisited link */
a:link {
    color: white;
}

/* visited link */
a:visited {
    color: white;
}

/* mouse over link */
a:hover {
    color: white;
}

/* selected link */
a:active {
    color: white;
}

/* unvisited link */
#AllDataLink a {
    color: black;
}

/* unvisited link */
a:link {
    color: white;
}

/* visited link */
a:visited {
    color: white;
}

/* mouse over link */
a:hover {
    color: blue;
}

/* selected link */
a:active {
    color: white;
}

#TripleInfoRow tr,#TripleInfo td
{
    text-align: left; 
    vertical-align: middle; 
    color: black;
    background: white;
    height: 60px;
}

#TripleInfo
{
    
}

#TripleHeader, #FlowDescriptionHeader, #SolutionsHeader, #SolutionDescriptionHeader, #GapSummaryHeader
{
    margin-bottom:3px;
    font-weight: bold;
}

#Triple
{
    text-align: left; 
    color: black;
    margin-bottom: 10px;
}

#FlowDescription
{
    text-align: left; 
    color: black;
}

#SolutionAreaRow tr, #SolutionAreaRow td
{
    text-align: center; 
 
    line-height: 22px; 
    color: black;  
    background: white;
    height: 60px;
}

#SolutionArea
{

}

.SolutionRegions
{
    float:left; 
    text-align:right; 
    margin-right: 3px;
    height: 20px;
}

#Solutions
{
    text-align:left;
    margin-bottom: 5px;
}

#SelectedSolution
{
    background: orange;
}

#SolutionArea a
{
    color: black;
}


#SolutionDescription
{
    text-align: left; 
    color: black;  
    background: white;
}

#GapSummary
{
    text-align: left; 
    line-height: 22px; 
    color: black;  
    background: white;
}

#GapImage
{
    float: left;
}

#GapDescription
{
    margin-left:15px;
    display:inline;
}

#ITSInfo
{
    background: #7e649e;
}

#Mgmt {
    background: #33cccc;
}

#Security {
    background: #e5b9b5;
}

#Facility {
    background: #b7dde8;
}

#Transnet {
    background: #92cddc;
}

#Subnet {
    background: #31859b;
}

#FacilityStandards, #TransNetStandards, #SubNetStandards, #ManagementStandards, #SecurityStandards {
    float: left;
    margin-top: 35px;
    margin-left: 20px;
    text-align: left;
    color: black;
}

#MoreInfo {
    background: #bfbfbf;
    overflow-y: auto;
    border-left-width: 20px;
}

#SubnetStandardsBack, #ITSInfoStandardsBack, #ManagementStandardsBack, #FacilityStandardsBack, #SecurityStandardsBack, #TransnetStandardsBack
{
    position: absolute;
    bottom: 0px;
    visibility: hidden;
    right: 0px;
}

#AllDataLink {
    float:right;
}

#ChangeColorScheme {
    float:left;
}

#MoreInfoHeader {
    position: absolute;
    top: 0px;
}

#MoreInfoText {
    position: absolute;
    top: 50px;
}

#ITSInfoGapImageDiv, #FacilityGapImageDiv, #TransnetGapImageDiv, #SubnetGapImageDiv, #ManagementGapImageDiv, #SecurityGapImageDiv
{
//    visibility: hidden;
}

#ITSInfoGapImageDiv, #FacilityGapImageDiv, #TransnetGapImageDiv, #SubnetGapImageDiv, #ManagementGapImageDiv, #SecurityGapImageDiv
{
    position: absolute;
    top: 0px;
    right: 0;
}

#ManagementGapImageDiv, #SecurityGapImageDiv
{
//    position: absolute;
//    top: 25px;
//    width: 100%;
}

#ManagementHeader, #SecurityHeader
{
//    position: absolute;
//    Top: 0px;
//    width: 100%;
}

#ITSInfoHeader, #FacilityHeader, #TransnetHeader, #SubnetHeader, #ManagementHeader, #SecurityHeader
{
    position: absolute;
    top: 0px;
    left: 0;
    color: white;
}

#GapInfo
{
    text-align: left;
    margin-top: 15px;
}

#Mgmt, #Security
{
    width: 280px;   
}

.link
{
    cursor:pointer;
    text-decoration: underline;   
}

#GapRow
{
   display:none;
}



/* NOT USED
.topVertText
{
    transform: rotate(270deg);
    width: 60px;
}

.topHorizontalText
{
    position: absolute;
    top: 0px;
}

*/











