body { background: #ccd5de; font-family: "Source Sans Pro"; box-sizing: border-box; margin: 0; padding: 0;}
		div { 
		
        width: 60%;
        margin: 0 auto;
		margin-top: 80px;
        padding: 40px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); background: #fff; }
		
		#recoverydiv { display: none; }
		
		input { font-family: "Source Sans Pro"; }
		input[type="text"], input[type="password"] { padding: 4px; margin: 0px; border: 1px solid #3a6c9c; border-radius: 4px; background: rgba(255,255,255,0.7); }
		input[type="text"] { margin-right: 4px; }
		
		input.cbutton { background: #ff8f0f; color: #fff !important; border-radius: 4px; display: inline-block; font-weight: bold;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8f0f', endColorstr='#BD6A04'); /* for IE */
			background: -webkit-gradient(linear, left top, left bottom, from(#ff8f0f), to(#BD6A04)); /* for webkit browsers */
			background: -webkit-linear-gradient(top, #ff8f0f, #BD6A04); /* Chrome 10+, Saf5.1+, iOS 5+ */
			background:     -ms-linear-gradient(top, #ff8f0f, #BD6A04); /* IE10 */
			background:      -o-linear-gradient(top, #ff8f0f, #BD6A04); /* Opera 11.10+ */
			background:    -moz-linear-gradient(top, #ff8f0f, #BD6A04);
			vertical-align: -2px;
			border: 0px;
			font-size: 16px;
			margin: 0 4px;
			cursor: pointer;
			padding: 2px 4px;
		}

		input.cbutton:hover { text-decoration: none !important;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BD6A04', endColorstr='#ff8f0f'); /* for IE */
			background: -webkit-gradient(linear, left top, left bottom, from(#BD6A04), to(#ff8f0f)); /* for webkit browsers */
			background: -webkit-linear-gradient(top, #BD6A04, #ff8f0f); /* Chrome 10+, Saf5.1+, iOS 5+ */
			background:     -ms-linear-gradient(top, #BD6A04, #ff8f0f); /* IE10 */
			background:      -o-linear-gradient(top, #BD6A04, #ff8f0f); /* Opera 11.10+ */
			background:    -moz-linear-gradient(top, #BD6A04, #ff8f0f);
		}
		
		div a { color: #4b9649; text-decoration: none; }
		div a:hover { text-decoration: underline; }
		
h2 { color: #f00; background: #fbb; border: 2px solid #f00; padding: 10px; }

p > img { width: 100%; }

/* style for standard system messages */
.error { display: block; padding: 5px 10px; margin: 10px 0px; border: 2px solid #f00; background: #fcc; } 
.success { display: block; padding: 5px 10px; margin: 10px 0px; border: 2px solid #0c0; background: #cfc; } 
.message { display: block; padding: 5px 10px; margin: 10px 0px; border: 2px solid #00f; background: #ccf; }
.warning { display: block; padding: 5px 10px; margin: 10px 0px; border: 2px solid #db0; background: #ffb; }