/*main wrapper class*/

.wrapper-recentactivity
{
    width: 100%;
    background-color:Transparent;
    color:White;
}

.wrapper-YouTubeactivity
{
    width: 100%;
    background-color:Transparent;
    color:White;
}


.wrapper-latesttweets
{
    width: 100%;
    background-color:Transparent;
    color:White;
}

/*top row properties*/

.recent-activity
{
    width: 100%; 
	height:56px;
	background-position-y: 5px;
    top; 
    background-image: url(facebook.png); 
    background-repeat: no-repeat;
} 

.YouTube-activity
{
    width: 100%; 
	height:56px;
	background-position-y: 5px;
    top; 
    background-image: url(YouTube.png); 
    background-repeat: no-repeat;
} 
.latest-tweets
{
	width: 100%; 
	height:56px;
	background-position-y: 5px;
    top; 
    background-image: url(tweets.png); 
    background-repeat: no-repeat;
}
    
/*middle row properties*/

.middle-middle{background-color: #ffffff;color:black;}
.middle-left{background-image: url(middle-blue-left.png); background-repeat: repeat-y; background-position: right top;}
.middle-right{background-image: url(middle-blue-right.png); background-repeat: repeat-y;}    

/*bottom row properties*/

.left-bottom
{
    height:25px; 
    background-position: right bottom; 
    background-image: url(bottom-blue_01.gif); 
    background-repeat: no-repeat;       
}
.middle-center
{
  background-image: url(bottom-blue_02.gif); 
  background-repeat: repeat-x;  
  background-position-y: -2px;
  width: 100%;
}
    
.right-bottom
{
    background-position: left bottom; 
    background-image: url(bottom-blue_03.gif); 
    background-repeat: no-repeat;
}
.ModuleTitle_MenuItem 
{
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}


.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	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; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.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; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #DDDDDD;
}
#main-container {
	margin-bottom: 30px;
}