/* GENERAL CODE */

body {
	font-size: 13px;
	background: #e7e9ec;
	color:#333333;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	text-align:justify;
}

/* fix browers full width Bar- avoid scroll horizontal */
html, body {
    overflow-x: hidden;
}

a {
	color: #555;
	text-decoration: none;
	font-family:Arial;
	font-weight:bold;
}

a:focus 
{
    text-decoration: underline;
}

a:hover {
	color:inherit;
	text-decoration: underline;
}

h1 {
	color:#3399ff;
	font-size:24px;
	font-family: "Arial";
}

h2 {
	color:#3399ff;
	font-size:30px;
	font-family: "Arial";
}

h3 {
	color:#3399ff;
	font-size:24px;
	font-family: "Arial";
}

h4 {
	color:#3399ff;
	font-size:20px;
	font-family: "Arial";
}

ul {
	list-style:none;
	padding:0;
	line-height:1.8;
}


header {
	background-color:#fff;
	height: autopx;
	padding: 0px;
	padding-bottom: 15px;
    padding-top: 15px;
}

header {border-top-left-radius:6px; border-top-right-radius:6px;}

.header-submit a, 
.header-linkedin a
{
    float: right;
}

.header-submit,
.header-linkedin 
{
    margin-top: 10px;
}

#mobile-buttons 
{
    display: none;
}

/* color text navbar */



.navbar-default {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,232323+100 */
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #232323 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #666666 0%,#232323 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #666666 0%,#232323 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to bottom,  #164777 0%,#164777 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#232323',GradientType=0 ); /* IE6-9 */
	
    border-color: #666;
	border-bottom:2px solid #666;
}

.navbar {
    border-radius: none;
    margin-bottom:25px;
	
}


/* layout of nav bar btns */

.navbar-default .navbar-nav > li > a {
    color: #fafafa;
    
}


.navbar-default .navbar-nav > li > a:hover {
	color: #fafafa;
	text-decoration:underline;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #888;
	color: #fff;
	text-decoration:underline;
}

.navbar-default a 
{
    font-size: 15px;
}

/* HEADER BUTTONS*/

#telephone-icon {
	float:left;
	background:url(../images/telephone-red.png) 0 0;
	width:32px;
	height:33px;
}


#cv-icon {
	float:left;
	background:url(../images/cv-icon.jpg) 0 0;
	width:32px;
	height:33px;
	margin-top:20px;
}

#cv-icon:hover {
	background:url(../images/cv-icon.jpg) 0 -33px;
	width:32px;
	height:33px;	
}

#linkedin-icon {
	float:left;
	background:url(../images/linkedin-icon.jpg) 0 0;
	width:32px;
	height:33px
}

#linkedin-icon:hover {
	float:left;
	background:url(../images/linkedin-icon.jpg) 0 -33px;
	width:32px;
	height:33px
}

.header-text-nav {
	float:left; 
	font-family:"Arial"; 
	font-size:17px; 
	padding:3px 5px; 
	color:#fafafa;
	font-weight:bold;
	
}


.header-text {
	float:left; 
	font-family:"Arial"; 
	font-size:17px; 
	padding:3px 5px; 
	color:#4c4c4c;
	font-weight:bold;
	margin-top:20px;
}

.header-text:hover {
	text-decoration:underline;
}

/* HEADER BUTTONS*/

.search-boxes {
    border: 1px solid #7d7d7d;
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 30px;
    margin-top: 15px;
    padding: 2px 0 2px 5px;
    width: 100%;
}

.search-boxes.first 
{
    margin-top: 6px;
}

#btn-main {
	width: 100%;
	height:35px;
	color:#fff;
	margin-top:29px;
	margin-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	background-color:#1c7cbe;
	padding:6px 0;
	border-radius:5px;	
	border:none;
}

#btn-main:hover {
	background-color:#66adf2;
	text-decoration: none;
}

