@charset "utf-8";
/* CSS Document 
Site information********************
-------------------------------------------------
Site URL: http://www.brishti.co.in
Author: Brishti Technologies Pvt Ltd
Description: India based online marketing agency provides a range of digital marketing solutions to increase your site's visibility to search engines and human visitors.
Version: 1.0
*/



/**
 # Table of Contents:
 #
 # 1.0 - Reset
 # 2.0 - General System
 # 3.0 - Basic Structure
 # 4.0 - Header

 * -----------------------------------------------------------------------------
 */



/**
 # 1.0 - Reset Syle	
 */
@import ('/mobile/css/reset.css');
/**
 # 1.0 - General System
 */

body {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	font-size: 1rem;
	font-weight: normal;
	color: #171717;
	background: #fff;
}

/*
<!--[if lt IE 9]>
body
{
margin:auto !important;
width:1100px !important;
}

.leftpane
{
float: left;
width:750px !important;
}
.rightpanel
{
float: left;
width:278px;
}
<![endif]-->
*/

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a {
	margin: 0;
	padding: 0;
	outline: none;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
}
a:hover {
}
p {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	line-height: 24px;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
}
h1 {
	font-size: 3.625 rem;
	font-size: 58 px;
	font-weight: normal;
}
h2 {
	font-size: 1.75 rem;
	font-size: 28 px;
	color: #1662c1;
}
h3 {
	font-size: 1.25 rem;
	font-size: 20px;
}
h3 {
	font-size: 1.25 rem;
	font-size: 20px;
}
.spacer {
	font-size: 0;
	line-height: 0;
	clear: both;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
/*-----------------------------------------------
		All General & Reset Syle end here
*-----------------------------------------------*/


/**
 # 3.0 -Basic Structure
 */
.wraper {
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
}
.devicewraper {
	margin-top: 0px;
}
/*  heading style   */
.sprite_holder {
	background: url(/mobile/images/sprite.png) no-repeat -5px -168px;
	height: 32px;
	width: 32px;
}
.inline {
	display: inline-block !important;
	float:left;
}
.search_top {
	line-height: 32px;
	line-height: 2rem;
	padding-bottom: 15px;
	padding-left: 10px;
}
.view {
	background: url(/mobile/images/sprite.png) no-repeat -5px -248px;
	line-height: 32px;
	line-height: 2rem;
	padding-bottom: 15px;
	padding-left: 40px;
}
.recent {
	background: url(/mobile/images/sprite.png) no-repeat -5px -333px;
	line-height: 32px;
	line-height: 2rem;
	padding-bottom: 15px;
	padding-left: 40px;
}
.trending {
	background: url(/mobile/images/sprite.png) no-repeat -5px -333px;
	line-height: 32px;
	line-height: 2rem;
	padding-bottom: 15px;
	padding-left: 40px;
}
.search {
	background: url(/mobile/images/sprite.png) no-repeat -5px -426px;
	line-height: 32px;
	line-height: 2rem;
	padding-bottom: 15px;
	padding-left: 40px;
}
.job {
	background: url(/mobile/images/sprite.png) no-repeat 0px -1332px;
	line-height: 28px;
	line-height: 1.75rem;
	padding-bottom: 35px;
	padding-left: 52px;
}
.job_by {
	background: url(/mobile/images/sprite.png) no-repeat 0px -2642px;
	line-height: 28px;
	line-height: 1.75rem;
	padding-bottom: 15px;
	padding-left: 40px;
}
.sortby {
	background: url(/mobile/images/sortby.png) no-repeat 0px 0px;
	width: 31px;
	height: 131px;
}
.signup {
	background: url(/mobile/images/sprite.png) no-repeat 0px -3320px;
	line-height: 28px;
	line-height: 2.10rem;
	padding-bottom: 15px;
	padding-left: 45px;
}
.loginhead {
	background: url(/mobile/images/sprite.png) no-repeat 0px -3419px;
	line-height: 28px;
	line-height: 2.15rem;
	padding-bottom: 15px;
	padding-left: 45px;
}
.subhead_small {
	font-size: 20px;
	font-weight: bold;
	color: #1662c1;
	line-height: 20px;
}
/*  heading style   */

/*  Error style   */
.success{
	width:95%;
	margin:0 auto;
	background:#f69090;
	padding:10px;
	text-align:center;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-weight: bold;
	font-size: 18px;
}
.success p{
	font-size:15px;
	color:#fff;
	line-height:18px;
}
.ok{
	background:#8ba801;
	width:25%;
	line-height:24px;
	color:#fff;
	display:block;
	margin:10px auto 0;
	padding:6px
}
.warning{
	background:#e7b300;
	width:25%;
	line-height:24px;
	color:#fff;
	display:block;
	margin:10px auto 0;
	padding:6px
}
.error{
	background:#e70000;
	width:25%;
	line-height:24px;
	color:#fff;
	display:block;
	margin:10px auto 0;
	padding:6px
}
/*  Error style   */

/**
 # 4.0 -Header Structure
 */
header[role="banner"].tophead {
	background: url(/mobile/images/top_repet_bg.png) repeat-x 0 0;
	max-height: 143px;
	max-height: 8.9375rem;
}
/*-----LOGO AREA-----*/
.logo {
	float: left;
	max-width: 241px;
	max-width: 15.0625rem;
	display: block;
}
.logo a img {
	background-size: contain;
	width: 100%;
	height: 100%;
}
/*-----GOOGLE TOP ADS AREA-----*/
.ads {
	max-width: 728px;
	max-height: 90px;
	float: right;
	position: relative;
}
.ads a img {
	max-width: 728px;
	max-height: 90px;
}
/*-----LOGIN / SIGNUP AREA AREA-----*/
.loginlink {
	float: right;
	max-width: 550px;
	margin-top: 2px;
}
.loginlink a.postjob2 {
	background: url(/mobile/images/sprite.png) no-repeat 0 0;
	width: 174px;
	height: 46px;
	text-indent: -9000px;
	float: left;
	margin-right: 2px;
}
.loginlink a.signup {
	background: url(/mobile/images/sprite.png) no-repeat 0 -537px !important;
	width: 300px;
	height: 46px;
	text-indent: -9000px;
	float: left;
}
.postform {
	background: url(/mobile/images/sprite.png) no-repeat 0 -537px !important;
	width: 300px;
	height: 46px;
	text-indent: -9000px;
	float: left;
}
.loginlink a.postjob {
	background: url(/mobile/images/sprite.png) no-repeat 0 0;
	width: 174px;
	height: 51px;
	text-indent: -9000px;
	float: left;
	margin-right: 2px;
}
.loginlink a.postjob:hover {
	background: url(/mobile/images/sprite.png) no-repeat 0 -66px;
}
.loginlink a.login {
	background: url(/mobile/images/sprite.png) no-repeat -176px 0;
	width: 106px;
	height: 51px;
	text-indent: -9000px;
	float: left;
}
.loginlink a.login:hover {
	background: url(/mobile/images/sprite.png) no-repeat -176px -66px;
}
/*-----PAGE HEADING-----*/

.pageheading {
	width: 100%;
	/* border-bottom: 1px solid #d0d0d0; */
	padding: 15px 0;
	text-align: center;
	margin: 0 auto 22px;
}
.pageheading h1 {
	font-size: 45px;
	font-size: 2.8125em;
	color: #373e4e;
	max-width: 980px;
	text-align: center;
	margin: 0 auto;
}
.pageheading h1 span {
	color: #8BA801;
	font-size: 58px;
}
.viewall {
	font-size: 15px;
	color: #a30000;
	font-weight: bold;
	display: block;
	line-height: 32px;
}
/*-----------------------------------------------
		Body Syle start here
*-----------------------------------------------*/


/**
 # 5.0 -Body Structure
 */
/*  Left  */
article[role="contentinfo"].leftpane {
	width: 70%;
	padding-right: 25px;
	border-right: 1PX solid #d0d0d0;
	float: left;
	position: relative;
}
.row[role="row"] {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dadada;
}
.searcharea {
	width: 100%;
}
.searcharea input[type="text"] {
	width: 273px;
	background: #dadada;
	padding-left: 5px;
	float: left;
	margin-right: 10px;
	border: 0;
	height: 46px;
	line-height: 53px;
	line-height: 3.3125rem;
	color: #636363;
	font-size: 14px;
}
.searcharea input[type="text"].last {
	margin-right: 0;
}
.searcharea input[type="button"].searchbutton {
	background: url(/mobile/images/sprite.png) no-repeat -314px 0px;
	width: 181px;
	height: 43px;
	border: 0;
	float: right;
	cursor: pointer;
}
.searcharea input[type="submit"].searchbutton {
	background: url(/mobile/images/sprite.png) no-repeat -330px 0px;
	width: 161px;
	height: 43px;
	border: 0;
	float: right;
	cursor: pointer;
}
.list {
	width: 100%;
}
.list li {
	float: left;
	width: 50%;
	padding-left: 16px;
	list-style-type:none;
}
.list li a {
	color: #2e2e2e;
	line-height: 32px;
	font-weight: bold;
}
/*  Short Drescription  */
.shortdresc {
	padding-bottom: 8px;
	margin-bottom: 8px;
	/* border-bottom: 1px solid #dadada; */
}
.shortdresc:last-child {
	border-bottom: 0;
}
.shortdresc a {
	font-size: 16px;
	font-weight: bold;
	color: #1662c1;
	text-decoration: underline;
	background: url(/mobile/images/sprite.png) no-repeat -313px -68px;
	padding-left: 15px;
}
.shortdresc p {
	margin-top:2px;
	font-size: 15px;
	line-height: 20px;
	padding-left: 15px;
}
.jobpostbanner {
	max-width: 100%;
	background-size: contain;
}
.jobpostbanner a img {
	max-width: 620px;
	background-size: contain;
	height: 112px;
}
/*  Right  */
aside[role="complementary"] {
	float: right;
	width: 27.4%;
}
aside[role="complementary"] ul.list {
	margin-bottom: 12px;
}
aside[role="complementary"] ul.list li {
	width: 100%;
	background: url(/mobile/images/sprite.png) no-repeat -313px -66px;
	line-height: 26px;
}
aside[role="complementary"] .searcharea {
	padding: 15px 0;
}
aside[role="complementary"] .searcharea input[type="text"] {
	width: 300px;
	background: #dadada;
	padding-left: 5px;
	margin-bottom: 10px;
	border: 0;
	height: 53px;
	line-height: 53px;
	line-height: 3.3125rem;
	color: #636363;
	font-size: 14px;
}
aside[role="complementary"] .searcharea input[type="tel"] {
	width: 300px;
	background: #dadada;
	padding-left: 5px;
	margin-bottom: 10px;
	border: 0;
	height: 53px;
	line-height: 53px;
	line-height: 3.3125rem;
	color: #636363;
	font-size: 14px;
}
aside[role="complementary"] .searcharea select {
	width: 300px;
	background: #dadada;
	padding-left: 5px;
	margin-bottom: 10px;
	border: 0;
	height: 53px;
	line-height: 53px;
	line-height: 3.3125rem;
	color: #636363;
	font-size: 14px;
}
aside[role="complementary"] .searcharea input[type="button"].searchbutton {
	background: url(/mobile/images/sprite.png) no-repeat -5px -537px;
	width: 300px;
	height: 46px;
	border: 0;
	margin: 10px 0 0 0;
	cursor: pointer;
}
.postbutton {
	background: url(/mobile/images/sprite.png) no-repeat -5px -624px;
	width: 300px;
	height: 76px;
	display: block;
}
/**
 # 6.0 -Bottom Ads Structure
 */
 
/*  Bottom Ads   */
section[role="link"].bottomads {
	background: #e6e6e6;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	margin: 25px 0 0 0;
}
section[role="link"].bottomads h4 {
	text-align: left;
	padding-bottom: 10px;
}
.adsblock {
	float: left;
	max-width: 284px;
	margin-right: 62px;
}
.adsblock:last-child {
	margin-right: 0;
}
.adsblock img {
	float: left;
	width: 100px;
	height: 77px;
	margin-right: 10px;
}
.adsblock a {
	color: #505050;
	font-size: 15px;
}
/**
 # 7.0 -Footer Structure
 */
footer[role="contentinfo"].foo {
	background: #3f3f3f;
	width: 100%;
	padding: 15px 0;
	margin: 0 auto;
}
.copy {
	float: left;
	width: 80%;
	font-size: 15px;
	color: #909090;
	line-height: 32px;
}
.copy a {
	color: #909090;
}
.copy a:hover {
	text-decoration: underline;
}
.social {
	float: right;
	width: 14%;
}
.social li {
	float: left;
	width: 35px;
	height: 35px;
	display: block;
	margin-right: 14px;
	text-indent: -10000px;
}
.social li:last-child {
	margin-right: 0;
}
.social li a {
	display: block;
}
.social li.facebook {
	background: url(/mobile/images/sprite.png) no-repeat -5px -743px;
	width: 35px;
	height: 35px;
	display: block;
	transition: 0.5s all;
}
.social li.facebook:hover {
	background: url(/mobile/images/sprite.png) no-repeat -5px -778px;
}
.social li.twitter {
	background: url(/mobile/images/sprite.png) no-repeat -54px -743px;
	width: 35px;
	height: 35px;
	display: block;
	transition: 0.5s all;
}
.social li.twitter:hover {
	background: url(/mobile/images/sprite.png) no-repeat -54px -778px;
}
.social li.linkedin {
	background: url(/mobile/images/sprite.png) no-repeat -102px -743px;
	width: 35px;
	height: 35px;
	display: block;
	transition: 0.5s all;
}
.social li.linkedin:hover {
	background: url(/mobile/images/sprite.png) no-repeat -102px -778px;
}
/*  Social Sidebar   */
article[role="status"].sociallink {
	position: fixed;
	width: 38px;
	right: 0;
	top: 45%;
	z-index: 999;
}
article[role="status"].sociallink ul {
	text-align: center;
}
article[role="status"].sociallink ul li {
	width: 28px;
	height: 28px;
	text-indent: -10000px;
	margin-bottom: 10px;
}
article[role="status"].sociallink ul li a {
	display: block;
}
article[role="status"].sociallink ul li.facebook {
	background: url(/mobile/images/sprite.png) no-repeat -6px -904px;
	width: 28px;
	height: 28px;
	display: block;
	transition: 0.5s all;
}
article[role="status"].sociallink ul li.twitter {
	background: url(/mobile/images/sprite.png) no-repeat -6px -941px;
	width: 28px;
	height: 28px;
	display: block;
	transition: 0.5s all;
}
article[role="status"].sociallink ul li.linkedin {
	background: url(/mobile/images/sprite.png) no-repeat -6px -978px;
	width: 30px;
	height: 30px;
	display: block;
	transition: 0.5s all;
}
/**
 # 7.0 -Inner Pages Structure
 */
 
/* Job Posting Page Start  */
.info {
	float: left;
	width: 49%;
	border-right: 1px solid #d0d0d0;
	padding: 0 14px 0px 0;
	margin: 0 14px 15px 0;
}
.info_last_child {
	margin-right: 0 !important;
	padding-right: 0 !important;
	border-right: 0 !important;
}
.holder {
	border-bottom: 1px solid #d0d0d0;
	width: 100%;
	padding: 0 0px 15px 0;
}
.shortcnt_img {
	float: left;
	width: 106px;
}
.shortcnt {
	float: right;
	width: 78%;
	min-height: 117px;
	text-align: left;
}
.shortcnt h3 {
	font-size: 16px;
	color: #1662c1;
	font-weight: bold;
}
.syndication {
	background: url(/mobile/images/sprite.png) no-repeat -1px -1718px;
	width: 102px;
	height: 103px;
	display: block;
	float: left;
}
.socialmedia {
	background: url(/mobile/images/sprite.png) no-repeat -1px -2048px;
	width: 102px;
	height: 103px;
	display: block;
	float: left;
}
.email {
	background: url(/mobile/images/sprite.png) no-repeat -1px -1869px;
	width: 102px;
	height: 103px;
	display: block;
	float: left;
}
.extremely {
	background: url(/mobile/images/sprite.png) no-repeat -1px -2195px;
	width: 102px;
	height: 103px;
	display: block;
	float: left;
}
.grybox {
	background: #efefef;
	border: 1px solid #dadada;
	padding: 13px 13px 13px 19px;
}
.grybox h3 {
	font-size: 24px;
	color: #241b2f;
	font-weight: bold;
	padding-bottom: 15px;
}
.jobposting {
	width: 100%;
}
.pad {
	margin-top: 25px;
}
.grybox > .inpholder {
	position: relative;
	width: 236px;
	float: left;
	margin: 0 0px 32px 0;
}
.grybox > .inpholder > .tooltip {
	position: absolute;
	right: 9px;
	top: -21px;
	background: url(/mobile/images/sprite.png) no-repeat -1px -1221px;
	font-size: 15px;
	line-height: 38px;
	width: 18px;
	height: 18px;
}
.ui-tooltip {
	position: absolute;
	z-index: 9999;
	left: 0;
	font-size: 12px;
	padding: 8px;
	background: #f7ffd2;
	color: #000;
	max-width: 275px;
	line-height: 15px;
	border: 1px solid #89a601;
}
.tip {
	z-index: 9999;
	font-size: 12px;
	color: #000;
	line-height: 12px;
}
.grybox > .inpholder > input[type="text"] {
	width: 226px;
	float: left;
	background: #dadada;
	padding-left: 5px;
	border: 0;
	height: 45px;
	line-height: 45px;
	line-height: 2.8125rem;
	color: #636363;
	font-size: 14px;
}
.grybox > .inpholder > input[type="text"].last_child {
	margin-right: 0;
}
.inpholder2 {
	min-width: 705px !important;
	max-width: 705px !important;
}
.grybox > .inpholder > textarea {
	min-width: 705px;
	max-width: 705px;
	float: left;
	background: #dadada;
	padding-left: 5px;
	border: 0;
	height: 277px;
	line-height: 45px;
	line-height: 2.8125rem;
	color: #636363;
	font-size: 14px;
}
.grybox > .inpholder > select {
	width: 226px;
	float: left;
	background: #dadada;
	padding-left: 5px;
	border: 0;
	height: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 45px;
	line-height: 2.8125rem;
	color: #636363;
	font-size: 14px;
}
.grybox > .inpholder > select label {
	line-height: 45px;
	line-height: 2.8125rem;
}
.char {
	text-align: right;
	font-size: 14px;
	color: #808080;
	display: block;
}
.note {
	background: url(/mobile/images/sprite.png) no-repeat -1px -1211px;
	padding: 10px 0 20px 27px;
	font-size: 15px;
	line-height: 24x;
}
.posting {
	background: url(/mobile/images/sprite.png) no-repeat 0px -1117px;
	width: 204px;
	height: 36px;
	margin: 10px 0;
	border: 0;
	cursor: pointer;
}
/* Job Posting Page End  */

/* Job Details Page Start  */
/*  Posting PopUp   */
.applypopup {
	width: 100%;
	min-height: 500px;
	background: #EFEFEF;
	border: 1px solid #d0d0d0;
	position: absolute;
	left: 0;
	top: 8%;
	padding: 12px;
	display: none;
}
.applypopup h2 {
	padding-bottom: 5px !important;
}
.applypopup p {
	padding-bottom: 15px;
}
.applypopup form .inpholder {
	width: 228px !important;
}
.applypopup .sn {
	font-size: 18px;
	width: 3%;
	float: left;
	line-height: 40px;
}
#clspop {
	background: #F00;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px;
	text-align: center;
	position: absolute;
	right: 0px;
	top: -25px;
	line-height: 10px;
}
.applypopup a {
	color: #008FFE;
}
.applypopup form .inpholder input[type="text"] {
	width: 220px !important;
}
.applypopup form .inpholder select {
	width: 220px !important;
}
.getstarted {
	background: url(/mobile/images/sprite.png) no-repeat 0px -3933px;
	width: 247px;
	height: 52px;
	border: 0;
	cursor: pointer;
	float: left;
	margin-right: 12px;
}
.toppad {
	line-height: 52px;
}

