body, html
{
	margin: 0;
	padding: 0;
	color: #9B9B9B;
	background-color: #ffffff;
    background-image: none;
    font-family: Arial, Helvetica;
}

form
{
    min-width: 0;
}

.Common
{
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
	width: 962px;
}

#CommonHeader {
	border-bottom: solid 1px #B7B7B7;
}

#CommonHeaderFooter
{
	min-height: 17px;
	height: 17px;
	background-color: #d2c6b1;
}

#CommonHeaderFooter #_navigation
{
	height: 17px !important;
	min-width: 50px;
	float: right;
	text-align: right;
	background-color: #766e61;
}

#CommonHeaderFooter #_navigation ul
{
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
}

#CommonHeaderFooter #_navigation li
{
	list-style: none;
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

#CommonHeaderFooter #_navigation li a
{
	text-decoration: none;
	color: #d2c6b1;
}

#CommonHeaderFooter #_navigation li a:hover
{
	color: #ffffff;
}

#CommonBanner
{
	padding-top: 9px;
	padding-bottom: 16px;
}

#CommonHeaderTitleArea {
	width: auto;
}

#CommonHeaderUserWelcome
{
	font-weight: bold;
	text-transform: uppercase;
}

#CommonHeaderUserContent
{
	color: #969696;
}

#CommonHeader { height: auto; }

#CommonNavigation
{
	float: right;
	width: auto;
	clear: right;
	border-top:none;
	border-bottom:none;
	width: 788px;
	margin-top: 45px;
}
#FooterNavigation
{
	width: auto;
	border-top:none;
	border-bottom:none;
	margin-top: 15px;
}
#FooterNavigation ul, #FooterNavigation li
{
	display:inline;
	list-style-type:none;
}
#FooterNavigation li
{	
	
}
#CommonNavigation .Inner
{
	float: right;
	clear: right;
}

#CommonNavigation  ul li
{
	border-right: none;
	color: #969696;
}

#CommonNavigation  ul li a:link, #CommonNavigation  ul li a:active, #CommonNavigation  ul li a:visited, #CommonNavigation  ul li a:hover
{
	border-left: none;
	border-right: none;
	padding: 1px 12px;
	white-space: nowrap;
}

#CommonNavigation  ul li a.Selected:link, #CommonNavigation  ul li a.Selected:active, #CommonNavigation  ul li a.Selected:visited, #CommonNavigation  ul li a.Selected:hover
{
	padding-bottom: inherit;
	margin-bottom: inherit;
	color: #191919;
}

#CommonNavigation  a:hover
{
	border-left: none;
	border-right: none;
}

#CommonNavigation2 
{
	float: right;
	width: auto;
	clear: right;
	border-top:none;
	border-bottom:none;
	width: 788px;
}

#CommonNavigation2 .Inner
{
	float: right;
	clear: right;
}

#CommonNavigation2 
{
	height: 20px;
	background-color: #d2c6b1;
}

#CommonNavigation2 ul li
{
	border-right: none;
	color: #969696;
	background-color: #766e61;
}

#CommonNavigation2 ul li a:link, #CommonNavigation2 ul li a:active, #CommonNavigation2 ul li a:visited, #CommonNavigation2 ul li a:hover
{
	border-left: none;
	border-right: none;
	padding: 1px 12px;
	white-space: nowrap;
}

#CommonNavigation2 ul li a.Selected:link, #CommonNavigation2 ul li a.Selected:active, #CommonNavigation2 ul li a.Selected:visited, #CommonNavigation2 ul li a.Selected:hover
{
	padding-bottom: inherit;
	margin-bottom: inherit;
	color: #191919;
}

#CommonNavigation2 a:hover
{
	border-left: none;
	border-right: none;
}

#CommonNavigation2 a:hover 
{
	color: #696969;
}

#CommonNavigation2 a:link, #CommonNavigation2 a:active, #CommonNavigation2 a:visited 
{
	margin-bottom: 0;
	margin-top: 0;
}

#CommonFooter {
	border-top:none;
	border-bottom:none;
}

.CommonBreadCrumbArea
{
	border-bottom: none;
	text-transform: uppercase;
	float:left;
}

.CommonBreadCrumbArea a
{
	color:inherit;
}

.CommonSearchArea
{
	margin-top:5px;
}