.line-left-section {border-left:1px solid #ddd;}


/* TOP MAIN INTRODUCTION INDEX - SET UP */

#introduction-column {
	padding-top: 10px;
}

#gradient-introduction {
	height: auto;
    background:#fff;
	position: relative;
    z-index: 1;
	padding:15px;
}

#gradient-introduction a:hover {
	text-decoration:none;
}

#mobile-buttons a {
border: 2px solid #cccccc;
    border-radius: 5px;
    color: #4c4c4c;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-top: 4px;
    text-align: center;
    width: 100%;
}

.mobile-btn.cv 
{
    background: url("../images/cv-red.png") no-repeat scroll left center #fff;
}

.mobile-btn.tel 
{
    background: url("../images/telephone-red.png") no-repeat scroll left center #fff
}

#btn-permanent {
	width: 150px;
	height:45px;
	color:#fff;
	margin-top:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	padding:6px 0;
	background: #1c7cbe; 
	box-shadow: 7px 7px 15px  #999999;
	border-radius:5px;
}



#btn-permanent:hover  {
	background:#66adf2;
	text-decoration: none !important;
}

.find-job-smallscreen a:hover  {
	
	text-decoration: none !important;
}

/*  all jobs btn */



#btn-locum {
	width: 315px;
	height:45px;
	color:#fff;
	margin-top:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	padding:5px 0;
	border: 2px solid #174a7d;
	background: #6699cc; /* For Safari 5.1 to 6.0 */
	box-shadow: 7px 7px 15px  #999999;
	border-radius:5px;
}

#btn-locum:hover  {
	background:#66adf2;
	border: 2px solid #333333;
}

#nurse-face {
	padding:0;
}

.nurse-img {
	float:right;
/*	width:90%;	*/
	position:absolute;
	z-index:-1;
	right:0;
	left: 5px;

}

#find-job {
/*	padding-left:50px;	*/
}

#main-introduction {
	font-size:14px; 
	font-family:"Arial"; 
	margin-top:10px; color:#4c4c4c;
	text-align:justify;
	
	
}

/* MAIN BANNER */

#main-banner {
	height:10px;
	padding:0;
	background: -webkit-linear-gradient(left, #003366, #99ccff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #003366, #99ccff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #003366, #99ccff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #003366, #99ccff); /* Standard syntax (must be last) */
	border-top: 3px solid #003366;
	border-bottom: 3px solid #003366;
	position: relative;
    z-index: 2;
	color:#fff;
	margin-top: 105px;
}

#main-banner a:hover {
	text-decoration:none;	
}

.banner-main-text {
	text-align:center; 
	
	font-size:21px;
	font-weight:bold;
	font-family: "Arial";
	margin-bottom:20px;
	padding-top:10px;
}

#heartbeat {
	background:url(../images/heart-beat.png) repeat-x left center;	
}

#refer-friend-banner {
	background: url(../images/refer-image.png) no-repeat left center;
	height:125px;
	
}


.image-refer {
	display:block;
	margin:0 auto;
}


.banner-conditions-text {
	padding-left:20px; 
	color:#4c4c4c; 
	text-decoration:underline;
	text-align:center;
}

.banner-conditions-text:hover {
	text-decoration:none;
}

#btn-register {
	width: 235px;
	height:35px;
	display:block;
	padding:6px 0;
	color:#fff;
	margin:35px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	background-color:#6699cc;
	
	border: 1px solid #174a7d;
	border-radius:5px;
}

#btn-register:hover  {
	background:#66adf2;
	border: 1px solid #333333;
}

/* INDEX BOTTOM BODY */

#gradient-bottom {
	height:auto;
	background:#fff;
	padding:10px 30px;	
}

#features-jobs {
	width:100%; 
	border-bottom:1px solid #CCC; 
	border-top:1px solid #CCC; 
	padding:15px 10px; 
	font-size:18px; 
}

#features-jobs:hover {
	background:#ffffcc;
}

