/* This sets the overall look for the page */

html {
    margin: 0px auto 0px auto;
    background: 		url("http://reports.hrmdirect.com/employment/client/1genericfiles/bkgd_gradient.png") repeat-x scroll 0 0 ;
    font-family: 		arial,sans-serif;
    font-size: 			12px;
    color: 			#333;
height: 100%;
}

body {
    text-align:center;
    font-size:                  12px;
    margin: 0px;
height: 100%;
}


    div.borders {
    position:fixed;
    z-index: -1;
    left:50%;
    margin: -1px auto 0px -361px;
    height: 10000px;
    width: 720px;
    border: solid #999;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    background:                 #FFFFFF;
}

.container
{
    position:absolute;
    z-index: 2;
    left:50%;
    height: ;
    overflow:hidden;
    margin: -1px auto 0px -361px;
    padding:0px 11px 50px 11px; 
    border:  solid #999;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    min-width: 700px;
    max-width: 700px;
    width:expression(document.body.clientWidth < 700? "700px" : document.body.clientWidth > 700? "700px" : "auto");
    text-align:left !important;
    background: 		#FFFFFF;
}

.bottom
{
text-align:left !important;
}

        h1 {
           color: #444;
           font-size: 32px;
           font-style: normal;
	   font-weight: bold;
 	   margin: 0px;
	   padding: 0px;
        }  

	h4 {
	    margin:0;
	    font-size:1.2em;
	    font-weight:bold;
	    color:#50B3CF;
	}

	ul li {
	    padding: 		0px 0px 8px 10px;
	    background:		;
	    list-style:		;
	}

	caption {
	  caption-side: bottom;
	  font-size: 0.9em;
	  font-style: italic;
	  text-align: right;
	  padding: 0.5em 0;
	}