/* Styles for the content boxes */
.CommonContentBox
{
	border-top: none;
    background-color: #fff;
    padding: 0px 12px;
}

.CommonContentBoxInner
{
	border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.SidebarCommonContentBoxFooter
{
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.CommonContentBox h4.CommonContentBoxHeader
{
    background: url('../images/common/heading-sliver.png') repeat-x 0 0;
    border-bottom:none;
    line-height: 100%;
    font-size: 120%;
    color: #fff;
    height: 31px;
    padding: 5px 15px;
    margin: 0px;
    text-transform: uppercase;
}
#CommonContent .CommonContentBoxHeader
{
	font-size: 120%;
	
}

.CommonContentBox.TitleHighlighted h3.CommonContentBoxHeader
{
	border-bottom:medium none;
	color:#B2B2B2;
	font-family:tahoma;
	font-size:120%;
	text-transform:uppercase;
	padding: 0px;
}

.CommonContentBoxContent
{
    padding: 0 3px 15px 3px;
    font-size: 90%;
    overflow: hidden;
}

.CommonContentBoxFooter
{
    font-weight: bold;
    font-size: 80%;
    padding: 0 3px;
}

.Rounded1, .Rounded2, .Rounded3, .Rounded4, .Rounded1Header, .Rounded2Header, .Rounded3Header, .Rounded4Header{ overflow:hidden; display:block;}
.Rounded1Header {height:1px; background:#C4C4C4; margin:0 5px;}
.Rounded2Header {height:1px; background:#C1C2C2; border-right:2px solid #ccc; border-left:2px solid #ccc; margin:0 3px;}
.Rounded3Header {height:1px; background:#C0C0C0; border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0 2px;}
.Rounded4Header {height:2px; background:#BBBCBC; border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0 1px;}
.Rounded1 {height:1px; background:#ccc; margin:0 5px;} /* #ccc is the border color */
.Rounded2 {height:1px; background:#fff; border-right:2px solid #ccc; border-left:2px solid #ccc; margin:0 3px;}
.Rounded3 {height:1px; background:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0 2px;}
.Rounded4 {height:2px; background:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0 1px;}

.CommonTitle
{
	text-transform: uppercase;
	color: #a39c8a;
}

.CommonTextButton
{
	color: #969696;	
}

#CommonContent .CommonAvatarListArea {
	height:auto;
	margin:8px 28px 0 0;
}

.BackgroundHighlight
{
	background-color: #eee;
}

.MoreContentLink
{
	text-align: right;
	padding-right: 10px;
}

.HomePageGreenLink a:link,
.HomePageGreenLink a:visited,
.HomePageGreenLink a:hover,
.HomePageGreenLink a:link
{
	color: #235e3a;
}

.Italic
{
	font-style:italic;
}

ul.CommonContentBoxList li.CommonActivity {
	background-image: url('../images/common/thought-bubble.gif');
}

ul.CommonContentBoxList li
{
	border-bottom: none;
}

ul.HomeWeblogList {
	list-style-type: none;
	padding:0px;
	margin-left: 10px;
}
ul.HomeWeblogList li {
	padding-left:22px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-image: url('../images/common/page-icon.gif');
}

.CommonPaneTabSet
{
	text-transform: uppercase;
}

.CommonPaneTab, .CommonPaneTabHover
{
	border-color: #999999;
	border-style: none solid none none;
	border-width: 0px 1px 0px 0px;
}

.CommonPaneTabSelected
{
	border-color: #999999;
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
}

ul.CommonContentBoxList li.Header {
	padding-top:5px;
}

/* LocatableMap Styles */
.LocationMap
{
	margin-bottom: 10px;
}

/* E-Learning Module Styles */
.ELearningProgress
{
	font-weight: bold;
}
.ProgressBar
{
	border: solid 1px black;
}
.CommonSidebar .ELearningProgress .ProgressBar
{
	float: left;
	width: 165px;
	margin-right: 5px;
}
.CommonSidebar .ELearningProgress .ProgressPercentage
{
	float: right;
	font-size: larger;
	text-align: right;
}

.CommonSideListArea.WithELearningProgress
{
	height: 87px;
}

.CommonSideListArea .ELearningProgress DIV
{
	float: left;
	margin-top: 5px;
}
.CommonSideListArea .ELearningProgress DIV DIV
{
	margin-top: 0px;
}

.CommonSideListArea .ELearningProgress .ProgressBar
{
	width: 110px;
	margin-left: 5px;
	margin-right: 5px;
}
.CommonFormFieldName.ELearningProgress
{
	width: 180px;
}
.CommonFormFieldName.ELearningProgress .ProgressLabel
{
	float: left;
}
.CommonFormFieldName.ELearningProgress .ProgressPercentage
{
	float: right;
}
.CommonFormFieldName.ELearningProgress .ProgressBar
{
	clear: both;
	width: 180px;
}

.CommonSideListArea.WithELearningModuleProgress
{
	height: 100px;
}
.CommonSideListArea.WithELearningModuleProgress DIV.ProgressLabel
{
	width: 51px;
}
.CommonSideListArea.WithELearningModuleProgress DIV.ProgressBar,
.CommonSideListArea.WithELearningModuleProgress DIV.ProgressPercentage
{
	margin-top: 14px;
}

.OverallProgress .ProgressBar,
.ModuleProgress .ProgressBar
{
	border: solid 2px black;
}
.OverallProgress  
{
	font-size: larger; 
	clear: both; 
	margin-top: 10px; 
	margin-bottom: 15px; 
}
.OverallProgress .ProgressLabel { margin-top: 10px; margin-bottom: 10px;  }
.OverallProgress .ProgressBar { width: 630px; }
.OverallProgress .ProgressPercentage { float: right; font-size: larger; }

.ModuleProgress  
{
	clear: both; 
	margin: 10px 0px 15px 50px; 
}
.ModuleProgress A { margin-top: 2px; margin-bottom: 2px; font-size: larger; }
.ModuleProgress .ProgressLabel { margin-top: 2px; margin-bottom: 2px; }
.ModuleProgress .ProgressBar { width: 580px; }
.ModuleProgress .ProgressPercentage { float: right; }

.NoAvatar .CustomAvatarListCustomContent
{
	margin-left: 0px;
	padding-left: 10px;
}
.ELearningModuleList
{
	padding: 0px;
	list-style-type: none;
}
.ELearningModuleList A
{
	background: url('/cfs-filesystemfile.ashx/__key/CommunityServer.Components.SiteFiles/PComTheme/icon_2D00_arrow.gif') left no-repeat;
	padding-left: 12px;
	font-size: larger;
}
.CommonFormArea.TrackMemberProgressEditUser
{
	float: left; 
	width: 184px
}
.TrackMemberProgressPages
{
	float: left; 
	margin-left: 20px; 
	width: 474px
}

/* Fragment Content Styles */
.LayoutSelection .CommonThemePreviewTextColumn,
.LayoutSelection .CommonThemePreviewImageColumn
{
	border-bottom: inherit;
}
.LayoutSelection .CommonThemePreviewImageColumn IMG
{
	border-width: 0px;
}
.FragmentContentConfiguration .ColumnConfiguration
{
	float: left;
}

/*
Login options styles
*/

.loginContainer
{
	height: 380px;
	padding-left: 70px;
	padding-bottom: 30px;
}

.loginContainer .loginForms
{
	float: right;
	padding-right: 40px;
}

.loginContainer .loginForms .loginFormContainer
{
	width: 373px !important;
	margin-top: -3px;
	padding-top: -3px;
	border-left: 1px #a1a1a1 solid;
	border-right: 1px #a1a1a1 solid;
}

.loginContainer .loginForms .loginFormContainer .loginLabel
{
	width: 330px !important;
	font-size: 18pt;
	font-weight: bold;
	border-bottom: 1px #aba290 solid;
	color: #aba290;
	margin-left: 20px;
}

.loginContainer .loginForms .loginFormContainer .loginFldsContainer
{
	padding-left: 20px;
}

.loginContainer .csLoginForm
{
	padding-top: 0px;
}

.loginContainer .openIDLoginForm
{
	padding-top: 110px;
	display: none;
}

.loginContainer .snLoginForm
{
	padding-top: 80px;
	display: none;
}

.loginOptGrpOff
{
	display: none;
}

.loginOptGrp
{
	width: 376px;
	text-align: left;
	padding-right: 50px;
	float: left;
}

.loginOptGrp #top
{
	margin-bottom: -2px;
	padding-bottom: -2px;
}

.loginOptGrp #bottom
{
	margin-top: -2px;
	padding-top: -2px;
}

.loginOptGrp #loginOpts
{
	width: 373px !important;
	margin-top: -2px;
	padding-top: -2px;
	border-left: 1px #a1a1a1 solid;
	border-right: 1px #a1a1a1 solid;
}

.loginOptGrp #topLabel
{
	width: 317px !important;
	font-size: 18pt;
	font-weight: bold;
	border-bottom: 1px #aba290 solid;
	color: #aba290;
	margin-left: 29px;
	margin-bottom: 14px;
}

.loginOptGrp ul
{
	padding: 0px;
	margin: 0px;
	text-align: center !important;
	list-style-type: none;
}

.loginOptGrp li
{
	padding-bottom: 3px;
}

.assocOptGrp
{
	width: 376px;
	text-align: left;
	float: right;
}

.assocOptGrp #top
{
	margin-bottom: -2px;
	padding-bottom: -2px;
}

.assocOptGrp #bottom
{
	margin-top: -2px;
	padding-top: -2px;
}

.assocOptGrp #loginOpts
{
	width: 373px !important;
	margin-top: -2px;
	padding-top: -2px;
	border-left: 1px #a1a1a1 solid;
	border-right: 1px #a1a1a1 solid;
}

.assocOptGrp #topLabel
{
	width: 317px !important;
	font-size: 18pt;
	font-weight: bold;
	border-bottom: 1px #aba290 solid;
	color: #aba290;
	margin-left: 29px;
	margin-bottom: 14px;
}

.assocOptGrp ul
{
	padding: 0px;
	margin: 0px;
	text-align: center !important;
	list-style-type: none;
}

.assocOptGrp li
{
	padding-bottom: 3px;
}

.joinContainer
{
	padding-top: 10px;
	padding-left: 60px;
}

.joinInFormsContainer
{
	float: left;
}

.joinInFormsGrp
{
	width: 376px;
}

.joinInFormsGrp #top
{
	margin-bottom: -2px;
	padding-bottom: -2px;
}

.joinInFormsGrp #bottom
{
	margin-top: -2px;
	padding-top: -2px;
}

.joinInFormsGrp #_joinFormsContainer
{
	width: 373px !important;
	margin-top: -2px;
	padding-top: -2px;
	border-left: 1px #a1a1a1 solid;
	border-right: 1px #a1a1a1 solid;
}

.joinInFormsGrp #_joinFormsSpacer
{
	padding-left: 45px;
}

.joinInFormsGrp .csJoinInFormOn
{
	display: block;
}

.joinInFormsGrp .csJoinInForm
{
	display: block;
}

.joinInFormsGrp .openIDJoinInForm
{
	display: none;
}

.joinInFormsGrp .snJoinInForm
{
	display: none;
}

.joinInFormsGrp #_joinLabel
{
	width: 317px !important;
	font-size: 18pt;
	font-weight: bold;
	border-bottom: 1px #aba290 solid;
	color: #aba290;
	margin-left: 29px;
	margin-bottom: 14px;
}

#_signupFieldsContainer
{
	width: 373px !important;
	margin-top: -3px;
	padding-top: -3px;
	border-left: 1px #a1a1a1 solid;
	border-right: 1px #a1a1a1 solid;
	text-align: left;
}

#_signupFieldsContainer #_signupFormLabel
{
	width: 317px !important;
	font-size: 18pt;
	font-weight: bold;
	border-bottom: 1px #aba290 solid;
	color: #aba290;
	margin-left: 29px;
	margin-bottom: 14px;
}

#_signupFieldsContainer #_signupFormsSpacer
{
	padding-left: 45px;
}

.tppMovie
{
	background-image: url('/Themes/pplan/images/Common/book_bkgrnd.png');
	background-repeat: no-repeat;
	width: 959px;
	height: 452px;
	padding-top: 38px;
}

.cmdButton
{
	width: 61px;
}

.resultsDiv
{
	position: absolute;
	background: #ffffff;
	overflow: auto;
	border: solid 1px #000000;
	display: none;
	clear: both;
	z-index: 200;
}

.resultsDiv ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
}

.resultsDiv li
{
	list-style-type: none;
	border: solid 1px transparent;
}

.resultsDiv li:hover
{
	background-color: #f1f8fb;
	border: solid 1px #96d9f9;
	cursor: pointer;
}

.userWelcomeMessage
{
	float: right;
}