/******************************************
*******************************************
*Portlets*
******************************************
******************************************/

/*this is what styles the portlet outer containers,
 *this adds the dark gray border and margin on the top and right side*/
.portletOuterContainer {
	width:100%px;
	border: 1px solid #bcbcbc;
	margin: 0px 10px 10px 0px;

}
/*this is what styles the portlet inner containers,
 *this adds the white border,
 *top gray gradient,
 *gray background,
 *and the padding to center the white box*/
.portletInnerContainer {
	border: 1px solid #ffffff;
	padding: 2px 5px 5px 5px;
	background: url('/community/spry/connecttabmenubg.gif') repeat-x left top;
	background-color: #e1e1e1;
}

/*this is what styles the portlet Title area background,
 *this adds the top border to the content box, this is done so that the tabs can have no lines between them and the content box
 *gray background,
 *and the padding to center the white box*/
.portletTitleContainer {
	background: url('/community/spry/connecttabmenubgunderline.gif') repeat-x left top;
	display: block;
	height: 28px;
}

/*this is what styles the portlet Title area content*/
.portletTitle {
	display: block;
	float: left;
	/* height: 28px; this caused a border gap in IE6 */ 
	width: auto;
	font-weight: bold;
	color: #264c73;
	padding: 5px 5px 0px 5px;
}
.portletTitle span {
color: #264c73;
}
/*IF the title is a link this gives it stlye*/
.portletTitle a:link, .portletTitle a:visited {
	background: none;
	color: #264c73;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none;
	/* height: 28px; this caused a border gap in IE6 */
	font-size: 12px;
	font-weight: bold;
}
/*IF the title is a link this gives it stlye*/
.portletTitle a:link span, .portletTitle a:visited span {
	background: none;
	display: inline-block;
	height: 21px;
	color: #264c73;
}
/*IF the title is a link this gives it stlye*/
.portletTitle a:hover span {
	text-decoration: underline;
	cursor: pointer;
}


/*This is what Styles the content area of the portlets,
 *this gives it a top shadow to match the tabs,
 *background color and border on three sides, no top border to allow the tabs to look correct*/
.portletContentContainer {
	background: url('/community/spry/tabshadow.gif') repeat-x left top;
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
	border-top: 0px;
	padding: 19px 5px 10px 5px;
	font-size: 11px;
}



/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0px;
padding: 0px;
position: relative;
}

.shadetabs li a{
text-decoration: none;
font-size: 11px !important;
font-weight: bold;
color: #264c73;
background: url('/community/spry/connecttabbgleftlong.gif') no-repeat left 0;
padding: 8px 0px;
*padding: 0px;
height: 28px;
line-height: 28px;
}

.shadetabs li a em{
display: inline-block;
text-decoration: none;
font-style: normal;
line-height: 28px;
background: url('/community/spry/connecttabbgrightlong.gif') no-repeat right 0;
height: 28px;
padding: 0px 10px;
}

.shadetabs #first a, .shadetabs #first a em {
background-position: left 28px !important;
}

.shadetabs li a:hover{
text-decoration: none;
color: #264c73;
}

.shadetabs li a:hover em{
text-decoration: underline;
}

.shadetabs li a.selected, .shadetabs #first a.selected
{
background-position: left -28px !important;
}
.shadetabs li a.selected em, .shadetabs #first a.selected em
{
background-position: right -28px !important;
text-decoration: none;
}
.shadetabs li a.selected:hover, .shadetabs li a.selected:hover em, .shadetabs li a.selected{ /*selected main tab style */
text-decoration: none;
cursor: default;
}


.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}