/* 
================================
 Container Styles for Family Investments
================================
*/   

.container
{
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}

.container a
{
	color: #33004E;
	text-decoration: underline;
}

.container a:link
{
	color: #33004E;
	text-decoration: underline;
}

.container a:hover
{
	color: #EE861A;
	text-decoration: underline;
}

.container a:visited
{
	color: #33004E;
	text-decoration: underline;
}

.ModuleTitle_MenuItem 
{
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem 
{
	cursor: pointer; 
	color: black; 
	font-family: Arial, Sans-Serif; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
    white-space: nowrap;
}

.ModuleTitle_MenuItem td
{
    cursor: pointer; 
	color: black; 
	font-family: Arial, Sans-Serif; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
    white-space: nowrap;
}

.ModuleTitle_MenuIcon 
{
	cursor: pointer; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	background-color: #FFFFFF; 
}

.ModuleTitle_MenuBreak  
{
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel 
{
	cursor: pointer; 
	color: black; 
	font-family: Arial, Sans-Serif; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
	background-color: #C1D2EE;
	white-space: nowrap;
}

.ModuleTitle_MenuItemSel td
{
    cursor: pointer; 
	color: black; 
	font-family: Arial, Sans-Serif; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
	background-color: #C1D2EE;
	white-space: nowrap;
}

#ContentPane td
{
	text-align: left;
}

#ContentPane div
{
	text-align: left;
}

.containerBoxOrange
{
	padding: 0;
	background-color: #FFFFFF;
	margin: 0;
	font-weight: normal;
}

.LeftPane .containerBoxOrange
{
	margin: 0 4px 0 4px;
}

.containerBoxOrange a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.containerBoxOrange a:link
{
	color: #FFFFFF;
	text-decoration: underline;
}

.containerBoxOrange a:hover
{
	color: #33004E;
	text-decoration: underline;
}

.containerBoxOrange a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}

.containerBoxOrange p
{
	margin: 2px 5px 2px 5px;
	font-weight: normal;
}

.roundedBoxTopLeftOrange
{
	height: 10px;
	width: 10px;
	background: #EE861A url('img_BoxTopLeftOrange.gif') no-repeat top left
}

.roundedBoxTopMiddleOrange
{
	background-color: #EE861A;
}

.roundedBoxTopRightOrange
{
	height: 10px;
	width: 10px;
	background: #EE861A url('img_BoxTopRightOrange.gif') no-repeat top right
}

.roundedBoxContentOrange
{
	background-color: #EE861A;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

.roundedBoxBottomLeftOrange
{
	height: 10px;
	width: 10px;
	background: #EE861A url('img_BoxBottomLeftOrange.gif') no-repeat bottom left;
}

.roundedBoxBottomMiddleOrange
{
	background-color: #EE861A;
}

.roundedBoxBottomRightOrange
{
	height: 10px;
	width: 10px;
	background: #EE861A url('img_BoxBottomRightOrange.gif') no-repeat bottom right;
}

.containerBoxPurple
{
	padding: 0;
	background-color: #FFFFFF;
	margin: 0;
	clear: both;
}

.containerBoxPurple a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.containerBoxPurple a:link
{
	color: #FFFFFF;
	text-decoration: underline;
}

.containerBoxPurple a:hover
{
	color: #EE861A;
	text-decoration: underline;
}

.containerBoxPurple a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}

.containerBoxPurple p
{
	margin: 2px 5px 2px 5px;
}

.roundedBoxTopLeftPurple
{
	height: 10px;
	width: 10px;
	background: #33004E url('img_BoxTopLeftPurple.gif') no-repeat top left
}

.roundedBoxTopMiddlePurple
{
	background-color: #33004E;
}

.roundedBoxTopRightPurple
{
	height: 10px;
	width: 10px;
	background: #33004E url('img_BoxTopRightPurple.gif') no-repeat top right
}

.roundedBoxContentPurple
{
	background-color: #33004E;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

.roundedBoxBottomLeftPurple
{
	height: 10px;
	width: 10px;
	background: #33004E url('img_BoxBottomLeftPurple.gif') no-repeat bottom left
}

.roundedBoxBottomMiddlePurple
{
	background-color: #33004E;
}

.roundedBoxBottomRightPurple
{
	height: 10px;
	width: 10px;
	background: #33004E url('img_BoxBottomRightPurple.gif') no-repeat bottom right
}

.containerBoxYellow
{
	padding: 0;
	background-color: #FFFFFF;
	margin: 0;
}

.containerBoxYellow a
{
	color: #33004E;
	text-decoration: underline;
}

.containerBoxYellow a:link
{
	color: #33004E;
	text-decoration: underline;
}

.containerBoxYellow a:hover
{
	color: #EE861A;
	text-decoration: underline;
}

.containerBoxYellow a:visited
{
	color: #33004E;
	text-decoration: underline;
}

.containerBoxYellow p
{
	margin: 2px 5px 2px 5px;
}

.roundedBoxTopLeftYellow
{
	height: 10px;
	width: 10px;
	background: #FFDDC7 url('img_BoxTopLeftYellow.gif') no-repeat top left
}

.roundedBoxTopMiddleYellow
{
	background-color: #FFDDC7;
}

.roundedBoxTopRightYellow
{
	height: 10px;
	width: 10px;
	background: #FFDDC7 url('img_BoxTopRightYellow.gif') no-repeat top right
}

.roundedBoxContentYellow
{
	background-color: #FFDDC7;
	color: #33004E;
}

.roundedBoxContentYellow td
{
	padding: 0 10px 0 10px;
}

.roundedBoxBottomLeftYellow
{
	height: 10px;
	width: 10px;
	background: #FFDDC7 url('img_BoxBottomLeftYellow.gif') no-repeat bottom left
}

.roundedBoxBottomMiddleYellow
{
	background-color: #FFDDC7;
}

.roundedBoxBottomRightYellow
{
	height: 10px;
	width: 10px;
	background: #FFDDC7 url('img_BoxBottomRightYellow.gif') no-repeat bottom right
}

.containerBoxLightPurple
{
	padding: 0;
	background-color: #FFFFFF;
	margin: 0;
}

.roundedBoxTopLeftLightPurple
{
	height: 10px;
	width: 10px;
	background: #C6AEC7 url('img_BoxTopLeftLightPurple.gif') no-repeat top left
}

.roundedBoxTopMiddleLightPurple
{
	background-color: #C6AEC7;
}

.roundedBoxTopRightLightPurple
{
	height: 10px;
	width: 10px;
	background: #C6AEC7 url('img_BoxTopRightLightPurple.gif') no-repeat top right
}

.roundedBoxContentLightPurple
{
	background-color: #C6AEC7;
	color: #33004E;
}

.roundedBoxContentLightPurple td
{
	padding: 0 10px 0 10px;
}

.roundedBoxBottomLeftLightPurple
{
	height: 10px;
	width: 10px;
	background: #C6AEC7 url('img_BoxBottomLeftLightPurple.gif') no-repeat bottom left
}

.roundedBoxBottomMiddleLightPurple
{
	background-color: #C6AEC7;
}

.roundedBoxBottomRightLightPurple
{
	height: 10px;
	width: 10px;
	background: #C6AEC7 url('img_BoxBottomRightLightPurple.gif') no-repeat bottom right
}