/*	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 
*/

.notice {}
    
    .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;
    	}