body{

	font-family: sans-serif;

}



label{

	height:20px;

	font-weight:bold;

}



input{

outline: none; /* removes google chrome outline */

}



#box{ /* the login box design */

width: 190px;

background-image: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

background-image:    -moz-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

background-image:     -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

background-image:      -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

background-image:         linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;

-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;

box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;

border: solid 1px #5E5E5E;

border-color: #5E5E5E #888888 #696969 #888888;

-webkit-border-radius: 16px;

-moz-border-radius: 16px;

border-radius: 16px;

padding: 0px 20px 0px 20px;

display: inline-block;

font-size: 15px;

line-height: 32px;

color: rgba(51,51,51,1);

}



#user, #pass{

padding: 8px;

color:gray;

margin: 10px;

-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;

-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;

box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;

border: solid 1px #5E5E5E;

border-color: #5E5E5E #888888 #696969 #888888;

-webkit-border-radius: 16px;

-moz-border-radius: 16px;

border-radius: 16px;

}



#user:hover, #pass:hover{

border:1px solid #00BFFF;

color: black;

}



.button {

background-image:-webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

background-image:-moz-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

background-image:-ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

background-image:-o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

background-image:linear-gradient(top, rgba(252,252,252,1) 0%,rgba(243,243,243,1) 100%);

-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;

-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;

box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(255,255,255,1)inset, 0px -16px 0px 0px rgba(237,237,237,1)inset;

border: solid 1px #5E5E5E;

border-color: #5E5E5E #888888 #696969 #888888;

-webkit-border-radius: 16px;

-moz-border-radius: 16px;

border-radius: 16px;

padding: 0px 20px 0px 20px;

display: inline-block;

font-size: 15px;

line-height: 32px;

color: rgba(51,51,51,1);

margin-left: 25%;

}

.button:active {

background-image: -webkit-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);

background-image:    -moz-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);

background-image:     -ms-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);

background-image:      -o-linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);

background-image:         linear-gradient(top, rgba(167,199,225,1) 0%,rgba(124,176,222,1) 100%);

-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;

-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;

box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.15), 0px -2px 3px 0px rgba(182,226,244,1)inset, 0px -16px 0px 0px rgba(99,165,219,1)inset;

border: solid 1px #323D9F;

border-color: #323D9F #3365B4 #3365B4 #3365B4;

}



#alert{ /* alert box */

margin-left: 80%;

width: 200px;

background: #333;

box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);

border: 1px solid;

color: #fff;

padding: 15px;

position: fixed;

_position: absolute;

text-shadow: 0 1px 0 rgba(0,0,0,.5);

animation: animate-bg 5s linear infinite;

-webkit-border-radius: 16px;

-moz-border-radius: 16px;

border-radius: 16px;

text-align: center;

font-weight: bold;

}



.qtipFont{

	font-size:16px !important;

	line-height:16px !important;

}


.form-group {
    top: 100px !important;
}


.menuBottomSpacing{
	height:75px !important;
}




@media print {
	.navbar{display:none !important;}
	.navbar-default{display:none !important;}
	.menuBottomSpacing{display:none !important;}
	.menuBottomSpacing{height:0px !important;}
}