img {
	border: none;
}

.clearfix {
	clear: both;
	display: block;
}

.orange {
	color: #cc6633;
}

.red {
	color: #996666;
}

.green {
	color: #336600;
}

.gray, .grey {
	color: #80786f;
}

.italic {
	font-style: italic;
}

.notes {
	color: #333;
	font-size: 0.75em;
	padding-bottom: 5px;
}

.btnWrapper {
	width: 100%;
	margin-top: 15px;
	text-align: right;
}

a.blueBtn:link,
a.blueBtn:visited {
	display: inline-block;
	height: 19px;
	padding: 5px 10px 0 10px;
	margin-left: 15px;
	background: url(/img/gen/bluEBtnBg.png) repeat-x;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #f8d364;
}

a.blueBtn:hover,
a.blueBtn:active {
	color: #eee;
	border: 1px solid #ccc;
}

a.grayBtn:link,
a.grayBtn:visited,
a.greyBtn:link,
a.greyBtn:visited {
	display: inline-block;
	height: 19px;
	padding: 5px 10px 0 10px;
	margin-left: 15px;
	background: url(/img/gen/grayBtnBg.png) repeat-x;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #f8d364;
}

a.grayBtn:hover,
a.grayBtn:active,
a.greyBtn:hover,
a.greyBtn:active {
	color: #eee;
	border: 1px solid #ccc;
}

select {
	border: 1px solid #CCCCCC;
	color: #333;
	font-size: 0.9em;
}

/* START: Login Page */
#loginWrapper {
	width: 968px;
	margin: 40px 0 50px 0;
	font-size: 12px;
}

/* Login Page layout */
#loginColLeft {
	width: 220px;
	padding-left: 19px;
	float: left;
}

#loginRowTop {
	width: 695px;
	padding: 0 19px 0 15px;
	float: left;
}

#loginColCenter {
	width: 270px;
	padding: 0 15px;
	float: left;
}

#loginColRight {
	width: 410px;
	padding-right: 19px;
	float: left;
}

.loginBox {
	display: block;
	padding: 20px;
	width: 180px;
	height: 168px;
	background: transparent url(/img/login/loginBoxBg.jpg) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #483e3c;
}

.loginBox input[type=text],
.loginBox input[type=password] {
	margin-top: 5px;
	padding: 0 5px;
	height: 15px;
	width: 162px;
	border: 1px solid #c4c3bf;
}

.loginBox input[type=image] {
	margin: 5px 0 0 32px;
}

.forgotPwd {
	width: 100%;
	margin-top: 5px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.loginAd {
	margin-top: 10px;
}

.ActivityBoard {
	display: block;
	margin-top: 10px;
	width: 218px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #c8c7c3;
}

.FeaturedGroups {
	display: block;
	margin-top: 10px;
	width: 268px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #c8c7c3;
}

.StoriesFromCommunity {
	display: block;
	margin-top: 10px;
	width: 408px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #c8c7c3;
}

.loginYellowHdr {
	display: block;
	height: 50px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	background: transparent url(/img/login/loginYellowHdrBg.png) repeat-x;
	border: 1px solid #fff;
}

.loginBody {
	border-top: 1px solid #c8c7c3;
	border-bottom: 1px solid #fff;
	background: transparent url(/img/login/loginYellowHdrBodyBg.png) repeat-x left bottom;
}

.loginBodyBtn {
	padding: 15px;
	background: #fafafa;
	border-top: 1px solid #c8c7c3;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	text-align: center;
}

.ActivityBoardItem {
	margin: 0 20px;
	padding: 10px 0;
	border-bottom: 1px solid #c8c7c3;
}

.ActivityBoardItemLast {
	margin: 0 20px;
	padding: 10px 0;
}

.scheduledEvents {
	padding: 0 20px 10px 20px;
	background: #fafafa;
	border-top: 1px solid #c8c7c3;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

.scheduledEvents h3 {
	margin: 0;
	padding-bottom: 4px;
	color: #483e3c;
}

.scheduledEvents p {
	color: #483e3c;
	padding: 4px 0;
}

.featuredGroupsItem {
	padding: 10px 20px;
	border-bottom: 1px solid #c8c7c3;
}

.featuredGroupsItemLast {
	padding: 10px 20px;
}

.storiesFromCommunityItem {
	padding: 15px;
	border-bottom: 1px solid #c8c7c3;
}

.storiesFromCommunityItemLast {
	padding: 15px;
}

.featuredGroupsItem p,
.featuredGroupsItemLast p {
	padding-bottom: 10px;
}

.storiesFromCommunityItem img,
.storiesFromCommunityItemLast img {
	float: left;
	margin-right: 15px;
}
/* START: Login Page */

#communityWrapper {
	width: 968px;
	margin: 40px 0 50px 0;
	background: transparent url(/img/gen/communityBg.png) repeat-y;
	font-size: 12px;
}

/* General layout: 2-Column & 3-Column */
#communityColLeft {
	width: 216px;
	padding: 10px 1px 50px 14px;
	float: left;
}

