@font-face {
	    font-family: 'gotham';
	    src: url('fonts/gothamhtf-light-webfont.eot');
	    src: url('fonts/gothamhtf-light-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/gothamhtf-light-webfont.woff2') format('woff2'),
	         url('fonts/gothamhtf-light-webfont.woff') format('woff'),
	         url('fonts/gothamhtf-light-webfont.ttf') format('truetype'),
	         url('fonts/gothamhtf-light-webfont.svg#gotham') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}

@font-face {
    font-family: 'gotham';
    src: url('fonts/gothamhtf-medium-webfont.eot');
    src: url('fonts/gothamhtf-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-medium-webfont.woff2') format('woff2'),
         url('fonts/gothamhtf-medium-webfont.woff') format('woff'),
         url('fonts/gothamhtf-medium-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-medium-webfont.svg#gotham') format('svg');
    font-weight: 700;
    font-style: bold;
}


html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	/*background: url(images/back-black-header1.png) top right no-repeat #191919;*/
	/*background: url(images/back-black-header3.png) top right -200px no-repeat #000;
	background-size: 40%;*/
	background: #222;
    font-family: 'gotham', 'Montserrat',Arial, Helvetica, sans-serif;
    color: #aaa;


	
}

.footer {
	min-height: 100px;
	text-align: center;
}

	.footer .copright {
		display: inline-block;
		margin: 50px 0px 0px 0px;
		font-size: 13px;
	}

a {
	color: #b7cd38;
	text-decoration: none;
}

.strip {
	width: 1100px;
	margin: 0 auto;
}

.content .backlink,
.backlink {
	display: block;
	margin: 10px auto 30px auto;
	text-align:center;
	font-weight: normal;
	/*color: #c5c9a9;*/
	color: #555;
}

.backlink:before {
	content: "\2190 ";
}

.flash-notice {
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #b7cd38;
	width: 40%;
	margin: 0 auto 30px auto;
	font-size: 14px;
}

.flash-error {
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #ffbfbf;
	width: 40%;
	margin: 0 auto 30px auto;
	font-size: 14px;
}

.header .logo {
	margin: 40px 0px 40px 0px;
}

	.header .logo img {
		width: 250px;
		height: auto;

	}

.content {
	/*background: rgba(204, 204, 204, 0.4);*/
	/*background-color: #fff;*/
	background: rgba(255, 255, 255, 0.9);
	min-height: 400px;
	padding: 30px 0px 40px 0px;
	overflow: hidden;
	color: #444;
	border-top: 7px solid #B7CD38;
}

.content .strip {
	/*background: #fff;
	padding: 30px;*/
}

.content a {
	color: #000;
	font-weight: bold;
}

.content .main {
	/*float: left;
	width: 75%;*/
	clear: both;
}




/*--------- general forms -----------*/

input:-webkit-autofill {
	background-color: #f6f6f6;
}

textarea,
select,
input {
	
	font-family: 'gotham', 'Montserrat',Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
	background-color: #f6f6f6;
	font-size: 15px;
	outline: none;
}

textarea,
select,
input[type=text],
input[type=search],
input[type=email],
input[type=password],
input[type=number] {
	border: 1px solid #aaa;
	border-radius: 3px;
	height: 35px;
	line-height: 35px;
	background-color: #f6f6f6;
	width: 100%;
	padding: 0px 0px 0px 10px;
	font-weight: 100;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-family: 'gotham', 'Montserrat',Arial, Helvetica, sans-serif;
}

textarea {
	height: 300px;
	line-height: 20px;
}

.button.loader,
button[type=submit].loader,
input[type=submit].loader {
	text-indent: -200px;
	border: zero;
	cursor: none;
}

