.nav					{text-decoration: none; cursor: hand; border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;}
.nav:visited			{color: #CCCC00}
/*
body					{font: bold 13px verdana; color: #555555; background-color: #FFFFFF;}
font.require			{color: #FF0000;}
p					{font: 12px verdana;}*/
table.intro				{font: 13px verdana;}
table.info				{border: 3px solid; background-color: #CCC;}
td.backnav				{font: 10px verdana; color: #FFFFFF; background-color: #000000; cursor: pointer; }
/*td.footer				{font: 9px verdana; color: #999999;}*/
td.header1				{font: bold 12px verdana; color: #006699;}
td.header2				{font: bold 14px verdana; color: #559955;}
td.main					{font: 12px verdana; color #555555; text-align: justify; padding-left: 2px;}
/*td.subinfo				{font: 10px verdana; color: #333;}*/
td.inputhead			{font: bold 10px verdana; color: #000000;}
.input					{font: 10px verdana; color #559955;}
/*.subinfo				{font: 11px verdana; color: #000000;}*/

.but					{font: 11px verdana;
							color: #006;
							border: 1px solid #006;

}
.but:hover {
    border: 1px solid #f00;
}
.applybut					{font: 18px verdana;
							/*padding: 3px 8px;*/
							color: #006;
							/*border: 2px solid #006;*/
							border: none;
							width: 233px;
							height: 58px;
							/*background: #9cf;*/
							background: url('../images/ApplyOnline.png') repeat-x top left;
}
.applybut:hover {
    /*border: 2px solid #f00;*/
    /*background: #9cf;*/
	border: none;
	background: url('../images/ApplyOver.png') repeat-x top left;
}
.applybut-sm					{font: 18px verdana;
							/*padding: 3px 8px;*/
							color: #006;
							/*border: 2px solid #006;*/
							border: none;
							width: 102px;
							height: 43px;
							/*background: #9cf;*/
							background: url('../images/ApplyOnlineSmall.png') repeat-x top left;
}
.applybut-sm:hover {
    /*border: 2px solid #f00;*/
    /*background: #9cf;*/
	background: url('../images/ApplyOverSmall.png') repeat-x top left;
}


a.mainNav				{color: #555555; text-decoration: none;}
a.mainNav:hover			{color: #999999;}
.filler					{font: 12px verdana; padding: 4px; color: #000; }
.label					{background-color: #EEEEEE;}
/*label 					{ width:10em; float:left }*/

/*label.error 			{float: none; color: red; padding-left: .5em; vertical-align: top; clear: none; white-space: nowrap }*/
.label_data				{font: 11px verdana; background-color: #EEEEEE; color: #000000; padding: 4px}
.label_blueback			{font: bold 11px verdana; background-color: #ABCDEF; color: #000000; padding: 4px}
/*.label_noback			{font: bold 11px verdana; padding: 4px}*/
.label_noback_black		{font: bold 11px verdana; color: #000000; padding: 4px}
.pointer				{font: bold 11px verdana; color: #9900FF}
.text_strong			{font: bold 13px verdana;}
.tiny					{font: 10px verdana;}
.tiny_black				{font: 10px verdana; color: #000000}
.tiny_bold				{font: bold 10px verdana;}
.frame					{border: 2px solid #CCCCCC; text-align:left;}
.frame2					{border: 2px solid #CCCCCC; background-color: #EEEEEE}

td.header				{font: bold 16px verdana; color: #456789; padding: 8px}

table.res_alt
table.res_alt tr.header		{font: bold 12px verdana; color: #000000; background-color: #CCCCCC; border: 2px solid #6789AB; text-align: left; padding: 2px;}
table.res_alt tr.row1		{font: 12px verdana; background-color: #FFFFFF; border: 1px #DDDDDD; text-align: left; padding-left: 3px; padding: 2px;}
table.res_alt tr.row2		{font: 12px verdana; background-color: #DEDEDE; border: 1px #DDDDDD; text-align: left; padding-left: 3px; padding: 2px;}

table.res,
table.res tr.header		{font: bold 12px verdana; color: #000000; background-color: #ABCDEF; border: 2px solid #6789AB; text-align: left; padding: 2px;}
table.res tr.row1		{font: 12px verdana; background-color: #FFFFFF; border: 1px #DDDDDD; text-align: left; padding-left: 3px; padding: 2px;}
table.res tr.row2		{font: 12px verdana; background-color: #DEDEDE; border: 1px #DDDDDD; text-align: left; padding-left: 3px; padding: 2px;}
table.res tr 		{height: 36px;}


table.search			{color: #000000; background-color: #EFEFEF; border: 1px solid #456789;}


/*newer styles*/
body, p, label, span, input, select, textarea, #thepost{
    font-family: Roboto;
    font-size: 13px;
}

label{
    text-align:left;
    white-space:nowrap;
    background:#fafafa;
    border:1px solid #ccc;
    color:#555;
    border-radius:4px;
    padding:6px 26px 4px 10px;
    width:auto;
    height:35px;
    float:left;
}
h5{
    font-size: 1.1em;
}
h4{
    font-size: 1.6em;
}
.form-control{
    margin-bottom:.5em!important;
    font-size:12px;
}

.form-input{
    display: block;
    width: 100%;
    min-height: 34px;
    font-size: 11px!important;
    font-family: 'Montserrat', sans-serif!important;
    font-weight:500!important;
    line-height: normal;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.btn {
    width: 100%!important;
    margin-bottom:.5em;
    max-width: 200px!important;
    padding: 6px!important;
    font-family: 'Montserrat', sans-serif!important;
    font-size:13px!important;
    font-weight:600;
}
.btn-outline-dark {
    color: #fff!important;
    text-shadow: 1px 1px 1px rgba(130, 130, 130, 1);
    background-color:#3360b9!important;
    background-image: none;
    border:1px solid #ccc!important;
     border-radius: 6px!important;
-webkit-box-shadow: 0px -1px 3px 1px rgba(217,217,217,1);
-moz-box-shadow: 0px -1px 3px 1px rgba(217,217,217,1);
box-shadow: 0px -1px 3px 1px rgba(217,217,217,1);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s!important;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s!important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s!important;
}
.btn-outline-dark:hover{
    background-color: #F2F2F2!important;
    color:#555!important;
    background-image: none;
}
.card{
    border:none;
    background:transparent;
    margin:.5em;
    margin-bottom:1em;
-webkit-box-shadow: 0px -1px 3px 1px rgba(217,217,217,1);
-moz-box-shadow: 0px -1px 3px 1px rgba(217,217,217,1);
box-shadow: 0px -1px 3px 1px rgba(217,217,217,1);
}
.card-header{
    background:#FAFAFA;
    border:1px solid #ccc;
}
.card-body{
    background:#fff;
    border:1px solid #ccc;
}
.card-footer{
    background:#FAFAFA;
    border:1px solid #ccc;
}

.subinfo{
    font-family: 'Montserrat', sans-serif!important;
    font-size:16px!important;
    color: #000000;
}
label.error {
    position:relative;
    top:0;
    left:0;
    display:inline;
    color: red;
    padding:0;
    margin:0;

    _padding-left: .5em;
    _vertical-align: top;
    _clear: none;
    white-space: nowrap;
}
.small_chk_label{
     float:left;
     margin-left:6px;
     margin-top:-6px;
}
.small_chk_img{
     width:18px;
     height:18px;
     float:left;
     margin-left:6px
}
.small_chk{
     float:right;
     margin-right:8px
}
.application-heading {
				width: 100%;

				border-width: 1px;
				border-style: solid;
				border-color: #ffffff;

				color: #ffffff;
				text-align: center;

				background-color: #000000;

				-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.03);
				-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.03);
				box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.03);
		}
.hint{
    display:none;
}
#job_description{
    color: black;
}
#job_description img{
    max-width:100%!important;
    margin-bottom:1em;
}
#txtDesc_tbl{
    max-width:100%!important
}
#txtDesc_toolbar1{
    max-width:100%!important
}
#txtDesc_toolbar2{
    max-width:100%!important
}
@media all and (min-width:736px){
    .text-lg-right{
        text-align:right;
    }
}
@media all and (min-width:640px && max-width:736px){
    .text-md-right{
        text-align:right;
    }
    .text-md-center{
        text-align:center;
    }
}
@media all and (max-width:640px){
    .text-sm-center{
        text-align:center;
    }
}
@media all and (max-width:1024px){

    .jobs_grid p {
        font-size: 11px!important;
    }

    .login_card{
        width:60%;
    }
}
@media all and (max-width:991px){

    .search_box{
        padding:30px!important;
        background:#FAFAFA!important;
    }

    .search_box button{
        margin:30px!important;
        max-width: 200px!important;
    }

    .jobs_section{
    }
   .btn {
    width: 100%!important;
    margin-bottom:.5em;
    max-width: 200px!important;
    padding: 6px!important;
    font-family: 'Montserrat', sans-serif!important;
    font-size:11px!important;
    font-weight:600;
}

    .login_card{
        width:80%;
    }
    .title_row{
        display:none;
    }
    .hint{
        display:inline;
    }

}
@media all and (max-width:736px){

     .jobs_table .header{
        display:none;
    }

    .search_box button{
        margin:0px!important;
        max-width:360px!important;
    }

    .login_card{
    width:70%;
    }

    .login_form{
    margin-top:10px;


}

}
.container_inner{
    width:80vw!important;
    margin:auto!important;
}

@media all and (max-width:680px){
    .container_inner{
        width:96vw!important;
        margin:auto!important;
    }

    .login_card{
    width:96%;

    }

    .login_add_btn_container{
    width:100%;
    margin:auto;
    }

    .w-days-col{
        width:44%!important;
    }

}

.required_field {
    font-weight: 700;
    color:#ef3026;
    _font-family:inherit;
    _font-size: 1.3em!important;
    padding-right: 4px!important;
    margin-left:-4px!important;
    _margin-top:-8px!important;
}

.spacer{
     width:22px;
     background:inherit;
}

.profile_section{
        background:#eee;
     border:1px solid #ccc;
     margin:auto;
}
.profile_message{
     height:350px;
     box-shadow:none;
     width:50%;
     text-align:center;
     margin:auto;
}
@media all and (max-width:750px){

    .profile_section{
        width:98%!important;
        margin:auto;
    }
    .profile_message{

     width:100%;
}

}




/*textarea{*/
    /*height: 10em!important;*/
    /*padding:10px!important;*/
/*}*/


.sitenav{
    margin-top:-6px!important;
}

.arrow_box {
	position: relative;
	border: 1px solid;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000000;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000000;
	border-width: 10px;
	margin-top: -10px;
}


.arrowhead {
	width: 200px;
	height: 200px;
	background: #ff0000;
	clip-path: polygon(0% 25%,50% 25%,50% 0%,100% 50%,50% 100%,50% 75%,0% 75%);
}