a:hover { color: #5dccff; }

body.profileNewPage #leftSidebar {
	width: 188px;
	float: left;
	margin-left: 18px;
	margin-top: 0;
	_display: inline;
}

body.profileNewPage #mainContent {
	width: 445px;
	margin: 0 9px;
}

body.profileNewPage #rightSidebar {
	width: 302px;
	margin-top: 0;
}

.profileNewPage #topContent {
	margin-top: 15px;
}

.profileNewPage #topContent .pageNav {
	margin-bottom: 12px;
}

body.profileNewPage .section div.header {
	background: #b4b4b4;
	padding: 4px 5px;
}

body.profileNewPage .section div.header h3, /* revisit so only a single declaration... */
body.profileNewPage #leftSidebar .section h3,
body.profileNewPage #rightSidebar .section div.header h3 {
	color: #000;
	font-size: 125%;
}

/* some of the headers have links... */
body.profileNewPage .section div.header h3 a, /* revisit so only a single declaration... */
body.profileNewPage #leftSidebar .section h3 a,
body.profileNewPage #rightSidebar .section div.header h3 a {
	color: #000;
}

/* ----- generic profile section components  ----- */

.profileNewPage .section {
	border-color: #303C41;
}	

/* sections w new dark grey bg */
.profileNewPage .section .content {
	background: #354248;
}

.profileNewPage .sectionUtilities {
	color: #ABCCDA;
}

/* might need to be more specific. to profile page at least */
.profileNewPage .sectionFooter {/* new component - like an itemFooter - but only for a section - which may contain many components  */
	background: #212A2E;
	color: #fff;
	/* text-align: right; */ /* now allow for content on both sides... */
	padding: 3px 10px 4px;
	overflow: auto;
	height: 1%;
}

.profileNewPage .sectionFooter p {
	float: left;
}

.profileNewPage .sectionFooter p.more {
	float: right;
}

/* Shout-outs & Comments */
.profileNewPage p.loginComment a {
	color: #FFC923;
}


/* --------- generic left col profile page boxes --------- */
.profileNewPage li.summaryStatListItem {/* prob w top margin/padding and top border is when there are no entries except for summary - then top border looks out of place, so does the extra space... - need some conditional tests instead */
	/* margin-top: 8px;
	 border-top: 1px solid #2E2E2E; 
	padding-top: 6px; */
	overflow: hidden;
	*width: 100%;
	*text-overflow: ellipsis;
}

.profileNewPage #leftSidebar .content {
	padding: 6px 6px 5px;
}

.profileNewPage p.submitAll {
	border-top: solid 4px #1A1C1D;
}

#mediaViewSection.section .content {
	padding: 0;
}

#mediaViewSection .mediaItems ul.viewMedia {
	
}

#mediaViewSection .mediaItems ul.viewMedia li.tabbedContentItem {
	padding: 3px 0 5px;
}

#mediaViewSection .mediaItems ul.viewMedia .profileMedia {
	margin: 0;
	overflow: auto;
	height: auto;
	*height: auto;
	*min-height: 6em;
	_height: 6em;
	position: relative;
}

#mediaViewSection .mediaItems ul.viewMedia ul.profileMedia {
	_height: 1%;
}

#mediaViewSection .mediaItems ul.viewMedia ul.profileMedia li {
	 float: left;
	 padding: 2px 2px 2px 6px;
}

#mediaViewSection .mediaItems ul.viewMedia ul.profileMedia li.info {
	width: 148px;
	_width: 132px;
}

#mediaViewSection .mediaItems ul.viewMedia ul.profileMedia li.seeAll {
	bottom: 0;
	left: 144px;
}

#mediaViewSection .mediaItems ul.viewMedia ul.profileMedia li img {
	 border: 1px solid #354248;
}

#mediaViewSection .mediaItems ul.viewMedia ul.profileMedia li a:hover img {
	border-color: #fff;
}

#mediaViewSection .mediaItems ul.viewMedia ul.profileMedia li h5 {
	font-size: 110%;
	margin-bottom: 5px;
}

/* overlay video play button icon */
div.mediaItems li span.videoPlayButton {
	display: block;
	width: 133px;
	height: 100px;
	position: absolute;
	top: 2px;
	background: url(/static/css/base/img/btn_playVideo_80x60.png) repeat 50% 50%;
	_background-image: none;
	cursor: pointer;
	text-decoration: none; /* needed! */
}

/* new classes for move to 3 column layout */
#leftSidebar #contactUserSection .content {
	padding: 0;
	margin: -1px; /* overlap under borders - remove if we're not supposed to have borders... */
}

#contactUserSection ul.contactItems li {
	margin: 0;
	border-bottom: solid 1px #2E2E2E;
	padding: 4px 2px 1px;
}

#contactUserSection ul.contactItems li a.countLink {
	color: #ABCCDA;
}

#contactUserSection ul.contactItems a.profileAction {
	display: block;
	_display: inline; /* IE6 Hack - move to ie6 file */
	padding-bottom: 3px;
}

