/*
 * Shocklogic - AbstractLogic
 * @author  Elmario Husha <elmario@shocklogic.com>
 * @package AbstractLogic
 */

body {
    color: #222;
    font-family: Arial !important;
    background: #fff;
    font-size: 11px;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

table {
    text-align: left;
	font-size:inherit;
}

#container {
    width:50%;
    border-radius: 5px;
    margin: 20px auto;
    border-top:none;
}

#hbs_container {
    width:70%;
    margin: 20px auto;
    border:1px solid red;
}

#box {
    padding: 10px;
    border:  1px solid #dedede;
}

#container input[type='text'], input[type='password'] {
    display: block;
    border: 1px solid #ccc;
    background: white;
    width: 99%;
    margin: 6px 6px 6px 0px;
}

/*#container label {
    margin-right: 6px;
}*/

#container input[type='submit'] {
    padding: 6px;
}

.registerLink {
    float:right;
}

#message {
    padding: 5px 10px 5px 10px;
    text-align: left;
    color:  white;
}

.error {
     background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cc0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cc0000 0%,#cc0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cc0000 0%,#cc0000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cc0000 0%,#cc0000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}

.warning {
    background: darkorange;
}

.success {
    background: #606c88; /* Old browsers */
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 );
}

#hbs_footer {
    color:#999;
    text-align: center;
}

#footer {
    width:35%;
    text-align: center;
    padding: 10px;
    margin: 0px auto;
}

#loading {
    position: absolute;
    z-index: 999;
    opacity: 0.8;
    text-align:center;
    display: none;
    /*font-size: 25px;*/
    height: 100%;
    width: 94.5%;
    background: url('../images/loading.gif') #fff no-repeat;
    background-position: 50% 50%;
}