img.alignLeftWrapText
{
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}

img.alignRightWrapText
{
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
}	


.opensInNewWindowIcon
{
	display: inline-block;	
	height: 10px;
	width: 10px;
	margin-left: 3px;
	background-image: url(/rawfactory/images/sprites/icons.png);
	background-repeat: no-repeat;
	background-position: -26px -4px;
}

.opensInNewWindowIconDisabled
{
	display: inline-block;	
	height: 10px;
	width: 10px;
	margin-left: 3px;
	background-image: url(/rawfactory/images/sprites/icons.png);
	background-repeat: no-repeat;
	background-position: -16px -4px;
}

textarea, input, select
{
	font-family: verdana, sans-serif !important;
	font-size: 13px !important;	
}

.requiredField
{
	color: #ff0000;
	font-weight: bold;		
}

td.label, td.formLabel
{
	vertical-align: top;
	text-align: right;
}

form .mask
{
	color: #888888;	
}


/* used for items like slide shows where we dont want them messing around in the dom during load (like showing at top of page) */
.makeVisibleAfterLoad
{
	visibility: hidden !important;
}

.hidden
{
	display: none;	
}

div.popup .loginPrompt h2, div.popup .loginPrompt label
{
	font-family: verdana;
	font-weight: bold;
}

#notPublishedBar, #specialMessagePublishedBar
{
	text-align: center;
	padding: 12px;
	background-color: red;	
}