@import "base.less"; // Keep at top of file
/* CSS CODE - BEGINS HERE */

/******************/
/* General Styles */

::-webkit-input-placeholder { /* WebKit browsers */
    color:    @light-grey;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    @light-grey;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    @light-grey;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    @light-grey;
}
body {
	font-family: @font-primary;
	font-size: 14px;
	color: @medium-brown;
	background: @tan url('../images/bg.jpg') center top no-repeat;
}
.fa-headphones-alt:before{content:"\f58f"}
.fa-graduation-cap:before{content:"\f19d"}
.fa-tag:before {content: "\f02b"; }
.fa-comment-dollar:before {	content: "\f651"; }
.fa-asterisk:before {	content: "\f069"; }
  
.fa, .fas {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:normal;font-display:auto;src:url("../webfonts/fa-brands-400.eot");src:url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-brands-400.woff2") format("woff2"),url("../webfonts/fa-brands-400.woff") format("woff"),url("../webfonts/fa-brands-400.ttf") format("truetype"),url("fonts/fa-brands-400.svg#fontawesome") format("svg");}
.fab{font-family:'Font Awesome 5 Brands';}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:swap;src:url("../webfonts/fa-regular-400.eot");src:url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-regular-400.woff2") format("woff2"),url("../webfonts/fa-regular-400.woff") format("woff"),url("../webfonts/fa-regular-400.ttf") format("truetype"),url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");}
.far{font-family:'Font Awesome 5 Free';font-weight:400;}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:swap;src:url("../webfonts/fa-solid-900.eot");src:url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-solid-900.woff2") format("woff2"),url("../webfonts/fa-solid-900.woff") format("woff"),url("../webfonts/fa-solid-900.ttf") format("truetype"),url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");}


.fa,.fas{font-family:'Font Awesome 5 Free';font-weight:900;}


.page-workamping-dashboard #block-system-main .dashboard i.fas {
    display: block;
    float: left;
    width: 65px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 44px;
    background: white;
    color: #271d18;
}
input[type="submit"] {
	.button-mixin();
	display: inline-block;
	*display: inline;
	zoom: 1;
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
}

#page-wrapper {
    width: @siteWidth + 20px;
    margin: 0px auto !important;
}

.logged-in #page-wrapper {
    width: @siteWidth + 20px;
}



#page {
	width: 100%;
	height: auto;
	padding-top:20px;	
}

#header {
	position: relative;
	width: 100%;
	height: 80px;
}

#above_content,
#main-wrapper {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

/* #main width should be 960 to account for the odd design top menu being wider than page content */
#main {
	width: @siteWidth;// - 40px;
	margin: 0px auto;
	padding: 15px 0px; //20px;
	background: transparent url('../images/contenttexture.jpg') center top repeat;
}

.form-item.form-type-textfield.form-item-profile-resume-field-video-und-0-video-url label[for='edit-profile-resume-field-video-und-0-video-url'] {
    display: none;
}

.region-content-front:after,
.region-sidebar-second:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#footer-wrapper {
	position: relative;
	width: 100%;
	height: auto;
}

.region-footer {
	width: @siteWidth - 40px;
	height: 270px;
	margin: 0px auto;
	padding: 25px 20px;
	background: transparent url('../images/footertexture.jpg') center top repeat;
}

/************************/
/* General Front Styles */


.fieldset-wrapper{
	.field-name-field-billing-email{
	display: none;
	}

}

.front {
	#main {
		width: @siteWidth;// - 20px;
		padding: 15px 0px;
	}

	#page-content {
		padding: 0px 20px;
	}

	.region-sidebar-first {
		padding: 20px 25px;
		background: transparent url('../images/barktexture.jpg') left top repeat;
		.clearer();
	}

	.region-below-content {
		padding: 0 20px 20px 20px;

	}

	.region-sidebar-second {
		padding: 0px 25px;
	}
}

.node-type-workamper-article{
   .artical_button{
        display: block;
        width:30% !important;
    }
    .artical_button a{
        color:#fff !important;
        text-decoration: none;
    }
}
.artical_button{
        display:none ;
}


/****************************/
/* General Not Front Styles */
.not-front {
	.region-sidebar-first {
		float: left;
		clear: none;
		padding-left: 20px;
	}

	.breadcrumb {
		display: none;
		clear: both;
		font-family: @font-secondary
	}

	#page-content {
		clear: none;
		float: right;
		width: 100%;
		padding-bottom: 20px;
	}

	&.no-sidebars {
		#page-content {
			padding-left: 20px;
			padding-right: 20px;
			width: auto;
			float: none;
		}
	}
}

//nine columns wide, left margin to account for 3 columns + gutter
.not-front.one-sidebar #page-content {
	width: 700px;
	margin: 0px 0px 0px 15px;  
	float: left;
}

.not-front .region-below-content {
	clear: both;
	border-top: 4px solid @tan-brown;
}

.region-below-content {
	background: url(../images/bg-white-transparent.png) repeat;
	padding: 20px;
}

.not-front.one-sidebar.sidebar-second #page-content {
	float: none;
	width: auto;
	margin: 0px;
}

.not-front .region-sidebar-second {
	clear: both;
}


//wysiwyg and tables
#page-content {
	table {
		width: 100%;

		a {
			&:link, &:visited, &:active {
				color: @orange-red;
			}

			&:hover {
				color: @dark-orange-red;
				text-decoration: none;
			}
		}

		th, td {
			background-color: white;
			border: 1px solid #999;
			border-bottom: 3px solid #999;
			padding: 14px 4px !important;
		}

		td {
			border: 1px solid #999;
			padding:5px 4px !important;
		}

		tr {
			&:nth-child(even) {
				td {
					background-color: @grey;
				}
			}
		}
	}

	input.form-submit,
	.form-submitX {
		.button-mixin();
		min-width: 150px;
		margin-left: 0;
		font-size: 20px;
		float: none;
	}
}

/**************/
/* Font Sizes */
h1 		{ font-size: 21px; }
h2 		{ font-size: 18px; }
h3 		{ font-size: 16px; }
h4		{ font-size: 16px; }
h5		{ font-size: 16px; }
p, a, ul, ol, li a, ol a, label, input, table { 
	font-size: 16px; 
}

#admin-menu-wrapper {
	p, ul, a, li a, label, input, table { 
		font-size: inherit; 
	}
}

/***************/
/* Font Family */
h1 {
	font-family: @font-secondary;
	font-weight: 700;
}

h2, h3, h4, h5 {
	font-family: @font-primary;
	font-weight: normal;
}

h2 {
	font-weight: normal;
}

h3 {
	font-weight: 500;
}

/**************/
/* Font Style */
h1.title,
#title {
	display: table;
	padding: 5px 5px 2px 5px;
	border-top: 3px solid @orange-red;
	border-bottom: 3px solid @orange-red;
}

h1, h2.block-title, h3 {
	color: @orange-red;
}

h2 {
	color: @dark-tan-brown;
	font-weight: bold;
}

a,
li a {
	&:link, 
	&:visited, 
	&:hover, 
	&:active {
		color: @orange-red;
		text-decoration: none;
	}

	&:hover,
	&:active,
	&.active {
		color: @dark-orange-red;
		text-decoration: underline;
	}
}

p, ul, ol {
	margin: @basic-margin 0px;
}

/*******************/
/* General Content */
select {
	appearance: menulist;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
}

.breadcrumb {
	font-family: @font-secondary;
	font-weight: 600;
	padding-bottom: 15px;

	a {
		font-family: @font-secondary;
		font-weight: 600;

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			color: @medium-brown;
			text-decoration: none;
		}

		&:hover,
		&:active,
		&.active {
			color: @medium-brown;
			text-decoration: underline;
		}
	}
}

h1.title,
#title {
	margin-bottom: 10px;
}

.page-node #block-system-main .submitted {
	margin: 15px 0px;
	color: @orange-red;
	font-style: italic;
}

/********/
/* Logo */
#header > h1{
	padding: 0px;
	margin: 0px;

	a {
		display: block;
		position: absolute; 
		top: 5px;
		width: 95px;
		height: 83px;
		margin: 0px;
		padding: 0px;
		background: transparent url('../images/logo.png') center center no-repeat;
		text-decoration: none;
		color: @medium-brown;
		z-index: 20;
	}

	a span {
		display: block;
		font-size: 1px;
		text-indent: -99999px;
		overflow: hidden;
	}
}

/***************/
/* Mobile Menu */
#header a.mobile-menu {
	display: none;
	text-indent: -99999px;
	overflow: hidden;
}

/**********/
/* Slogan */
#site-slogan > a {
	display: block;
	width: 480px;
	height: 80px;
	margin: 0px 0px 0px 100px;
	padding: 0px;
	background: transparent url('../images/logotype.png') left top no-repeat;
	background-position: 0px 20px;
	text-decoration: none;
	color: @medium-brown;
	z-index: 1;

	span {
		display: block;
		padding: 55px 0px 0px 0px;
		line-height: 16px;
		font-size: 12px;
		font-weight: 600;
		font-style: italic;
	}
}

/*********************/
/* Header - Top Menu */
/*
#block-menu-block-1 {
	position: absolute;
	top: 15px;
	right: 10px;

	ul.menu, 
	ul.menu li {
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-transform: uppercase;
		font-size: 14px;
	}

	ul.menu > li {
		display: inline-block;

		a {
			display: inline-block;
			margin-right: 15px;
			font-size: 14px;
			font-weight: 600;
		}

		&.last a {
			margin-right: 0px;
		}
	}

	.menu-block-1 > ul.menu > li > ul.menu { 
		display: none;
	}
}
*/


/*********************/

.region-header {
    width: auto;
	position: absolute;
	z-index: 999;
	top: 0;
    right: 0;
		

	#block-menu-block-1 {

		clear: both;
		float: left;

		ul.menu, 
		ul.menu li {
			margin: 0px;
			padding: 0px;
			list-style: none;
			text-transform: uppercase;
			font-size: 14px;
		}

		ul.menu > li {
			display: inline-block;

			a {
				display: inline-block;
				margin-right: 15px;
				font-size: 14px;
				font-weight: 600;
			}

			&.last a {
				margin-right: 0px;
			}
		}

		.menu-block-1 > ul.menu > li > ul.menu { 
			display: none;
		}
	}






/*******************/
/* Header - Search */

/*
#block-search-form {
	position: absolute;
	top: auto;
	bottom: 10px;
	right: 10px;
	width: 245px;

	.form-type-textfield {
		margin: 0px;
		font-size: 16px;
		float: left;

		.form-text {
			min-width: 185px; 
			padding: 5px;
			padding-top: 7px;
			border: 1px solid @tan-brown;
			font-family: @font-secondary;
			font-weight: 700;
		}
	}

	.form-actions {
		font-size: 16px;

		.form-submit{
			margin: 0px;
			padding: 6px 5px;
			padding-top: 7px;
			border: 0px;
			font-family: @font-secondary;
			font-weight: 700;
			color: @white;
			background-color: @orange-red;
			cursor: pointer;
			float: right;
			top: 2px;

			&:hover {
				color: @white;
				background-color: @dark-orange-red;
			}
		}
	}
}*/




/*******************/

	/* Header - Search */
	#block-search-form {
		/* position: absolute;
		 top: auto;
		 bottom: 10px;
		 right: 10px;
		 width: 245px;*/
		 width: 100%;
		 clear: both;
		 max-width: 240px;
		 float: right;
		 margin: 10px 0 0 0;

		.form-type-textfield {
			margin: 0px;
			font-size: 16px;
		    display: inline-block;
    		vertical-align: top;

			.form-text {
				min-width: 185px; 
				padding: 5px;
				padding-top: 7px;
				border: 1px solid @tan-brown;
				font-family: @font-secondary;
				font-weight: 700;
			}
		}

		.form-actions {
			font-size: 16px;
			vertical-align: top;
			float: right;

			.form-submit{
				margin: 0px;
				padding: 6px 5px;
				padding-top: 7px;
				border: 0px;
				font-family: @font-secondary;
				font-weight: 700;
				color: @white;
				background-color: @orange-red;
				cursor: pointer;
				float: right;
				top: 2px;
				width: auto;

				&:hover {
					color: @white;
					background-color: @dark-orange-red;
				}
			}
		}
	}
}

/*****************************/
/* Above Content - Main Menu */
#block-nice-menus-1 {
	width: 100%;
	height: 50px;
	background: transparent url('../images/navigationtexture980.png') center center no-repeat;

	ul.nice-menu-down {
		position: relative;
		float: none;
		width: 100%;
		z-index: 10;
	}

	ul.nice-menu-down > li {
		margin: 0px;
		padding: 0px;
		list-style: none;
		font-size: 21px;
		border: none;
		background: transparent;

		> a {
			display: block;
			padding: 15px 40px 14px 40px;
			font-size: 21px;
			line-height: 21px;
			font-weight: 700;
			text-transform: uppercase;
			text-align: center;
			font-family: @font-secondary;
			text-shadow: 0px 0px 3px @black;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @tan-brown;
				text-decoration: none;
			}

			&:hover,
			&:active,
			&.active {
				//color: @dark-brown;
				text-decoration: none;
				background-color: @dark-orange-red;
			}
		}

		&.first {
			margin-left: 8px;
		}

		&.over > a {
			background-color: @dark-orange-red;
			//color: @dark-brown;
		}
	}

	ul.nice-menu-down > li > ul {
		top: auto;
		width: 100%;
		border: none;
		opacity: 1 !important;

		> li {
			width: 100%;
			border: none;
			background-color: @orange-red;
		}

		> li > a {
			display: block;
			padding: 15px 15px 15px 40px;
			font-size: 14px;
			font-weight: 600;
			text-align: left;
			border-bottom: 2px solid @dark-orange-red;
			
			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @white;
				text-decoration: none;
				background-color: @orange-red;
			}

			&:hover,
			&:active,
			&.active {
				color: @white;
				text-decoration: none;
				background-color: @dark-orange-red;
			}
		}
	}
}

/*******************************/
/* Above Content - Mobile Menu */
#block-menu-block-7 { display: none }

/*****************************/
/* Content - Receive Updates */
#block-block-9 {
	background-color: @orange-red;
	padding: 10px;
	color: white;
	.clearer();

	h2 {
		font-family: @font-secondary;
		color: white;
		float: left;
		font-size: 26px;
		width: 560px;
		margin: 5px;
	}

	a.button {
		float: right;
		.button-mixin(@darker-orange-red, @dark-orange-red, white, white);
		font-size: 22px;
		padding: 8px;
		margin-top: 15px;
		width: 280px;
		text-align: center;
	}

	/* span.text {
		float: left;
		display: block;
		width: 225px;
		height: 40px;
		margin: 0px;
		padding: 0px 15px 0px 0px;
		font-size: 17px;
		line-height: 19px;
		font-family: @font-secondary;
		font-weight: 700;
		color: @white;
	}

	.form-text {
		margin: 2px 10px 2px 0px;
		font-size: 16px;
		min-width: 255px; 
		padding: 5px;
		padding-top: 7px;
		border: 1px solid @tan-brown;
		font-family: @font-secondary;
		font-weight: 700;
	}

	#receive-updates-submit {
		font-size: 16px;
		margin: 2px 0px;
		padding: 5px 10px 5px 10px;
		padding-top: 7px;
		border: 0px;
		font-family: @font-secondary;
		font-weight: 700;
		color: @white;
		background-color: @dark-orange-red;
		cursor: pointer;

		&:hover {
			color: @orange-red;
			background-color: @white;
		}
	}
	*/
}
/***********************/
/* employing subscriber Tools */
#node-81 .field-name-body .field-item {

	.links {
		margin-top: 34px;
	}
	
	.link {
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		font-size: 21px;
		font-weight: 700;
		font-family: @font-secondary;
		width: 154px;

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			color: @white;
			background-color: @orange-red;
		}

		&:hover, 
		&:active {
			color: @white;
			background-color: @dark-orange-red;
		}
	}

	.membertable1 {
		border-collapse: inherit;
		margin: 55px 0 30px;

		.membertable2{
			border-collapse: inherit;
			float: left;
		}

		.membertable3 {
			border-collapse: inherit;
			float: right;
			margin-bottom: 16px;
		}
	}
}
#node-81 .field-name-body .field-item {

	.links {
		margin-top: 34px;
	}
	
	.link {
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		font-size: 21px;
		font-weight: 700;
		font-family: @font-secondary;
		width: 154px;

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			color: @white;
			background-color: @orange-red;
		}

		&:hover, 
		&:active {
			color: @white;
			background-color: @dark-orange-red;
		}
	}

	.membertable1 {
		border-collapse: inherit;
		margin: 55px 0 30px;

		.membertable2{
			border-collapse: inherit;
			float: left;
		}

		.membertable3 {
			border-collapse: inherit;
			float: right;
			margin-bottom: 16px;
		}
	}
}
/***************************************/
/* user % order % */
.page-user-orders .commerce-order-commerce-order {
        
        .field-name-commerce-line-items table {
                
                th, td {
                    border: 1px solid #999;
                }
            
                          
                tbody {
                        font-weight: normal;
                }
        }
    
        .field-name-commerce-order-total {
                padding-bottom: 10px;
        }
        
        .field-label-inline {
            
                padding-bottom: 10px;
                font-size: 16px;
            
                .field-label{
                        width: 180px;
                }
        
                .field-items{
                        font-weight: normal;
                }
        }
}

/***********************/
/* Workamping Member Tools */
#node-38 .field-name-body .field-item {

	.links {
		margin-top: 34px;
	}
	
	.link {
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		font-size: 21px;
		font-weight: 700;
		font-family: @font-secondary;
		width: 154px;

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			color: @white;
			background-color: @orange-red;
		}

		&:hover, 
		&:active {
			color: @white;
			background-color: @dark-orange-red;
		}
	}

	.membertable1 {
		border-collapse: inherit;
		margin: 55px 0 30px;

		.membertable2{
			border-collapse: inherit;
			float: left;
		}

		.membertable3 {
			border-collapse: inherit;
			float: right;
			margin-bottom: 16px;
		}
	}
}
#node-81 .field-name-body .field-item {

	.links {
		margin-top: 34px;
	}
	
	.link {
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		font-size: 21px;
		font-weight: 700;
		font-family: @font-secondary;
		width: 154px;

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			color: @white;
			background-color: @orange-red;
		}

		&:hover, 
		&:active {
			color: @white;
			background-color: @dark-orange-red;
		}
	}

	.membertable1 {
		border-collapse: inherit;
		margin: 55px 0 30px;

		.membertable2{
			border-collapse: inherit;
			float: left;
		}

		.membertable3 {
			border-collapse: inherit;
			float: right;
			margin-bottom: 16px;
		}
	}
}

/***********************/
/* Content - Slideshow */
#block-views-home-slideshow-block,
#block-views-home-slideshow-block-1 {
	float: left;
	width: 495px;
	margin: 15px 0px;
	background: transparent url('../images/slideshow-frame.png') center top no-repeat;
}

.flex-nav-container {
	float: none;
	margin: 0px;
	position: static;
	width: auto;
}

.flexslider {
	position: relative;
	width: auto;
	margin: 0px;
	padding: 37px 0px 48px 37px;
	border: 0px solid #FFFFFF;
	border-radius: 0px;
	box-shadow: none;
	background: transparent;

	.slides img {
		width: auto;
	}

	.flex-caption {
		font-size: 22px;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0px;
		margin: 0;
		z-index: 999;
		color: white;
		background: rgba(0,0,0,0.6);
		padding: 10px;
		width: 400px;
	}

	.views-field-edit-node {
		position: absolute;
		top: 0;
		left: 0;

		a {
			display: block;
			width: auto;
			float: left;
			padding: 5px;
			background: rgba(0,0,0,0.6);
			color: white;

			&:hover {
				background: @orange-red;
				text-decoration: none;
			}
		}
	}
}

.flex-control-nav,
.flex-direction-nav {
	display: none;
}

/********************************/
/* Content - Static Front Block */
#block-block-1 {
	float: right;
	width: 385px;
	height: 295px;
	max-height: 295px;
	margin: 15px 0px;
	margin-right: 5px; 
	padding: 5px 0px;

	.title {
		margin: 0px auto;
	}

	.content p {
		line-height: 19px;
	}
}

/*************************************************/
/* First Sidebar - Front - Employe and Workamper */
#block-menu-block-4,
#block-menu-block-5 {
	float: left;
	margin: 0px 15px 0px 0px;

	h2.block-title {
		margin-bottom: 10px;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		text-shadow: 0px 0px 3px @black;
	}

	h2.block-title:before {
		content: 'I am an ';
		font-size: 18px;
		font-weight: normal;
		font-style: italic;
		text-shadow: 0px 0px 3px @black;
	}

	ul.menu,
	ul.menu li {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	ul.menu a {
		display: block;
		width: 224px;
		height: 37px;
		margin-bottom: 5px;
		padding: 2px 0px 0px 0px;
		line-height: 37px;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		background: transparent url('../images/buttonsprite.png') center center no-repeat;

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			color: @dark-brown;
			text-decoration: none;
			background-position: 0px 0px;
		}

		&:hover,
		&:active {
			color: @white;
			text-decoration: none;
			background-position: 0px -39px;
		}
	}
}

/*************************************************/
/* First Sidebar - Front - Workamper Quick Links */
#block-menu-block-4 {

	h2.block-title:before {
		content: 'I am a ';
		font-size: 18px;
		font-weight: normal;
		font-style: italic;
	}
}

/************************************************/
/* First Sidebar - Front - Employer Quick Links */
#block-menu-block-5 {

	h2.block-title:before {
		content: 'I am an ';
		font-size: 18px;
		font-weight: normal;
		font-style: italic;
	}
}

/***************************************/
/* First Sidebar - Front - Advertising */
#@{home-ad-left},
#@{home-ad-right} {
	clear: none;
	float: left;

	img {
		display: block;
	}
}

#@{home-ad-left} {
	margin: 5px 15px 0px 0px;
	padding: 0px 3px 0px 0px;
}

#@{home-ad-right} {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
}

