@charset "utf-8";


body

{

	vertical-align:top;

	margin:0;

	background-color:#ebebeb;

	font-family:"Myriad Pro",Helvetica,"Helvetica Neue",Arial,Helvetica,sans-serif;

}

img

{

	border:none;

}

.fix_div

{

	vertical-align:top;

	margin:0;

	width:980px;

	background-color:#fff;

	overflow:hidden;



}

.header_div

{

	vertical-align:top;

	margin:0;

	background-color:#ededed;

	border-bottom:1px solid #d8d8d8;

	overflow:hidden;

}

.clear_div

{

	clear:left;

}

.fat

{

	color:#39F;

	font-size:24px;

}

.smallblue

{

	font-size:14px;

	color:#39f;

}

.header_left_div

{

	vertical-align:top;

	margin:0;

	float:left;

	width:50%;

}

.header_right_div

{

	vertical-align:top;

	margin:0;

	float:left;

	width:50%;

}

.logo_pad

{

	padding:10px;

	padding-left:30px;

}

.tagline_pad

{

	padding-top:35px;

	padding-left:20px;

}

.second_div_bg

{

	vertical-align:top;

	margin:0;

	background:#fff url(../images/index_11.jpg) repeat-x bottom left;

	border-bottom:1px solid #fff;

}

.left_div

{

	vertical-align:top;

	margin:0;

	float:left;

	width:46%;

	margin:19px;

}

.right_div

{

	vertical-align:top;

	margin:0;

	float:left;

	width:46%;

	margin:19px;

}

.left_box_heading

{

	font-size:34px;

	text-align:left;

	color:#000;

}

.font_text1

{

	font-size:18px;

	text-align:left;

	color:#606060;

	padding-top:20px;

	padding-bottom:30px;

	line-height:25px;

}

.font_text2

{

	font-size:17px;

	text-align:left;

	color:#606060;

	padding-top:5px;

	padding-bottom:30px;

}

.heading1

{

	font-size:18px;

	text-align:left;

	color:#606060;

	font-weight:bold;

}

.heading2

{

	font-size:18px;

	text-align:left;

	color:#606060;

	font-weight:bold;

	padding-bottom:20px;

}

.small_text1

{

	color:#777;

	text-align:right;

	font-size:13px;

	padding-top:10px;

	padding-bottom:30px;

	padding-right:20px;

}

.middle_box_heading

{

	font-size:34px;

	text-align:left;

	color:#000;

	padding:20px;

}

.new_div_bg

{

	vertical-align:top;

	margin:0;

	background-image:url(../images/index_18.jpg);

	background-repeat:repeat-x;

	overflow:hidden;

	background-color:#f1f1f1;

	height:210px;

}

.div_margin

{

	margin:37px;

}

.div1

{

	background-image:url(../images/index2_20.png);

	width:20px;

	height:137px;

	background-repeat:no-repeat;

	float:left;

}

.div2

{

	vertical-align:top;

	margin:0;

	float:left;

	width:460px;

	margin-left:10px;

	font-size:14px;

	line-height:18px;

}

.div2_new

{

	vertical-align:top;

	margin:0;

	float:left;

	width:440px;

	margin-left:10px;

	font-size:14px;

	line-height:18px;

	margin-bottom:40px;

}

.div2_span

{

	font-size:15px;

	font-weight:bold;

}

.div3

{

	background-image:url(../images/index2_23.png);

	width:20px;

	height:137px;

	background-repeat:no-repeat;

	float:left;

	margin-left:10px;

}

.div4

{

	vertical-align:top;

	margin:0;

	float:left;

	width:370px;

	margin-left:10px;

	font-size:14px;

	line-height:18px;

}

.div5

{

	background-image:url(../images/index_28.jpg);

	width:20px;

	height:137px;

	background-repeat:no-repeat;

	float:left;

}

.div6

{

	background-image:url(../images/index_29.jpg);

	width:20px;

	height:137px;

	background-repeat:no-repeat;

	float:left;

	margin-left:10px;

}

.div7

{

	background-image:url(../images/index2_33.png);

	width:20px;

	height:137px;

	background-repeat:no-repeat;

	float:left;

}

.div5Black

{

	background:#4a4a4a;

	overflow:hidden;

	color:#bcbcbc;

	height:auto;

	padding:10px 0;

}

.left_content

