* {
    font-family:Lato,"Lato Latin","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding:0px;
    color:#717171;
    font-size:12px;
    margin:0px;
    padding:0px;
}

input[type="Text"], input[type="password"]
{
    -moz-text-shadow: 0px 0px 0px #777;
    -webkit-text-shadow: 0px 0px 0px #777;
    -o-text-shadow: 0px 0px 0px #777;
    text-shadow: 0px 0px 0px #777;
}


.rightfloat {
    float: right;
}
.leftfloat {
    float: left;
}
.nonefloat {
    clear: both;
}
.redtext {
    color:red !important;
}

.remark {
    position:absolute;
    font-size:10px;
}


a.a {
    color:#34b;
    text-decoration:none;
    padding:0px 2px;
    border:1px solid #34b;
}
a.a:hover {
      color:white;
      background-color:#34b;
      text-decoration:none;
}


body {
    background:#f4f4f4;
    min-width:800px;

}
html {
    background:#f4f4f4;
    min-width:800px;

}


.pagelogin {

    width:100%;
    margin:3% 0;
    
}


.login-div-container { 
    width: 60%;
    display: block;  
    left:20%;
    position:absolute;
    bottom:10px;
}

.login-div {
    width:60%;
    border: 0px solid #ccc;
    border-left: 5px solid #777;
    box-shadow: 0px 0px 3px 1px #999;
    padding: 10px;
    background-image: url('../../CorporateCommonFiles/Images/HRA_translucent.png');
}

.header,.PageHead {
    display:block;
    width:100%;
    font-size:15px;
    font-weight:bold;
    color:#2fa4e7;
    margin-bottom:10px;
  
}



.logininput,input[type="text"],input[type="password"]
{
    outline:0px;
    border:1px solid #6cf;
    

    margin-top:5px;
    padding-top:5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    
    border-radius:2px;                  
    box-shadow:0px 0px 3px 0px #6be5ff;
    behavior: url('./pie/PIE.htc');
    -webkit-transition: all 0.5s ease-out; 
   -moz-transition: all 0.5s ease-out; 
   -o-transition: all 0.5s ease-out; 
    transition: all 0.5s ease-out;
    
    
}

.logininput:hover,input[type="text"]:hover,input[type="password"]:hover
{
    border:1px solid #004477;
   -webkit-transition: all 0.5s ease-out; 
   -moz-transition: all 0.5s ease-out; 
   -o-transition: all 0.5s ease-out; 
    transition: all 0.5s ease-out;
    
}
.logininput:active,input[type="text"]:active,input[type="password"]:active
{
    background-color:#ffd;
    border:1px solid #004477;
    -webkit-transition: all 0s ease-out; 
   -moz-transition: all 0s ease-out; 
   -o-transition: all 0s ease-out; 
    transition: all 0s ease-out;
}
.logininput:focus,input[type="text"]:focus,input[type="password"]:focus
{
    background-color:#ffd;
    border:1px solid #004477;
    -webkit-transition: all 0s ease-out; 
   -moz-transition: all 0s ease-out; 
   -o-transition: all 0s ease-out; 
    transition: all 0s ease-out;
}


.loginbtn,.btnStyle
{
    outline:0px;
    border:1px solid #6cf;
   
    font-size: 12px;
    color:#004477;
    background-color:#cef;
    
    padding: 0px 10px 0px 10px;
    border-radius:2px;                  
    box-shadow:inset 0px 0px 3px 1px white;
    behavior: url('./pie/PIE.htc');
    margin-left: 0px !important;
    margin-right: 0px !important;
    cursor:pointer;
    }

.loginbtn:hover,.btnStyle:hover
{
    background-color:#cef;
    border:1px solid #004477;
   -webkit-transition: all 0.5s ease-out; 
   -moz-transition: all 0.5s ease-out; 
   -o-transition: all 0.5s ease-out; 
    transition: all 0.5s ease-out;
    
    
}
.loginbtn:active,.btnStyle:active
{
    /*background-color:#ffd;*/
    padding-top:1px;
    -webkit-transition: all 0s ease-out; 
   -moz-transition: all 0s ease-out; 
   -o-transition: all 0s ease-out; 
    transition: all 0s ease-out;
}


.registrationpopup-container {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('../../CorporateCommonFiles/Images/HRA_translucent.png');
    height:100%;
    width:100%;
}


/*------------------------------profile edit page---------------------------*/

.pageprofile {
    width:90%;
    margin:auto;
    margin-top:50px;
    padding:10px;
    border:0px solid #ccc;
    border-left: 5px solid #777;
    box-shadow:0px 0px 3px 1px #999;
    position:relative;
     overflow: hidden;
}

.profile-content-container {
    width:95%;
    padding:3px 0px;
    margin:auto;
}

.profile-field-container {
    width:30%;
    max-width:200px;
    float:left; 
    line-height:35px;
    display:inline-block;
}
.profile-field {
    font-weight:bold;
    width:100%;
}

.profile-input-container {
    width:69%;
    float:left;
    line-height:35px;
    margin-left: 1%;
}
.profile-input {
    width:100%;
}


   /*===================master page design==============================*/

.page {
    width:100%;

}

.menu {
    
    width: 100%;
    min-width:800px;
    left: 0px;
    position: absolute;
    height: 30px;
    border-bottom: 1px solid #777;
    background-position: left top;
    background-image: url('../../CorporateCommonFiles/Images/HRA_menuBG.png');
    background-repeat: repeat-x;
}