/********************************************/
/* First Sidebar - Not Front - Lateral Menu */
.not-front #block-menu-block-6 > .content,
.not-front #block-menu-block-8 > .content,
.not-front #block-menu-block-9 > .content {
	
	background: url(../images/sidenavtop.png) no-repeat top;
	padding-top: 10px;
	width: 205px;

	.menu-block-wrapper {
		
		background: url(../images/sidenavbottom.png) no-repeat bottom;
		padding-bottom: 10px;
		
		> ul.menu {
			
			background:url(../images/sidenavbg.png) repeat-y;
			margin: 0;
			padding: 0;
			display: table;
			width: 205px;
			
			li {
				list-style: none;
				margin: 0;
				padding: 0;

				a{
					background: none repeat scroll 0 0 @dark-brown ;
					color: @tan-brown;
					float: left;
					margin-left: 2%;
					padding-left: 7%;
					text-transform: uppercase;
					width: 89%;
					border-bottom: 1px solid #4a3d37;
					padding-top: 3%;
					padding-bottom: 3%;
					font-size: 0.9em;
					text-decoration: none;

					&:hover {
						color: @orange-red;
					}
				}

				a.active {
					color: @orange-red;
				}

				ul {
					margin: 0;
					padding: 0;
				}

				ul li a {
					background-color: @light-brown;
					padding-left: 16%;
					padding-right: 2%;
					width: 78%;
					font-size: 0.8em;
				}

				ul li ul li a {
					background-color: @light-brown;
					padding-left: 26%;
					padding-right: 2%;
					width: 68%;
					font-size: 0.8em;
				}
			}

		
		}
	}
}

.not-front #block-menu-block-6 > .content .menu-block-wrapper > ul.menu li.menu-mlid-3629 ul{
	display:none;
}

/***************************************/
/* Secondary Sidebar - Not Front - Ads */
.not-front .block-ads-custom {
	position: relative;
	clear: both;
	margin: 0px;
	padding: 20px 0px 0px 0px;

	img {
		display: block;
		margin: 0px auto;
	}

	.adspace.size900x125 {
		padding: 0px 10px;
	}
}

/*****************************/
/* Secondary Sidebar - Views */
#block-views-blog-block,
#block-views-media-library-block,
#block-views-testimonial-block {
	display: block;
	float: left;
	//width: 250px;
	//margin: 30px 0px;
	width: 30%;
	margin: 30px 1% 30px 0;
	padding: 0px 2% 0px 1%;
	border-right: 1px solid @tan-brown;


	.views-row {
		height: 251px !important;
		max-height: 335px;
		margin-bottom: 30px;
		overflow: hidden;
	}

	.block-title {
		margin-bottom: 20px;
		font-size: 21px;
		font-weight: 700;
		font-family: @font-secondary;

		a {
			font-size: 21px;
			
			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				text-decoration: none;
			}
		}
	}

	.views-field-title,
	.field-name-title {

		h2 {
			margin: 0px;
		}

		a {
			font-size: 20px;
			font-weight: 600;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				text-decoration: none;
			}
		}
	}

	.views-field-created,
	.field-name-post-date {
		font-size: 14px;
		line-height: 24px;
		font-weight: normal;
		font-style: italic;		
	}

	.views-field-field-image-file,
	.field-name-field-image-file {
		margin: 0px;
		margin-bottom: 5px;

		img {
			border: 1px solid @tan-brown;
			display: block;
			max-width: 99%;
		}
	}

	.view-footer {
		text-align: right;

		a {
			.button-mixin();
		}
	}

	.views-field-body,
	.field-name-body {

		> .field-content > div, 
		p {
			display: inline;
			margin: 0px;
			line-height: 22px;
			font-weight: 600;
		}
	}

	.views-more-link,
	.field-name-node-link {
		text-align: right;
	}
}

#block-views-blog-block {
	padding-left: 0px;
}



#block-views-testimonial-block {
	padding-right: 0px;
	margin-right: 0;
	border-right: none;
}

/***********************************/
/* Secondary Sidebar - Footer Menu */
#block-menu-block-3 {
	clear: both;
	margin: 30px 0px 30px 0px;
	padding: 15px;// 0px 0px 0px;
	border-top: 4px solid @orange-red;
	background: wheat;

	&:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	ul.menu,
	ul.menu li {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	.menu-block-wrapper > ul.menu {
		width: 100%;
	}

	.menu-block-wrapper > ul.menu > li {
		display: block;
		float: left;
		padding: 0px 25px 0px 0px;

		&.first {
			width: 160px;
		}

		&.menu-mlid-505 {
			width: 235px;
		}

		&.menu-mlid-553 {
			width: 90px;
		}

		&.menu-mlid-507 {
			width: 200px;
		}

		&.last {
			width: 85px;
			padding: 0px;
		}
	}

	.menu-block-wrapper > ul.menu > li > a {
		display: block;
		margin-bottom: 5px;
		font-size: 21px;
		font-weight: 700;
		font-family: @font-secondary;
		color: @medium-brown;

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			text-decoration: none;
		}
	}

	ul.menu > li > ul.menu > li > a {
		line-height: 22px;
	}
}

/**********/
/* Footer */
#footer-wrapper p {
	font-size: 14px;
	color: @tan-brown;
	margin: 5px 0px;
}

#block-block-2,
#block-block-3 {
	float: left;
	width: 450px;
}

#block-block-4,
#block-block-5 {
	float: right;
	width: 450px;
	text-align: right;		
}

/*************************/
/* Footer - Social Icons */
#block-block-2 {
	height: 50px;

	.content ul,
	.content li {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	.content li a {
		float: left;
		display: block;
		width: 50px;
		height: 50px;
		margin: 0px 15px 0px 0px;
		font-size: 1px;
		text-indent: -99999px;
		overflow: hidden;

		&.facebook {
			background: transparent url('../images/facebook.jpg') left top no-repeat;
		}

		&.twitter {
			background: transparent url('../images/twitter.png') left top no-repeat;
		}

		&.youtube {
			background: transparent url('../images/youtube.png') left top no-repeat;
		}

                &.rvillage {
			background: transparent url('../images/rvillage.jpg') left top no-repeat;
		}

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			opacity: 0.9;
		}

		&:hover, 
		&:active {
			opacity: 1;
		}		
	}
}

/********************/
/* Footer - Address */
#block-block-3 {
	clear: left;
	margin-top: 20px;
}

/*************************************/
/* Footer - Copyright and Trademarks */
#block-block-4 {
	min-height: 100px;

	p:first-child {
		margin-top: 0px;
	}
}

/************************/
/* Footer - Designed by */
#block-block-5 {
	clear: right;
	position: relative;
	margin-top: 20px;
	z-index: 10;

	p {
		margin: 0px;
	}

	.content p a {
		display: inline-block;
		width: 88px;
		height: 10px;
		font-size: 14px;
		text-indent: 99999px;
		overflow: hidden;
		background: transparent url('../images/pleth.png') left top no-repeat;
	}
}

/******************/
/* Footer - Image */
#block-block-6 {
	position: static;

	.content p {
		position: absolute;
		display: block;
		top: auto;
		bottom: 0px;
		margin: 0px;
		padding: 0px;
		font-size: 1px;
		text-indent: -99999px;
		overflow: hidden;
	}

	p.footer-mountains {
		left: 0px;
		width: 100%;
		height: 160px;
		background: transparent url('../images/footermountains.png') left bottom repeat-x;
	}

	p.footer-rv {
		bottom: 5px;
		width: 313px;
		height: 139px;
		background: transparent url('../images/footerrv.png') left bottom no-repeat;		
	}
}

/************************/
/* Admin Menu - General */
/* Header Menu */
.logged-in #block-menu-block-1 {

	ul.menu li.menu-mlid-501 {
		display: none;
	}
}

/* Footer Image */
.logged-in #block-block-6 {
	position: static;

	.contextual-links-wrapper {
		top: auto;
		bottom: 150px;
	}
}

/**************************************************/
/* Page User - Login - Register - Forgot Password */
.page-user {

	#page-content {
		float: none;
		width: auto;
		margin: 40px 0px 90px 0px;
	}

	.breadcrumb,
	#page-title {
		display: none;
	}
	
	div.tabs {
		margin: 0px;

		ul.primary {
			padding: 0px;
			background: transparent;
		}

		ul.primary li a .tab {
			font-size: 14px;
		}
	}
}

#user-login,
#user-register-form,
#user-pass,
#user-login-form {
	width: auto;
	max-width: 395px;
	height: auto;
	padding: 20px;
	background-color: @orange-red; 

	.form-item {
		margin: 0px 0px 20px 0px;
		font-size: 17px;

		.form-text {
			width: 100%;
			max-width: 383px; 
			padding: 5px;
			padding-top: 7px;
			border: 1px solid @tan-brown;
			font-family: @font-secondary;
			font-weight: 700;
		}

		label,
		.description {
			display: none;
		}
	}

	.item-list {
		
		ul, 
		li {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}

		li.first {
			display: none;
		}

		li.last a {
			float: right;
			display: block;
			margin: 0px;
			padding: 5px 0px;
			padding-top: 7px;
			font-weight: 600;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @white;
				text-decoration: underline;
			}

			&:hover, 
			&:active {
				color: @white;
				text-decoration: none;
			}
		}
	}

	.form-actions,
	.edit-actions {
		font-size: 16px;
		margin: 20px 0px 0px 0px;

		.form-submit{
			margin: 0px;
			padding: 5px 20px;
			padding-top: 7px;
			border: 0px;
			font-family: @font-secondary;
			font-weight: 700;
			color: @white;
			background-color: @dark-orange-red;
			cursor: pointer;

			&:hover {
				color: @orange-red;
				background-color: @white;
			}
		}
	}
}


/*User registration page - Location fields*/

body.page-user-register {
	fieldset#edit-profile-main {
		border:0;
		clear:both;
		padding:0;
		margin:0;

	}

	fieldset#edit-profile-main legend {
		display:none;
	}

	#user-register-form fieldset#edit-profile-main label {
		display:inline;
		color:white;

	}

	fieldset#edit-profile-main-field-address-und-0 {
		border:0;
		padding:0;
		margin:0;
	}

	fieldset#edit-profile-main-field-address-und-0 .addressfield-container-inline div.form-item {
		clear:both;       
	}
	fieldset#edit-profile-main-field-address-und-0 legend {
		color:white;
		display:inline;
		font-weight:bold;
	}

	fieldset#edit-profile-main-field-address-und-0 select {
		height:37px;
	}

	fieldset#edit-profile-main-field-address-und-0 select option {
		vertical-align:middle;
		height:37px;
	}

	fieldset#edit-profile-main-field-address-und-0 .fieldset-wrapper > div {
		width:50%;
		float:left;
		min-height:40px;
		margin-bottom:0;
	}

	fieldset#edit-profile-main-field-address-und-0 .fieldset-wrapper > div.form-type-select {
		min-height:76px;
	}  

	span.form-required {
		color:white;
	}

	#user-register-form fieldset#edit-profile-main-field-address-und-0 .fieldset-wrapper > div label {
		display:block;
		clear:both;
	}

	fieldset {
		border:0;
		padding: 0;
		margin:0;

		select {
			height:37px;
		}

		label {
			clear:both;
			float:left;
			margin-bottom: 4px;
			width: 100%;
		}


		.addressfield-container-inline {
			width:50%;
			float:left;
		}

		.form-item-profile-main-field-address-und-0-country {
			float:left;
			width:50%;
			margin-bottom: 0;
			height: 80px;

		}

		.street-block {
			width:50%;
			float:left;
		}
	}
}

/*User profile form*/

#user-profile-form #edit-field-start-date, #user-profile-form #edit-field-end-date {
    width: 265px;
    
    &:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
}


#user-profile-form {

	

	background-color: #e04421;
	padding:15px;

	a:link {
		color:#fff;
		font-weight: bold;
	}

	label, div.description, .password-strength-title, .password-strength-text {
		color:white;
	}
    
    

	#history .form-wrapper {
	    clear: none;
	}
	
	#edit-field-company-name,
	#edit-field-company-name--2 {
		width: 492px;
		float: left !important;
		
		.form-item {
			margin: 0px !important;
		}
	
		label {
			width: 133px;
			float: left;
		}
		
		input {
			float: left;
		    padding: 2px 4px;
		    width: 349px !important;
		    margin-top: 0 !important;
						
		}
		
		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
	
	}
	
	#edit-field-wh-state,
	#edit-field-wh-state--2 {
		float: left !important;
		margin-top: 5px;
		
		label {
			width: 50px;
			float: left;
		}
		
		select {
			float: left;
		    padding: 2px 4px;
		    width: 170px !important;
		    margin-top: 0 !important;
			margin-left : 4px;
		    height: 24px;
		    border: 1px solid #bfad9e;
						
		}
		
		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 5px;
			visibility: hidden;
		}
	}
	
	#edit-field-wh-job-title,
	#edit-field-wh-job-title--2 {
		margin-top: 5px;
		.form-item {
			margin: 0px !important;
		}
	
		label {
			width: 75px;
			float: left;
		}
		
		input {
			float: left;
		    padding: 2px 4px;
		    width: 425px !important;
		    margin-top: 0 !important;
						
		}
		
		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 0px;
			visibility: hidden;
		}
	}
	
	#edit-field-wh-co-applicant-job-title,
	#edit-field-wh-co-applicant-job-title--2 {
		margin-top: 5px;
		.form-item {
			margin: 0px !important;
		}
	
		label {
			width: 162px;
			float: left;
		}
		
		input {
			float: left;
		    padding: 2px 4px;
		    width: 328px !important;
		    margin-top: 0 !important;
						
		}
		
		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 0px;
			visibility: hidden;
		}
	}
	
	#edit-field-wh-city,
	#edit-field-wh-city--2 {
	
		margin-top: 5px;
		width: 260px !important;
		.form-item {
			margin: 0px !important;
		}
	
		label {
			width: 45px;
			float: left;
		}
		
		input {
			float: left;
		    padding: 2px 4px;
		    width: 215px !important;
		    margin-top: 0 !important;
						
		}
		
		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
	
	}
	
	#edit-field-job-duties,
	#edit-field-job-duties--2 {
		float: right;
                  /* height: 1px;*/
                margin-top:-202px;
                width: 315px !important;
    	
    	label {
			margin-top:50px;
		}
		
		textarea {
			font-family: "museo-slab",sans-serif;
		    font-size: 16px;
		    font-weight: bolder;
		    height: 111px;
		    padding: 3px;
		    resize: none;
		}
		
		.grippie {
			display: none;
		}
	}
	
	#edit-field-start-date,
	#edit-field-end-date,
	#edit-field-start-date--2,
	#edit-field-end-date--2 {
					
		.fieldset-wrapper {
			float: left;
    		margin: -5px 1px -6px 5px;
    		width: 150px;
    		
    		input {
    			font-size: 16px;
    			padding: 1px 0 1px 5px;
    		}
    		
    		font-size: 13px;
    		
		}
		
		legend {
			float: left;
		}
		
		.description {
			display: block;
			height: 0;
			visibility: hidden;
		}
	}

	fieldset {
		border:0;
		margin:0;
		padding:0;

		legend {
			display:none;
		}
	}

	.form-type-textfield {
		margin-top: 1px;
	}

	input.form-text {
		// width: 100%;
		padding: 5px;
		padding-top: 7px;
		margin-top: 5px !important;
		border: 1px solid #bfad9e;
		font-family: "museo-slab", sans-serif;
		font-weight: 700;
	}

	select {
		height:37px;
	}

	input.form-submit {
		margin: 0px;
		padding: 5px 20px;
		padding-top: 7px;
		border: 0px;
		font-family: "museo-slab", sans-serif;
		font-weight: 700;
		color: #ffffff;
		background-color: #c83615;
		cursor: pointer;
	}
}

/***************************************/
/* Page Login - Workamper and Employer */
.section-login {

	.breadcrumb,
	h1#page-title {
		display: none;
	}

	#page-content {
		float: none;
		width: auto;
		margin: 40px 0px 90px 0px;
	}

	#block-system-main .field-name-body {
		float: left;
		display: block;
		//width: 375px;
		width: 45%;
		padding-left: 2% !important;
		padding-right: 2% !important;
		height: auto;
		min-height: 236px;
		padding: 0px 30px;
		background: transparent url('../images/loginblockbg.png') center center repeat;

		h2 {
			margin: 20px 0px 30px 0px;
			text-align: right;
			float: left;
			clear: left;
			width: 50%;
			margin: 0 4% 0 0;
			line-height: 4;
			color: @orange-red;
			font-family: @font-secondary;
		}

		p {
			float: left;
			width: 42%;
			//font-size: 21px;
			//line-height: 38px;
			//color: @tan-brown;
			//margin: 35px 0px;
		}

		p a {
			//float: left;
			display: inline-block;
			padding: 10px;
			text-decoration: none;
			font-size: 18px;
			font-weight: 700;
			font-family: @font-secondary;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @white;
				background-color: @orange-red;
			}

			&:hover, 
			&:active {
				color: @white;
				background-color: @dark-orange-red;
			}
		}
	}
}

#block-user-login {
	float: left;
	margin-right: 2%;
	width: 49%;

	#user-login-form {
		max-width: 900px;
	}

	h2.block-title {
		display: block;
		width: auto;
		//max-width: 395px;
		height: auto;
		margin: 0px;
		padding: 20px 20px 0px 20px;
		font-size: 21px;
		font-family: @font-secondary;
		font-weight: 700;
		text-align: center;
		color: @white;
		background-color: @orange-red;
	}
}

/****************************************************/
/* Views General Styles - Content, Pager and Filter */
.page-views #block-system-main .view .view-content {
	
	h3 {
		font-size: 21px;
		margin: 15px 0px;
	}
}

.page-views #block-system-main .view .item-list,
.page-search #block-system-main .item-list {
	padding: 10px 0px 0px 0px;

	ul.pager {
		margin: 0px;
		padding: 0px;
	}

	.pager li {
		margin: 0px 5px;
		padding: 0px;

		&.pager-current {
			color: @dark-orange-red;
			text-decoration: underline;
		}
	}
}

.page-views #block-system-main .view .view-filters,
.page-views .block-views,
.section-media-library.page-node .block-views {
	.views-exposed-widgets {
		margin: 20px 0px 25px 0px;
	}

	.views-exposed-widget {
		> label {
			font-size: 21px;
			color: @dark-brown;
			margin-bottom: 5px;
		}
	}

	.views-exposed-form .views-exposed-widget {
		margin: 0px 8px 0px 0px;
		padding: 0px;
	}

	.views-exposed-form .form-submit {
		margin: 0px 0px 0px 0px;
		padding: 5px 10px;
		font-family: @font-secondary;
		font-size: 20px;
		font-weight: 700;
		color: @white;
		cursor: pointer;
		border: 1px solid @orange-red;
		background-color: @orange-red;
                //width: 193px;

		&:hover {
			color: @white;
			background-color: @dark-orange-red;
			border: 1px solid @dark-orange-red;
		}
	}

	#edit-field-tags-tid,
	#edit-field-media-type-value,
	#edit-field-media-tags-tid,
	#edit-field-member-tool-level-value,
	#edit-field-media-category-tid {
		margin: 2px 15px 0px 0px;
		//width: 200px; 
		padding: 5px;
		//border: 1px solid @tan-brown;
		font-family: @font-secondary;
		font-size: 16px;
	}

	.form-type-textfield .form-text {
		width: 175px;
		padding: 5px 0px;
		border: 1px solid @tan-brown;
	}
}

/*****************/
/* Slide Content */
.node-type-slideshow-slide .node-slideshow-slide {

	.field-name-field-slide-image img {
		display: block;
		margin: 0px auto;
		border: 2px solid @orange-red;
	}

	.field-type-text {
		margin: 15px 0px;
	}

	.field-type-text .field-label {
		font-size: 18px;
		font-weight: 600;
		color: @orange-red;
	}

	.field-type-text .field-items {
		font-size: 16px;
	}

}

/************************************/
/* Blog and Testimonial - View Page */
#block-system-main .view-id-testimonial,
#block-system-main .view-id-blog {

	&:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.views-row {
		height: 160px;
		clear: both;
		border-bottom: 2px solid @tan-brown;
		padding: 20px 0px;

		&.views-row-first {
			padding-top: 10px;
		}
	}

	.field-name-field-image-file img,
	.views-field-field-image-file img {
		display: block;
		float: left;
		margin-right: 15px;
		border: 1px solid @tan-brown;
	}

	.node-title,
	.views-field-title {
		//padding-top: 20px;

		a {
			font-size: 18px;
			font-weight: 600;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @orange-red;
				text-decoration: none;
			}
		}

		h2 {
			color: @orange-red;
		}
	}

	.field-name-post-date,
	.views-field-created,
	.views-field-created-1 {
		margin: 5px 0px;
		font-size: 14px;
		font-style: italic;
		font-weight: normal;
	}
}

/********************/
/* Blog - View Page */
#block-system-main .view-id-blog {
	
	.field-name-body,
	.views-field-body {
		display: inline;
		margin: 5px 0px 15px 0px;

		.field-items,
		.field-item,
		p {
			display: inline;
			margin: 0px;
		}
	}

	.field-name-node-link,
	.views-field-view-node {

		.field-items,
		.field-item,
		.field-content,
		a {
			display: inline;
		}
	}

}

body.page-blog #block-system-main form#views-exposed-form-blog-page{


	div.views-exposed-form select{
		height:31px;
		margin-top: 2px;
	}

	.views-exposed-form .views-submit-button input#edit-submit-blog {
		height:32px!important;
		text-align:center;
		padding-left: 16px;
	}
	.views-exposed-form .views-submit-button {
		margin-top:17px;
	}
}
/****************************/
/* Testimonials - View Page */
#block-system-main .view-id-testimonial {

	.views-row {
		height: auto;
		min-height: 160px;
		padding: 25px 0px 10px 0px;
	}

	.field-name-field-image-file img {
		margin-right: 0;
		margin-left: 12px;
		margin-bottom: 5px;
		float: right;
	}

	.node-title {
		padding: 8px 0px 0px 0px;
	}

	.field-name-body {
		display: block;
		margin: 0px;

		p {
			display: block;
			margin: 10px 0px;
		}
	}
}