#notificationSection a.profileAction {
	display: table; /* to get padding w/o block... */
	*display: inline-block;
}

#userInfoViewSection img {
	margin-bottom: 5px;
}

#userInfoViewSection .summaryInfo {/* generic instead of multiple unique classes - DA . */
	margin: 0 0 8px;
}

#userInfoViewSection .summaryInfo li {
	margin: 0 0 2px;
}

#userInfoViewSection .summaryInfo h4 {
	color: #fff;
	font-size: 125%;
	margin: 0;
}

#userInfoViewSection p.statusMessage {
	color: #abccda;
}

#userInfoViewSection .top {
	padding: 6px 0 6px 5px;
	background-color: #354248;
	clear: both;
	border-bottom: 1px solid #2E2E2E;
}


/* ----- rounded corners box ----- */
/*  generic round corner box. background and colors set in local css based on context */
#userInfoViewSection .roundCornersBox, 
#userInfoSection .roundCornersBox {
	background: #212A2E;
	margin: -1px -1px 0;
}

#userInfoViewSection .roundCornersBox .rtop,
#userInfoViewSection .roundCornersBox .rbottom,
#userInfoSection .roundCornersBox .rtop,
#userInfoSection .roundCornersBox .rbottom {
	background: #0E0E0E;
}

#userInfoViewSection .roundCornersBox .rtop *,
#userInfoViewSection .roundCornersBox .rbottom *,
#userInfoSection .roundCornersBox .rtop *,
#userInfoSection .roundCornersBox .rbottom * {
	background: #212A2E;
}

#userInfoViewSection .roundCornersBox h4,
#userInfoSection .roundCornersBox h4 {
	padding: 2px 6px;
	font-size: 125%;
	color: #fff;
}

#userInfoViewSection .roundCornersBox h5,
#userInfoSection .roundCornersBox h5 {
	padding: 0 0 10px 6px;
	font-size: 125%;
	color: #FFC923;
}



/* ---------- using ids for now - should have single common class - revisit ---------- */
#friendsViewSection ul.thumbGallery,
/* #likeablePeopleSection ul.thumbGallery,  */
#friendsLandingSection ul.thumbGallery {
	margin: 0;
	padding: 0 0 0 7px;
}

#friendsViewSection .content.gallery li.item, 
/* #likeablePeopleSection .content.gallery li.item,  */
#friendsLandingSection .content.gallery li.item {
	width: 67px;
	height: 8em;
	_height: 7.6em;
	margin: 4px 6px 4px 0pt;
	padding: 0;
	background: none;
}

#friendsViewSection .thumbGallery li.thumb, 
/* #likeablePeopleSection .thumbGallery li.thumb,  */
#friendsLandingSection .thumbGallery li.thumb {
	margin-bottom: 0;
}

#friendsViewSection .thumbGallery li.title, 
/* #likeablePeopleSection .thumbGallery li.title, */
#friendsLandingSection .thumbGallery li.title {
	/* HJG 06.11.08 - changed to bold and less margin per design */
	font-weight: bold;
	font-size: 100%;
	padding: 2px 1px;
	margin: 0;
}

#friendsViewSection .thumbGallery li.sport, 
/* #likeablePeopleSection .thumbGallery li.sport,  */
#friendsLandingSection .thumbGallery li.sport {
	padding: 0 1px;
}

#friendsViewSection .content.gallery, 
/* #likeablePeopleSection .content.gallery, */
#friendsLandingSection .content.gallery {
	padding: 2px 0 6px;
}

/* #rivalSection - to refactor w a class instead once design solidifies into a reusable pattern for tiled galleries of horizontal items ... */
/* HJG 06.11.08 - now used by Groups section too, once design is confirmed break out to something more reusable */

/* rivals and likeable people now share a tabbed box in view profile page. 08/14/2008 DA */
/* refactor these w class instead - DA */


div.tabbedContentItem {
	 padding: 1px 0 0 0; /* add space to fix tabs being offset before content has loaded */
}

#otherAthletesSection { /* fix tabs being offset before content has loaded */
	background-color: #354248;
}

div.tabbedContentItem #likeablePeopleSection, /* if merged into a tabbed box on landing too, make exception the rule, etc. */
div.tabbedContentItem #rivalSection {  /*re-redesign 08/12/2008 - nested inside tabbed box - remove borders, etc. */
	border: none;
	margin: 0;
}

#likeablePeopleSection .content.gallery,/* NIEW */
#rivalSection .content.gallery, 
#groupSection .content.gallery {
	padding: 0;
}

#likeablePeopleSection .content.gallery .noContent,
#rivalSection .content.gallery .noContent, 
#groupSection .content.gallery .noContent {
	padding: 10px;
}

#likeablePeopleSection .thumbGallery.minimal,
#rivalSection .thumbGallery.minimal,
#groupSection .thumbGallery.minimal {
	margin: 0;
}