.shortdresc a.apply {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: url(/mobile/images/sprite.png) no-repeat -313px -68px;
  padding-left: 15px;
}

.apply {
	background:#1662c1 !important;
	width: 225px;
	height: 41px;
	margin: 10px 0;
	padding:10px 15px 15px 0px;
  border: 0;
  cursor: pointer;
  float: left;
	text-align:center;
	font-decoration: none;
	color:#fff;
}

.shortdresc a.recruiter2 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: url(/mobile/images/sprite.png) no-repeat -313px -68px;
  padding-left: 15px;
}		

/*  Posting PopUp   */
.recruiter2 {
  background:#8ba801 !important;
  width: 256px;
  height: 41px;
  margin: 10px 5px 10px 0;
	padding:10px 15px 15px 0px;
  border: 0;
  cursor: pointer;
  float: left;
	text-align:center;
	font-decoration: none;
	color:#fff;
}

.recruiter {
	background: url(/mobile/images/sprite.png) no-repeat 0px -2415px !important;
	width: 176px;
	height: 42px;
	margin: 10px 5px 10px 0;
	border: 0;
	cursor: pointer;
	float: left;
}

.apply0 {
	background: url(/mobile/images/sprite.png) no-repeat -183px -2415px !important;
	width: 175px;
	height: 42px;
	margin: 10px 0;
	border: 0;
	cursor: pointer;
	float: left;
}

