/*
****************************************************************
GENERIC HTML STYLES
*****************************************************************
*/

.borderWithBg
{
	background-color : #FFFFFF;
	border : solid 1px #DADADA;
	padding : 0px;
	margin : 0px;
}
.borderWithBg.grey
{
	background-color : #656A70;
}

.borderWithBg.lightGrey
{
	background-color : #DADADA;
}

.bulletArrowSingleLeft
{
	background : white url('/WhiteRoseVW/assets/images/screen/bulletArrowSingle.jpg') no-repeat left top;
}
.bulletArrowSingleRight
{
	background : white url('/WhiteRoseVW/assets/images/screen/bulletArrowSingle.jpg') no-repeat right top;
}

.greyArrowRight
{
	background : white url('/WhiteRoseVW/assets/images/screen/bulletArrow.jpg') no-repeat right;
}
.greyArrowUp
{
	background : white url('/WhiteRoseVW/assets/images/screen/bulletArrowUp.jpg') no-repeat top right;
}
.greyArrowDown
{
	background : white url('/WhiteRoseVW/assets/images/screen/bulletArrowDown.jpg') no-repeat top right;
}

.greyPlus
{
	background : white url('/WhiteRoseVW/assets/images/screen/bulletPlus.jpg') no-repeat right;
}
.greyMinus
{
	background : white url('/WhiteRoseVW/assets/images/screen/bulletMinus.jpg') no-repeat right;
}

/*
****************************************************************
Utility Styles

- Generic rules for clearing, floating and hiding content.
*****************************************************************
*/
.clear
{
    clear : both;
}
div.clear
{
    height : 0px;
    /*
     * NASTY HACK: ie.6 gives any element with an opening and closing tag a default minimum height
     */
    font-size           : 0px;
    line-height         : 0px;
}
.left
{
    float : left;
}
.right
{
    float : right;
}