/* This sets the overall look for the page */
body {
    font-family:Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #716F6F;
}

button,
input[type=submit],
input[type=button],
a.button {
    background: #cf501d;
    border-color: #cf501d;
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
}


button,
input[type=submit],
input[type=button],
a.button {
    background: transparent url("http://www.hrmdirect.com/employment/client/1genericfiles/steelbluebuttonsmall.png") no-repeat 0 0;
    border: 0;
    line-height: 28px;
    overflow: visible;
    padding: 3px 0px 10px 30px;
    white-space: nowrap;
    width: 112px;
}

button:hover,
input[type=submit]:hover,
input[type=button]:hover,
a.button:hover {
    background: transparent url("http://www.hrmdirect.com/employment/client/1genericfiles/steelbluebuttonsmalldark.png") no-repeat 0 0;
/*    background-position: 0 -43px;	 */
}



/* The link styles will apply to all links and table headers by default */
a:link {
    color: #24823F;
    text-decoration: none !important;
}

a:visited {
    color: #24823F;
    text-decoration: none !important;
}

a:hover, a:active {
    color: #24823F;
    text-decoration: none;
}


/*  This sets the font size of the dropdown filters on the search page */
select {
  font-size: 10px;
}


/* This sets the font size for the header in the job listingss or search pages */
/* use th a:visited etc. to override the default color/underline on the links  */ 

td.reqhead a {
   color: #24823F;
   font-size: 13px;
   text-decoration: none !important;
}

td.reqhead {
   padding-bottom: 5px;
}


/* This sets the line height for the rows in the lists of job openings */
/* This would only be needed if you want more than the default padding gives you */
tr.reqhead {
  /* height: 20px; */
} 


/* This sets the font size for the details in the list of openings (e.g. dept name */
/* Note that the position titles is styled as an a: link by default                */
td.reqitem, td.reqitem1 {
                  	padding-left: px;
                        padding-right: 5px;
                        padding-top: 3px;
                        padding-bottom: 3px;
                        border-bottom-width: 1px;
                        border-bottom-style: solid;
                        border-bottom-color: #C0C0C0;
                        font-size: 12px;
}

/* If you want to set alternating background colors for the table rows */
/* There is also a .odd class available on alternating rows            */
.reqitem1 {
  background-color: #ECECEC;
}

/* The next four rules set the widths of the columns in the job listings */
col.departments {
    width: 200px;
}
col#posTitles {
    width: 250px;
}
col.cities {
    width: 125px;
}
col#states {
    width: 75px;
}

/* This is the job title shown on the view page */
h1 {
    font-size: 20px;
    color: #DE8318;
    font-weight: bold;
}

/* This is the text that reads "Job Description" on the view page */
h2 {
    font-size: 16px;
    color: #24823F;
    font-weight: bold;
}

/* The job metadata (office, dept., location) are styled in a DL          */
/* The dl should be set to the width of the dt and dd plus 20 or so       */
/* If they're giving you trouble, display the borders to aid in debugging */
dl {
    width: 620px;
    /* border: 1px solid silver; */
}
/* Font size for the dt and dl should be the same */
dt { 
    font-size: 14px;
    font-weight: bold;
    float: left;
    width:100px; 
    color: #003366;
    /* border: 1px solid silver; */
}
/* Make sure the width of this is enough for long office/dept. names */
dd { 
    font-size: 14px;
    width:500px;
    /* border: 1px solid silver; */
}
/* The Job Description is encapsulated inside this div in case you want */
/* to do anything special with it                                       */
div#jobdesc {
}