/*
 * icrumz.css
 * Root namespace styles
*/

/** Begin reset */
  * {
    margin  : 0;
    padding : 0;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
  }
  h1,h2,h3,h4,h5,h6,p { margin-bottom : 10px; }
  ol,ul,dl { list-style-position : inside;}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans', sans-serif;
}

h1 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    word-spacing: -1px;
    color: #006b97;

    text-align: center;



}

/*h1 span {*/
    /*font-family: 'Noto Sans', sans-serif;*/
/*}*/

/*h2 {*/
    /*font-size: 1.2em;*/
/*}*/

/*h3 {*/
    /*font-size: 1.1em;*/
/*}*/

/*h4 {*/
    /*font-size: 1em;*/
    /*color: #505050;*/
    /*font-weight: bold;*/
/*}*/

/*h5 {*/
    /*font-size: .6em;*/
    /*color: #505050;*/
/*}*/

/*h6 {*/
    /*font-size: .4em;*/
/*}*/

/*li {*/
    /*font-family: 'Noto Sans', sans-serif;*/
    /*font-weight: normal;*/
    /*font-size: 1.2em;*/
    /*line-height: 1.4em;*/
    /*padding-bottom: .8em;*/
/*}*/


/** End reset */

/** Begin standard selectors */
  body {
    font-family : 'Noto Sans', sans-serif;
    color            : #646464;
    background-color : #f8f8f8;
  }
  a { text-decoration : none; }
    a:link, a:visited { color : inherit; }
    a:hover { text-decoration: underline; }

  strong {
    font-weight : 700;
    color       : #000;
  }
/** End standard selectors */

/** Begin icrumz namespace selectors */
/** Commented to avoids conflict with iCrumz page CSS - distorts title bar background gradient **/
  /*#icrumz {*/
    /*position   : relative;*/
    /*top        : 0;*/
    /*left       : 0;*/
    /*bottom     : 0;*/
    /*right      : 0;*/



    /*background-image: url("../img/login/background-tile.png");*/
/*}*/

  /*Login Header Styles*/

.icrumz-hdr {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    height: 66px;
}

.icrumz-hdr-gradient {
    /*position: absolute;*/
    width: 100%;
    /*min-width: 1050px; *//*exceed body width plus auto margin for full window coverage when scrolling horizontally*/
    height: 65px;
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: -1000;*/
    border-bottom: 3px solid #f5f5f5;

    background: #c6c6c6;  /*Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);  /*IE9 SVG, needs conditional override of 'filter' to 'none'*/
    background: -moz-linear-gradient(top, #ffffff 0%, #c6c6c6 100%);  /*FF3.6+*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c6c6));  /*Chrome,Safari4+*/
    background: -webkit-linear-gradient(top, #ffffff 0%,#c6c6c6 100%);  /*Chrome10+,Safari5.1+*/
    background: -o-linear-gradient(top, #ffffff 0%,#c6c6c6 100%);  /*Opera 11.10+*/
    background: -ms-linear-gradient(top, #ffffff 0%,#c6c6c6 100%);  /*IE10+*/
    background: linear-gradient(to bottom, #ffffff 0%,#c6c6c6 100%);  /*W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c6c6',GradientType=0 );  /*IE6-8 */

    -webkit-box-shadow: 0px 4px 28px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 4px 28px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 4px 28px rgba(50, 50, 50, 0.15);


}

.icrumz-hdr-logo {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -425px;
    z-index: 1;
    height: 53px;
    min-width: 850px;

    background-image: url(../img/app/logo-masthead-4.png);
    background-repeat: no-repeat;
    display: block;
}

/*Blue Button Styles*/
.blue-button, .silver-button {
    width: 150px;
    height: 48px;
}
.blue-button {

    /*-moz-box-shadow: 4px 5px 8px -1px #5e6061;*/
    /*-webkit-box-shadow: 4px 5px 8px -1px #5e6061;*/
    /*box-shadow: 4px 5px 8px -1px #5e6061;*/

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3677A7), color-stop(1, #2A5A7D));
    background:-moz-linear-gradient(top, #3677A7 5%, #2A5A7D 100%);
    background:-webkit-linear-gradient(top, #3677A7 5%, #2A5A7D 100%);
    background:-o-linear-gradient(top, #3677A7 5%, #2A5A7D 100%);
    background:-ms-linear-gradient(top, #3677A7 5%, #2A5A7D 100%);
    background:linear-gradient(to bottom, #3677A7 5%, #2A5A7D 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3677A7', endColorstr='#2A5A7D',GradientType=0);

    background-color:#0096c8;

    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;

    border:1px solid #999999;

    display:inline-block;
    color:#ffffff;
    font-family: 'Noto Sans', sans-serif;
    font-size:22px;
    font-weight:bold;
    padding:0 0 4px 0;
    text-decoration:none;

}

.blue-button:hover {

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2A5A7D), color-stop(1, #3677A7));
    background:-moz-linear-gradient(top, #2A5A7D 5%, #3677A7 100%);
    background:-webkit-linear-gradient(top, #2A5A7D 5%, #3677A7 100%);
    background:-o-linear-gradient(top, #2A5A7D 5%, #3677A7 100%);
    background:-ms-linear-gradient(top, #2A5A7D 5%, #3677A7 100%);
    background:linear-gradient(to bottom, #2A5A7D 5%, #3677A7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A5A7D', endColorstr='#3677A7',GradientType=0);

    background-color:#005d96;

    cursor: pointer;
}

/*Silver Button Styles*/

.silver-button {

    /*-moz-box-shadow: 4px 5px 8px -1px #5e6061;*/
    /*-webkit-box-shadow: 4px 5px 8px -1px #5e6061;*/
    /*box-shadow: 4px 5px 8px -1px #5e6061;*/

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #c6c6c6));
    background:-moz-linear-gradient(top, #ffffff 5%, #c6c6c6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #c6c6c6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #c6c6c6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #c6c6c6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #c6c6c6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#2A5A7D',GradientType=0);

    background-color:#e6e6e6;

    cursor: pointer;

    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;

    border:1px solid #999999;

    display:inline-block;
    color: #646464;
    font-family: 'Noto Sans', sans-serif;
    font-size:22px;
    font-weight:bold;
    padding:0 0 4px 0;
    text-decoration:none;

}

.silver-button:hover {

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c6c6c6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #c6c6c6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #c6c6c6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #c6c6c6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #c6c6c6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #c6c6c6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#ffffff',GradientType=0);

    background-color:#e6e6e6;
}

/* Footer Styles */

.icrumz-ftr {
    position: relative;
    top: 20px;
    left: 0;
    right: 0;
    padding: 0 0 20px 0;
    text-align: center;

    background-color: transparent;
}

.icrumz-ftr.err {
    padding: 5px 0 0 0
}

.icrumz-ftr a {
    padding: 0 11px 0 11px;

    color: #66B1CF;
    font-size: 14px;
    text-decoration: none;

    display: block;
}

.icrumz-ftr a:focus {
    outline: 0;
}

.icrumz-ftr a:hover {
    text-decoration: underline;
}

.icrumz-ftr ul {
    list-style-type: none;
}

.icrumz-ftr li {
    display: inline-block;
    padding: 0;
}

.icrumz-ftr span {
    font-family: 'Noto Sans', sans-serif;
}

/** Password Meter styles are in a separate file */

/** h5-validate styles are in a separate file */