/* --------  default -----------  */
	
#mydiv {
    	font-size: 12px;
        background-color: #9F0;
}

/* --------- smartphone -----------  */

/*@media screen and (max-width: 468px) {*/

@media screen and (max-width: 768px) {
	
	html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
	
	#homemessage, #searchnavcontainer, #header, #searchtitle, .latestjobs { display: none; }
	
	body {
    min-width: 100%;
}
	
	#headercontainer { width: 100%; height:70px; background: #1e1c1f; border-bottom: 4px solid #fff;  }
	
	#searchcontainer { margin: 0 auto 0; }
	
	#searchbox, .quicksearch { width: 100%; height: 100%; }
	#searchbox { background: #684269 url(mobile/searchbox_bg-m.png) repeat-x bottom; background-size: auto 100%; /*border-bottom: 1px solid #5d5c5c; -webkit-box-shadow: 0 3px 4px 2px #a1a0a0; -moz-box-shadow: 0 3px 4px 2px #a1a0a0; box-shadow: 0 3px 4px 2px #a1a0a0;*/ }
	
	#searchtitle-m {display: block;}
	#searchtitle-m h2 {padding: auto 10px; margin: 0 10px 0 10px;}
	
	.quicksearch { width: 100%; padding: 0;}
	
	.quicksearch #searchwrap .quicksearchleft { float: none; margin: 0 0 0 -20px; padding: 25px 0 25px 0; }
	.quicksearch #searchwrap .quicksearchright { float: none; margin: 0 0 0 -20px; padding: 25px 0 25px 0; }
	
	#searchwrap .quicksearch fieldset { margin: 0 0 0 0; padding: 0 0 0 0; float: none; }
	#searchcontainer, #searchbox, .quicksearch { width: 100%; }
	
	.quicksearch #searchwrap { width: 300px; margin: 0 auto 0; }
	
	#quicksearchbutton { margin: 10px 40px 30px 0; }
	
	
	#homelogos-m { width: 420px; margin: 0 auto; }
	
	#homebottomcontainer { width: 100%; margin: 10px auto; }
	
	#homebottomright {float: none;	margin: 20px 0 0 0; padding: 0 0 0 0;}
	
	.homebanner {width: auto; height: auto; display: block; padding: 0;}	
	
	.logowrap { width: 198px; float: left; margin-bottom: 0; margin: 0 5px 0 5px; }
	
	.logobox { height: 40px; width: 198px; display: block; float: none; text-align: none; border-right: none; margin: 15px 0 0 0;}
	
	.logobox img { height: auto; width: 198px; -webkit-box-shadow: 1px 1px 2px 1px #858383;	-moz-box-shadow: 1px 1px 2px 1px #858383; box-shadow: 1px 1px 2px 1px #858383;}
	
	#logodivider { display: none; }
	
	#homebottomleft { clear: both; padding: 20px 0 0 0; }
	
	
	.latestjobs-m { background: url(images/mobile/latestjobs_back4.jpg) no-repeat top right #ededed; width: 100%; height: 100%; padding: 0 0 20px 0; display: block; }
	
	.latestjobs-m h2 { background: #1e1c1f; width: 100%; height: 40px; color: #fff; font-family: 'Lobster14Regular', Arial, sans-serif; font-size: 24px; text-align: center; margin: 0; padding: 10px 0 0 0;}
	
	#latestjoblist { padding: 20px 0 0 0; margin: 0 0 0 0;  }
	
	#latestjoblist li { width: auto; padding: 0 20px 20px 20px; font-size: 16px; list-style-type: none; list-style-image: none;}
	
	#homebottomleft { float: none; } 	
	
	#homebanner-m { margin: 0 0 20px; text-align: center; display: block; /*width: 340px; height: 239px;*/ }
	
	#homebanner-m h3 { background: #1e1c1f; width: 100%; height: 40px; color: #fff; font-family: Arial; font-size: 20px; font-weight: bold; margin: 0 0 10px; padding: 10px 0 0 0; }
	
	#homebanner-m img {	-webkit-box-shadow: 1px 2px 5px 5px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  						-moz-box-shadow:    1px 2px 5px 5px #ccc;  /* Firefox 3.5 - 3.6 */
  						box-shadow:         1px 2px 5px 5px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}
	
	.footer2 { width: auto; height: auto; font-size: 16px; margin: 40px 0 40px 0; padding: 0 20px 0 20px;}
	
	
	
	/*Search Results Page*/

	
	#innercontainer, #sidesearch2, #searchresultsright { display: none; }
	
	#numberofresults { width: auto; margin: 0 0 0 15px; font-size: 14px;}
	
	.floatleft { float: none; }
	
	#resultssection {width: 100%;}

	
	#searchresultsleft { width: 100%; margin: 0 0 0 0; padding: 10px 0 0 0;  }
	
	#maincolumn{ width: auto; min-height: auto; margin: 0 auto 0; padding: 0 0 10px 0; }
	
	.hide-m {display: none;}
	
	.resultsdetail { float: right; width: 65%; min-height: auto; margin-right: 20px; }

	.resultsdetail p {margin: 0 0 5px 0; padding: 0 0 0 0; color: #1e1e1e;}
	
	.resultsdetail h1 a {font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
	
	.resultsdetail h3 a {font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
	
	/*.resultsthumbnail{float: left; width: 80px; height: 80px; margin: 0 5px 0 15px;}*/
	
	.resultsthumbnail{float: left; width: 150px; height: 150px; margin: 0 5px 0 15px;}
	
	.resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#pagination {float: none; width: auto; margin: 0 0 0 10px; padding: 0;/* display: none;*/}
	
	.numberperpage {clear: both; float: none; margin: 0 0 0 10px; padding: 20px 0 20px 0; /*display: none;*/}
	
	#post-job-m {display: block; float: right; margin: -5px 7px 0 0;}
	
	#company img {width: 100%;  height: auto; max-width: 590px;}
	
	
	/*Display Job Page*/

	
	#displaymessage { display: none; }
	
	
	#displayleft { float: none; width: auto;}
	
	#searchback-m { float: right; width: 135px;  height: auto; margin: 5px 10px 10px 15px; display: block;}
	
	#searchback-m img { max-width: 100%;  height: auto; }
	
	#detailsection{ margin: 0; padding: 0; font-size: 13px;}
	
	/*#detailsection .resultsthumbnail { float: left; width: 80px; height: 80px; margin: 0 5px 0 10; overflow:hidden; }*/
	
	#detailsection .resultsthumbnail { float: left; width: 150px; height: 150px; margin: 0 5px 0 10; overflow:hidden; }
	
	#detailsection .resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#detailsection .resultsdetail { float: right; width: 65%; min-height: auto; margin: 0 10px 10px 0; }
	
	#detailsection .resultsdetail h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold;}
	
	#detailsection .resultsdetail h3 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold;}
	
	.listingInfo {clear: both; float: none; width: auto; margin: 0 0 0 0; padding: 0 20px 0 20px; font-size: 14px; line-height: 20px;}
	
	#actionbar { width: 100%; margin: 0 0 40px 0; padding: 0 0 0 0; }
	
	#applybox { width: auto; margin: 0 20px 30px 20px; height: 100%; border-bottom: 1px dotted #333; }

	#applybox-b { width: auto; margin: 0 20px 30px 20px; height: 100%;  border-bottom: 1px dotted #333; }
	
	#applyheader { margin: 0 0 20px 0; }
	
	#applyheader p { font-size: 26px; }
	
	#applylogin { width: 290px; padding: 0; margin: 0 0 0 0; float: none; border-right: none; }
	
	#applyregister { width: 220px; border-left: none; padding: 0 0 0 0; margin: 40px 0 40px 0; height: none; text-align: left; float: none; clear: both; }
	
	#user2 { padding: 10px 4px 10px 10px; font-size: 14px; }
	#pass2 { padding: 10px 4px 10px 10px; font-size: 14px; }
	
	.apply-mobile { display: block; }
	
	.apply-mobile2 { display: block; width: auto; margin: 10px 0 0 0; text-align: center; }
	
	/*Logged in*/
	
	#applynow-b {margin: 0 20px 0 20px; border-bottom: 1px dotted #333; padding: 0 0 20px 0;}
	
	#applynow {margin: 0 20px 0 20px; border-bottom: 1px dotted #333; padding: 0 0 20px 0;}
	
	#applynow2 {display: none;}
	
	/*Xtra Ads*/
	
	#xtra-ads #searchback-m { float: right; width: 125px; height: auto; margin: /*-31px*/ -75px 5px 0 15px; position: relative;}
	
	#joblogo {height: 80px; text-align: left;}
	
	#joblogo img {width: auto; height: 80px; margin: 0 0 0 15px;}
	
	
	#jobinfo { height: auto; padding: 20px 0 140px 15px; background: url(xtra/images/header-bg.png) repeat-x #717172; }
	#jobinfo h1 { color: #fff; font-size: 20px; margin: -5px 20px 0 0; font-weight: normal; width: /*300px*/auto; overflow: auto; white-space: normal; text-overflow: none; background: none; }
	#jobinfo h3 { color: #fff; font-size: 20px; margin: -5px 20px 0 0; font-weight: normal; width: /*300px*/auto; overflow: auto; white-space: normal; text-overflow: none; }
	#jobinfo p { color: #fff; line-height: 18px; font-size: 13px; font-weight: normal; margin: 0; width: 300px; overflow: auto; white-space: normal; text-overflow: none; }
	
	#jobtext { float: none; margin: 0 0 0 0; width: auto; padding: 20px 15px 0 15px; background: url(xtra/images/body-bg.png) repeat-x #fff; }
	
	#jobpics { float: none; width: auto; margin: -146px 0 0 0; text-align: center; }
	/*#jobpics { float: right; width: auto; margin: -338px 0 0 0;}*/
	#jobpics img { width: 300px; height: auto; }
	
	#listingLinkswrap { float: none; margin-left: 0;}	
	
	
	
	
	/*Apply Now Page*/
	
	#rightpane2 { display: none; }
	
	#colwrap {width: auto;}
	
	#ApplicationForm {width: auto; float: none;}
	
	#ApplicationForm table  {width: 100%;}
	
	#ApplicationForm textarea  {width: 100%;}	
	
	#colwrap h3 {font-size: 20px;}
	
	#colwrap #ApplicationForm {min-height: 400px;}
	
	
	
	/*Choose Registration Page*/
	
	#textleft2 {width: auto; display: block; padding: 0; float: none;}
	
	#textright2 {width: auto; min-height: none; display: block; padding: 40px 0 0 0; margin-top: 40px; float: none; border-left: none; border-top: 1px dotted #888;}
	
	#textleft2 a {font-size: 20px; line-height: 40px;}



	/*JS Registration Page*/
	
	#textright3, #imageheader_registration, #reg_bread, #imageheader_registration_offer, #imageheader_login { display: none; }
	
	
	
	#textleft3 .inputName {margin: 20px 0 10px 0; width: auto; float: left;}
	
	#textleft3 .inputReq {margin: 20px 0 0 0; padding: 3px 0 0 0; width: 20px; height: 10px; float: left; font-size: 20px; font-weight: bold;}
	
	#textleft3 .inputField {clear: both; width: 100%;} 
	
	#textleft3 {width: auto; display: block; padding: 0 20px 0 0; margin: 0; float: none;}
	
	#textleft3 .inputField .cke_chrome { width: auto;}
	
	
	#textleft3 .inputField input {width: 100%; padding: 10px; font-size: 16px; margin:0 0 10px 0;}
	
	#textleft3 .inputField select {width: 100%; padding: 10px; font-size: 16px; margin:0 0 10px 0;}
	
	#textleft3 form { margin: -10px 0 0 0;}
	
	#textleft3 span {/*font-style: italic; */color: #7b5e7d;}
	
	
	#textleft3 #submitbtn {margin: 20px 0 0 -10px;}
	
	#textleft3 .points {display: none;}
	
	.register-btn {margin: 0 85px 0 0;}
	
	#textleft3 #createprofile h3 {font-size: 20px;}
	
	#loadingwrap, #loadingwrap2 {clear: both; margin: 0;}
	
	

	/*JS My Account Pages*/
	
	#accountwrap{ float: none; width: auto; margin: 10px 0 0 10px; padding: 0 0 200px 0; overflow: hidden; text-align: center; }
	
	.message {display: none;}
	
	.message2 {
		
	display:block;
	
	font-size: 14px;

	background: #fffbcc;

	width: auto;

	background-position: 7px 7px;

	padding: 20px 20px 20px 20px;

	margin: 0 0 14px 0px;

	border: 1px solid #e6db55;

	color: #35434b; 

 	}	
	
	.MyAccount {width: auto; float: none; margin: 10px 0 10px 15px; padding-left: 0px;}
	
	#myaccountcontainer { width: auto; margin: 0 0 0 0; padding: 0 30px 0 15px; }
	
	#myaccountcontainer a { width: auto; padding: 10px; font-size: 14px;}
	
	#employerinfo { margin: 10px 15px 20px 0px; /*height: auto; width: 300px;*/}
	
	/*#employerinfo img { height: auto; width: 300px;}*/
	
	
	#menuwrap .MyAccount {display: none;}
	
	#pagewrap{padding: 0 15px 0 0;}
	
	#accountback {display: block; font-weight: bold; font-size: 15px; margin: 10px 0 20px 0;}
	
	#accountback2 {display: block; font-weight: bold; font-size: 15px; padding: 10px 0 20px 0; text-align: center;}
	
	#accountwrap .cke_chrome { width: 300px;}
	
	.menuline {width: auto;}	
	
	
	#topupleft, #topupright {display:none;}
	
	
	
	/*Job Alerts*/
	
	#alertwrap { width: 300px; margin: 0 auto;}
	
	#alertwrap .inputName { float: none;text-align: left;}
	
	#alertwrap .inputField { float: none;text-align: left;}
	
	#alertwrap .button { float: left; margin: 10px 10px 0 0;}
	
	/*Private Messages*/
	
	#pm-nav { font-size: 16px;}
	
	.pm-navnumbers { font-size: 18px; margin: 10px 0;}
	
	.pm-navnumbers span { margin: 0 20px 0 0;}
	
	.pm_message_detail {text-align: left;}
	
	#pm_send_form {text-align: left; width: 100%; margin: 20px auto;}
	
	#form_subject {width: 100%;}
	
	#pm_send_form .cke_chrome { width: 100%;}
	
	/*Account Details*/
	
	#editProfileForm {text-align: left; width: 300px; margin: 20px auto;}
	
	
	#editProfileForm .inputName {margin: 20px 0 10px 0; width: auto; float: left;}
	
	#editProfileForm .inputReq {margin: 20px 0 0 0; padding: 0 0 0 0; width: 20px; height: 10px; float: left; font-size: 20px; font-weight: bold;}
	
	#editProfileForm .inputField {clear: both; width: 100%; margin:0 0 10px 0;} 	
	
	#editProfileForm .inputField input {float: none; width: 280px; padding: 10px; font-size: 16px; margin:0 0 0 0;}
	
	#editProfileForm select {width: 100%; padding: 10px; font-size: 16px; margin:0 0 10px 0;}
	
	#editProfileForm .button {float: none; margin: 0 0 0 -10px; }
	
	#editProfileForm span {color: #7b5e7d;}
	
	#detailsbanner {margin: 60px 0 0 0;}
	
	/*Edit Listing*/
	
	#editListingForm {text-align: left; width: 300px; margin: 20px auto;}
	
	#editListingForm .inputName {margin: 20px 0 10px 0; width: auto; float: left;}
	
	#editListingForm .inputReq {margin: 20px 0 0 0; padding: 0 0 0 0; width: 20px; height: 10px; float: left; font-size: 20px; font-weight: bold;}
	
	#editListingForm .inputField {clear: both; width: 100%; margin:0 0 10px 0;} 	
	
	#editListingForm .inputField input {float: none; width: 280px; padding: 10px; font-size: 16px; margin:0 0 0 0;}
	
	#editListingForm select {width: 100%; padding: 10px; font-size: 16px; margin:0 0 10px 0;}
	
	#editListingForm .button {float: none; margin: 0 0 0 -10px; }
	
	/*Add Job Listing*/
	
	#addListingForm2 {text-align: left; width: 300px; margin: 20px auto;}
	
	#addListingForm2 .inputName {margin: 20px 0 10px 0; width: auto; float: left;}
	
	#addListingForm2 .inputReq {margin: 20px 0 0 0; padding: 0 0 0 0; width: 20px; height: 10px; float: left; font-size: 20px; font-weight: bold;}
	
	#addListingForm2 .inputField {clear: both; width: 100%; margin:0 0 10px 0;} 	
	
	#addListingForm2 .inputField input {float: none; width: 280px; padding: 10px; font-size: 16px; margin:0 0 0 0;}
	
	#addListingForm2 select {width: 100%; padding: 10px; font-size: 16px; margin:0 0 10px 0;}
	
	#addListingForm2 .button {float: none; margin: 0 0 0 -20px; }
	
	#listing-package-choice-form {padding: 20px 40px 100px 40px;}
	
	
	/*Login Page*/
	
	#loginForm {text-align: left; width: 300px; margin: 20px auto;}
	
	#loginForm .inputName {margin: 15px 0 10px 0; width: auto; float: left;}
	
	#loginForm .inputField {clear: both; width: 100%; margin:0 0 10px 0;} 	
	
	#loginForm .inputField input {float: none; width: 280px; padding: 10px; font-size: 16px; margin:0 0 0 0;}
	
	#loginForm .button {float: none; margin: 10px 0 0 -2px; }
	
	.forgotpassword {margin: 0 auto; text-align: center;}
	
	#loginpage #colwrap {padding: 0; margin: 0 0 60px;}
	
	.loginmessage {display: block; font-size: 16px; margin: 30px 20px 0 20px; text-align: center;}
	
	
	
	/*Applications*/
	
	#appfilter .button {margin: 20px 0 20px 0;}
	
	.pm_send_link {display: none;}
	
	.pm_send_link-m {display: block;}
	
	/*New PM*/
	
	#pmback { text-align: center; width: auto; font-weight: bold; font-size: 15px; margin: 10px 0 20px 0;}
	
	/*My Listings*/
	
	.postamount {text-align: left;}
	
	#repostinfo {display: none;}
	
	/*.results {display: none;}*/
	
	.results-m {display: block;}
	
	.results-m table li {margin-bottom: 10px;}
	
	#accountwrap .pageNavigation {font-size: 15px;}
	
	#jobfilter {text-align: left;}
	
	#jobfilter .inputName {float: left;}
	
	#jobfilter .inputField {float: left; width: 100%;}
	
	/*Billing History*/
	
	#billingform input {width: 75px; margin: 0 0 10px 10px;}
	
	#billingform #billingbtn {width: 50%; margin: 15px 0 0 0;}
	
	/*Subscription Page*/

	#pricing-promo {display: none;}
	
	#pricing-table {width: 100%; float: none; text-align: center;}
	
	#pricing-table img {display: none;}
	
	.show-m {display: block; margin: 0 0 -10px 0;}
	
	#empoffer {width: auto; padding: 10px; margin: 0 0 10px 0; border: dashed 1px #ccc;}
	
	/*Payment Page*/
	
	#checkout-main {width: auto; height: 600px; padding: 20px 0 20px 0; /*overflow: hidden;*/}
	
	#checkout-leftcol {float: none; width: auto; margin: 0 auto;}
	
	#checkout-header {width: 340px; background: url(payment-header-m.gif) no-repeat; margin: 0 auto;}
	
	#checkout-header2 {width: 340px; border-bottom: 1px dotted #999; background: none; margin: 0 auto;}
	
	#checkout-form {margin: 20px auto; width: 320px;}
	
	#checkout-form .inputField {margin-left: 5px; width: 90px;}
	
	#checkout-form .inputName {width: 85px;}
	
	#checkout-order {display: none;}	
	
	#checkout-rightcol {width: 100%; margin: 0 auto;}
	
	#checkout-paypal { margin: 50px auto;}
	
	
	/*Employers Page*/
	
	#loading { padding:40px 0 0 0; }
	
	#contactbox { width: auto; margin: 0 20px 30px 20px; height: 100%; border-bottom: 1px dotted #333; }
	
	
	#contactlogin { width: 290px; padding: 0; margin: 0 0 0 0; float: none; border-right: none; }
	
	#contactregister { width: 220px; border-left: none; padding: 0 0 0 0; margin: 40px 0 40px 0; height: none; text-align: left; float: none; clear: both; }
	
	#contactnow {width: auto; height: auto;}
	
	.applybtn2 { float: none; padding: 0; margin: 20px 0; clear: both; }
	
	#applybtn { float: none;}
	
	
	/*Menu Pages*/
	
	#imageheader_aboutus, #imageheader_faqs, #imageheader_contactus, #imageheader_password {/*overflow:hidden; width: 100%; */display: none;}
	
	#textleft {float: none; margin: 20px 0 0 0; /*color: #44a1c4;*/ width: auto;}
	
	#textright {float: none; padding: 0px; /*color: #bd7ac3;*/ width: auto;}
	
	/*#textleft strong {color: #000; }
	
	#textright strong {color: #000;}*/
	
	
	#slideshow2 {display: none;}
	
	#textleft4 {float: none; padding: 0px; width: auto;}
	
	.static { background: #7b5a7b url(maincolheadback.png) repeat-x left; background-size: auto 100%; }
	
	.static2 h1 { background: #7b5a7b url(maincolheadback.png) repeat-x left; background-size: auto 100%; }
	
	#process {display: none;}
	
	.pricingright {width: 141px; float: none; margin: 0 auto 20px auto;}
	
	.pricingbox {float: none;}
	
	.pricingtext {padding: 0 30px;}
	
	#pricing {float: none; width: auto;}
	
	#colwrap3{ margin-left: 0; width: 100%;}
	
	#rightpane {border-left: none; height: auto; padding: 0; margin: 0 0 30px 0;}
	
	#rightpane h3 {font-size: 28px;}
	
	.accountlogout {display: block; margin: 0 0 10px 0; font-weight: bold;}
	
	
	/*Contact Form*/
	
	.contact-details {width:92%; padding: 10px; font-size: 16px; margin:0 0 0 0;}
	.contact-comments {width:92%; padding: 10px; font-size: 16px; margin:0 0 0 0;}
	
	
	/*Change Password*/ 
	#password-m {display: block;}
	#password-m .text {width: 90%; padding: 10px; font-size: 16px; margin:0 0 10px 0; border: 1px solid #abadb3;}
	
	/*CV Database Page*/
	#cv-database {float: left; width: 100%; height: 100%;}
	#cv-profile {float: left; width: auto; height: auto; display: block; padding: 0; margin: 10px 0 20px 0;}
	#cv-screenshot {clear: both; width: auto; height: auto; display: block; padding: 0;}
	
	#cv-profile img {width: 100%; height: auto;}
	#cv-screenshot img {width: 100%; height: auto;}


	/*Registration Pages*/
	#reg-table {display:table; width: 100%; margin: -20px 0 30px 0; clear:both;}
	#reg-row {display: table-row;}
	#reg-cell {display: table-cell; float: none; width: 15px;}
	#reg-cell2 {display: table-cell; padding-left: 10px; float: none;}
	#reg-cell2 span {font-size: 14px; color: #1e1e1e;}
	
	#reg-table2 {display:table; width: 100%; margin: -15px 0 30px 0;}
	#reg-table3 {display:table; width: 100%; margin: -20px 0 30px 0; float: left;}
	
	#consent .inputName {display: none;}
	#consent .inputReq {display: none;}	
	
	.terms {margin: 5px 0 0 0;}
	
	input[type=checkbox] {transform: scale(1.5);}
	
	
	/*add to main stylesheet*/
	
	#header-m { width: 100%; height: 49px; display: block;}
	
	#menu-m { width: 32px; height: 1px ; float: left; margin: 24px 0 0 15px; cursor:pointer; }
	#logo-m { width: 191px; height: 28px; margin: 0 auto; padding-top: 15px; }
	#logo-m2 { width: 191px; height: 28px; margin: 0 auto; padding-top: 15px; }
	#search-m { width: 40px; height: 50px; float: right; margin: 10px 0 0 0; }
	#login-m { width: 50px; height: 50px; float: right; margin: 10px 10px 0 5px; }
	
		
	
			
}

/*@media screen and (max-width: 608px) {
	
	
	#jobinfo h3 { width: auto; margin-right: 20px;}
	#jobpics { float: none; width: auto; margin: -146px 0 0 0; text-align: center; }
	
	   	
}*/


@media screen and (max-width: 568px) {
	
	.resultsthumbnail{float: left; width: 130px; height: 130px; margin: 0 5px 0 15px;}	
	.resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#detailsection .resultsthumbnail { float: left; width: 130px; height: 130px; margin: 0 5px 0 10; overflow:hidden; }	
	#detailsection .resultsthumbnail img { max-width: 100%;  height: auto; }
	
	
	/*#jobpics { float: none; width: auto; margin: -146px 0 0 0; text-align: center; }*/
	
	   	
}

@media screen and (max-width: 508px) {
	
	.resultsthumbnail{float: left; width: 110px; height: 110px; margin: 0 5px 0 15px;}	
	.resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#detailsection .resultsthumbnail { float: left; width: 110px; height: 110px; margin: 0 5px 0 10; overflow:hidden; }	
	#detailsection .resultsthumbnail img { max-width: 100%;  height: auto; }
	
	.homebanner img {width: 95%; height: auto;}
	
		
	   	
}


@media screen and (max-width: 468px) {
	
	.resultsthumbnail{float: left; width: 95px; height: 95px; margin: 0 5px 0 15px;}	
	.resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#detailsection .resultsthumbnail { float: left; width: 95px; height: 95px; margin: 0 5px 0 10; overflow:hidden; }	
	#detailsection .resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#logo-m2 img{ width: 165px; height: auto; margin: 5px 0 0 -10px; }	
	
/*	.logobox { height: 33px; width: 161px; display: block; float: none; text-align: none; border-right: none; margin: 15px 0 0 0;}	
	.logobox img { height: auto; width: 161px;}*/
	
	#homebottomright {margin: 10px 0 0 0;}
	
	#homelogos-m { width: 342px; margin: 0 auto; }	
	
	.logowrap { width: 161px; margin-bottom: 0; margin: 0 5px 0 5px; }
	
	.logobox { height: 33px; width: 161px; margin: 15px 0 0 0;}
	
	.logobox img {width: 161px;}
	
	

		    	
}


@media screen and (max-width: 418px) {
	
	.resultsthumbnail{float: left; width: 80px; height: 80px; margin: 0 5px 0 15px;}	
	.resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#detailsection .resultsthumbnail { float: left; width: 80px; height: 80px; margin: 0 5px 0 10; overflow:hidden; }	
	#detailsection .resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#logo-m2 img{ width: 165px; height: auto; margin: 5px 0 0 -10px; }	
	
	   	
}


@media screen and (max-width: 359px) {
	
	.resultsthumbnail{float: left; width: 60px; height: 60px; margin: 0 5px 0 15px;}	
	.resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#detailsection .resultsthumbnail { float: left; width: 60px; height: 60px; margin: 0 5px 0 10; overflow:hidden; }	
	#detailsection .resultsthumbnail img { max-width: 100%;  height: auto; }
	
	#logo-m2 img{ width: 145px; height: auto; margin: 5px 0 0 -10px; }	
	#logo-m img{ width: 145px; height: auto; margin: 5px 0 0 10px; }
	
	#searchtitle-m h2 {font-size: 18px;}
	
	    	
}


@media screen and (max-width: 340px) {
	
#cv-database-reg {margin: 10px 0 0 0; width: auto; height: auto; display: block; padding: 0;}
#cv-database-reg img {width: 100%; height: auto;}

#logo-m2 img{ width: 110px; height: auto; margin: 8px 0 0 15px; }	
#logo-m img{ width: 110px; height: auto; margin: 8px 0 0 40px; }

}


/* --------  tablets-----------  */

/*@media screen and (min-width: 468px) {*/

@media screen and (min-width: 768px) {
	
	/*#header-m, #searchtitle-m, .latestjobs-m, #homebanner-m, #searchback-m { display: none; }*/
	
	
    	
}

/* --------- small desktop screen -------------  */


@media screen and (min-width: 1024px) {
	
    #mydiv {
    	font-size: 14px;
        background-color: #090;
    }
	
}

/* --------- large desktop screen -------------  */


@media screen and (min-width: 1280px) {
	
    #mydiv {
    	font-size: 16px;
        background-color: #060;
    }
	
}