.social_share {
	float: right;
	width: 100px;
	min-height: 35px;
	margin: 10px 0;
}
.social_share a.f_share {
	float: left;
	background: url(/mobile/images/sprite.png) no-repeat 0px -2489px !important;
	width: 23px;
	height: 30px;
	display: block;
}
.social_share a.t_share {
	float: left;
	background: url(/mobile/images/sprite.png) no-repeat -23px -2489px !important;
	width: 30px;
	height: 30px;
	display: block;
}
.social_share a.all_share {
	float: left;
	background: url(/mobile/images/sprite.png) no-repeat -54px -2489px !important;
	width: 23px;
	height: 30px;
	display: block;
}
.bottomborder {
	border-bottom: 1px solid #d0d0d0 !important;
}
.joblinks {
	color: #008ffe;
	padding-bottom: 10px;
}
.joblinks a {
	color: #008ffe;
	margin: 0 10px;
}
.list_details {
	list-style-type: disc;
	margin: 10px 0;
	padding-left: 20px;
}
.list_details li {
	padding-left: 5px;
	padding-bottom: 10px;
}
.normallink {
	background: none !important;
	padding-left: 0 !important;
	font-weight: normal!important;
}
.txt {
	padding: 0 0 15px 0 !important;
}
.search_btn {
	float: right;
	background: url(/mobile/images/sprite.png) no-repeat 0px -2565px !important;
	width: 95px;
	height: 36px;
	display: block;
	border: 0;
	margin-right: 12px;
}
.list {
	width: 100%;
}
.list li {
	float: left;
	width: 50%;
}
.list li a {
	color: #1662c1;
	line-height: 28px;
	font-weight: normal;
}
.devicespacer {
	display: none;
}
.small_row {
	position: absolute;
	width: 20%;
	top: 2%;
	left: -11.5%;
	z-index: 999;
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px;
}
.extrawidth {
	width: 5%;
}
#cls {
	background: #F00;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px;
	text-align: center;
	position: absolute;
	right: 10px;
	line-height: 10px;
}
.small_row_right {
	float: left;
	width: 60%;
	border-left: 1px solid #d0d0d0;
	padding-left: 12px;
}
.sortelement {
	margin: 0 0 15px 0;
	overflow: hidden;
}
.sortelement li {
	float: left;
	padding-right: 10px;
}
/*  Accordian Function  */

