﻿html,body{
height: 100%;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0 auto;
/* background-image: url(images/grass.jpg); */
background-color: gray;
}
.myBox
{
margin: 0 auto;
border: 0px solid #ffffff;
color: #ffffff;
width: 60%;
padding: 20px;
text-align: left;
background-color: #ff0000;
border: 3px solid #ffffff;
/*
background-image: url(images/back_test2.jpg);
background-repeat: no-repeat;
*/
}
.jobBox
{
margin: 0 auto;
border: 0px solid #ffffff;
color: #ffffff;
width: 60%;
padding: 20px;
text-align: left;
background-color: #ff0000;
border: 3px solid #ffffff;
/*
background-image: url(images/back_test2.jpg);
background-repeat: no-repeat;
*/
}
.porBox
{
margin: 0 auto;
border: 0px solid #ffffff;
color: #ffffff;
width: 60%;
padding: 20px;
text-align: left;
background-color: #ff0000;
border: 3px solid #ffffff;
/*
background-image: url(images/back_test2.jpg);
background-repeat: no-repeat;
*/
}
.frame {
      padding:0px;
      margin: 10px;  
      font-size:12px;
      background: gray; 
      text-align: center;
      text-transform: uppercase;
    }
.flash {
      padding:2px;
      margin: 10px;  
      font-size:12px;
      background: white; 
      text-align: center;
      text-transform: uppercase;
    }
.test1 {
      padding:2px;
      margin: 10px;  
      font-size:12px;
      background: gray; 
      text-align: center;
      text-transform: uppercase;
    }
.test2 {
      padding:2px;
      margin: 10px;  
      font-size:12px;
      background: gray; 
      text-align: center;
      text-transform: lowercase;
    }
.textA {
      padding:2px;
      margin: 10px;  
      font-size:11px;
      background: gray; 
      text-align: center;
    }
.tboxes {
      padding:2px;
      margin: 10px;  
      font-size:12px;
      background: gray; 
      text-align: center;
      text-transform: uppercase;
      float: left;
      width: 550px;
      height: auto;
 /*background-color: blue; float:left; text-align: center; width: 550px; height: auto;*/
    }
.titles {
      padding: 2px;
      margin: 10px;  
      font-size:10px;
      background: white; 
      border: 4px solid black;
      color: black;
      display: block;
      text-align: center;
      width: 250px;
      /*height: 80px;*/
 /*style='border: 4px solid black; color: black; background: gray; display: block; width: auto;' */
    }
.tbox {
      padding: 2px;
      margin: 10px;  
      font-size:10px;
      background: white; 
      text-align: center;
      width: 150px;
      height: 80px;
 /*style="text-align: center; width: 150px; height: 80px;"  */
    }
.cbox {
      padding: 2px;
      margin: 10px;  
      font-size:10px;
      background: white; 
      text-align: center;
      text-transform: uppercase;
      width: 250px;
      height: 100px;
      border: 4px solid black;
      color: black;
      display: block;
      
/*style='text-align:center; border: 4px solid black; color: black; background: gray; display: block; width: auto;'*/
    }
.accd {
      padding:2px;
      margin: 10px;  
      font-size:11px;
      background: white; 
      text-align: left;
      float:left;
      border: 4px solid black;
      color: black;
      display: block;
      width: 550px;
      height: 220px;
/*style='float:left; border: 4px solid black; color: black; background: gray; display: block; width: 550px; height: 200;' */ 
    }
    h1,h2 { 
    background: gray;
    color: blue;
    z-index: 1000;
    margin-top:20px;
    display: inline;
    padding: 5px;
    padding-left: 20px;
    text-align: center;
    }
.footer {
      padding:2px;
      margin: 10px;  
      font-size:11px;
      background: white; 
      text-align: center;
      float: left;
      border: 4px solid black;
      color: black;
      display: block;
      width: 880px;
      height: 30;
/*style='float:left; border: 4px solid black; color: black; background: gray; display: block; width: 550px; height: 200;' */ 
    }
/* Accordion */
.accordionHeader
{
    /*border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;*/
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    /*border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;*/
    background-color: White;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: white; /*#D3DEEF;*/
    /*border: 1px dashed #2F4F4F;*/
    border-top: none;
    padding: 0px;
    padding-top: 10px;
}
a:link { text-decoration: none; color: black;}
a:visited { text-decoration: none; color: black;} 
a:active { text-decoration: none; color: black;} 