#features-jobs:hover .features-jobs-text {
	text-decoration:underline;
}

#arrow-right-icon {
	font-size: 36px; 
	color:#ccc;
}

.blue-text {
	color:#026cfe; 
	font-weight:bold;	
}

#refer-friend a:hover {
	text-decoration:none;

}

.refer-conditions-text {
	color:#4c4c4c; 
	text-decoration:underline;
}


.refer-conditions-text:hover {
	text-decoration:none;
}

.terms-text {
	color:#4c4c4c; 
	font-size:12px; 
	padding:12px 0;	
}

#btn-refer-friend {
	width: 300px;
	height:35px;
	color:#fff;
	margin:15px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	background-color:#b30800;
	padding:2px 0;
	border: 2px solid #174a7d;
	border-radius:5px;
}

#btn-refer-friend:hover   {
	background:#66adf2;
	border: 2px solid #333333;
}

.rec-img {
	float:left; 
	padding:20px 5px 20px 0px;	
}

.nhs-img {
	float:left; 
	padding:30px 5px 15px 0px;
}

.job-categories {
	line-height:2.5;
}

.job-categories li {
	padding:0 10px;
	
}

.job-categories li:hover {
	background:#ffffcc;
	
}



/* FOOTER SET UP*/

footer {
	height:auto; 
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#174a7d+0,0f2d3f+100 */
background: #174a7d; /* Old browsers */
background: -moz-linear-gradient(top,  #174a7d 0%, #0f2d3f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #174a7d 0%,#0f2d3f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #174a7d 0%,#0f2d3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174a7d', endColorstr='#0f2d3f',GradientType=0 ); /* IE6-9 */
	
	margin-top:25px;
	padding:15px; 
	color:#fff;
	font-size:16px;
	border-top:2px solid #174a7d;
}

footer ul {
	line-height:2.5;
}

footer .row {
	padding-top:10px;
}

.footer-section-text {
	font-size:16px; 
	font-weight:bold;
	padding:0 20px;
}

.footer-text {
	padding:10px 20px;  
	font-size:13px; 
	line-height:1.8;
	text-align:right;
}

.eit-link {
	text-align:center; 
	padding-top:20px;
}

#find-job-smallscreen {
	display:none;
	
}

.twitter-icon {
	display:none;
}

.navbar-brand {
	display:none;
}

.linkedin-icon-mobile {
	display:none;
}




/* Here start Listing page */

.breadcrumb {border-radius:0px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0;} 

#breadcrumb{
	font-size:11px;
	margin-bottom:0px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ccc;
	padding:0 15px;
	}
	
#breadcrumb a, visited{
	color:#999999;
	text-decoration:none;}

#breadcrumb a:hover{
	color:#666666;
	text-decoration:underline;}
	
.pagination {
	width:100%;
	margin: 10px 0 5px;
}

.listing-title {
	text-decoration:underline;	
}

.listing-title:hover {
	text-decoration: none;	
}

.pagination-displaying {
	float:left;
}

.pagination-pages {
	float:right;
}

.job-description-listing {
	width:100%; 
	float:left;
	padding-top: 7px;
}

.gray-line-sector {
	width:100%; 
	height:2px; 
	border-bottom: 1px solid #cbcbcb; 
	margin-top:25px;
}



.listing-description {
	margin:10px 0;
}





#listing-btn {
	border: 2px solid #cccccc;
    border-radius: 5px;
    color: #4c4c4c;
	background:#fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 10px;
    padding-top: 4px;
    text-align: center;
    width: 150px;
	height: 35px;
}

#listing-btn:hover {
	color:#fff;
	background:#66adf2;
	border: 2px solid #666;
	text-decoration:none;
}

#background-container {
	height:auto;
	background: #fff;
	padding:10px 30px;	
}

