﻿h2
{
    text-align: center;
}
img
{
    border: 0;
}
table
{
    border: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}
td
{
    text-align: left;
    vertical-align: top;
}
.hide
{
    display: none;
}
body
{
    width: 800px;
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #FFF;
	background-repeat: repeat-x;
}
#heading
{
    background-image: url(<%=GetSite%>/img/JOB_History_h.gif);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    height: 135px;
    width: 790px;
}
#heading h1
{
    display: none;
}
#foot
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 16px;
    margin-bottom: 12px;
}
#foot a:link, #foot a:visited
{
    text-decoration: none;
    color: #006;
    border-bottom: 1px solid #006;
}
#foot a:hover
{
    text-decoration: none;
    color: #600;
    border-bottom: 1px solid #FFF;
}
#foot2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 16px;
    border-bottom: 4px solid #999;
    background-color: #eee;
    width: 100%;
}
#foot2 a:link, #foot2 a:visited
{
    text-decoration: none;
    color: #006;
    border-bottom: 1px solid #006;
}
#foot2 a:hover
{
    text-decoration: none;
    color: #600;
    border-bottom: 1px solid #eee;
}
.links
{
    color: Black;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 10px 0 0 0;
    width: 160px;
    background-color: #900;
}
.linkcontainer
{
    margin: 0 5px 0 5px;
}
       
div#buttonA ul {

    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
}
div#buttonA li {
    list-style-type: none;
    height: 20px;
    width: 130px;
    margin: 10px 12px 8px 8px;
    text-align:center;
}
div#buttonA li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 2px;
}
div#buttonA li a:link {
    color: #000000;
    font-weight: bold;
    background-color: #CCCCCC;
    border-style: outset;
}
div#buttonA li a:visited {
    color: #000000;
    font-weight: normal;
    background-color: #CCCCCC;
    border-style: ridge;
}
div#buttonA li a:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #BBBBBB;
    border-style: groove;
     border-width: 2px;
}
div#buttonA li a:active {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #666666;
    border-style: groove;
} 
#homecontent
{
    margin: 0;
    padding: 0;
}
#info
{
    margin: 0;
    padding: 0 0 0 169px;
}
DIV.base-layer
{
    padding: 0;
    width: auto;
}
DIV.table-row
{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    width: auto;
}
/* Style rules for the 3 x 2 table example */
DIV.left-container2
{
    vertical-align: top;
    border: none;
    float: left;
    margin: 0;
    padding-left: 25px;
    width: auto;
}
DIV.right-container2
{
    border: none;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
.accessibility
{
    font-size: small;
    font-weight: bold;
}
.container-def
{
    margin: 15px 15px 15px 15px;
}
.text-center
{
    text-align: center;
}
.text-bold
{
    font-weight: bold;
}
.text-italic
{
    font-style: oblique;
}
.text-underline
{
    text-decoration: underline;
    }
.buttonStyle    {
    background-color: White; color: Black; border: outset 2px black; padding: 3px;
}
/*	style for validation summaries	*/
.vs {
	padding:10px 0 0 10px; 
	color:maroon; 
	border:dotted 1px maroon;
}
/*	style for a horizontal rule - used in a div tag	*/
.hrule {
    width: 100%;
    height: 1px;
    background-color: black;
    border-collapse: collapse;
    clear: both;
}
/*	required field indicator style	*/
.req	{
	color:maroon;
}
/*	field hint style - hints are info about contents of a field, etc.	*/
.hints	{
	font-size: smaller; 
	color: blue;
}
/*	style to give notes on specific items	*/
.notes 
{
	margin: 0 10px 0 10px;
	text-align: justify;
	color : #197D19;
	font-size:x-small;
	font-weight: 600;
}
/*  breadcrumbs bar  */
#breadcrumbs
{
    text-align: left;
    font-size : 14px;
    font-weight : bold;
    color : rgb(85 , 85 , 85);
    padding : 15px 0 8px 40px;
    margin : 0;
    background-color : #FFF;
}
#content #breadcrumbs
{
    margin : 0 0 0 -13px;
}
#breadcrumbs a
{
    font-weight : bold;
    background-color : rgb(255 , 255 , 255);
}