/*#region (1) Body */
    html, body {width: 100%;height: 100%;overflow:hidden;}

    body {
	    background-color: #444;padding: 0;margin: 0;
	    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#555), to(#111));
	    background-image: -webkit-linear-gradient(top, #555 0%, #111 100%);
        background-image: -moz-linear-gradient(top, #555 0%, #111 100%);
        background-image: -ms-linear-gradient(top, #555 0%, #111 100%);
        background-image: -o-linear-gradient(top, #555 0%, #111 100%);
        background-image: linear-gradient(top, #555 0%, #111 100%);
    }
/*#endregion*/

/*#region (2) Site Header */
    #head {position: relative;z-index: -1;box-shadow: 0 1px 0 #333;background-color: #333;margin: 0 0 20px;padding: 20px 0;
        background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#3F3F3F), to(#222));
        background-image: -webkit-linear-gradient(top, #3F3F3F 0%, #222 100%);
        background-image: -moz-linear-gradient(top, #3F3F3F 0%, #222 100%);
	    background-image: -ms-linear-gradient(top, #3F3F3F 0%, #222 100%);
	    background-image: -o-linear-gradient(top, #3F3F3F 0%, #222 100%);
	    background-image: linear-gradient(top, #3F3F3F 0%, #222 100%);
        border-bottom: 1px solid #555;
    }
    
        #head h1 {line-height: 1.2;font-size: 30px;text-align: center;font-weight: normal;margin: 0;}
            #head h1 a {display: block;color: #fff;}
/*#endregion*/

/*#region (3) Pre Login Forms */
    #preloginbox {width: 400px;margin: 0 auto 20px;position: relative;background: #fff;box-shadow: 0 0 4px #000;border-radius: 7px;position: relative;text-align: center;padding:20px;}
    #preloginbox h2 {margin: -20px -20px 10px -20px;background: #f5f5f5;border-radius: 7px 7px 0 0;border-bottom: 1px solid #e5e5e5;font-size: 150%;color: #333;font-weight: normal;}
    #preloginbox p {margin:0 0 20px}
    #preloginbox .form-actions {padding: 14px 20px 15px;}
    #preloginbox .form-actions .pull-left {margin-top: 2px;}
    #preloginbox .checkbox { margin-left: 75px;text-align: left;}
    .form-vertical {margin-bottom: 0;}
    .form-actions {margin: 0 -20px -20px;border-radius:0 0 7px 7px}
    .label { white-space: normal;}
    .input-prepend { white-space: normal;}
      .validation-summary-valid, .field-validation-valid {display: none;}      

/*#endregion*/

/*#region (4) Footer */
    footer { text-align: center;color: #aaa;font-size:85%}
/*#endregion*/

/*#region (5) Media Queries */
    @media (max-width: 480px){
        #preloginbox {width: 80%;}  
        #preloginbox .checkbox { margin-left: 45px;text-align: left;}
    }
/*#endregion*/

.alert-error {
    text-align: left;
}