/* 
    Document   : loginPage
    Created on : 17 Feb, 2017, 5:31:41 PM
    Author     : srv021
    Description:
        Purpose of the stylesheet follows.
*/

            .myButton{
                border: 1px solid gray;
                margin: 2px 10px;
                padding: 4px 12px;
                background: white;
                border-radius: 5px;
            }

            .myButton:active{
                position: relative;
                top: 1px;
            }

            .blueBar{
                /*background-color: rgb(4,60,109);*/
                height: 80px;
                width: 100%;
                position: relative;
                top: 60px;
                box-shadow: 0px 5px 10px 0px gray;
                background: rgb(4,60,109); /* Old browsers */
                background: -moz-linear-gradient(top,  #265DB1 0%, #00335e 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#265DB1), color-stop(100%,#00335e)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #265DB1 0%,#00335e 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #265DB1 0%,#00335e 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #265DB1 0%,#00335e 100%); /* IE10+ */
                background: linear-gradient(to bottom, #265DB1 0%,#0B3558 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054273', endColorstr='#00335e',GradientType=0 ); /* IE6-9 */


            }
            .loginFormContainer{
                /*height: 210px;*/
                width: 370px;
                border: 1px solid gray;
                position: relative;
                top: 125px;
                margin: 0 auto;
                box-shadow: 0px 5px 8px 2px gray;
                -webkit-box-shadow: 0px 5px 8px 2px gray;
                -moz-box-shadow: 0px 5px 8px 2px gray;
                border-radius: 10px;
                text-align: initial;
            }
            .loginFormContainer .formHeader{
                display: inline-block;
                height: 40px;
                width: 100%;
                text-align: left;
                background: #990000;
                background: -moz-linear-gradient(top, #992B1F 0%,#B54732 100%) !important;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#992B1F), color-stop(100%,#B54732)) !important;
                background: -webkit-linear-gradient(top, #992B1F 0%,#B54732 100%) !important;
                background: -o-linear-gradient(top, #992B1F 0%,#B54732 100%) !important;
                background: -ms-linear-gradient(top, #992B1F 0%,#B54732 100%) !important;
                background: linear-gradient(to bottom, #992B1F 0%,#B54732 100%) !important;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992B1F', endColorstr='#B54732',GradientType=0 ) !important;


                border-top-left-radius: 7px;
                border-top-right-radius: 7px;
            }

            .loginFormContainer .formContent{
                /*height: 116px;*/
                display: inline-block;
                width: 100%;
                background-color: rgb(230, 230, 230);
            }

            .loginFormContainer .formFooter{
                display: inline-block;
                width: 100%;
            }
            .formHeader p{
                margin: 0;
                padding: 4px;
                color: white;
                font-size: 12px;

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

            }
            .formContent div{
                padding: 5px 0px 0px 8px;
            }
            input{
                background: #fff;
                float: right;
                margin: 5px 10px ;
                border: 1px solid #c8c8c8;
                border-radius: 5px;
                padding: 5px 0;
                outline: none;
                -webkit-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
                -moz-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
                box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
            }

            input:hover,input:active,select:hover,select:active{
                border : 1px solid #a3a3a3;
            }
            input:focus{
                box-shadow: 0px 0px 3px 0px gray;
                -webkit-box-shadow : 0px 0px 5px 0px #a3a3a3;
                -moz-box-shadow : 0px 0px 5px 0px #a3a3a3;
            }

            select{
                background: #fff;
                float: right;
                margin-right: 10px;
                border: 1px solid #c8c8c8;
                border-radius: 5px;
                padding: 5px 0;
                outline: none;
                -webkit-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
                -moz-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
                box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);
            }
            select:focus{
                box-shadow: 0px 0px 3px 0px gray;
                -webkit-box-shadow : 0px 0px 5px 0px #a3a3a3;
                -moz-box-shadow : 0px 0px 5px 0px #a3a3a3;
            }

            .formHeader img {
                display: inline;
                margin: 10px 0 0 10px;
            }

            .formContent label{
                color: rgb(90,90,90);
                float: left;
                margin-top: 10px;
            }

            .extras{
                height: 36px !important;
                padding-top: 2px !important;
                border-bottom: 1px solid rgb(200,200,200);
            }

            .extras label{
                margin-top: 5px;
            }
            .extras select{
                width: 250px;
            }



            .alertError{
                padding: 5px 10px !important;
                background-color: #ffe68b;
                color: #675100;
                border-bottom: 1px solid rgb(200,200,200);
            }
            .alertError p{
                margin:0;
            }