.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.clearfix:after {
	clear: both;
}

.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	  box-sizing: border-box;
}

.hidden {
	display: none;
	visibility: hidden;
}
.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
	display: inherit !important;
}
.visible-desktop {
	display: none !important ;
}
.visible-tablet {
	display: inherit !important;
}
.hidden-tablet {
	display: none !important;
}
}

@media (max-width: 767px) {

.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-phone {
	display: inherit !important;
}

.hidden-phone {
	display: none !important;
}

.main{
	width:760px;
}

}


@media (min-width: 1200px) {

.row {
	*zoom: 1;
}
.row:before,

.row:after {
	display: table;
	line-height: 0;
	content: "";
}

.row:after {
	clear: both;
}


.row-fluid {
	width: 100%;
	*zoom: 1;
}

input,
textarea,
.uneditable-input {
	margin-left: 0;
}

}

@media (min-width: 980px) and (max-width: 1024px) {
	.main{
		width:980px;
	}
	h1{
		font-size:22px;
	}

	div#colleft{
		width:220px;
	}
	div#maincontent-fr div#colmain{
		width:690px;
	}
	
	div.colright{
		width:250px;
	}
	#banner{
		width:660px;
	}
	#bottom .box{
		width:320px;
	}
	
}


@media (min-width: 768px) and (max-width: 979px) {

#slideshow .main{
	width:740px;
}
.fpss-template-default .slidetext h1,
.fpss-template-default .slidetext h1 a{
	font-size:18px !important;
}
.searchBar .title{
	background:lightgrey;
	width:94%;
	padding:3%;
}

div#topheader .main{
	height:240px;
}
#contactphone{	
	font-size:18px;
	position:absolute;
	right:0;
	left:auto;
	bottom:auto;
	top:80px;
}

.searchedJobLeft{
	width:65%;
}
.jobMain{
	width:100%;
}


div.colleft{
	width:200px;
}
div.colright{
	width:240px;
}
div.colmain{
	width:300px;
	padding:0 10px;
}

div#colleft{
	width:220px;
}
div#maincontent-fl div#colmain,
div#maincontent-fr div#colmain{
	width:470px;
}

#bottom .box img{
	max-width:100%;
}

.collapse{
	height: 0;
	overflow: hidden;
}

#banner{
	width:460px;
}
#bottom .box{
	width:240px;
}

#content-mass-bottom img{
	float:none;
	margin-bottom:10px;
}

#slideshow .fpss-template-default,
#slideshow .fpss-template-default .slides-wrapper,
#slideshow .fpss-template-default .slides-wrapper .slides .slide,
#slideshow .fpss-template-default img{
	width:100%;
}
#slideshow #topsearch{
	right:20px;
}

.mainDiv{
	width:430px;
}

.main {
	width:740px;
	padding:0px;
}

input,
textarea,
.uneditable-input {
	margin-left: 0;
}


/* HOME responsive changes and overrides - These overrides will reposition content to fit tablet sized devices. By using this technique there is no need for javscript to weigh down the load time */


/*tablet*/

}

@media (max-width: 767px) {

.searchBar .title{
	padding:10px;
	background:lightgrey;
	width:94%;
	padding:3%;
}


.searchedJobLeft{
	width:65%;
}
.jobMain{
	width:100%;
}

div.content-mass-top .box{
	width:96%;
	padding:0;
	margin:0 0 10px 0;
}

#contact .box3{
	margin:0;
}
div.colright .rsform-block .rsform-input-box{
	width:418px;
}


body {
	padding-right: 0px;
	padding-left: 0px;
}

div.colright{
	float:none;
	padding:0;
	width:100%;
}
div#maincontent-fl .colmain, div#maincontent-fr .colmain{
	width:100%;
}

.container,.main {
	width: auto;
}

div#slideshow .main{
	width:480px;
}

div#topheader .main{
	height:150px;
	padding:0;
}

.main{
	width:480px;
	padding:0px;
}

