﻿body {
}

H1
{
	font-family: Arial;
	font-weight: bold;
	font-size: 20pt;
	text-align: center;
	vertical-align: text-bottom;
	color: white;
	background-color: silver;

}



#LeftCol
{
    width:20%;
    background-color:Red;
}
#MidCol
{
    width:60%;
    background-color:gray;
    
}
#RightCol
{
    width:20%;
    background-color:Blue;
    
}

/* Properties that both side lists have in common */
div.link-list {
        width:20%; /*.2em; */
        position:absolute;
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
        background-color:Lime;
        
}
/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:10.2em;
        margin-right:10.2em;
        padding-left:1em;
        padding-right:1em;
        width:80%;
}
/* and then we put each list on its place */
#list1 {
        left:0;
                background-color:Lime;

}
#list2 {
        right:0;
        background-color:Lime;
}

#Grid 
{
 background-color:Red;   
 width:1000px;
  font-size:10px;
  padding-left:75px;
  padding-right:75px;
  padding-bottom:25px;
     
    
}


.MainContent				/* Controls the Table items */
{
	width:1060px;
	width:80%;
	margin:0 auto;
    background-color: Maroon;       /* TEST */
    background-color: #B5C7DE;
    background-image: url("~/Images/lba-opacity14.png" );
	background-repeat:no-repeat;
	background-position:center ;

}
#RadioSelectLayout 
{
    background-color:Fuchsia;       /* TEST */
	background-color: #b71234;      /* PROD */  /* USBC Red  */ 
    width:90%;
    margin:0 auto;
    height:auto;
	overflow:auto;
   
}


.RadioSelectText
{
    font-family:Arial;
    font-size:20px;
    background-color: red;          /* TEST */
    background-color:Transparent;   /* PROD */
    color:White;
    padding-left:70px;
    padding-right:25px;
    width:250px;
   
    
}

#SQLTextLayout 
{
    background-color: Lime ;        /* TEST */
    background-color:Transparent;   /* PROD */
    width:90%;
    margin:0 auto;
    height:250px;
    padding-top:10px;
    overflow:auto;
   
}

.SQLText
{
    background-color: green ;       /* TEST */
    background-color: White;        /* PROD */
    Height:175px; 
    Width:80%;
    margin-left: 10% ;
}

.SQLLabelLayout
{
    background-color: yellow ;      /* TEST */
    background-color:Transparent;   /* PROD */
    Height:45px; 
    Width:80%;
    margin-left: 10% ;
}


#SQLResultsLayout
{
    width:100%;
    height:auto;
    overflow:auto;
    margin:0 auto;
    background-color:Purple;        /* TEST */
    background-color:Transparent;   /* PROD */
    max-height:500px;
    min-height:30px;
    
}
#SQLResultsLayout p
{
    padding-left:10px; 
    padding-bottom:5px;
    font-family:Arial;
    background-color:orange;        /* TEST */
    background-color:Transparent;   /* PROD */

}

.gridLayout 
{
    width:100%;
    margin:0 auto;
  
}

p 
{
    padding-left:10px; 
    padding-bottom:5px;
    font-family:Arial;
    background-color:Aqua;      /* TEST */
	background-color:#00338d;   /* PROD */  /* USBC Blue */ 
    color: White;
}