#likeablePeopleSection .thumbGallery.minimal .item, 
#rivalSection .thumbGallery.minimal .item, 
#groupSection .thumbGallery.minimal .item {
	float: none;
	clear: both;
	height: 5.5em;
	_display: block;
	width: auto;
	margin: 0;
	border-bottom: 1px solid #2E2E2E;
	background: #354248;
}

#likeablePeopleSection .thumbGallery.minimal .item, 
#rivalSection .thumbGallery.minimal .item {
	padding: 5px 10px 0;
	height: 5em;
}

#groupSection .thumbGallery.minimal .item {
	padding: 4px 4px 0;
	height: 4.2em;
}

#groupSection .thumbGallery.minimal .item.alt {
	background: #526770;
	*padding: 4px 4px 0; /* to clear confusion in ie ... */
}

#likeablePeopleSection .thumbGallery.minimal .item ul, 
#rivalSection .thumbGallery.minimal .item ul, 
#groupSection .thumbGallery.minimal .item ul {
	_width: 100%;
}

#likeablePeopleSection .thumbGallery.minimal .item .thumb, 
#rivalSection .thumbGallery.minimal .item .thumb, 
#groupSection .thumbGallery.minimal .item .thumb {
	float: left;
	*width: 67px;
}

#likeablePeopleSection .thumbGallery.minimal .item .info, 
#rivalSection .thumbGallery.minimal .item .info, 
#groupSection .thumbGallery.minimal .item .info {
	float: left;
	margin: 0 0 0 10px;
}

#groupSection .thumbGallery.minimal .item li {
	margin-bottom: 0;
}

/* set overflow scrollbar when more than 3 groups */
#groupSection .content.gallery.fixedHeight {
	height: 156px;
	overflow-y: auto;
	overflow-x: hidden;
}

#groupSection .content.gallery.fixedHeight .thumbGallery.minimal {
	margin-bottom: -12px; /* why do we need this? */
}


/* to move to right place in css - DA */
a.close {
	position: absolute;
	right: 10px;
	top: 10px;
}



/* assign a new modifier class to all the blue sections - or profile classes? instead
of multiple unique definitions ...*/
#userInfoSection .content {
	padding: 5px;
}

#userInfoSection .top {
	padding: 6px 0 0 5px;
	background-color: #354248;
	clear: both;
}

#userInfoSection dl.profileInfo {
	margin-bottom: 3px;
}

#userInfoSection dl.profileInfo dt {
	clear: left;
	float: left;
	margin-right: 3px;
	font-weight: bold;
}

#userInfoSection dl.profileInfo dt#user_status {
	text-decoration: underline;
	cursor: pointer;
}

#userInfoSection dl.profileInfo dd {
	margin-bottom: 1px;
}

/* ----- status widget ----- */
#userStatusArea {
	border-top: 1px solid #2E2E2E;
	margin: 10px -1px 0;
	padding: 4px 1px 0;
}

#edit_status_container {
	height: 36px;
}

#edit_status_text {
	font-size: 100%;
	height: 17px;
	width: 153px;
	float: left;
}

a#edit_status_select_toggle {
	background: #D8DFEA url(http://static.soyhincha.com/img/status_off.gif) no-repeat 3px 9px;
	border: solid 1px #777;
	border-left: none;
	color: #3B5998;
	display: block;
	float: left;
	height: 17px;
	width: 14px;
	padding: 3px 0 0;
	text-align: center;
}

#edit_status_select a {
	background: #FFF;
	border: solid 1px #777;
	border-bottom: none;
	color: #000;
	display: block;
	overflow: hidden;
	padding: 3px;
	width: 164px;
	*width: 165px;
}

#edit_status_select a:hover {
	background: #3B5998;
	color: #FFF;
	text-decoration: none;
}



/*TEST */
#edit_status_select {	/* test */
	/* margin-top: -12px; *//* need for safari only. why do we have a bug? */
	
}


#userInfoSection a.uploadLink {
	display:block;
	margin-bottom:4px;
}

#userInfoSection .actionLink {
	float: right;
}

#userInfoSection .schoolAdd {
	float: right; 
	margin-top: -13px;
}

/* ----- message center  ----- */
.profileNewPage #messageCenterSection {
	border-color: #B4B4B4;
}

.profileNewPage #messageCenterSection div.header h3 {
	background: url(http://static.soyhincha.com/img/icons_profile_sprite.png) no-repeat 0 0;
	_background-image: url(http://static.soyhincha.com/img/icons_profile_sprite.gif);
	padding-left: 20px;
}

#leftSidebar #messageCenterSection .content {
	padding: 0;
}

#messageCenterSection ul.messages li {
	background: url(http://static.soyhincha.com/img/bg_message_186.gif) no-repeat 100% 0%;
	height: 22px;
	cursor: pointer;
}

#messageCenterSection ul.messages li a {
	display: block;
	height: 18px;
	padding: 4px 6px 0;
	text-decoration: none;
}

#messageCenterSection ul.messages li a:hover {
	text-decoration: underline;
	color: #ABCCDA;
		color: #5dccff;
}