.button,
button[type=submit],
input[type=submit] {
	border: 1px solid #d7d7d7;
    padding: 10px 20px 10px 20px;
   	background-color: transparent;
    cursor: pointer;
    display: block;
    font-size: 15px;
   	color: #aaa;
   	font-weight: bold;
    outline: none;
    font-family: 'gotham', 'Montserrat',Arial, Helvetica, sans-serif;
    background: linear-gradient(#eee, #fff);
    color: #666;
}

.button:hover,
button[type=submit]:hover,
input[type=submit]:hover {
	/*color: #000;
    background: #fff;
    border: 0;*/
    background: linear-gradient(#ddd, #eee);
}

.button.small {
	font-size: 13px;
	text-transform: none;
	float: right;
	display: block;
    margin: 10px 0px 10px 0px;
    background: linear-gradient(#eeeeee, #fff);
    border: 1px solid #d7d7d7;
    color: #777;
}

.button.small:hover {
	background: linear-gradient(#ddd, #eee);
}

a.delete-button,
.delete-button {
	display: block;
	padding: 5px;
	margin: 20px auto 20px auto;
	border: 1px solid #000;
    padding: 10px 20px 10px 20px;
   	background-color: transparent;
    cursor: pointer;
    font-size: 13px;
    color: #000;
    font-weight: bold;
   	float: right;
    outline: none;
    font-family: 'gotham', 'Montserrat',Arial, Helvetica, sans-serif;
    background: linear-gradient(#ffd1d1, #fff);

}
	
input[type=checkbox] {
	-webkit-appearance: checkbox;
}

select {
	-webkit-appearance: menulist;
}

.selectsmall {
	width: 110px;
	overflow: hidden;
}

	.selectsmall select.single-status-select {
		height: 20px;
		line-height: 20px;
		float: left;
		width: 80%;
		margin: 0px 5px 0px 0px;
		/*border: 0;*/
		background: transparent;
		font-size: 11px;
	}

	.selectsmall .loader-img {
		float: right;
		display: none;
	}

	.selectsmall .fa-check {
		display: none;
	}

.loader:hover,
.loader {
	border: 0 !important;
	background: url(images/ajax-loader-white.gif) center center no-repeat !important;
	color: #191919 !important;
}


.dropdown-loader {
	float: left;
	margin: 10px 0px 0px 10px;
	display: none;
}

.prefill-check {
	clear: both;
	margin: 20px 0px 0px 0px;
}

	.prefill-check #prefillpostal {

	}

	.prefill-check label {
		font-size: 12px;
	}



/*--------- login form -----------*/

.content.login {
	background: transparent;
}

.front-loginform {
	width: 355px;
	margin: 7% auto 0 auto;
	padding: 40px 0px 0px 0px;
}

.front-loginform.loading {
	background: url(images/ajax-loader-white.gif) center center no-repeat;
	height: 300px;
}

	.front-loginform form {
		padding: 30px;
		border-radius: 5px;
			
	}

		.front-loginform form label {
			display: block;
			margin: 0px 0px 10px 0px;
			font-weight: 100;
		    letter-spacing: 1.5px;
		    font-size: 16px;
		    color: #ccc;
		}

		.front-loginform form input[type=password],
		.front-loginform form input[type=text] {
			margin: 0px 0px 25px 0px;
			background: transparent;
			color: #fff;
		}	

		.front-loginform form .remember-me-wrap {
			float: right;
		}

			.front-loginform form .remember-me-wrap input[type=checkbox] {

			}

			.front-loginform form .remember-me-wrap label {
				display: inline-block;
				font-weight: 400;
				font-size: 15px;
			}

			.front-loginform form .error-login {
				border: 1px dotted red;
				border-radius: 3px;
				color: #000;
				text-align: center;
				padding: 10px;
				background: pink;
				margin: 0px 0px 20px 0px;
				display: none;
			}

			.front-loginform form #login_submit {
				background: transparent;
				color: #aaa;
				font-weight: normal;
			}

			.front-loginform form #login_submit:hover {
				background: #fff;
				color: #000;
			}

/*--------- userbar ------------*/

.userbar {
	/*background: #545458;*/
	/*background: #333;*/
	/*background: rgba(204, 204, 204, 0.4);*/
	background: rgba(255, 255, 255, 0.9);
	/*background: #B7CD38;*/
	color: #000;
	padding: 10px 0px 5px 0px;
	overflow: hidden;
	border-top: 1px solid #000;
	border-bottom: 3px solid #B7CD38;
}

	.userbar .top-user-label {
		float: left;
		letter-spacing: 0.5px;
	}

	.userbar .bar-logout {
		float: right;
		margin: 0px 20px 0px 0px;
		font-size: 14px;
		font-weight: bold;
	}

		.userbar .bar-logout a {
			color: #000;
		}

/*--------- tabbar ------------*/

.tabbar {
	/*background: #F5F4ED;*/
	padding: 0px 0px 0px 0px;
}

	.tabbar ul.maintabs {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}

		.tabbar ul.maintabs li {
			display: block;
			float: left;
			
			margin: 0px 5px 0px 0px;
			padding: 5px 0px 0px 0px;
		}

			.tabbar ul.maintabs li a {
				display: block;
				padding: 8px 50px 5px 50px;
				letter-spacing: 0.5px;
				font-size: 13px;
				color: #000;
				background: rgba(255, 255, 255, 0.5);
				/*background: #beb78b;*/
				/*background: #c6c6c6;*/
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
				opacity: 0.8;
				transition: all 0.5s;

			}

			.tabbar ul.maintabs li a:hover {
				opacity: 1;
				color: #666;
			}

			.tabbar ul.maintabs li.current a {
				background: #b7cd38;
    			/*background: rgba(204, 204, 204, 0.2);*/
				border-top: 1px solid #beb78b;
				border-left: 1px solid #beb78b;
				border-right: 1px solid #beb78b;
				opacity: 1;
			}

/*--------- sub-tabbar ------------*/

.sub-tabbar {

}

	.sub-tabbar ul.subtabs {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}

		.sub-tabbar ul.subtabs li {
			float: left;
			padding: 10px;
			background: #fff;
		}

			/*.sub-tabbar ul.subtabs li.current a {
				color:#000;
			}*/

/*--------- view-box ------------*/

.view-box {
	/*border: 1px solid #545458;*/
	border-top: 3px solid #b7cd38;
	/*border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;*/
	/*border-radius: 4px;*/
	margin: 0px 0px 20px 0px;
	background: #fff;

	    /* border: 1px solid #545458; */
   
    /* border-radius: 4px; */
    /*margin: 0px 0px 20px 0px;*/

}
	
	.view-box .view-header {
		/*background: #545458;*/
		background: #000;
		padding: 15px 20px 10px 20px;
		overflow: hidden;
	}

		.view-box .view-header .view-title {
			color: #fff;
			font-size: 23px;
			float: left;
			letter-spacing: 0.8px;
		}

		

	.view-box .view-divider {
		padding: 15px 15px 10px 15px;
	    overflow: hidden;
	    background: #CCCBC5;
	}

		.view-box .view-divider .view-sub-header {
			color: #000;
			font-size: 17px;
			float: left;
		}

		.view-box .view-divider .view-buttons {
			float: right;
			padding: 4px 0px 0px 0px;
		}

			.view-box .view-divider .view-buttons a {
				color: #222;
				text-decoration: underline;
			}

	.view-box .sub-section {
		padding: 25px 25px 25px 25px;
		font-size: 14px;
	}

		.view-box .sub-section .sub-section-header {

		}

			.view-box .sub-section .sub-section-header .sub-section-title {
				text-transform: uppercase;
				display: block;
				font-weight: bold;
    			font-size: 13px;
			}

				.view-box .sub-section .sub-section-header .sub-section-title em {
					display: block;
					text-transform: none;
					font-style: italic;
					font-size: 12px;
					margin: 5px 0px 5px 0px;
				}

		.view-box .sub-section .sub-section-content {
			border: 1px solid #CCCBC5;
			margin: 10px 0px 50px 0px;
		}

			.view-box .sub-section .sub-section-content .single {
				overflow: hidden;
				background: #fff;
				padding: 20px;
			}

			.view-box .sub-section .sub-section-content ul.rows {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}

				.view-box .sub-section .sub-section-content ul.rows li {
					height: 40px;
				    line-height: 40px;
				    font-size: 13px;
					display: block;
					/*border-bottom: 1px solid #CCCBC5;*/
					overflow: hidden;
					background: #fff;
				}

				.view-box .sub-section .sub-section-content ul.rows li.extended {
					height: auto;
				}

				.view-box .sub-section .sub-section-content ul.rows li:nth-child(even) {
					background: #f6f6f6;
				}

				/*.view-box .sub-section .sub-section-content ul.rows li:last-child {
					border: 0;
				}*/

					.view-box .sub-section .sub-section-content ul.rows li .row-label {
						display: block;
						float: left;
						padding: 0px 0px 0px 20px;
						
						width: 16%;
						font-weight: bold;
					}

					.view-box .sub-section .sub-section-content ul.rows li .row-value {
						display: block;
						float: left;
						padding: 0px 0px 0px 20px;
						border-left: 1px solid #CCCBC5;
					}

					.view-box .sub-section .sub-section-content ul.rows li.extended .row-value {
						line-height: 20px;
						float: left;
						width: 78%;
						padding: 20px 0px 20px 20px;
					}


		.view-box .sub-section .sub-section-list {
			border: 1px solid #CCCBC5;
			margin: 10px 0px 50px 0px;
		}

			.view-box .sub-section .sub-section-list ul.title-rows {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
				background: #dadada;
				overflow: hidden;
			}

				.view-box .sub-section .sub-section-list ul.title-rows li.title-row {
					float: left;
					height: 50px;
    				line-height: 50px;
    				width: 25%;
    				padding: 0px 0px 0px 15px;
    				color: #000;
    				font-size: 13px;
    				text-transform: uppercase;
				}

				.view-box .sub-section .sub-section-list ul.title-rows li.title-row.ultra-thin {
					width: 10%;
				}

				.view-box .sub-section .sub-section-list ul.title-rows li.title-row.thin {
					width: 15%;
				}

			.view-box .sub-section .sub-section-list ul.rows {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}

				.view-box .sub-section .sub-section-list ul.rows li.row {
					/*height: 50px;*/
					line-height: 50px;
					display: block;
					/*border-bottom: 1px solid #CCCBC5;*/
					overflow: hidden;
					background: #fff;
					clear: both;
					
				}



				.view-box .sub-section .sub-section-list ul.rows li:nth-child(even) {
					background: #f6f6f6;
				}

					.view-box .sub-section .sub-section-list ul.rows li.row span {
						display: block;
						float: left;
						width: 25%;
						height: 50px;
    					line-height: 50px;
    					padding: 0px 0px 0px 15px;
					}

					.view-box .sub-section .sub-section-list ul.rows li.row span.ultra-thin {
						width: 10%;
					}

					.view-box .sub-section .sub-section-list ul.rows li.row span.thin {
						width: 15%;
					}

					.view-box .sub-section .sub-section-list ul.rows li.row span.large {
						width: 40%;
						height: auto;
						line-height: 25px;
						font-style: italic;
						padding-top: 15px;
					}

					.view-box .sub-section .sub-section-list ul.rows li.row span.wraptext {
						height: auto;
						line-height: 20px;
						font-style: italic;
						font-size: 13px;
						padding: 5px 0px 5px 15px;
					}

/*--------- list-box ------------*/

.list-tabs {
	overflow: hidden;
}

	.list-tabs ul {
		float: right;
		list-style: none;
		margin: 0px 5px 0px 0px;
		padding: 0;
	}

		.list-tabs ul li {
			float: left;
			background: #bbb;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
			margin: 0px 0px 0px 5px;
		}

		.list-tabs ul li.current {
			/*background: #545458;*/
			background: #b7cd38;
		}

			.list-tabs ul li.current a {
				color: #000;
			}

			.list-tabs ul li a {
				color: #eee;
				display: block;
				padding: 7px 15px 6px 15px;
    			letter-spacing: 0.5px;
				font-size: 12px;
				font-weight: normal;
			}

/*--------- list-box ------------*/


.list-box {
	/*border: 1px solid #545458;*/
	border-top: 3px solid #b7cd38;
	/*border-radius: 4px;*/
	margin: 0px 0px 20px 0px;
}
	
	.list-box .list-header {
		/*background: #545458;*/
		background: #000;
		padding: 15px 20px 10px 20px;
		overflow: hidden;
	}

	.list-box .list-header a {
		color: #fff;
		font-weight: normal;
	}

		.list-box .list-header .list-title {
			color: #fff;
			font-size: 20px;
			float: left;
			letter-spacing: 0.8px;
		}

		.list-box .list-header .list-buttons {
			float: right;
			padding: 4px 0px 0px 0px;
		}

	.list-box .list-header-row {
		background: #cccccc;
		padding: 20px 15px 15px 15px;
		overflow: hidden;
	}

	.list-box .list-header-row .row-title {
		display: block;
		float: left;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 13px;
		width: 25%;
	}

		.list-box .list-header-row .row-title a {
			color: #000;
		}

	.list-box .list-header-row .row-title.ultra-thin {
		width: 7%;
	}

	.list-box .list-header-row .row-title.thin {
		width: 13%;
	}

	.list-box .list-header-row .row-title.medium {
		width: 20%;
	}

	.list-box .list-header-row .row-title.wide {
		width: 30%;
	}


	.list-box ul.rows {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.list-box ul.rows li.row {
			padding: 15px 15px 15px 15px;
			overflow: hidden;
			background: #FFF;
			font-size: 13px;
		}

		.list-box ul.rows li.row:nth-child(odd) {
			background: rgb(251, 251, 251);

		}

			.list-box ul.rows li.row .row-data {
				display: block;
				float: left;
				width: 25%;
			}

			.list-box ul.rows li.row .row-data.ultra-thin {
				width: 7%;
			}

			.list-box ul.rows li.row .row-data.thin {
				width: 13%;
			}

			.list-box ul.rows li.row .row-data.medium {
				width: 20%;
			}

			.list-box ul.rows li.row .row-data.wide {
				width: 30%;
			}

			.list-box ul.rows li.row .row-data.actions {
				
			}



/*--------- form-box ------------*/

.form-box {
	border: 1px solid #545458;
	border-radius: 4px;
	margin: 0px 0px 30px 0px;
	
}

	.form-box .form-header {
		background: #000;
		padding: 15px 20px 10px 20px;
		overflow: hidden;
	}

	.form-box .form-header a {
		color: #b7cd38;
		font-weight: normal;
	}

		.form-box .form-header .form-title {
			color: #fff;
		    font-size: 23px;
		    float: left;
		    letter-spacing: 0.8px;

		}

		.form-box .form-header-buttons {
			float: right;
		}

	.form-box .form-wrap {
		/*margin: 25px;
		padding: 25px;
		background: #fff;
		border: 1px solid #d6d5cd;*/
	}

		.form-box .form-wrap .form-divider {
			padding: 15px 15px 10px 15px;
		    overflow: hidden;
		    background: #CCCBC5;
		}

			.form-box .form-wrap .form-divider .form-sub-header {
				color: #000;
				text-transform: uppercase;
				float: left;
				font-weight: bold;
    			font-size: 14px;
			}

			.form-box .form-wrap .form-divider .form-divider-actions {
				float: right;
			}

				.form-box .form-wrap .form-divider .form-divider-actions a {

				}

		.form-box .form-wrap .form-row {
			padding: 10px 15px 10px 15px;
		    overflow: hidden;
		    /*background: rgba(255, 255, 255, 0.9);*/
		    background: rgb(251, 251, 251);
		}

		.form-box .form-wrap .form-row:nth-child(odd) {
			background: rgb(255, 255, 255);
		}


		.form-box .form-wrap .form-row .form-label {
			float: left;
			font-size: 13.5px;
			width: 18%;
			padding: 10px 0px 0px 0px;
		}

		.form-box .form-wrap .form-row .form-input {
			float: left;
			width: 50%;
		}

			.form-box .form-wrap .form-row .form-input input {
				
			}

			.form-box .form-wrap .form-row .form-input ul {
				margin: 0;
				padding: 0;
				list-style: none;
				overflow: hidden;
			}

				.form-box .form-wrap .form-row .form-input ul li {
					display: block;
					float: left;
					margin: 5px 15px 5px 15px;
				}

		.form-box .form-wrap .form-row.errors {
			background: pink;
			border-top: 1px dotted red;
			border-bottom: 1px dotted red;
			
		}

		.form-box .form-wrap .form-row.errors .form-error {

		}

			.form-box .form-wrap .form-row .form-error ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}

				.form-box .form-wrap .form-row .form-error ul li {
					color: #000;
					text-align: left;
					font-style: italic;
				}

		.form-box .form-wrap .sub-content {
			padding: 25px 25px 25px 25px;
			background: #eeeeee;
		}

			.form-box .form-wrap .sub-content .sub-content-header {
				overflow: hidden;
				clear: both;
				padding: 50px 0px 0px 0px;
			}

			.form-box .form-wrap .sub-content .sub-content-header:first-child {
				padding-top: 0px;
			}

				.form-box .form-wrap .sub-content .sub-content-header .sub-content-title {
					text-transform: uppercase;
    				display: block;
    				float: left;
				}

				.form-box .form-wrap .sub-content .sub-content-header .sub-content-actions {
					float: right;
					margin: 0px 10px 0px 0px;
				}

					.form-box .form-wrap .sub-content .sub-content-header .sub-content-actions a {
						color: #756e49;
						font-size: 12px;
						text-transform: uppercase;
					}


			.form-box .form-wrap .sub-content .sub-content-content {
				border: 1px solid #CCCBC5;
				margin: 10px 0px 50px 0px;
			}

			.form-box .form-wrap .sub-content .sub-content-content .button.small.pdf {
				float: right;
				margin: 10px 0px 10px 0px;
			}

				.form-box .form-wrap .sub-content .sub-content-content .sub-row {
					height: 50px;
				    line-height: 50px;
				    display: block;
				    overflow: hidden;
				    background: #fff;
				}

				.form-box .form-wrap .sub-content .sub-content-content .sub-row:nth-child(even) {
					background: #f6f6f6;
				}
				    

					.form-box .form-wrap .sub-content .sub-content-content .sub-row .row-label {
						display: block;
					    float: left;
					    padding: 0px 0px 0px 20px;
					    width: 16%;
					    font-weight: bold;
					}

					.form-box .form-wrap .sub-content .sub-content-content .sub-row .row-value {
						display: block;
					    float: left;
					    padding: 0px 0px 0px 20px;
					    border-left: 1px solid #CCCBC5;
					}
						

						
				    

/*--------- user edit form------------*/

#password-edit-fields {
	display: none;
}

/*--------- list-box ------------*/

.paginate-box {
	overflow: hidden;
	/*color: #aaa;*/
	padding: 0px 20px 0px 20px;
	font-size: 13.5px;
}

	.paginate-box .paginate-inner {
		width: 600px;
		/*margin: 0 auto;*/
		/*text-align: center;*/
		float: left;
		margin: 0px 20px 0px 40px;
	}

	.paginate-box .paginate-inner a {
		/*color: #c5c9a9;*/
		color: #000;
	}

	.paginate-box .paginate-inner a.prev, 
	.paginate-box .paginate-inner a.next {
		display: inline-block;
		
	}

	.paginate-box .paginate-inner a.prev {
		background: url(images/pagination-arrow-left.png) center left no-repeat;
		padding: 0px 0px 0px 25px;
		margin: 0px 20px 0px 0px;
	}

	.paginate-box .paginate-inner a.next {
		background: url(images/pagination-arrow-right.png) center right no-repeat;
		padding: 0px 25px 0px 0px;
		margin: 0px 0px 0px 20px;
	}
 
		.paginate-box .paginate-inner ul {
			margin: 0;
			padding: 0;
			display: inline-block;
			list-style: none;
			text-align: center;
		}

			.paginate-box .paginate-inner ul li {
				display: inline-block;
				width: 20px;
				height: 20px;
				line-height: 20px;
			}

	.paginate-box .paginate-total {
		float: right;
	}

	.paginate-box .paginate-pages {
		float: left;
		padding: 5px 0px 0px 0px;
	}


/*--------- search stuff -----------*/

.search-title {
	font-size: 15px;
}

button.search-button,
.search-button {
	overflow: hidden;
	text-indent: -200px;
	display: block;
	width: 38px;
	height: 38px;
	border: 0;
	background: url(images/search-icon-grey.png) no-repeat center center;
}

button.search-button:hover,
.search-button:hover {
	background: url(images/search-icon-grey.png) no-repeat center center;
}

.search-wrap {
	overflow: hidden;
	margin: 20px 0px 20px 0px;
	float: left;
	width: 400px;
}

	.search-wrap form {
	
	}

		.search-wrap form input[type=search] {
			float: left;
			width: 300px;
		}

		.search-wrap form button.search-button {
			float: left;
		}


.status-filter-wrap {
	float: right;
	width: 350px;
	overflow: hidden;
	margin: 25px 0px 20px 0px;
}

	.status-filter-wrap form {

	}

		.status-filter-wrap form label {
			float: left;
			display: block;
			width: 37%;
			color: #000;
			text-align: right;
			font-size: 14px;
			padding: 10px 0px 0px 0px;
		}

		.status-filter-wrap form select {
			float: right;
			width: 60%;
		}


/*--------- jobitems ------------*/

.jobitems-wrap {
	background: #FFFFFF;
}



	.jobitems-wrap .jobitems-outer {
		padding: 25px 25px 25px 25px;
	}

		.jobitems-wrap .jobitems-outer .jobitems-header {

		}

			.jobitems-wrap .jobitems-outer .jobitems-header .item-header {
				display: block;
				float: left;
				font-weight: bold;
				margin: 0px 22px 5px 0px;
			}

			.jobitems-wrap .jobitems-outer .jobitems-header .item-header.title {
				width: 53%;
			}

			.jobitems-wrap .jobitems-outer .jobitems-header .item-header.rate {
				width: 8.4%;
			}

			.jobitems-wrap .jobitems-outer .jobitems-header .item-header.hours {
				width: 10%;
			}

			.jobitems-wrap .jobitems-outer .jobitems-header .item-header.amount {
				width: 6.6%
			}

			.jobitems-wrap .jobitems-outer .jobitems-header .item-header.chance {
				width: 8%;
			}


		.jobitems-wrap .jobitems-outer ul.jobitems {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			list-style: none;
			overflow: hidden;
			clear: both;
		}

			.jobitems-wrap .jobitems-outer ul.jobitems li {
				overflow: hidden;
				margin: 0px 0px 5px 0px;
			}

				
					.jobitems-wrap .jobitems-outer ul.jobitems li div select,
					.jobitems-wrap .jobitems-outer ul.jobitems li div input {
						float: left;
						margin: 0px 10px 0px 0px;
					}

					.jobitems-wrap .jobitems-outer ul.jobitems li span {
						display: block;
					}

					.jobitems-wrap .jobitems-outer ul.jobitems li input.title {
						width: 53%;
					}

					.jobitems-wrap .jobitems-outer ul.jobitems li input.hours {
						width: 10%;
					}

					.jobitems-wrap .jobitems-outer ul.jobitems li input.rate {
						width: 7%;
					}

					

					.jobitems-wrap .jobitems-outer ul.jobitems li span:nth-child(4) {
						display: block;
						width: 10%;
						float: left;
					}

					.jobitems-wrap .jobitems-outer ul.jobitems li span:nth-child(4):before  {
						content: "$";
						float: left;
						padding-top: 10px;
					}

					.jobitems-wrap .jobitems-outer ul.jobitems li input.amount {
						width: 69px;
    					float: right;
					}

					.jobitems-wrap .jobitems-outer ul.jobitems li select.chance {
						width: 8%;
					}

					.jobitems-wrap .jobitems-outer ul.jobitems li .itemremove {
						display: block;
						padding: 10px 0px 0px 0px;
						float: left;
						font-weight: bold;
						cursor: pointer;
					}

					.jobitems-wrap .jobitems-outer ul.jobitems li .itemremove:hover {
						color: red;
					}


	.jobitems-wrap .jobitems-outer #addjobitem {
		display: block;
		font-weight: normal;
		color: #616161;
		font-size: 13px;
		font-weight: bold;
		margin: 10px 0px 0px 0px;
	}

	.jobitems-wrap .jobitems-outer .jobitems-total-wrap {
		margin: 40px 60px 0px 0px;
		padding: 10px 0px 0px 0px;
		overflow: hidden;
		border-top: 1px solid #d7d7d7;
	}

		.jobitems-wrap .jobitems-outer .jobitems-total {
			float: right;
			width: 18%;

		}

			.jobitems-wrap .jobitems-outer .jobitems-total .total-label {
				font-weight: bold;
				font-size: 16px;
				display: inline-block;
			}

			.jobitems-wrap .jobitems-outer .jobitems-total span input {
				width: 100px;
				border: 0;
				background: transparent;
				padding-left: 3px;
				font-size: 16px;
			}

			.jobitems-wrap .jobitems-outer .jobitems-total span:nth-child(2) {
				font-size: 16px;
			}

			.jobitems-wrap .jobitems-outer .jobitems-total span:nth-child(2):before {
				content: "$";
				padding-left: 5px;
				/*float: left;
				padding-top: 10px;*/
			}




































