.required label:after { 
    content:" *"; 
    color:red;
    }
    
.required_txt {
    color:red; 
} 

#hr-access-form .error{
    color:red;
}   

.col1 {
float:left;
width:250px;
}

.col2 {
float:right;
width:250px;
}

#hr-access-form .halfrow {
    width: 46%;
    float: left;
}

#hr-access-form .row {
    clear: both;
}

#hr-access-form .row{
    display: block;
    margin: 0 0 1em;
}

#hr-access-form .row label, #hr-access-form .halfrow label{
    clear: both;
    display: block;
    float: none;
    text-align: left;
    width: auto;
    padding-left: 0.75em;
}

#hr-access-form .row input[type="email"] {
    display: block;
    float: none;
    width: 25em;
}

#hr-access-form .row input[type="text"], #hr-access-form .halfrow input[type="text"] {
    display: block;
    float: none;
    width: 25em;
    /*    margin: 0 0 1em;*/

}

#hr-access-form .row input[type="radio"] {
    display: inline;
    float: none;
    margin: 0 0 1em;
    max-width: 30em;
}


/* single checkbox */
#hr-access-form .row.singlecheck label, #hr-access-form .row input[type="checkbox"], #hr-access-form ul li input[type="radio"] label {
    display: inline;
    cursor: pointer;
    border:0; /*Removes border in IE */
}


#hr-access-form input[type="radio"]  {
    display: inline;
    cursor: pointer;
    /*padding: 2em;*/
    padding-bottom: 2em;
    border:0;  /*Removes border in IE */
}


#hr-access-form fieldset ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#hr-access-form fieldset ul li {
    margin: 0.3em 0;
}

#hr-access-form ul li label {
    float: right;
    text-align: left;
    padding-left: 0.75em;
    width: 30em;
    cursor: pointer;
}

#hr-access-form ul li label.error {
    display: block;
    float: inherit;
    text-align: left;
    padding-left: 0.75em;
    width: 30em;
}

#hr-access-form .row.singlecheck_agree label.error{
display: block;
}


#hr-access-form .row.singlecheck_agree input[type="checkbox"] {
    margin-left: -0.10em;
    margin-right: .75em;
    border: 0; /*Removes border in IE */
}

#hr-access-form .row.singlecheck_agree label{
display: block;
cursor: pointer;
}

.ui-datepicker-header{
 -webkit-border-radius:3px 3px 0 0;
 -moz-border-radius:3px 3px 0 0;
 border-radius:3px 3px 0 0;
 -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .3) inset;
 -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .3) inset;
 box-shadow:0 1px 0 rgba(255, 255, 255, .3) inset;
 background:#2D559B;
 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#003366), to(#2D559B));
 background-image: -moz-linear-gradient(top, #003366, #2D559B 100%);
 color:#FFF;
 height:32px;
 position:relative;
 width:35%;
}

.ui-datepicker-header:after{
 background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAACCAYAAACKVvbTAAAAKUlEQVQIHWP8//8/Awh8/PgRwgDzIAQ/Pz8jiMUCExMQEDCBsWE0zAAA8dYKZBkmJoYAAAAASUVORK5CYII=') repeat-x;
 position:absolute;
 bottom:2px;
 left:0;
 display:block;
 width:99%;
 height:2px;
 content:""; 
}

.ui-datepicker-prev:hover{
 border-right:5px solid #000;   
}

.ui-datepicker-prev{
 cursor:pointer;
 float:left;
 display:block;
 border-bottom:5px solid transparent;
 border-top:5px solid transparent;
 border-left:5px solid transparent;
 border-right:5px solid #FFF;
 text-indent:-9999px;
 height:0;
 width:0;
 margin-top:10px;
 margin-left:5px; 
}

.ui-datepicker-next:hover{
 border-left:5px solid #000;   
}

.ui-datepicker-next{
 cursor:pointer;
 float:right;
 display:block;
 border-bottom:5px solid transparent;
 border-top:5px solid transparent;
 border-left:5px solid #FFF;
 border-right:5px solid transparent;
 text-indent:-9999px;
 height:0;
 width:0;
 margin-top:10px;
 margin-right:5px;   
}

.ui-datepicker-title{
 text-align:center;
 line-height:30px;
 font-size:12px;
 font-weight:700;
 text-shadow:0 1px 1px #632631;
}

table{
  border-collapse: inherit!important;
}

.ui-datepicker-calendar{
 width:100%;
/* background:#FFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAGElEQVQIHWNYtWrVf4b///8zMGtra0NYAG3QCnusptO9AAAAAElFTkSuQmCC') bottom left repeat-x;*/
 padding:5px 5px 9px 5px;
 -webkit-border-radius:0 0 5px 5px;
 -moz-border-radius:0 0 5px 5px;
 border-radius:0 0 5px 5px;
  width:35%;
}

.ui-datepicker th { color:#FFFFFF; text-align: center; font-weight: 700; border: 0; padding-bottom:5px;  }
.ui-datepicker td { border: 0; }

.ui-datepicker td span, .ui-datepicker td a { 
 display: block;
 color:#63697A; 
 line-height:30px; 
 width:30px; 
 text-align: center; 
 text-decoration: none; 
 border:1px solid #EDEDED; 
 margin:0 0 2px 0; 
}

.ui-datepicker td a:hover{ 
 background: #A8B1BA; 
 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#87919B), to(#A8B1BA));
 background-image: -moz-linear-gradient(top, #87919B, #A8B1BA 100%); 
 color:#FFF; 
 font-weight:700; 
 text-shadow:0 1px 0 rgba(0, 0, 0, .7); 
 -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .3) inset;
 -moz-box-shadow:0 0 5px rgba(0, 0, 0, .3) inset;
 box-shadow:0 0 5px rgba(0, 0, 0, .3) inset; 
}