/* ie7 has a bug for this guy */
/*
#messageCenterSection ul.messages li a.newMessage {
	color: #DF0079;
}
*/

/* ------ Notifications - Updates ------- */
#notificationSection {
	border-color: #9D9D9D;
}

#notificationSection div.header {
	background: #890000;
}

#leftSidebar #notificationSection div.header h3 {
	color: #fff;
}

#leftSidebar #notificationSection .content {
	background: #DFDFDF;
	padding: 0;
}

#notificationSection ul.notifications li {
	padding: 4px 6px 4px 2px;
	font-weight: bold;
}

#notificationSection ul.notifications a {
	color: #000;
}

#notificationSection ul.notifications a:hover {
	color: #5dccff;
}

/* ----- my stuff ----- */
#leftSidebar #myStuffSection .content {
	padding: 0;
	margin-bottom: -2px;
}

#myStuffSection li {
	padding: 4px 6px 4px 2px;
	border-bottom: solid 1px #2E2E2E;
	clear: both;
	overflow: auto;
	height: 1%;
}

#myStuffSection li a {
	float: left;
	color: #D7D7D7;
}

#myStuffSection li a:hover {
	color: #5dccff;
}

#myStuffSection a.editLink,
#myStuffSection span { /* why is the count under edit actions ? inconsistent - confusing */
	float: right;
}




/* ----- SI nominate ----- */
#siNominateSection .content {
	padding: 0;
}

#leftSidebar #siNominateSection .content {
	padding: 0;
}

#siNominateSection .siNominateContent {
	background: url(http://static.soyhincha.com/img/btn_SiNominate.png) no-repeat 50% 50%;
	height: 83px;
	/* padding: 0 4px; */
}

#siNominateSection .sectionFooter .voteCount {
	color:#ABCCDA;
}

#siNominateSection .content .more {
	padding: 4px 4px 0 2px; 
	float: right;
	font-size: 90%;
}

#siNominateSection .content .more a {
	color:#FFF;
}

#siNominateSection .content form#SiNomination a {
	display: block; 
	width: 182px; 
	height: 86px; 
	text-indent: -5000em; 
	overflow: hidden;
}




/* ----- newsfeed ----- */
#newsfeedSection .content {
	padding: 0;
	font-size: 110%;
}

div#newsfeedSection .sectionUtilities {
	height: 1.8em;
	padding-top: 4px;
	text-align: right;
	font-size: 110%;
	background-color: #354248;
	color: #000;
}

div#newsfeedSection .sectionUtilities span {
	color: #FFC923;
}

#newsfeedSection li.newsfeedDay {/* friends and mixed feeds: dark blue bg */
	background-image:  none;
	background-color: #212A2E;
}

li.newsfeedDay p.feedDate {
	padding: 2px 10px;
	color: #ABCCDA;
	margin-bottom: 0;
}

li.newsfeedDay li { /* friends feed - default */
	background-color: #3b4e44;
	padding: 5px 8px;
	border-bottom: solid 1px #2E2E2E;
	_height: 1%;
	font-size: 97%;
}

#newsfeedSection .sportsFeeds li.newsfeedDay {/* not implemented? */
	background-color: #354248; /* HJG 07.08.08 - swapped colors with above */
}

/* Sponsor Feed */

li.newsfeedDay li.sponsor { 
	background-color: #526770;
	overflow: auto;
}

li.newsfeedDay li.sponsor .headline {
	font-weight: bold;
	float: left;
}

li.newsfeedDay li.sponsor .sponsoredText { 
	float: right;
	font-size: 90%;
	color: #CCC;
}

li.newsfeedDay li.sponsor .sponsorFeedContent { 
	clear: both; 
	padding-top: 5px;
}

li.newsfeedDay li.sponsor .sponsorFeedContent img { 
	float: right; 
	margin: 0 0 10px 10px;
}

/* END Sponsor Feed */

li.newsfeedDay li.sportsFeed {
	background: #354248;
}

a.feedAuthor {
	color: #ABCCDA;
}

a.feedAuthor:hover {
	color: #fff;
}

a.feedAction {
	color: #ABCCDA;
}

a.feedAction:hover {
	color: #fff;
}

#newsfeedSection .newsfeedThumbs {
	margin-top: 4px;
}

#newsfeedSection img {
	display: inline;
	border: solid 1px #0c2b4a;
}

#newsfeedSection a:hover img {
	border-color: #fff;
}

/*  newsfeed icons */
#newsfeedSection li div.feedItem {
	margin-left: 20px;
}

#newsfeedSection li span.feedIcon {
	background-image: url(http://static.soyhincha.com/img/icons_profile_sprite.png);
	_background-image: url(http://static.soyhincha.com/img/icons_profile_sprite.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	float: left;
	height: 16px;
	width: 16px;
}

/*  each li has one or two classes: feed_feedType to switch icon
optional: sportsFeed to switch background color  */
#newsfeedSection li.feed_rankings span.feedIcon {
	background-position: 0 -500px;
}	