/******************************************************/
/* Blog, Media Library and Testimonial - Content Page */
.node-type-blog-post,
.node-type-media-resource,
.node-type-testimonial {


	.field-name-field-media-resource {
		margin: 15px 0px;
	}

	.field-name-field-media-resource iframe,
	.field-name-field-media-resource img,
	.field-name-field-media-resource > .field-items > .field-item > .media-player,
	.field-name-field-media-resource > .field-items > .field-item > .minplayer-jqueryui {
		display: block;
		margin: 0px auto;
		border: 2px solid @orange-red;

		&.file-icon {
			float: left;
			height: 18px;
			width: 18px;
			margin: 0px;
			padding: 0px 5px 0px 0px;
			border: none;
		}
	}

	.field-name-field-media-resource > .field-items > .field-item > .minplayer-jqueryui { 
		border: none; 
	}

	.field-name-field-image-file img {
		display: block;
		margin: 0px auto;
		border: 2px solid @orange-red;
	}

	.field-label {
		padding-right: 5px;
		color: @orange-red;
		font-size: 16px;
	}

	.field-name-field-media-type {
		display: none;
		font-size: 16px;
		margin: 15px 0px;
	}

	.field-name-field-tags,
	.field-name-field-blog-tags,
	.field-name-field-media-tags,
	.field-name-field-testimonial-tags {
		font-size: 16px;
		margin: 15px 0px;
	}

	.field-name-field-viewable-by {
		display: none;
		margin: 15px 0px;
		font-size: 16px;

		.field-item {
			display: inline;

			&:after {
				content: ",\0020";
			}

			&:last-child:after {
				content: ".";
			}
		}
	}
}

.node-type-media-resource {
	
	.field-name-field-image-file {
		display: none;
	}

	.minplayer-jqueryui {

		.minplayer-jqueryui-big-play {
			display: none !important;
		}

		.minplayer-jqueryui-loader-wrapper {
			display: none !important;
		}

		.minplayer-jqueryui-controls {
			display: block !important;
		}
	}
}

/***********************************/
/* Share with Social Media - Block */
#block-block-14 .content {

	&:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	h3 {
		font-weight: 700;
		margin: 0px 0px 5px 0px;
	}

	ul,
	li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	li a {
		float: left;
		display: block;
		width: 20px;
		height: 20px;
		margin: 0px 10px 0px 0px;
		font-size: 1px;
		text-indent: -99999px;
		overflow: hidden;

		&.facebook {
			background: transparent url('../images/facebook.jpg') left top no-repeat;
			background-size: 20px 20px;
		}

		&.twitter {
			background: transparent url('../images/twitter.png') left top no-repeat;
			background-size: 20px 20px;
		}

		&.youtube {
			background: transparent url('../images/youtube.png') left top no-repeat;
			background-size: 20px 20px;
		}

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			opacity: 0.9;
		}

		&:hover, 
		&:active {
			opacity: 1;
		}		
	}
}

/*************/
/* Contac Us */
.node-type-webform .node-webform {

	form {
		background-color: @orange-red;
		height: auto;
		padding: 25px 15px;
		width: auto;
		max-width: 275px;
	}

	.form-item {
		margin: @basic-margin 0px;
	}

	label {
		color: @white;
		line-height: 22px;

		.form-required {
			/* color: @white;*/
			color:#ff0000;
		}
	}
	
	input, textarea {
		width: 100%;
		border: none;
	}

	textarea {
		border: none;
	}

	.grippie {
		display: none;
	}
}

.node-type-webform { 

	#webform-component-name {
		margin-top: 0;
	}

	#edit-submitted-message {
		resize: none;
	}

	#edit-actions {
		height: 35px;
		margin: 20px 0px 0px 0px;
	}

	#edit-submit, .webform-submit {
		border: 0 none;
		border-radius: 0px;
		clear: both;
		color: @white;
		cursor: pointer;
		float: right;
		font-weight: bold;
		height: 35px;
		width: 102px;
		font-family: @font-secondary;
		background-color: @dark-orange-red;

		&:hover {
			color: @orange-red;
			background-color: @white;
		}
	}
}

/************************/
/*  Contact Us  - Page  */
#webform-client-form-188 {
	float: left;
	max-width: 100%;
	width: 36%;
	padding-right: 2%;
	margin-right: 2%;
}

.page-node-188 {
	.field-name-body {
		float: right;
		width: 58%;
	}
	
}
#below_content .field-name-body {
	float: right;
	width: 100% !important;
}

.field-name-body {
	hr {
		border-color: @almost-black + 30;
		background-color: @almost-black + 30;
		display: block;
		clear: both;
	}
}


/************************/
/* Seach Results - Page */
#search-form {
	margin: 0px 0px 0px 0px;

	.form-item {
		margin: 0px;
	}

	.container-inline label {
		display: block;
	}

	.form-submit {
		margin: 5px 0px 0px 0px;
		padding: 5px 20px;
		border: 0px;
		font-family: @font-secondary;
		font-size: 16px;
		font-weight: 700;
		color: @white;
		cursor: pointer;
		border: 1px solid @orange-red;
		background-color: @orange-red;

		&:hover {
			color: @white;
			background-color: @dark-orange-red;
			border: 1px solid @dark-orange-red;
		}
	}

	.form-text {
		margin: 5px 15px 0px 0px;
		width: 200px; 
		padding: 5px;
		border: 1px solid @tan-brown;
		font-family: @font-secondary;
		font-size: 16px;
	}	
}

.page-search-node #block-system-main h2 {
	margin: 0px;
}

#block-system-main .search-results {
	margin: 0px;
	padding: 0px;

	.search-result .title {
		margin-bottom: 1px;

		a {
			font-size: 18px;
			font-weight: 600;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				text-decoration: none;
			}
		}
	}

	.search-result {
		clear: both;
		padding: 20px 0px;
		margin: 0px;
		border-bottom: 2px solid @tan-brown;

		.search-snippet-info {
			padding-left: 0px;
		}

		.search-snippet,
		.search-info {
			display: inline;
		}

		.search-info {
			color: @orange-red; 
		}
	}
}

/*******************************/
/* Tags - Taxonomy Term - Page */
.page-taxonomy-term #block-block-14 {
	display: none;
}

.page-taxonomy-term #block-system-main {

	.node {
		clear: both;
		margin: 0;
		padding: 20px 0;
		border-bottom: 2px solid #BFAD9E;
	}

	.node-title a {
		font-size: 18px;
		font-weight: 600;

		&:link, 
		&:visited, 
		&:hover, 
		&:active {
			color: @orange-red;
			text-decoration: none;
		}
	}

	.submitted {
		margin: 5px 0px;
		font-size: 14px;
		font-style: italic;
		font-weight: normal;
	}

	.node .content,
	.field-name-body,
	.field-name-body .field-items,
	.field-name-body .field-item,
	.field-name-body p {
		display: inline;
		margin: 0;
	}

	ul.links,
	ul.inline, 
	ul.links.inline,
	ul.links li,
	ul.links a {
		display: inline;
		margin: 0px;
	}

}


/***************************************/
/* FAQ Pages - Block - Views Accordion */
/*      Display questions/answers      */
#block-views-faq-questions-block  {

	.ui-accordion-content-active {
		border: 0; 
		//background-color: transparent;
		//margin-left:32px;
	}

	.ui-accordion-content,
	.ui-accordion-header {
		border: 0; 
		background-image: none;
	}



	.ui-accordion-header a{
		font-size: 16px !important; 
                padding-left: 0px;
                color: #fff;
               
	}		

	.ui-state-active,
	.ui-state-default {
		background: transparent;
	}   

	.field-content p {
		font-size: 14px;
		margin-top: 0;
	}
	
	.ui-widget {
		font: inherit !important;
	}

	.ui-state-active  .ui-icon,
	.ui-state-default .ui-icon {
		background-image: none;
	}

	.faq_number_text {
		color: @dark-brown !important;
		display: none;
		float: left;
		width: 28px;
	}


        
         .views-field-field-faq-question{
            
            text-align: left;
            background-repeat: no-repeat !important;
            background-position: 10px center !important;
            margin: 6px 0 0 0 !important;
            padding: 0px 30px !important;
            background-size: 10px !important;
            background-color: #c83615 !important;

        }
        .views-field-field-faq-question.ui-state-default{
             background-image: url('/sites/default/files/workamper_article/1689590.png') !important;
        }
        .views-field-field-faq-question.ui-state-active{
             background-image: url('/sites/default/files/workamper_article/16895.png') !important;
        }
}

/*******************************/
/*   User Search Admin Page   */
#page-content #block-system-main .view-user-search {
	table {
		th, td {
			padding: 2px;
			//max-width: 260px;
			overflow: auto;
			font-size: 15px;

			a {
				font-size: 15px;
			}
		}
	}

	.view-filters {
		.form-type-textfield {
			.form-text {
				padding: 2px;
				font-size: 12px;
			}
		}

		.form-item .description {
			display: none;
		}

		.views-exposed-widget {
			padding: 2px;
			margin-bottom: 10px;
			width: 168px;
			background: @transparent;

			> label {
				font-size: 15px;
			}
		}
                
                #edit-rid-wrapper{
                    margin-bottom: 100px;
                    
                    .form-type-bef-checkbox{
                        margin-bottom: 5px;
                    }
                }
	}
}

/**********************************************************/
/* Join Today Page - Membership features comparison table */
/*    join-today and children, common styling - Block     */
/*            Workamping and Employing Blocks             */
.region-content-full {
	padding-left: 20px;
	padding-right: 20px;
}
.footer_text {
    width: 100%;
    float: left;
	padding: 20px 0;

	i {
		width: 100%;
		float: left;
	}
}

.page-upgrade-renew{
	#page-content{
		#wizard-form-wrapper{
			form#custom-update-renew-membership-workamper{
				.view-join-today-member-benefits{    
					/*clear: both;*/ 
				    clear: none !important;
					float: left !important;
					width: 230px;
					max-width: 230px;
					display: inline-block;
					margin: 0px 0 20px 0;
				}
				.view-join-today-member-benefits.view-display-id-block_2 {
					clear: none !important;
				}
				.view-join-today-member-benefits.view-display-id-block_3 {
					clear: none !important;
				}
				.view-join-today-member-benefits.view-display-id-block_4 {
					clear: none !important;
				}
				.view-join-today-member-benefits.view-display-id-block_5 {
					clear: none !important;
				}
			}
		}
	}
}



.field.field-name-body.field-type-text-with-summary .field-items .field-item a.emp_join_today {
    text-align: right;
    float: right;
    width: 100%;
}
.view.view-join-today-member-benefits.view-id-join_today_member_benefits.view-display-id-block .view-header {
    display: none;
}
.view.view-join-today-member-benefits.view-id-join_today_member_benefits.view-display-id-block_1 {
     width: 100% !important;
}
.view.view-join-today-member-benefits.view-id-join_today_member_benefits.view-display-id-block_1.view-dom-id- {
    width: 100% !important;
}
.view.view-join-today-member-benefits.view-id-join_today_member_benefits.view-display-id-block_1{
	table {
		tbody{
			tr{ 
				td {
					text-align: center !important;
				}
			}
		}
		tr{
			th.views-field {
				font-size: 16px !important;
				text-align: center !important;
				padding: 4px !important;

			}
			th.views-field.views-field-title{
				text-align: left !important;
				    padding: 0 0 0 20px !important;
			}
		}
		
	}
}
#page-content .view-id-join_today_member_benefits.view-display-id-block_1 {
	table {
		tbody{
			tr{ 
				td {
					text-align: center !important;
				}
			}
		}
		tr{
			th.views-field {
				font-size: 16px !important;
				text-align: center !important;
				padding: 4px !important;

			}
			th.views-field.views-field-title{
				text-align: left !important;
				    padding: 0 0 0 20px !important;
			}
		}
		
	}
}
.view-join-today-member-benefits.view-display-id-block_2 {
     margin: 0px !important;
    float: right !important;
	clear: none !important;
	
		.view-header {
		p {
			display: none;
		}
	}
}

#page-content .view-join-today-member-benefits-gold {
    clear: none !important;
    float: right !important;
    margin: 0px !important;
}
.infobox-membership{  
	display: block;
    clear: both;	
}
.view-join-today-member-benefits, 
#page-content .view-join-today-member-benefits{
    width: 100% !important;
	clear:both !important; 
	float:none !important;
	max-width: none !important;
}
.view-join-today-member-benefits, 
.view-join-today-member-benefits-gold,
#page-content .view-join-today-member-benefits, 
#page-content .view-join-today-member-benefits-gold {
	/*clear: both;*/
	width: 49%;
    float: left;
	margin: 0 18px 0 0;
	clear: both;

	.view-header {
		text-align: right;
	}

	table {
		border-collapse:collapse;
		font-size: 16px;
		width: 100%;

		th {
			border: @dark-grey 1px solid;
			border-collapse:collapse;
			//color: @white;
			//background-image: -webkit-linear-gradient(top, @white-grey 0%, @light-grey 100%);
			//background-image: -moz-linear-gradient(top, @white-grey 0%, @light-grey 100%);
			//background: white;
			padding: 15px 1px 15px 1px;
			text-align: center;

			&.views-field {
				padding: 14px 1px 14px 10px;
				background: white;
				color: @orange-red;
				   /* font-size: 30px;*/
				   font-size: 22px;

				&.views-field-field-bronze,
				&.views-field-field-silver,
				&.views-field-field-gold {
					min-width: 100px;
				}

				&.views-field-field-dreamer,
				&.views-field-field-dreamer a,
				&.views-field-field-intro,
				&.views-field-field-intro a {	
					background-color: @blue;
					border-color: @blue - 50;
					color: white; 
				}

				&.views-field-field-bronze,
				&.views-field-field-bronze a {	
					background-color: @bronze; 
					border-color: @bronze - 50;
					color: white; 
				}

				&.views-field-field-silver,
				&.views-field-field-silver a {	
					background-color: @silver; 
					border-color: @silver - 50;
					color: white; 
				}

				&.views-field-field-gold,
				&.views-field-field-gold a {	
					background-color: @gold; 
					border-color: @gold - 50; 
					color: white;
				}

				a {
					color: white;
					transition: all ease-in 0.25s;
					position: relative;
					display: block;
					z-index: 99;
					border-radius: 4px;
					padding: 4px;
				}

				&:hover a {
					-webkit-transform: scale(1.1);
					-moz-transform: scale(1.1);
					transform: scale(1.1);
					z-index: 999;
					    text-decoration: none; 

				}
			}
		}
	}

	th, td {
		text-align: left;

		&.views-field-title {
			text-align: left;
		}
	}
	
	tr { text-align: center;
		td {
			padding-left: 0;
			border: @dark-grey 1px solid;
			background-color: @white-grey;
			padding: 5px 1px 5px 10px;

		
		}

		&:nth-child(even) {
			td {
				background-color: @grey;

				
			}
		}
	}

	tr {text-align: center;
		.benefit-container {
			position: relative;
			margin: 0 10px;

			span.tooltip {
				display: block;
				position: absolute;
				z-index: 999;
				float: left;
				zoom: 1;
				width: 16px;
				height: 16px;
				left:6px;
				top: -16px;
				background: url(../images/bg-tooltip.png) 0px 0px no-repeat @dark-blue;
				color: white;
				font-size: 16px;
				font-weight: bold;
				text-decoration: none;
				overflow: hidden;
				text-indent: 100%;
				border-radius: 3px;
				
				&:hover {
					display: block;
					padding: 20px;
					width: 100%;
					height: auto;
					z-index: 1000;
					text-indent: 0;
				}
			}

			span.tooltip {
				top: 0;
			}

			span.benefit {
			    margin-left: 0;
				color: #332823;
				font-size: 16px;
				padding: 0 0 0 33px;
				/*width: 100%;*/
				float: left;
				text-align: left;
			}
		}
	}

	tr.choose-plan {
		td {
			padding-top: 8px;
			padding-bottom: 8px;
		}

		strong {
			font-size: 18px;
		}
	}

	//three columns for check/x marks
	td.views-field {
		/*width: 12%;*/

		&.views-field-title {
			width: 52%;
		}
	}
	
	span.mark_yes,
	span.mark_no {
		display: block;
		text-indent: 100%;
		width: 30px;
		margin: 0 auto;
		overflow: hidden;
		white-space: nowrap;
		background-repeat: no-repeat;
		background-position: center;
	}

	span.mark_yes {
		background-image: url('../../../files/content/green-check.png');
	}

	span.mark_no {
		background-image: url('../../../files/content/red-x.png');
	}	

	// Overrides for the employer view
	/* &.view-display-id-block_1 {
		//four columns for check/x marks
		td.views-field {
			width: 12%;

			&.views-field-title {
				width: 52%;
			}
		}
	} */
}

#block-views-69746f8f65cc848b6610a4214a9470d7,
#block-views-3cb6a2ca5f20fd6778ba91962c782a20 {
	clear: both;
}

/* Bronze Employer, Bronze Workamper and Join Today - Column 1 Styled */

.@{bronze-workamper} #block-block-10 {
	tr {
		td.col1 {
			color: white;
			border-color: @bronze - 50;

			&:nth-child(even) {
				background-color: @bronze;
			}
		}
		&:nth-child(even) {
			td.col1 {
				border-color: @bronze - 50;

				&:nth-child(even) {
					background-color: @bronze - 20;
				}
			}
		}
	}
}


/* Gold Workamper, Gold Employer, Workamping Join Today - Column 1 Styled */

.@{gold-workamper} #block-block-10 {
	tr {
		td.col3 {
			color: white;
			border-color: @gold - 50;

			&:nth-child(even) {
				background-color: @gold;
			}
		}
		&:nth-child(even) {
			td.col3 {
				border-color: @gold - 50;

				&:nth-child(even) {
					background-color: @gold - 20;
				}
			}
		}
	}
}

/* Silver Workamper, Silver Employer - Column 1 Styled */

.@{silver-workamper} #block-block-10 {
	tr {
		td.col2 {
			color: white;
			border-color: @silver - 50;
			background: @silver;

			&:nth-child(even) {
				background: @silver;
			}
		}
		&:nth-child(even) {
			td.col2 {
				border-color: @silver - 50;
				background: @silver - 20;

				&:nth-child(even) {
					background: @silver - 20;
				}
			}
		}
		
	td.col2.mark_yes {
		background-image: url('../../../files/content/green-check.png');
		background-repeat:no-repeat;
		background-position:center;
	}

	td.col2.mark_no {
		background-image: url('../../../files/content/red-x.png');
		background-repeat:no-repeat;
		background-position:center;
	}
	}
}

.page-node-39 #page-content {
	
	#block-system-main {
		width: 90%;
	}
}
/* Content Workamper Join Today, Employing Join Today  */
.page-node-82 #page-content,
.page-node-39 #page-content {
    
	#block-block-11,
	#block-block-12,
	#block-block-37,
	#block-block-54 {
		float: right;
		clear: right;
	}

	#block-block-42,
	#block-block-54 {
		.transparenttan();
		width: 36%;
		padding: 2%;
		border-radius: 10px;
		color: black;

		h2 {
			color: @dark-green;
			font-size: 54px;
			margin: 0;
		}
	}
}


/*******************************/
/* Join Today Bbuttons - Block */
a.jt-button {
	display: block;
	height: 21px;
	margin: 5px;
	padding: 12px;
	line-height: 21px;
	text-align: center;
	width: 182px;
	font-family: @font-secondary;
	color: @white;
	font-weight: bold;
	background-color: gray;
	
	&:link, 
	&:visited, 
	&:hover, 
	&:active {
		text-decoration: none;
	}
	
	&.jt-gold {
		background-color: @gold;
	}

	&.jt-bronze {
		background-color: @bronze;
	}

	&.jt-Silver {
		background-color: @silver;
	}

	&.jt-dreamers {
		background-color: @blue;
	}

	&.jt-green {
		background-color: @green;
	}

	&.jt-plus {
		background-color: @plus;
	}

	&.jt-basic {
		background-color: @basic;
	}

	&.jt-orangered {
		margin: 0px auto;
		background-color: @orange-red;
	}
}

/*Commerce Controls*/
.commerce-add-to-cart input.form-submit {
	color: #FFFFFF;
	display: block;
	font-family: "museo-slab",sans-serif;
	font-weight: bold;
	line-height: 21px;
	padding: 12px;
	text-align: center;
	background-color: #E04421;
	margin: 0 auto;
	height: 49px;
	width: 202px;
	font-size: 18px;
	border:0;
	cursor: pointer;
}

/*Commerce Hidden Descriptions*/
#node-38121,
#node-38149,
#node-38148,
#node-38147,
#node-22188,
#node-38119,
#node-22187 .content {

	.field-name-commerce-license-type,
	.field-name-commerce-license-duration,
	.field-name-commerce-license-role {
		display: none;
	}

}

/* glossary */
.view-glossary {
	
	.views-table {
		width:660px;
	}
	
	.field-content p {
		font-size: 14px;
	}
	
	.views-table tbody {
		border-top:none !important;
	}
	
	.views-table tbody tr td {
		background-color: transparent !important;
	}
}

/* RESUME BUILDER */
#resume-node-form,.page-user-edit-resume {
	
	.clear { 
		clear:both;
	}


	#resumebuilder-tabrow {
		
		a.tab {
			display:block; 
			float:left; 
			height:30px; 
			background-color: @orange-red;
			color: @white;
			font-family: @font-secondary;
			font-weight: bold;
			line-height: 1;
			padding: 8px 10px 12px;
			text-align: center;
			width: 128px;
		}

		a.activeTab {
			background-color: @dark-orange-red; 
		}
	}

	#resumebuilder-tabcontainer {
		background: url("../images/loginblockbg.png") repeat scroll center center rgba(0, 0, 0, 0);
		padding: 1% 2% 2%;
		width: 96%;

		.form-checkboxes .form-type-checkbox {
			float: left;
			width: 33%;
		}
                
                
                
                

		.form-type-checkboxes {
			clear: both;
			display: block;
		}
                
                //.form-checkboxes .form-type-checkbox:first-child { display: none; }
	}
	
	#page-content {
	  margin-top: 0;
	}
}

.page-user-edit-resume .form-item-profile-resume-field-stateus-und #edit-profile-resume-field-stateus-und .form-item-profile-resume-field-stateus-und:first-child { display: none; }

.hide {
	display: none;
}



/* Staff - Content Type */
.node-type-staff #block-system-main {

	.content {
		padding: 10px 0px 0px 0px;

		.staff-back-button {
			clear: both;
			text-align: right;
			margin-bottom: 15px;
		}
	}

	.field {
		display: block;
	}

	.field-name-field-image img {
		display: block;
		float: left;
		margin: 0px 15px 15px 0px;
	}

	.field-name-field-job-title {
		font-style: italic;
		font-weight: bold;
		padding: 10px 0px 0px 0px;
	}

	.field-name-field-email {
		display: block;
	}

	.field-name-body {
		display: block;
	}
}