/* Selected filter */
.selected-filter {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
    color: #666;
    display: block;
    margin-top: 10px;
    padding: 5px;
    text-decoration: none;
    width: 96%;
	font-size:14px;
}

.selected-filter span {
	float: right;
    margin: -5px;
    padding: 5px 10px;

}

.selected-filter:hover {
    background: none repeat scroll 0 0 #66adf2;
    border: 1px solid #666;
	color: #fff;
 	text-decoration: none;
}

.selected-filter:hover span {
    background: none repeat scroll 0 0 #ff6600;
	color: #fff;
 	text-decoration: none;
}


#selection-tablet {
	display:none;
}

#listing-pagination-btn {
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 4px 8px;
	margin:0 3px;
}

#listing-pagination-btn:hover {
	background: none repeat scroll 0 0 #66adf2;
	color:#fff;
	text-decoration:none;
}

a:hover #listing-pagination-btn:hover {
	text-decoration:none;
	
}

/* Product page */

.gray-line-similar-jobs {
	width:100%; 
	height:2px; 
	border-bottom: 1px solid #cbcbcb; 
	margin:15px 0;
}

.pagination-job-position {
	float:left;
}

.job-detail {
	color:#999; 
	width:150px; 
	font-weight:700; 
	display:inline-block;	
}

#buttons-top a:hover {
	text-decoration:none;
}

.btn-apply-desktop a:hover {
	text-decoration:none;
}

#btn-apply {
	width: 180px;
	height:35px;
	color:#fff;
	margin:15px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	background-color:#6699cc;
	padding:6px 0;
	border-radius:5px;
}

#btn-apply:hover  {
	background:#66adf2;
	text-decoration:none;
}

#btn-print {
	width: 180px;
	height:35px;
	color:#999999;
	margin:15px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	background-color:#fff;
	padding:2px 0;
	border: 1px solid #999999;
	border-radius:5px;
}

#btn-print:hover  {
	background:#999999;
	border: 1px solid #666666;
	color:#fff;
	text-decoration:none;
}

#btn-apply-bottom {
	width: 180px;
	height:35px;
	color:#fff;
	margin:25px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	background-color:#6699cc;
	padding:6px 0;
	border-radius:5px;
}

#btn-apply-bottom:hover  {
	background:#66adf2;
	text-decoration:none;
}

.btn-apply-2 {
	width: auto;
	height:auto;
	color:#fff;
	margin:25px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	background-color:#3399ff;
	padding:6px 0;
	border-radius:5px;
	display:block;
	text-decoration:none !important;
	font-weight:normal;
}

.btn-apply-2:hover {color:#fff; background: #66adf2 none repeat scroll 0 0; text-decoration: none;}



.btn-social-share-phone {
	display:none;
}

#eits-footer {
	border-top:1px solid #0080ff;	
}


/*  New code Bruno 25/03/2015 */
/*  all jobs btn */

#btn-all-jobs {
	width: 235px;
	height:35px;
	color:#fff;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	padding:6px 0;
	background: #6699cc; 
	border-radius:5px;
	float: right;
}

.no-underline:hover
{
    text-decoration: none;
}

#btn-all-jobs:hover  {
	background:#66adf2;
	text-decoration: none;
}

#telephone-bar {
	padding-top: 10px;
	
}

#telephone-bar a 
{
    float: right;
}

.intro-title h1 
{
    font-size: 20px;
}

.pagination-displaying 
{
    font-size: 12px;
}

h2.intro-title 
{
    font-size: 16px;
    margin-top: 5px;
}

.pagination 
{
    background: #eee;
    padding: 8px 5px;
}

#breadcrumb-section 
{
   
}

#paging-container 
{
    margin-bottom: 30px;
}

#mobile-filters.one-col 
{
    display: none;
}

.listing-btn {
	border: 1px solid #555;
    border-radius: 5px;
    color: #4c4c4c;
	background:#fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 6px 0;
    text-align: center;
    width: 150px;
	height: 35px;
}

