/************************* Generic Selectors *************************/

html{
	height: 100%;
}

.PageHeaderH1 {
    text-align:center;
}

.PageHeaderH1NonItalics {
    text-align:center;
}

body  {
    padding: 0px;
    margin: 0px;
    height: 100%;
    /* border-collapse: collapse; */
    background-color: #040C62;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
}

tr.ruled{
			background:#9cf;
}
                  
.AlroBlueHeading {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12pt;
	color: #000286;
	font-weight: bold;
}

.AlroTitleRow {
	height:70px;
	width:90%;
	vertical-align:baseline;
	text-align:center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #000000;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 2px;
}

.AlroSubTitleRow {
	height:70px;
	width:90%;
	vertical-align:baseline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #000000;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0px 0px 0px 6px 
}

.AlroSurveyQuestion 
{
	font-style: italic;
	font-weight: bold;
}

.AlroSurveyIndent
{
    padding-left:40px;
	font-weight: bold;
	font-style: italic;
}    

.AlroSurveyIndentBorder
{
    border-bottom:solid thin black;
}    
.AlroSurveySubmitButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
    padding:10px 10px 10px 10px;

}

.AlroSurveyAddComment
{
    font-size:small;
    color:Gray;
}

.AlroSurveyCommentIcon
{
    padding-left:10px;
}

.AlroSurveyHeaderText
{
    text-align:right;
    color:White;
    padding:10px 25px 0px 0px;
    font-weight:bold;
    font-size:large;
}
.AlroSurveyCommentLink
{
    text-decoration:none;
}

.charcoal_12PX {
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3F3B3B
}

.white12pt {
	font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #ffffff;       font-weight:bold;
	
}
.black12pt {
	font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000;       font-weight:bold;
}

.black10pt {
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;       font-weight:bold;
}


.black14pt {
	font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #000000;       
	font-weight:bold;
	letter-spacing: 1px;
}

.PhoneNumber {
	font-family: "Arial Black", Arial, sans-serif; font-weight: 900; font-size: 16pt; color: #000000;       
	letter-spacing: 1px;
}

.PhoneNumber10 {
	font-family: "Arial Black", Arial, sans-serif; font-weight: 900; font-size: 10pt; color: #000000;       
	letter-spacing: 1px;
}



.footer {
	position: relative;
	width: 990px;
	margin: 0 auto;
	height: 530px;
}

.tablegrid  {
    border-collapse:collapse; 
    width: 90%;
    background-color: #F0F3F5;
    text-align:center;	
}



.tablegrid td, .tablegrid th {
    border: solid 1px #000; 
    padding: 5px 10px 5px 10px;
}

.tablegrid2  {
    border-collapse:collapse; 
    width: 90%;
      	
}

.tablegrid2 td, .tablegrid2 th {
    /* border: solid 1px #000; */
    padding: 5px 10px 5px 40px;
    /*text-align:center;*/

}

.tablegrid3 td, .tablegrid3 th {
    border: none;
       	
}

.tablegridMetalsPlus  {
    border-collapse:collapse;
    border: solid thin black; 
    width: 100%;
    background-color: #F0F3F5;
    text-align:center;	
}

.tablegridMetalsPlus td, .tablegridMetalsPlus th {
    padding: 20px 10px 5px 10px;
}

.tableTopRow {
    font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #ffffff;       
    font-weight:bold;
    background-color: #3646a2;
    /*background-color: #3D4C73;*/
}

.tableBottomRow {
    font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000;        
    font-weight:bold;
    background-color: #FFFFFF;
}

.trNotBold {
    font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000;        
    background-color: #FFFFFF;
}
.tableWhiteBG blockquote {
     width: 95%;
     margin: 10px;
     padding: 10px;
     quotes: "\201C" ;
 }
 
 /*
 blockquote:before { 
    content: open-quote; font-weight: bold; font-size: 30pt; 
 }*/


.tableTopLeft {
    font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #ffffff;     
    font-weight:bold;
    background-color: #14244b;
    }

.tableleftcol {
    font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000;          
    font-weight:bold;
    text-align: left;
    background-color: #FFFFFF;
    }

.tableCentercol {
    font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000;       
    font-weight:bold;
    text-align: center;
    border: 0px;
    background-color: #FFFFFF;
}

.tableWhiteBG {
    font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000;
    text-align: left;
    background-color: #FFFFFF;
}