button, input[type="submit"], input[type="button"], a.button {
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 0.5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    background: -moz-linear-gradient(center top , #A5A8AC, #65717C) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#A5A8AC), to(#65717C));
    border: 0px solid ;
    border-radius:0.5em;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.8);
    background:#A5A8AC;
    color: #FEF4E9 !important;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.3em;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 0 0;
    outline: medium none;
    padding: 0.3em 0.5em 0.15em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-transform: ;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover {
    background: -moz-linear-gradient(center top , #65717C, #65717C) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom,from(#65717C),to(#65717C));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65717C), to(#65717C));
    text-decoration: none;
}

span.button a, a.emailbutton{
        display: inline-block;
        background:#cf501d;background: -moz-linear-gradient(top, #A5A8AC, #65717C);
        background: -webkit-gradient(linear, left top, left bottom, from(#A5A8AC), to(#65717C));
        border:solid 0px ;
	border-radius:0.5em;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.8);
        color:#fef4e9 !important;
        cursor:pointer;
        font-family:Helvetica,Arial,sans-serif;
        font-size:1em;
        font-style:normal;
        font-weight:normal;
        margin:0 0 0 0;
        outline:none;
        padding: .3em .5em .15em; 
        text-align:center;
        text-decoration:none;
        text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
        text-transform:;
        -moz-border-radius:0.5em;
        -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.8);
        -webkit-border-radius:0.5em;
        -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.8)}

span.button a:hover, a.emailbutton:hover{
    background: -moz-linear-gradient(center top , #65717C, #65717C) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom,from(#65717C),to(#65717C));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65717C), to(#65717C));
    text-decoration: none !important;
}



/* -------------------  TITLE HEADER & CONTENT BLOCK   ------------------- */


td.careersTitle {
	vertical-align: top;
	height: ;
	width: 470px;
	margin:0;
	padding:0;
}

span.careersTitle {
	color: 				#827975;
	font-size: 			24px;
	font-weight: normal;
	font-family: 			;
	text-transform:;
}

td.middleSpacer {
	width: 100%;
}

p.careersContent1 {
        margin:0;
        text-align:justify;
        width: 470px;
}
p.careersContent2 {
        font-size: 100%;
        text-align:justify;
}




/* -------------------  GREY QUOTE AREA  ------------------- */

td.tdQuoteContainer {
	vertical-align: top;
	width: 230px;
	height: 200px;
}

table.quoteTable {
}

td.tdQuote {
	text-align: left;
	vertical-align: top;
	height: 90px;
	width: 250px;
	border: 1px solid #999;
	background: #FFFFFF;
	padding: 5px;
}

p.quoteContent {
    color: 				#827975;
    font-size: 				13px;
    margin: 0;
    padding: 0;
    text-shadow: 0 0.5px 0 #;
    vertical-align: top;

}
span.quoteName {
    font-size: 0.7em; 
    line-height: px;
    text-align: right !important;
    padding-top: 10px;
}

        		/* ------- */




/* -------------------  SEARCH TABLE & CELLS   ------------------- */


td.searchContainer {
	text-align: right;
	padding: ;
	margin: ;
}
table.search {
	margin-left: auto;
	margin-right: -5px;
	width: 100%;
	height: 70px;
}

td.search {
        text-align: left;
	height: 10px;
	vertical-align: middle;
	padding-bottom: 0px;
	padding-top: 0px;
        border-style:;
        border-width:;
 	border-color:;
	border-collapse: collapse;	
}

td.searchButton {
	text-align: left !important;
	vertical-align: middle;
}

/*  This sets the font size of the dropdown filters on the search page */
        select {
          font-size: .85em;
        }




/* -------------------  LINKEDIN WIDGET   ------------------- */


/*
td.LinkedIn {
	vertical-align: middle;
	height: 100%;
}
*/


table.LinkedInTable {
	display: block;
	table-layout:fixed;
	overflow: hidden;
	width: 200px;
	height: 220px;
	border-collapse: collapse;
	white-space:nowrap;
}

td.LinkedInWidget {
	padding-bottom:0px;
	overflow: hidden;
	display: block;
	background-color: 	;
	height: 220px;
	white-space:nowrap;
	border-collapse: collapse;
}

tr.LinkedInWidget {
	display: block;
	height: 220px;
	overflow: hidden;
	white-space:nowrap;
	border-collapse: collapse;
}



/* -------------------  FACEBOOK LIKE WIDGET   ------------------- */


        /* use these styles if frame is under the careersTitle cell */
        
        
td.tdfb {
	width: 270px;
	height: 70px;
	margin: 0px;
	padding: 5px 0px 15px 0px;
	text-align: right;
}

iframe.fbLike {
	border: 			0px outset #666666 ;
	padding: 0px 0px 0px 0px; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	height: 97%; 
	width: 97%;
	background-color: 		;
}



        /* use these styles if frame is in the righthand column */ 
/*
td.tdfb {
	width: 170;
	height: px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
}

iframe.fbLike {
	overflow: display;
	border: 			 0px outset #666666 ;
	padding: 20px 0px 0px 0px; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	height: 170px; 
	width: 170px;
	background-color: 		;
}

*/



/* -------------------  SOCIAL SHARE BLOCK   ------------------- */


span.socialTxt {
	font-size:11px; 
	font-style:italic;  
	line-height:2;
}

td.social {
	text-align: right;
}


img.rowSpacer1 { 
	width: 0px;
	height: 0px;
}
img.rowSpacer2 { 
        width: 8px;
        height:	65px;
}
img.rowSpacer3 {
        width: 0px;
        height:	0px;
}
img.rowSpacer4 {
        width: 0px;
        height:	0px;
}









/* -------------------  NO OPENINGS/RESULTS MESSAGE   ------------------- */

/* The message displayed when there are no current openings or search results*/

	p#noOpeningsMsg, p#noResultsMsg, p#noSearchMsg {
		font-style:italic; 
		font-weight:bold; 
		background:			#999; 
		color:				#FFFFFF; 
		width:; 
		padding:10px; 
		margin: 40px 70px 0px 70px; 
		border: 			1.5px solid #666;
		align:center;
		text-align:center;
	}










/* -------------------  STANDARD LINKS   ------------------- */

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




/* -------------------  POSITION LISTING   ------------------- */

	.ReqRowClick { cursor: pointer; }

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

table.reqResultTable {
	border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: 			#666;
}

	td.reqhead a {
	   color: 				#827975;
	   font-size: 1.2em;
	   text-decoration: none;
	}

        td.reqhead a:hover {
           color: 				#827975 ;
           font-size: 1.2em;
           text-decoration: none !important;
        }

	td.reqitem a, td.reqitem1 a {
	  font-weight: bold;
	}
	td.reqitem a:hover, td.reqitem1 a:hover {
            text-decoration: 			none !important;
	}
	td.reqhead {
	   padding-left: 5px;
	   padding-right: 10px;
	   padding-bottom: 5px;
	   border-width: 0px 0px 1px 0px;
	   border-bottom-style: solid;
	   border-bottom-color: 		#666;
	   height: 20px;
	   white-space: nowrap;
	   
	}


	/* 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: 5px;
                 padding-right: 5px;
                 padding-top: 3px;
                 padding-bottom: 3px;
                 border-width: 0px 0px 1px 0px;
                 border-style: solid;
                 border-color: 			#666;
		 font-size: 12px;
		 height: 25px;
}

	tr.reqitem {
                 border-width: 0px 1px 1px 1px;
                 border-style: solid;
                 border-color: 			#666;
}

	td.posTitle {
                 border-width: 0px 0px 1px 0px;
                 border-style: solid;
                 border-color: 			#666;
}

	td.departments {
                 border-width: 0px 0px 1px 1px;
                 border-style: solid;
                 border-color: 			#666;
}
        td.offices {
                 border-width: 0px 0px 1px 0px;
                 border-style: solid;
                 border-color: 			#666;
}

        td.state {
                 border-width: 0px 1px 1px 0px;
                 border-style: solid;
                 border-color: 			#666;
}
        td.job_functions {
                 border-width: 0px 0px 1px 1px;
                 border-style: solid;
                 border-color: 			#666;
}
        td.custSort1 {
                 border-width: 0px 0px 1px 0px;
                 border-style: solid;
                 border-color: 			#666;
}
        td.custSort2 {
                 border-width: 0px 0px 1px 0px;
                 border-style: solid;
                 border-color: 			#666;
}


	/* If you want to set alternating backgrounds or hovers for the table rows */

	tr.reqitem {
	  background: url("http://reports.hrmdirect.com/employment/client/1genericfiles/bkgd_gradient_40px_h_inv.png") repeat-x scroll left bottom;
	}
	tr.reqitem1 {
	  background: url("http://reports.hrmdirect.com/employment/client/1genericfiles/bkgd_gradient_40px_h_inv.png") repeat-x scroll left bottom;
	}
	tr.reqitem:hover {
	background: url("http://reports.hrmdirect.com/employment/client/1genericfiles/bkgd_gradient_40px_h.png") repeat-x scroll left top;
	}
	tr.reqitem1:hover {
	background: url("http://reports.hrmdirect.com/employment/client/1genericfiles/bkgd_gradient_40px_h.png") repeat-x scroll left top;
	}
   

	/* The next rules set the widths of the columns in the job listings */

	td.departments {
	    width: px;
	}
	td#posTitles {
	    width: px;
	}
	td.offices {
	    width: px;
	}
	td.cities {
	    width: px;
	}
	td.state {
	    width: px;
	}
	td.countries {
	    width: px;
	}




/* -------------------  VIEW PAGE   ------------------- */


/* This is the job title shown on the view page */

	h3 {
	    font-size: 16px;
	}

/* The job metadata (office, dept., location) are in a table          */
/* If they're giving you trouble, display the borders to aid in debugging */

	table.viewDeptOffice {
		margin-left: -3px; 
		margin-right: 0px;
		/* border: 1px solid silver; */

	}

	td.viewDept, td.viewOffice, td.viewLocation {
		width: 100px;
 	   	font-size: ;
           	font-weight: ;
            	float: ;
            	width: ;
            	color: ;
		/* border: 1px solid silver; */
	}

	td.viewDeptName. td.viewOfficeName, td.viewLocationName  {
 	    	font-size: ;
            	font-weight: ;
            	float: ;
            	width: ;
            	color: ;
		/* border: 1px solid silver; */
}


/* The Job Description is encapsulated inside this div in case you want */
/* to do anything special with it                                       */
	div.jobdesc, td.jobDesc {
		width: 700px;
		text-align: left;

	}