body {
    background: url('../images/bg_extranet.jpg');
}

.loginbox {
    background: none repeat scroll 0 0 #444444;
    margin: 8% auto 0;
    padding: 10px;
    position: relative;
    /*max-width: 500px;*/
    box-shadow: 1px 1px 3px #222222;
}

.loginboxinner {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 4%, #fefdfb 5%, #ffffff 5%, #fdfdfb 6%, #ffffff 6%, #fcfdff 7%, #fffeff 7%, #fcfafb 15%, #fafcfb 16%, #fcfafd 17%, #f8faf9 18%, #fafaf8 18%, #fbfbfd 18%, #fafafa 18%, #f9f9f9 21%, #fafafa 23%, #f8faf9 24%, #f7f7f9 25%, #f8f9fb 25%, #f7f7f7 25%, #f9f9fb 25%, #f7f7f7 26%, #f7f7f9 28%, #f5f7f4 31%, #f8f4f3 32%, #f4f6f5 32%, #f6f5f3 32%, #f6f6f8 33%, #f5f5f3 33%, #f2f4f3 39%, #f1f1f1 40%, #f0f0ee 44%, #f0f0f2 45%, #efefed 45%, #eeeef0 46%, #eeeeee 47%, #efeff1 47%, #ededed 48%, #ededef 52%, #ededeb 52%, #edebec 53%, #ebedea 53%, #eaeaec 57%, #e8e8e6 58%, #eaeaea 59%, #e8e8ea 59%, #eaeae8 59%, #e8e7ec 60%, #e9e9e7 60%, #e6e6e8 65%, #e7e7e5 65%, #e5e5e7 66%, #e6e6e4 66%, #e4e4e4 72%, #e3e1e2 73%, #e1e5e6 73%, #e3e3e3 73%, #e2e3e5 74%, #e1e1e1 75%, #e1e3e2 77%, #dfdfdf 79%, #e0e2e1 79%, #dfdfdf 80%, #e2e0e1 80%, #dfdfdf 81%, #dfdfdf 85%, #dedcdd 87%, #dedede 89%, #dbdbdb 91%, #dcdcdc 95%, #dadada 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#ffffff), color-stop(5%,#fefdfb), color-stop(5%,#ffffff), color-stop(6%,#fdfdfb), color-stop(6%,#ffffff), color-stop(7%,#fcfdff), color-stop(7%,#fffeff), color-stop(15%,#fcfafb), color-stop(16%,#fafcfb), color-stop(17%,#fcfafd), color-stop(18%,#f8faf9), color-stop(18%,#fafaf8), color-stop(18%,#fbfbfd), color-stop(18%,#fafafa), color-stop(21%,#f9f9f9), color-stop(23%,#fafafa), color-stop(24%,#f8faf9), color-stop(25%,#f7f7f9), color-stop(25%,#f8f9fb), color-stop(25%,#f7f7f7), color-stop(25%,#f9f9fb), color-stop(26%,#f7f7f7), color-stop(28%,#f7f7f9), color-stop(31%,#f5f7f4), color-stop(32%,#f8f4f3), color-stop(32%,#f4f6f5), color-stop(32%,#f6f5f3), color-stop(33%,#f6f6f8), color-stop(33%,#f5f5f3), color-stop(39%,#f2f4f3), color-stop(40%,#f1f1f1), color-stop(44%,#f0f0ee), color-stop(45%,#f0f0f2), color-stop(45%,#efefed), color-stop(46%,#eeeef0), color-stop(47%,#eeeeee), color-stop(47%,#efeff1), color-stop(48%,#ededed), color-stop(52%,#ededef), color-stop(52%,#ededeb), color-stop(53%,#edebec), color-stop(53%,#ebedea), color-stop(57%,#eaeaec), color-stop(58%,#e8e8e6), color-stop(59%,#eaeaea), color-stop(59%,#e8e8ea), color-stop(59%,#eaeae8), color-stop(60%,#e8e7ec), color-stop(60%,#e9e9e7), color-stop(65%,#e6e6e8), color-stop(65%,#e7e7e5), color-stop(66%,#e5e5e7), color-stop(66%,#e6e6e4), color-stop(72%,#e4e4e4), color-stop(73%,#e3e1e2), color-stop(73%,#e1e5e6), color-stop(73%,#e3e3e3), color-stop(74%,#e2e3e5), color-stop(75%,#e1e1e1), color-stop(77%,#e1e3e2), color-stop(79%,#dfdfdf), color-stop(79%,#e0e2e1), color-stop(80%,#dfdfdf), color-stop(80%,#e2e0e1), color-stop(81%,#dfdfdf), color-stop(85%,#dfdfdf), color-stop(87%,#dedcdd), color-stop(89%,#dedede), color-stop(91%,#dbdbdb), color-stop(95%,#dcdcdc), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 4%,#fefdfb 5%,#ffffff 5%,#fdfdfb 6%,#ffffff 6%,#fcfdff 7%,#fffeff 7%,#fcfafb 15%,#fafcfb 16%,#fcfafd 17%,#f8faf9 18%,#fafaf8 18%,#fbfbfd 18%,#fafafa 18%,#f9f9f9 21%,#fafafa 23%,#f8faf9 24%,#f7f7f9 25%,#f8f9fb 25%,#f7f7f7 25%,#f9f9fb 25%,#f7f7f7 26%,#f7f7f9 28%,#f5f7f4 31%,#f8f4f3 32%,#f4f6f5 32%,#f6f5f3 32%,#f6f6f8 33%,#f5f5f3 33%,#f2f4f3 39%,#f1f1f1 40%,#f0f0ee 44%,#f0f0f2 45%,#efefed 45%,#eeeef0 46%,#eeeeee 47%,#efeff1 47%,#ededed 48%,#ededef 52%,#ededeb 52%,#edebec 53%,#ebedea 53%,#eaeaec 57%,#e8e8e6 58%,#eaeaea 59%,#e8e8ea 59%,#eaeae8 59%,#e8e7ec 60%,#e9e9e7 60%,#e6e6e8 65%,#e7e7e5 65%,#e5e5e7 66%,#e6e6e4 66%,#e4e4e4 72%,#e3e1e2 73%,#e1e5e6 73%,#e3e3e3 73%,#e2e3e5 74%,#e1e1e1 75%,#e1e3e2 77%,#dfdfdf 79%,#e0e2e1 79%,#dfdfdf 80%,#e2e0e1 80%,#dfdfdf 81%,#dfdfdf 85%,#dedcdd 87%,#dedede 89%,#dbdbdb 91%,#dcdcdc 95%,#dadada 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 4%,#fefdfb 5%,#ffffff 5%,#fdfdfb 6%,#ffffff 6%,#fcfdff 7%,#fffeff 7%,#fcfafb 15%,#fafcfb 16%,#fcfafd 17%,#f8faf9 18%,#fafaf8 18%,#fbfbfd 18%,#fafafa 18%,#f9f9f9 21%,#fafafa 23%,#f8faf9 24%,#f7f7f9 25%,#f8f9fb 25%,#f7f7f7 25%,#f9f9fb 25%,#f7f7f7 26%,#f7f7f9 28%,#f5f7f4 31%,#f8f4f3 32%,#f4f6f5 32%,#f6f5f3 32%,#f6f6f8 33%,#f5f5f3 33%,#f2f4f3 39%,#f1f1f1 40%,#f0f0ee 44%,#f0f0f2 45%,#efefed 45%,#eeeef0 46%,#eeeeee 47%,#efeff1 47%,#ededed 48%,#ededef 52%,#ededeb 52%,#edebec 53%,#ebedea 53%,#eaeaec 57%,#e8e8e6 58%,#eaeaea 59%,#e8e8ea 59%,#eaeae8 59%,#e8e7ec 60%,#e9e9e7 60%,#e6e6e8 65%,#e7e7e5 65%,#e5e5e7 66%,#e6e6e4 66%,#e4e4e4 72%,#e3e1e2 73%,#e1e5e6 73%,#e3e3e3 73%,#e2e3e5 74%,#e1e1e1 75%,#e1e3e2 77%,#dfdfdf 79%,#e0e2e1 79%,#dfdfdf 80%,#e2e0e1 80%,#dfdfdf 81%,#dfdfdf 85%,#dedcdd 87%,#dedede 89%,#dbdbdb 91%,#dcdcdc 95%,#dadada 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 4%,#fefdfb 5%,#ffffff 5%,#fdfdfb 6%,#ffffff 6%,#fcfdff 7%,#fffeff 7%,#fcfafb 15%,#fafcfb 16%,#fcfafd 17%,#f8faf9 18%,#fafaf8 18%,#fbfbfd 18%,#fafafa 18%,#f9f9f9 21%,#fafafa 23%,#f8faf9 24%,#f7f7f9 25%,#f8f9fb 25%,#f7f7f7 25%,#f9f9fb 25%,#f7f7f7 26%,#f7f7f9 28%,#f5f7f4 31%,#f8f4f3 32%,#f4f6f5 32%,#f6f5f3 32%,#f6f6f8 33%,#f5f5f3 33%,#f2f4f3 39%,#f1f1f1 40%,#f0f0ee 44%,#f0f0f2 45%,#efefed 45%,#eeeef0 46%,#eeeeee 47%,#efeff1 47%,#ededed 48%,#ededef 52%,#ededeb 52%,#edebec 53%,#ebedea 53%,#eaeaec 57%,#e8e8e6 58%,#eaeaea 59%,#e8e8ea 59%,#eaeae8 59%,#e8e7ec 60%,#e9e9e7 60%,#e6e6e8 65%,#e7e7e5 65%,#e5e5e7 66%,#e6e6e4 66%,#e4e4e4 72%,#e3e1e2 73%,#e1e5e6 73%,#e3e3e3 73%,#e2e3e5 74%,#e1e1e1 75%,#e1e3e2 77%,#dfdfdf 79%,#e0e2e1 79%,#dfdfdf 80%,#e2e0e1 80%,#dfdfdf 81%,#dfdfdf 85%,#dedcdd 87%,#dedede 89%,#dbdbdb 91%,#dcdcdc 95%,#dadada 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 4%,#fefdfb 5%,#ffffff 5%,#fdfdfb 6%,#ffffff 6%,#fcfdff 7%,#fffeff 7%,#fcfafb 15%,#fafcfb 16%,#fcfafd 17%,#f8faf9 18%,#fafaf8 18%,#fbfbfd 18%,#fafafa 18%,#f9f9f9 21%,#fafafa 23%,#f8faf9 24%,#f7f7f9 25%,#f8f9fb 25%,#f7f7f7 25%,#f9f9fb 25%,#f7f7f7 26%,#f7f7f9 28%,#f5f7f4 31%,#f8f4f3 32%,#f4f6f5 32%,#f6f5f3 32%,#f6f6f8 33%,#f5f5f3 33%,#f2f4f3 39%,#f1f1f1 40%,#f0f0ee 44%,#f0f0f2 45%,#efefed 45%,#eeeef0 46%,#eeeeee 47%,#efeff1 47%,#ededed 48%,#ededef 52%,#ededeb 52%,#edebec 53%,#ebedea 53%,#eaeaec 57%,#e8e8e6 58%,#eaeaea 59%,#e8e8ea 59%,#eaeae8 59%,#e8e7ec 60%,#e9e9e7 60%,#e6e6e8 65%,#e7e7e5 65%,#e5e5e7 66%,#e6e6e4 66%,#e4e4e4 72%,#e3e1e2 73%,#e1e5e6 73%,#e3e3e3 73%,#e2e3e5 74%,#e1e1e1 75%,#e1e3e2 77%,#dfdfdf 79%,#e0e2e1 79%,#dfdfdf 80%,#e2e0e1 80%,#dfdfdf 81%,#dfdfdf 85%,#dedcdd 87%,#dedede 89%,#dbdbdb 91%,#dcdcdc 95%,#dadada 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */

    border: 1px solid #333333;
    box-shadow: 0 1px 0 #444444 inset;
    padding: 20px;
    position: relative;
}

.loginform {
    margin-top: 20px;
}

label {
	margin-bottom: 5px;
}

.error .help-inline { color: #dc3545; }