.tableButtonWhiteBG {
    text-align: center;
    background-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
    width: 100px;
}

.floatRight {
    padding: 0px 3px 0px 3px;
    float: right;
}

.floatLeft {
    padding: 0px 3px 0px 3px;
    float: left;
}

.floatLeftList {
    margin: 0px 10px 0px 0px;
    padding: 3px 3px 0px 3px;
    float: left;
    font-family: Arial, Helvetica, sans-serif; font-size: 12pt;
}
.ulIndent 
{
    padding-left: 50px;
}
    
.ProductPopup {
    position: fixed;
    text-align: left;
    top: 250px;
    width: 700px; 
    border: solid 1px #000; 
    padding:0px 10px 5px 10px; 
    visibility: hidden; 
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10pt; 
    color: #000000;        
    z-index:1000;

}

     
/************************* ID's *************************/
 
#LinksTable td{
    vertical-align: top;
    font-size: 12pt; 
    padding: 3px 0px 5px 0px
}

#LinksTable a:link {color: #000000;}
/* #LinksTable a:visited {color: #000000;} */
#LinksTable a:active {color: #00FF00;}

 
#container {
    position:relative;
    width: 990px;
    /* margin: 0 auto -550px; the bottom margin is the negative value of the footer's height */
    text-align : left;
    margin-left: auto;
    margin-right : auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* border: 1px solid #ffffff; */
    background-color: #ffffff;
    top: 1px;
    left: 0px;
}

#container404 {
    position:relative;
    width: 990px;
    /* margin: 0 auto -550px; the bottom margin is the negative value of the footer's height */
    text-align : left;
    margin-left: auto;
    margin-right : auto;
    min-height: 50%;
    /* height: auto !important;
    height: 100%;
    /* border: 1px solid #ffffff; */
    background-color: #F0F3F5;
   
}

#containerFB {
    position:relative;
    /* margin: 0 auto -550px; the bottom margin is the negative value of the footer's height */
    text-align : left;
    margin-left: auto;
    margin-right : auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* border: 1px solid #ffffff; */
    background-color: White;
   
}
#headerleft 
{
    position: absolute;
    height: 120px;
    width: 493px;
    margin: 0;
    /* border: 1px solid #cacaca */
}

#headerright {
    position: absolute;
    height: 120px;
    width: 497px;
    margin-left: 493px;
    /* border: 1px solid #cacaca; */
    background-image:url('../DATAImages/_BannerBackground5a.png');
}

#headerleftsurvey 
{
    position: absolute;
    height: 150px;
    width: 493px;
    margin: 0;
    /* border: 1px solid #cacaca */
}

#headerrightsurvey {
    position: absolute;
    height: 150px;
    width: 470px;
    margin-left: 520px;
    /* border: 1px solid #cacaca; */
    background-image:url('../DATAImages/_BannerBackground5a.png');
}

#headerphone {
    position: absolute;
    margin-left: 278px;
    /* border: 1px solid #cacaca; */
}

#horizontalmenu {
    position: absolute;
    height: 30px;
    width: 990px;
    margin-top: 120px;
    /* border: 1px solid #cacaca */
}

#horizontalsubmenu {
    position: absolute;
    height: 30px;
    width: 990px;
    margin-top: 150px;
    /* border: 1px solid #cacaca */
}


#content {
    position:absolute;
    width: 990px;
    text-align : left;
    margin-left: auto;
    margin-right : auto;
    min-height: 100%;
    height: auto !important; /**/
    height: 100%;
    /* border: 1px solid #ffffff; */
    background-color: #ffffff;
    margin-bottom: -550px;
    margin-top: 175px;
}

#contentNoSub {
    position:absolute;
    width: 990px;
    text-align : left;
    margin-left: auto;
    margin-right : auto;
    min-height: 100%;
    height: auto !important; /**/
    height: 100%;
    /* border: 1px solid #ffffff; */
    background-color: #ffffff;
    margin-bottom: -550px;
    margin-top: 150px;
}

#contentNoSubSurvey {
    position:absolute;
    width: 990px;
    text-align : left;
    margin-left: auto;
    margin-right : auto;
    min-height: 100%;
    height: auto !important; /**/
    height: 100%;
    /* border: 1px solid #ffffff; */
    background-color: #ffffff;
    margin-bottom: -550px;
    margin-top: 120px;
}


#contentMain {
    position: absolute;
    margin-top: 150px;
    text-align : left;
    width: 990px;
    /* border: 1px solid #ffffff; */
    /* background-color: #F0F3F5; */
}