#newsfeedSection li.feed_friend span.feedIcon {
	background-position: 0 -600px;
}

#newsfeedSection li.feed_media span.feedIcon {
	background-position: 0 -1800px;
}

#newsfeedSection li.feed_groups span.feedIcon {
	background-position: 0 -900px;
}

#newsfeedSection li.feed_throwdown span.feedIcon {
	background-position: 0 -1000px;
}

#newsfeedSection li.feed_feature span.feedIcon {
	background-position: 0 -1600px;
}
/* SI is combined w featured... */
#newsfeedSection li.feed_feature.feed_faces_nomination span.feedIcon {
	background-position: 0 -1100px;
}

#newsfeedSection li.feed_forums span.feedIcon {
	background-position: 0 -1200px;
}

#newsfeedSection li.feed_profile span.feedIcon {
	background-position: 0 -1300px;
}

#newsfeedSection li.feed_rewards span.feedIcon {
	background-position: 0 -1500px;
}

#newsfeedSection li.feed_site span.feedIcon {
	background-position: 0 -1600px;
}

/* Sponsor Icon - same as forums for now */
#newsfeedSection li.feed_sponsor span.feedIcon {
	background-position: 0 -1200px;
}

/* ajax loading thingy */
#newsfeedSection .content.loading {
	background: #000 url(http://static.soyhincha.com/img/icon_loading_000000.gif) no-repeat 50% 22%;
	padding: 20px 0; /* hacky... instead of setting height which makes ie7 choke */
} 

/* ----- lowdown box ----- */
#lowdownSection dl.listing dt {
	color: #ABCCDA;
	font-weight: bold;
}


#lowdownSection dl.listing dd {
	margin-bottom: 6px;
	overflow: hidden;
	*width: 100%;
	*text-overflow: ellipsis;
}

/* ----- other sport info box ----- */
/* re-redesign .... 08/08/2008/ */
.profileNewPage #leftSidebar #otherSportInfoSection .content {
	padding: 0;
	*width: 100%; /* so links in headers expand all the way. silly IE */
}

#otherSportInfoSection ul.summaryInfo.otherSportInfo {
	padding:4px 6px;
}

#otherSportInfoSection h4.otherSportHdr {
	background: url(http://static.soyhincha.com/img/tab_186.png) no-repeat 0 0;
	_background-image: url(http://static.soyhincha.com/img/tab_186.gif);
	margin: 1px 0 0;
 }

#otherSportInfoSection a.otherSportLinks {
	display: block;
	background: url(http://static.soyhincha.com/img/arrow_accordion2.gif) no-repeat 6px 10px;
	padding: 5px 5px 5px 20px;
	_height: 1%;
}

#otherSportInfoSection a.otherSportLinks.isSelected {
	background-position: 6px -90px;
}



/* ----- invite yr friends box ----- */
#leftSidebar #inviteFriendsSection .content {
	padding: 10px;
}

#inviteFriendsSection .content a {
	display: block;
	height: 38px;
	padding-left: 55px;
	padding-top: 3px;
	font-weight: bold;
	background: url(http://static.soyhincha.com/img/icon_inviteFriends.png) no-repeat 0 50%;/* ? */
	background: url(http://static.soyhincha.com/img/icon_inviteFriends.gif) no-repeat 0 50%;
}


/* ----- Site feature(s) ----- */
.profileNewPage #siteFeaturedSection {
	border: solid 1px #FFFED5;
}

.profileNewPage #siteFeaturedSection div.header {
	background: #F0CC6C;
	padding: 5px;
}

.profileNewPage #siteFeaturedSection div.header h3 {
	color: #D96D00;
	font-size: 130%;
}

#siteFeaturedSection .widgets a {
	color: #fff;
	text-decoration: none;
	font-size: 100%;
	background: #DBB23C;
	padding: 0 3px 0 4px;
	border: solid 1px #C09D3A;
	display: block;
}

#siteFeaturedSection .widgets a:hover {
	background: #ecc34d;
	border: solid 1px #d1ae4b;
}

.profileNewPage #siteFeaturedSection .content {
	background: #FFFED5;
}

.profileNewPage #siteFeaturedSection .content,
.profileNewPage #siteFeaturedSection .content h4,
.profileNewPage #siteFeaturedSection .content a {
	color: #222A2E;
}

.profileNewPage #siteFeaturedSection .itemDescription {
	font-size: 120%;
	float: left;
	width: 335px;
}

.profileNewPage #siteFeaturedSection .itemDescription h4 {
	font-size: 100%;
}

#siteFeaturedSection .itemDescription a:hover {
	color: #5dccff;
}

ul.horizThumbs {
	margin: 0 0 10px;
}

.horizThumbs li.thumb {
	float: left;
	margin-right: 10px;
}

.profileNewPage .horizThumbs h4 {
	color: #ABCCDA;
	text-transform: uppercase;
}


