/* the dark and white radial gradient (keep the order of the 3 properties)
 from http://gradientcss.com/radial-gradient
*/
.uLogin
{
    background: -webkit-radial-gradient(circle, #6e6c6d 50%, #3b393a, #4b4b4b 112%) repeat fixed;
    background: -moz-radial-gradient(circle, #6e6c6d 50%, #3b393a, #4b4b4b 112%) repeat fixed;
    background: radial-gradient(circle, #6e6c6d 50%, #3b393a, #4b4b4b 112%) repeat fixed;

    font-size: 14px;
}


.container
{
    width: 320px !important;
}

/* inView Logo     */
.inViewTitle
{
    background: rgba(0, 0, 0, 0) url("../images/inView-logo.png");
    height: 80px;
   	margin-top: 175px;
}

.signInTitle
{
    background: #9b999a;
    color: white;
    font-weight: bold;
    height: 50px;
    text-align: center;
    padding: 5%;
    border-radius: 3px;
    margin: 2px;
}

/* form containing the element user, pwd, login button*/
.uLoginForm
{
    background: #9b999a;
    border-radius: 1px;
    margin: 2px;
    overflow: hidden;
    padding: 7px;
    border-radius: 3px;
}

/* input username & pwd*/
.inputUserPwd
{
  	background: #6e6c6d;
    border: 2px inset #4b4b4b;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    margin: 0 16px;
    padding: 14px 48px;
    width: 238px !important;
    border-radius: 5px;
}

/*Red Login button */
.loginButton
{
 	background: #cd0f0f;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 20px 16px;
    padding: 15px;
    width: 88%;
    border: 2px outset #4b4b4b;
    border-radius: 5px;
}

/*Forgot Username or Password?*/
.FORGOTPWD2 a
{
	color: #4b4b4b !important;
	font-weight: bold;
}

/* user icon*/
#icon_user
{
    display: block;
    float: left;
    margin-left: 24px;
    margin-top: -40px;
    padding-right: 10px;
    position: absolute;
}

/* key icon next to pwd*/
#icon_pwd
{
	display: block;
    float: left;
    margin-left: 24px;
    margin-top: -41px;
    position: absolute;
}

/*X icon in the right corner*/
#icon_x
{
   	margin-left: 259px;
    margin-top: -37px;
    position: absolute;
}


.t15notification
{
    left: 50%;
    margin-left: -225px;
    position: absolute;
    width: 450px;
}

.t15notification .alert
{
    margin-bottom: 0;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

a {
    background: transparent
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

img {
    border: 0;
    vertical-align: middle;
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

input {
    line-height: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #428bca;
    text-decoration: none
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.modal-footer:before,.modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after,.container:after,.container-fluid:after,.row:after,.modal-footer:after {
    clear: both
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable {
    padding-right: 35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}