/* Staff - View Block */
#block-views-staff-block .content {
	margin-top: 15px;

	&:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.view-content {
		padding: 0px 0px 0px 40px;

		.views-row {
			float: left;
			width: 160px;
			padding: 5px;
			min-height: 252px;
			max-height: 252px;
			margin: 0px 40px 30px 0px;
			background: @white;
			border: solid 2px @tan-brown;
			overflow: hidden;
		}

		.field {
			display: block;
			text-align: center;
		}

		.field-name-field-image img {
			display: block;
			margin: 10px auto;
			border-bottom: 2px solid @tan-brown;
		}

		.field-name-title h2 {
			padding: 4px;
			margin: 0px;
			line-height: 18px;
			background: @white;
		}

		.field-name-field-job-title {
			display: block;
			padding: 0px 4px 4px 4px;
			background: @white;
		}
	}
}

/* Glossary */
.view-workamperglossary {

	.view-content {
		display: table;		
	}

	.views-row {
		display: table-row;
	}

	.views-field {
		display: table-cell;
	}

	.views-field-name {
		width: 100px;
	}
}


/* Register Form */
#user-register-form {
	width:96%;
	padding:2%;
	max-width: 96%; 

	.form-item-mail, .form-item-name {
		width:50%;
		float:left
	}

	.form-item-pass {
		float:left;
		width:100%;

		label {
			display:block;
			color:@white;
			float:left;
		}

		.password-parent {
			width:50%;
			float:left;
			clear:none;

			.password-strength {
				float: right;
				margin-right: 47px;
				margin-top: 21px;
				width: 50%;
				color:@white;
			}
		}

		.confirm-parent {
			width:50%;
			float:left;
			clear:none;
		}

		.password-suggestions {
			border:none;
			color: #FFFFFF;
			display: block;
			float: left;
			margin-top: 0;
		}
	}
}

/*site index*/
.view-glossary {
	
	.view-content {
		h3 {
			text-align: center;
		}
		
		.views-row .field-content a {
			color: black !important;
		}
	}
}


#block-views-memberships-blocks-block {
	clear: both;
	float: right;

	.views-row a {
		color: @white;
		padding: 14px;
		width: 171px;
		font-weight: bold;
		font-family: @font-secondary;
		float: left;
		text-align: center;
	}
}

/*New view hotline jobs*/

.page-workamping-dashboard-hotline-jobs {

	.view-hotline-ads {

		.view-filters {
			background: @orange-red !important;
		    padding: 1px 10px 2px;

		    .views-exposed-widgets label,
		    .views-exposed-widgets .description {
		    	color: @white !important;
		    	
		    }

		    .views-exposed-widgets label {
		    	font-size: 20px !important;
		    }

		    .views-exposed-widgets select {
                        //for safari browser
                        -webkit-appearance: menulist-button !important;
                        line-height:25px !important;
                        //other
		    	height: 31px !important;
    			margin: 0px !important;
    			border: 1px solid @tan-brown !important;

		    }

		    .views-exposed-widget .form-submit {
		    	margin: 30px 0px 0px 0px !important;
				background-color:@dark-orange-red !important;
				border: 1px solid @dark-orange-red !important;
				
				&:hover, 
				&:active {
					background-color: @darker-orange-red !important;
				}
		    }


		}

		.view-content {

			.views-row {
				background: @white;
				padding-bottom: 10px;
                                margin-top: 14px;
			}
			
			.views-row div .field .field-items {
				font-size: 16px;
				font-weight: normal;
				margin-right: 10px;
			}

		}


			.field-name-field-state-job {
				background-color: @orange-red;
			    color: @white;
			    font-family: @font-secondary;			    
			    font-weight: bold;
			    padding: 10px 15px;
			    margin-top: 15px;

			    .field-item {
			    	font-size: 20px !important;
			    	font-weight: bolder;
			    }
			}
                        
                        .field-name-field-state-job-ads {
                            
                            margin-left: 14px;
                            margin-top: 10px;
                            
                            
                            .field-item {
                                font-size: 23px;
                                font-weight: bolder !important;
                                font-family: @font-secondary;	
                                color: @orange-red;
                            }
                            
                        }

			.field-name-body {
				padding: 2px 13px 5px 13px;
				font-weight: normal;
			}

			/*.views-row div .field .field-label {
				width: 125px;
				font-size: 16px;
			}*/



			.field-name-field-phone,
            .field-name-field-fax
                        {
				float: right;
				width: 40%;

				.field-label {
					width: 70px;
					font-size: 16px;
				}
			}

			.field-name-field-published-date,
                        .field-name-field-email {
				margin-left: 13px;
				width: 400px;

				.field-label {
					width: 180px;
					font-size: 16px;
				}
			}
                        
                       .field-name-field-web-site,
                       .field-name-field-web-site2,
                       .field-name-ads-audio,
                        .field-name-field-url-audio,
                        .field-name-emp-tour-fi,
                        .field-name-emp-stars,
                        .field-name-workamper-experiences-postings{
				margin-left: 13px;
				width: auto;

				.field-label {
					width: 180px;
					font-size: 16px;
				}
			}
                        .field-name-emp-tour-fi a, .field-name-workamper-experiences-postings a{font-weight:bold;font-size: 16px;}
                        .field-name-emp-tour-fi a:hover, .field-name-workamper-experiences-postings a:hover{text-decoration:none;}
                        .star{    
                                width: 16px;
                                height: 16px;
                                background: url(/sites/default/themes/workamper/images/star.gif);
                                display: inline-block;
                                margin-right: 3px;
                                margin-top:2px;
                                margin-left: 0px;
                                position: relative;
                                top: 2px;
                        }
                        
                        
                       
                        .field-name-emp-tour-fi, .field-name-workamper-experiences-postings{margin-top: 5px;}
                        
		
	}
}

/***********************/
/* View hot line jobs */
.page-views #block-system-main .view.view-hotline-jobs .view-filters {
	position:relative;
	padding: 15px;
	margin: 0px 0px 25px 0px;
	background-color: @orange-red;
	
	
	.views-exposed-widgets {
		margin: 0px;
	}
	
	label {
		color:@white;
	}
	
	.form-submit {
		margin: 28px 0px 0px 0px;
		background-color:@dark-orange-red;
		border: 1px solid @dark-orange-red;
		
		&:hover, 
		&:active {
			background-color: @darker-orange-red;
		}
	}
}

.page-views #block-system-main .view-hotline-jobs .view-content {
	
	.views-row {
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 10px 0px;
		background: @white;
	}

	.field {
		font-size: 16px;
	}

	.field-name-field-state {
		padding: 10px 15px;
		font-family: @font-secondary;
		font-size:18px;
		font-weight:bold;
		color: @white;
		background-color: @orange-red;
	}
	
	.field-name-body {
		padding: 10px 15px;
		
		p {
			margin: 0px;
		}
	}

	.field-name-field-published-date .field-label,
	.field-name-field-web-site .field-label,
	.field-name-title .field-label,
        .field-name-field-url-audio .field-label,
	.field-name-field-word-count .field-label {
		width: 130px;
		padding: 0px 0px 0px 15px;
	}

	.field-name-field-email .field-label,
	.field-name-field-telephone .field-label {
		width: 60px;
	}
	
	.field-name-field-published-date,
	.field-name-field-web-site,
	.field-name-title,
        .field-name-field-url-audio,
	.field-name-field-word-count {
		float: left;
		width: 480px;
	}

	.field-name-field-email,
	.field-name-field-telephone,
	.field-name-active-node,
	.field-name-field-run-ad-by   {
		float: right;
		width: 440px;
	}

	.field-name-title h2 {
		margin: 0px;
		font-size: 16px;
		color: @black;	
	}

	.field-name-title,
	.field-name-active-node {
		padding-top: 10px;
	}
}

.page-views.page-admins-dashboard-hotline-jobs-list #block-system-main .view-hotline-jobs {
	
	.view-filters {
		margin: 20px 0px 0px 0px;
	}

	.view-content {

		.views-row {
			margin: 0px;
		}
		
		h3 {
			position: relative;
			top: 37px;
			margin: 0px;
			padding: 5px 15px;
			font-family: @font-secondary;
			font-size: 18px;
			font-weight: bold;
			text-align: right;
			color: @white;
			z-index: 20;
			
			a {
				font-size:18px;
				font-weight:bolder;

				&:link,
				&:visited,
				&:hover, 
				&:active {
					color: @white;
				}
			}
		}
	}
}


/*Courses*/
/*----Lesson Resources view------*/
.field-name-field-lesson-resource .ds-2col-stacked-fluid {
	> .group-left {
		width: 20%;
	}
	> .group-right {
		width:80%;
	}
}

/************************************************/
/* View Feature and Volunteer  - General Styles */
.view-volunteer, 
.view-volunteer-opportunities {

	.views-row {
		position: relative;
		border-bottom: 2px solid @tan-brown;
		padding: 28px 0px;

		&:first-child {
			padding: 5px 0px 28px 0px;
		}

		&:last-child {
			border-bottom: none;
		}
	}

	.group-header {			
		h2 {
			margin: 0;
			font-weight:bolder;
			font-size:18px;
			font-family: @font-primary;
			color: @orange-red;
			text-transform: uppercase;
		}
	}
	
	.group-left {
		float: left;
		width: auto;
		margin: 20px 0px 10px 0px;
		padding: 0px;
	}

	.field-name-field-image-file img {
		display: block;
		margin-right: 15px;
		background-color: @white;
		border: 1px solid @tan-brown;
	}

	.group-right {
		float: none;
		margin-top: 0px;
		width: auto;
	}

	.group-footer .field-name-field-url a {
		display: block;
		width: 227px;
		padding: 4px 0px 5px 0px;
		border: solid 0px;
		font-size:16px;
		text-align: center;
		
		&:link,
		&:visited,
		&:hover, 
		&:active {
			background: @orange-red;
			color: @white;
		}
		
		&:hover, 
		&:active {
			background: @dark-orange-red;
			color: @white;
			text-decoration:none;
		}
	}
}

//View Featured Employer 

.view-feature {
	.views-field-field-image-file{
		float:left;
	}
	.views-field-body{
		margin-left:240px;
		min-height:175px;
	}
	.views-field-nothing{
		float:left;
	}
	.views-field-nothing{
		position:absolute;
		top:215px;
	}
	.views-row {
		position: relative;
		border-bottom: 2px solid @tan-brown;
		padding: 28px 0px;

		&:first-child {
			padding: 5px 0px 28px 0px;
		}

		&:last-child {
			border-bottom: none;
		}
	}
	.group-header {
		/*float: right;
		width: 65%;*/
		margin: 0;
		
		h2 {
			margin: 0;
			font-weight:bolder;
			font-size:18px;
			font-family: @font-primary;
			color: @orange-red;
			text-transform: uppercase;
		}
	}
	.group-left {
		/*float: left;
		width: auto;*/
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	.field-name-field-image-file img {
		display: block;
		margin-right: 15px;
		background-color: @white;
		border: 1px solid @tan-brown;
	}
	.group-right {
		/*float: right;
		width: 65%;*/
		margin-top: 0px;
	}
	.group-footer .field-name-field-url a {
		display: block;
		width: 222px;
		padding: 4px 0px 5px 0px;
		border: solid 0px;
		font-size:16px;
		text-align: center;
		&:link,
		&:visited,
		&:hover, 
		&:active {
			background: @orange-red;
			color: @white;
		}
		&:hover, 
		&:active {
			background: @dark-orange-red;
			color: @white;
			text-decoration:none;
		}
	}
}

/* View Feature and Volunteer Opportunities */
.view-id-feature,
.view-volunteer-opportunities {
	
	.group-footer {
		clear: both;

		.field-name-field-url {
			float: left;
		}

		.field-name-field-email {
			float: right;
			padding: 4px 0px 5px 0px;
		}
	}	
}

/*******************/
/* View Volunteer  */
.page-views #block-system-main .view-volunteer.view-display-id-attachment_1 {
	padding: 0px;
	background: none;
	color: @black;

	p {
		color: @black;		
	}

	.views-row {
		width: auto;
		padding: 0px;
	}

	.node-title {
		display: none;
	}
}

.view-volunteer .attachment-before {
	margin-bottom: 15px;

	ul {
		list-style: none;
		padding: 0px;

		li {
			list-style: none;
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}

		li a {
			display: block;
			width: 250px;
			border: solid 0px;
			padding: 4px 0px 5px 0px;
			font-size: 16px;
			text-align: center;
			
			&:link,
			&:visited,
			&:hover, 
			&:active {
				background: @orange-red;
				color: @white;
			}
			
			&:hover, 
			&:active {
				background: @dark-orange-red;
				color: @white;
				text-decoration:none;
			}
		}
	}
}
#views-exposed-form-volunteer-opportunities-page #edit-keys-wrapper{ padding:2px 0;}
/********************/
/* About Workamping */
.page-node-85 #block-system-main .field-name-body > .field-items > .field-item > div {
	margin: 17px 0px 14px 0px;

	> h3 {
		margin: 0px 0px 10px 0px;
	}

	> p {
		margin: 0px;
	}

	> p > a {
		border: solid 0px;
		padding: 5px 20px 4px 20px;
		font-size:16px;
		
		&:link,
		&:visited,
		&:hover, 
		&:active {
			background: @orange-red;
			color: @white;
		}
		
		&:hover, 
		&:active {
			background: @dark-orange-red;
			color: @white;
			text-decoration:none;
		}
	}
}

/***********************/
/* Government Listings */
.section-recent-government-listings .region-content .block-aggregator {

	h2, .more-link {
		display: none;
	}

	b {
		font-weight: normal;
	}

	ul li{
		list-style: none;
		padding:0px 0px 10px 0px;
		margin:0px;

		a {
			font-size:18px;
			color: @orange-red;
			font-weight:bolder;
			padding:0px 0px 10px 0px;
		}
	}

}

.node-type-event .region-content  .content .group-left {
	width:75%;
}

.node-type-event .region-content  .content .group-right {
	width:25%;
}

.view-wkn-calendar-event-view a[class="views-more-link"] {
    color: white;
    font-weight: bold;
    font-style: italic;
}


/* CSS Praise your employer.*/
.view-praise-your-employer .view-content{
  table {
    width: 100%;
    padding: .5em;
  }
  div.star {
    width:16px;
    height:16px;
    background: url('../images/star_red.ico');
    display: inline-block;
    margin-right: 3px;
  }
	div.star:first-child {
		margin-left: 10px;
	}
	div.numstar{
		display: inline-block;
		width: 18px;
	}
}
.view-praise-your-employer .view-header{
	a{
		padding: 5px 20px;
		background: @dark-orange-red;;
		color: @white;
		font-weight: bold;
	}
}

/* CSS praise overlay*/
.page-node-add-employertopraisestars, .page-praise, .page-node-add-employertopraise {
	
	.street-block{
		display: none;
	}

	.form-item {
    	margin: 2px 0 10px 3px;
	}

	select {
		width: 170px;
		height: 30px;
	}

	.form-item-field-postal-address-und-0-postal-code {
		display: none;
	}

	#overlay{
		#page-wrapper, #main {
			width: 100%;
  		}
  	}
}

/*************************************************************/
/* Admin Menu - Featured Employer, Employers Tour and Volunteer Oportunities */
.page-admins-volunteer-opportunities,
.page-admins-featured-employers,
.page-admins-business-income-opportunities,
.page-admins-employer-tour {

	.breadcrumb {
		display: block;
	} 

	#page-title {
		display: table;
	}
}

.view-feature,
.view-volunteer-opportunities,
.view-business-income-opportunities,
.view-employer-tour {

	.view-header {
		padding-top: 10px;

		.add-content-button a {
			margin: 10px 0px 0px 0px;
			padding: 5px 20px;
			font-family: @font-secondary;
			font-size: 16px;
			font-weight: 700;
			color: @white;
			cursor: pointer;
			border: 1px solid @orange-red;
			background-color: @orange-red;

			&:hover {
				color: @white;
				background-color: @dark-orange-red;
				border: 1px solid @dark-orange-red;
			}
		}
	}
}


.page-views #block-system-main .view.view-employer-tour .view-filters {
	position:relative;
	padding: 15px;
	margin: 10px 0px;
	/*background-color: @orange-red;*/
	
	
	.views-exposed-widgets {
		margin: 0px;
	}
	
	label {
		color: black;
	}
	
	.form-submit {
		margin: 0px 0px 0px 0px;
		background-color:@dark-orange-red;
		border: 1px solid @dark-orange-red;
		
		&:hover, 
		&:active {
			background-color: @darker-orange-red;
		}
	}
	
	#edit-reset {
		margin: 28px 0 0;
	}	
}

.view-feature .vbo-views-form,
.view-volunteer-opportunities .vbo-views-form,
.view-business-income-opportunities .vbo-views-form,
.view-employer-tour .vbo-views-form,
.view-employer-tour {

	.views-table {
		font-size: 14px;
		width:100%;
		a {
			font-size: 14px;
		}
	}
	
	.views-field-views-bulk-operations {
		width: 4%;
	}
	
	.views-field-field-img-opportunities {
		width: 20%;
		text-align: center;
	}
	
	.views-field-title {
		width: 35%;
	}
	
	.views-field-edit-node,
	.views-field-delete-node {
		width: 15%;
		text-align: center;
	}

	.views-field-field-image-file img {
		border: 1px solid @tan-brown;
		vertical-align: middle;
	}
}

/************************/
/* Praise Your Employer */

.view-employer-tour {
	td {
		height: auto;
		padding: 4px;
	}
}

/*
FEATURED EMPLOYER STYLING
.view-employer-tour {
	.view-content {
		> .views-row {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: top;
			width: 27%;
			padding: 2%;
			margin: 0 1% 2%;
			background: white;

			.views-field-title {
				font-size: 18px;
				font-family: @font-secondary;
				font-weight: bold;
			}

			.views-field-field-image {
				float: right;
				margin: 0 0 5px 5px;
				display: none;
			}

			.views-field-field-category {
				margin-top: 20px;
			}

			.views-label {
				font-weight: bold;
			}
		}
	}
}
*/

.node-type-employer-tour #page-title {
	&:before {
		content: 'Employer Tour | ';				
	}
}

#block-block-62 .content {
        
    a {
        padding: 4px 10px;
        text-decoration: none;
        font-size: 17px;
        font-weight: 700;
        font-family: @font-secondary;

        &:link, 
        &:visited, 
        &:hover, 
        &:active {
                color: @white;
                background-color: @orange-red;
        }

        &:hover, 
        &:active {
                color: @white;
                background-color: @dark-orange-red;
        }
    }
}

.node-employer-tour {
	.field-name-field-image, .field-name-field-image-gallery {
		padding: 10px;
		margin-right: 20px;
		background: white;
	}

	

	.field-name-field-image {
		float: left;
	}

	.field-name-field-image-gallery {
		float: left;
		clear: left;
		width: 205px;

		.field-item {
			float: left;
			margin-bottom: 5px;
			max-width: 100px;

			&.even {
				clear: left;
				margin-right: 5px;
			}
		}
	}

	.field-name-field-city {
		font-size: 18px;
		font-family: @font-secondary;
		font-weight: bold;
	}

	.field-name-field-facillity-name {
		color: #e04421;
		font-family: @font-secondary;
		font-size: 21px;
    	font-weight: bold;
    	margin: 0px 0px 11px 0px;
	}

	.field-name-body {
		float: right;
    	width: 675px;
	}
	
	.field-name-fieldstate {
		font-size: 16px;
		font-weight: bold;
	}

	.field-name-field-category {
		margin-top: 20px;
	}

	.field-name-field-notes-comments {
		border-top: 5px solid @tan-brown;
		padding-top: 10px;
		overflow: hidden;
		float: right;
		width: 675px;
	}
}


/************************/
/* Praise Your Employer */

.page-views #block-system-main .view.view-praise-your-employer
.views-exposed-form {
	/*background:@orange-red;*/
	padding:15px 0px;
	margin:0px 0px 5px 0px;
	
	div {
		margin:0px;
	}
	
	label {
		/*color:@white;*/
		color:@black;
	}
	
	.form-submit {
		margin: 30px 0px 0px 0px;
		background-color:@dark-orange-red;
		border: 1px solid @dark-orange-red;
		
		&:hover, 
		&:active {
			background-color: @darker-orange-red;
		}
	}
}
/*Style Blocks in Dashboard*/

#block-block-30,
#block-block-31,
#block-block-32,
#block-block-36,
#block-block-55,
#block-block-61 {
  background: rgba(232,223,208,.7);
  margin: 10px 0 0 0;
  padding: 10px;
  width: 185px;
  h2{
    font-size: 21px;
    font-family: @font-secondary;
    font-weight: 700; 
  }
  .content a{
    color: black;
    font-weight: bold;
  }
  
}

#block-block-31:first-child {
	margin: 0px;
}

#block-block-36{
  margin-top: 0;
  width: 96%;
}
#block-block-32{
  width: 97%;
  margin: 10px 0px -13px 0px;
}
#block-block-33{
  #main{
    padding: 0;
  }
  h2,h3{
    display: inline-block;
    padding-bottom: 0;
  }
  h2{
    color: @medium-brown;
    font-family: @font-secondary;
    font-size: 20px;
    margin-left: 20px;
  }
  h3{
    float: right;
    margin-right: 20px;
    font-weight: bold;
  }
}
#block-block-53 {
  background: rgba(232,223,208,.7) url('../images/up_account.png') no-repeat 92%;
  padding: 15px 0 44px 28px;
  margin-bottom: 20px;
  .buttom, .info {
    display: inline-block;
  }
  .buttom {
    padding: 20px 40px;
    background-color: @bronze;
  }
  .info {
    margin-left: 30px;
    a {
      color: @orange-red;
      font-weight: normal;
    }
  }
}
#block-block-58 {
  background: rgba(232,223,208,.7);
  padding: 15px 0 44px 28px;
  margin-bottom: 20px;
}
#block-views-expiration-role-block {
	height: 0;
    margin: -17px 0 10px 30px;
    padding: 3px 0 0;

    .views-label-expiry-timestamp {
    	font-weight: normal;
    	
    }

    .views-label-expiry-timestamp,
    .field-content {
    	font-family: @font-secondary;
    	font-size: 17px;
    }

    .field-content {
    	font-weight: bolder;
    }


}