{

	width:480px;

	float:left;

	margin-right:25px;

}

.right_content

{

	width:400px;

	float:right;

}

h2.blackHeding

{

	font-weight:bold;

	color:#606060;

	font-size:18px;

	margin-top:20px;

	margin:0;

	float:left;

}

h2.blackHedingWithoutMargin

{

	font-weight:bold;

	color:#606060;

	font-size:18px;

	margin:0;

	float:left;

}

.btnsDiv

{

	width:450px;

	float:left;

	margin-top:15px;

	margin-bottom:15px;

}

.btns

{

	float:left;

	width:71px;

}

.moreBelow

{

	color:#606060;

	font-size:18px;

	float:left;

	margin-top:0;

}

.redHead

{

	color:#740000;

	font-size:18px;

	float:left;

	margin-top:20px;

	width:90%;

	font-weight:bold;

}

.dwnBtn

{

	float:left;

}

.bottomContent

{

	float:left;

	font-size:14px;

	color:#606060;

	margin-top:10px;

	margin-bottom:20px;

}

.bottomContent span

{

	color:#3277bd;

}

.span_color

{

	color:#3d5c75;

}

.span_color1

{

	color:#6ca3d2;

}

.span_color_new

{

	color:#8db11f;

}

.bottom_bg

{

	background-image:url(../images/index_32.jpg);

	background-repeat:repeat-x;

	overflow:hidden;

	background-color:#c4c4c4;

}

a

{

	color:#3277bd;

	text-decoration:none;

	outline:0;

}

.dkblue

{

	color:#3277bd;

}

.fs18

{

	font-size:18px;

}

.fs22

{

	font-size:22px;

}

.fs14

{

	font-size:14px;

}.fs16

{

	font-size:16px;

}

.lh18

{

	line-height:18px;

}

.lh22

{

	line-height:22px;

}

.ts1w

{

	text-shadow:1px 1px 1px #fff;

}

.ts1b

{

	text-shadow:1px 1px 1px #111;

}

#maindesc

{

	font-size:11px;

	font-family:Arial,Helvetica,sans-serif;

	margin:0;

	padding:3px;

	height:11px!important;

}

#inlineHTML

{

	width:400px;

	height:120px;

	padding:10px;

	background:#111;

	color:#eee!important;

	display:none;

}

input[type=text]

{

	font-size:12px;

	padding:3px;

}

textarea

{

	font-size:12px;

	font-family:"Myriad Pro",Helvetica,"Helvetica Neue",Arial,sans-serif;

	padding:5px;



	margin:5px 0 0 0;

}

.w140

{

	width:110px;

}

.ls-1

{

	letter-spacing:-1px;

}

#mcenter

{

	width:980px;

	margin:0 auto;

}

p

{

	margin-top:0;

}

.info

{

	background:#f5e1b4;

	padding:5px;

}

.hauto

{

	height:auto!important;

}

table

{

	font-size:14px;

}

.odd

{

	background:#ededed;

}

.even

{

	background:#e0e0e0;

}

.c0

{

	color:#0a0;

}

.c1

{

	color:#930;

}

.c2

{

	color:#F66;

}

.c3

{

	color:#699;

}

.c4

{

	color:#deb843;

}

.c5

{

	color:#333;

}

.c6

{

	color:#F0F;

}

.c7

{

	color:#900;

}

.c8

{

	color:#55bdc6;

}

.c9

{

	color:#CC3;

}

.c10

{

	color:#000;

}

.c11

{

	color:#d03386;

}

.c12

{

	color:#09F;

}

ul li

{

	line-height:25px;

}

.tableStyle table, .tableStyle2 table, .tableLogs table, .tableStyleJobs {

    border-collapse: collapse;

    width: 100%;

}

.tableStyle th, .tableStyle td, .tableStyle2 td {

    text-align: left;

    padding: 8px;

}

.tableStyle3 table{

    border-collapse: collapse;

    width: 100%;

}

.tableStyle3 th, .tableStyle3 td{

    text-align: left;

    padding: 0px 5px;

}

.tableLogs th, .tableLogs td{

	text-align: left;

    padding: 4px;

}

