.statusBox
{
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 12px;
}

.statusBox.medium .icon
{
	height: 22px;
	width: 22px;
	margin: 4px 4px;	
}

.statusBox.medium .message
{
	padding-top: 6px;
	width: auto;
}

.statusBox.medium
{
	-moz-border-radius: 8px;
	border-radius: 8px;			
}

.statusBox.medium h2
{
	margin-top: 1px !important;
}


.statusBox.medium.success
{
	border: 1px solid green;
	background-color: #e1fce8;	
}

.statusBox.medium.warning
{
	border: 1px solid #ff9600;
	background-color: #fdeed2;	
}

.statusBox.medium.information
{
	border: 1px solid #638ae4;
	background-color: #e3ecff;	
}




.statusBox.medium.success .icon
{
	background-image: url('/rawfactory/images/sprites/icons_set_22x22_2011a_sprites.png');
	background-position: 0px 0px;
}

.statusBox.medium.warning .icon
{
	background-image: url('/rawfactory/images/sprites/icons_set_22x22_2011a_sprites.png');
	background-position: -44px 0px;
}

.statusBox.medium.information .icon
{
	background-image: url('/rawfactory/images/sprites/icons_set_22x22_2011a_sprites.png');
	background-position: -88px -22px;
}


/* TODO: need rewrite of css for icons.. consider the following pattern */

.icon.medium
{
	background-image: url('/rawfactory/images/sprites/icons_set_22x22_2011a_sprites.png');
	height: 22px;
	width: 22px;
	display: inline-block;	
}

.icon.medium.attach
{
	background-position: -66px 0px;
}

.icon.medium.star
{
	background-position: -88px 0px;
}

.icon.medium.add
{
	background-position: -0px -22px;	
}

.icon.medium.edit
{
	background-position: -44px -22px;	
}

.icon.medium.delete
{
	background-position: -22px -22px;	
}


.statusBox.medium .iconWrapper
{
	background-image: url('/rawfactory/images/sprites/icons_set_22x22_2011a_sprites.png');
	background-position: -208px -208px;

	margin: 6px 10px;
	
	height: 36px;
	width: 36px;
	
	padding-top: 1px;
	padding-left: 2px;
	
}

.statusBox td
{
	vertical-align: top;	
}