#block-block-34 {
  margin-top: 10px;
  #block-search-form {
    position: relative;
    bottom: 0;
    right: 0;
    .form-text {
      padding: 5px;
      width: 140px;
    }
    .form-actions {
      display: inline;
    }
  }
}

#block-block-36 {
  background: rgba(232,223,208,.7) url('../images/up_account.png') no-repeat 92%;
  padding: 15px 0 44px 28px;
  margin-bottom: 20px;
  .buttom, .info {
    display: inline-block;
  }
  .buttom {
    padding: 20px 40px;
    background-color: @bronze;
  }
  .info {
    margin-left: 30px;
    a {
      color: @orange-red;
      font-weight: normal;
    }
  }
}


/* Block User Settings, notifications*/
.page-user-edit .form-user-settings,
.page-user-edit .form-user-notifications {
  background: @transparent;
  padding: 15px 30px;
  h2{
    color: @orange-red;
    font-family: @font-secondary;
    font-size: 21px;
  }
  .form-item {
    label, input{
      display: inline-block;
      width: 30%;
    }
    label{
      color: @orange-red !important;
    }
    .description {
      display: none;
    }

    input#edit-mail{
      width: 50%;
    }
  }
}
.page-user-edit .form-user-notifications {
  margin: 15px 0;
  .left, .right {
    display: inline-block;
    
  }
  .form-item {
  	margin-top: 2px;
    label, input{
      width: inherit;     
    }
    label {
      color:@black !important;
    }
  }
  .left {
    width: 50%;
  }
}
.page-user-edit .form-notifications {
  #edit-submit {
    padding: 15px 100px;
  }  
}



/******************FORM WIZARD - USER REGISTER********************/

div.red-after-login {

	/*
	ul.step-crumb {
		clear: both;
		display:block;
	    float: left;
	    margin: 0;
	    padding: 0;
		width: 100%;
	    margin-bottom: 0;

		li {
			list-style: none;
			float:left;
			padding:10px 47px;
			color:@white;
			font-family: @font-secondary;
			font-weight: bold;
			text-align: center;

			&.active-step {

			}

			&.sp-boxy {
				background: url('../images/brown-pixel-80.png');
				float: left;
				height: 60px;
				margin: 1px 0 0;
				padding: 0;
				width: 77px;
			}

			&.sc-boxy {
				background: url('../images/brown-pixel-80.png');
				float: left;
				height: 60px;
				margin: 1px 0 0;
				padding: 0;
				width: 77px;	
			}

			&.sc-register, &.sc-checkout, &.sc-done {
				padding-top: 21px;
			}

			&.sc-done {
				padding: 10px 34px;
				margin-right: 15px;
			}
		}
	}
	*/



	fieldset.checkout-buttons {
		width:96%;
		clear: both;
		padding:0;

		.fieldset-wrapper {
			margin:0;
			width:100%;

			/*input.checkout-continue {
				color:@white;
				font-family: @font-secondary;
				font-weight: bold;
				text-align: center;
				padding: 10px 5px;
				float:left;
				border:0;
				background:url("../images/continue-arrow.png") no-repeat;
				width:162px;
				height:61px;
				cursor:pointer;
			}*/

			input#edit-goback {
			background-color: @orange-red;
				color:@white;
				font-family: @font-secondary;
				font-weight: bold;
				text-align: center;
				padding: 10px 5px;
				float:left;
				border:0;
				padding: 10px 5px;
				background:url("../images/back-arrow.png") no-repeat;
				height: 61px;
				cursor: pointer;
				width: 161px;
				margin-right: 5px;
			}

			div.boxy {
				background: url('../images/brown-pixel-80.png');
				float: left;
			    height: 60px;
			    margin-right: 0;
			    margin-top: 1px;
			    width: 590px;
			}
		}
	}

	fieldset.account {

		background:inherit;
		color:inherit;
		background: url("../images/tan-50-percent.png") repeat;
		margin-top: 15px;

		legend { 
			color:@orange-red; 
		}

		label {
			color:inherit;
		}
	}

	div.extra_pane__node__38111 {
		width:66%;
		float: left;
		margin-right: 2%; 

		.completion-message, .thankyou-message {
			width: 92%;
			padding: 2% 4%;
			margin-bottom: 15px;

			background: url("../images/tan-50-percent.png") repeat;

			h2 {
				color:@orange-red;
				font-family: @font-secondary;
				font-weight: bold;
			}
		}
	}



	div.extra_pane__node__38113 {
		width:28%;
		float:left;
		background:@orange-red;
		padding:2%;
		color:@white;
		min-height: 236px;
		padding-top: 6%;

		h2 {
			color:@white;
			font-family: @font-secondary;
			font-weight: bold;
		}
	}

	.footer-bar {

		width: 100%;
		float:left;
		clear:both;

		.label {
			color:@white;
			font-family: @font-secondary;
			font-weight: bold;
			text-align: center;
			padding: 20px 5px;
			float:right;
			border:0;
			background:url("../images/continue-arrow.png") no-repeat;
			width:162px;
			height:21px;

			a {
				color:@white;
				text-decoration: none;
			}
		}

		.boxy {
			background: url('../images/brown-pixel-80.png');
			float: left;
			height: 60px;
			margin-top: 1px;
			width: 748px;
		}
	}

}

form#custom-registrationform-registration-wizard,
div.red-after-login {
	ul.step-crumb {
		clear: both;
		display:block;
	    float: left;
	    margin: 0;
	    padding: 0;
		width: 100%;
	    margin-bottom: 0;

		li {
			list-style: none;
			float:left;
			position: relative;
			padding: 10px 35px;
			line-height: 20px;
			margin-right: 20px;
			width: auto;
			color:@white;
			font-family: @font-secondary;
			font-weight: bold;
			text-align: center;
			background: @darker-orange-red;

			&:after {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				right: -15px;
				margin: auto;
				height: 0;
				border-left: 15px solid @darker-orange-red;
				border-top: 30px solid transparent;
				border-bottom: 30px solid transparent;
			}

			&:before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				left: -15px;
				margin: auto;
				height: 0;
				border-left: 15px solid transparent;
				border-top: 30px solid @darker-orange-red;
				border-bottom: 30px solid @darker-orange-red;	
			}

			//note: padding + line height needs to match between single and double line items
			// type 	=	top padding 	line-height 1 	line-height 2 	padding-bottom
			// double 	=	10px 			20px 			20px 			10px	= 60px total 
			// single 	= 	20px			20px			n/a 			20px	= 60px total

			&.active-step {
				background: @orange-red;

				&:after {
					border-left: 15px solid @orange-red;
				}

				&:before {
					border-top: 30px solid @orange-red;
					border-bottom: 30px solid @orange-red;
				}
			}

			&.sp-boxy, &.sc-boxy {
				background: url('../images/brown-pixel-80.png');
				float: left;
				height: 60px;
				margin: 0;
				padding: 0;
				width: 88px;

				&:after {
					display: none;
				}

				&:before {
					border-top: 30px solid rgba(73,57,42,0.7);
					border-bottom: 30px solid rgba(73,57,42,0.7);
				}
			}

			&.sc-register, &.sc-checkout, &.sc-done {
				padding-top: 20px;
				padding-bottom: 20px;
			}

			&.sc-terms {
				&:before {
					display: none;
				}
			}
		}
	}
}

form#custom-registrationform-registration-wizard {

	/*
	ul.step-crumb {
		padding:0;
		margin: 0;
		clear: both;
		float:left;
		display:block;
		width: 100%;

		li{
			list-style: none;
			float:left;
			padding:12px 46px;
			color:@white;
			font-family: @font-secondary;
			font-weight: bold;
			text-align: center;
			width:82px;
		}

		li.sc-done {
			width:52px;
		}

		li.sc-done, li.sc-checkout, li.sc-register {
			padding-top: 19px;
		}

		li.active-step {
			//background-color: @orange-red;
		}
	}
	*/

	width:100%;
	float:left;

	> div {
		margin:0;
		float:left;
	}

	.form-wrapper {
		float:left;
		background: @transparent;
		padding: 20px;
		//padding:2%;
		//padding-top: 1%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.form-item {
		margin-top: 0;
	}

	#edit-actions {
			display:none;
		}

	fieldset {
		margin:0;

		label {
			width: auto;
		}
	}

	fieldset#edit-choose-membership {

		float: left;
		padding-left: 2%;
		padding-right: 2%;
		margin-right: 2%;
		width: 42%;
		background:url("../images/tan-50-percent.png");

		label {
			color:@almost-black;
			font-weight: normal;
			font-family: @font-secondary;
		}

		.form-item-membership-product {
			float: left;
			width: 52%;

			#edit-membership-product {
				.form-item {
					clear:both;
					width: 100%;
					float:left;

					input.form-radio {
						float:left;
					}

					label {
						clear: none;
					}
				}
			}
		}

		.inner-infobox {
			background: none repeat scroll 0 0 #87CEEB;
			float: left;
			padding: 4%;
			width: 40%;
		}

		.products-table {
			clear:both;
			width:100%;
		}

		
	}

	div.infobox {
		float: left;
		padding: 2%;
		width: 48%;
		margin-top: 20px;
		background:url("../images/tan-50-percent.png");
	}

	input#edit-next {
		color:@white;
		font-family: @font-secondary;
		font-weight: bold;
		text-align: center;
		padding: 10px 5px;
		float:left;
		border:0;
		background:url("../images/continue-arrow.png") no-repeat;
		width:162px;
		height:61px;
		padding-right: 20px;
		cursor:pointer;
	}
	input#edit-prev {
		background-color:@orange-red;
		color:@white;
		font-family: @font-secondary;
		font-weight: bold;
		text-align: center;
		padding: 10px 5px;
		float:left;
		border:0;
		padding: 10px 5px;
		background:url("../images/back-arrow.png") no-repeat;
		height: 61px;
		cursor: pointer;
		width: 161px;
		margin-right: 5px;
	}
	
	.form-item input.form-checkbox {
		float:left;
	}

	.form-item label.option {
		float:left;
		clear:none;
	}

	.form-item {
		.description {
			clear: both;
		}
	}
	
	h2 {
		color:@orange-red;
		font-family: @font-secondary;
		font-weight: bold;
	}
	
	div.boxy {
		background: url('../images/brown-pixel-80.png');
		float: left;
		height: 60px;
		margin-right: 5px;
		margin-top: 1px;
		width: 753px;
		
	}

	div.more1 {
		margin-right: 0;
		width: 592px;
	}

	
	fieldset#edit-buttons {
		padding:0;
		width:100%;

	
	}

	.form-type-password-confirm {
		position: relative;
	}

	.password-strength {
		position: absolute;
		float: none;
		width: 300px;
		top: -50px;
		left: 0;
	}

	div.password-confirm {
		display: none;
	}

}

form.user-info-from-cookie #edit-account {
	.form-item {
		float:left;
		width:48%;

		input.form-text {
			width:90%;
			float:left;
		}
	}
	
	.form-item-name {
		margin-right:2%;
	}
	
	.form-item-pass {
		width:100%;
		
		.password-parent {
			width:48%;
			float:left;
			margin-right: 2%;
			clear: none;
	}

		.confirm-parent {
			width:48%;
			float:left;	
			clear: none;
	}

		.password-suggestions {
			width: 98%;
		float: left;
			clear:both;
			margin:0;
	
	}
}

	fieldset#edit-buttons {
		padding:0;
		width:100%;
			
		.fieldset-wrapper {
			float:right;
		}
	}
				}

/* Page Resume Finder */

.page-resume-finder {

	#views-exposed-form-awesome-applicants-resume-finder-finder {

		margin-top: 28px;

		.state {

			margin: 3px 0 5px 20px;

			label {
				float: left;
			    font-size: 17px;
			    margin: 3px 0 5px;
			    width: 210px;
			}

			select {
				float: left;
			    font-size: 15px;
			    height: 26px;
			    margin: 2px 0 0;
			    padding: 3px;
			    width: 200px;

			    option {
			    	font-size: 14px;
			    }
			}

			&:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
				}


		}

		.preferredsettings,
		.preferredsalary,
		.beforedate {

			margin: 3px 0 5px 20px;

			label {
				float: left;
			    font-size: 17px;
			    margin: 3px 0 5px;
			    width: 210px;
			}

			select {
				float: left;
			    font-size: 15px;
			    height: 26px;
			    margin: 2px 0 0;
			    padding: 3px;
			    width: 360px;

			    option {
			    	font-size: 14px;
			    }
			}

			&:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
				}


		}

		.preferredsalary {

			margin: 3px 0 5px 20px;

			label {
				float: left;
			    font-size: 17px;
			    margin: 3px 0 5px;
			    width: 210px;
			}

			select {
				float: left;
			    font-size: 15px;
			    height: 26px;
			    margin: 2px 0 0;
			    padding: 3px;
			    width: 320px;

			    option {
			    	font-size: 14px;
			    }
			}

			&:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
				}
		}

		.preferredwork,
		.seasonpreference,
		.changed,
		.rvlength,.rvtype {

			margin: 3px 0 5px 20px;

			label {
				float: left;
			    font-size: 17px;
			    margin: 3px 0 5px;
			    width: 210px;
			}

			select {
				float: left;
			    font-size: 15px;
			    height: 26px;
			    margin: 2px 0 0;
			    padding: 3px;
			    width: 170px;

			    option {
			    	font-size: 14px;
			    }
			}

			&:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
				}
		}

		.afterdate,
		.beforedate,
		.sellyourselfinfo,
		.username,
		.email1,
		.fname1,
		.lname1 {

			margin: 3px 0 5px 20px;

			label {
				float: left;
			    font-size: 17px;
			    margin: 3px 0 5px;
			    width: 210px;
			}

			select {
				float: left;
			    font-size: 15px;
			    height: 26px;
			    margin: 2px 0 0;
			    padding: 3px;
			    width: 180px;

			    option {
			    	font-size: 14px;
			    }
			}

			&:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
				}
		}

		.form-type-bef-checkbox {
			margin: 14px 0 0 16px !important;
		}

		.form-type-checkbox {
			margin: 4px 0 8px 16px !important;
		}

		#submit-awesome-applicants-resume,
		.form-submit {
	
			border: 0px;
			font-family: @font-secondary;
			font-weight: 700;
			color: @white;
			background-color: @orange-red;
			cursor: pointer;
			font-size: 18px;
			
    		padding: 6px 21px 7px;

			&:hover {
				color: @white;
				background-color: @dark-orange-red;
				text-decoration: none;
			}
		}
		#submit-awesome-applicants-resume {
			margin: 11px 12px 1px 1px;
    		padding: 6px 22px 7px;
			}

		.form-submit {
			margin: 11px 6px 1px 5px;
    		padding: 7px 31px 8px;
		}

	}

	#data { 
		width: 100%;
	}

	#table {
		width: 100%;
		tbody {
		
			border: 2px solid #CECECE;
			width: 100%;

		    th{
		    	height: 30px;
		    	text-align: center;
		    	background: #CECECE;
		    	a {
		    		color: #000000;
		    	}	
		    }


		    td {
		    	height: 22px;	
		    	text-align: center;
		    	font-size: 14px;
		    	a{
		    		font-size: 14px;
		    	}
		    }
		}

	}

	/*#datab { 
		width: 100%;

		.saved-resumes {
			float: right;
			background-color: @orange-red;
		    border: 0 none;
		    color: @white;
		    cursor: pointer;
		    font-family: @font-secondary;
		    font-size: 16px;
		    font-weight: 700;
			left: 4px;
		    margin: 0 4px 0 -4px;
		    padding: 6px 9px 7px;
		    position: relative;
		    top: 1px;

		    &:hover {
				color: @white;
				background-color: @dark-orange-red;
				text-decoration: none;
			}

		}
	}*/

	.history {
		width: 450px !important;
		tbody {
		
			border: 0 solid #CECECE;
			width: 100%;	    

		    .image {
		    	width: 25%;
		    	background: none !important;
    			border: 0 solid #999 !important;
    			height: 20px;	
		    	text-align: left;
		    	font-size: 14px;
			}
		}

	}

	/*#message {
		font-size: 15px;
	    font-weight: bold;
	    margin: 9px 0;
	}*/
}

/*View Resume Finder Saved Resumes*/

.page-resume-finder-saved-resumes {
	.view-awesome-applicants-saved-resum-s {

		.view-content {
			table {
				width: 850px;
				margin-bottom: 2px;

				thead {
	    
					background: #CECECE !important;
					th {
						background: url("/sites/default/modules/custom/custom_resumefinder/css/eeGrad2.gif") repeat-x scroll center bottom #eee;
					    border-bottom: 1px solid #ccc;
					    color: #000;
					    height: 27px !important;
					    padding-top: 6px !important;
					    text-align: center;
				    	/*height: 28px;
				    	font-size: 17px;
				    	text-align: center;
				    	background: #CECECE !important;*/
				    	a {
				    		color: #000000 !important;

				    		&:link, 
							&:visited, 
							&:hover, 
							&:active {
								color: #000000 !important;								
								text-decoration: none;
	}
	
							&:hover, 
							&:active {
								color: #cccccc !important;								
								text-decoration: none;
		}
	}
	}
	}

				tbody {

			border: 2px solid #CECECE;
		    width: 100%;

				    
		    td {
		    	height: 22px;	
		    	text-align: center;
				    	font-size: 16px;
				    }
		    	}
		    }
		}

		.view-footer {
			padding: 7px 0 6px;
	}

		#legend {
		div {
			float: left;
				width: 100px;

				&:after {
					clear: both;
					content: ".";
					display: block;
					height: 13px;
					visibility: hidden;
				}
		}
	}

		.view-footer .reload, .view-footer .delete {
			background-color: @orange-red;
		    border: 0 none;
		    clear: both;
		    color: @white;
		    cursor: pointer;
		    font-family: @font-secondary;
		    font-size: 16px;
		    font-weight: 700;
		    padding: 7px 13px 8px;

		    &:hover {
				color: @white;
				background-color: @dark-orange-red;
				text-decoration: none;
			}
		}
                .view-footer .delete {
			margin-left: 2%;
		}
	}
}

/* View Orders history */ 

.view-orders-history .view-content {
	table {
		width: 100%;

		tbody {

			tr {

				margin-bottom: 10px;
				td {
					padding: 2px 0px 16px 0px;

					.views-field-order-number {
						
						font-family: @font-primary;
						font-weight: bolder;
						margin-bottom: 4px;
						font-size: 17px;
						color: @orange-red;
					}

					.views-label {
						float: left;
					    font-weight: bolder;
					    width: 115px;
					}

					.views-field-commerce-line-items {
						table {
							margin-top: 4px !important;
							thead {
								background: #D6C6BE;
								padding: 2px;
								tr {
									th {
										padding: 6px 6px 3px 7px;
    									text-align: center;
									}
								}
							}
							tbody {
								tr {
									td {
										padding: 0px !important;
										text-align: center;
										height: 24px;
									}
								}
							}
						}

					}
				}
			}
		}

	}
}
.page-store .breadcrumb{
	display: none;
}

.page-store #block-block-21{
	margin-bottom: 15px;
}
	
				
/*
ul.step-crumb {
	background:url(../images/arrows-1.png) no-repeat;
			}
			
ul.sc-step-2 {
	background-image:url(../images/arrows-2.png);
		}
ul.sc-step-3 {
	background-image:url(../images/arrows-3.png);
	}
ul.sc-step-4 {
	background-image:url(../images/arrows-4.png);
}
ul.sc-step-5 {
	background-image:url(../images/arrows-5.png);
}
*/
		
	
/*
form#custom-registrationform-registration-wizard ul.step-crumb li.sp-boxy {
	background: url('../images/brown-pixel-80.png');
	float: left;
	height: 60px;
	margin: 1px 0 0;
	padding: 0;
	width: 77px;
}
*/

.view-workamper-courses .views-table{ width:100% !important; }
.view-workamper-courses .views-table caption{
	/*width:97.3%;*/
	text-align: left;
	
	/*font-size: 20px;*/
	margin: 15px 0 0 0;
	color: #ffffff;
	padding: 5px 30px;
	cursor: pointer;
	cursor: hand;
	background-image: url('/sites/default/files/workamper_article/1689590.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #c83615;
	background-size: 10px;
}

.title-courses-table{
	width:430px !important;
}

/* courses OPERATION */
.view-workamper-courses-operation .views-table{ width:100% !important; }
.view-workamper-courses-operation .views-table caption{
	/*width:97.3%;*/
	text-align: left;
	background-color: #c83615;
	/*font-size: 20px;*/
	margin: 15px 0 0 0;
	color: #ffffff;
	padding: 2px;
}

.title-courses-table-operation{
	width:430px !important;
}
.field-name-field-courses-author .field-items .field-item{
	font-size:15px;
}
.field-name-field-footer .field-items .field-item{
	height: 154px !important;
	display: block !important;
	background-image: url('/sites/default/files/workamper_article/vplogo.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}
.view-workamper-courses-operation .views-table thead tr th, .view-workamper-courses .views-table tbody tr td{
	padding: 0 !important;
}

/* Article index submit */

.view-workamper-article .view-filters #views-exposed-form-workamper-article-page .views-exposed-widgets{
	#edit-submit-workamper-article{
		margin-top:20px;
	}
	
}

.field-name-body img {
	margin-left: 20px;
	margin-right: 20px;
}

.field-type-text-with-summary img {
	margin: 20px !important;
}

/* Block Link to edit employer tour */

#block-block-41 {
    float: right;
    height: 0;
    position: relative;
    top: 85px;
    .content a {
        font-size: 18px;
        font-weight: bolder;
        font-family: @font-secondary;
        border: solid 0px;
		padding: 5px 20px 4px 20px;
		&:link,
		&:visited,
		&:hover, 
		&:active {
			background: @orange-red;
			color: @white;
		}
		
		&:hover, 
		&:active {
			background: @dark-orange-red;
			color: @white;
			text-decoration:none;
		}
    }
}

/*Form create and edit employer tour*/