.tableStyle tr:nth-child(even), .tableLogs tr:nth-child(even){background-color: #e6e6e6}

.floatRight{

	float:right;	

}

a.submitTypeButton {

    text-rendering: auto;

    /* color: initial; */

    letter-spacing: normal;

    word-spacing: normal;

    text-transform: none;

    text-indent: 0px;

    text-shadow: none;

    display: inline-block;

    font: 13.3333px Arial;

    -webkit-appearance: push-button;

    -webkit-user-select: none;

    white-space: pre;

    align-items: flex-start;

    text-align: center;

    cursor: default;

    color: buttontext !important;

    border-image-source: initial;

    border-image-slice: initial;

    border-image-width: initial;

    border-image-outset: initial;

    border-image-repeat: initial;

    background-color: buttonface;

    box-sizing: border-box;

    border-width: 2px;

    border-style: outset;

    border-color: buttonface;

    text-decoration: none !important;

}

.readOnlyText {

    background: none !important;

    border: none !important;

    font-size: inherit !important;

    padding: 0 !important;

	width: 100% !important;

	height: 100% !important;

	resize: none;

}

.enabledSaveBtn {

    background: #333;

    color: #fff;

    border: solid 2px #000;

    border-radius: 3px;

}

.readOnlyTextBox {

    background: none !important;

    font-size: 14px !important;

    border: none !important;

}

input[type="number"]{

	width: 50px !important;	

}

.date {

    width: 85px !important;

}

.tblTimeClock td {

    padding: 5px;

}

.ui-widget-overlay {

    background: rgb(0, 0, 0) !important;

    opacity: 0.8 !important;

}

span#ui-id-1 {

    display: none !important;

}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {

    border: none !important;

    border-radius: 0px !important;

    background: #000 !important;

}

#dialog {

    background: #000 !important;

    color: #fff !important;

}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {

    width: auto !important;

    background: #000 !important;

}

.errorMsg{

	color:red;	

}

.successMsg{

	color:green;	

}

.inputTime {

    width: 25px;

}

.jobCount{

    background: #333;

    padding: 2px 10px;

    color: #fff !important;

    border-radius: 3px;

	font-size: 14px;

}

.jobCount a{

	text-decoration: none !important;

	color: #fff !important;	

}

.pastDue:hover, #pastDueActive{

	color: #FF0000 !important;	

}

.dueToday:hover, #dueTodayActive{

	color: #FF8E00 !important;	

}

.dueTomorrow:hover, #dueTomorrowActive{

	color: #FFDD00 !important;	

}

.jobStatusChart {

    text-align: center;

    margin: auto;

    font-size: 18px;

    width: 100%;

	padding: 15px 0px;

}

.jobStatusChart a{

	text-decoration: none !important;

	color: #000 !important;

}

#pagination_container {

	width:100%;

	padding:10px 0;

	float:left;

	margin-top:20px;

	border-top:1px dashed #000;

	text-align:center;

}

ul.pagination{

	margin:0px;

	padding:0px;

	height:100%;

	overflow:hidden;

	font:12px 'Tahoma';

	list-style-type:none;

	height:30px;

}

 

ul.pagination li.details{

    padding:7px 10px 7px 10px;

    font-size:14px;

}

 

ul.pagination li.dot{padding: 3px 0;}

 

ul.pagination li{

	float:left;

	margin:0px;

	padding:0px;

	margin-left:5px;

}

 

ul.pagination li:first-child{

	margin-left:0px;

}

 

ul.pagination li a{

	color:black;

	display:block;

	text-decoration:none;

	padding:7px 10px 7px 10px;

}

 

ul.pagination li a img{

	border:none;

}

ul.pagination li.details{

   color:#000;

}

 

ul.pagination li a

{

	color:#333333;

	text-shadow:0px 1px #F6F6F6;

	padding:6px 9px 6px 9px;

	border:solid 1px #B6B6B6;

	box-shadow:0px 1px #EFEFEF;

	-moz-box-shadow:0px 1px #EFEFEF;

	-webkit-box-shadow:0px 1px #EFEFEF;

	background:#E6E6E6;

	background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);

	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));

}

 

ul.pagination li

{

	padding-bottom:1px;

}

 

ul.pagination li a:hover,

ul.pagination li a.current

