<style>


	body { margin:0; padding:0; overflow: hidden; font-family: 'Roboto', sans-serif; font-size: 11px; background-color: #EDEFF3; }


	/* =============================================================================
	   STANDARD ITEMS	
	   ========================================================================== */

		.good    { background-color:#00AF4D; }
		.danger  { background-color:#E51E26; }
		.warning { background-color:#F57D20; }
		.notify  { background-color:#006CB7; }
		.system  { background-color:#c7c8c7; }	
		.default { background-color:#a8a8a8; }	

		.goodText    { color:#00AF4D; }
		.dangerText  { color:#E51E26; }
		.warningText { color:#F57D20; }
		.notifyText  { color:#006CB7; }
		.systemText  { color:#c7c8c7; }	
		.redText  	 { color:; }	
		.greenText   { color:; }	
		.headerText  { color:; }	
		.whiteText   { color:white;}
		.blackText   { color:black!important;}
		.dangerText, .warningText, .goodText, .notifyText, .systemText, .redText, .greenText, .purpleText  { text-transform: uppercase; }	

	
		.button { 
			background-color: #00AF4D; /* Green */
			border: none;
			color: white;
			/* padding: 3px 5px; */
			padding: 5px 10px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			display: inline-block;
			font-size: 12px;
			font-weight: 700;
			font-family: 'Roboto', sans-serif;
			margin: 4px 2px;
			-webkit-transition-duration: 0.4s; /* Safari */
			transition-duration: 0.4s;
			cursor: pointer; 
		}

		.button.good { background-color: #00AF4D; color: white; border: 2px solid #00AF4D; }
		.button.good:hover { background-color: white; color: #00AF4D; }

		.button.danger { background-color: #E51E26; color: white; border: 2px solid #E51E26; }
		.button.danger:hover { background-color: white; color: #E51E26; }

		.button.warning { background-color: #F57D20; color: white; border: 2px solid #F57D20; }
		.button.warning:hover { background-color: white; color: #F57D20; }

		.button.notify { background-color: #006CB7; color: white; border: 2px solid #006CB7; }
		.button.notify:hover { background-color: white; color: #006CB7; }

		.button.system { background-color: #c7c8c7; color: white; border: 2px solid #c7c8c7; }
		.button.system:hover { background-color: white; color: #c7c8c7; }

		.button.default { background-color: #a8a8a8; color: white; border: 2px solid #a8a8a8; }
		.button.defaul:hover { background-color: white; color: #a8a8a8; }

		/*Standard Inputs*/
		.input { 
			background-color: #FFF;
			border: none;
			padding: 3px 5px;
			text-decoration: none;
			text-transform: uppercase;
			display: inline-block;
			font-size: 11px;
			font-weight: 500;
			font-family: 'Roboto', sans-serif;
	/*		letter-spacing: 1px;*/
			margin: 4px 2px;
			-webkit-transition-duration: 0.4s;
			transition-duration: 0.4s;
			border: 1px solid #666;
			height:27px;
			max-height:27px;
			box-sizing:border-box;
		}

		/*getting rid of number spinner */
		input::-webkit-outer-spin-button,
      	input::-webkit-inner-spin-button { display: none; }

		/*Special Inputs*/
		.inputRequired { border-left: 3px solid #E51E26; }
		.inputSaved { border: 2px solid #00AF4D !important; }

		.footer { bottom:0; height:50px; left:0; position:fixed; width:100%; overflow:hidden; text-align: center; font-family: 'Roboto', sans-serif; font-size:10px; color:#222; background-color: #F4F4F4; padding-top: 10px; }

		.notAllCaps { text-transform: none!important; }
	
		#loginLink { background:#c7c8c7; height:40px; right:0; position:fixed; width:40px; top:60px; z-index:1; }		
		#login{ padding: 8px 0px 0px 0px; line-height:40px; margin:0 auto; width:100%; text-align:center; font-family: 'Roboto', sans-serif; font-size:12px; color:#FFF; font-weight:bolder; z-index:1; cursor:pointer; }
	
		#facebookLink { background:#006CB7; height:40px; right:0; position:fixed; width:40px; top:110px; z-index:1; }		
		#facebook{ padding: 8px 0px 0px 0px; line-height:40px; margin:0 auto; width:100%; text-align:center; font-family: 'Roboto', sans-serif; font-size:12px; color:#FFF; font-weight:bolder; z-index:1; cursor:pointer; }

	/* =============================================================================
	   PUBLIC PAGES	
	   ========================================================================== */

</style>