.sidepanelContainer {
    width:98%;
    margin:auto;
    margin-top:10px;
}

.side-content-container {
    border-left: 5px solid #777;
    border-right: 0px solid #CCC;
    border-top: 0px solid #CCC;
    border-bottom: 0px solid #CCC;
    margin: auto;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    box-shadow: 0px 0px 3px 1px #999;
    padding: 10px;
    background-color: #FAFAFA;
}

.healthtoollinks {
    width:90%;
    display:block;
    padding:5px 5px;
    text-decoration:none;
    color:#34b;
    margin:auto;
    
    border:0px solid #34b;
    
}
.healthtoollinks:hover {
      color:white;
      background-color:#34b;
      text-decoration:none;
}



  /*=========================Home page========================*/


  .content-div-container {
   overflow:hidden;
   float:left;
  padding:10px 0px;
}

  .content-div {
      width:95%;
    margin-top:5px;
    padding:10px;
    border:0px solid #ccc;
    border-left: 5px solid #777;
    box-shadow:0px 0px 3px 1px #999;
    float:left;
  
}

ul.content {
    font-weight:bold;
    list-style:none !important;
}
ul.content li {
    list-style-image:none !important;
    background-position: left 2px;
    width: 90%;
    margin-left: 5%;
    padding-left:15px;
    font-weight: normal;
    background-image: url('../../CorporateCommonFiles/Images/HRA_bullet.png');
    background-repeat: no-repeat;
}



/*====================Grid Css======================================*/

.table   { 
    width: 100%; 
    background-color: transparent; 
    margin: 10px 0 10px 0; 
    border: 1px double #2fa4e7; 
    border-collapse:collapse; 
}
.table td 
{
    padding: 2px;
    border: solid 1px #e1e1e1;
    border-bottom: solid 1px #a1a1a1;
}

.table th 
{
    padding: 4px 2px;
    color: #fff;
    background: #2fa4e7;
    border-left: solid 0px #2fa4e7;
    font-weight:bold;
} 
.table .alt  { background: #cef; }
.table .pgr  { background: #f1f1f1; }
.table .pgr table  { margin: 5px 0; }
.table .pgr td  { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #a1a1a1; 
    font-weight: bold; 
 }   
.table .pgr a  {  }
.table .pgr a:hover {  }

.SideBarClass {
    position:absolute;
    left:30px;
    top:380px;

}

    .SideBarClass a {
        width: 90%;
        display: block;
        padding: 5px 5px;
        text-decoration: none;
        color: #34b;
        margin: auto;
    }


.ui-jqgrid {
    border:1px solid #2FA4E7;
}

    .ui-jqgrid-titlebar,.ui-jqgrid-title {
        background-color:#2FA4E7;
        color:White;
    }
    .ui-jqgrid-title {
        line-height:10px;
    }

#divReccount {
    width:auto !important;
}
#divReccount span{
   color:white;
}
.ui-th-column div {
    color:white;
}

.jqgrid td {
    padding:2px 5px;
    border:1px solid #ccc;
}

.ui-jqgrid-bdiv {
    height:auto !important;
    margin-top:-16px !important;
    margin-left:-1px !important;
}


.divDashBoardContent
{
width:750px;
height:auto;
margin-right:auto; 

/*margin-bottom:20px;*/   
}
.divDashBoardContent .dashboardblock
{
width:320px;
height:auto;
float:left;
margin-left:3px;
margin-right:3px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px; 
border:1px solid #2fa4e7;
}
.dashboardblock .divbolckheader
{
width:310px;
height:20px;
line-height:20px;
text-align:center;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
margin:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;  
border:1px solid #2fa4e7;  
background: #2fa4e7; /* Old browsers */
background: -moz-linear-gradient(top,  #2fa4e7 1%, #2fa4e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2fa4e7), color-stop(100%,#2fa4e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2fa4e7 1%,#2fa4e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2fa4e7 1%,#2fa4e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  ##2fa4e7 1%,#2fa4e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2fa4e7 1%,#2fa4e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2891A5', endColorstr='#51b9ff',GradientType=0 ); /* IE6-9 */
 
}
.dashboardblock ul
{
width:100%;
float:left;  
list-style-position:inside;
list-style-type:disc; 
}
.dashboardblock ul li
{
width:595px;
margin:5px;
height:30px;   
display:block; 
float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px; 
border:1px solid #2891A5;

}
.dashboardblock ul li span
{
/*width:170px;*/
height:100%;
display:block;
float:left; 
font-family:Arial;
font-size:12px;
line-height:30px;
text-indent:5px;
}
.dashboardblock ul li span:hover
{
color:#2891A5;
cursor:pointer;    
}
.dashboardblock ul li .lblsp
{
width:120px;
height:100%;
margin-left:10px;
text-align:right;
text-decoration:none;
float:left;  
font-family:Arial;
font-size:12px;
line-height:30px;
}
.dashboardblock ul li .lblsp a
{
    color:black !important;
    text-decoration:none;
}
.dashboardblock ul li .lblsp a:hover
{
    color:#2891A5 !important;
    cursor:pointer;    
}

.healthtipsimage {
    display: inline-block;
    background-position: center top;
    height: 250px;
    width: 300px;
    text-align: center;
    background-image: url('../../CorporateCommonFiles/Images/healthtools.jpg');
    background-repeat: no-repeat;
}