.page-employing-employer-tour {
	#EmployerTourNewEdit {
		width: 98%;
	}
	
	#EmployerTourNewEdit #edit-employer-tour {
		width: 100%;
		padding: 10px;
		.form-item-state {
			width: 250px;
			float: left;
                        margin-left: 14px;
			select {
			    height: 26px;
			    font-size: 14px;
			    padding: 2px 1px 6px;
			    vertical-align: middle;
			}
		}
		
		div {
			margin: 10px 0 0px;
		
		}
		
		.form-item-city{
				
			width: 177px;
			float: left;
		}
		
		.form-item-category {
			clear: both;
		}
		
		#edit-img-upload-ajax-wrapper {
			.form-type-managed-file #edit-img-upload #edit-img-upload-upload-button {
				position: relative;
			    top: -32px;
				font-size: 17px;
			    height: 32px;
			    left: 390px;
			    margin: 0 0 -41px;
			    min-width: 104px;
			    padding: 0 6px;		
			}
		}
		
		.imgpreview {
		
			img {
				margin-bottom: 17px;
			}
			
		}
		
		hr {
			background: none repeat scroll 0 0 #ffffff;
		    border-left: 0 none;
		    border-top: 1px solid #e5e1d8;
		    color: #ffffff;
		    border-bottom: 0 none;
		}
		
		#edit-gallery {
			width: 97%;
                        #edit-img-gallery0-ajax-wrapper .form-type-managed-file #edit-img-gallery0 #edit-img-gallery0-upload-button, 
                        #edit-img-gallery1-ajax-wrapper .form-type-managed-file #edit-img-gallery1 #edit-img-gallery1-upload-button, 
                        #edit-img-gallery2-ajax-wrapper .form-type-managed-file #edit-img-gallery2 #edit-img-gallery2-upload-button, 
                        #edit-img-gallery3-ajax-wrapper .form-type-managed-file #edit-img-gallery3 #edit-img-gallery3-upload-button, 
                        #edit-img-gallery4-ajax-wrapper .form-type-managed-file #edit-img-gallery4 #edit-img-gallery4-upload-button, 
                        #edit-img-gallery5-ajax-wrapper .form-type-managed-file #edit-img-gallery5 #edit-img-gallery5-upload-button, 
                        #edit-img-gallery6-ajax-wrapper .form-type-managed-file #edit-img-gallery6 #edit-img-gallery6-upload-button {
                                position: relative;
                                top: -32px;
                                font-size: 17px;
                                height: 32px;
                                left: 390px;
                                margin: 0 0 -41px;
                                min-width: 104px;
                                padding: 0 6px;
                        }
                        /*
                        #edit-img-gallery0-ajax-wrapper,
			#edit-img-gallery1-ajax-wrapper,
			#edit-img-gallery2-ajax-wrapper,
			#edit-img-gallery3-ajax-wrapper,
			#edit-img-gallery4-ajax-wrapper,
			#edit-img-gallery5-ajax-wrapper,
			#edit-img-gallery6-ajax-wrapper {
                                .form-type-managed-file #edit-img-gallery0 #edit-img-gallery0-upload-button,
				.form-type-managed-file #edit-img-gallery1 #edit-img-gallery1-upload-button,
				.form-type-managed-file #edit-img-gallery2 #edit-img-gallery2-upload-button,
				.form-type-managed-file #edit-img-gallery3 #edit-img-gallery3-upload-button,
				.form-type-managed-file #edit-img-gallery4 #edit-img-gallery4-upload-button,
				.form-type-managed-file #edit-img-gallery5 #edit-img-gallery5-upload-button,
				.form-type-managed-file #edit-img-gallery6 #edit-img-gallery6-upload-button {
					position: relative;
				    top: -32px;
					font-size: 17px;
				    height: 32px;
				    left: 390px;
				    margin: 0 0 -41px;
				    min-width: 104px;
				    padding: 0 6px;		
				}
				
				
			}*/
			.form-item-img-gallery0del,
			.form-item-img-gallery1del,
			.form-item-img-gallery2del,
			.form-item-img-gallery3del,
			.form-item-img-gallery4del,
			.form-item-img-gallery5del {
				left: 150px;
			    position: relative;
			    top: -150px;
			    width: 204px;
			    margin: 10px 0 -51px;
			}

			.form-item-img-alt0,
			.form-item-img-alt1,
			.form-item-img-alt2,
			.form-item-img-alt3,
			.form-item-img-alt4,
			.form-item-img-alt5 {
				border: 0 none;
			    float: left;
			    left: 154px;
			    position: relative;
			    top: -106px;
			    width: 0px;
			    label {
			    	width: 200px;
			    }

			    &:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
				}
			}

			.form-item-img-altb0,
			.form-item-img-altb1,
			.form-item-img-altb2,
			.form-item-img-altb3,
			.form-item-img-altb4,
			.form-item-img-altb5 {
				border: 0 none;
    			margin: -20px 0 30px;
    			label {
    				float: left;
    				width: 72px;
    			}
    			input {
    				float: left;
    			}

    			&:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
				}	    
			}
			
			
		}
		#edit-submit-button {
			margin: 0 auto;
		}
	}
}

.view-main-products-view-store{
	#edit-field-course-category-tid {
		height: 30px;
		padding-top: 6px;
		line-height: 27px;
		border : 1px solid #bfad9e;
	}
	#edit-field-course-author-tid {
		height: 30px;
		padding-top: 6px;
		line-height: 27px;
		border : 1px solid #bfad9e;
	}
} 

/*Page Intro Create and edit Employer Tour*/
.page-node-38286 #node-38286 .content .field-name-body .field-items .field-item {
	.links {
		margin: 0 auto;
	    text-align: center;
	    width: 600px;
	}

	.links a {
		border: solid 0px;
		padding: 5px 20px 4px 20px;
		font-size:18px;
		
		&:link,
		&:visited,
		&:hover, 
		&:active {
			background: @orange-red;
			color: @white;
		}
		
		&:hover, 
		&:active {
			background: @dark-orange-red;
			color: @white;
			text-decoration:none;
		}
	}
}
#views-exposed-form-employer-tour-page .views-exposed-form .views-widget .form-text{
	width: 385px !important;
}
#views-exposed-form-employer-tour-page .views-exposed-form .views-submit-button {
	margin-top: 33px !important;
}
#views-exposed-form-employer-tour-page .views-exposed-form .views-reset-button {
	margin-top: 5px !important;
}



.page-orders-search.section-orders-search #views-exposed-form-orders-search-page{
	select{
		width: 168px;
    	margin: 1px 0px;
	}
	.form-text{
    	font-size: 12px;
		width: 162px !important;
	}

	input[type="text"] {
		padding: 2px !important;
	}

	.views-exposed-widget{
		min-height: 96px;
		margin: 4px !important;
		padding: 2px 4px !important;
	    width: 168px;
	    background: rgba(232,223,208,0.7);
	}
	#edit-rid-wrapper, #edit-field-via-value-wrapper, #edit-field-paymen-method-value-wrapper, #edit-field-payment-void-value-wrapper{
		min-height: 312px !important;
	}

	.views-submit-button, .views-reset-button{
		margin-top: 33px !important;
		background: rgba(232,223,208,0) !important;
	}
}

/* Search employer Tours*/

.page-employer-tours.section-employer-tours #views-exposed-form-employer-tour-page{
	#edit-title{
		width: 548px !important;
		padding: 7px;

	}
	#edit-submit-employer-tour{
	    margin-top: 0px !important;
	}
}

/*Page User Update Location Address Map*/

.page-user-edit-main {

	#block-system-main {
		display: none;
	}

	#block-custom-locationmap-custom-locationmap-form {
	padding-left: 10px;
	width: 97%;

	background: none repeat scroll 0 0 rgba(232, 223, 208, 0.7);

	legend {
		display: none;
	}
    
	#edit-location-address {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	    border: medium none;
	    margin: 2px 42px -9px 3px;
	    width: 100%;
	}

	.fieldset-wrapper {
		width: 97%;
			}

	.form-item {
		width: 97%;
		}

	#edit-submit-button {
		margin-left: 18px;
	}

	.name div label, 
	.country div label, 
	.address div label, 
	.city div label, 
	.state div label, 
	.zipcode div label {
	    display: block;
	    float: left;
	    font-size: 17px;
	    font-weight: bold;
	    margin: 12px 0;
	    padding-left: 10px;
	    width: 164px;
	}

	 
	.country div select, 
	.state div select {
	    float: left;
	    font-family: @font-secondary;
	    font-size: 16px;
	    font-weight: bold;
	    height: 33px;
	    margin: 13px 0 0;
	    padding: 6px;

	    optgroup,
	    option {
	    	font-size: 14px;
	    	font-family: @font-primary;
	    }
	}

	.name div input, 
	.address div input, 
	.city div input,
	.zipcode div input {
	    float: left;
	    font-family: @font-secondary;
	    font-size: 16px;
	    font-weight: bold;
	    height: 28px;
	    margin: 14px 0 0;
	    padding-left: 5px;
	    width: 370px;
	}
}



}

/* badge manager*/
.view-manage-badges .view-header{
	a{
		padding: 5px 20px;
		background: @dark-orange-red;;
		color: @white;
		font-weight: bold;
	}
}

#views-exposed-form-manage-badges-page .views-exposed-widgets{
	margin: 0;
}

.page-views #block-system-main .view .view-filters .views-exposed-widgets, .page-views .block-views .views-exposed-widgets, .section-media-library.page-node .block-views .views-exposed-widgets{
	margin:10px 0;
}

#views-exposed-form-manage-badges-page .views-exposed-widget .form-submit{
	margin: 29px 0 0 0 !important;
}


#frmpraiseyouremployeraddstar .links a, #frmpraiseyouremployer .links a{
 
  border: solid 0px;
  padding: 5px 20px 4px 20px;
  font-size:18px;
  
  &:link,
  &:visited,
  &:hover, 
  &:active {
   background: @orange-red;
   color: @white;
  }
  
  &:hover, 
  &:active {
   background: @dark-orange-red;
   color: @white;
   text-decoration:none;
  }
 
}

#views-exposed-form-workamper-article-page #edit-body-value-wrapper #edit-body-value{
	width:220px;
}



/* SEARCH FORM*/
.search-form{ margin-bottom: 0; }

/*View Resume*/



.page-aa-view-resume {
    
    .view-display-id-badgeskey {
        
        width: 100%;
        align-items: center;
        
        .views-field-field-badge {
            float: left;
            margin: 0 3px;
        }
        
        &:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
				}
    }

    .views-field {
        margin-top: 10px;

        span {
            font-size: 19px;
            font-weight: bolder;
        }

        .date-display-single,
        .field-content {
            font-weight: normal;
        }

        .lbel {
            font-weight: bolder;
            font-size: 16px;
        }
        
        .date-display-single {
            font-size: 16px;
        }
    }
    
    .views-field-field-fname2-1 .field-content {
        font-weight: bolder;
        margin-bottom: 0px;
    }
    .views-field-changed {
    	margin: 0px;

    	&.views-field span {
    		font-size: 16px;
    	}
    }
    .views-field-nothing-1 .field-content,
    .views-field-nothing .field-content,
    .views-field-php-1 .field-content,
    .views-field-php-2  .field-content,
    .views-field-field-additionalinfo .field-content {
    	display: block;
        font-size: 16px;
        margin: 0px 0px 0px 14px;
    }
    
    .backresume {
        margin: 22px auto 16px;
        width: 420px;
        
        a {
			
			padding: 4px 10px;
			text-decoration: none;
			font-size: 17px;
			font-weight: 700;
			font-family: @font-secondary;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @white;
				background-color: @orange-red;
			}

			&:hover, 
			&:active {
				color: @white;
				background-color: @dark-orange-red;
			}
        }
    }
    
    
}

/*Form Send Resume*/

.page-aa-send-resume {

    #resume-finder-form-send {

        fieldset {
                border-radius: 10px;
                border: 1px solid #E57D61;
                margin-bottom: 20px;
                background-color: #FFF;
                margin-left: 10px;
                
                legend {
                        background-color: #E14421;
                        color: #FFF;
                        font-weight: bold;
                        padding: 14px 16px;
                        margin: 0px -20px;
                        position: relative;
                        border-radius: 10px;
                }
                
                #edit-submit-button {
                        background-color: #E14421;
                        color: #FFF;
                        font-weight: bold;
                }
                
                .form-text {
                        width: 450px;
                }
        }
        
        .send-resume-right-text{    
	    		float: right;
	    		width: 45%;
			    margin-top: 36px;			    
			    h2{
			    	color: #E14421;
			    }		
			}

    	#edit-employer-information {    		
    		width: 50%;
    		float:left;

    		.fieldset-wrapper .form-item-name,
    		.fieldset-wrapper .form-item-email-field {
    			margin: 18px 0 -6px;
    			width: 100%;

    			label {
    				float: left;
    				width: 140px;	
    			}

    			input {
    				float: left;
    			}

    			&:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
				}
    		}    		

    		.fieldset-wrapper #edit-submit-button {
    			font-size: 18px;
			    margin-bottom: 3px;
			    margin-left: 1px;
			    margin-top: 26px;
			    min-width: 106px;
			    padding: 4px 0;
			    font-family: @font-secondary;
    		}

    		textarea {
    			height: 80px;
    			margin: 0 0 -13px 1px;
			    resize: none;
			    width: 85%;
    		}
    	}

    	.history {
    		width: 100%;
    		tbody > tr > td {
    			height: 20px !important;
    			font-size: 15px !important;
    		}
                
                .word-cut {
                    word-break: break-all;
                }
    	}

        .backresume {
            margin: 10px auto 0;
            width: 420px;

            a {

                padding: 4px 10px;
                text-decoration: none;
                font-size: 17px;
                font-weight: 700;
                font-family: @font-secondary;

                &:link, 
                &:visited, 
                &:hover, 
                &:active {
                    color: @white;
                    background-color: @orange-red;
                }

                &:hover, 
                &:active {
                    color: @white;
                    background-color: @dark-orange-red;
                }
            }
        } 
    }
}

.page-aa-view-resume #page-content .content .view-awesome-applicants-resume-finder {
    
    .view-footer {
        
        h2 {
            font-size: 18px;
            color: @black;
        }
        
        table {
            
            width: 920px !important;
            font-size: 15px !important;
            font-family: @font-primary !important;
            
                .word-cut {
                    word-break: break-all;
                }
            }
    }
    .field-content img{ height:140px; width:auto;}
    
}
.page-resume-finder #page-content .content #resume .gallery img{ height:140px; width:auto;}

/*Resume finder search results*/

.page-resume-finder {

	#rate {
		float: right;
	    margin-top: 25px;
	    text-align: right;
	    /*width: 45%;*/
	}

	#actions {
		float: left;
		width: 45%;
	}
        
        #save {
            padding-top: 5px;
        }

	#saverating
	 {
	
		background-color: @orange-red;
	    border: 0 none;
	    color: @white;
	    cursor: pointer;
		font-family: @font-secondary;
	    font-size: 16px;
		font-weight: 700;
	    margin: -5px 4px 0 0 !important;
	    padding: 5px 6px 6px;	

		&:hover {
			color: @white;
			background-color: @dark-orange-red;
		}
	}

	.print,
	.cancel,
        .save{
		background-color: @orange-red;
	    border: 0 none;
	    color: @white;
	    cursor: pointer;
	    font-family: @font-secondary;
	    font-size: 16px;
	    font-weight: 700;
		left: 4px;
	    margin: 0 4px 0 -4px;
	    padding: 6px 8px 7px;
	    top: 1px;
		position: relative;
		
	    &:hover {
			color: @white;
			background-color: @dark-orange-red;
			text-decoration: none;
		}
	}

	.content #resume {
		h3,
		h2 {
			font-size: 18px;
			font-weight: bolder;
			color: @black;

		}
	}

	.content #resume .info {

		tbody, tr, td {
		   border: none !important;
		   background: none !important;
		}
	}

	#table2 {
		width: 850px;
		margin-bottom: 20px;

		tbody {
		
			border: 2px solid #CECECE;
			width: 100%;

		    th{
		    	height: 28px;
		    	font-size: 17px;
		    	text-align: center;
		    	background: #CECECE;
		    	a {
		    		color: #000000;
		    	}	
		    }
		    td {
		    	height: 22px;	
		    	text-align: center;
		    	font-size: 16px;
		    }
		}

	}


}

/*Send Resume Email*/

.page-aa-resume-finder-email {
	#emailresume #email {
		width: 200px;
	}
}

/* Resume Finder Saved */
.page-resume-finder-saved-resumes {

    .backresume {
        margin: 22px auto 16px;
        width: 420px;
        
        a {
			
			padding: 4px 10px;
			text-decoration: none;
			font-size: 17px;
			font-weight: 700;
			font-family: @font-secondary;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @white;
				background-color: @orange-red;
			}

			&:hover, 
			&:active {
				color: @white;
				background-color: @dark-orange-red;
			}
        }
    }
}

#block-block-45,
#block-block-49{
	color: black;
	background-color: rgba(232,223,208,0.7);
	margin: 10 0 20px 0;
	padding: 15px;
	span {
		color: black;
}
}
#block-block-45 h2,
#block-block-49 h2{
	margin: 0 0 10px 0;
	color: #e04421;
}

#block-block-45,
#block-block-49{
	margin: 10px 0 0px 0;
}

.page-admin-structure .ui-dialog #views-ajax-popup .form-wrapper .views-ajax-submit-processed-processed .form-buttons {
	 padding: 0 20px 30px !important;


}

#block-block-45, #block-block-57{
	color: black;
	background-color: rgba(232,223,208,0.7);
	margin: 0 0 20px 0;
	padding: 15px;
}
#block-block-45 h2, #block-block-57 h2{
	margin: 0 0 10px 0;
	color: #e04421;
}

/*Page Advertising*/
.page-node-83 {
	#node-83 .content .field-name-body .field-item {

		url {
			margin: 0 auto !important;
			width: 400px !important;
		}
		.link {
			padding: 4px 13px;
			text-decoration: none;
			font-size: 17px;
			font-weight: 700;
			font-family: @font-secondary;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @white;
				background-color: @orange-red;
			}

			&:hover, 
			&:active {
				color: @white;
				background-color: @dark-orange-red;
			}
		}
	}
}
/*Page Advertising*/
.page-node-8316585 {
	#node-8316585 .content .field-name-body .field-item  {
		.link {
			padding: 4px 13px;
			text-decoration: none;
			font-size: 17px;
			font-weight: 700;
			font-family: @font-secondary;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @white;
				background-color: @orange-red;
			}

			&:hover, 
			&:active {
				color: @white;
				background-color: @dark-orange-red;
			}
		}
	}
}
/*Update Workamper Old Dreamer Membership*/

.page-node-41206 {
	#node-41206 {
		form {
			.continue {
				padding: 4px 13px;
				text-decoration: none;
				font-size: 17px;
				font-weight: 700;
				font-family: @font-secondary;
				color: @white;
				background-color: @orange-red;
				border: none;
				margin-right: 10px;

				&:link, 
				&:visited, 
				&:hover, 
				&:active {
					color: @white;
					background-color: @orange-red;
				}

				&:hover, 
				&:active {
					color: @white;
					background-color: @dark-orange-red;
				}	
			}

			.cancel {
				padding: 5px 15px;
				text-decoration: none;
				font-size: 17px;
				font-weight: 700;
				font-family: @font-secondary;

				&:link, 
				&:visited, 
				&:hover, 
				&:active {
					color: @white;
					background-color: @orange-red;
				}

				&:hover, 
				&:active {
					color: @white;
					background-color: @dark-orange-red;
				}	
			}
		}
	}
}

/*Manage account - Member Map*/
#block-custom-locationmap-custom-locationmap-form .zipcode{
	clear: left;
	padding-bottom:60px;
}

/*CUSTOM manage_account*/
.manage_account{
	background-color: rgba(232,223,208,0.7);
	padding: 15px 30px;
}
.manage_account fieldset{
	border-radius: 10px;
	border: 1px solid #e57d61;
}
.manage_account fieldset legend{
	background-color: #e14421;
	color: #fff;
	font-weight: bold;
	padding: 14px 16px;
	margin: 0 -20px;
	position: relative;
}
.manage_account fieldset legend a{
	position: absolute;
	right: -50px;
	color: #e14d2b;
	font-style: italic;
	text-transform: lowercase;
	font-size: 12px;
	font-family: verdana;
	bottom: 0px;
}
.manage_account fieldset p{
	margin: 5px 0px;
}
.manage_account fieldset label{
	font-weight: normal;
	display: inline-block;
	width: 130px;
	text-align: right;
	padding: 0 10px;
	vertical-align: top;
}
.manage_account fieldset strong{
	display: inline-block;
}

.view-id-online_magazine_ .col-1, .view-id-online_magazine_ .col-2, .view-id-online_magazine_ .col-3  {
    text-align: center;
	width: 33%;
}

.view-id-online_magazine_ .col-2 hr {
  display: none;
}


/* Ads */

.node-type-ad-data {
	.field-label {
		font-size: 16px;
    	width: 155px;
	}

	.field-items {
		font-size: 15px;
	}
}

/* Join - Ready to Get Started */
#node-41335 {
	.field-name-body {
		p {
			float: left;
			width: 48%;
			margin: 1%;
			text-align: center;

			a {
				color: white;
				font-weight: bold;
				font-size: 24px;
				display: block;
				width: auto;
				padding: 100px 0;
				text-decoration: none;
				background: @blue;
				.transition();
				border-radius: 12px;

				&:hover {
					background: @blue + 30;
				}
			}
		}
	}
}


.view-id-featured_events {
    text-align: center;
}

.view-id-featured_events .views-row {
    display: inline-block;
    margin: 5px;
    padding: 7px;
    background: #e04421;
}

.view-id-featured_events .views-row img {
    width: 205px;
}

.view-id-featured_events .event-date-fancy {
    background:white;
    margin-bottom: 6px;
}

.view-id-featured_events .event-date-fancy {
    color: #e04421;
    font-size: 20px;
}

.view-id-featured_events {
    margin-bottom: 8px;
}

.view-id-featured_events .views-field-title a{
    color: white;
}

.view-id-featured_events .views-field-title{
    color: white;
}

.page-online-magazine #block-system-main .view-content .views-field-field-magazine .field-content a {
  color: transparent !important;
  background: url("../images/pdf-icon-transparent-background2.png");
  display: block;
  margin: 0 auto;
  height: 70px;
  width: 70px;
}

.views-field-field-magazine .file img {
   display: none;
}

.view-report-product-sales #edit-date-filter-min-wrapper, .view-report-product-sales #edit-date-filter-max-wrapper {
  display: inline-block;
}

.view-report-product-sales .views-submit-button, .view-report-product-sales .views-reset-button {
    margin-top: 22px !important;
}

.view-report-product-sales #edit-line-item-label-wrapper .views-widget {
    margin-top: -10px;
}