/* ----- Profile actions icons ----- */
a.profileAction {
	background: url(http://static.soyhincha.com/img/icons_profile_sprite.png) no-repeat 1px 0;
	_background-image: url(http://static.soyhincha.com/img/icons_profile_sprite.gif);
	padding: 3px 0 3px 23px;
}

a.profileAction.my_stuff_message {
	background-position: 1px -200px;
}

a.profileAction.my_stuff_report {
	background-position: 1px -400px;
}

a.profileAction.my_stuff_friends {
	background-position: 1px -600px;
}

a.profileAction.my_stuff_photos {
	background-position: 1px -700px;
}

a.profileAction.my_stuff_groups {
	background-position: 1px -900px;
}

a.profileAction.my_stuff_throwdowns {
	background-position: 1px -1000px;
}

a.profileAction.my_stuff_si_nominations {
	background-position: 1px -1100px;
}

a.profileAction.my_stuff_forum_threads {
	background-position: 1px -1200px;
}

a.profileAction.my_stuff_videos {
	background-position: 1px -1700px;
}


/* ---------- throwdowns box ---------- */
/* a lot of this stuff can go since we've simplified the box - 06/19/2008 - DA */
/* redo component as a standard section/content thing if we keep it simple */
#throwdownSection .content {
	position: relative;
}

div.throwdownSummary {
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 4px;
	background: #354248;
	border-bottom: solid 1px #2D383E;
}

div.throwdownSummary p.throwdownRecord {
	float: left;
	margin-bottom: 5px;
}

div.throwdownSummary p.throwdownRating {
	float: right;
	margin-bottom: 5px;
}

p.throwdownTrophy {
	clear: both;
	float: left;
	width: 190px;
	height: 24px;
	background-repeat: no-repeat;
}

p.throwdownTrophy.legend {
	background-image: url(http://static.soyhincha.com/img/battle/trophy_legend_2.gif);
}

p.throwdownTrophy.mvp {
	background-image: url(http://static.soyhincha.com/img/battle/trophy_mvp_2.gif);
}

p.throwdownTrophy.superstar {
	background-image: url(http://static.soyhincha.com/img/battle/trophy_superstar_2.gif);
}

p.throwdownTrophy.all-star {
	background-image: url(http://static.soyhincha.com/img/battle/trophy_allstar_2.gif);
}

p.throwdownTrophy.star {
	background-image: url(http://static.soyhincha.com/img/battle/trophy_star_2.gif);
}

p.throwdownTrophy.pro {
	background-image: url(http://static.soyhincha.com/img/battle/trophy_pro_2.gif);
}

p.throwdownTrophy span {
	display: block;
	text-indent: -1000em;
}

#throwdownSection .foot {
	text-align: center;
	padding: 4px 10px 6px;
	background: #081928 url(http://static.soyhincha.com/img/border_horiz_greyBlack.gif) repeat-x  0 100%; /* test */
}

#throwdownSection .competitor .thumb img {
	border: solid 1px #0393D5;
	margin-bottom: 2px;
}

#throwdownSection .competitor.rival .thumb img {
	border-color: #F75406;
}

#throwdownSection .competitor .thumb a:hover img {
	border-color: #fff;
}

#throwdownSection .competitor li.title {
	padding: 1px;
}

#throwdownSection ul.opponents {
	width: 189px;
	margin: 0 auto;
}

#throwdownSection ul.opponents li.competitor {
	float: left;
	/* width: 81px; */
	padding: 3px;
	background: #0393D5;
}

#throwdownSection ul.opponents li.competitor.rival {
	float: right;
	background: #F75406;
}

#throwdownSection .content h4.battleName {
	font-size: 100%;
	text-transform: none;
	color: #fff;
}

#throwdownSection a.battleLink {
	position: absolute;
	top: 60px;
	left: 143px;
	text-decoration: none;
	font-weight: bold;
}

#throwdownSection ul.opponents li {
	font-weight: bold;
}

#throwdownSection a.challengeMe {
	float: right;
	width: 99px;
	height: 20px;
}


/* ---------- Edit Profile ---------- */
#profileEditPage #mainContent {
	margin-left: 18px;
	width: 642px;
}

#profileEditPage #rightSidebar {
	width: 302px;
}


.autocompleterLoader {
	visibility:hidden;
}


.isSelected { 
	color: #FFC923; 
}

.profileSettingsForm label.errorHighlight {
	color: #f00;
}

#profileEditPage .section.profileSettingsForm .content {
	padding: 0;
	background: #000; /* for ie6 */
}

.section.profileSettingsForm fieldset.outer {
	padding: 10px;
	background: #354248;
	border-bottom: 1px solid #1A1C1D
}

.section.profileSettingsForm fieldset.outer.empty {
	*padding: 0;
}

.profileSettingsForm fieldset {
	clear: left;
}

.profileSettingsForm .formWrapper h4 {
	/* color: #fff; */
	color: #000;
	padding: 5px;
	background: #B4B4B4;
	margin-bottom: 0;
	border-bottom: solid 1px #354248;
}

