@charset "UTF-8";
/************
 * site CSS *
 ************/
/*****************
 * common styles *
 *****************/
 html { 
  background-color:#cccccc;
}
body {
    /*font: 77% arial,helvetica,sans-serif; */
    font-family: Verdana, Arial, Helvetica;
    font-size: 13px;
    color: #1c1c1c;
}
body, form, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
form {
	font-size:10pt;
}
p, blockquote {
    margin: 0 0 1em;
}
input {
    vertical-align: middle;
}
fieldset {
    border: medium none;
    margin: 0;
    padding: 0;
}
a {
    /*color: #CC0000; */
    cursor: pointer;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    text-decoration: underline;
}
a img, img.map {
    border: medium none;
}
/***************
 * page styles *
 ***************/
.homepageHeader {
    font-family: arial;
    font-weight: normal;
    font-size: 18pt;
    margin: 0px;
}

.homepageSubheader {
    font-family: arial;
    font-weight: bold;
    font-size: 10pt;
    margin-bottom: 10px;
}

.greySquareHomepage {
    float: right;
    width: 300px;
}

.greySquare {
    display: table;
    vertical-align: middle;
    margin: 4px;
    text-align: center;
    float: left;
    width: 100px;
    height: 80px;
    border: 1px solid #878787;
    background-color: #D6D6D6;
    border-radius: 3px;
}

.gs_red {
	border: 2px solid #000;
}

.gs_blue {
	border: 2px solid #D00D00;
}
.contentSection {
    margin-bottom: 10px;
}

.greySquare:hover {
    border: 2px solid #E99F2D
}
.greySquare p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
}
.greySquareHomepage a {
    text-decoration: none;
    color: #000000;
}
.contentBox {
    border: 1px solid #000000;
    margin-bottom: 10px;
}
.contentBoxAlternate {
    background-color: #D6D6D6;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.contentBoxAlternate hr {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    color: #FFFFFF;
    height:1px;
    border:none;
}
.contentBoxTop {
    color: #FFFFFF;
    padding: 3px;
    font-weight: bold;
    font-size: 12pt;
    background-color: #D00D00;
	border-radius: 3px;
}

.contentBoxMiddle {
    padding: 5px;
}

.contentBoxMiddleAlternate {
    padding: 5px 5px 5px 5px;
}

div.jobCategoriesSection {
    float: left;
    text-align: left;
    vertical-align: top;
    width: 235px;
}

a.jobCategoryMainLink {
    text-decoration: underline;
    font-weight: bold;
}

a.jobCategoryMinorLink {
    text-decoration: underline;
    font-size: 8pt;
}

.contentBoxBottom {
    color: #000000;
    padding: 3px;
   #height: 20px;
    background-color: #D00D00;
}

.contentBoxBottom a {
    color: #000000;
    text-decoration: underline;
}

.contentBoxImageLeft {
    float: left;
    padding-right: 10px;
}

.featuredJob {
    width: 135px;
    float: left;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    height:100px;
}
.contentBoxLinksRight {
    text-align: right;
}
.contentBoxLinksRight a {
    text-decoration: underline;
}
.currentOpenings {
    width: 100%;
	font-size:9pt;
}

.error {
    color: #FF0000;
}

span.fieldError {
    margin-left: 5px;
}

ul.errorList {
    list-style-type: none;
}

.success {
    color: #000080;
}

.requiredAsterisk {
    color: #FF0000;
}

input[type="submit"].disabled {
    background-color: #CCCCCC;
    color: #000000;
    border: 1px solid #000000;
}

input[type="submit"].disabled:hover, input[type="submit"].disabled:focus {
    background-color: #CCCCCC;
    text-decoration: none;
}

input[type="submit"]:active {
    background-color: #CCCCCC;
}