.view-report-product-sales .view-content .views-table{
    font-size: 12px;
}

.field-name-field-buy-ticket .field-item a{
  display: block;
  padding: 8px 16px;
  color: white;
  background-color: #e04421;
  text-decoration: none;
  min-width: 110px;
  margin-left: 0;
  font-size: 20px;
  float: none;
  width: 10px !important;
  cursor: pointer;
  font-family: "museo-slab",sans-serif;
  font-weight: 700;
  margin: 15px;
}


#customer-profile-shipping-ajax-wrapper fieldset {
   border: none;
}

.manage_profile fieldset .fieldset-wrapper label{
	font-weight: normal;
	display: inline-block;
	width: 160px;
	text-align: right;
	padding: 0 10px;
	vertical-align: top;
}

.view-header a[href="/node/add/workamper-article"]{
    margin-top: 68px;
}


.page-praise .view-filters #views-exposed-form-praise-your-employer-page .views-exposed-form .views-exposed-widgets .views-reset-button {
  padding-top: 3px;
}

.view-id-praise_your_employer .view-filters #views-exposed-form-praise-your-employer-page .views-exposed-form .views-exposed-widgets #edit-field-postal-address-administrative-area {
 height: 30px; 
}

.view-id-praise_your_employer .view-filters #views-exposed-form-praise-your-employer-page .views-exposed-form .views-exposed-widgets .views-submit-button {
  padding-top: 3px;
}

.page-praise #page-wrapper #page #main-wrapper #main #page-content .region-content #block-system-main .content .view-praise-your-employer .view-footer p a {
  color: #e04421 !important;
}
#customer-profile-shipping-ajax-wrapper #customer-profile-shipping-field-in-care-of-add-more-wrapper .form-item label,#customer-profile-shipping-ajax-wrapper .field-widget-text-textfield .form-item label {
	display:inline-block;
width: 94px;
	margin-left: 16px;
}
#customer-profile-shipping-ajax-wrapper #customer-profile-shipping-field-in-care-of-add-more-wrapper .form-item input,#customer-profile-shipping-ajax-wrapper .field-widget-text-textfield .form-item input {
	display:inline-block;
	  max-width: 277px;
    width: 33%;
}

/*styles to page /ads-search */
.page-ads-search #page-wrapper #edit-uid-wrapper {

	.form-item #edit-uid {
		width: 145px;
	}

	input.form-autocomplete {
		background-position: 100% 7px;
	}

	input.throbbing {
	    background-position: 100% -13px;
}

	.form-item > .description {
		display: none;
}

	> .description {
    display: block;
    	margin-right: 0px;
    	width: 140px;
    	font-size: 0.85em;		
	}
}

.page-ads-search #page-wrapper {
	
	.container-inline-date .form-item input, 
	.container-inline-date .form-item select, 
	.container-inline-date .form-item option,
	.container-inline-date > .form-item {
		margin-right: 0px;
}

	#edit-field-adtype-tid-wrapper .views-widget .form-item #edit-field-adtype-tid {
    height: 30px;
    margin-top: 2px;
    margin-left: -2px;
}

	.views-exposed-widget {
                margin: 0px 8px 10px 0px !important;
                padding: 2px !important;
                width: 190px;
                background: @transparent;
                min-height: 94px;
	}
        
        #edit-field-published-date-value-wrapper, #edit-field-adcreateddate-value-wrapper, #edit-field-admin-publish-date-value-wrapper{
                width: 393px;
                
                .dependent-options {
                    display: inline;
                    width: 190px;
                    float: left;
                }
                
                .dependent-options div{
                    width: 190px;
                }
                
                #edit-field-published-date-value-min-wrapper{
                    margin-right: 12px;
                }
        }
        
        .views-submit-button,
        .views-reset-button {
                min-height: 0px !important;
        }
}

/*Styles for page Admin Ads Search*/

.page-ads-search,
.page-report-product-sales {

	#header {
	    align-self: center;
	    height: 80px;
	    margin: 0 auto;
	    position: relative;
	    text-align: center;
	    width: 980px;
	}

	#above_content {
	    height: auto;
	    margin: 0 auto;
	    padding: 0;
	    width: 980px;
	}

	#main-wrapper {
	    width: 100% !important;
	}

	#page-wrapper {
	    
	    width: 100% !important;
	} 

	#main {
	    width: 100% !important;

	    #below_content {
	    	width: 980px;
	    	margin: 0 auto;
	    	display: none;
	    }
            
            .view-report-product-sales .view-filters,
	    .view-ads-search .view-filters {

                    label {
                            font-size: 16px !important;
                    }

                    select {
                            margin: 0px !important;
                            border: 1px solid @tan-brown !important;
                            width: 190px;
                            padding: 2px;
                    }
                    
                    input[type="text"]{
                        width: 181px !important;
                        padding: 2px !important;
                    }
                    
                    
            }
            
            .view-report-product-sales .view-filters {
                #edit-reset {
                    margin-top: 0px!important;
                }
            }
            
            .view-report-product-sales .view-content {
                
                margin-bottom: 14px;
                
                th {
                    font-size: 15px !important;
                }
                
                td {
                    font-size: 14px !important;
                }
            }
            
            .attachment-after {
                
                margin-top: 14px;
                
                #views-record-count-text {
                    
                    strong {
                        font-size: 16px;
                        color: #000 !important;
                    }                   
                    
                }
            }

	}
}

#block-block-52 p{
  text-align: right;
  margin-bottom: -35px;
  color: #e14421;
}

#block-block-52 p a{
  color: #e14421;
  font-weight: bold;
  font-size: 14px;
}

.page-manage-account fieldset:nth-child(3) p strong, .page-manage-account-wk fieldset:nth-child(3) p strong, .page-manage-account-em fieldset:nth-child(3) p strong{
    text-indent: 10px;
}

.page-manage-account fieldset:nth-child(3) p input, .page-manage-account-wk fieldset:nth-child(3) p input, .page-manage-account-em  fieldset:nth-child(3) p input {
    margin-left: 35px;
}

.page-manage-account-em fieldset:nth-child(1) p:nth-child(8) strong{
    font-style: italic;
}

/*Edit Ad*/

.page-edit-ad {

	.content #edit-ad-form {

		.link {

			float: right;
                        font-size: 14px;

			a {
				//padding: 5px 15px;
				text-decoration: none;
				font-size: 14px;
				//font-weight: 700;
				//font-family: @font-secondary;

				&:link, 
				&:visited, 
				&:hover, 
				&:active {
					//color: @white;
					//background-color: @orange-red;
                                        text-decoration: none;
				}

			
			}

			&:before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				left: -15px;
				margin: auto;
				height: 0;
				border-left: 15px solid transparent;
				border-top: 30px solid @darker-orange-red;
				border-bottom: 30px solid @darker-orange-red;	
			}
                        
                        .form-submit {
                            margin: 4px 0px !important;
                            cursor: pointer;
                            font-family: "museo-slab",sans-serif;
                            font-weight: bolder !important;
                        }
		}

		.type {
			margin-top: 10px;
		}

		.fieldset-wrapper {
			img {
				border: solid 1px #cccccc;
				border-radius: 4px;
				margin: 5px;
			}
		}
	} 
}

#manage-account-membership-edit #edit-pass-pass1, #manage-account-membership-edit label[for="edit-pass-pass1"] {
  display: inline-block;
  width: 150px;
}

#manage-account-membership-edit #edit-pass-pass2, #manage-account-membership-edit label[for="edit-pass-pass2"] {
  display: inline-block;
   width: 150px; 
}

#manage-account-membership-edit .password-indicator {
    display: none;
}
 
#manage-account-membership-edit label, #manage-account-membership-edit input {
    width: 250px;
}

.password-strength {
    display: none;
}

#block-system-main .form-item input[id="edit-autorenew"] {
    width: 10px;
}


#manage-account-wk-membership-edit #edit-pass-pass1, #manage-account-wk-membership-edit  label[for="edit-pass-pass1"] {
  display: inline-block !important;
  width: 150px !important;
}

#manage-account-wk-membership-edit #edit-pass-pass2, #manage-account-wk-membership-edit label[for="edit-pass-pass2"] {
  display: inline-block;
  width: 150px; 
}

#manage-account-wk-membership-edit .password-indicator {
    display: none;
}
 
#manage-account-wk-membership-edit label, #manage-account-wk-membership-edit input {
    width: 250px;
}

#manage-account-wk-membership-edit .password-strength {
    display: none;
}

#manage-account-membership-edit #block-system-main .form-item input[id="edit-autorenew"] {
    width: 10px;
}

#manage-account-em-membership-edit #edit-pass-pass1, #manage-account-em-membership-edit  label[for="edit-pass-pass1"] {
  display: inline-block !important;
  width: 150px !important;
}

#manage-account-em-membership-edit #edit-pass-pass2, #manage-account-em-membership-edit label[for="edit-pass-pass2"] {
  display: inline-block;
  width: 150px; 
}

#manage-account-em-membership-edit .password-indicator {
    display: none;
}
 
#manage-account-em-membership-edit label, #manage-account-em-membership-edit input {
    width: 250px;
}

#manage-account-em-membership-edit .password-strength {
    display: none;
}

#manage-account-em-membership-edit #block-system-main .form-item input[id="edit-autorenew"] {
    width: 10px;
}

/*Manage Profile - Address Information*/

.page-manage-profile-wk-user {
	#manage-profile-wk-location-edit {
		#edit-actions {
			.submit-buttom,
			.cancel-buttom {
				display: block;
				width: auto;
				float: left;
				margin: 0 20px 20px 0;
			}

			a, input {
				.button-mixin();
				width: auto;
				margin: 0;
				font-family: @font-secondary;
				font-size: 18px;
				font-weight: bold;
			}
		}
	}
}

/* Fix Account Management Buttons for Workamper and Employer */
.page-manage-account-wk #edit-actions input.form-submit,
.page-manage-account-em #edit-actions input.form-submit {
	display: inline-block;
}

/* Fix Manage Account Buttons - Back Office */
#manage-account-membership-edit #edit-actions input.form-submit {
	display: inline-block;
}

.views-limit-grouping-group {
	font-weight: bold;
}

#edit-field-media-presenter-tid {
	margin: 2px 15px 0px 0px;
	padding: 5px;
	font-family: "museo-slab", sans-serif;
	font-size: 16px;

	}

fieldset.collapsible {
    padding-bottom: 24px;
    position: relative;
    width: 591px;
}

/*CSS user-search*/
.page-user-search {

	#header {
	    align-self: center;
	    height: 80px;
	    margin: 0 auto;
	    position: relative;
	    text-align: center;
	    width: 980px;
	}

	#above_content {
	    height: auto;
	    margin: 0 auto;
	    padding: 0;
	    width: 980px;
	}

	#main-wrapper {
	    width: 100% !important;
	}

	#page-wrapper {
	    margin: 0 auto;
	    width: 100% !important;
	}

	#main {
	    width: 100% !important;

	    #below_content {
	    	width: 980px;
	    	margin: 0 auto;
	    	display: none;
	    }
    }
    .feed-icon{
    	a{
    		padding-right: 25px;
    	}
    }
    
    .attachment-after {
                
        margin-top: 14px;

        #views-record-count-text {

            strong {
                font-size: 16px;
                color: #000 !important;
            }                   

        }
    }
}

/*CSS user-search*/
.page-user-search {

	#header {
	    align-self: center;
	    height: 80px;
	    margin: 0 auto;
	    position: relative;
	    text-align: center;
	    width: 980px;
	}

	#above_content {
	    height: auto;
	    margin: 0 auto;
	    padding: 0;
	    width: 980px;
	}

	#main-wrapper {
	    width: 100% !important;
	}

	#page-wrapper {
	    margin: 0 auto;
	    width: 100% !important;
	}

	#main {
	    width: 100% !important;

	    #below_content {
	    	width: 980px;
	    	margin: 0 auto;
	    	display: none;
	    }
    }
}

.page-user-search #edit-expiry-timestamp-op {
  height: 21px;
}
#views-exposed-form-user-search-page select{
width : 168px;
margin : 1px 0px;
}
#views-exposed-form-user-search-page input[type="text"]{
width : 162px !important;
}

.page-user-search .form-item-expiry-timestamp-min:after {
  content: "DD-MM-YYYY";
}

.page-user-search #edit-province-1 {
  width: 93%;
  height: 21px;
}

//masquerade form submit
.block-masquerade .form-submit {
	float: none;
}

/*Volunteer Opportunities*/

.page-volunteer-opportunities .content .view-filters #views-exposed-form-volunteer-opportunities-page .views-exposed-form .views-exposed-widgets .views-reset-button {
    padding-top: 0px !important;
}

.view-volunteer-opportunities .group-header .field-name-field-content-title .field-item {
    font-size: 20px !important;
    font-weight: bolder;
    color: @orange-red;
    font-family: @font-secondary;
}

/*Full Width Calendar*/

.page-shop-events-calendar .content .view-events-calendar .view-filters #views-exposed-form-events-calendar-page-4 .views-exposed-form .views-exposed-widgets .views-submit-button {
    padding-top: 10px;
}

.page-shop-events-calendar .content .view-events-calendar .view-filters #views-exposed-form-events-calendar-page-4 .views-exposed-form .views-exposed-widgets  .views-reset-button {
    padding-top: 25px;
}

.page-shop-events-calendar .content .view-events-calendar .view-filters #views-exposed-form-events-calendar-page-4 .views-exposed-form .views-exposed-widgets  #edit-reset {
    background-color: #c83615; 
    height: 28px;
}

.page-shop-events-calendar .content .view-events-calendar .view-filters #views-exposed-form-events-calendar-page-4 .views-exposed-form .views-exposed-widgets  #edit-reset:hover, .page-shop-events-calendar .content .view-events-calendar .view-filters #views-exposed-form-events-calendar-page-4 .views-exposed-form .views-exposed-widgets  #edit-reset:active {
    background: @darker-orange-red;
}

/*Message for first login*/

.page-workamping-dashboard #block-block-57 #main h3{
  text-align: center;
}

.center{ text-align: center; }

/*Field State Resume builder*/
#edit-field-wh-state-und{font-weight:bold;}

.rs-table-message {
	display: none;
}

/*Order Search*/

.page-orders-search {

	#header {
	    align-self: center;
	    height: 80px;
	    margin: 0 auto;
	    position: relative;
	    text-align: center;
	    width: 980px;
	}

	#above_content {
	    height: auto;
	    margin: 0 auto;
	    padding: 0;
	    width: 980px;
	}

	#main-wrapper {
	    width: 100% !important;
	}

	#page-wrapper {
	    margin: 0 auto;
	    width: 100% !important;
	}

	#main {
	    width: 100% !important;

	    #below_content {
	    	width: 980px;
	    	margin: 0 auto;
	    	display: none;
	    }
    }
}

/*Views list employer tour*/
.page-employer-tours{
	.views-submit-button{
		float: left !important;
		margin-top: 28px !important;
	}	

}

.page-admins-dashboard-employer-tour .view-filters {
        
        .views-exposed-widget {
                margin: 0px 8px 10px 0px !important;
                padding: 2px !important;
                width: 190px;
                background: @transparent;
                min-height: 74px;
                
                label{
                        font-size: 18px !important;
                }
                
                input[type="text"]{
                        width: 181px !important;
                        padding: 2px !important;
                }
                
                select {
                        margin: 0px !important;
                        border: 1px solid @tan-brown !important;
                        width: 190px;
                        padding: 2px;
                }
                
                .form-submit{
                        margin-top: 20px !important;
                }
	}
        
        #edit-select{
                margin-bottom: 10px;
        }
}
  

/*View Export User to Magazine*/
.page-export-user-tag #page-content .view-header {
    
    .link-export {
        margin: 22px 0px 24px 0px;
        
        a {
            background: @orange-red;
            color: @white;
            font-family: @font-secondary;
            font-size: 18px;
            font-weight: bolder;
            padding: 8px 17px;

            &:link, 
            &:visited, 
            &:hover, 
            &:active {
                    color: @white;
                    background-color: @orange-red;
                    text-decoration: none;
                    padding: 8px 17px;
            }

            &:hover, 
            &:active {
                    color: @white;
                    background-color: @dark-orange-red;
                    text-decoration: none;
            }
        }
        
    }  
}

.page-export-user-tag {

	#header {
	    align-self: center;
	    height: 80px;
	    margin: 0 auto;
	    position: relative;
	    text-align: center;
	    width: 980px;
	}

	#above_content {
	    height: auto;
	    margin: 0 auto;
	    padding: 0;
	    width: 980px;
	}

	#main-wrapper {
	    width: 100% !important;
	}

	#page-wrapper {
	    
	    width: 100% !important;
	} 

	#main {
	    width: 100% !important;

	    #below_content {
	    	width: 980px;
	    	margin: 0 auto;
	    	display: none;
	    }

	    /*.view-ads-search .view-filters {

	    		label {
	    			font-size: 18px !important;
	    		}

	    		select {
	    			height: 31px !important;
	    			margin: 0px !important;
	    			border: 1px solid @tan-brown !important;
	    		}

	    		#edit-submit-ads-search,
	    		#edit-reset {
	    			margin-top: 27px;
	    		}
	    	}*/

	}
}

.node-type-page #page-content {
	min-height: 220px;
}

/*
// page top padding
.section-user #main,
.section-workamping #main {
	padding-top: 140px;
}
*/


/*----------payment cardonfile (http://workamper.pleth.net/checkout/21481/review) ---------------*/
#payment-details label.option { width: 400px !important; }
#payment-details .form-item label[for=edit-commerce-payment-payment-details-cardonfile]{ width: 400px !important; }

/*---------------------goverment----------------*/
.view-goverment-volunter-rss-feed  h1 a{font-size: 20px;}
.view-goverment-volunter-rss-feed  .views-field-body .views-label-body{font-size: 16px; font-weight: bold;}


/*------------------------WORKAMPER NEWS EVENT -----------------------------*/
/*------------------------WORKAMPER NEWS EVENT -----------------------------*/
.node-wkn-calendar-event .content .field-name-field-wkn-event-date, .node-wkn-calendar-event .content .field-name-field-wkn-presented-by, .node-wkn-calendar-event .content .field-name-field-wkn-company, .node-wkn-calendar-event .content .field-name-field-wkn-event-details{
	font-weight: bold;
	font-size: 20px;
	font-family: sans-serif;
}

.node-wkn-calendar-event .content .field-name-field-wkn-image{ float: right; margin: 15px; }

form[action="/store/courses"] .views-submit-button input,
form[action="/store/courses"] .views-reset-button input{
	min-width:122px !important;
}
form[action="/store/courses"] .views-submit-button,
form[action="/store/courses"] .views-reset-button{
    margin-top:33px !important;
}
.content .field-name-field-course-file .field-items div{ display: block; }

/*----------courses--------------*/
.node-book .content .field-name-field-course-image{ float: right;margin: 10px; }


/*-------------- CHECKOUT - SHOPING ---------------------*/
#commerce-checkout-form-checkout .customer_profile_billing .field-name-field-billing-phone-number{
 float: left; margin-top: -42px; width:50%;
} 
#commerce-checkout-form-checkout .customer_profile_billing .field-name-field-billing-phone-number input{
    width:65%;
} 
#commerce-checkout-form-checkout .customer_profile_billing .field-name-field-billing-phone-number label{ display: inline;margin-left:-9px; }
#commerce-checkout-form-checkout .customer_profile_billing .field-name-field-in-careof{
 float: left; width:50%;
} 
#commerce-checkout-form-checkout .customer_profile_billing .field-name-field-in-careof input{
    width:65%; margin-left: 40px;
} 
#commerce-checkout-form-checkout .customer_profile_billing .field-name-field-in-careof label{ display: inline; }



.view-hotline-ads {

	.view-header {
		background: @orange-red;
		padding: 15px 10px 15px 10px;
	}

	.filters.hotline-jobs {
		.clearer();
		float: none; 
		width: auto; 
		padding: 10px; 
		background: @white;

		.state-item {
			float: left; 
			padding: 0px 8px;
			/*width: 60px;*/
		}

		.canada-item,
		.mlocation-item {
			float: left;
			width: 100px;
		}

		.no-state-item {
			float: left; 
			width: 180px;
		}
	}

	#edit-field-state-job-ads-value-wrapper {
		display: none;
	}

	.field-name-ads-audio { 
		
		.field-label {
			float: left;
		}

	}

	.views-exposed-widget {

		label {
			margin-bottom: 5px;
		}
	}
}


/* Resume Builder Fix */ 
.page-user-edit-resume {

	div#workhistorytable {
		overflow: visible !important;
	}

	#sellyou {

		td {
			padding: 0px !important;
		}

		iframe {
			width: 100% !important;
		}
	} 

	.list-button a {
		height: 40px;
		box-sizing: border-box;
	}

	#resumebuilder-tabrow {

		.activeTab {
			position: relative;
		}

		.activeTab:after {
			content: ".";
			position: absolute;
			display: block;
			width: 103px;
			height: 2px;
			padding: 0px 1%;
			background: url('../images/tab-background.png');
			left: 0px;
			bottom: -1px;
			text-indent: -9999px;
			overflow: hidden;
		}
	}

	#resumebuilder-tabcontainer {
		border-top: 1px solid #83675A !important;
	}

	.form-type-checkbox.do-not-send-email {

		.description {
			display: inline;
		}
		
		.description a {
			display: none;
			color: @black;
			font-size: 12px;

			&:hover {
				color: @dark-orange-red;
				text-decoration: underline;
			}

		}

		&:hover .description a {
			display: inline;
		}
	}
}

.page-user-edit-resume #resumebuilder-tabcontainer .cke_wrapper tr {
	overflow: hidden !important;
}

.node-type-media-resource.section-media-library .field-name-field-media-resource{

	> .field-items{
		text-align: center;

		> .field-item{
			width: 95%;
		}
	}

	iframe, video{
		width: 100%;
	}
}

.page-media-library.section-media-library{
	.view-content .views-row{
		height: 175px !important;
	}
}
#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget {
  min-height:94px;
}

#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-submit-button {
   clear:both;
   margin-left: 9.66%;
}
#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-submit-button,#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-reset-button {
     min-height: 0;
    
}