.profileSettingsForm .formWrapper h5 {
	color: #ABCCDA;
	margin-bottom: 8px;
	font-size: 120%;
}

.profileSettingsForm h6 {
	font-size: 100%;
}

.section.profileSettingsForm .formWrapper fieldset p {
	margin-bottom: 16px;
}

.section.profileSettingsForm .formWrapper.chooseSeason fieldset p {
	margin-bottom: 5px;
}

.section.profileSettingsForm .formWrapper.chooseSeason fieldset p.halfSize2.go {
	margin-top: 16px;
}


/* and yet one more way to do things... 
started for stats form - 
for different sizes - as generic size-based classes. 
ems? %?
	class = size
	optional modifiers: clear, nofloat
	for special cases that dont fit so neatly - use unique classes like dob
preferences form uses radio button thing
*/

/* clean up the old stuff then */
.profileSettingsForm p.fullSize2 {
	width: 38em;
	clear: both;
}

.profileSettingsForm p.halfSize2 {
	width: 25em;
	float: left;
	padding-right: 20px;
}

.profileSettingsForm p.halfSize3 {
	width: 17em;
	float: left;
	padding-right: 10px;
}

.profileSettingsForm p.quarterSize2 {
	width: 11.2em;
	float: left;
	padding-right: 20px;
}

.profileSettingsForm p.twothirdSize {
	width: 75%;
}

/* ie6 chokes on the clear thing - need to redefine here... */
.profileSettingsForm p.halfSize3.clear,
.profileSettingsForm p.halfSize2.clear,
.profileSettingsForm p.quarterSize2.clear {
	*clear: both;
}

.profileSettingsForm p.halfSize3.clear.nofloat,
.profileSettingsForm p.halfSize2.clear.nofloat,
.profileSettingsForm p.quarterSize2.clear.nofloat {
	float: none;
}

.profileSettingsForm .halfSize3 select, 
.profileSettingsForm .halfSize3 input.text, 
.profileSettingsForm .halfSize3 input.wideText, 
.profileSettingsForm .halfSize3 textarea {
	width: 45%;
}

.profileSettingsForm select, 
.profileSettingsForm input.text, 
.profileSettingsForm input.wideText, 
.profileSettingsForm textarea {
	width: 200px;
}

.profileSettingsForm fieldset p.item,  /* same as old - merge in style */
.settingsForm fieldset p.item, 
.settingsForm fieldset ul.item {
	clear: left;
}

.profileSettingsForm .sportPosition select {
	width: auto;
	margin-right: 20px;
}

.section.profileSettingsForm .formWrapper fieldset p.instructions {
	color: #fff;
	margin: 20px 0 8px;
}


/* same as old - merge in style */ /* not used in first form */
.profileSettingsForm label.instructions,
.settingsForm label.instructions { 
	font-weight: normal;
	font-size: 100%;
	color: #fff;
	margin-left: 10px;
}

.profileSettingsForm p.submit {
	padding: 8px 10px;
	margin-bottom: 0;
	/* *height: 1%; */
	/* background: #212A2E url(http://static.soyhincha.com/img/border_horiz_greyBlack.gif) repeat-x 0 100%; */
	background: #212A2E;
	*height: 24px;
}

/* and this is why 'grey' was bad... now have a red button... my bad. argh. DA */
.profileSettingsForm p.submit a.btn.grey {
	text-transform: none;
	/* color: #f2f2f2; */
	margin-right: 5px;
}

a.btn.grey.red span {
	background-image: url(http://static.soyhincha.com/img/btn_flashStyle_red_right.gif);
}

a.btn.grey.red span strong {
	background-image: url(http://static.soyhincha.com/img/btn_flashStyle_red_left.gif);
}

.profileSettingsForm select {
	width: auto;
	margin-right: 5px;
}

.profileSettingsForm .halfSize2.email{
	float: none;
}

.profileSettingsForm .email span {
	font-style: italic;
}

/* override stuff from style.css - 
also in popup? revisit when cleaning style.css and merging. 
none of this should be used here anymore
id should only be used for js now. 
*/
.profileSettingsForm p#schoolField { /* popup.css - moved to style. used here and in registration step2 popup. */
	/* clear: none;
	float: left;
	margin-bottom: -6px;
	padding-bottom: 6px; */
	width: 25em;
	/* margin-bottom: 16px;
	margin-right: 20px; */
}

#schoolField input {
	display: block;
}





/* sports and stats forms */
/* accordion header. misnomer? */
.section.profileSettingsForm .content h4.formHeader {
	color: #000; 
	padding: 5px 5px 5px 16px;
	margin-bottom: 0;
	cursor: pointer;
	background: #b4b4b4 url(http://static.soyhincha.com/img/arrow_accordion.gif) no-repeat 4px -32px;
	border-bottom: solid 1px #354248;
	*display: inline-block;
}

.section.profileSettingsForm .content h4.formHeader.selected {
	background-position: 4px 10px;
}

.section.profileSettingsForm .content h4.formHeader.hover,/* ie6 */
.section.profileSettingsForm .content h4.formHeader:hover {
	color: #454545;
}