.pageContent {
	width: 80%;
}
.accordion {
	list-style-type: none;
	padding: 0;
	margin: 0 0 30px;
	border: 1px solid #17a;
	border-top: none;
	border-left: none;
	width: 100%;
}
.accordion ul {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}
.accordion li {
	background: #8BA801;
	cursor: pointer;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
	line-height: 32px;
}
.accordion li.active>a {
	background: url(/mobile/images/close.gif) no-repeat center right;
}
.accordion li ul li a {
	color: #008ffe;
}
.accordion li div {
	padding: 20px;
	background: #aef;
	display: block;
	clear: both;
	float: left;
	width: 360px;
}
.accordion a {
	text-decoration: none;
	border-bottom: 1px solid #c8c8c8;
	color: #fff;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url(/mobile/images/open.gif) no-repeat center right;
}
/* Level 2 */
.accordion li ul li {
	background: #fff;
	color: #171717;
}
.accordion li ul li ul {
	padding-left: 30px;
}
/*  Comp Info Details  */
.comp_info {
	width: 100%;
	padding: 12px 0;
}
.comp_info span {
	font-weight: bold;
}
.share_info {
	width: 100%;
	padding: 12px 0 0 0;
	margin-bottom: 15px;
}
.share_info a {
	float: left;
	margin: 0 10px;
}
.share_info a.save {
	width: 20px;
	height: 20px;
	background: url(/mobile/images/sprite.png) no-repeat 0px -2832px;
}
.share_info a.compinfo_small {
	width: 20px;
	height: 20px;
	background: url(/mobile/images/sprite.png) no-repeat -28px -2832px;
}
.share_info a.jobshare {
	width: 20px;
	height: 20px;
	background: url(/mobile/images/sprite.png) no-repeat -58px -2832px;
}
.compname {
	background: url(/mobile/images/sprite.png) no-repeat 0px -2882px !important;
	font-weight: bold;
	color: #e77d00 !important;
	font-size: 17px;
	display: block;
	width: 100%;
	padding: 12px 0px 12px 24px !important;
}
.spnosor {
	background: #fff0ac;
	border: 1px solid #dfbf2e !important;
	position: relative;
	padding: 6px;
	margin: 0 0 15px;
}
.imgthumb {
	float: left;
	width: 67px;
	height: 52px;
	display: block;
	background: #fff;
	margin-right: 10px;
}
.sonslist {
	float: left;
	width: 72%;
}
.sonslist a {
	display: block;
	background: none !important;
	padding-left: 0 !important;
}
.spon {
	width: 100%;
	display: block;
	text-align: end;
	font-size: 14px;
	padding-right: 5px;
}
.pagination {
	width: 100%;
	overflow: hidden;
}
.pagination li {
	float: left;
	width: auto;
	line-height: 24px;
	font-size: 14px;
	padding: 5px 0px;
	display: block;
	margin: 0 1px;
}
.pagination li a {
	color: #343434;
	padding: 0px 10px;
	display: block;
	line-height: 26px;
	font-size: 17px;
}
.pagination li:hover a, .pagination li.activepage a {
	background: #8ba801;
	color: #fff;
}
/*  Company popUp   */
.arrow-up {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #628ac0;
	position: absolute;
	top: -10px;
	left: 20px;
}
.infopopup {
	width: 100%;
	padding: 12px;
	background: #628ac0;
	position: relative;
	display: none;
}
.infopopup h2 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.infopopup p {
	font-size: 18px;
	color: #fff;
	padding-left: 0;
	line-height: 24px;
}
#sortarea {
	display: none;
}
#sortheadtoggle {
	display: none;
}
.single_row p {
	width: 100%;
	display: block;
	padding: 12px 0;
	border-top: 1px solid #ccc;
	margin-top: 12px;
}
.single_row p:first-child {
	border-top: 0;
	margin-top: 0;
}
.single_row a.in_invite {
	float: left;
	width: 20%;
	padding-left: 20px;
	background: url(/mobile/images/sprite.png) no-repeat 0 -2943px !important;
	line-height: 28px;
	color: #fff !important;
	font-weight: normal;
}
.single_row a.resume_send {
	float: left;
	width: 40%;
	padding-left: 20px;
	background: url(/mobile/images/sprite.png) no-repeat 0 -2992px !important;
	line-height: 28px;
	color: #fff !important;
	font-weight: normal;
}
.trial {
	width: 228px;
	height: 44px;
	background: url(/mobile/images/sprite.png) no-repeat 0 -3069px !important;
	display: block;
	margin: 10px 0;
}
.nothnx {
	width: 136px;
	height: 44px;
	background: url(/mobile/images/sprite.png) no-repeat -238px -3069px !important;
	display: block;
}
/* Job Details Page Start  */
/* Login Details Page Start  */
.fullwidth {
	width: 100% !important;
	border-right: none !important;
}
.halfwidth {
	width: 54% !important;
	float: left;
	border-right: 1px solid #d0d0d0;
	padding-right: 20px;
}
.halfwidth2 {
	width: 45% !important;
	float: left;
	padding-right: 0 !important;
	padding-left: 20px;
}
.loginform > .inpholder {
	position: relative;
	width: 235x;
	float: left;
	margin: 0 10px 20px 0;
}
.loginform > .inpholder > input[type="text"] {
	width: 235px;
	float: left;
	background: #dadada;
	padding-left: 5px;
	border: 0;
	height: 45px;
	line-height: 45px;
	line-height: 2.8125rem;
	color: #636363;
	font-size: 14px;
}
.loginform > .inpholder > .tooltip {
	right: 6px;
	top: -20px;
}
.loginform > .inpholder > textarea {
	min-width: 235px;
	max-width: 235px;
	float: left;
	background: #dadada;
	padding-left: 5px;
	border: 0;
	height: 277px;
	line-height: 45px;
	line-height: 2.8125rem;
	color: #636363;
	font-size: 14px;
}
.loginform > .inpholder > select {
	width: 235px;
	float: left;
	background: #dadada;
	padding-left: 5px;
	border: 0;
	height: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 45px;
	line-height: 2.8125rem;
	color: #636363;
	font-size: 14px;
}
.cont_apply {
	width: 247px;
	height: 52px;
	background: url(/mobile/images/sprite.png) no-repeat 0px -3201px !important;
	display: block;
	margin: 10px 0;
	border: 0;
}
.loginp {
	width: 100%;
	background: #dadada;
	padding-left: 5px;
	border: 0;
	height: 45px;
	line-height: 45px;
	line-height: 2.8125rem;
	color: #636363;
	font-size: 14px;
	margin-bottom: 10px;
}
.loginbtn {
	width: 170px;
	height: 52px;
	background: url(/mobile/images/sprite.png) no-repeat 0px -3583px !important;
	display: block;
	margin: 10px 0;
	border: 0;
	float: left;
}
.or {
	float: left;
	color: #373e4e;
	font-weight: bold;
	line-height: 66px;
	line-height: 4.125rem;
	text-transform: uppercase;
	width: 70px;
	text-align: center;
}
.f_login {
	width: 295px;
	background: url(/mobile/images/sprite.png) no-repeat 0px -3730px;
	display: block;
	margin: 10px 0;
	border: 0;
	float: left;
	height: 53px;
}

#gr_now {
	width:300px;  padding:10px;  cursor:pointer;  border-style:none !important; border-radius:0;  -webkit-border-radius:0;
	height:46px;  color:#fff;    font-size:21px;  background:#e68a00;  -moz-border-radius:0;
}
#postjob2_wrap {  background-color:#8ba801;  display: inline;  }

/* Login Details Page Start  */

.mobile_only { display: none; }


/*------------------------------------------------------
							BODY STYLE END
------------------------------------------------------*/