#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-widget-filter-expiry_timestamp  {
width: 346px;
}
#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-widget-filter-expiry_timestamp .form-item-expiry-timestamp-min{
display:inline-block;
width:170px;
}
#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-widget-filter-expiry_timestamp .form-item-expiry-timestamp-max{
   display: inline-block;
    position: relative;
    top: -20px;
    width: 172px;
}
#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-widget-filter-expiry_timestamp .description{
	 float: right;
    margin-top: -20px;
    padding-right: 5px;
}
.view-user-search .feed-icon {
	margin-top:15px;
}

.page-manage-account-em-edit #manage-account-em-edit .form-item.form-item-arvc-member label{
	width:94%;
}

#page-content input.form-submit, #page-content .form-submitX {
	font-family: "museo-slab",sans-serif; 
}

#history .list-button a.cancel-update::after{
background: white url("/sites/default/themes/workamper/images/cross.png") no-repeat scroll 2px 2px !important;
}
#yphotos .messages.error {
	clear:both;
}
.previous-stepXX {
	top: 210px !important;
}
.section-register-new-workamper #previous-stepX, .section-register-new-employer #previous-stepX {
	top: 188px;
}
.section-register-new-workamper #page-content h2, .section-register-new-employer #page-content h2 {
	margin-bottom:4px;
}

#custom-register-employer-wizard .first-name,#custom-register-employer-wizard .details-order .form-wrapper div,#custom-register-workamper-wizard .first-name,#custom-register-workamper-wizard .details-order .form-wrapper div,#custom-register-employer-wizard .email,#custom-register-workamper-wizard .email,.custom-review-information div,.section-place-ads .content-steps div > label{
	clear:both;
}

#custom-register-employer-wizard div > b,#custom-register-workamper-wizard div > b,.custom-review-information div > b,#custom-update-renew-membership-workamper div > b,#custom-update-renew-membership-employer div > b,.section-place-ads .field-subscriber-detail > label,.field-ad-detail > label,.field-payment-detail label{
    float: left;
    min-width: 120px;
    margin-right: 10px;
}
.section-register-new-workamper #page-content .type-product-review-information .form-wrapper,.section-register-new-employer #page-content .type-product-review-information .form-wrapper {
    padding-bottom: 48px;
}	

#custom-register-employer-wizard div > b, #custom-register-workamper-wizard div > b, .custom-review-information div > b, #custom-update-renew-membership-workamper div > b, #custom-update-renew-membership-employer div > b {
    margin-right: 0;
}

.customer-billing-review-information .form-item > b label  {
	display: inline-block !important;
    width: 230px;
}

.mailing-name {
    display: inline-block;
    max-width: 358px;

}
.view-workamper-article .view-header div > a {
	color: #271d18 !important;
}

.vbo-views-form .container-inline .form-submit {
	margin-top:10px;
}
/*.page-views #block-system-main .view .view-filters .views-submit-button .form-submit,.page-views #block-system-main .view .view-filters .views-reset-button .form-submit{
	margin-top: 18px;
}*/
.section-contact .captcha legend{
	font-weight:bold;
	color:#fff;
}
.section-contact .captcha .fieldset-description {
	color:#fff;
}
ul.step-crumb li.sc-choose::before{
    display: none;
}
.payment-security {
   float: right;
    margin-top: 23px;
    width: 358px;
}
.terms_conditions{
    clear: right;
    float: right;
}
.terms_conditions fieldset{
    width: 410px;
}

.form-item-step4-terms-conditions-accept-tc{
   float: left;
    margin: 0;
    width: 20px;
}
.tc-text {
     float: left;
}
.details-order{
     margin-top: -6px;
}

.captcha Img {
margin-left: 68px;
}
.payment-security .end-description {
	margin-top:0 !important;
}
#manage-profile-wk-edit .form-submit{
	margin-right:10px !important;	
}
/*#manage-profile-wk-edit #edit-actions a.form-submit{
	padding: 6px 12px 5px !important;
	margin-top:-1px !important;
}*/
#user-profile-form  #edit-field-select-job{
	width:100% !important;		
	display: inline-block;
}
#user-profile-form  .form-type-radio {
	width: auto !important;
	margin-right:20px !important;
}
#user-profile-form  .form-type-radio input{
	width: auto !important;
}
/*#user-profile-form .form-wrapper, #user-profile-form #edit-field-job-duties, #user-profile-form #edit-field-job-duties, #user-profile-form #edit-field-wh-city{
	float:left !important;
	width:47% !important;
	clear:none !important;
	display:inline-block !important;
	padding:20px 0;
	margin:0 10px 10px 0 !important;
}
#user-profile-form .form-wrapper .form-wrapper{
	float:none !important;
	width:100% !important;
	clear:both !important;
	display:inline-block !important;
}
#user-profile-form  legend, #user-profile-form  label{
	width:100px !important;
	float:left !important;
}
#user-profile-form #field-job-duties-add-more-wrapper label{
	margin-top:0px !important;
}
#user-profile-form .form-radio{
	width:auto !important;
}
#user-profile-form input[type='text'], #user-profile-form .form-textarea{
	width:260px !important;
}
#workhistorytable{
	clear:both !important;	
}*/
#views-exposed-form-main-products-view-store-page .views-exposed-widgets .form-submit{
	margin-top:-3px !important;	
}
#views-exposed-form-praise-your-employer-page .views-exposed-widgets .form-submit, #views-exposed-form-praise-your-employer-page-2 .views-exposed-widgets .form-submit{
	margin-top:28px !important;
}
.field.field-name-field-media-resource.field-type-file.field-label-hidden{ text-align:center; padding:10px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.manage_account fieldset legend {
      margin: 0 !important;
    }
}


@media (max-width: 1440px) {
#edit-ad-form #edit-send-email{
	margin-top:14px !important;
}
#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-widget-filter-rid {
    min-height: 460px;
}
#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-submit-button,#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-reset-button {
     clear:none;
	 margin-left:0;
    
}

}

@media (max-width: 1290px) {

#page-content #block-system-main .view-user-search .view-filters .views-exposed-widget.views-widget-filter-rid {
    min-height: 540px;
}


}

.node-type-support-ticket.section-support.admin-menu #block-system-main .comment-form{

	#edit-notification, #edit-suppress{
		margin-left: 13px;
	}

	.fieldset-wrapper{
		input[type='checkbox']{
			margin-left: 13px;
		}
	}

	#edit-submit{
		margin-bottom: 13px;
	}
	#edit-subscribe{
		.fieldset-legend{
			margin-left: 5px;
		}
	}
	#edit-support-ticket-upload-und-0-upload-button{
		margin: 5px 0;
	}
}

.page-media-library.section-media-library.page-views, .node-type-media-resource.section-media-library{
	#views-exposed-form-media-library-page, #views-exposed-form-media-library-page-1{
		.views-exposed-form select{
			background-color: #FFF;
		}
	}
}


@media (max-width: 768px) {

#page-content .view-ads-search-only-employers table {
    width: 600px;
}
.terms_conditions fieldset{
    clear: both !important;
    float: none !important;
    margin: 20px auto !important;
    width: auto !important;
}

}

/* ADD STYLE EXPIRED USER URL: http://wk2dev.pleth.net/expired-users */
#views-exposed-form-expired-users-page .views-exposed-form {
	.views-exposed-widget{
		.form-item-created-min,
		.form-item-created-max {
			display:inline-block;
			label{
				display:inline;
			}
		}
	}
	.views-submit-button,
	.views-reset-button {
		margin-top: 14px !important;
	}
}

/* ADD STYLE FORM ACCOUNT USER URL: http://wk2dev.pleth.net/free-users */
#views-exposed-form-list-account-free-page .views-exposed-form,
#views-exposed-form-list-account-free-page-1 .views-exposed-form {
	.views-exposed-widget{
		.form-item-created-min,
		.form-item-created-max {
			display:inline-block;
			label{
				display:inline;
			}
		}
	}
	.views-submit-button,
	.views-reset-button {
		margin-top: 30px !important;
	}
}

/* search */
.page-manage-profile-wk #edit-actions input.form-submit,
.page-manage-profile #edit-actions input.form-submit,
.page-manage-profile-wk #edit-actions a.form-submit,
.page-manage-profile #edit-actions a.form-submit {
  display: inline-block;
  margin: 0px;
  background-color: #e04421;
  border: 0 none;
  color: #ffffff;
  cursor: pointer;
  font-family: "museo-slab", sans-serif;
  font-weight: 700;
  padding: 6px 5px;
  padding-top: 7px;
  font-size: 16px;
  text-decoration: none;
  margin-bottom:10px;
}
.page-manage-profile-wk #edit-actions a.form-submit{
	padding: 8px 0px !important;
    margin: 5px 0px !important;
    width: 100% !important;
    text-align:center;
}
.page-manage-profile-wk #edit-actions input#edit-submit-button{
    margin: 5px 0px !important;
    width: 100% !important;
    padding: 10px 5px !important;
}
.page-manage-profile-wk .form-actions{
    margin: 0 auto;
    float: none;
    width: auto;
    display: inline-block;
}

@media (max-width: 760px) {
.page-manage-profile-wk .form-actions{    
    display: table;
    width:250px;
}
}

.page-admins-manage-resumes.section-admins.page-views .view-awesome-applicants-resume-finder #views-exposed-form-awesome-applicants-resume-finder-admin{
	.views-exposed-widget{
		width: 32%;
		height: 90px;
		select, input[type="text"]{
			width: 90%;
		}
		#edit-field-afterdate-value-1-value-datepicker-popup-0, #edit-field-afterdate-value-value-datepicker-popup-0{
			width: 126%;
		}
	}
        .views-submit-button{
            width: 20%; 
        }
		.views-exposed-widgets{
			#edit-state-wrapper, #edit-field-preferredsettings-value-wrapper, #edit-field-preferredsalary-value-wrapper, #edit-field-preferredwork-value-wrapper, #edit-field-seasonpreference-value-wrapper, #edit-changed-wrapper{
				height: 70px;
			}
		}
}

/* User-Order */
.page-user-order.page-user-order-order.section-user-order .view-user-order{
	.field-name-field-billing-phone-number, .field-name-field-in-careof{
		.field-label{
			display: none;
		}
	}
	.views-label{
		font-weight: bold;
	}
	.views-field{
		
		margin: 10px 0;

		span.views-label{
			width: 180px;
			float: left;
			display: block;
			margin: 10px 0; 
		}

		.field-content{
			width: 80%;
			float: left;
			margin: 10px 0; 
		}
	}

	.views-field-commerce-line-items, .views-field-commerce-line-items + div{
		span.views-label{
			width: 100%;
			float: none;
			display: block;
		}

		.field-content{
			width: 100%;
			float: none;
		}
	}
}
.form-item.form-type-checkbox.form-item-commerce-payment-payment-details-credit-card-cardonfile-store{ display: none;}
.page-ads-search-employer{
    #page-wrapper{ width:100% !important;}
    #main{ width:100% !important;}
    #header{ width: 980px !important; margin: 0px auto !important;}
    #above_content{ width: 980px !important; margin: 0px auto !important;}
    #below_content{ width: 980px !important; margin: 0px auto !important;}
    #page-content{ width: 94% !important; margin: 0px auto !important;}
    
}
/*new code added by nidhis on 19 aug 2015*/
.page-workamping-dashboard-hotline-jobs .view-hotline-ads .field-name-field-published-date, .page-workamping-dashboard-hotline-jobs .view-hotline-ads .field-name-field-email{
	width: 530px;
}
.view-concierge-codes .view-filters .views-exposed-form .views-submit-button, .view-concierge-codes .view-filters .views-exposed-form .views-reset-button{margin:35px 10px 0px 30px !important;}
#views-exposed-form-workamper-article-page .views-exposed-form .views-reset-button{ margin-top:20px !important;}
.form-item.form-type-radios.form-item-field-select-job-und > label {
    float: left;
    width: 12%;
}
#tbodyhistoryrows a {
    font-size: 11px;
}
#tbodyhistoryrows td {
    font-weight: normal;
}
/*End here*/
/* --SWO--*/
.myswo{font-size:20px; }
.currentswo {
    color: #e04421;
}

.preswo {
	color: #000;
}

.presw {
    color: #733a00;
}
/*End Here*/

.section-upgrade-renew #auto-renew{
	float: right;
	margin-top: -96px;
	width: 217px !important;
	/*float-right:100px;*/
	right:100px;
}
.section-upgrade-renew .info-auto-renew i{
	color: #e04421;
	font-family: "museo-slab", sans-serif;
}


.Edit_Link_View{
	display:none;
}
#page-content .node-storeevents .group-left input.form-submit {
    background: #00aeef;
}
.section-store .view-main-products-view-store .views-row .views-field-field-events-image{
    float: left; 
    margin-right: 10px; 
    margin-bottom: 10px; 
}

.page-store-events #edit-field-postal-address-administrative-area{display:none;}

.Outofstock{    
    float: left;
    clear: left;
    color: #e04421;
    font-weight: 600;
    font-size:16px;
}

.page-store-all .Outofstock{
    margin-left: 18px;
}

#edit-employer-value-wrapper{display: none;}


.man-acc {
  background: #0090d1 none repeat scroll 0 0;
 // height: 38px;
  padding:2px 10px 2px 2px;
  margin:10px;
}
.man-acc:hover {
  background: #00aeef none repeat scroll 0 0;
}

.man-acc i {
  background: #fff none repeat scroll 0 0;
  color: #000;
    font-size: 31px;
     padding: 0 5px;
 // padding: 10px;
}
.man-acc > a {
  color: #fff;
   outline: none;
  border: none;
  text-decoration: none;
  
}
.man-acc > a:hover {
 text-decoration:none;
}
.man-acc span {
    padding-left: 8px;
    vertical-align: super;
}
.alert-email {
    left: 35%;
    position: relative;  
}
.showcat{
	/*width:97.3%;*/
	text-align: left;
	
	/*font-size: 20px;*/
	margin: 15px 0 0 0;
	color: #ffffff;
	padding: 5px 30px;
	cursor: pointer;
	cursor: hand;
	background-image: url('https://workamper.com/sites/default/files/workamper_article/1689590.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #c83615;
	background-size: 10px;
}


.page-checkout #edit-commerce-user-profile-pane-field-firstname, .page-checkout #edit-commerce-user-profile-pane-field-lastname{float:left;width: 50%;}

.page-checkout #edit-commerce-user-profile-pane-field-firstname input, .page-checkout #edit-commerce-user-profile-pane-field-lastname input{
    width: 65%;
}
.page-checkout #edit-commerce-user-profile-pane-field-firstname label, .page-checkout #edit-commerce-user-profile-pane-field-lastname label{
    width: 25%;
    float: left;
}
.page-checkout #edit-account-login .form-item-account-login-mail{width:80%;}
.page-checkout #edit-account-login .form-item-account-login-mail label {
    float: left;
    width: 20%;
}

.page-checkout #edit-account-login input {
    float: left;
    width: 60%;
}
#edit-commerce-coupon-coupon-code{width:200px;}
#edit-field-employer-member-value-wrapper{display:none;}
#popup1{display:none;}
/* CSS CODE - ENDS HERE */

/*****************/

.view-supercharge-audio-library .view-header a {    
			margin: 0px 0px 0px 0px;
			padding: 5px 10px;
			font-family: "museo-slab",sans-serif;
			font-size: 20px;
			font-weight: 700;
			color: #ffffff;
			cursor: pointer;
			border: 1px solid #e04421;
			background-color: #e04421;

}

.page-node .with-navigation #block-system-main .node-supercharged-audio-library .submitted{ display: none; }



.ui-dialog {
    width: 350px !important;
    .ui-dialog-titlebar {
        background: #e04421;
        box-shadow: none;
        border: none;
        .ui-dialog-title {
            color: #fff;
        }
    
    }
}
.dashboard_popup {
	a {
		border: none;
		outline: none;
	}
}

.media-library-title-non-link{
	color: #e04421;
    font-size: 20px;
    font-weight: 600;
}

.media-library-content .views-more-link{
	color: #c83615;
}
.section-upgrade-renew #page-content .infobox-price{      height: 92px;  margin-bottom: 22px;}
.section-upgrade-renew #page-content fieldset {
  
    margin-bottom: 39px !important;
}

.view-join-today-member-benefits table th.views-field.views-field-field-diamond { background: #AA1800 !important; color: #fff !important;}
.view-join-today-member-benefits table th.views-field.views-field-field-platinum { background: #e04421 !important; color: #fff !important;}




.access-block{
	width: 100%;
    display: inline-block;
	.column-left-access{    
		width: 48%;
		float: left;
	}
	.column-right-access{    
		width: 48%;
		float: right;
	}
}

/*********************/

#below_content{
	#block-block-78 {
	display: inline-block;
	width: 100%;

		.fieldset-wrapper {
			position: relative;
			height: 60px;
			width: 548px;
			float: left;
			padding: 0;
			margin: 0 auto;
			background: #83675a;
			.boxy {
				max-width: 357px;
				width: 100%;
				display: inline-block;
				color: #fff;
				padding: 10px 20px;
			}
		}
		
		a.next_step {
			display: block; 
			list-style: none;
			float: right;
			position: relative;
			padding: 10px 35px;
			line-height: 40px;
			margin: 0;
			margin-left: 5px;
			width: auto;
			color: white;
			font-family: "museo-slab",sans-serif;
			font-weight: bold;
			text-align: center;
			background: #55b949;
			width: 156px;
			font-size: 20px;
		}
		a.next_step:hover {
			background: #73d767;
			text-decoration: none;
		}
	}
	
}

.player{
    text-align: center;
    width: 100%;
    max-width: 500px;
	margin: 30px auto;
	
	iframe{    
		width: 100%;
	}
}

/************************/


#emp_verification.verification {
	position: fixed;

	.wkv_inner_form{
		position: relative;
		width: 100%;
		max-width: 660px;
		margin: 7% auto;
		background: #fff;
		padding: 0;
	
		.webform-client-form {
			width: 100%;
			max-width: 600px;
			padding: 30px;
			.form-item {
				width: 46%;
				margin: 10px;
				display: inline-block;
				vertical-align: top;
				input {
					width: 100%;
					box-sizing: border-box;
				}
				.form-item {
					width: auto;
					margin: 5px 10px 10px 0;
					vertical-align: top;
					input{
						padding: 8px;
						margin-top: 0px !important;
						border: 1px solid #bfad9e;
						font-family: "museo-slab",sans-serif;
						font-weight: 700;
						height: 33px;
					}
					select{
						height: 33px;
					}
				}
			}
			.form-actions {
				margin: 0 10px;
			}
			.form-item.webform-component.webform-component-textfield.webform-component--phone-number {
				display: block;
			}
		}

	.close {
		vertical-align: middle;
		padding: 12px 12px;
		background: #fff;
		margin: 10px;
		border-radius: 100px;
		height: 20px;
		width: 20px;
		line-height: 20px;
		text-align: center;    
		right: -30px;
		top: -30px;    
		 position: absolute;
	}
}
}
.form-field-type-list-boolean.form-field-name-field-verified-work,
.form-field-type-list-boolean.form-field-name-field-rehire-work,
.form-field-type-list-boolean.form-field-name-field-verification-request {
	display: none;
}

.view-join-today-member-benefits td.views-field.views-field-title, 
.view-join-today-member-benefits-gold td.views-field.views-field-title, 
#page-content .view-join-today-member-benefits td.views-field.views-field-title, 
#page-content .view-join-today-member-benefits-gold td.views-field.views-field-title {
    width: 40%;
}
/**********************/

@media (max-width: 639px) {
	.access-block{
		.column-left-access{    
			width: 100%;
		}
		.column-right-access{    
			width:100%;
		}
	}
}




/***************************************/

.section-campaign-membership.node-type-webform {
	.webform-client-form{
		.customer-billing-review-information{
			fieldset.collapsible {
				background: transparent;
				border: none;
				margin: 0;
			}
		}
		.customer-billing-information{
			fieldset{
				.fieldset-wrapper{
					.set-campaignX{
						.form-type-checkbox{
							input[type="checkbox"]{
								width: auto;
							}
						}
					}
				}
			}
		}
	}
.node-webform {
		form {
		background-color: transparent;
		height: auto;
		padding:0px;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		box-sizing: border-box;
		.form-item{
			margin: 8px 0px;

			label{
				color: #222;
			}
			input, select{
				height:32px;
				border: #ccc solid 1px;
				width: 100%;
				padding: 6px;
				outline: none !important;
				margin: 0px !important;
				box-sizing: border-box;
				font-size: 15px;
			}
		}
		.form-item.form-item-expiration-date-month{
			width: 47%;
			float: left;
			select {
				width: 200px;
				float: left;
			}
		}
		.form-item.form-item-expiration-date-year{
			width: 47%;
			float: right;
			margin: 30px 0 0 0;
		label {
				display: inline-block;
				vertical-align: top;
				position: relative;
				left: -19px;
			}
			select {
				width: 200px;
				float: right;
			}
		}
		.cc-type {
			display: inline-block;
			width: 100%;
		}



		.form-actions{
			width: 100%;
			display: inline-block;
			position: relative;
			min-height: 50px;
			
			input.webform-next{
				max-width: 160px;
				height: auto !important;
				line-height: 30px;
				padding: 0;
				font-family: "proxima-nova",sans-serif;
				margin: 0 !important;
				font-size: 16px !important;
				position: absolute;
				right: 0;
				font-weight: bold;
			}
			input.webform-previous{
				max-width: 160px;
				height: auto !important;
				line-height: 30px;
				padding: 0;
				font-family: "proxima-nova",sans-serif;
				margin: 0 !important;
				font-size: 16px !important;
				position: absolute;
				left: 0;
				font-weight: bold;
			}

			input.webform-submit{
				max-width: 160px;
				height: auto !important;
				line-height: 30px;
				padding: 0;
				margin: 0 auto !important;
				font-family: "proxima-nova",sans-serif;
				font-size: 16px !important;
				position: absolute;
				right: 0;
				font-weight: bold;
			
			}
		}
	}
}

}









/********************/

//----- Specific Sections' LESS -----
@import "member-tools.less";
@import "subscriber-tools.less";
@import "employer-tour.less";
@import "media-library.less";
@import "calendar.less";
@import "store.less";
@import "business-opportunities.less";
@import "resume-builder.less";
@import "edit-profile.less";
@import "membermap.less";
@import "volunteer-opportunities.less";
@import "marketing101.less";

//----- Tablet/Mobile LESS -----
@import "tablet.less"; // Keep at bottom of file
@import "mobile.less"; // Keep at bottom of file
@import "content.less"; // Keep at bottom of file