{	

	color:#FFFFFF;

	box-shadow:0px 1px #E7E7E7;

	-moz-box-shadow:0px 1px #E7E7E7;

	-webkit-box-shadow:0px 1px #E7E7E7;       

	text-shadow:0px 1px #000;

	border-color:#000;

	background:#000;

	background:-moz-linear-gradient(top,#000 1px,#000 1px,#000);

	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#000),color-stop(0.02,#000),color-stop(1,#000));        

}

.page_items {

    background-color: #fffdfd;

    border: 1px solid #000;

    color: #2d2e2d;

    margin: 21px;

    padding: 7px;

    font-weight: bold;

    text-align: left;

    width: 373px;

}

.page_items:hover {

    background-color: #dbf3db;

}

.pagination {

    margin-left: 15%;

}

.tableForm input[type='text']{

	height: 18px;

    width: 50%;	

}

.tableForm input[type='email'], .tableForm input[type='tel'], .tableForm select{

	height: 24px;

    width: 52%;

}

.tableForm td{

	padding:1px;	

}

.primaryButton {

    background-color: #3980B5;

    border: 1px solid #3980B5;

    color: white;

    padding: 5px 19px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

    cursor: pointer;

    border-radius: 2px;

}

.primaryButton:hover {

    background-color: #245d8f;

}

.primaryLink {

    background-color: #3980B5;

    color: #fff !important;

    padding: 5px 12px 5px 12px;

    text-decoration: none !important;

    font-size: 14px;

    cursor: pointer;

    border-radius: 2px;

    height: 17px;

    width: 40px;

}

.primaryLink:hover {

    background-color: #245d8f;

}

.secondaryButton, .disabledButton {

    background-color: #E2E2E2;

    border: 1px solid #E2E2E2;

    color: #6E6C64;

    padding: 5px 19px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

    cursor: pointer;

    border-radius: 2px;

}

.tblSecondaryButton, .tblDisabledButton{

	background-color: #F2F2F2;

    border: 1px solid #E2E2E2;

    color: #6E6C64;

    padding: 5px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

    cursor: pointer;

    border-radius: 2px;

}

.secondaryButton:hover, .tblSecondaryButton:hover {

    background-color: #cccccc;

}

.secondaryLink {

  	background-color: #E2E2E2;

    border: 1px solid #E2E2E2;

    padding: 5px 12px 5px 12px;

    text-decoration: none !important;

    font-size: 14px;

    cursor: pointer;

    border-radius: 2px;

    height: 17px;

    width: 40px;

}

.secondaryLink:hover {

    background-color: #cccccc;

}

.redLink {

  	background-color: #b30000;

    border: 1px solid #b30000;

    padding: 5px 12px 5px 12px;

    text-decoration: none !important;

    font-size: 14px;

    cursor: pointer;

    border-radius: 2px;

    height: 28px;

	color:#fff !important;

}

.redLink:hover {

    background-color: #800000;

}

.redButton {

    background-color: #b30000;

    border: 1px solid #b30000;

    color: #fff;

    padding: 5px 19px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

    cursor: pointer;

    border-radius: 2px;

}

.redButton:hover {

    background-color: #800000;

}

.dateRange {

    width: 83px !important;

}

#returnButton {

    width: 122px;

    height: 28px;

    background-color: #e6e6e6;

    position: relative;

    margin-left: 17px;

    border-radius: 5px;

	font-size: 12px;

}



#returnButton:before {

    content: "";

    position: absolute;

    top: 0;

    left: -12px;

    border-style: solid;

    border-width: 14px 14px 14px 0;

    border-color: transparent #e6e6e6 transparent transparent;

}



#returnButton > a {

    display: block;

    text-decoration: none;

    text-align: center;

    color: #6E6C64;

	vertical-align:middle;

	padding-top: 6px;

}



#returnButton:hover {

    background-color: #cccccc;

}



#returnButton:hover:before {

    border-right-color: #cccccc;

}

#red, #green, #blue {

	float: left;

	clear: left;

	width: 200px;

	margin: 5px;

}

#swatch {

	width: 100px;

	height: 100px;

	margin-top: 18px;

	background-image: none;

}

#red .ui-slider-range { background: #ef2929; }

#red .ui-slider-handle { border-color: #ef2929; }

#green .ui-slider-range { background: #8ae234; }

#green .ui-slider-handle { border-color: #8ae234; }

#blue .ui-slider-range { background: #729fcf; }

#blue .ui-slider-handle { border-color: #729fcf; }

select {

    height: 28px !important;

}

ul.submenuNav li {

    list-style: none !important;

    margin-left: -10px !important;

    padding: 6px !important;

}