div.colright .rsform-block .rsform-input-box,
div.colright .rsform-block textarea{
	width:96%;
}
#phonemenu{
	display:block;
	margin:10px 0;
}
div#topmenu{
	display:none;
}

div#navigation ul li{
	float:none;
	margin:0;

}
h1.logo{
	float:left;
	margin:0 auto;
	top:5px;
	position:static;
	width:200px;
}

#content-mass-bottom .box{
	float:none;
	margin:0 auto 30px;
	width:89%;
	padding:5%;
}

div#topheader .main{
	text-align:center;
}
#login-register{
	position:static;
	padding:0;
	float:right;
	overflow:hidden;
	margin-top:10px;
}

.login-greeting,
.logoutreg{
	float:none;
	display:inline;
}
div#socialmedia{
	position:static;
	width:100%;
	float:none;
	height:40px;
}

#banner{
	display:none;
}
div.colleft{
	width:100%;
	float:none;
}
#contact .box{
	width:100%;
	margin:0;
}
#contactphone{
	position:static;
	float:right;
	display:none;
}

div.slide-r{
	width:280px;
}
div#maincontent-fl .colmain,
div#maincontent .colmain,
div#maincontent-fr .colmain{
	padding:0;
	float:none;
	width:100%;
}

#bottom .box{
	float:none;
	width:100%;
	margin:0 auto;
	margin-bottom:30px;
}

#copyright{
	width:100%;
	float:none;
}

.ccms_form_element .box{
	float:none;
	margin:0;
}

.ccms_form_element textarea{
	width:300px !important;
}

.form-contact-left{
	margin:0 auto;
	float:none;

}


#text-capcha .chrono_captcha_input{
	margin-left:0;
}

#slideshow .fpss-template-default,
#slideshow .fpss-template-default .slides-wrapper,
#slideshow .fpss-template-default .slides-wrapper .slides .slide,
#slideshow .fpss-template-default img{
	width:100%;
}

#content-mass-bottom .button{
	float:none;
	display:block;
	margin-top:30px;
}

div#maincontent-fr div#colmain,
div#maincontent-fl div#colmain{
	width:100%;
	float:none;
}

div#colright{
	width:100%;
	float:none;
}

#colright .ccms_form_element input[type="text"],
 #colright .ccms_form_element textarea, 
 #colright .ccms_form_element input[type="file"]{
 	width:96%;
	padding:2%;
 }
.searchBarContainer{
	width:100% !important;
	margin-bottom:20px;
}
.collapse{
	height: 0;
	overflow: hidden;
}


#testimonials div.fst_comment{
	width:100%;
	float:none;
	overflow:hidden;
	margin:0 auto;
}

div.fst_comment_commentmod{
	margin:0 auto;
}

#footer .copyright,
#footer .powered{
	float:none;
	text-align:left;
}

/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input[type=checkbox]:checked + label {
   background-image: none;
    background-color:#d0d0d0;
}

.divCheckBoxList .divCheckboxes input[type=checkbox] {
    display:none;
}
 