/*------------------------------------------------------
							DEVICE STYLE START
------------------------------------------------------*/
/**
 * 6.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
 width: device-width;
}
 @viewport {
 width: device-width;
}
 @media screen and (max-width: 400px) {
	.wraper {
		width: 100%;
		margin: 0 auto;
	}
	.devicewraper {
		margin-top: 60px !important;
	}
	header[role="banner"].tophead {
		max-height: 21.9375rem;
		margin-bottom: 10px;
	}
	/*-----LOGO AREA-----*/
	.logo {
		float: none;
		max-width: 241px;
		max-width: 15.0625rem;
		margin: 0 auto;
	}
	.logo a img {
		background-size: contain;
		width: 100%;
		height: 100%;
	}
	/*-----LOGIN / SIGNUP AREA AREA-----*/
	.loginlink {
		float: none;
		max-width: 95%;
		text-align: center;
		margin: 2px auto 0;
	}
	.loginlink a.postjob {
		float: none;
		margin-right: 2px;
		display: inline-block;
	}
	.loginlink a.login {
		float: none;
		margin-right: 0px;
		display: inline-block;
	}
	.ads {
		display: none;
	}
	h2 {  font-size: 1.2em;  }
	#postjob2_wrap {  margin-bottom: 5px; display: block;  }
	.loginlink a.postjob2 {  float: unset;  margin: 0 auto;  display: block;  }
	#gr_now {  width: 100%;  }
	/*-----PAGE HEADING-----*/

	.pageheading {
		display: none;
	}
	.jobpostbanner {
		max-width: 100%;
		max-height: 60px;
		margin: 0 auto 10px;
		background-size: contain;
	}
	.jobpostbanner img {
		background-size: contain;
		max-width: 100%;
		max-height: 60px;
	}
	/*-----BODY STYLE-----*/
	/*  Left  */
	article[role="contentinfo"].leftpane {
		width: 95%;
		padding-right: 0;
		padding-bottom: 10px;
		border-right: 0;
		float: none;
		border-bottom: 1px solid #d0d0d0;
		margin: 3% auto;
	}
	/*  Search  */
	.searcharea {
		width: 100%;
	}
	.searcharea input[type="text"] {
		width: 100%;
		padding-left: 5px;
		float: none;
		border: 0;
		margin: 0 auto 8px;
	}
	.searcharea input[type="text"].last {
		margin-right: 0;
	}
	.searcharea input[type="button"].searchbutton {
		background: url(/mobile/images/sprite.png) no-repeat -314px 0px;
		width: 181px;
		height: 43px;
		border: 0;
		margin: 10px auto 0;
		float: none;
	}
	.list li {
		float: none;
		width: 100%;
		padding-left: 16px;
	}
	/*  Job Post Banner  */
	.jobpostbanner {
		max-width: 90%;
		background-size: contain;
	}
	.jobpostbanner img {
		max-width: 100%;
		background-size: contain;
		height: 100%;
	}
	/*  Right  */
	aside[role="complementary"] {
		width: 300px;
		padding-left: 0;
		padding-bottom: 10px;
		border-right: 0;
		float: none;
		border-bottom: 1px solid #d0d0d0;
		margin: 0 auto;
		text-align: center;
	}
	aside[role="complementary"] div.row {
		text-align: left;
	}
	aside[role="complementary"] .searcharea input[type="text"] {
		width: 300px;
		background: #dadada;
		padding-left: 5px;
		margin-bottom: 10px;
		border: 0;
		height: 53px;
		line-height: 53px;
		line-height: 3.3125rem;
		color: #636363;
		font-size: 14px;
	}
	/*  Bottom Ads   */
	section[role="link"].bottomads {
		background: #e6e6e6;
		width: 100%;
		padding: 15px 0;
		text-align: center;
		margin: 25px 0 0 0;
	}
	section[role="link"].bottomads h4 {
		text-align: left;
		padding-bottom: 10px;
	}
	.adsblock {
		float: none;
		max-width: 300px;
		margin-right: 0px;
		overflow: hidden;
		margin-bottom: 10px;
		text-align: left;
	}
	.adsblock:last-child {
		margin-right: 0;
	}
	.adsblock img {
		float: left;
		width: 100px;
		height: 77px;
		margin-right: 10px;
	}
	.adsblock a {
		color: #505050;
		font-size: 15px;
		text-align: left;
	}
	/*  Footer   */
	footer[role="contentinfo"].foo {
		background: #3f3f3f;
		width: 100%;
		padding: 15px 0;
		margin: 0 auto;
	}
	.copy {
		float: none;
		width: 90%;
		font-size: 15px;
		color: #909090;
		line-height: 28px;
	}
	.social {
		float: none;
		width: 90%;
		text-align: center;
		margin: 25px 0 0 0;
	}
	.social li {
		margin-right: 14px;
		display: inline-block;
		float: none;
	}
	.social li:last-child {
		margin-right: 0;
	}
	.social li a {
		display: block;
	}
	.social li.facebook {
		display: inline-block;
	}
	.social li.twitter {
		display: inline-block;
	}
	.social li.linkedin {
		display: inline-block;
	}
	.copy {
		text-align: center;
		margin: 0 auto;
		width: 95%;
	}
	/*  Social Sidebar   */
	article[role="status"].sociallink {
		display: none;
	}
	/* Job Posting Page Start  */
	.info {
		float: none;
		width: 95%;
		border-right: 0;
		padding: 0 0px 0px 0;
		margin: 10px auto 15px auto;
	}
	.info_last_child {
		margin-right: 0 !important;
		padding-right: 0 !important;
		border-right: 0 !important;
	}
	.holder {
		border-bottom: 1px solid #d0d0d0;
		width: 100%;
		padding: 0 0px 15px 0;
	}
	.shortcnt_img {
		float: none;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 12px;
		text-align: center;
		display: block;
	}
	.shortcnt {
		float: none;
		width: 280px;
	}
	.shortcnt h3 {
		font-size: 20px;
		color: #1662c1;
		font-weight: bold;
	}
	.syndication {
		background: url(/mobile/images/sprite.png) no-repeat -30% -1718px;
		width: 100%;
		height: 103px;
		display: block;
		float: none;
	}
	.socialmedia {
		background: url(/mobile/images/sprite.png) no-repeat -30% -2048px;
		width: 100%;
		height: 103px;
		display: block;
		float: none;
	}
	.email {
		background: url(/mobile/images/sprite.png) no-repeat -30% -1869px;
		width: 100%;
		height: 103px;
		display: block;
		float: none;
	}
	.extremely {
		background: url(/mobile/images/sprite.png) no-repeat -30% -2195px;
		width: 100%;
		height: 103px;
		display: block;
		float: none;
	}
	.grybox > .inpholder {
		position: relative;
		width: 260px;
		float: left;
		margin: 0 0px 20px 0;
	}
	.grybox > .inpholder > input[type="text"] {
		width: 258px;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 45px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.grybox > .inpholder > .tooltip {
		right: 6px;
		top: -20px;
	}
	.grybox > .inpholder > textarea {
		min-width: 260px;
		max-width: 260px;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 277px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.inpholder2 {
		min-width: 265px !important;
		max-width: 265px !important;
	}
	.grybox > .inpholder > select {
		width: 258px;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 45px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.social_share {
		float: none;
		padding: 12px 0;
		text-align: center;
		width: 250px;
	}
	.social_share a.f_share {
		display: inline-block;
	}
	.social_share a.t_share {
		display: inline-block;
		margin: 0 15px;
	}
	.social_share a.all_share {
		display: inline-block;
	}
	.devicespacer {
		display: block;
	}
	#sortheadtoggle {
		display: block;
		background: url(/mobile/images/sprite.png) no-repeat 0 -2736px;
		padding-left: 35px;
		width: 100%;
		height: inherit;
		padding-bottom: 12px;
	}
	#sorthead {
		display: none;
	}
	.small_row {
		float: none;
		width: 100%;
		margin-right: 0px;
		position: static;
		top: 20px;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		overflow: hidden;
		padding: 0 0 15px 0;
		margin-bottom: 15px;
	}
	#sortarea {
		display: block;
	}
	.small_row_right {
		float: none;
		width: 100%;
		border-left: 0;
		padding-left: 0px;
		margin-top: 25px;
	}
	.sortelement {
		margin: 0 0 15px 0;
		overflow: hidden;
	}
	.sortelement li {
		float: left;
		padding-right: 10px;
	}
	.accordion {
		width: 100%;
	}
	/*  Company popUp   */
	.arrow-up {
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #628ac0;
		position: absolute;
		top: -10px;
		left: 20px;
	}
	.infopopup {
		width: 100%;
		padding: 12px;
		background: #628ac0;
		position: relative;
		display: none;
	}
	.infopopup h2 {
		font-size: 30px;
		font-weight: bold;
		color: #fff;
	}
	.infopopup p {
		font-size: 18px;
		color: #fff;
		padding-left: 0;
		line-height: 24px;
	}
	.single_row p {
		width: 100%;
		display: block;
		padding: 12px 0;
		border-top: 1px solid #ccc;
		margin-top: 12px;
	}
	.single_row p:first-child {
		border-top: 0;
		margin-top: 0;
	}
	.single_row a.in_invite {
		float: left;
		width: 25%;
		padding-left: 20px;
		background: url(/mobile/images/sprite.png) no-repeat 0 -2943px !important;
		line-height: 28px;
		color: #fff !important;
		font-weight: normal;
	}
	.single_row a.resume_send {
		float: left;
		width: 60%;
		padding-left: 20px;
		background: url(/mobile/images/sprite.png) no-repeat 0 -2992px !important;
		line-height: 28px;
		color: #fff !important;
		font-weight: normal;
	}
	.trial {
		width: 228px;
		height: 44px;
		background: url(/mobile/images/sprite.png) no-repeat 0 -3069px !important;
		display: block;
		margin: 10px 0;
	}
	.nothnx {
		width: 136px;
		height: 44px;
		background: url(/mobile/images/sprite.png) no-repeat -238px -3069px !important;
		display: block;
	}
	.halfwidth {
		width: 95% !important;
		float: none;
		border-right: 0;
		padding-right: 0px;
		margin: 0 auto;
	}
	.loginform > .inpholder {
		width: 300px;
	}
	.loginform > .inpholder > input[type="text"] {
		width: 300px;
	}
	.loginform > .inpholder > select {
		width: 300px;
	}
	.halfwidth2 {
		width: 95% !important;
		float: none;
		padding-right: 0 !important;
		padding-left: 0px;
		margin: 0 auto;
	}
	/*  Posting PopUp   */
	.applypopup {
		width: 100%;
		min-height: 500px;
		background: #EFEFEF;
		border: 1px solid #d0d0d0;
		position: absolute;
		left: 0;
		top: 8%;
		padding: 12px;
		display: none;
	}
	.applypopup h2 {
		padding-bottom: 5px !important;
	}
	.applypopup p {
		padding-bottom: 15px;
	}
	.applypopup form .inpholder {
		width: 100% !important;
	}
	.applypopup .sn {
		font-size: 18px;
		width: 100%;
		float: left;
		line-height: 40px;
	}
	.applypopup a {
		color: #008FFE;
	}
	#clspop {
		background: #F00;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		padding: 6px;
		text-align: center;
		position: absolute;
		right: 0px;
		top: -25px;
		line-height: 10px;
	}
	.applypopup form .inpholder input[type="text"] {
		width: 99% !important;
	}
	.applypopup form .inpholder select {
		width: 99% !important;
	}
	.getstarted {
		background: url(/mobile/images/sprite.png) no-repeat 0px -3933px;
		width: 247px;
		height: 52px;
		border: 0;
		cursor: pointer;
		float: left;
		margin-right: 12px;
	}
	.toppad {
		line-height: 52px;
	}
}