/* General layout: 3-Column */
#communityColCenter {
	width: 522px;
	padding: 10px 25px 50px 15px;
	float: left;
}

#communityColRight {
	width: 160px;
	padding: 10px 15px 50px 0;
	float: left;
}

/* General layout: 2-Column */
#community2ColRight {
	width: 707px;
	padding: 10px 15px 50px 15px;
	float: left;
}

/* START: general layout left column profile meta */
#profileMeta {
	width: 216px;
	font-size: 11px;
}

#profileMeta a {
	font-size: 11px;
	color: #0484be;
}	

#profileImg {
	float: left;
	width: 100px;
}

#profileDetails {
	float: left;
	width: 96px;
	padding: 0 10px;
}


#profileDetails ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#profileDetails ul li {
	padding-bottom: 4px;
	font-size: 11px;
}

#profileDetails ul li a {
	font-size: 11px;
	color: #0484be;
}
/* END: general layout left column profile meta */

/* START: general layout left column community navigaion */
/* main nav */
#communityNav {
	padding-top: 17px;
	width: 216px;
}

#communityNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#communityNav li {
	margin-bottom: 1px;
}

#communityNav li a:link,
#communityNav li a:visited {
	display: block;
	padding-left: 8px;
	width: 208px;
	height: 23px;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	color: #1D86CB;
	text-decoration: none;
	background: #d8d8d8;
}

#communityNav li a:hover,
#communityNav li a:active {
	color: #5f514f;
	background: #ffe69d;
}

#communityNav li a.select:link,
#communityNav li a.select:visited {
	display: block;
	padding-left: 8px;
	width: 208px;
	height: 23px;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	color: #616161;
	text-decoration: none;
	background: #d8d8d8;
}

#communityNav li a.select:hover,
#communityNav li a.select:active {
	color: #5f514f;
	background: #ffe69d;
}

#communityNav li a.parent:link,
#communityNav li a.parent:visited {
	background: #d8d8d8 url(/img/gen/navCarrot.gif) no-repeat 201px 6px;
}

#communityNav li a.parent:hover,
#communityNav li a.parent:active {
	background: #ffe69d url(/img/gen/navCarrotOver.gif) no-repeat 201px 6px;
}

/* child nav  */
#communityNav li ul {
	margin: 1px 0 0 0;
	padding: 0;
	list-style: none;
}

#communityNav li li {
	margin-bottom: 1px;
}

#communityNav li li a:link,
#communityNav li li a:visited {
	display: block;
	margin-left: 12px;
	padding-left: 8px;
	width: 196px;
	height: 23px;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	color: #1D86CB;
	text-decoration: none;
	background: #e5e5e5;
}

#communityNav li li a:hover,
#communityNav li li a:active {
	color: #5f514f;
	background: #ffe69d;
}

#communityNav li li a.select:link,
#communityNav li li a.select:visited {
	display: block;
	margin-left: 12px;
	padding-left: 8px;
	width: 196px;
	height: 23px;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	color: #5f514f;
	text-decoration: none;
	background: #e5e5e5;
}

#communityNav li li a.select:hover,
#communityNav li li a.select:active {
	color: #5f514f;
	background: #ffe69d;
}
/* END: general layout left column community navigaion */

