body {
	margin: 0 auto;
	margin-top: 80px;
	color: #464849;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:normal;
	font-size:14pt;
}

h1,h2,h3,h4,h5,h6{color:#686868; display:inline;clear: both; font-family: 'Open Sans Condensed', sans-serif; font-weight:700;}
h2{font-size:20pt;}
a{color:#464849; text-decoration:none;}
a:hover{text-decoration:underline;}
div,ul,li,a,table{max-width: 100%;}
section{padding:5px;}

#topbar {
	background-color:#eaf3f4;
	width: 100%;
	padding: 5px;
	position: fixed;
	z-index: 2001;
	top: 0;
	border-bottom:3px solid gray;
}
#topbar h2{display: inline-block; font-size: 24pt;margin: 6px 0 6px 0;}
#topbar div{ width: 1100px;	margin: auto; max-width:95%;}
#topbar a{ font-size:11pt; font-weight:700;}
#topbar nav{max-width:95%;}

#parent {width: 1100px; margin: auto; background-color: #fff; box-shadow: 0 5px 7px #7b7b7b;}

.rangeList {list-style-type:none; list-style:none; margin:5px 0 0 -25px;}
.rangeList li{width:320px; padding:10px;}
.rangeList a{display:block; position:relative; height:90px; padding:6px; background-color:#686868;}
.rangeList h2{color:#fff; position:absolute; bottom:0; left:0; margin:6px; font-size:14pt;}
.rangeList h3{background-color:#fff; float:right; position:absolute; top:0; right:0; font-size:12pt; font-weight:normal; line-height:1.5; padding:0 6px 0 6px;}

.characterGrid{list-style-type:none; list-style:none;}
.characterGrid li{
	display:inline-block; text-align:center; position:relative;
	border:1px solid gray; border-radius:10px;
	height:80px; width:80px; margin:4px 2px 4px 2px;
}
.characterGrid a{display:block; font-family:arial; position:absolute; bottom:0px; left:5px;}
.characterGrid div{margin:0 0 10px 0;}

input[name="search"]{width:260px; max-width:66%; height:34px; font-size:20pt;}
input[name="go"]{width:80px; max-width:66%; height:40px; font-size:20pt; font-weight:bold;}

#search{width:360px;}
#search fieldset{min-width:220px !important;}
#search input{font-size:16pt; color:gray;}
#search input[type="text"]{width:260px; max-width:66%; height:34px;}
#search input[type="button"]{background-color:#686868; color:#ebebeb; border:none; width:70px; height:40px; max-width:33%;}
#search section{margin-left:50px;}

.listHeader{background-color:#ebebeb; text-align:center; font-weight:700; font-size:16pt; line-height:2.0;}

.full{width:100%;}
.half{ width: 50%;}
.twoThirds{ width: 66%;}
.third{width:34%}
.quarter{width:25%}
.threeQuarters{width:75%}
.left{float:left;}
.right{float:right;}
.mShow {display:none;}
.pad{padding:10px;}
.center{text-align: center;}
.bottom{position: relative;}
.bottom div{position: absolute; top: 55px;left: 20px;}
.clear{clear: both;}
.anchor{display: block;height: 80px;margin-top: -80px;visibility: hidden;}
.alert{color:red;}


.charBadge {
	margin-left: -87px;
	padding-top: 6px;
	float: left;
	width: 76px;
	height: 62px;
	text-align: center;
	font-weight:700;
	font-size:10pt;
	color:#ebebeb;
	background-color:#686868;
}
.charBadge h4{font-size: 26pt; display:block; margin:2px 0 2px 0; color:#ebebeb;}

.charDetails h4{width:200px; text-align:right; display:inline-block; margin-bottom:2px;}

.button {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	padding: 8px;
	margin: 10px;
	font-weight: 700;
	font-size: 16pt;
}

.largeBannerAd{width:990px;max-height:260px;max-width:95%;display:inline-block;}
.bannerAd{width:728px;max-height:90px;max-width:none;display:inline-block;}
.listingsAd{width:728px;max-width: none;height:90px;min-height: 0 !important; display:inline-block;margin: -10px 0 0 -50px !important;}
.blockAd{width:390px;height:300px;max-width:90%;display:inline-block;}
.skyBlockAd{width:300px;height:600px;max-width:90%;display:inline-block;}

#indJobContent{padding-bottom: 5px;}#indJobContent .company_location{font-size: 11px;overflow: hidden;display:block;}
#indJobContent.wide .job{display:block;float:left;margin-right: 5px;width:135px;overflow: hidden}
#indeed_widget_wrapper{position: relative;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 13px;font-weight: normal;line-height: 18px;padding: 10px;height: auto;overflow: hidden;}
#indeed_widget_header{font-size:18px; padding-bottom: 5px; }
#indeed_search_wrapper{clear: both;font-size: 12px;margin-top: 0px;padding-top: 2px;}
#indeed_search_wrapper label{font-size: 12px;line-height: inherit;text-align: left; margin-right: 5px;}
#indeed_search_wrapper input[type='text']{width: 100px; font-size: 11px; }
#indeed_search_wrapper #qc{float:left;}
#indeed_search_wrapper #lc{float:right;}
#indeed_search_wrapper.stacked #qc, #indeed_search_wrapper.stacked #lc{float: none; clear: both;}
#indeed_search_wrapper.stacked input[type='text']{width: 150px;}
#indeed_search_wrapper.stacked label{display: block;padding-bottom: 5px;}
#indeed_search_footer{width:295px; padding-top: 5px; clear: both;}
#indeed_link{position:absolute;bottom:1px;right: 5px;clear:both;font-size:11px;}
#indeed_link a{text-decoration:none;}
#results .job{padding:1px 0px;}
#pagination {clear: both;}
#indeed_widget_wrapper{width:300px; height: 600px; background: #ffffff;}
#indeed_widget_wrapper{border:1px solid #FFFFFF;}
#indeed_widget_wrapper, #indeed_link a{color:#4B4B4B;}
#indJobContent, #indeed_search_wrapper{ border-top: 1px solid #FFFFFF; }
#indJobContent a {color: #486266; font-size:12pt; text-decoration:underline;}
#indeed_widget_header{color:#4B4B4B;}


/*mobile section*/
@media screen and (max-width: 1250px) {
	.dateBadge {margin: 0 10px 0 0; width:auto; height:auto; padding:6px;}
	.dateBadge h4{display:inline; font-size:13pt; margin-left:4px;}
}
@media screen and (max-width: 1150px) {
	#parent {width: 90%;}
	.listingsAd{max-width: 90%;}
	.bannerAd{max-width: 90%; height:280px;}
	#topbar h2{font-size: 20pt;margin: 10px 0 10px 0;}
	#topbar a{font-size:11pt;}

	.right{float:none;}
	.left{ float: none;}
	.twoThirds{width:95%}
	.third{width:95%}
	.half{width:95%}
}


@media screen and (max-width: 860px) {
	.mHide {
		display: none !important;
		position: absolute;
		border: none !important;
		z-index: 0;
		height: 0;
	}

	.mHide a {display: none;border: none;padding: 0;}
	.mShow {display: inline-block;}

	input,label { max-width: 90%;}

	#topbar h2{font-size: 16pt;margin: 8px 0 8px 0;}
	#topbar {position: relative;}
	body{margin-top:0; word-wrap: break-word;}
	#categoryNav{min-width:210px;}
	#categoryNav section{margin:5px;}
	#search section{margin:5px; min-width:210px;}
}

@media screen and (max-width: 500px) {
	div,ul,li,a,table{max-width: 95%;}
	.dateBadge{width:95%;}
	.blockAd{height:auto;}
}