@media screen and (max-width: 568px) {
	.loginlink { display: none; }
	.search_top, .view, .recent { font-size: 1.3em;  padding-bottom: 10px; }
}

 @media screen and (min-width: 402px) and (max-width: 568px) {
	.wraper {
		width: 95%;
		margin: 0 auto;
	}
	/*-----LOGO AREA-----*/
	.logo {
		float: unset;
		max-width: 241px;
		max-width: 15.0625rem;
	}
	.logo a img {
		background-size: contain;
		width: 100%;
		height: 100%;
	}
	/*-----LOGIN / SIGNUP AREA AREA-----*/
	/*.loginlink {*/
		/*float: none;*/
		/*max-width: 350px;*/
		/*margin-top: 2px;*/
		/*text-align: center;*/
		/*position: absolute;*/
		/*right: -8px;*/
		/*top: 20px;*/
	/*}*/
	 .loginlink {
		 float: unset;
		 max-width: 350px;
		 margin: 0 auto;
		 text-align: center;
		 position: relative;
	 }
	.loginlink a.postjob {
		float: none;
		margin-right: 2px;
		display: inline-block;
	}
	.loginlink a.login {
		float: none;
		margin-right: 0px;
		display: inline-block;
	}
	.ads {
		display: none;
	}
	#postjob2_wrap {  margin-bottom: 5px;  display: block;  }
	.loginlink a.postjob2 {  float: none;  display: block;  margin: 0 auto;  }
	#gr_now {  width: 100%;  }
	header[role="banner"].tophead {  max-height: 19.9375rem  }
	/*-----PAGE HEADING-----*/

	.pageheading {
		display: none;
	}
	/*-----BODY STYLE-----*/
	/*  Left  */
	article[role="contentinfo"].leftpane {
		width: 90%;
		padding-right: 0;
		padding-bottom: 10px;
		border-right: 0;
		float: none;
		border-bottom: 1px solid #d0d0d0;
		margin: 3% auto;
	}
	/*  Search  */
	.searcharea {
		width: 100%;
	}
	.searcharea input[type="text"] {
		width: 100%;
		padding-left: 5px;
		float: none;
		border: 0;
		margin: 0 auto 8px;
	}
	.searcharea input[type="text"].last {
		margin-right: 0;
	}
	.searcharea input[type="button"].searchbutton {
		background: url(/mobile/images/sprite.png) no-repeat -314px 0px;
		width: 181px;
		height: 43px;
		border: 0;
		margin: 10px auto 0;
		float: none;
	}
	.list li {
		float: none;
		width: 100%;
		padding-left: 16px;
		background: url(/mobile/images/sprite.png) no-repeat 0px -3828px;
	}
	/*  Job Post Banner  */
	.jobpostbanner {
		max-width: 90%;
		background-size: contain;
	}
	.jobpostbanner img {
		max-width: 100%;
		background-size: contain;
	}
	.adsblock {
		max-width: 100% !important;
	}
	/*  Right  */
	aside[role="complementary"] {
		width: 300px;
		padding-left: 0;
		padding-bottom: 10px;
		border-right: 0;
		float: none;
		border-bottom: 1px solid #d0d0d0;
		margin: 0 auto;
		text-align: center;
	}
	aside[role="complementary"] div.row {
		text-align: left;
	}
	aside[role="complementary"] .searcharea input[type="text"] {
		width: 300px;
		background: #dadada;
		padding-left: 5px;
		margin-bottom: 10px;
		border: 0;
		height: 53px;
		line-height: 53px;
		line-height: 3.3125rem;
		color: #636363;
		font-size: 14px;
	}
	/*  Bottom Ads   */
	section[role="link"].bottomads {
		background: #e6e6e6;
		width: 100%;
		padding: 15px 0;
		text-align: center;
		margin: 25px 0 0 0;
	}
	section[role="link"].bottomads h4 {
		text-align: left;
		padding-bottom: 10px;
	}
	.adsblock {
		float: none;
		max-width: 300px;
		margin-right: 0px;
		overflow: hidden;
		margin-bottom: 10px;
		text-align: left;
	}
	.adsblock:last-child {
		margin-right: 0;
	}
	.adsblock img {
		float: left;
		width: 100px;
		height: 77px;
		margin-right: 10px;
	}
	.adsblock a {
		color: #505050;
		font-size: 15px;
		text-align: left;
	}
	/*  Footer   */
	footer[role="contentinfo"].foo {
		background: #3f3f3f;
		width: 100%;
		padding: 15px 0;
		margin: 0 auto;
	}
	.copy {
		float: none;
		width: 90%;
		font-size: 15px;
		color: #909090;
		line-height: 28px;
		text-align: center;
		margin: 0 auto;
	}
	.social {
		float: none;
		width: 90%;
		text-align: center;
		margin: 25px 0 0 0;
		text-align: center;
	}
	.social li {
		margin-right: 14px;
		display: inline-block;
		float: none;
	}
	.social li:last-child {
		margin-right: 0;
	}
	.social li a {
		display: block;
	}
	.social li.facebook {
		display: inline-block;
	}
	.social li.twitter {
		display: inline-block;
	}
	.social li.linkedin {
		display: inline-block;
	}
	/*  Social Sidebar   */
	article[role="status"].sociallink {
		display: none;
	}
	/* Job Posting Page Start  */
	.info {
		float: none;
		width: 95%;
		border-right: 0;
		padding: 0 0px 0px 0;
		margin: 10px auto 15px auto;
	}
	.info_last_child {
		margin-right: inherit !important;
		padding-right: 0 !important;
		border-right: 0 !important;
	}
	.holder {
		border-bottom: 1px solid #d0d0d0;
		width: 95%;
		padding: 0 0px 15px 0;
	}
	.shortcnt_img {
		float: left;
		width: 102px;
		margin-right: 0px;
		margin-bottom: 12px;
		text-align: center;
		display: block;
	}
	.shortcnt {
		float: right;
		width: 70%;
	}
	.shortcnt h3 {
		font-size: 20px;
		color: #1662c1;
		font-weight: bold;
	}
	.syndication {
		background: url(/mobile/images/sprite.png) no-repeat -1px -1718px;
		width: 103px;
		height: 103px;
		display: block;
	}
	.socialmedia {
		background: url(/mobile/images/sprite.png) no-repeat -1px -2048px;
		width: 103px;
		height: 103px;
		display: block;
	}
	.email {
		background: url(/mobile/images/sprite.png) no-repeat -1px -1869px;
		width: 103px;
		height: 103px;
		display: block;
	}
	.extremely {
		background: url(/mobile/images/sprite.png) no-repeat -1px -2195px;
		width: 103px;
		height: 103px;
		display: block;
	}
	.grybox > .inpholder {
		position: relative;
		width: 100%;
		float: left;
		margin: 0 0px 20px 0;
	}
	.grybox > .inpholder > input[type="text"] {
		width: 98%;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 45px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.grybox > .inpholder > .tooltip {
		right: 6px;
		top: -20px;
	}
	.grybox > .inpholder > textarea {
		min-width: 98%;
		max-width: 98%;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 277px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.inpholder2 {
		min-width: 100% !important;
		max-width: 100% !important;
	}
	.grybox > .inpholder > select {
		width: 98%;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 45px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.social_share {
		float: none;
		padding: 12px 0;
		text-align: center;
		width: 250px;
	}
	.social_share a.f_share {
		display: inline-block;
	}
	.social_share a.t_share {
		display: inline-block;
		margin: 0 15px;
	}
	.social_share a.all_share {
		display: inline-block;
	}
	.devicespacer {
		display: block;
	}
	#sortheadtoggle {
		display: block;
		background: url(/mobile/images/sprite.png) no-repeat 0 -2736px;
		padding-left: 35px;
		width: 100%;
		height: inherit;
		padding-bottom: 12px;
	}
	#sorthead {
		display: none;
	}
	.small_row {
		float: none;
		width: 100%;
		margin-right: 0px;
		position: static;
		top: 20px;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		overflow: hidden;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	#sortarea {
		display: block;
	}

	.small_row_right {
		float: none;
		width: 100%;
		border-left: 0;
		padding-left: 0px;
		margin-top: 25px;
	}
	.sortelement {
		margin: 0 0 15px 0;
		overflow: hidden;
	}
	.sortelement li {
		float: left;
		padding-right: 10px;
	}
	.accordion {
		width: 100%;
	}
	.small_row {
		float: none;
		width: 100%;
		margin-right: 0px;
	}
	.small_row_right {
		float: none;
		width: 100%;
		border-left: 0;
		padding-left: 0px;
		margin-top: 25px;
	}
	.sortelement {
		margin: 0 0 15px 0;
		overflow: hidden;
	}
	.sortelement li {
		float: left;
		padding-right: 10px;
	}
	.accordion {
		width: 100%;
	}
	/*  Company popUp   */
	.arrow-up {
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #628ac0;
		position: absolute;
		top: -10px;
		left: 20px;
	}
	.infopopup {
		width: 100%;
		padding: 12px;
		background: #628ac0;
		position: relative;
		display: none;
	}
	.infopopup h2 {
		font-size: 30px;
		font-weight: bold;
		color: #fff;
	}
	.infopopup p {
		font-size: 18px;
		color: #fff;
		padding-left: 0;
		line-height: 24px;
	}
	.single_row p {
		width: 100%;
		display: block;
		padding: 12px 0;
		border-top: 1px solid #ccc;
		margin-top: 12px;
	}
	.single_row p:first-child {
		border-top: 0;
		margin-top: 0;
	}
	.single_row a.in_invite {
		float: left;
		width: 25%;
		padding-left: 20px;
		background: url(/mobile/images/sprite.png) no-repeat 0 -2943px !important;
		line-height: 28px;
		color: #fff !important;
		font-weight: normal;
	}
	.single_row a.resume_send {
		float: left;
		width: 60%;
		padding-left: 20px;
		background: url(/mobile/images/sprite.png) no-repeat 0 -2992px !important;
		line-height: 28px;
		color: #fff !important;
		font-weight: normal;
	}
	.trial {
		width: 228px;
		height: 44px;
		background: url(/mobile/images/sprite.png) no-repeat 0 -3069px !important;
		display: block;
		margin: 10px 0;
	}
	.nothnx {
		width: 136px;
		height: 44px;
		background: url(/mobile/images/sprite.png) no-repeat -238px -3069px !important;
		display: block;
	}
	.halfwidth {
		width: 95% !important;
		float: none;
		border-right: 0;
		padding-right: 0px;
		margin: 0 auto;
	}
	.loginform > .inpholder {
		width: 100%;
	}
	.loginform > .inpholder > input[type="text"] {
		width: 100%;
	}
	.loginform > .inpholder > select {
		width: 100%;
	}
	.halfwidth2 {
		width: 95% !important;
		float: none;
		padding-right: 0 !important;
		padding-left: 0px;
		margin: 0 auto;
	}
	/*  Posting PopUp   */
	.applypopup {
		width: 100%;
		min-height: 500px;
		background: #EFEFEF;
		border: 1px solid #d0d0d0;
		position: absolute;
		left: 0;
		top: 8%;
		padding: 12px;
		display: none;
	}
	.applypopup h2 {
		padding-bottom: 5px !important;
	}
	.applypopup p {
		padding-bottom: 15px;
	}
	.applypopup form .inpholder {
		width: 100% !important;
	}
	.applypopup .sn {
		font-size: 18px;
		width: 100%;
		float: left;
		line-height: 40px;
	}
	.applypopup a {
		color: #008FFE;
	}
	#clspop {
		background: #F00;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		padding: 6px;
		text-align: center;
		position: absolute;
		right: 0px;
		top: -25px;
		line-height: 10px;
	}
	.applypopup form .inpholder input[type="text"] {
		width: 99% !important;
	}
	.applypopup form .inpholder select {
		width: 99% !important;
	}
	.getstarted {
		background: url(/mobile/images/sprite.png) no-repeat 0px -3933px;
		width: 247px;
		height: 52px;
		border: 0;
		cursor: pointer;
		float: left;
		margin-right: 12px;
	}
	.toppad {
		line-height: 52px;
	}
}