h1.h1community1 {
	float: left;
	margin-top: 0;
	padding-top: 0;
	font-family: Gill Sans, Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #D57122;
}

h1.h1community2 {
	float: left;
	margin-top: 0;
	padding-top: 0;
	font-family: Gill Sans, Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #7f7f7f;
}

h3 {
	padding: 10px 0;
}

h2 {
	padding: 10px 0;
}

.yellowHeaderWrapper {
	display: block;
	margin-bottom: 35px;
	width: 520px;
	border: 1px solid #ccc;
}

.yellowHeaderWrapperThick {
	display: block;
	margin-bottom: 35px;
	width: 520px;
	border: 4px solid #ccc;
}

.yellowHeader {
	display: block;
	padding: 10px 10px 8px 10px;
	width: 500px;
	height: 14px;
	border-bottom: 1px solid #ccc;
	background: transparent url(/img/gen/yellowHeaderBg.png) repeat-x;
	font-size: 12px;
	font-weight: bold;
}

.yellowHeaderTitle {
	float: left;
}

.yellowHeaderHelp {
	float: left;
	padding-left: 5px;
}

.grayHeaderWrapper,
.greyHeaderWrapper {
	display: block;
	margin-bottom: 35px;
	width: 522px;
}

.grayHeader,
.greyHeader {
	display: block;
	padding: 9px 10px 8px 10px;
	width: 502px;
	height: 20px;
	border-bottom: 1px solid #ccc;
	background: transparent url(/img/gen/grayHeaderBg.png) repeat-x;
	font-size: 18px;
	color: #d57122;
}

.grayHeaderTitle,
.greyHeaderTitle {
	float: left;
}

.grayHeaderHelp,
.greyHeaderHelp {
	float: left;
	padding-left: 5px;
}

.grayHeaderLink,
.greyHeaderLink {
	float: right;
	margin-top: 6px;
	padding-left: 15px;
	font-size: 12px;
	text-align: right;
	color: #333;
}

a.collapsed {
	float: right;
	height: 12px;
	width: 12px;
	background: transparent url(/img/gen/expand.gif) no-repeat top left;
	text-decoration: none;
}

a.expanded {
	float: right;
	height: 12px;
	width: 12px;
	background: transparent url(/img/gen/collapse.gif) no-repeat top left;
	text-decoration: none;
}

.contextual_help {
	position: absolute;
	width: 400px;
	z-index: 200;
}

.contextual_help_top {
	display: block;
	padding: 45px 45px 0 20px;
	width: 335px;
	background: url(/img/gen/contextual_help_top.png) no-repeat scroll left top transparent;
}

.contextual_help_bottom {
	background: url(/img/gen/contextual_help_bottom.png) no-repeat scroll left bottom transparent;
	padding: 0 45px 45px 20px;
	width: 335px;
}