ul.submenuNav a {

    text-decoration: none !important;

}

ul.submenuNav a:hover {

    color:#000;

	font-weight:600;

}

.overtimeReminder {

    color: red;

    font-weight: 600;
	font-size: 28px;

}

.center{

	text-align:center !important;	

}

.nonbtn{

	background: none !important;

    border: none !important;

	vertical-align: 9px;	

	cursor:pointer;

}

.btnAdd{

    font-size: 29px;

    color: #36abfc;

    cursor: pointer;

}

.addAddressInputWidth{

	width: 113px !important;	

}

.addZipInputWidth{

	width: 116px !important;

}

.ui-widget {

    font-size: inherit !important;

}

div#tabs {

    margin-left: 15px;

	border: none !important;

}

.ui-widget-header {

     background: #e6e6e6 !important;

}

ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {

    background: #333 !important;

}

.ui-widget.ui-widget-content {

    border: none !important;

}

.navigation {

  padding: 0;

  margin: 0;

  border: 0;

  line-height: 1;

}



.navigation ul,

.navigation ul li,

.navigation ul ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.navigation ul {

  position: relative;

  z-index: 500;

  float: left;

}



.navigation ul li {

  float: left;

  min-height: 0.05em;

  line-height: 1em;

  vertical-align: middle;

  position: relative;

}



.navigation ul li.hover,

.navigation ul li:hover {

  position: relative;

  z-index: 510;

  cursor: default;

}



.navigation ul ul {

  visibility: hidden;

  position: absolute;

  top: 100%;

  left: 0px;

  z-index: 520;

  width: 100%;

}



.navigation ul ul li { float: none; }



.navigation ul ul ul {

  top: 0;

  right: 0;

}



.navigation ul li:hover > ul { visibility: visible; }



.navigation ul ul {

  top: 0;

  left: 99%;

}



.navigation ul li { float: none; }



.navigation ul ul { margin-top: 0.05em; }



.navigation {

  width: 13em;

  zoom: 1;

}



.navigation:before {

  content: '';

  display: block;

}



.navigation:after {

  content: '';

  display: table;

  clear: both;

}



.navigation a {

  display: block;

  padding: 1em 1.3em;

  color: #ffffff;

  text-decoration: none;

}



.navigation > ul { width: 13em; }



.navigation ul ul { width: 13em; }



.navigation > ul > li > a {

  color: #ffffff;

}



.navigation > ul > li > a:hover { color: #ffffff; }







.navigation li { position: relative; }



.navigation ul li.has-sub > a:after {

  content: '»';

  position: absolute;

  right: 1em;

}



.navigation ul ul li.first {

  -webkit-border-radius: 0 3px 0 0;

  -moz-border-radius: 0 3px 0 0;

  border-radius: 0 3px 0 0;

}



.navigation ul ul li.last {

  -webkit-border-radius: 0 0 3px 0;

  -moz-border-radius: 0 0 3px 0;

  border-radius: 0 0 3px 0;

  border-bottom: 0;

}



.navigation ul ul {

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

}





.navigation ul ul a { color: #ffffff; }



.navigation ul ul a:hover { color: #ffffff; }



.navigation ul ul li { border-bottom: 1px solid #0F8A5F; }



.navigation ul ul li:hover > a {

  background: #4eb1ff;

  color: #ffffff;

}



.navigation.align-right > ul > li > a {

  border-right: none;

}



.navigation.align-right { float: right; }



.navigation.align-right li { text-align: right; }



.navigation.align-right ul li.has-sub > a:before {

  content: '+';

  position: absolute;

  top: 50%;

  left: 15px;

  margin-top: -6px;

}



.navigation.align-right ul li.has-sub > a:after { content: none; }



.navigation.align-right ul ul {

  visibility: hidden;

  position: absolute;

  top: 0;

  left: -100%;

  z-index: 598;

  width: 100%;

}



.navigation.align-right ul ul li.first {

  -webkit-border-radius: 3px 0 0 0;

  -moz-border-radius: 3px 0 0 0;

  border-radius: 3px 0 0 0;

}



.navigation.align-right ul ul li.last {

  -webkit-border-radius: 0 0 0 3px;

  -moz-border-radius: 0 0 0 3px;

  border-radius: 0 0 0 3px;

}



.navigation.align-right ul ul {

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px;

}

ul.childrenJobTypes {

    margin-left: 204px !important;

}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {

    display: none !important;

}

.soldDiv {

    width: 286px;

    padding: 10px;

    border: 1px solid #2e78b7;

    position: absolute;

    left: 762px;

    top: 693px;

}

.bold{

	font-weight:bold;	

}

.fontSize11{

	font-size:11px;	

}

.fontSize12{

	font-size:12px;	

}

.fontSize13{

	font-size:13px !important;	

}

.mailingNameH1{

	font-size: 20px;

    margin-left: 19px;

    font-weight: bold;	

}

.mailingGoalH4{

	font-size: 20px;

    margin-left: 19px;

    font-weight: bold;	

}

#divMailingNameCheck, #divMailingGoalCheck{

	display:none;	

}

#dialogAddTracking {

    color: #ffffff;

    padding: 32px;

}

.popUpX{

	position: absolute;

    margin-top: -32px;

    left: 779px;

    background: #000000;

    background-color: #E2E2E2;

    border: 1px solid #E2E2E2;

    padding: 2px 9px 5px 9px;

    text-decoration: none !important;

    font-size: 14px;

    cursor: pointer;

    border-radius: 2px;

    height: 17px;	

}

/*.ui-state-default {

    border: none !important;

    background: none !important;

}

.ui-widget-content {

    border: none !important; 

}*/


/* CLIENTS */
.filterSearchBox{
	/* background: #eeeeee; */
    /* padding: 11px 49px; */
    /* border-radius: 4px 4px 0 0; */
    /* width: 74%; */
    /* margin: auto; */
    /* border: 1px solid #ddd; */
}

.filterSearchBox input[type='submit'], .filterSearchBox select, .divClientsSearchRight input {
    width: 100%;
}
#left {
    float:left;
	width: 47%;
}

#right {
    float:right;
	width: 370px;
}