@media screen and (max-width: 800px) {
	.mobile_only { display: block; }
	.above_mobile { display: none; }
}

 @media screen and (min-width: 640px)and (max-width: 800px) {
	/*-----LOGIN / SIGNUP AREA AREA-----*/
	.loginlink {
		float: none;
		max-width: 350px;
		margin-top: 0;
		text-align: center;
		position: absolute;
		right: 10px;
		top: 1px;
	}
	.ads {  display: none;  }

	#postjob2_wrap {  margin-bottom: 1px;  display: block;  }
	.loginlink a.postjob2 {  float: unset;  margin: 0 auto;  display: block;  height: 44px;  }
	#gr_now {  height: 44px;   }

	article[role="contentinfo"].leftpane {
		width: 95%;
		padding-right: 0px;
		border-right: 0;
		float: none;
		margin: 0 auto;
	}
	.searcharea input[type="text"] {
		width: 49.3%;
	}
	.searcharea input[type="button"].searchbutton {
		margin-top: 10px;
	}
	.jobpostbanner {
		max-width: 100%;
		max-height: 90px;
		margin: 0 auto 10px;
		background-size: contain;
	}
	.jobpostbanner img {
		background-size: contain;
		max-width: 100%;
		max-height: 90px;
	}
	.pageheading h1 {
		margin-top: 0px;
	}
	aside[role="complementary"] {
		float: none;
		margin: 0 auto;
		width: 39.4%;
	}
	section[role="link"].bottomads h4 {
		padding-left: 12px;
	}
	.adsblock {
		float: none;
		max-width: 95%;
		overflow: hidden;
		margin: 0 auto 10px;
	}
	.adsblock a {
		text-align: left;
		float: left;
	}
	.adsblock:last-child {
		margin-right: inherit;
	}
	.copy {
		float: none;
		width: 95%;
		font-size: 15px;
		color: #909090;
		line-height: 26px;
		margin: 0 auto;
		text-align: center;
	}
	.social {
		float: none;
		width: 22%;
		margin: 18px auto 0;
		text-align: center;
	}
	.social li {
		display: inline-block;
	}
	/*  Social Sidebar   */
	article[role="status"].sociallink {
		display: none;
	}
	/* Job Posting Page Start  */
	.job {
		padding-bottom: 30px;
	}
	.info {
		float: left;
		width: 369px;
		border-right: 1px solid #d0d0d0;
		padding: 0 7px 0 0;
		margin: 0 7px 15px;
	}
	.info_last_child {
		margin-right: 0 !important;
		padding-right: 0 !important;
		border-right: 0 !important;
	}
	.holder {
		border-bottom: 1px solid #d0d0d0;
		width: 357px;
		padding: 0 0px 15px 0;
	}
	.shortcnt_img {
		float: left;
		width: 106px;
	}
	.shortcnt {
		float: right;
		width: 245px;
		min-height: 140px;
		text-align: left;
	}
	.shortcnt h3 {
		font-size: 16px;
		color: #1662c1;
		font-weight: bold;
	}
	.syndication {
		background: url(/mobile/images/sprite.png) no-repeat -1px -1718px;
		width: 102px;
		height: 103px;
		display: block;
		float: left;
	}
	.socialmedia {
		background: url(/mobile/images/sprite.png) no-repeat -1px -2048px;
		width: 102px;
		height: 103px;
		display: block;
		float: left;
	}
	.email {
		background: url(/mobile/images/sprite.png) no-repeat -1px -1869px;
		width: 102px;
		height: 103px;
		display: block;
		float: left;
	}
	.extremely {
		background: url(/mobile/images/sprite.png) no-repeat -1px -2195px;
		width: 102px;
		height: 103px;
		display: block;
		float: left;
	}
	.grybox {
		background: #efefef;
		border: 1px solid #dadada;
		padding: 13px;
	}
	.grybox h3 {
		font-size: 24px;
		color: #241b2f;
		font-weight: bold;
		padding-bottom: 15px;
	}
	.jobposting {
		width: 100%;
	}
	.pad {
		margin-top: 25px;
	}
	.grybox > .inpholder {
		position: relative;
		width: 100%;
		float: left;
		margin: 0 0px 20px 0;
	}
	.grybox > .inpholder > .tooltip {
		position: absolute;
		right: 2px;
		top: -20px;
		background: url(/mobile/images/sprite.png) no-repeat -1px -1221px;
		font-size: 15px;
		line-height: 38px;
		width: 18px;
		height: 18px;
	}
	.ui-tooltip {
		position: absolute;
		z-index: 9999;
		left: 0;
		font-size: 12px;
		padding: 8px;
		background: #f7ffd2;
		color: #000;
		max-width: 275px;
		line-height: 15px;
		border: 1px solid #89a601;
	}
	.tip {
		z-index: 9999;
		font-size: 12px;
		color: #000;
		line-height: 12px;
	}
	.grybox > .inpholder > input[type="text"] {
		width: 100%;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 45px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.grybox > .inpholder > input[type="text"].last_child {
		margin-right: 0;
	}
	.inpholder2 {
		min-width: 100% !important;
		max-width: 1005 !important;
	}
	.grybox > .inpholder > textarea {
		min-width: 100%;
		max-width: 570px;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 277px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.grybox > .inpholder > select {
		width: 100%;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 45px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.grybox > .inpholder > select label {
		line-height: 45px;
		line-height: 2.8125rem;
	}
	.char {
		text-align: right;
		font-size: 14px;
		color: #808080;
		display: block;
	}
	.note {
		background: url(/mobile/images/sprite.png) no-repeat -1px -1211px;
		padding: 10px 0 20px 27px;
		font-size: 15px;
		line-height: 24x;
	}
	.posting {
		background: url(/mobile/images/sprite.png) no-repeat 0px -1117px;
		width: 204px;
		height: 36px;
		margin: 10px 0;
		border: 0;
		cursor: pointer;
	}
	/* Job Posting Page End  */
	/*  Company popUp   */
	.arrow-up {
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #628ac0;
		position: absolute;
		top: -10px;
		left: 20px;
	}
	.infopopup {
		width: 100%;
		padding: 12px;
		background: #628ac0;
		position: relative;
		display: none;
	}
	.infopopup h2 {
		font-size: 30px;
		font-weight: bold;
		color: #fff;
	}
	.infopopup p {
		font-size: 18px;
		color: #fff;
		padding-left: 0;
		line-height: 24px;
	}
	#sortheadtoggle {
		display: block;
		background: url(/mobile/images/sprite.png) no-repeat 0 -2736px;
		padding-left: 35px;
		height: inherit;
		padding-bottom: 12px;
		width: 98%;
		margin: 0 auto;
	}
	#sorthead {
		display: none;
	}
	.small_row {
		float: none;
		width: 100%;
		margin-right: 0px;
		position: static;
		top: 20px;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		overflow: hidden;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	#sortarea {
		display: block;
		width: 98%;
		margin: 0 auto;
	}

	.trial {
		width: 228px;
		height: 44px;
		background: url(/mobile/images/sprite.png) no-repeat 0 -3069px !important;
		display: block;
		margin: 10px 0;
	}
	.nothnx {
		width: 136px;
		height: 44px;
		background: url(/mobile/images/sprite.png) no-repeat -238px -3069px !important;
		display: block;
	}
	.halfwidth {
		width: 95% !important;
		float: none;
		border-right: 0;
		padding-right: 0px;
		margin: 0 auto;
	}
	.loginform > .inpholder {
		width: 100%;
	}
	.loginform > .inpholder > input[type="text"] {
		width: 100%;
	}
	.loginform > .inpholder > select {
		width: 100%;
	}
	.halfwidth2 {
		width: 95% !important;
		float: none;
		padding-right: 0 !important;
		padding-left: 0px;
		margin: 0 auto;
	}
	/*  Posting PopUp   */
	.applypopup {
		width: 100%;
		min-height: 500px;
		background: #EFEFEF;
		border: 1px solid #d0d0d0;
		position: absolute;
		left: 0;
		top: 8%;
		padding: 12px;
		display: none;
	}
	.applypopup h2 {
		padding-bottom: 5px !important;
	}
	.applypopup p {
		padding-bottom: 15px;
	}
	.applypopup form .inpholder {
		width: 100% !important;
	}
	.applypopup .sn {
		font-size: 18px;
		width: 100%;
		float: left;
		line-height: 40px;
	}
	.applypopup a {
		color: #008FFE;
	}
	#clspop {
		background: #F00;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		padding: 6px;
		text-align: center;
		position: absolute;
		right: 0px;
		top: -25px;
		line-height: 10px;
	}
	.applypopup form .inpholder input[type="text"] {
		width: 99% !important;
	}
	.applypopup form .inpholder select {
		width: 99% !important;
	}
	.getstarted {
		background: url(/mobile/images/sprite.png) no-repeat 0px -3933px;
		width: 247px;
		height: 52px;
		border: 0;
		cursor: pointer;
		float: left;
		margin-right: 12px;
	}
	.toppad {
		line-height: 52px;
	}
}

 @media screen and (min-width: 1023px)and (max-width: 1024px) {
	.wraper {
		width: 98%;
	}
	.ads {
		display: none;
	}
	.searcharea input[type="text"] {
		width: 323px;
		height: 46px;
	}
	.searcharea input[type="button"].searchbutton {
		margin-top: 10px;
	}
	article.leftpane[role="contentinfo"] {
		border-right: 1px solid #D0D0D0;
		float: left;
		padding-right: 15px;
		width: 67%;
	}
	aside {
		width: 30.4% !important;
	}
	.sociallink {
		display: none;
	}
	#sortheadtoggle {
		display: block;
		background: url(/mobile/images/sprite.png) no-repeat 0 -2736px;
		padding-left: 35px;
		width: 100%;
		height: inherit;
		padding-bottom: 12px;
	}
	#sorthead {
		display: none;
	}
	.small_row {
		float: none;
		width: 100%;
		margin-right: 0px;
		position: static;
		top: 20px;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		overflow: hidden;
		padding: 0 0 15px 0;
		margin-bottom: 15px;
	}
	#sortarea {
		display: block;
	}
	.grybox > .inpholder {
		width: 205px;
	}
	.grybox > .inpholder > input[type="text"] {
		width: 195px;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 45px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.grybox > .inpholder > input[type="text"].last_child {
		margin-right: 0;
	}
	.inpholder2 {
		min-width: 615px !important;
		max-width: 615px !important;
	}
	.grybox > .inpholder > textarea {
		min-width: 615px;
		max-width: 615px;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 277px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.grybox > .inpholder > select {
		width: 195px;
		float: left;
		background: #dadada;
		padding-left: 5px;
		border: 0;
		height: 45px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 45px;
		line-height: 2.8125rem;
		color: #636363;
		font-size: 14px;
	}
	.grybox > .inpholder > select label {
		line-height: 45px;
		line-height: 2.8125rem;
	}
	/*  Posting PopUp   */
	.applypopup {
		width: 100%;
		min-height: 500px;
		background: #EFEFEF;
		border: 1px solid #d0d0d0;
		position: absolute;
		left: 0;
		top: 8%;
		padding: 12px;
		display: none;
	}
	.applypopup h2 {
		padding-bottom: 5px !important;
	}
	.applypopup p {
		padding-bottom: 15px;
	}
	.applypopup form .inpholder {
		width: 203px !important;
		margin-bottom: -3px !important;
	}
	.applypopup .sn {
		font-size: 18px;
		width: 100%;
		float: left;
		line-height: 40px;
	}
	.applypopup a {
		color: #008FFE;
	}
	#clspop {
		background: #F00;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		padding: 6px;
		text-align: center;
		position: absolute;
		right: 0px;
		top: -25px;
		line-height: 10px;
	}
	.applypopup form .inpholder input[type="text"] {
		width: 196px !important;
		float: left;
	}
	.applypopup form .inpholder select {
		width: 196px !important;
		float: left;
	}
	.getstarted {
		background: url(/mobile/images/sprite.png) no-repeat 0px -3933px;
		width: 247px;
		height: 52px;
		border: 0;
		cursor: pointer;
		float: left;
		margin-right: 12px;
		margin-top: 15px;
	}
	.toppad {
		line-height: 52px;
		float: left;
		background: url(/mobile/images/sprite.png) no-repeat -1px -1196px;
	}
}