p.contextual_help_text {
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

.communications {
	width: 520px;
}

.communicationsLeft {
	float: left;
	display: block;
	padding: 9px 0 9px 10px;
	width: 112px;
	height: 14px;
	background: #f3f3f3;
}

.communicationsMid {
	float: left;
	display: block;
	padding: 9px 0 9px 20px;
	width: 328px;
	height: 14px;
}

.communicationsRight {
	float: left;
	display: block;
	padding: 9px 10px 9px 0;
	width: 40px;
	height: 14px;
	text-align: right;
}

.recentActivity {
	display: block;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 520px;
	max-height: 249px;
	background: #f3f3f3;
}

.recentActivityItem {
	border-bottom: 1px dotted #ccc;
	background: #fff;
}

.recentActivityImage {
	float: left;
	padding: 2px 5px;
	width: 25px;
	height: 21px;
}

.recentActivityMessage {
	float: left;
	padding: 6px 0 5px 0;
	width: 378px;
	font-size: 12px;
}

.recentActivityTime {
	float: left;
	padding: 6px 5px 5px 0;
	width: 85px;
	font-size: 12px;
	text-align: right;
	color: #333;
}

.statsYellowHeader {
	float: right;
}

.statsYellowHeaderItem {
	float: left;
	display: block;
	margin-left: 10px;
	width: 110px;
	text-align: center;
	font-weight: normal;
}

.stats {
	width: 520px;
}

.statsRowHdr {
	float: left;
	padding: 8px 20px 6px 0;
	width: 134px;
	height: 15px;
	background: #f3f3f3;
	text-align: right;
	color: #333;
	border-bottom: 1px solid #fff;
}

.statsRowHdrLast {
	float: left;
	padding: 8px 20px 6px 0;
	width: 134px;
	height: 15px;
	background: #f3f3f3;
	text-align: right;
	color: #333;
}

.statsRowItem {
	float: left;
	padding: 8px 5px 6px 5px;
	width: 111px;
	height: 15px;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #f3f3f3;
	border-bottom: 1px dotted #ddd;
}

.statsRowItemHigh5 {
	float: left;
	padding: 8px 5px 6px 5px;
	width: 111px;
	height: 15px;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #f3f3f3;
	border-bottom: 1px solid #ddd;

}

.statsRowItemLast {
	float: left;
	padding: 8px 5px 6px 5px;
	width: 111px;
	height: 15px;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #f3f3f3;
}

.profileBlock {
	padding: 15px;
	line-height: 125%;
}

.profileItem {
	float: left;
	position: relative;
	width: 490px;
	margin-bottom: 15px;
}

.profileItem input[type=checkbox] {
	margin-right: 10px;
}

.profileTitle {
	display: block;
	float: left;
	margin-right: 10px;
	width: 175px;
}

.profileInput {
	display: block;
	float: left;
	width: 305px;
}

.profileInput select {
	margin: 0 15px 0 0;
}

.radioVertical {
	padding-top: 10px;
}

.radioVertical input[type=radio] {
	margin: 0 5px 7px 15px;
}

.radioHorizontal {
	padding-top: 10px;
}

.radioHorizontal input[type=radio] {
	margin: 0 5px 7px 15px;
}

.selectHorizontal {
	padding-top: 5px;
}

.selectHorizontal select {
	margin: 0 0 7px 15px;
}

#profileStoryContent textarea {
	border: 1px solid #CCCCCC;
	color: #3A3A3A;
	width: 99%;
}

#addressWrapper {
	padding-bottom: 15px;
	font-weight: bold;
}

.addressLeft {
	float: left;
	width: 140px;
}

.addressRight {
	float: left;
	width: 350px;
}

#addAddress {
	margin-left: 140px;
}

.findPeopleFormWrapper {
	display: block;
	padding: 5px 15px 10px 15px;
	width: 675px;
	border: 1px solid #ccc;
}

.filterFriendsFormWrapper {
	display: block;
	padding: 5px 15px 10px 15px;
	width: 95%;
	border: 1px solid #ccc;
}

.SearchFormWrapper {
	display: block;
	width: 675px;
	border-bottom: 1px solid #e5e5e5;
}