#blue_box {
    position: relative;
    background: #eeeeee;
    width: 92%;
    height: 429px;
    padding: 20px;
    left: 14px;
    border: 1px solid #ddd;
}
.divider{
    position: absolute;
    left: 50%;
    top: 10%;
    bottom: 10%;
    border-left: 1px solid #ddd;
}

.divClientsSearchRight{
	margin-top: 56px;
    width: 91%;
}
.divClientsSearchRight input[type="text"]{
    width: 97%;
}
.red{
	color: red;
}

#txtbxCompanyZip{
	width: 152px !important;
}
.tab {
    margin-left: 23px;
}

/*** Error/Success Messages ***/

.alert-box {

    color:#555;

    border-radius:3px;

    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;

    padding:10px 10px 10px 36px;

    width: 70%;

}

.alert-box span {

    font-weight:bold;

    text-transform:uppercase;

}

.error {

    background:#f2dede url('../images/error.png') no-repeat 10px 50%;

    border:1px solid #f5aca6;

}

.success {

    background:#dff0d8 url('../images/success.png') no-repeat 10px 50%;

    border:1px solid #a6ca8a;

}
/*** Loading Spinner Styling ***/

/* Start by setting display:none to make this hidden.

   Then we position it in relation to the viewport window

   with position:fixed. Width, height, top and left speak

   for themselves. Background we set to 80% white with

   our animation centered, and no-repeating */

.spinner {


    position:   fixed;

    z-index:    1000;

    top:        0;

    left:       0;

    height:     100%;

    width:      100%;

    background: rgba( 255, 255, 255, .5 ) 

                url('../images/spinner.gif') 

                22% 15% 

                no-repeat;

}



/* When the body has the loading class, we turn

   the scrollbar off with overflow:hidden */

body.loading {

    overflow: hidden;   

}



/* Anytime the body has the loading class, our

   modal element will be visible */

body.loading .spinner {

    display: block;

}

/*** Locations ***/
.pointer{
	cursor:pointer;
}
input#txtbxEditLocationZip {
    width: 152px !important;
}


/*** New Client ***/
.newClientLocation{
	font-size: 11px;
    color: #6E6C64;
}
#divFoundCompanies, .divFoundItems{
    background: #eeeeee;
    padding: 19px;
    border: #d9d9d9 solid 1px;
    border-radius: 11px;
	overflow: auto;
    height: 138px;
}
.hide{
	display:none;
}

/*** Error/Success Messages ***/