h4.formHeader span.formAction {
	display: block;
}

span.selectPosition2 {
	margin: 10px 0 10px;
	display: block;
}

h4.formHeader span.formAction.addPosition,
span.formAction.removePosition a,
span.formAction.addPosition a {
	padding-left: 18px;
	background-image: url(http://static.soyhincha.com/img/icons_profile_sprite.png);
	_background-image: url(http://static.soyhincha.com/img/icons_profile_sprite.gif);
	background-repeat: no-repeat;
	background-position: 0 -299px;
}

span.formAction.addPosition a {
	padding: 2px 0 4px 18px; /* fix mac ffx cutting off */
}

h4.formHeader span.formAction.addPosition {
	padding: 0 0 0 18px;
}

span.formAction.removePosition a {
	background-position: 0 -300px;
}

h4 span.formAction.addPosition a {
	color: #FFC923;
}

h4 span.formAction.addPosition a:hover {
	color: #fff;
}

span.formAction.removePosition a {
	background-position: 0 -100px;
}

.statUnit {
	font-weight: normal;
	font-size: 100%;
}

p.noContent {
	padding: 10px;
}

ul.summaryInfo  li {
	margin-bottom: 3px;
}

/* summary stats */
#summaryStatsSection ul.summaryInfo {
	margin-bottom: 10px; 
}

#summaryStatsSection p.summaryStat_line {
	border-top: 1px #2E2E2E solid;
	margin: 0 -7px;
	padding: 5px 7px 0;
}


/* Profile comments - overrides main comment style for different color and layout */
#profileViewPage #commentExp {
	background-color: #212A2E;
}

#profileViewPage #comments .section {
	background-color: #354248;
}

#profileViewPage #comments .comment {
	margin: 0;
}

#profileViewPage #comments ul.voting .commentLoader {
    background: url(http://static.soyhincha.com/img/ajax_loaderAgreeWhite.gif) no-repeat;
}

#profileViewPage #comments .comment.typeComment {
	 border: none;
	 border-bottom: solid 1px #272A2B;
}

#profileViewPage #comments .typeComment .commentArea, 
#profileViewPage #comments .typeReply .commentArea {
	float: left;
}

#profileViewPage #comments .commentHeader {
	background-color: #212A2E;
	color: #fff;
	margin-bottom: 0;
}

#profileViewPage #commentExp h4 {
	color: #fff;
}

#profileViewPage #comments blockquote {
	background-image: none;
}

#profileViewPage #comments .comment blockquote .inner {
	border: none;
	background-color: transparent;
}

#profileViewPage .commentAuthor {
	margin-left: 6px;
}

#profileViewPage .commentAuthor a {
	color: #fff;
}

#profileViewPage .commentContent {/* new wrapper for profile redesign... DA 06/19/2008 */
	background: #526770;
	padding: 10px;
}

#profileViewPage #comments blockquote p {
	padding: 0;
}

#profileViewPage #comments a.more_comments {
	padding-top: 5px;
}

#profileViewPage #seeMoreCommentsLoader {
	padding: 5px 10px;
}


/* ----- bunchball ----- */
#bunchballSection .content {
	padding: 0;
}

/* --- Registration Step 2 Button --- */
#profileEditPage a.reg_step2  {
	background: url(http://static.soyhincha.com/img/btn_GetStarted_regStep2.gif) repeat 50% 50%;
	width: 156px;
	height: 28px;
	display: block;
	border: none;
	text-indent:-5000em;
}

#profileEditPage .reg_step2_btn {
	 position: absolute; 
	 bottom: 20px;
	 _bottom: 50px; 
	 left: 460px;
}

.teamInfoHeader {
	float: left; 
	padding: 10px 0 3px 0;
}

.teamInfoHeader strong {
	font-size: 140%;
	color: #ABCCDA; 
	padding-right: 5px;
}

/* ---------- Crop photo ---------- */
#photoCropPage #mainContent {
	margin-left: 18px;
	width: 642px;
}

#photoCropPage #rightSidebar {
	width: 302px;
}

/* temp redundant css below for now - currently in da_buttons branch - remove all of this after both branches are pushed ... */
/* new buttonWrapper and button classes will be in trunk - to remove - will be duplicated in structure.css after merging da_buttons branch back */
/* end of redundant classes to delete after button branch is merged */

/* keep this bit though... */
#photoCropPage p.submit .buttonWrapper {
	float: left;
	margin-right: 5px;
	/* _display: inline-block; */
}

#nitroembed {
	border-bottom:1px solid #ACBAB3;
}


#statEditSubNav {
	margin-left:10px;
	margin-bottom:4px;
}

/***************************************************/

.labelTitleForm {
	margin-bottom: 4px;
	display: block;
	font-size: 120%;
	color: #ABCCDA;
	font-weight:bold;
	cursor:pointer;
	padding:0;
	text-align:left;
	font-family:arial,helvetica,sans-serif;

}