.FriendsFormWrapper {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.findPeopleFormLeft {
	float: left;
	display: block;
	width: 322px;
	padding: 15px 15px 10px 0;
	border-right: 1px solid #e5e5e5;
}

.findPeopleFormRight {
	float: left;
	display: block;
	width: 322px;
	padding: 15px 0 10px 15px;
}

.filterFriendsForm {
	float: left;
	display: block;
	width: 322px;
	padding: 15px 15px 10px 0;
}

.findPeopleFormButtons {
	clear: both;
	width: 100%;
	padding-top: 10px;
}

.findPeopleFormButtons a,
.findPeopleFormButtons input {
	float: right;
	margin-left: 15px;
}

.findPeopleItem {
	display: block;
	margin-bottom: 10px;
	width: 322px;
}

.findPeopleLabel {
	display: block;
	float: left;
	width: 125px;
}
.findPeopleInput {
	float: left;
	display: block;
	width: 177px;
	margin-left: 10px;
}

.findPeopleInput input[type=text],
.findPeopleInput select {
	width: 167px;
}


.findPeopleLabelSm {
	font-size: 10px;
	position: relative;
	top: -5px;
}

.topPaginationWrapper {
	margin-top: 25px;
	width: 100%;
}

.listSort {
	float: left;
	padding: 5px;
}

.topPaginationBtn {
	float: right;
	padding: 5px;
	text-align: right;
}

.topPaginationBtn img {
	margin: 0 15px -5px 5px;
}

.customHR {
	margin-top: 9px;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #ccc;
	clear: both;
}

.bottomPaginationWrapper {
	margin-top: 5px;
	width: 100%;
}

.bottomPaginationBtn {
	float: right;
	padding: 5px;
	text-align: right;
}

* + html .bottomPaginationBtn ul li {
display: inline;
padding-left:5px;
}


.bottomPaginationBtn ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.bottomPaginationBtn ul li {
	display: inline-block;
	padding-left: 5px;
}

.peopleListWrapper,
.blogListWrapper,
.friendListWrapper,
.profileImageListWrapper,
.messageListWrapper,
.groupListWrapper  {
	width: 100%;
}

.profileImageListWrapper {
	margin-bottom: 35px;
}

.peopleListItem,
.blogListItem,
.friendListItem,
.profileImageListItem,
.messageListItem,
.groupListItem {
	padding: 10px;
	border-bottom: 1px dotted #ddd;
}

.peopleListItemBody {
	float: left;
	margin-left: 15px;
	width: 400px;
}

.blogListItemBody,
.messageListItemBody {
	float: left;
	width: 340px;
	font-size: 1.10em;
	line-height: 1.6em;
}

.groupListItemBody {
	float: left;
	width: 340px;
	font-size: 1.10em;
}

.groupListItemBody p {
	margin: 10px 0;
}

.friendListItemBody {
	float: left;
	margin-left: 15px;
	width: 225px;
}

.profileImageListItemBody {
	float: left;
	margin-left: 10px;
	width: 340px;
	font-size: 12px;
	line-height: 150%;
}

.profileImageListItem p {
	margin: 10px 0;
}

.peopleListItemDetails,
.blogListItemDetails,
.friendListItemDetails,
.messageListItemDetails,
.groupListItemDetails {
	float: left;
	font-size: 1.10em;
	margin-left: 10px;
	text-align: right;
	line-height: 1.6em;
	width: 150px;
}

.peopleListItemStatusOff {
	background: url("/img/gen/friendsStatusOff.jpg") no-repeat scroll 0 0 transparent;
	float: right;
	height: 25px;
	margin-bottom: 10px;
	width: 130px;
}

.peopleListItemStatusOff p {
	color: #B20D0D;
	padding-right: 27px;
	padding-top: 3px;
}

.peopleListItemStatusOn {
	background: url("/img/gen/friendsStatusOn.jpg") no-repeat scroll 0 0 transparent;
	float: right;
	height: 25px;
	margin-bottom: 10px;
	width: 130px;
}

.peopleListItemStatusOn p {
	color: #58A809;
	padding-right: 27px;
	padding-top: 3px;
}

.friendStatusSideOff {
	padding: 6px 0 0 25px;
	color: #B20D0D;
	height: 19px;
	font-size: 1.10em;
	background: transparent url("/img/gen/friendsStatusSideOff.png") no-repeat;
}

.friendStatusSideOn {
	padding: 6px 0 0 25px;
	color: #58A809;
	height: 19px;
	font-size: 1.10em;
	background: transparent url("/img/gen/friendsStatusSideOn.png") no-repeat;
}

p.highFives {
	color: #6F7501;
	margin: 0;
}

.myTags,
.myFriends,
.myMedia,
.myBlogEntriesItemLast,
.myStory,
.blogPost {
	width: 502px;
	padding: 20px 10px 0 10px;
	line-height: 19px;
}

.myStory p {
	margin-bottom: 15px;
}

.myBlogEntries {
	width: 522px;
}

.myBlogEntriesItem {
	padding: 20px 10px;
	width: 502px;
	border-bottom: 1px dotted #ccc;
}

.myBlogEntriesItemLast {
	width: 502px;
}

.myBlogEntriesHeader {
	padding-bottom: 8px;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #2983bd;	
}

.myBlogEntriesDate,
.blogListDate {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #7f7f7f;	
}

.myBlogEntriesDate {
	float: right;
	padding-top: 8px;
}

.myFriends a {
	padding-right: 4px;
}

.blogPost {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
}

.rss {
	float: right;
	padding: 3px 25px 15px 0;
	width: 477px;
	height: 12px;
	text-align: right;
	background: url(/img/gen/rss.png) no-repeat 482px 0;
}

.createPost {
	width: 502px;
	padding: 10px 10px 0 10px;
}

.createPostItem {
	width: 502px;
	padding-bottom: 10px;
}

.createPostItemTag {
	width: 482px;
	padding: 0 10px 10px 10px;
	margin: 20px 0;
	background: #f3f3f3;
}

.blogEditAdds,
.sidebarBtn,
.sidebarLowerBtn,
.sidebarLowerOrangeBtn {
	display: inline-block;
	height: 22px;
}

/* for IE 7 to fix inline-block issue */
* + html .blogEditAdds,
* + html .sidebarBtn,
* + html .sidebarLowerBtn,
+ html .sidebarLowerOrangeBtn {
	display: inline;
	height: 22px;
}


.blogEditAdds {
	margin: 10px 20px 0 0;
	width: 101px;
	background: transparent url("/img/gen/addsBG.jpg") no-repeat;
}

.sidebarBtn {
	margin: 10px 10px 0 10px;
	width: 150px;
	background: transparent url("/img/gen/sidebarBtnBG.jpg") no-repeat;
}

.sidebarLowerBtn {
	margin-top: 10px;
	width: 150px;
	background: transparent url("/img/gen/sidebarBtnBG.jpg") no-repeat;
}

.sidebarLowerOrangeBtn {
	margin-top: 10px;
	width: 150px;
	background: transparent url("/img/gen/sidebarOrangeBtnBG.jpg") no-repeat;
}

.blogEditAdds a,
.sidebarBtn a,
.sidebarLowerBtn a,
.sidebarLowerOrangeBtn a {
	display: block;
	margin-top: 5px;
	padding-top: 0;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: black;
}

.subTitleBtn {
	display: inline-block;
	margin: 10px 10px 0 10px;
	text-align: center;
	color: #3A3A3A;
	width: 150px;
}

/* for IE 7 to fix inline-block issue */
* + html .subTitleBtn {
	display: inline;
	margin: 10px 10px 0 10px;
	text-align: center;
	color: #3A3A3A;
	width: 150px;
}


.subTitleBtn select {
	width: 150px;
}

.messageSort {
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.message {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0;
}

.unread {
	background:  white;
	font-weight: bold;
}

.read {
	background: #F3F3F3;
}

.messageInfo {
	float: left;
	height: 50px;
	width: 250px;
}

.messageDate {
	color: #3A3A3A;
	float: left;
	font-size: 12px;
	margin-left: 10px;
	text-align: right;
	width: 120px;
}

.messageOptions {
	float: right;
	margin: 27px 10px 0 10px;
	text-align: right;
}

.sidebarHigh5s {
	width: 216px;
	margin: 5px 0 10px 0;
	font-size: 14px;
	color: #d57122;
}

.sidebarHigh5sNo {
	display: inline-block;
	font-weight: bold;
}

.sidebarHigh5sTxt {
	display: inline-block;
	padding-left: 2px;
	margin: 0;
}

.sidebarRedLinks {
	line-height: 1.6em;
}

.friendNav {
	margin-bottom: 15px;
	border-width: 3px 0;
	border-style: solid;
	border-color: #ccc;
}

.friendNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.friendNav li {
	float: left;
}

.friendNav li a:link,
.friendNav li a:visited {
	display: block;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	background: #fff;
	color: #2983BD;
}

.friendNav li a:hover,
.friendNav li a:active {
	color: #333;
}

.friendNav li a.select:link,
.friendNav li a.select:visited {
	float: left;
	display: block;
	padding: 12px 19px 10px 19px;
	text-decoration: none;
	background: #f2f2f2;
	color: #000;
}