@media print {

	#returnButton {

		display: none !important;

	}

	.jobCount {

		display: none !important;

	}

	table.tableStyle td{

		border:1px solid #cccccc !important;	

	}

}

/*** Edit Client ***/
table.tableStyleInfo {
    border-collapse: collapse;
    width: 100%;
}

.tableStyleInfo th, .tableStyleInfo td {
    text-align: left;
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.coverCheckbox{
  width:100%;
  height:100%;
  background:transparent;
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  display:none;

}

.floatRight{
	float:right;
}
.textRight{
	text-align:right;
}
.textLeft{
	text-align:left;
}
.fontSize20{
	font-size: 20px;
}



/***** HOMEPAGE *****/
.home-notif {
    background: #eeeeee;
    padding: 1em;
    font-size: 14px;
    box-shadow: 4px 4px 3px #dedede;
	width: 95%;
}




/***** ADD NEW COMPANY *****/
	.custom-combobox {
		position: relative;
		display: inline-block;
	}
	.custom-combobox-toggle {
		position: absolute;
		top: 0;
		bottom: 0;
		margin-left: -1px;
		padding: 0;
	}
	.custom-combobox-input {
		margin: 0;
		padding: 5px 10px;
	}
	.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
		border: 1px solid #c5c5c5 !important;
	}
	.ui-button.ui-widget.ui-button-icon-only.custom-combobox-toggle.ui-corner-right {
		height: 28px;
	}


/*** JOB ****/
.jobDescDiv {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
	background:#f2f2f2;
}
.rownogrey{
	background: transparent !important;
}
.jobTitle {
       font-size: 23px;
    font-weight: bold;
}
.btnEditJob{
	    padding: 3px 12px 4px 12px;
    text-decoration: none !important;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px;
	    background-color: #3980B5;
    color: white;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
body {
  background: black;
}

.arrow {
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1MTIiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTU0MC4zNjIyKSI+PHBhdGggZD0ibSAxMjcuNDA2MjUsNjU3Ljc4MTI1IGMgLTQuOTg1MywwLjA3ODQgLTkuOTEwNzcsMi4xNjMwOCAtMTMuNDM3NSw1LjY4NzUgbCAtNTUsNTUgYyAtMy42MDA1NjUsMy41OTkyNyAtNS42OTY4ODMsOC42NTg5NSAtNS42OTY4ODMsMTMuNzUgMCw1LjA5MTA1IDIuMDk2MzE4LDEwLjE1MDczIDUuNjk2ODgzLDEzLjc1IEwgMjQyLjI1LDkyOS4yNSBjIDMuNTk5MjcsMy42MDA1NiA4LjY1ODk1LDUuNjk2ODggMTMuNzUsNS42OTY4OCA1LjA5MTA1LDAgMTAuMTUwNzMsLTIuMDk2MzIgMTMuNzUsLTUuNjk2ODggTCA0NTMuMDMxMjUsNzQ1Ljk2ODc1IGMgMy42MDA1NiwtMy41OTkyNyA1LjY5Njg4LC04LjY1ODk1IDUuNjk2ODgsLTEzLjc1IDAsLTUuMDkxMDUgLTIuMDk2MzIsLTEwLjE1MDczIC01LjY5Njg4LC0xMy43NSBsIC01NSwtNTUgYyAtMy41OTgxNSwtMy41OTEyNyAtOC42NTA2OCwtNS42ODEyNyAtMTMuNzM0MzgsLTUuNjgxMjcgLTUuMDgzNjksMCAtMTAuMTM2MjIsMi4wOSAtMTMuNzM0MzcsNS42ODEyNyBMIDI1Niw3NzguMDMxMjUgMTQxLjQzNzUsNjYzLjQ2ODc1IGMgLTMuNjY2NzgsLTMuNjY0MjMgLTguODQ4MDEsLTUuNzY0NDIgLTE0LjAzMTI1LC01LjY4NzUgeiIgaWQ9InBhdGgzNzY2LTEiIHN0eWxlPSJmb250LXNpemU6bWVkaXVtO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZmlsbDojMjIyMjIyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozOC44ODAwMDEwNzttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZvbnQtZmFtaWx5OlNhbnM7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zIi8+PC9nPjwvc3ZnPg==);
  background-size: contain;
	    float: right;
}

.bounce {
   position: relative;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    right: 59px;
	top: -33px;
}


/** JOB PAGE **/