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

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

.greyPlus
{
	background : #656A70 url('/GkGroup/assets/images/screen/bulletPlus.jpg') no-repeat right;
}
.greyMinus
{
	background : #656A70 url('/GkGroup/assets/images/screen/bulletMinus.jpg') no-repeat right;
}

.greyCollapseable
{
	background : #656A70 url('/GkGroup/assets/images/screen/bulletCollapseable.jpg') no-repeat right;
}
.greyCollapsed
{
	background : #656A70 url('/GkGroup/assets/images/screen/bulletCollapsed.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;
}

/*
****************************************************************
Section Title Panel Styles

- Generic rules for Section Title/Content Panels.
*****************************************************************
*/
div.sectionHeader
{
	border : solid 1px #DBDBDB;	
	background-color : White;
}
div.sectionHeader.grey
{
	background : white url('/GkGroup/assets/images/panel/dropShadow_panel_bg_Grey.png') repeat-x bottom;
}
div.sectionHeader.blue
{
	background : white url('/GkGroup/assets/images/panel/dropShadow_panel_bg_Blue.png') repeat-x bottom;
}
div.sectionHeader.darkblue
{
	background : white url('/GkGroup/assets/images/panel/dropShadow_panel_bg_DarkBlue.png') repeat-x bottom;	
}
div.sectionHeader.darkblue:hover
{
	background : white url('/GkGroup/assets/images/panel/dropShadow_panel_bg_RoyalBlue.png') repeat-x bottom;	
}
div.sectionHeader h2
{
	color : #02497F;
	font-size : 14px;
	font-weight : normal;
	padding : 10px;
}
div.sectionHeader.darkblue h2
{
	color : White;
	font-size : 12px;
	font-weight : bold;
	display : inline-block;	
}
div.sectionHeader.darkblue h2 a
{
	text-decoration : none;
	color : White;	
	display : block;
}

div.sectionContent
{
	border : solid 1px #DBDBDB;
	background : #FFFFFF url('/GkGroup/assets/images/panel/sectionContentBg.jpg') repeat-x bottom;
	padding : 10px;
	margin-bottom : 10px;
}
/*
****************************************************************
Drop Shadow Panel Styles

- Generic rules for Drop Shadow Panels.
*****************************************************************
*/
div.dropShadowOuter
{
	background-image : url('/GkGroup/assets/images/panel/dropShadow_panel_main_BR.png');
	background-repeat : no-repeat;
	background-position : right bottom;
	position : relative;
	margin : 4px 0px 0px 4px;
}
div.dropShadowInner
{
	background-color : White;	
	border : solid 1px #DBDBDB;
	bottom : 4px;
	right : 4px;
	position : relative;
	padding : 10px;
}
div.dropShadowInner.grey
{
	background : white url('/GkGroup/assets/images/panel/dropShadow_panel_bg_Grey.png') repeat-x bottom;
}
div.dropShadowInner.blue
{
	background : white url('/GkGroup/assets/images/panel/dropShadow_panel_bg_Blue.png') repeat-x bottom;
}
div.dropShadowTR
{
	background-image : url('/GkGroup/assets/images/panel/dropShadow_panel_topRight.png');
	background-repeat : no-repeat;	
	position : absolute;
	right : 0px;
	top : -4px;
	height : 4px;
	width : 4px;
}
div.dropShadowBL
{
	background-image : url('/GkGroup/assets/images/panel/dropShadow_panel_bottomLeft.png');
	background-repeat : no-repeat;	
	position : absolute;
	bottom : 0px;
	left : -4px;
	height : 4px;
	width : 4px;
}