div.StepTabsContainer { margin-left: auto; margin-right: auto; position: relative; top: -5px; background-color: #E0E0E0; }
ul.StepTabs { list-style: none; margin: 0px; padding: 0px; }
ul.StepTabs * { font: bold 1.1em arial,sans-serif; }
ul.StepTabs li.incomplete, div.postAdBgIncomplete { background-color: #E0E0E0; color: #808080; }
ul.StepTabs li.complete, div.postAdBgComplete { background-color: #C3C3C3; color: #000000; }
ul.StepTabs li.active, div.postAdBgActive { background-color: #FFFFFF; color: #000000;}
ul.StepTabs li {
    float: left;
    padding: 2px 9px;
    height: 30px;
    line-height: 30px;
}
ul.StepTabs li div.stepOneImage,ul.StepTabs li div.stepTwoImage,
ul.StepTabs li div.stepThreeImage,ul.StepTabs li div.stepFourImage,
ul.StepTabs li div.stepFiveImage,ul.StepTabs li div.stepSixImage {
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 1px;
}
ul.StepTabs li.incomplete div.stepOneImage {
    background:url(../images/step-tabs.png) 0px -24px no-repeat;
}
ul.StepTabs li.active div.stepOneImage {
    background:url(../images/step-tabs.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
ul.StepTabs li.incomplete div.stepTwoImage {
    background:url(../images/step-tabs.png) -24px -24px no-repeat;
}
ul.StepTabs li.active div.stepTwoImage {
    background:url(../images/step-tabs.png) -24px 0px no-repeat;
}
ul.StepTabs li.incomplete div.stepThreeImage {
    background:url(../images/step-tabs.png) -48px -24px no-repeat;
}
ul.StepTabs li.active div.stepThreeImage {
    background:url(../images/step-tabs.png) -48px 0px no-repeat;
}
ul.StepTabs li.incomplete div.stepFourImage {
    background:url(../images/step-tabs.png) -72px -24px no-repeat;
}
ul.StepTabs li.active div.stepFourImage {
    background:url(../images/step-tabs.png) -72px 0px no-repeat;
}
ul.StepTabs li.complete div.stepOneImage,ul.StepTabs li.complete div.stepTwoImage,
ul.StepTabs li.complete div.stepThreeImage,ul.StepTabs li.complete div.stepFourImage {
    background:url(../images/step-tabs.png) -168px 0px no-repeat;
    height: 25px;
}
span.postJobStepLabel
{
    color: #D00D00;
}
/*********************
 * my profile styles *
 *********************/
div.myProfileLeft {
    float: left;
    width: 200px;
    margin-top: 35px;
}
div.myProfileRight {
    width: 770px;
    float: left;
}
div.myProfileTopNav {
}
div.myProfileContent {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    padding: 5px;
    min-height:250px;
}
ul.myProfileSideMenu {
    font-weight: bold;
    font-size: 10pt;
    text-align: right;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.myProfileSideMenu li {
background-color:#ffffff;
margin-top:10px;
border-top: 1px solid #000000;
border-right:1px solid #000000;
 border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
margin-right:-1px;
#height:20px;
}

ul.myProfileSideMenu li.active{
	border-right:0px;
	 padding-right:5px;
}
ul.myProfileSideMenu li a{
	color:#000000;
}

ul.myProfileTopMenu {
    #height: 45px;
    font-weight: bold;
    font-size: 10pt;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
ul.myProfileSideMenu li {
    padding: 5px;
}
ul.myProfileTopMenu li a{
	color:#000000;
}
ul.myProfileTopMenu li {
	background-color:#ffffff;
    padding: 5px;
    height: 35px;
    margin-left: 5px;
    float: left;
    padding-bottom:4px;
    text-align: center;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom:1px solid #000000;
}
ul.myProfileTopMenu li.active{
	border-bottom:0px;
	 padding-bottom:5px;
}
div.tabbedContent {
    margin-left: 30px;
}
table.myProfileTable {
    width: 100%;
}
table.myProfileTable td.myProfileRight {
    text-align: right;
    vertical-align: top;
}
table.myProfileTable td.myProfileRowHeading {
    font-weight: bold;
    vertical-align: top;
}

table#searchResults {
    width: 80%;
}
tr.top td { border-top: thin solid black; }
tr.bottom td { border-bottom: thin solid black; }
tr.row td:first-child { border-left: thin solid black; }
tr.row td:last-child { border-right: thin solid black; }
.hide_lg {
				display:none;
			  }
#mainFrame {
			max-width: 100%;
			font-size:11pt;
		}
		#navSimple  {
		  max-width:100%;
		}
		#menuSimple {
		   max-width:100%;
		}
		.menuIcon {
		    display: none;
		    background: #000;
		    width: 100%;
		  color: #ffffff !important;
		  font-size:15pt;
		    }
		    .menuIcon a{
		  color: #ffffff !important;
		    }
		    .OneHun {
			width: 98%;	
		    }
		@media  (max-width: 750px) {
					.hide_md {
						display:none;
				    }
					.sm_font {
						font-size:8pt !important;
					}
					.sm_box {
						width:48% !important;
						font-size:8pt;
					}
					.sm_box ul {
						padding-left:10px;
					}
					 .hide_lg {
						display:block;
					  }
			  }
		@media  (max-width: 979px) {
			.main {
				padding:5px;
				background-color:#ffffff;
			  }
			  #mainFrame {
				padding:0px;
			  }
			  .hide_sm {
						display:none;
			   }
			   .sm_font {
						font-size:8pt !important;
					}
					
			  .contentRight {
				max-width:100% !important;
				width:100%;
			  }
			  .contentLeft {
				max-width:100% !important;
				width:100%;
			  }
				.sm_box {
						width:48% !important;
						font-size:8pt;
					}
					.sm_box ul {
						padding-left:10px;
					}

			  .labelLeft {
				width:100% !important;
			  }
			    .labelLeft {
				width:100% !important;
			  }
			  div.tabbedContent {
				margin-left:0;
			  }
			  textarea {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;

				width: 100%;
			  }
		}
		@media  (max-width: 1024px) {
				 .front-tiles {
					display: none !important;
				 }
				 .sm_box_full {
						width:100% !important;
					}
			  }
		@media  (max-width: 1145px) {
				 .front-tiles {
					width:690px !important;
				 }
			  }
		@media  (max-width: 768px) {
			  .main {
				padding:5px;
				background-color:#ffffff;
			  }
			  #mainFrame {
				padding:0px;
			  }
			  .hide_sm {
				display:none;
			  }
			  .sm_font {
						font-size:8pt !important;
					}
					
			  .contentRight {
				max-width:100% !important;
				width:100%;
			  }
			  .contentLeft {
				max-width:100% !important;
				width:100%;
			  }
			  .sm_box {
						width:48% !important;
						font-size:8pt;
					}
					.sm_box ul {
						padding-left:10px;
					}
					.sm_box_full {
						width:100% !important;
					}
			  .labelLeft {
				width:100% !important;
			  }
			  div.tabbedContent {
				margin-left:0;
			  }
			  textarea {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;

				width: 100%;
			  }
			  }

			  @media  (max-width: 1170px) {
			  #sframe {
					border:0 !important;
			  }


		}
		.home_search {
margin-top: 15px;
}
.myProfileContent td, th {
    padding: 5px;
	}
input {
	max-width:90%;
}