﻿
.container
{
	height:557px;
	width:890px;
	border:solid 1px #e5e5e5;
	
}

#left
{
	float:left;
	width:187px;
	height:557px;
	border-right:solid 1px #e5e5e5;
}

#center, #centerTwoCol
{
	float:left;
	width:187px;
	height:557px;
	border-right:solid 1px #e5e5e5;
}

#centerTwoCol
{
	display:none;
}

#right
{
	width:512px;
	height:556px;
	float:right;
	overflow:hidden;
}
#rightTwoCol
{
	width:658px;
	float:left;
}

.categoryPanel,.listPanel,.contentPanel
{
}

.categoryPanel,.listPanel
{
	width:187px;
	height:498px;
	border-right:solid 1px #e5e5e5;
	position:relative;
	overflow:hidden;
}

.categoryPanel
{
	left:0px;
	top:0px;
	background-color:#f0f0f0;
}

.categoryPanel a, .categoryPanel a:visited
{
	text-decoration:none;
	position:relative;
	top:15px;
	color:#333;
}

.catUpContainer,.catDownContainer
{
	height:29px;
	width:187px;
}

.catUpContainer
{
	top:0px;
	border-bottom:solid 1px #e5e5e5;
	text-align:center;
	background-image:url(/images/gradient_gray_topscroll.gif);
}

.catDownContainer
{
	left:0px;
	bottom:0px;
	border-top:solid 1px #e5e5e5;
	text-align:center;
	clear:both;
	background-image:url(/images/gradient_gray_bottomscroll.gif);
}

.listUpContainer,.listDownContainer
{
	height:29px;
	width:187px;
}

.listUpContainer
{
	border-bottom:solid 1px #e5e5e5;
	text-align:center;
	background-image:url(/images/gradient_gray_topscroll.gif);
}

.listDownContainer
{
	border-top:solid 1px #e5e5e5;
	text-align:center;
	clear:both;
	background-image:url(/images/gradient_gray_bottomscroll.gif);
}


.listPanel
{
}

.listPanel a,  .listPanel a:visited
{
	text-decoration:none;
	position:relative;
	top:2px;
	color:#333;
}

.contentPanel, .contentPanelTwoCol
{
	position:relative;
	top:0px;
	height:536px;
	width:466px;
	xoverflow: -moz-scrollbars-vertical;
	xoverflow-x: hidden;
	xoverflow-y: scroll;
	overflow:auto;
	padding:20px 20px 0px 20px;
}

.contentPanelTwoCol
{
	width:658px;
}

.itemCount
{
	font-size:10px;
}

.catListItem, .catSelectedItem
{
	height:53px;
	border-bottom:solid 1px #e5e5e5;
	text-indent:20px;
}

.catSelectedItem
{
	background-image:url(/images/gradient_selected_state54px.gif);
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
}

.catSelectedItem a,.catSelectedItem a:visited
{
	color:White;

	position:relative;
}

.catSelectedItem a,.catSelectedItem a:visited, .catListItem a, .catListItem a:visited
{
	outline:none;
}

a.ttLink div{ display: none;}
a.ttLink:hover
{ 
	z-index:100; 
	color: #aaaaff;
}
a.ttLink:hover div.tooltip
{
	font-size:12px;
	border:solid 1px #e5e5e5;
	text-indent:0px;
    display:block;
    position:absolute;
    top:0px; left:20px;
	padding: 5px 5px 5px 5px;
	color: black;
	background-color:#EBF2F5;
    text-align: left;
	display:none; /*  put here to hide pop up tooltip for now per Paul and Tony until we can move it over the main content area */
}


.pgListItem, .pgSelectedItem
{
	height:26px;
	border-bottom:solid 1px #e5e5e5;
	position:relative;
	text-indent:20px;
	background-color:White;
}

.pgSelectedItem
{
	background-image:url(/images/gradient_selected_state36px.gif);
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
}

.pgSelectedItem a,.pgSelectedItem a:visited
{
	color:White;
}

.pgSelectedItem a,.pgSelectedItem a:visited, .pgListItem a, .pgListItem a:visited
{
	outline:none;
}

.catListItem,.pgListItem
{
}

.catSelectedItem,.pgSelectedItem
{
	color:#ffffff;
}

.catDelta
{
	float:right;
	position:relative;
	top:22px;
	right:8px;
}

.pageDelta
{
	float:right;
	position:relative;
	top:8px;
	right:8px;
}

.exampleTile,.exampleTile2
{
	width:210px;
	margin-bottom:15px;
	line-height:15px;
	text-align:center;
	position:relative;
	min-height:200px;
}
.exampleTile
{
	float:left;
}
.exampleTile2
{
	float:right;
}

.examplesTable
{
	width:440px;
}

.topLeftRound
{
	position:relative;
	left:-25px;
	top:-559px;
}
.topRightRound
{
	position:relative;
	left:838px;
	top:-559px;
}
.bottomLeftRound
{
	position:relative;left:-1px;top:-29px;
}
.bottomRightRound
{
	position:relative;left:510px;top:-27px;
}
.bottomRightRoundTwoCol
{
	position:relative;top:529px;left:40px;
}