/* Email Receipt Dialog */
.email_receipt_dialog {
	width: 70%;
	height: 30%;
	position: fixed;
	top: 20vh;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
}

.email_receipt_content {
	width: 100%;
	background-color: white;
	text-align: center;
	border: 10px solid #e97d00;
	padding: 10px 10px;
}

.email_receipt_content h1 {
	font-size: 2.7em;
	color: #373e4e;
	margin-bottom: 10px;
}

.email_receipt_content p { margin-bottom: 15px; }

.email_receipt_content #receipt_email {
	display: block;
	margin: 0px auto 15px auto;
	width: 45%;
	height: 30px;
	padding: 0px 20px;
	text-align: center;
}

.email_receipt_content button, .job_receipt_toggle, .job_receipt_toggle_small {
	color: white;
	border: none;
	margin-bottom: 15px;
}
.email_receipt_content button {
	width: 120px;
	background-color: #1662c1;
	height: 46px;
	font-size: 20px;
}
.job_receipt_toggle {
	cursor: pointer;
	width: 250px;
	background-color: #e77d00;
	height: 34px;
	font-size: 16px;
	position: fixed;
	right: 0;
}
.job_receipt_toggle_small {
	cursor: pointer;
	background-color: #e77d00;
	position: fixed;
	right: 0;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	font-size: 14px;
	margin-right: 10px;
}

.email_receipt_content button:hover { background-color: #1677d6; }
.email_receipt_frequency { margin-bottom: 20px; }

.email_receipt_settings {
	text-align: left;
	height: 200px;
	width: 150px;
	right: -150px;
	top: -170px;
	background-color: #e77d00;
	color: white;
	position: absolute;
	padding: 5px 10px;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	z-index: 10;
}
.email_receipt_settings input[type=radio] { margin-right: 5px; }

@media (max-width: 900px) {
	.email_receipt_content #receipt_email { width: 60%; }
}
@media (max-width: 800px) {
	.email_receipt_dialog { width: 80%; }
	.email_receipt_content h1 { font-size: 2.5em; }
	.email_receipt_content button { width: 110px; height: 40px; font-size: 18px; }
}
@media (max-width: 630px) {
	.email_receipt_dialog { width: 90%; }
	.email_receipt_content h1 { font-size: 2.1em; }
	.email_receipt_content button { width: 100px; height: 36px; font-size: 16px; }
}
@media (max-width: 480px) {
	.email_receipt_dialog { width: 100%; }
	.email_receipt_content h1 { font-size: 1.8em; }
	.email_receipt_content #receipt_email { width: 70%; }
	.email_receipt_content button { width: 85px; height: 32px; font-size: 14px; }
}