﻿/* Template Styles */
body { padding: 0; margin: 0; background-image: url(/images/PageBG.jpg); 
	background-repeat: repeat-x; background-color: #fff;
	font-family:Segoe UI, Tahoma, Arial, Sans-Serif;
	 }
h1 { font-size: 192%; color: #0099FF; padding: 0 0 20px 0; margin: 0; line-height: normal; }
h2 { color: #0099FF; padding: 0; margin: 0 0 5px 0; font-size:133%; }
h3 { color: #7C7C7C; padding: 0; margin: 0 0 5px 0; font-size:133%;}
h4 { font-weight:bold; margin-bottom:3px; }

.HomeHeaderText h1 { font-size:250%; }
.HomeHeaderText h2, .HomeHeaderText h3 { font-size:167%; }
a { color: #0099FF; }
#MastHd { position: relative; }
#MastHd a.logo 
{ 
	display:block;
	height:113px;
	margin-left:42px;
	margin-top:0;
	width:100px;
}
.PageOptions { position: absolute; top: 10px; right: 30px; color: White; font-size: 92%; }
.PageOptions a { color: White; }
.PageOptions span { padding: 0 2px; }
#pageContainer { width: 951px; margin: 0 auto; background-color: #F3F3F3; overflow: hidden; }
.PageBodyOuter { min-height: 450px; background-image: url(/images/GreyWorld.jpg); 
	background-repeat: no-repeat;  }
.PageBodyInner { min-height: 450px; padding: 25px; }
.PageBodyInner table { width:auto; }
.Footer { margin: 15px; padding: 8px 0; border-top: solid 1px #888888; color: #888888; 
	position: relative; background-color: #F3F3F3; text-align: left; width: 921px; height: 40px; font-size:92%; }
.Footer a { color: #888888; }
.Footer span { padding: 0 5px 0 0; }
.Footer .msftLogo { position: absolute; top: 15px; right: 20px; }

a.social { float:left; padding:0 5px 10px 0; }

.required { color:#ff0000; }
a.back { display:block; margin:0 0 10px 0; }
a.return { float:right; }
.inline { display:inline; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
td.top { vertical-align:top; padding-top:12px; }
label { font-weight:normal; }
th, td, caption { padding:0 10px 0 5px; }
input[type="text"], input.text, input.title, textarea, select {
margin:3px 0;
}

/* Menu Styles */
#MastHd { background-image: url(/images/mstHead.jpg); width: 951px; height: 113px; }
#MenuBar { z-index: 100; height: 47px; background-image: url(/images/MenuButtonBG.jpg); position: relative; }
.MenuContainer { z-index: 100; width: 1000px; position: absolute; top: 0; left: 0; }
.MenuContainer .menuItem { width: 157px; height: 47px; text-align: center; color: White; 
	float: left; font-size: 125%; font-weight: normal; cursor: pointer; position: relative; }
.MenuContainer .menuItem .menuItemLink { padding: 12px 0 0 0; width: 157px; height: 34px; text-align: center; 
	position: relative; }
.MenuContainer .menuItem { color: #000; }
.MenuContainer .menuItem a { color: #000; text-decoration: none; }
.MenuContainer .menuItem.hover { color: White; background-image: url(/images/MenuButtonBG_dark.jpg); background-repeat: repeat-x; }
.MenuContainer .menuItem.hover a { color: White; }
.MenuContainer .menuItemSeparator { width: 2px; float: left; height: 47px; 
	background-image: url(/images/MenuButtonSeparator.jpg); background-repeat: no-repeat; }
.MenuContainer .menuItem .subMenuContainer {
	width: 157px; background-image: url(/images/MenuFlyoutBG.jpg); position: absolute; 
	top: 46px; left: -1px; display: none; border: solid 1px white; height: auto; 
	background-repeat: repeat-x; background-color: #F0F0F0; }
.MenuContainer .menuItem .subMenuContainer .menuInfo { font-size: .8em; padding: 10px; color: #000; cursor: default; }
.MenuContainer .menuItem .subMenuContainer .subMenuItem { height: auto; padding: 5px 10px; text-align:left; }
.MenuContainer .menuItem .subMenuContainer .subMenuItem.hover { background-image: url(/images/MenuFlyoutBG_dark.jpg); }
.MenuContainer .menuItem .subMenuContainer .subMenuItem a { color: #000; text-decoration: none; font-size:80%; }
.MenuContainer .menuItem .subMenuContainer .subMenuItem.hover a { color: White; }
.MenuContainer .menuItem .subMenuContainer .subMenuItemSeparator { height: 2px; font-size: 8%;
	background-image: url(/images/MenuFlyoutSeparator.png); background-repeat:no-repeat; }


/* Home Page Styles */
.HomeHeader { height: 270px; background-image: url(/images/home_header.jpg); text-align: left; }
.HomeHeaderText { color: #00587F; font-size: 100%; width: 400px; padding: 30px 0 0 30px; text-align: left; }
.HomeHeaderText h1 { font-size: 200%; color: #7C7C7C; padding: 0; margin: 0; line-height: normal; }
.HomeHeaderText h2 { font-size: 250%; color: #0099FF; padding: 0 0 20px 0; margin: 0; line-height: normal; }
.HomeEventList { float: left; }
.HomeConnect { float: left; padding-left: 15px; *width:330px; }


/* tweets */
.tweets 
{ 
	width:300px; 
	margin:6px 5px 10px 0; 
	border:solid 1px #ccc; 
	background-image:url(/images/trans_bg.png); 
	background-repeat:repeat-y;
}
.tweet img { display:none; }
.tweet { padding:10px 0 10px; margin:0 10px; font-weight:normal; border-bottom:solid 1px #ccc; }
.tweet b, .tweet strong { font-weight:normal; }
.tweets .last { border-bottom:none; }
.tweet a { color:#0099FF; }


/* Event Styles */
.EventItem { width: 584px; height: 54px; margin: 6px 0; position: relative;
	color: #00587F; font-weight: bold;
	background-image: url(/images/EventBG_NoButton.png); }
.EventItem div.EventLocation { position: absolute; top: 20px; left: 20px; }
.EventItem div.EventDate { position: absolute; top: 20px; left: 220px; }
.EventItem div.EventLink { position: absolute; top: 15px; left: 450px; }

.eventDetails .actions { float:right; }
.eventDetails .actions input { margin:0 0 10px 0; }
.eventDetails h1 { padding-bottom:10px; }
.eventDetails .location,
.eventDetails .date { color:#00587f; font-weight:bold; font-size:1.1em; }
.eventDetails .location { padding-bottom:10px; }
table.eventSessions { width:900px; }
table.eventSessions tr td.sessionsSection { width:100%; }
div.sessions { width:100%; }
table.eventSessions td { vertical-align:top; }
.sessions h1, .sessions h2, .sessions h3, .sessions h4 { margin-top:0; padding-top:0; margin-bottom:5px; padding-bottom:0; }
div.attendees { min-width:275px; }
.sessions  
{
	padding:5px 10px; 
	border:solid 1px #ccc; 
	background-image:url(/images/trans_bg.png);
	background-repeat:repeat-y;
	background-position:right top;
} 
.sessions p { margin:0 0 1.5em 0; }
.attendees { border:solid 1px #ccc; }
.attendees .attendeesIntroContent { margin: 5px; }

.sample { color:#7c7c7c; font-style:italic; padding-left:10px; }

.attendingLink { padding-right:5px; padding-top:4px; }
 
/* Profile styles */
.form table { width:100%; }
.form table tr td.label { text-align:right; width:200px; }
td.divider { border-bottom:solid 1px #ccc; padding:5px 0; }
td.spacer { padding:5px 0; }

table.slim tr td { padding:3px; }

.profile tr td.field 
{
	width:650px;
}
td.divider
{
	height:10px;
	margin:5px;
}

/* badge preview */
td.badgePreview { border-left:solid 1px #ccc; padding:0 5px 0 10px; vertical-align:top; width: 300px; }
.badgePreview h3 { padding:10px 0; }
.badge 
{ 
	width:160px; 
	background-image:url('/images/Badge_btm_sm.jpg'); 
	background-repeat:no-repeat;
	background-position:left bottom;
	height:159px;
}
.bigBadge 
{ 
	background-image:url('/images/Badge_btm_lg.jpg');
	height:199px;
}
.smallBadge {  }
.badge .icons { padding:10px 10px 5px 5px; }
.icons img.badgeIcon { float:left; padding:0 0 5px 5px; }

.attendingOptions, .removeEvent { margin: 0 10px; clear: both; }
/* Badge page */
.badge
{
	float:left;
	margin:10px;
}


/* Topics styles */
.topic { float:left; margin:0 20px 20px 0; width:325px; }
.topic img { float:left; margin:5px 15px 5px 0; vertical-align:middle; }
.topic .detail { float:left; vertical-align:top; }
.topic .detail h4 { float:left; vertical-align: middle; }
.oddTopic { clear:left; }

.whosExpert h3,
.whosInterested h3
{ color:#00587f; font-weight:bold; font-size:1.1em; }

.whosInterested, .whosExpert
{
	margin: 10px 10px 10px 0pt; padding: 5px; width: 435px; float: left;
}

.whosInterested .people,
.whosExpert .people
{
	border: 1px solid rgb(153, 153, 153); 
	width:100%;
}

.experts
{
	clear:both;
	display:block;
}

.experts expert { display:inline; margin:5px 10px 5px 5px; }

/* People Viewer */
.people 
{ 
	color: #00587f; 
	background-image:url(/images/trans_bg.png);
	background-repeat:repeat-y;
	margin-bottom:0;
	width:100% !important;
}
.people table { margin-bottom:0 !important; }
.people .person table { padding: 5px; width:100%; }
.people .person { *padding:5px; }
.oddPerson { background-color: #fcfcfc; }
.people .person .info { padding:0; margin:0; width:100%; }
.people .person .name { padding: 0; cursor:pointer; float:left; }
.people .person .title { padding: 0; font-size: .9em; cursor:pointer; }
.people .person .socialIcons { /*position: absolute; top: 5px; right: 5px;*/ width:96px; float:right; }
.people .person .socialIcons div { display:inline; }
.people .person .socialIcons .twitter {}
.people .person .socialIcons .linkedIn {}
.people .person .socialIcons .facebook {}
.people .person .socialIcons .mySpace {}
.people .person .socialIcons .blog {}
.people .person .ExpertiseAndInterests { display: none; padding: 0 0 0 15px; border-top: solid 1px #ccc; }
.people .person .ExpertiseAndInterests .Expertise {}
.people .person .ExpertiseAndInterests .Interests {}
.people .person .ExpertiseAndInterests .Expertise .ExpertiseLabel { position: relative; top: -4px; }
.people .person .ExpertiseAndInterests .Interests .InterestLabel { position: relative; top: -4px; }
.people .person .expander { padding:5px 0 0 0; height:7px; width: 7px; cursor: pointer; *padding:0 0 0 0; }
.ExpIcon img { height: 16px; width: 16px; padding-top: 4px; }
.IntIcon img { height: 16px; width: 16px; padding-top: 4px; }