.listing-btn:hover {
	color:#fff;
	background:#66adf2;
	border: 1px solid #666;
	text-decoration:none;
}




@media screen and (mid-width: 2000px) {
.container {
	width: 1080px;
}
}


@media screen and (max-width: 1399px) { /*New collapse container*/
	
	.header-text {
	font-size:14px; 
	padding:3px 3px;
	}
	
	.header-text-nav {
	font-size:14px; 
	padding:3px 3px;
	}
	
	.banner-main-text {
	font-size:18px;
}


}




@media screen and (max-width: 1199px) { /*first collapse container*/
.navbar-default .navbar-nav > li > a {
	font-size:15px;
}

.triplewest-logo {
    float: none;
	width:100%;
}


.navbar-default a 
{
    padding: 15px 9px !important;
}

#telephone-bar a 
{
    padding: 0 !important;
}

/*  set up refine search column */
#search-boxes {
	float:none;
}

#btn-main {
	float:none;	
}

.refine-search-title {
	text-align:left; 
	padding-right:0px;
}

.nurse-img {
    float: right;
    left: -13px;
    position: absolute;
    width: 141%;
    z-index: -1;
}

#btn-permanent {
	width: 280px;
}

#btn-locum {
	width: 280px;
}

#gradient-introduction {
	padding:30px;
}
/*  END set up refine search column */

.banner-holiday-image {
	width:60%
}

.image-refer {
	display:none;
}

/* main banner */

#main-banner {
	color: #16497c;
    height: 10px;
    margin-top: 50px;
}

#refer-friend-banner {
	display:none;
}

#heartbeat {
	background:none;
	
}

#btn-register {
	width: 100%;
	height:40px;
	margin:15px auto 0 auto;
}

.banner-main-text {
	text-align:center;
	padding-top:0px;
	margin-bottom:0px;color:white;
	
}

#refer-friend-btn {
	padding-bottom:15px;
}




	
}


@media (max-width: 991px) { /*second collapse container (everything in one column now)*/ /* TOOGLE SET UP TO SHOW */

#mobile-filters.one-col 
{
    display: block;
}


#mobile-filters h2
{
    color: #888 !important;
}

#mobile-filters a:hover 
{
    text-decoration: none;
}

#mobile-filters .title 
{
	background: #eee;
	margin-bottom: 5px;
	margin-top: 5px; 
	padding: 1px 1px 1px 5px;  
	width: 100%;
}

.mobile-subloc,
.mobile-subcat 
{
    padding: 0 10px;
}
	
#mobile-filters .title h2
{
	color: #888;
	font-size: 14px;
	float: left;
	margin: 10px 0;
}
	
#mobile-filters  #expand,
#mobile-filters  #collapse
{
	background: #bbb;
	border: 1px solid #ccc;
	color: #fff;
	float: right;
	font-size: 18px;
	padding: 4px 0;
	text-align: center;
	width: 40px;
}
	
#mobile-filters  #collapse 
{
	display: none;
}
	
#subcat-collapse,
#subloc-collapse,
#sal-collapse,
#type-collapse 
{
	display: none;
}
	
#mobile-filters .mobile-subcat,
#mobile-filters .mobile-subloc,
#mobile-filters .mobile-sal,
#mobile-filters .mobile-type 
{
	display: none;
}

.navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } 

#btn-register {
	width: 50%;
}
#mobile-buttons 
{
    display: block;
	background:#fff;
}
#nurse-face 
{
    display: none;
}

#telephone-bar 
{
    display: none;
}

#header-buttons 
{
    display: none;
}

#introduction-column 
{
    padding: 0 15px;
}

/* Toogle design */

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border:transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 0px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    border-radius: 10px;
    height: 3px;
    width: 28px;
}


.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
	background-color:#66adf2;
	}



/* TOP BUTTONS */

/* telephone, cv & linkedin buttons  */