input[type=checkbox] + label {
    display:block;
    margin:-2px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
 
input[type=checkbox]:checked + label {
       background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        background-color:#e0e0e0;
}

span.featured_job span,
.jobsHeader span{
	width:25%;
}
span.featured_job span.date_col,
.jobsHeader span.date_col,
span.featured_job span.detail_col,
.jobsHeader span.detail_col{
	display:none;
}


/* style for browser page */
#sectorFDiv a,
#areaFDiv a,
#typeFDiv a,
#smodeFDiv a{
	padding:7px 5px;
	display:block;
	border-bottom:1px solid #B9B9B9;
	background: #F2F2F2 ;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E8E8E8)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #F2F2F2, #E8E8E8); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #F2F2F2, #E8E8E8); /* FF3.6+ */
    background-image: -ms-linear-gradient(top, #F2F2F2, #E8E8E8); /* IE10 */
    background-image: -o-linear-gradient(top, #F2F2F2, #E8E8E8); /* Opera 11.10+ */
    background-image: linear-gradient(top, #F2F2F2, #E8E8E8); /* W3C */
}
}


/*IPHONE*/


@media (max-width: 480px) {

div#topheader .main{
	height:220px;
}

.searchBar .title{
	padding:10px;
	background:lightgrey;
	width:94%;
	padding:3%;
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{
	padding:0 5px !important;
	font-size:11px;
	font-weight:normal;
	margin:0 2px 0 0 !important;
}
.login-greeting{
	font-size:12px;
}

div.login-register .login{
	width:94%;
	padding:20px 3%;
}
div.fields-input{
	width:100%;
}
form.login_form #username, form.login_form #password, #member-registration input.required{
	width:100%;
}

#testimonials #rsm2 em{
	font-size:18px;
}

#content-mass-bottom .box2 input[type="text"],
#content-mass-bottom .box2 select{
	width:90%;
	margin-bottom:10px;
}
.rsform .form-element .rsform-block {
    float: none;
    text-align: center;
    width: 100%;
}

div.formBody{
	float:none;

}
.fpss-template-default{
	display:none;
}

#slideshow #topsearch{
	width:90%;
	padding:5%;
	position:static;
	margin:0 auto;
}
#topsearch .rmsearch{
	margin:0 auto;
}
#topsearch .rmsearch input[type="submit"]{
	width:auto;
}

#login-register{
	float:none;
	margin-bottom:10px;
	text-align:center;
}
#login-register li{
	display:inline-table;
	float:none;
}
#contactphone{
	float:none;
}
div#colright{
	float:none;
	width:100%;
	padding:0;
}

div#colleft{
	width:100%;
	float:none;
}
#content-mass-bottom .gkTabsWrap.vertical ol li, #content-mass-bottom .gkTabsWrap.vertical ol li, #content-mass-bottom .gkTabsWrap.horizontal ol li, #content-mass-bottom .gkTabsWrap.horizontal ol li{
	font-size:11px !important;
}
#search{
	float:none;
	width:100%;
	margin:0;
	overflow:hidden;
	margin-bottom:10px;
}

#topsearch .rmsearch input[type="text"]{
	width:96%;
	padding:2%;
}
#topsearch .rmsearch .selectbox{
	width:100%;
}
#topsearch .rmsearch .rmsDropDown{
	width:110%;
}

span.featured_job span,
.jobsHeader span{
	width:33%;
}
span.featured_job span.date_col,
span.featured_job span.type_col,
.jobsHeader span.date_col,
.jobsHeader span.type_col,
span.featured_job span.detail_col,
.jobsHeader span.detail_col{
	display:none;
}

#content-mass-bottom .box{
	margin-bottom:30px;
}

#footer ul.menu li{
	float:none;
	
}
#footer ul.menu li a{
	border:none;
	padding:5px 0;
}

.main{
	width:96%;
	padding:0;
}

div#slideshow{
	height:auto;
	position:static;
}

div#footer,#bottom{
	padding-left:0;
	padding-right:0;
}

div#topmenu{
	display:none;
}
div#navigation ul li{
	float:none;
	margin:0;
}
div#header .main{
	text-align:center;

}
h1.logo{
	float:none;
	margin:0 auto;
}

#banner img,
h1.logo img{
	width:100%;
}

#contactphone{
	font-size:20px;
}
div#slideshow .main{
	width:96%;
	height:auto;
}
div.slide-r{
	display:none;
}

#login-register li a{
	font-size:12px;
	text-transform:capitalize;
}
div.colright .rsform-block .rsform-input-box,
div.colright .rsform textarea{
	width:95%;
}
.nav-collapse {
	-webkit-transform: translate3d(0, 0, 0);
}

.collapse{
	height: 0;
	overflow: hidden;
}


/*Custom*/


