* {
	    margin  : 0;
	    padding : 0;
		}

		html {
	    min-height : 100%;
		}

		body {
			font-size: 110%;
			font-family: sans-serif;
			height     : auto;
			background: #ffffff; /* Old browsers */
			background: -moz-radial-gradient(center, ellipse cover,  #ffffff 20%, #d6d6d6 100%); /* FF3.6+ */
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(20%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
			background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 20%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
			background: -o-radial-gradient(center, ellipse cover,  #ffffff 20%,#d6d6d6 100%); /* Opera 12+ */
			background: -ms-radial-gradient(center, ellipse cover,  #ffffff 20%,#d6d6d6 100%); /* IE10+ */
			background: radial-gradient(ellipse at center,  #ffffff 20%,#d6d6d6 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}

		a img, a:link img, a:visited img {
			border: none !important;
			background: none !important;
		}

		#container {
			width: 450px;
			height: 450px;
			margin: 50px auto;
			position: absolute;
		    top:0;
		    bottom: 0;
		    left: 0;
		    right: 0;
		    margin: auto;
		}

		#container > img {
			margin: 0 auto;
			display: block;
		}

		.forgot {
			font-size: 80%;
			color: #777;
			line-height: 40px;
			text-decoration: none;
		}

		.forgot:hover {
			color: #00a0c6;
		}

		.clear {
			clear: both;
		}

		#nbm_logo {
			float: right;
			margin: 0 20px 20px 0 !important;
		}

		/* Buttons */
		.btn, input[type="submit"], button {
		  background: #0aa0c6;
		  background-image: -webkit-linear-gradient(top, #0aa0c6, #0788a8);
		  background-image: -moz-linear-gradient(top, #0aa0c6, #0788a8);
		  background-image: -ms-linear-gradient(top, #0aa0c6, #0788a8);
		  background-image: -o-linear-gradient(top, #0aa0c6, #0788a8);
		  background-image: linear-gradient(to bottom, #0aa0c6, #0788a8);
		  -webkit-border-radius: 3;
		  -moz-border-radius: 3;
		  border-radius: 3px;
		  font-family: Arial;
		  color: #ffffff;
		  font-size: 13px;
		  padding: 10px 23px 10px 23px;
		  border: solid #0788a8 1px;
		  text-decoration: none;
		  cursor: pointer;
		  outline: none;
		}

		.btn:hover, input[type="submit"]:hover, button:hover,
		.btn:active, input[type="submit"]:active, button:active {
		  background: #0badd6;
			background-image: -webkit-linear-gradient(top, #0badd6, #0693b3);
			background-image: -moz-linear-gradient(top, #0badd6, #0693b3);
			background-image: -ms-linear-gradient(top, #0badd6, #0693b3);
			background-image: -o-linear-gradient(top, #0badd6, #0693b3);
			background-image: linear-gradient(to bottom, #0badd6, #0693b3);
		  text-decoration: none;
		}

		.btn:active, input[type="submit"]:active, button:active {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			-o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		}

		.btn_red, input[type="submit"].btn_red, button.btn_red {
			background: #de3229;
			background-image: -webkit-linear-gradient(top, #de3229, #b52922);
			background-image: -moz-linear-gradient(top, #de3229, #b52922);
			background-image: -ms-linear-gradient(top, #de3229, #b52922);
			background-image: -o-linear-gradient(top, #de3229, #b52922);
			background-image: linear-gradient(to bottom, #de3229, #b52922);
			border: solid #b52922 1px;
		}

		.btn_red:hover, input[type="submit"].btn_red:hover, button.btn_red:hover,
		.btn_red:active, input[type="submit"].btn_red:active, button.btn_red:active {
			background: #eb3a34;
			background-image: -webkit-linear-gradient(top, #eb3a34, #c22e29);
			background-image: -moz-linear-gradient(top, #eb3a34, #c22e29);
			background-image: -ms-linear-gradient(top, #eb3a34, #c22e29);
			background-image: -o-linear-gradient(top, #eb3a34, #c22e29);
			background-image: linear-gradient(to bottom, #eb3a34, #c22e29);
		}

		.btn_green, input[type="submit"].btn_green, button.btn_green {
			background: #10ad47;
			background-image: -webkit-linear-gradient(top, #10ad47, #0f943d);
			background-image: -moz-linear-gradient(top, #10ad47, #0f943d);
			background-image: -ms-linear-gradient(top, #10ad47, #0f943d);
			background-image: -o-linear-gradient(top, #10ad47, #0f943d);
			background-image: linear-gradient(to bottom, #10ad47, #0f943d);
			border: solid #0f943e 1px;
		}

		.btn_green:hover, input[type="submit"].btn_green:hover, button.btn_green:hover,
		.btn_green:active, input[type="submit"].btn_green:active, button.btn_green:active {
			background: #15bf4e;
			background-image: -webkit-linear-gradient(top, #15bf4e, #10a343);
			background-image: -moz-linear-gradient(top, #15bf4e, #10a343);
			background-image: -ms-linear-gradient(top, #15bf4e, #10a343);
			background-image: -o-linear-gradient(top, #15bf4e, #10a343);
			background-image: linear-gradient(to bottom, #15bf4e, #10a343);
		}


		/* Form Fields */
		input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select {
	    width: 100%;
	    color: #555;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    padding: 9px;
	    font-size: 14px;
	    line-height: 17px;
	    height: 37px;
	    outline: none;
	    border: 1px solid #BABABA;
	    -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0 4px;
	    -moz-box-shadow: rgba(255, 255, 255, 0) 0 0 4px;
	    box-shadow: rgba(255, 255, 255, 0) 0 0 4px;
	    -moz-transition: box-shadow linear 0.2s, border linear 0.2s;
	    -webkit-transition: box-shadow linear 0.2s, border linear 0.2s;
	    -o-transition: box-shadow linear 0.2s, border linear 0.2s;
	    transition: box-shadow linear 0.2s, border linear 0.2s;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
		}

		input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="url"]:hover, input[type="password"]:hover, textarea:hover {
	    border : 1px solid #888;
    }

		input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus {
	    border: 1px solid #0aa0c6;
	    -webkit-box-shadow: #0aa0c6 0 0 4px;
	    -moz-box-shadow: #0aa0c6 0 0 4px;
	    box-shadow: #0aa0c6 0 0 4px;
		}

		/* Field Icons */
		.input_icon_group {
			float: right;
			display: block;
			position: relative;
		}

		.input_icon_group input[type="text"], .input_icon_group input[type="email"], .input_icon_group input[type="number"], .input_icon_group input[type="url"], .input_icon_group input[type="password"], .input_icon_group select {
			float: right;
			padding-left: 45px;
		}

		.input_icon {
			padding: 9px 12px;
			font-size: 14px;
			font-weight: normal;
			line-height : 17px !important;
			height: 17px;
			text-align: center;
			background-color: #EEE;
			border: 1px solid #BABABA;
			border-radius: 4px;
			border-bottom-right-radius: 0;
			border-top-right-radius: 0;
			position: absolute;
			left: 0;
			display: table-cell;
			margin: 15px -3px 0 0;
		    -moz-transition: box-shadow linear 0.2s, border linear 0.2s;
		    -webkit-transition: box-shadow linear 0.2s, border linear 0.2s;
		    -o-transition: box-shadow linear 0.2s, border linear 0.2s;
		    transition: box-shadow linear 0.2s, border linear 0.2s;
		}

		input:hover + .input_icon, select:hover + .input_icon {
	    border: 1px solid #888;
		}

		input:focus + .input_icon, select:focus + .input_icon {
			border: 1px solid #0aa0c6;
		}

		/* Login Box */
		#login_box {
			margin: 30px auto 20px;
			background: #fff;
			border: 1px solid #D2D3D6;
			border-top: 2px solid #0aa0c6;
		}

		#login_box, .login_box_bottom {
			-webkit-border-radius : 4px;
			-webkit-border-top-left-radius : 0;
			-webkit-border-top-right-radius : 0;
			-moz-border-radius : 4px;
			-moz-border-top-left-radius : 0;
			-moz-border-top-right-radius : 0;
			-o-border-radius : 4px;
			-o-border-top-left-radius : 0;
			-o-border-top-right-radius : 0;
			border-radius : 4px;
			border-top-left-radius : 0;
			border-top-right-radius : 0;
		}

		.login_box_padding {
			padding: 20px 25px 25px;
			overflow: auto;
		}

		.float_right {
			float: right;
		}

		#login_box label {
			cursor: pointer;
		}

		#login_box label.left_label {
			margin: 18px 0 12px;
			display: inline-block;
			line-height: 30px;
			float: left;
			clear: both;
			font-size: 16px;
		}

		#login_box input[type=text], #login_box input[type=password] {
			margin: 15px 0;
			width: 290px;
			float: left;
		}

		#login_box input[type=submit], button {
			clear: both;
			float: right;
		}

		.login_box_bottom {
			background: #F7F8FA;
			padding: 20px 25px;
		}

		/* Message Boxes */
		.msg_box {
			position: relative;
			margin: 0 0 10px;
			padding: 10px 10px 10px 45px;
			border-width: 2px;
			border-style: solid;
			color: #555555;
			font-size: 14px;
		}

		.msg_box.info {
			background: #E1F2F7 url('/images/icons/information.png') no-repeat 15px 11px;
			border-color: #C5E4ED;
		}

		.msg_box.success {
			background: #F2FCDC url('/images/icons/accept.png') no-repeat 15px 11px;
			border-color: #D5F296;
		}

		.msg_box.caution {
			background: #FFFCD9 url('/images/icons/error.png') no-repeat 15px 11px;
			border-color: #F5F0AE;
		}

		.msg_box.error {
			background: #FFF2ED url('../images/icons/exclamation.png') no-repeat 15px 11px;
			border-color: #F5C2AE;
		}

		.msg_box a.close {
			position: absolute;
			top: 3px;
			right: 0px;
			padding: 5px 10px;
		}

		/* All Mobile Sizes (devices and browser) */
		@media only screen and (max-width: 767px) {
			#container {
				width: 90%;
				height: auto;
				margin-top: 30px;
				position: relative;
			}

			#login_box label {
				font-size: 12px;
			}

			.input_icon_group {
				width: 65%;
			}

			#login_box input[type=text], #login_box input[type=password] {
				margin: 15px 0;
				width: 100%;
			}

			.hide_mobile {
				display: none;
			}
		}