#telephone-btn {
	border: 2px solid #cccccc;
	background: url(../images/telephone-red.png) no-repeat left;
    border-radius: 5px;
    color: #4c4c4c;
    display: block;
    height: 35px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-top: 4px;
    width: 100%;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

#cv-btn {
	border: 2px solid #cccccc;
	background:#fff url(../images/cv-red.png) no-repeat left;
    border-radius: 5px;
    color: #4c4c4c;
    display: block;
    height: 35px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-top: 4px;
    width: 100%;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

#linkedin-btn {
	display:none;
}



#telephone-btn:hover {
	border: 2px solid #666;
	background:#66adf2 url(../images/telephone-white.png) no-repeat left;
    color: #fff;
}

#cv-btn:hover {
	border: 2px solid #666;
	background:#66adf2 url(../images/cv-white.png) no-repeat left;
    color: #fff;
}

#linkedin-btn:hover {
	border: 2px solid #ff0000;
	background:#b30800 url(../images/linkedin-white.png) no-repeat left;
    color: #fff;
}

/* END telephone, cv & linkedin buttons  */

/* Hide IMAGES  */

#refine-search-column {
	display:none;	
}

#banner-holiday-column {
	display:none;
}

#banner-ipad-column {
	display:none;
}


/* No background gradient */

#gradient-introduction {
    background: #fff;
	padding:15px;
}

#gradient-bottom {
    background: #fff;
	padding:10px 30px;
}


.navbar-default .navbar-nav > li > a {
	margin:0;
	background-color: #ccc;
	
}

.navbar-default .navbar-nav > li > a:hover {
	background-color: #ffffcc;
}

.triplewest-logo {
	margin:0 auto;
	display:block;
}

#find-job {
	display:none;
}

#find-job-smallscreen {
	display:block;
	padding-top:15px;
	background:#fff;
}


/* set up new find job buttons */

#btn-permanent {
	width: 100%;
	height:35px;
	margin-top:15px;
	margin-bottom:15px;
	padding:6px 0;
	box-shadow: none;
	border-radius: 5px;	
	font-size: 15px;
}

#btn-locum {
	width: 100%;
	height:35px;
	margin-top:25px;
	padding:3px 0;
	box-shadow: none;
	border-radius: 5px;
}

#header-buttons {
	padding:0 30px;
}



.features-jobs {
	width:100%; 
}

#refer-friend {
	margin-top:35px;
}



.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.navbar-brand {
	display:block;
}

#logo {
	display:none;
}

.linkedin-icon-mobile {
	display:block;
	position: absolute;
	right:100px;
	top:10px;
	background:url(../images/linkedin-icon.png) 0 0;
	width:32px;
	height:33px;
}

/* LISTING */
#breadcrumb-section {
	display:none;
}

#selection-desktop {
	display:none;
}

#selection-tablet {
	display:block;
}

.selected-filter {
    width: 100%;	
}

#refer-friend-btn {
	padding-top:25px;
}


/* New bruno code 25/03/2015 */

#btn-all-jobs  {
	display:none;
}

#main-banner {
	display:none;
}




}

@media screen and (max-width: 767px) {  /*mobile view*/

.navbar-default .navbar-nav > li > a {
		font-size:16px;
}

.navbar-brand {
	margin-left:-15px;
}

.pagination-displaying {
	width:100%;
}

.pagination-pages {
	float:left;
	width:100%;
}	


#arrow-right-icon {
	display:none;
}

#buttons-top {
	display:none;
}



.btn-social-share-phone {
	display:block;
}

#hide-grayline {
	display:none;
}







}

@media screen and (max-width: 710px) {  /*header finance text*/


}

@media screen and (max-width: 480px) {  /*smaller mobile view*/



#btn-permanent {
	font-size:14px;
}

#btn-locum {
	font-size:14px;
}



#btn-refer-friend {
	width:220px;
}

.intro-title {
	font-size:24px;
}
	


}