body{padding-top:0 !important; margin-top:0px!important;}
.nav-collapse.collapse{background:#000;}
.nav-collapse .nav > li{text-align: center;}

.nav-collapse .nav > li a{color:#fff; text-shadow:none; font-size:10px;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{color:#fff!important; text-shadow:none!important;  font-size:13px!important; border-top:none!important; display: inline!important;}
.entry{width:220px;}
.navbar .brand img{width:70%;}
.intro{font-size:100%!important;}

/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
.divCheckBoxList .divCheckboxes input[type=checkbox] {
    display:none;
    margin:10px;
}
 
/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
input[type=checkbox] + label {
    display:block;
    margin:-2px;
    padding: 4px 12px;
    background-color: #e7e7e7;
    border-color: #ddd;
}

/* style for browser page */
#sectorFDiv a,
#areaFDiv a,
#typeFDiv a,
#smodeFDiv a{
	padding:7px 5px;
	display:block;
	border-bottom:1px solid #B9B9B9;
	background: #F2F2F2 ;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E8E8E8)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #F2F2F2, #E8E8E8); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #F2F2F2, #E8E8E8); /* FF3.6+ */
    background-image: -ms-linear-gradient(top, #F2F2F2, #E8E8E8); /* IE10 */
    background-image: -o-linear-gradient(top, #F2F2F2, #E8E8E8); /* Opera 11.10+ */
    background-image: linear-gradient(top, #F2F2F2, #E8E8E8); /* W3C */
}

.carousel-caption {
position: static;

}

}

@media (max-width: 979px) {

body {
	padding-top: 0;
	margin-top:0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
	position: static;
}

.navbar-fixed-top {
	margin-bottom: 20px;
}

.navbar-fixed-bottom {
	margin-top: 20px;

}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
	padding: 5px;
}

.navbar .container {
	width: auto;
	padding: 0;

}

.navbar .brand {
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 0 0 -5px;
}

.nav-collapse {
	clear: both;

}
.nav-collapse .nav {
	float: none;
	margin: 0 0 10px;
}

.nav-collapse .nav > li {
float: none;
}
.nav-collapse .nav > li > a {
margin-bottom: 2px;
}

.nav-collapse .nav > .divider-vertical {
display: none;

}

.nav-collapse .nav > li > a.active{background:#000; color:#fff; text-shadow:none;}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
	padding: 9px 5px;
	font-weight: bold;
	color: #777777;
	font-size:12px;
	background:#000;
	text-align: center;
	color:#fff;
}

.nav-collapse .btn {
	padding: 4px 10px 4px;
	font-weight: normal;
}

.nav-collapse .dropdown-menu li + li a {
	margin-bottom: 2px;
}

.nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover {
	background-color: #000;
}

.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:hover {
	background-color: #111111;
}

.nav-collapse.in .btn-group {
	padding: 0;
	margin-top: 5px;
}
.nav-collapse .dropdown-menu {
	position: static;
	top: auto;
	left: auto;
	display: block;
	float: none;
	max-width: none;
	padding: 0;
	margin: 0 15px;
	background-color: transparent;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
		border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
		box-shadow: none;
}

.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}

.nav-collapse .dropdown-menu .divider {
display: none;
}

.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {
display: none;

}

.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
	float: none;
	padding: 10px 15px;
	margin: 10px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

}

.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
	border-top-color: #111111;
	border-bottom-color: #111111;
}

.navbar .nav-collapse .nav.pull-right {
	float: none;
	margin-left: 0;
}

.nav-collapse,
.nav-collapse.collapse {
	height: 0;
	overflow: hidden;
}

.navbar .btn-navbar {
display: block;
}

.navbar-static .navbar-inner {
	padding-right: 10px;
	padding-left: 10px;
}


.navbar .nav > li > a{font:bold 12px/20px; padding:5px;}
}


@media (min-width: 980px) {
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}

}


@media (max-width: 980px) {

.homecalloutvert{display:none;}

}

@media (max-width: 1024px) {
.homecalloutvert{display:none;}
}