/*	WHAT?
		Basic Page Style 
		For some standardised elements that a website always has, but shouldn't be in the base.css.
	
	CHANGELOG
		02-04-2008	Maykel;			Removed the background from the 'body'
									Changed Standard Image Margins
									Moved Some Typography to typography.css
*/

body {
	text-align: center; /* Center the page */
}

/* 	Margins for images, floating defined in base.css 
*/
img.left {
	margin: 4px 20px 4px 4px;
}

img.right {
	margin: 4px 4px 4px 20px;
}

/* 	Input, Select, Textarea and Buttons 
*/
	/*
	margin: 2px 0;
	padding: 2px 3px;
	*/
input, select, textarea, button {	
	border: 1px solid #ddd;
	border-right-color: #c0c0c0; border-bottom-color: #c0c0c0;

	background: #fff url("../img/bg/input.png") no-repeat -1px -1px;
	
	padding: 3px 3px 1px;
}

	input:hover, select:hover, textarea:hover, input.submit:hover {
		border: 1px solid #e0e0e0;
		border-right-color: #d0d0d0; border-bottom-color: #d0d0d0;
		
		background: #fafafa url("../img/bg/input_hover.png") no-repeat -1px -1px;

		color: #000;
	}
	
	input:focus, select:focus, textarea:focus, input.submit:active {
		border: 1px solid #9c9;
		border-right-color: #8b8; border-bottom-color: #8b8;

		background: #f6f6f6 url("../img/bg/input_focus.png") no-repeat -1px -1px;
	}
	
	input.submit, button {
		background: #f6f6f6;
		background-image: none !important;

		color: #000;
		
		font-size: 1.3em;
	}
	
		input.submit:hover, button:hover {
			background: #fff;
		}

        input.submit:active, button:active {
         	color: #267;
		}
		
	input.active, select.active, textarea.active {
		border: 1px solid #ddd;
		border-right-color: #c0c0c0;
		border-bottom-color: #c0c0c0;
	}
	
	input.checkbox {
		border: none;
	}

	select {
		padding: 2px 0 0;
	}
	
	option {
		background: #fff;
		padding: 1px 3px 0;
	}

	textarea {
		height: 9em;
	}

/* 	Notices
	Positive, Negative, Attention, Informative 
*/
#notices {
	border: none;
}

	#notices legend {
		display: none;
	}

	.notice {
	    
	}
	    
	    #notices a {
	    	color: inherit !important;
	    }
	
	    #notices h2 {
	    	
	    }
	    
	    #notices p {
	
	    }
	
	    .positive {
	    	background: #efe;
	    }
	    	.positive h2,
	    	.positive p {
	    		color: #44710a;
	    	}
	    	
	    .negative {
	    	background: #fee;
	    }
	    	.negative h2,
	    	.negative p {
	    		color: #cc1700;
	    	}
	    
	    .attention {
	    	background: #ffe;
	    }
	    	.attention h2,
	    	.attention p {
	    		color: #aa7d00;
	    	}
	    	
	    .informative {
	    	background: #eef;
	    }
	    	.informative h2,
	    	.informative p {
	    		color: #0077b5;
	    	}