#footertop {
    position:absolute;
    border-top: solid 1px gray;
    margin-top: 0px;
    height: 250px;
    width: 990px;
    background-color: #F0F3F5
}
   
    #footerarea1 {
       position: absolute;
       padding:6px 0px 3px 6px;
       width: 320px;
       font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3F3B3B;
    }

        #footerarea1title {
          padding:0px 0px 3px 110px;
          margin-top: 0px;
          margin-bottom: 0px;
        } 
         
		
        #footerarea1titleh1 {
          padding:0px 0px 0px 110px;
        } 		

        #footerarea1a {
           position: absolute;
           padding:0px 0px 0px 0px;
           width: 150px;
        }
        #footerarea1b {
           position: absolute;
           padding:0px 0px 0px 0px;
           width: 150px;
           margin-left: 160px;
        }
        
        
    #footerarea2 {
       position: absolute;
       padding:6px 0px 3px 6px;
       width: 320px;
       margin-left: 330px;
       font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3F3B3B
    }

    #footerarea2title {
      padding:0px 0px 3px 80px;
      border-left: solid 1px gray;
      margin-top: 0px;
      margin-bottom: 0px;
    } 

        #footerarea2a {
           position: absolute;
           padding:0px 0px 0px 0px;
           width: 150px;
           border-left: solid 1px gray;
           
        }
        #footerarea2b {
           position: absolute;
           padding:0px 0px 0px 0px;
           width: 150px;
           margin-left: 160px;
        }


    #footerarea3 {
       position: absolute;
       padding:6px 0px 3px 6px;
       width: 320px;
       margin-left: 660px;
       font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3F3B3B
    }

    #footerarea3title {
      padding:0px 0px 3px 100px;
      border-left: solid 1px gray;
      margin-top: 0px;
      margin-bottom: 0px;
    } 

        #footerarea3a {
           position: absolute;
           padding:0px 0px 0px 0px;
           width: 150px;
           border-left: solid 1px gray;
        }
        #footerarea3b {
           position: absolute;
           padding:0px 0px 0px 0px;
           width: 150px;
           margin-left: 160px;
        }
    
    
#footerbottom {
   position:absolute;
   margin-top: 225px;
   height: 350px;
   width: 990px;
   background-color: #F0F3F5  
}

    #footerarea4 {
       position: absolute;
       padding:0px 0px 3px 6px;
       width: 320px;
       font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3F3B3B
    }

    #footerarea4title {
      padding:0px 0px 3px 90px;
      margin-top: 0px;
      margin-bottom: 0px;
    } 

        #footerarea4a {
           position: absolute;
           padding:0px 0px 0px 0px;
           width: 300px;
        }

    #footerarea5 {
       position: absolute;
       padding:0px 0px 3px 6px;
       width: 320px;
       margin-left: 330px;
       font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3F3B3B
    }

    #footerarea5title {
      padding:0px 0px 3px 50px;
      border-left: solid 1px gray;
      margin-top: 0px;
      margin-bottom: 0px;
    } 

        #footerarea5a {
           position: absolute;
           padding: 0px 0px 0px 0px;
           width: 300px;
           height: 300px;
           border-left: solid 1px gray;
        }


    #footerarea6 {
       position: absolute;
       padding:0px 0px 3px 6px;
       width: 320px;
       
       margin-left: 660px;
       font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3F3B3B
    }

    #footerarea6title {
      padding:0px 0px 3px 80px;
      border-left: solid 1px gray;
      margin-top: 0px;
      margin-bottom: 0px;
      
    } 

        #footerarea6a {
           position: absolute;
           padding:0px 0px 0px 0px;
           width: 300px;
           height: 300px;
           border-left: solid 1px gray;
        }
        
.STL {
    background-color: #000286;
}

.PLA {
    background-color: #CC0000;
}

.IND {
    background-color: #009900;
}

.PLUS {
    background-color: gray;
}

.textextender {
	color: #666666;
	font-style: italic;
    
	} 
	
	
/************************* Image Carousel on Employment Opportunities Page*************************/
.image_carousel {
    padding: 15px 0 15px 40px;
}
.image_carousel img {
    border: 1px solid #ccc;
    background-color: white;
    padding: 9px;
    margin: 7px;
    display: block;
    float: left;
}
.clearfix {
    float: none;
    clear: both;
}