/* Prevent Firefox Scrollbar Jump */
html { overflow-y:scroll; }

/* Rounded-Corner Elements */
input { -moz-border-radius:10px; -webkit-border-radius:10px; }

/* CSS Pointer Cursors */
input[type=submit],label,select,.pointer	{ cursor:pointer; }

/* CSS Grid */
/*
For center layout 
Define your default width in %, px or em
*/

.dp20,
.dp25,
.dp33,
.dp50,
.dp100{float:left; display: inline; *margin-left:-0.04em; } /* IE margin hack */

/* dp = div percet */

.dp20{width:20%;}
.dp25{width:22,5%; padding-right: 2.5%;}
.dp33{width:30.33%; padding-right: 3%;}
.dp50{width:45%; padding-right: 5%;}
.dp100{width:100%;}

/* You can float image automatically to left or right */	
img.right
{
float: right;
margin: 0 0 10px 10px;
border: 0px solid #666;
padding: 2px;
}
img.left
{
float: left;
margin: 10px 10px 0 0 ;
border: 0px solid #666;
padding: 2px;
}

/* error text mostly with RED to make attention */	
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	}
a.error:link, a.error:visited, a.error:hover {
	color: #990000;
	text-decoration: none
	}
	
/***** messages *****/

.mHelp, .mInfo, .mWarning, .mError {
	margin: 5px;
	border: 2px solid;
	background: #ffffff;
	border-color: #ccc;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 0.1em; 
	min-height: 50px;
	font-size:11px;
}

.mHelp {
	background-image: url(../images/icons/lightbulb_48.png);
}

.mInfo {
	background-image: url(../images/icons/accepted_48.png);
}

.mWarning {
	background-image: url(../images/icons/warning_48.png);
}

.mError {
	background-image: url(../images/icons/cancel_48.png);
}