/* ============== color references ====================
old turquoise: #009ae5;  DNU
new lighter turquoise: #5dccff;  DNU
blue border:  #0c2b4a;
light blue text:  #ABCCDA;
yellow links: #FFC923;
section grey background: #151515
blue stroke in thumbFooter and footer pages header : #242A2D
fuschia - new message: #DF0079
*/

/* -------------------- Links -------------------- */
a { color: #fff; }

a:hover { color: #5dccff; }

/* -------------------- Ads -------------------- */
.advertisement.banner,
#rightSidebar .advertisement,
#detailViewArea .rightColumn .advertisement {
	border: solid 1px #354248;
}

#rightSidebar .advertisement {
	margin: 0 0 15px;
}

/* video detail page */
#detailViewArea .rightColumn .advertisement {
	margin: 10px 0 0;
}

.advertisement.banner {
	clear: both;
	width: 728px;
	margin: 0 auto;
}

.advertisement.banner img {
	display: block;
}


/* ************ Page Headers ********** */
h1.pageHeader,
h2.pageHeader {
	margin: 20px 18px 15px;
	height: 25px;
	background: #091D32 url(http://static.soyhincha.com/img/bg_hdr_h2.jpg) repeat-x 50% 50%;
}

h1.pageHeader span,
h2.pageHeader span {
	display: block;
	text-indent: -5000em;
	background: transparent;
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 100%;
	overflow: hidden;
}

div.header h3,
div.header h4,
div.header h5 {
	float: left;
}


/* **** buttons in anchors - too many choices.... */
a.button.edit {
	display: block;
	background: url(http://static.soyhincha.com/img/btn_red.gif) no-repeat 50% 50%;
	width: 51px;
	height: 16px;
	text-align: center;
	text-decoration: none;
}

.section .widgets a.button.edit {
	color: #fff;
}


/* -------------------- Pagination -------------------- */
.header .pagination {
	float: right;
}

.pagination a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	font-weight: bold;
}

.pagination li li a {
	color: #000;
}

.pagination .main a:hover,
.pagination .main .selected a  {
	color: #FFF;
	background: #666;
}

.pagination ul {
	border-bottom: none;
}

.pagination li {
	float: left;
	height: 18px;
}

.pagination li.main {
	background: #B3B4B8 url(http://static.soyhincha.com/img/bg_paginationItem_new0208.jpg) repeat-x 50% 50%;
}

.pagination li li {
	border: none;
	height: 16px;
}

.pagination li li a {
	margin: 0 1px;
}

.pagination .empty {
	text-indent: -1000em;
	overflow: hidden;
}

.pagination .empty span {
	text-align: center;
	padding: 2px 3px;
	display: block;
	color: #444;
}

.pagination .nextbutton,
.pagination .prevbutton {
	width: 83px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -1000em;
	overflow: hidden;
}

.pagination .nextbutton {
	background-image: url(http://static.soyhincha.com/img/bg_paginationBtn_next0208.jpg);
}

.pagination .prevbutton {
	background-image: url(http://static.soyhincha.com/img/bg_paginationBtn_prev0208.jpg);
}

.pagination .button a {
	display: block;
	width: auto;
	height: auto; /* ? */
	background: none;
	border: none;
	_padding-bottom: 2px;
	_padding-top: 3px;
}

.sectionUtilities .pagination {
	float: right;
}

.messages .sectionUtilities .pagination {
	margin-bottom: 10px;
}

/* -------------------- page nav  -------------------- */
.pageNav {
	clear: both;
	height: 22px;
	color: #fff;
	font-weight: bold;
	height: 1%;
	border-bottom: solid 1px #2F2F2F;
}

.pageNav ul {
	padding-left: 4px;
	border-bottom: solid 1px #030303;
	overflow: auto;
}

.pageNav ul li {
	float: left;
	padding: 5px 4px 5px 8px;
	background: url(http://static.soyhincha.com/img/separator_subnav.gif) no-repeat 0% 50%;
}

.pageNav ul li.first {
	background: none;
}

.pageNav ul li.upload a {
	color: #5dccff;
	text-transform: uppercase;
}

.pageNav a {
	color: #fff;
	text-decoration: none;
}

.pageNav a:hover {
	color: #5dccff;
	text-decoration: underline;
}

.pageNav li.selected a {
	color: #FFC923;
}

.battlePage .pageNav {
	margin: 15px 0;
}

#schoolMembers .pageNav {
	margin: 5px 0;
}

.messages .pageNav,
#editSettings .pageNav {
	margin: 0;
}


/* ********** tabs ********** */
ul.tabs {
	/* *height: 1%;
	overflow: auto; */ /* 08/14/2008 DA */
	padding-bottom: 2px;
	margin-bottom: 10px;
	background: url(http://static.soyhincha.com/img/tabContainer.gif) repeat-x 0 17px;
}

ul.tabs li {
	float: left;
	margin: 0 5px 0 0;
	_width: 20px;
	_white-space: nowrap;
	padding-bottom: 7px;
}

ul.tabs li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #F7F7F7;
	background: url(http://static.soyhincha.com/img/tab_end.gif) no-repeat 100% 0;
	padding-right: 12px;
	cursor: pointer;
	font-size: 105%;
}

ul.tabs li a:hover,
ul.tabs li.ui-tabs-selected a:hover {
	color: #5dccff;
}

ul.tabs li a span,
ul.tabs li.ui-tabs-selected a span {
	display: block;
	height: 18px;
	padding: 3px 0 0 12px;
	background-image: url(http://static.soyhincha.com/img/tab.gif);
	background-position: 0 0;
}

ul.tabs li.ui-tabs-selected {
	background: url(http://static.soyhincha.com/img/tab_arrow.gif) no-repeat 50% 100%;
}

ul.tabs li.ui-tabs-selected a {
	color: #FFC923;
}

/* Section tabs - show/hide content (js)
used in profile pages */
div.sectionTabs {
	background: #3B3B3B;
	padding: 10px 0 0;
	_height: 21px; /* else tabs float when loading - DA */
	_position: relative;
}

div.sectionTabs ul.tabs {
	background-position: 0 21px;
	padding-bottom: 1px;
	margin-bottom: 0;
}

div.sectionTabs ul.tabs li {
	margin: 0 0 0 5px;
	padding-bottom: 0;
}

div.sectionTabs ul.tabs li.ui-tabs-selected {
	background-image: none;
}

div.sectionTabs ul.tabs li a {
	background: url(http://static.soyhincha.com/img/tabSection_end2.gif) no-repeat 100% -100px;
	position: relative;
	_height: 1%;
	bottom: -2px;
}

div.sectionTabs ul.tabs li.ui-tabs-selected a {
	background-position: 100% 0;
	bottom: -1px;
}

div.sectionTabs ul.tabs li a span {
	background-image: url(http://static.soyhincha.com/img/tabSection.gif);
	background-position: 0 100px;
	height: 17px;
}

div.sectionTabs ul.tabs li.ui-tabs-selected a span {
	background-position: 0 0;
	height: 18px;
}


/* breadCrumbNav - photos and videos pages */
#breadCrumbNav {
	margin: 18px 20px 0 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 5px;
	background: url(http://static.soyhincha.com/img/border_horiz_greyBlack.gif) repeat-x 0 100%;
}

#breadCrumbNav a {
	text-decoration: none;
	background: url(http://static.soyhincha.com/img/bread_backArrows.gif) no-repeat 0 2px;
}

#breadCrumbNav a span {
	padding-left: 30px;
}


/* -------------------- sections -------------------- */
.section {
	margin: 0 0 15px;
	position: relative;
	border: solid 1px #0c2b4a;
	margin-bottom: 10px;
	background: #151515;
}

.section.noborder {
	border: none;
	*height: 1%;
}

.section div.header {
	background: #101010 url(http://static.soyhincha.com/img/bg_hdr_section2.gif) repeat-x 50% 100%;
	padding: 6px 10px;
	overflow: auto;
	height: 1%;
	margin-bottom: 0;
}

.section div.header.miniAd {
	padding: 9px 10px;
	_padding: 6px 10px;
}

.section .header.miniAd .widgets {
	position: absolute;
	right: 3px;
	padding: 2px;
	_padding: 0;
}

/* temp fix for top areas with double borders -
redo with page headers,smaller graphics and / or columns instead of single row */
#topContent .section,
.section.topArea {
	border: none;
	background: transparent;
}

/* temp fix - merging v2 */
#detailViewArea div.header {
	border: solid 1px #0c2b4a;
	border-bottom: none;
}

/* temp fix - merging v2 */
#detailViewArea #featureArea div.header {
	border: none;
}

/* temp fix - merging v2 */
#topContent .section div.header,
.section.topArea div.header {
	border-bottom: 0;
}

.section div.subHeader {
	padding: 6px 10px 6px 0;
	overflow: auto;
	height: 1%;
	margin-bottom: 0;
}

.section h3 {
	font-size: 150%;
	margin-bottom: 5px;
}

.section div.header h3 {
	margin: 0;
	color: #ABCCDA;
}

.section div.subHeader h3 {
	margin: 0;
}

.section h3 strong {
	text-transform: uppercase;
	color: #FFC923;
}

#rightSidebar .section h3 {
	font-size: 140%;
}

#leftSidebar .section h3 {
	font-size: 130%;
}

.rightSidebar div.header h3 span {
	font-size: 90%;
}

.section .content {
	font-size: 100%;
	padding: 10px;
	clear: both;
	background-color: #151515;
}

.section .content.nospace {
	padding: 0;
}

.section .content h4 {
	font-size: 120%;
	/* color: #5dccff; */ /* 07/24/2008 DA - intended for forums/comments - see if others are affected */
	margin-bottom: 4px;
}

.section .content p {
	margin-bottom: 4px;
}

.section .widgets {
	position: absolute;
	right: 0;
	top: 0;
}

.section .widgets a {
	color: #ABCCDA;
}

.section .widgets a:hover {
	color: #fff;
}

.section .header .widgets {
	position: relative;
	float: right;
	bottom: 6px;
	right: 0;
}

/* in battle pages */
.section .header .widgets h4 {
	font-size: 130%;
}

.header { /* What is this? div headers? th.header? too vague... */
	*height: 1%;
	*margin-bottom: 4px;
}



/* -------------------- sections components -------------------- */
.sectionUtilities {
	overflow: auto;
	height: 2.6em;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0;
	background: #000 url(http://static.soyhincha.com/img/border_horiz_greyBlack.gif) repeat-x 0 100%;
}

.sectionUtilities .selected {
	font-weight:bold;
}

.messages .sectionUtilities {
	height: 1%;
}

.sectionUtilities.bottom {
	margin-top: 0;
	background: #000 none;
}

.sectionNav {
	color: #ABCCDA;
	float: left;
	position: relative;
	left: 30px;
}

.filter_dropdown {
	float: left;
	margin: 0 10px 20px 10px;
}

.sectionInfo {
	color: #ABCCDA;
	float: right;
	position: relative;
	top: 0;
	right: 30px;
	padding-bottom: 8px;
	*padding-bottom: 0;
}

.gallery.small .sectionInfo {
	right: 20px;
	top: 10px;
	padding-bottom: 15px;
	*padding-bottom: 5px;
}

.sectionInfo a {
	color: #ABCCDA;
}

/* new - generic filter utility component - replace sectionNav.video and new forums stuff... DA 06/04/2008 */
.sortFilterArea {
	background: url(http://static.soyhincha.com/img/border_horiz_blackGrey.gif) repeat-x bottom;
	padding: 7px 10px;
	color: #ABCCDA;
}

p.sortFilter {
	float: left;
}

.sortFilterArea strong {
	color:#B7DBEA;
}

.section .sortFilterArea .widgets {
	float: right;
	position: static;
}

.sortFilterArea a,
.sectionNav a {
	margin-left: 6px;
	color: #ABCCDA;
}

.sortFilterArea a:hover,
.sectionNav a:hover {
	color: #5dccff;
}
.sortFilterArea a.selected,
.sectionNav a.selected {
	/* text-transform: uppercase; */
	color: #FFC923;
}


/* -------------------- Listings -------------------- */
dl.listing dt {
	color: #5dccff;
}

dl.listing dd {
	margin-bottom: 4px;
}


/* -------------------- Thumb galleries -------------------- */
.content.gallery {
	*height: 1%;
	position: relative;
	clear: both;
}

.content.gallery:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.content.gallery ul.thumbGallery {
	margin: 25px 0 25px 33px;
	*margin-top: 15px;
	*height: 1%;
	clear: both;
}

.content.gallery ul.thumbGallery li.item {
	float: left;
	background: #000;
	width: 125px;
	margin-bottom: 20px;
	margin-right: 25px;
	padding: 10px 10px 0 10px;
	height: 24em;
	overflow: hidden;
	position: relative;
}

/* avatar prev/next */
.content.gallery ul.thumbGallery li.item.last {
	float: right;
}

div.videos .content.gallery ul.thumbGallery li.item {
	height: 22em;
	_height: 23em;
}

div.users .content.gallery ul.thumbGallery li.item {
	height: 26em;
}

.thumbGallery li.thumb a {
	*display: block;
}

.thumbGallery li.thumb a img {
	border: solid 1px #0c2b4a;
	margin: 0 auto;
}

.thumbGallery li.thumb a:hover img {
	border-color: #fff;
}

.thumbGallery li li {
	margin-bottom: 4px;
	font-weight: normal;
}

.thumbGallery li.title {
	font-size: 115%;
	font-weight: bold;
	/*white-space: nowrap;*/
	*text-overflow: ellipsis;
	overflow: hidden;
}

/* SAFARI 2 Mac */
html[xmlns*=""] body:last-child .thumbGallery li.title {
	width: 100%;
}

.gallery.small .thumbGallery li.title,
.thumbGallery.small li.title {
	font-size: 100%;
}

.section .thumbGallery li h4 {
	margin: 0;
	color: #fff;
}

.section .thumbGallery h4 a {
	color: #5dccff;
}

.thumbGallery li.title input.text {
	border: none;
	color: #999;
	width: 188px;
	background: transparent;
	padding: 3px;
	text-decoration: none;
	font-weight: normal;
}

.thumbGallery li.title input.text.focus {
	color: #000;
	font-weight: bold;
}

.thumbGallery .description,
.thumbGallery li.count {
	color: #B7DBEB;
}

.thumbGallery .delete {
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 5px;
	width: 51px;
	height: 16px;
	background: url(http://static.soyhincha.com/img/btn_red.gif) no-repeat 50% 50%;
	text-align: center;
	text-decoration: none;
}

.thumbGallery .delete a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -500em;
	overflow: hidden;
}


/* ********** Media Gallery: 2 items w large thumbnails  ********** */
.content.gallery ul.thumbGallery.media {
	margin: 0 0 0 10px;
}

.content.gallery ul.thumbGallery.media li.item {
	margin-bottom: 0;
	margin-right: 10px;
	width: 270px;
	height: 23em;
	_height: 24em;
}

.content.gallery ul.thumbGallery.media img {
	margin: 0 auto;
}

.thumbGallery.media li.title {
	white-space: normal;
	overflow: auto;
}

.section .thumbGallery.media li.itemFooter {
	bottom: 0;
	*bottom: .5em;
}

.thumbGallery.media li.itemFooter ul.actions li {
	border: none;
	width: 50%;
	*width: 49%;
	float: left;
}

.thumbGallery.media li.itemFooter ul.actions li.right {
	text-align: right;
}



/* **********  Play button in Media Gallery video thumb ********** */
.thumbGallery li.thumb.video a {
	display: block;
	width: 234px;
	height: 176px;
	margin: 0 auto;
	border: solid 1px #0c2b4a;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.thumbGallery li.thumb.video a img,
.thumbGallery li.thumb.video a:hover img {
	border: none;
}

li.thumb.video a:hover  {
	border: solid 1px #fff;
}

li.thumb.video a span {
	display: block;
	background: url(http://static.soyhincha.com/img/btn_playVideo.png) no-repeat 0% 0%;
}

li.thumb.video a span.hiddenThumb {
	display: none;
}


/* ********** Normal thumb gallery populated w small thumbs for Groups detail members/photos/videos */
.content.gallery ul.thumbGallery.small {
	margin: 10px 0 10px 29px;
}

.content.gallery ul.thumbGallery.searchItem {
	margin: 0;
	background-color: #101010;
}

/* SAFARI 2 Mac  */
html[xmlns*=""] body:last-child ul.thumbGallery.searchItem {
	width: 100%;
}

.content.gallery ul.thumbGallery.small li.item {
	padding: 7px;
	margin-right: 20px;
	width: 146px;
	height: 19.2em;
	*height: 1%;
}

div.photos .content.gallery ul.thumbGallery.small li.item,
div.videos .content.gallery ul.thumbGallery.small li.item {
	height: 18.5em;
	*height: 1%;
}

.content.gallery ul.thumbGallery.small li.item li.count  {
	position: static;
	border-top: none;
}

/* ********** Small gallery ********** */
.gallery.small  {
	padding: 0;
}

/* normal pages w 5 small thumbs */
.gallery.small ul.thumbGallery {
	margin: 10px 0 10px 15px;
}

.gallery.small ul.thumbGallery li.item {
	padding: 7px;
	margin-right: 15px;
	width: 121px;
	height: 140px;
	/* overflow: hidden; */
}

/* detail pages w 4 small thumbs */
.detailPage .gallery.small ul.thumbGallery {
	margin: 10px 0 10px 18px;
}

.detailPage .gallery.small ul.thumbGallery li.item {
	margin-right: 18px;
}

.gallery.small .thumbGallery li.thumb {
	padding: 0;
}

/* ********** tiny gallery  ********** */
/* small thumbs showing only the title */
.gallery.small ul.thumbGallery.minimal li.item {
	height: 114px;
}


/* ********** Tiny gallery  ********** */
/* 4 tiny thumbs */
.gallery.small ul.thumbGallery.tiny {
	margin: 10px 0 10px 10px;
}

.gallery.small ul.thumbGallery.tiny li.item {
	margin-right: 10px;
	height: 9.5em;
	width: 106px;
	padding: 7px;
}

/* Removing used only in Old Profile ?
.profilePage .gallery.small ul.thumbGallery.tiny {
	margin: 10px 0 10px 21px;
}

.profilePage .gallery.small ul.thumbGallery.tiny li.item {
	margin-right: 18px;
}

.profilePage.edit .gallery.small ul.thumbGallery.tiny {
	margin: 10px 0 10px 21px;
}

.profilePage.edit  .gallery.small ul.thumbGallery.tiny li.item {
	margin-right: 10px;
}
End remove old profile */

.content.gallery.small .thumbGallery li.item {
	margin-bottom: 10px;
}

/* ********** Small gallery in right side bar ********** */
#rightSidebar .gallery.small ul.thumbGallery {
	margin-left: 10px;
}

#rightSidebar .gallery.small li.item {
	margin-right: 8px;
}

/* ********** scroller ********** */
ul.scroller {
	clear: both;
	width: 260px;
	text-align: center;
	margin: 0 auto 10px;
	overflow: hidden;
	height: 1%;
}

ul.scroller.nobrowse {
	width: 172px;
}

ul.scroller li {
	float: left;
	border-left: solid 1px #2a2a2a;
	border-right: solid 1px #2a2a2a;
}

ul.scroller li.mid a {
	width: 94px;
	background: #ccc url(http://static.soyhincha.com/img/scroller_default08.gif) repeat-x;
}

ul.scroller li.mid a span {
 	line-height: 140%;
	color: #000;
	display: block;
	height: 17px;
	width: 94px;
}

ul.scroller li.mid a:hover span {
	color: #fff;
}

ul.scroller li a  {
	display: block;
	width: 86px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-decoration: none;
	cursor: pointer;
	height: 17px;
}

ul.scroller li a:hover,
#detailViewArea .scroller li a:hover {
	color: #fff;
}

ul.scroller li a,
#detailViewArea .scroller li a  {
	color: #5dccff;
}

ul.scroller li.previous,
ul.scroller li.next {
	border: none;
}

ul.scroller li.previous a span,
ul.scroller li.next a span {
	display: block;
	text-indent: -5000px;
}

ul.scroller li.previous a {
	background-image: url(http://static.soyhincha.com/img/scroller_prev08.gif);
}

ul.scroller li.next a {
	background-image: url(http://static.soyhincha.com/img/scroller_next08.gif);
}

ul.scroller li span.none  {
	display: block;
	width: 86px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

ul.scroller li span.none span {
	display: block;
	text-indent: -5000px;
}

ul.scroller li.next span.none {
	background: url(http://static.soyhincha.com/img/scroller_nextNone08.gif);
}

ul.scroller li.previous span.none {
	background: url(http://static.soyhincha.com/img/scroller_prevNone08.gif);
}


/* ********** thumb gallery showing only icons ********** */
.gallery.icons ul.thumbGallery {
	margin: 5px 0 0 5px;
}

.gallery.icons ul.thumbGallery li.item {
	width: 62px;
	height: 62px;
	padding: 4px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.gallery.icons ul.thumbGallery li.item a img {
	border: solid 1px #000;
}

.gallery.icons ul.thumbGallery li.item a:hover img {
	border-color: #fff;
}


/* ********** My friends icon gallery ********** */
/* HJG - Removing used only in Old Profile ?

#myFriends .gallery.icons  {
	padding: 0;
}

#myFriends .gallery.icons ul.thumbGallery {
	margin: 5px 0 5px 8px;
}

#mainContent #myFriends .content.gallery.icons ul.thumbGallery li.item {
	margin-right: 0;
	padding: 0;
	margin-right: 8px;
}

.profilePage.edit #myFriends .gallery.icons ul.thumbGallery {
	margin-left: 5px;
}

.profilePage.edit #mainContent #myFriends .content.gallery.icons ul.thumbGallery li.item {
	margin-right: 3px;
	height: 50px;
	width: 50px;
}
 End Old Profile */

/* ********** section with slider ********** */
div.section.slidable {
	*height: 1%;
}

.section.slidable .content {
	overflow: hidden;
	position: relative;
}

.section.slidable .gallery.icons {
	height: 60px;
}

.section.slidable .content ul {
	position: absolute;
	top: 0;
	left: 0;
}

.section.slidable .slider {
	margin-top: -1px;
	height: 16px;
	height: 24px;
	position: relative;
	background: url(http://static.soyhincha.com/img/slider_bg.png) 0 0 repeat-x;
	margin-bottom: 9px;
}

.section.slidable .slider .handle {
	width: 60px;
	height: 15px;
	background: url(http://static.soyhincha.com/img/slider_handle2.png) 50% 50% no-repeat;
	cursor: pointer;
	position: relative;
	left: 50%;
	top: 5px;
	margin-left: -30px;
}

/* Jan 2008 - scrollable galleries fix . */
/* slidable galleries */
/* pageContainer is created in onready.js. Removing css from js.
using static values instead of computed w js to fix issues w battle.
more stable fix might be to add pageContainer div to any slidable div ? */
.pageContainer {
	margin: 10px 0 0 15px;
	*margin-bottom: 10px;
	_margin-left: 18px;
	_height: 1%;
}

.pageContainer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* fix flickering bug firefox/safari */
.groupMembers .pageContainer {
	height: 140px;
	_height: 1%;
}

.emptyGalleryMessage {
	clear: left;
	padding: 10px;
}


/* **********  tagList ********** */
.content.tagList,
.content.teamList {
	background: #202020;
}

.content.tagList ul,
.content.teamList ul {
	background: #000;
	padding: 10px;
}

.content.tagList li,
.content.teamList li {
	margin-bottom: 5px;
	font-size: 110%;
}

.content.tagList a,
.content.teamList a {
	color: #fff;
}

.content.tagList a:hover,
.content.teamList a:hover {
	color: #5dccff;
}

/* ********** Ratings ********** */
.detailViewInfo .rating_holder {/* only on detail pages */
	position: relative;
	background: #272727;
	margin-left: -5px;
	padding: 3px 0 0 4px;
	width: 13.5em;
}

.rating_holder {
	*display: inline; /* DA 07/18/2008 */
}

.rating_holder ul.star {
	width: 75px;
	height: 18px;
	float: left;
	position: relative;
	left: 0;
	top: -5px;
	background: url(http://static.soyhincha.com/img/stars.gif) repeat-x;
}

.detailViewInfo .rating_holder ul.star {
	cursor: pointer;
}

.rating_holder li {
	float: left;
	display: block;
	width: 75px;
	height: 18px;
	position: absolute;
	z-index: 20;
}

.rating_holder li.curr {
	background: url(http://static.soyhincha.com/img/stars.gif) left 25px;
}

.rating_holder div.user {
	float: left;
	position: relative;
	top: 1px;
	left: 8px;
	font-size: 11px;
	color: #888;
}

/* ********** Detail page ********** */
/* two-column tag list for detail view/landing pages */
.detailPage .content.tagList ul {
	overflow: auto;
	height: 1%;
}

.detailPage .content.tagList li {
	float: left;
	width: 48%;
	padding-left: 4px;
}


/* ********** Generic Detail View ********** */
#detailViewArea {
	clear: both;
	overflow: auto;
	height: 1%;
	position: relative;
}

#detailViewArea a {
	color: #fff;
}

#detailViewArea a:hover {
	color: #5dccff;
}

#detailViewArea .advertisement {
	float: left;
	border: solid 1px 354248;
	margin-left: 10px;
}

/* info, description with photo/video detail */
ul.mediaInfo {
	overflow: auto;
	height: 1%;
	padding: 10px;
	clear: both;
}

ul.mediaInfo h4 {
	font-size: 150%;
	margin-bottom: 2px;
}

.mediaInfo .description h5 {
	font-size: 125%;
	color: #5dccff;
	margin-bottom: 2px;
}

.mediaInfo a {
	color: #fff;
}

.mediaInfo a:hover {
	color: #5dccff;
}

#topContent .detailViewInfo {
	width: 470px;
	min-height: 388px; /* probably need a set height - change to height to line up... */
	_height: 388px;
	border: solid 1px #0c2b4a;
	float: right;
	position: relative;
}

#detailViewArea ul.mediaInfo li.meta,
#detailViewArea ul.mediaInfo li.description {
	margin-bottom: 15px;
}

#detailViewArea .mediaInfo .owner a {
	color: #FFC923;
}

#detailViewArea .detailViewInfo ul.actions {
	margin-left: 10px;
	position: absolute;
	bottom: 5px;
}

#detailViewArea .detailViewInfo ul.actions li.actions.icon li {
	float: left;
}


/* **********  Video detail page  ********** */
#primetimePage #videoPlayerArea .advertisement,
#mediaDetailPage #videoPlayerArea .advertisement {
	float: none;
	border: none;
	margin-left: 0;
	height: 300px;
}

#primetimePage #detailViewArea,
#mediaDetailPage #detailViewArea {
	margin-top: 1px;
}

#primetimePage #videoPlayerArea,
#mediaDetailPage #videoPlayerArea {
	float: left;
	margin: 0 10px 0 0;
	border: solid 1px #0c2b4a;
	width: 468px;
	height: 390px;
	position: relative;
	background: url(http://static.soyhincha.com/img/bg_videoPlayer.png) repeat 50% 50%;
}

#mediaDetailPage #videoPlayerArea {
	margin: 0 0 10px 0;
	width: 464px;
	height: 386px;
}

#mediaDetailPage #videoPlayerArea #player,
#primetimePage #videoPlayerArea #player {
	position: absolute;
	top: 0;
	left: 0;
}

#primetimePage #videoPlayerArea ul.actions,
#mediaDetailPage #videoPlayerArea ul.actions {
	margin: 0 auto;
	width: 92px;
}

#primetimePage #topContent #detailViewArea .rightColumn,
#mediaDetailPage #topContent #detailViewArea .rightColumn {
	float: right;
}

#primetimePage #topContent #detailViewArea .detailViewInfo,
#mediaDetailPage #topContent #detailViewArea .detailViewInfo {
	min-height: 1px;
	height: 317px;
	float: none;
}

#primetimePage #detailViewArea .detailViewInfo .mediaInfo,
#mediaDetailPage #detailViewArea .detailViewInfo .mediaInfo {
	height: auto;
}

#primetimePage  #detailViewArea .detailViewInfo .mediaInfo li.meta,
#mediaDetailPage  #detailViewArea .detailViewInfo .mediaInfo li.meta {
	margin-bottom: 16px;
}


/* ********** Photo Detail page ********** */
#photoViewer {
	border: solid 1px #0c2b4a;
}

#photoViewer #detailView {
	border-bottom: solid 1px #0c2b4a;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#topContent #photoViewer #detailView {
	width: 464px;
	height: 351px;
}

#photoViewer #detailView img {
	display: none;
}

#topContent #photoViewer .toolBar {
	position: relative;
	margin-top: 10px;
	width: 464px;
}


/* ********** User summary box ********** */
ul.userSummary {
	border-bottom: solid 1px #0c2b4a;
	background: #202020;
	padding: 6px 10px 6px 6px;
	overflow: auto;
}

#topContent ul.userSummary {
	_width: 450px;
}

ul.userSummary li.thumb,
ul.userSummary li.info {
	float: left;
}

ul.userSummary li.thumb {
	margin-right: 10px;
}

ul.userSummary li.thumb a img {
	border: solid 1px #151515;
}

ul.userSummary li.thumb a:hover img {
	border-color: #fff;
}

.userSummary h4 {
	font-size: 125%;
	color: #5dccff;
}

.userSummary .info li {
	margin-bottom: 4px;
}

#mediaDetailPage .detailViewInfo ul.userSummary {
	background-color: #022336;
	height: 1%;
}

#mediaDetailPage .detailViewInfo ul.userSummary h4 {
	color: #fff;
	font-size: 115%;
}


/* -------------------- Comments -------------------- */
/* HJG - 08.15.08 - Merged this with forums.css, these classes control all comment and forum content, there are some exceptions in profile.css */
#comments {
	clear: both;
}

#comment_placeholder {
	clear: both;
	/* HJG: moved from forum.css 08.14.08 */
	*height: 1%;
	position: relative;
/*	padding: 0; */
}

#comment_placeholder .threadedComment {
	padding-left: 30px;
	clear: both;
	overflow: auto;
	*height: 1%;
	background: url(http://static.soyhincha.com/img/forumArrow_2.gif) no-repeat 5px 20px;
}

#comments .section {
	background: #000;
}

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

#comments div.header {
	border-bottom: none;
}

#comments .commentThumb {
	float: left;
}

#comments a img {
	border: solid 1px #0c2b4a;
}

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

#comments p.instructions {
	padding: 10px;
	margin-bottom: 0;
}

#comments p.instructions a:hover {
	color: #fff;
}

#comments .comment h4 {
	font-size: 110%;
	*display: inline;
}

#comments .timestamp {
	color: #ABCCDA;
	float: right;
}

#comments blockquote {
	clear: both;
	background: url(http://static.soyhincha.com/img/bg_comments3.gif) no-repeat 0 0;
}

#comments .comment blockquote .inner {
	background-color: #081928;
	margin-left: 10px;
	border: solid 1px #2a2a2a;
	border-left: none;
	*height: 1%;
	 _height: 24px;
}

#comments blockquote p {
	padding: 5px 8px 6px 8px;
	min-height: 15px;
	overflow: hidden;
	*text-overflow: ellipsis;
	_width: 97%; /* need a width to trigger ellipsis in ie6... */
	line-height: 130%;
}

#comments p#noComments {
	margin: 10px;
}

#comments a.more_comments {
	padding: 0 10px;
	display: block;
	text-align: right;
	color: #ABCCDA;
}

#comments a.more_comments:hover {
	color: #fff;
}

#commentField {
	margin-bottom: 6px;
}

#comments .reply {
	clear: both;
}

#comments .replyTo {
	padding: 10px 0 10px 10px;
	position: relative;
	float: left;
}

/* HJG - 08.14.08 - moved CSS from forum.css */
/* All these classes control comments, threaded comments, forum threads and forum threaded comments */

/* Expanded comment form for 'reply to this' */
#commentExp {
	background-color: #081928;
	padding: 5px 10px 5px 10px;
}

#commentExp h4 {
/*	font-size: 120%; */
	clear: both;
}

#commentExp p.commentSize {
	width: 97%;
}

#commentExp textarea {
	width: 98%;
}

#commentExp .replyLoader {
	float: left;
	padding-left: 5px;
	display: none;
	width: 16px;
	height: 16px;
	text-indent: -5000em;
	background: url(http://static.soyhincha.com/img/forumAjax_loaderBlue.gif) no-repeat;
	margin: 4px 0 0 10px;
}

#commentExp .submit input.ajaxButton {
	float: left;
}

#comment_placeholder .typeComment,
#comment_placeholder .typeReply {
	margin: 0 0 6px;
	padding: 10px;
	position: relative;
	/* overflow: auto; */ /* now breaking rankings comments... DA 06/24/2008 */
	*height: 1%;
}

#comment_placeholder .commentHeader {
	background-color: #FFF;
	color: #000;
	padding: 4px;
	overflow: auto;
	margin-bottom: 5px;
	height: 17px;
}

#comment_placeholder .typeComment .commentArea,
#comment_placeholder .typeReply .commentArea {
	 width: 84%;
	 margin: 0;
	 float: right;
}

#comment_placeholder .typeReply {
	border: none;
	overflow: hidden; /* HJG new 06.24.08 - added this for Firefox */
}

#comment_placeholder .typeComment {
	border-top: solid 1px #2c2c2c; /* Seperation line for comment and all replies underneath it */
	border-right: none;
	border-left: none;
	border-bottom: none;
	overflow: hidden; /* HJG new 06.24.08 - added this for Firefox */
}

#comment_placeholder .commentAuthor {
	float: left;
}

#comment_placeholder .commentAuthor a {
	color: #000;
	font-size: 110%;
	font-weight: bold;
}

#comment_placeholder .commentReplies, .commentRepliesHide {
	font-weight: bold;
	margin: 5px 0 0 10px;
	padding: 5px 0 5px 20px;
	position: relative;
	float: left;
	display: block;
}

#comment_placeholder .commentReplies, .commentRepliesHide {
	background: url(http://static.soyhincha.com/img/btn_forum.gif) no-repeat 2px -96px;
}

#comment_placeholder .commentRepliesHide {
	background: #9ec1d1 url(http://static.soyhincha.com/img/btn_forum.gif) no-repeat 2px 4px;
}

#comment_placeholder .commentReplies a {
	color: #fff;
}

#comment_placeholder .commentRepliesHide a {
	color: #000;
	text-decoration: underline;
}

/*

.comment p.edit {
	float: right;
	position: relative;
	top: -2.4em;
	right: .3em;
}

.comment p.edit a:hover {
	color: #000;
}

*/

/*
#comments .comment {
	margin: 0 0 6px;
	padding: 10px;
	position: relative;
	 overflow: auto; now breaking rankings comments... DA 06/24/2008
	border: solid 1px #2c2c2c;
}
*/

/* #comments .commentArea {
	float: left;
	margin-left: 2px;
	width: 546px;
}
*/

/* -------------     Agree - Disagree voting for comments and forums  -------------     */
/*  HJG - moved from forum.css 08.14.08 */
#comments ul.voting {
	float: right;
	display: inline;
}

#comments ul.voting .commentLoader {
	background: url(http://static.soyhincha.com/img/forumAjax_loader.gif) no-repeat;
	overflow: hidden;
	display: none;
	width: 16px;
	height: 16px;
	text-indent: -5000em;
	float: left;
	padding-right: 5px;
}

#comments ul.voting .choice {
	overflow: hidden;
	display: inline;
	float: left;
}

#comments ul.voting .choice a {
	text-indent:-5000em;
	height: 16px;
	display: block;
	width: 19px;
}

/* span.icon.agree, */ /* faq page */ /* NOTE - currently duplicated in footer_pages.css - to clean up once forums.css is merged w style.css. DA 06/23/2008 */
#comments ul.voting .choice a.agree {
	background: url(http://static.soyhincha.com/img/forums_agree.gif) no-repeat 50% 50%;
}

/* span.icon.disagree, *//* faq page */ /* NOTE - currently duplicated in footer_pages.css - to clean up once forums.css is merged w style.css. DA 06/23/2008 */
#comments ul.voting .choice a.disagree {
	background: url(http://static.soyhincha.com/img/forums_disagree.gif) no-repeat 50% 50%;
}

#comments ul.voting .agreeCount {
	color: #3a8636;
	font-weight: bold;
	float: left;
	padding-right: 5px;
}

#comments ul.voting .disagreeCount {
	color: #931f10;
	font-weight: bold;
	float: left;
}
/* end voting */


/* *************** Announcement **************** */
#announcements .section {
	background: #0c0c0c;
}

div#announcements .section .content  {
	background: transparent;
	padding-bottom: 0;
}

div#announcements p.noAnnouncement {
	margin: 10px 0;
}

.announcement {
	margin: 0 0 10px;
	border: solid 1px #0c2b4a;
	padding: 10px;
	position: relative;
	overflow: auto;
	height: 1%;
}

.announcement li.icon {
	float: left;
	margin-right: 10px;
	width: 60px;
}

.announcement li.content {
	border: none;
	padding: 0;
	clear: none;
}

.announcement h4 {
	font-size: 120%;
	margin-bottom: 3px;
}

.announcement .timestamp {
	margin-bottom: 8px;
}

/* itemFooter */
.thumbGallery li.itemFooter {
	border-top: solid 1px #242A2D;
	padding-top: 4px;
	position: absolute;
	bottom: 2.2em;
	width: 92%;
	_width: 100%;
}

.thumbGallery.small li.itemFooter {
	bottom: .3em;
}

.thumbGallery.small li.itemFooter .info {
	color: #ABCCDA;
}


.thumbGallery li.actions li.button { /* not used anymore? */
	margin-right: 10px;
	width: auto;
}

li.actions li {
	float: left;
	width: 50%;
}

li.actions a {
	color: #5dccff;
	cursor: pointer;
}

.thumbGallery.small li.actions {
	bottom: .3em;
	width: 92%;
	_width: 100%;
}

.thumbGallery.small li.actions li.button {
	margin-right: 2px;
}

/* set for my groups: 4 small thumbs will change with 5, or 4 large, etc... */
.thumbGallery.small li.actions li.button a {
	width: 5.6em;
}

/* friend thumb in My Friends: tiny but 4 action icons */
.gallery.small ul.thumbGallery.tiny li.item.friend {
	height: 12em;
	_height: 13em;
}


/* -------------------- Buttons -------------------- */
/* redo as a.button ... *//* should make this obsolete - confusing */
.button a {
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 2px 3px;
	border: solid 1px #262626;
	background: url(http://static.soyhincha.com/img/btn_black.jpg) no-repeat 50% 50%;
	width: 5.6em;
	height: 16px;
}

li.button a:hover {
	color: #5dccff;
}

ul.profile li.actions {
	position: static;
	border: none;
	padding: 0;
	margin: 0;
	width: 92%;
	overflow: auto;
	height: 1%;
}

/* profile edit page only */
.profile .toolArea li.actions li.button {
	float: left;
	width: auto;
	margin: 0 0 6px 0;
}

/* profile edit page only */
/* rankings pages vote button */
ul.vote.actions li a.button.submit,
form#rateAthleteForm p.submit input.button,
.profile .toolArea li a.button,
.profilePage .header .widgets a.button {
	display: block;
	text-decoration: none;
	font-weight: bold;
	border: solid 1px #262626;
	color: #5dccff;
	width: auto;
	text-align: center;
	padding: 2px 3px;
	background: #000 url(http://static.soyhincha.com/img/btn_black.jpg) no-repeat 50% 50%;
}

.profilePage .header .widgets span {
	display: block;
	margin-top: 2px;
}

.profile li.count {
	position: static;
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
	border-top: solid 1px #373B3A;
	padding-top: 4px;
}


/* ********** again - submit / edit buttons .... ********* */
/* these would be generic action buttons in all edit forms */
/* new way, and back to silver/black. reimplement everywhere */

/* test what happens - believe this is not needed anymore ... DA 8/1/2008 */
/*
p.submitArea input,
p.submit input,
span.submit input,
p.submit button {
	cursor: pointer;
	text-align: center;
	border: 1px solid #5D5D5D;
	font-weight: bold;
	padding: 2px 6px;
	width: 5.3em;
	text-transform: lowercase;
}

a.button.submit,
input.submit,
button.submit {
	background: #D7D7D7 url(http://static.soyhincha.com/img/btn_action.png) 50% 50% repeat;
	color: #000;
}
*/
/* see if these guys are still used... */
/*
a.button.cancel,
a.button.delete,
input.cancel,
button.cancel {
	background: #202020 url(http://static.soyhincha.com/img/btn_cancel.png) 50% 50% repeat;
	color: #fff;
}

input.delete,
button.delete {
	background: #B00000 url(http://static.soyhincha.com/img/btn_delete.png) 50% 50% repeat;
	color: #fff;
	width: 5.3em;
}
*/
/* DA 8/1/2008 */
/*
input.deactivate {
	background: #EB0000 url(http://static.soyhincha.com/img/btn_deactivate.png) 50% 50% repeat-x;
	color: #fff;
	width: auto;
}
*/
.instructions,
.instructions a {
	color: #ABCCDA;
}


/* *************** Grey buttons - Throwdowns **************** */ /* is this really used for throwdowns???? or only messages ? */
input.btn.grey, /* not using on buttons - 08/08/2008 - DA */
a.btn.grey {
	color: #eee;
	border: none;
	float: none;
	text-decoration: none;
	padding: 0;
	text-transform: uppercase;
	display: inline-block; /* safari */
	display: -moz-inline-box; /* ffx */
	*display: inline-block; /* for ie6/7. otherwise moz confuses ie... */
	cursor: pointer;
	line-height: 2em;
	_width: 1%; /* HJG 08.20.08 - Had to add this in to fix Throwdown buttons in IE6, NOTE: Daniel this broke on the last commit you did before you left, maybe there is a better way to do this? */
}

input.btn.grey:hover,
a.btn.grey:hover {
	color: #ABCCDA;
}

.submit input {
	display: block;
	padding-right: 10px;
	background: url(http://static.soyhincha.com/img/btn_flashStyle_right.gif) 100% 0% no-repeat;
}

input.btn.grey span strong,
a.btn.grey span strong {
	background: transparent url(http://static.soyhincha.com/img/btn_flashStyle_left.gif) 0 50% no-repeat;
	padding-left: 10px;
	height: 24px;
	display: block;
	white-space: nowrap;
}

a.shareIcons {
	border: none;
	float: none;
	padding: 0;
	display: inline-block; /* safari */
	display: -moz-inline-box; /* ffx */
	*display: inline-block; /* back again - for ie6/7. otherwise moz confuses ie... */
	_width:20px;
	cursor: pointer;
	cursor: hand;
	line-height: 2em;
}

a.shareIcons span {
	text-indent: -5000em;
	height: 24px;
	width: 24px;
	display: block;
	overflow: hidden;
}

a.shareIcons.fb span {
	background: url(http://static.soyhincha.com/img/btn_share_facebook.gif) top no-repeat;
}

a.shareIcons.ms span {
	background: url(http://static.soyhincha.com/img/btn_share_myspace.gif) top no-repeat;
}



/* *************** Groups Detail **************** */
#groupDetail #detailViewArea {
	margin: 18px 0 10px;
}

#thumbDetailView {
	float: left;
	margin-right: 10px;
	border: solid 1px #0c2b4a;
	width: 196px;
	height: 190px;
}

#topContent #thumbDetailView {
	width: 226px;
	height: 250px;
	background: #000;
}

#thumbDetailView #detailView {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 250px; /* ? */
}

#groupDetail.edit #thumbDetailView #detailView {
	height: 190px;
}

#thumbDetailView #detailView img {
	/*display: none;*/
}

#thumbDetailView a {
	*cursor: pointer;
}

/* school page. Detail view NOT in top area -
but allow 300 px ad on the right side */
/* redo this w a school class instead. shouldnt override everything else... DA */
#groupDetail .detailPage #detailViewArea .detailViewInfo {
	width: 422px;
}

/* photo and video edit pages */
#mediaEditPage #thumbDetailView #detailView {
	height: 190px;
}

#groupDetail #detailViewArea .detailViewInfo,
#mediaEditPage #detailViewArea .detailViewInfo {
	float: left;
	width: 570px;
	min-height: 190px;
	_height: 190px;
	border: solid 1px #0c2b4a;
}

#groupDetail #topContent #detailViewArea .detailViewInfo {
	float: left;
	width: 400px;
	min-height: 250px;
	_height: 250px;
	margin-bottom: 0;
	background: #000;
}

#mediaEditPage ul.mediaInfo li.meta ul,
#groupDetail ul.mediaInfo li.meta ul {
	*width: 100%;
	_width: 99%; /* else can set the padding-top = 0 on the container */
}

#inviteFormBox {
	padding: 10px;
}

#inviteFormBox form {
	margin-bottom: 4px;
}

#inviteFormBox p {
	color: #ABCCDA;
}


/* ********** Group edit page ************ */
div#editGroup {
	background: #202020;
}

div#editGroup fieldset p.item,
div#editGroup fieldset ul.item {
	clear: left;
}

#editGroup fieldset {
	background: #000;
	padding: 10px;
	margin: 10px 4px;
	border: solid 1px #0c2b4a;
}

#editGroup label {
	display: block;
}

#editGroup label.inline {
	display: inline;
}

#editGroup ul.radioButtons li {
	width: 20%;
	*width: 19%;
	_width: 20%;
}

#editGroup p.submit {
	text-align: right;
}


/* set group  of radio buttons or checkboxes, and control spacing in "columns" */
ul.radioButtons {
	clear: left;
	margin-left: -5px;
	overflow: auto; /* added for Safari mac 08/28 - filter it if issue  */
}

ul.radioButtons li {
	width: 25%;
	float: left;
}

ul.radioButtons label {
	display: inline;
	clear: left;
}



/* ********* Profile Page components ********** */
/* HJG 07.07.08 - these components are onl used by ranking detail page now - move to Rankings, only used in Old Profile ? */
ul.profile { /* also in Rankings detail page */
	margin-bottom: -12px;
}

ul.profile li {
	margin-bottom: 10px;
	*height: 1%;  /* try this as generic ie6/7 css reset  */
}

ul.profile a {
	color: #FFC923;
}

ul.profile li.thumb img {
	border: solid 1px #0c2b4a;
	margin: 0 auto;
}
 /* not used anymore? 04/21/2008 DA */
 /*
ul.profile li.thumb a:hover img {
	border-color: #fff;
}
*/
ul.profile .meta dt {
	clear: left;
	float: left;
	margin-right: 2px;
	font-weight: bold;
}

ul.profile .meta dd {
	margin-bottom: 1px;
}

#leftSidebar div.content.messageCenter {
	padding: 5px;
}

#leftSidebar .header .widgets span {
	*font-size: 80%;
}

.profilePage #leftSidebar .section .content dl {
	overflow: hidden;
}

/* ********** games - used by Rankings and Featured Battler leaderboard, leaving it global  ********** */
.gamesTable { /* not used anymore in profile. But used in Rankings detail page */
	clear: both;
	color: #ABCCDA;
	width: 100%;
}

.gamesTable a {
	color: #fff;
}

.gamesTable a.enter {
	color: #5dccff;
}

.gamesTable tr.alt, /* phase out even/odd - instead only use 'alt' */
.gamesTable tr.even {
	background: #0c0c0c;
}

.gamesTable tr {
	background: #202020;
}

.gamesTable th,
.gamesTable td {
	padding: 3px 10px 2px 5px;
}


/* ************ Tooltips ************ */
a.tooltip {
	cursor: pointer;
}

div.tooltip-text {
	position: absolute;
	bottom: -7px;
	left: -24px;
	background: url(http://static.soyhincha.com/img/tooltip-right.png) 100% 100% no-repeat;
	padding: 0 2px 0 0;
	color: #333;
	cursor: default;
}

div.tooltip-text span.inner {
	display: block;
	background: url(http://static.soyhincha.com/img/tooltip-left.png) 0 100% no-repeat;
	padding: 2px 4px 11px 4px;
	min-width: 150px;
	_width: 150px;
	text-align: left;
}

div.tooltip-text span.inner span.pair {
	display: block;
	white-space: nowrap;
}


/* ********** My Top 10 Friends page ********** */
ul#top10friends {
	height: 9.5em;
	overflow: hidden;
	margin: 0 0 10px 15px;
}

ul#top10friends li.top10friend {
	float: left;
	width: 80px;
	padding-top: 6px;
	*padding-top: 10px;
	margin: 10px 15px 0 0;
	background-color: #360000;
}

ul#top10friends li.top10friend a {
	display: block;
	background-color: #500;
}

ul#top10friends li.top10friend a:hover {
	color: #fff;
}

ul#top10friends li.top10friend img {
	margin: 5px auto;
	padding-top: 10px;
}

ul#top10friends li.top10friend span {
	clear: both;
	display: block;
	padding: 0 0 10px 10px;
	white-space: nowrap;
	overflow: hidden;
}

ul#top10friends li.top10friend a span {
	text-decoration: underline;
	font-weight: bold;
	cursor: hand;
	_cursor: pointer;
}

ul#top10friends li.top10friend.empty {
	visibility: hidden;
	width: auto;
	height: 1%;
}

#mainArea.profilePage.edit .section {
	margin: 0;
	border: 0;
}

#mainArea.profilePage.edit .section .content {
	margin: 0;
	border: 0;
	background-color: #354248;
}

#mainArea.profilePage.edit .sectionUtilities {
	height: 1%;
	background: #212A2E url(http://static.soyhincha.com/img/border_horiz_greyBlack.gif) repeat-x top;
}

#mainArea.profilePage.edit .sectionUtilities ul.scroller {
	float: right;
}

#mainArea.profilePage.edit .sortFilterArea {
	background-color: #212A2E;
	font-weight: bold;
}

.content.gallery.small ul.thumbGallery.editFriends li.item ul {
	margin-top: 10px;
	background-color: #212A2E;
	*background-color: #242b31; /* Slightly different shade for IE6, wasnt showing enough */
	margin-bottom: 10px;
}

.content.gallery.small ul.thumbGallery.editFriends li.thumb {
	padding-top: 9px;
	margin: 2px auto;
}

.content.gallery.small ul.thumbGallery.editFriends li.thumb a img {
	border: none;
}

.content.gallery.small ul.thumbGallery.editFriends li.thumb a:hover img {
	border: none;
}

.content.gallery.small ul.thumbGallery.editFriends li.title {
	display: block;
	height: 20px;
	padding: 2px 10px;
}

.content.gallery.small ul.thumbGallery.editFriends li.title a:hover {
	color: #fff;
}

.content.gallery.small ul.thumbGallery.editFriends li.item {
	margin-right: 15px;
	padding: 0;
	width: 80px;
	height: 8.4em;
	background-color: #13181b;
}

/* ************ Home ************ */
#homePage #mainArea div.header {
	padding:5px 10px 4px; /* to match marquee header - move to all headers? 01/31/2008 DA */
}

#homePage h1.pageHeader,
#homePage h2.pageHeader {
	margin: 15px 18px 5px;
}

#homePage #featuredMedia .section {
	width: 290px;
}

#homePage #featuredMedia #featuredPhotos {
	float: left;
}

#homePage #featuredMedia #featuredVideos {
	float: right;
}

#homePage #featuredMedia .content.gallery {
	padding: 0;
	margin: 0;
	border: none;
	background: #000;
}

#homePage #featuredMedia .thumbGallery {
	padding: 0;
	margin: 0;
}

#homePage #featuredMedia .thumbGallery li.item {
	margin: 0;
	background: #202020;
}
/*
#homePage .gallery.small ul.thumbGallery {
	margin: 10px 0 10px 22px;
}
*/
#homePage .section.slidable .gallery.icons {
	height: 69px;
}

/* SAFARI 2 Mac  */
/*
html[xmlns*=""] body#homePage:last-child .content.gallery.icons {
	width: auto;
}
*/

#homePage .gallery.icons ul.thumbGallery li.item {
	width: 102px;
	height: 77px;
	padding: 0;
	margin-bottom: 10px; /* to avoid 2nd row from showing before slider loads */
}

#homePage #rightSidebar #singleMediaThumb .content {
	padding: 0;
}

#homePage #singleMediaThumb ul.bigMediaVideo  {
	*display: inline-block;
}

#homePage #singleMediaThumb ul.bigMediaVideo li.thumb {
	padding: 0; /* fix ie6 - 05/08/2008 - DA*/
}

#homePage #singleMediaThumb ul.bigMediaVideo li.thumb a {
	display: block;
	width: 298px;
	height: 198px;
	margin: 0 auto;
	border: solid 1px #151515;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#homePage #singleMediaThumb ul.bigMediaVideo li.thumb a:hover  {
	border: solid 1px #fff;
}

#homePage #singleMediaThumb ul.bigMediaVideo li.thumb img {
	visibility: hidden;
}

#homePage #singleMediaThumb ul.bigMediaVideo li.thumb a img,
#homePage #singleMediaThumb ul.bigMediaVideo li.thumb a:hover img {
	border: none;
}

#homePage #singleMediaThumb ul.bigMediaVideo li.thumb a span {
	display: block;
	background: url(http://static.soyhincha.com/img/btn_playVideo_300x200.png) no-repeat 50% 50%;
}

#homePage #rightSidebar .advertisement {
	margin-bottom: 10px;
}

#loginForm {
	display: none;
}


/* ********** Registration Form ********** */
/*  generic - used on registration page and login page */
.joinForm form,
div.inviteForm form {
	background: #202020;
	border: solid 1px #0C2B4A;
	padding: 19px 0 10px 8px;
	*height: 1%;
}

.joinForm p {
	margin-bottom: 12px;
}
			
.joinForm p.inline,
.joinForm p.name,
.joinForm p.pwd {
	width: 95%;
}

.joinForm p.email {
	width: 95%;
	float: none;
}

.joinForm p.team {
	width: 95%;
	float: none;
}

.joinForm p.userGender {
	width: 190px;
	float: left;
	margin-right: 10px;
	_width: 85px;
}

.joinForm p.userGender select {
	*margin-bottom: 10px;
}

.joinForm p.userType {
	float: left;
	margin-right: 10px;
	width: 180px;
}

.settingsForm label,
.joinForm label {
	display: block;
	font-size: 120%;
	margin-bottom: 3px;
}

p.agree {
	clear: both;
}

.joinForm .agree label {
	display: inline;
	font-weight: normal;
	font-size: 100%;
	color: #fff;
}

.joinForm input.text {
	width: 100%;
}

.joinForm p.submit, /* assuming this was for p or span - not for button --- clearing up conflicts... */
div.inviteForm p.submit {
	overflow: auto;
	height: 1%;
	margin-bottom: 0;
}

.joinForm .submit input {
	float: right;
}

#homePage #registration_form .formWrapper {
	border: 0;
	background: transparent;
	padding: 0;
	margin-bottom: 0;
}

span.agreementCopy {
	font-size: 90%;
	display: block;
	padding: 3px;
	line-height: 1.1em;
}

#homePage span.agreementCopy {
	color: #0C2844;
}

/* on home page, hide part of the form */
div.joinForm.slide #formPart2 {
	display: none;
}

#homePage div.joinForm #formPart2 {
	display: none;
}

#homePage .joinForm p.submit {
	padding-right: 6px;
	*padding-right: 10px;
	margin-right: 0;
	margin-bottom: 0;
}

#homePage .joinForm .submit input {
	float: right;
	background: url(http://static.soyhincha.com/img/btn_join.gif) no-repeat 50% 50%;
	border: none;
	height: 1.7em;
	width: 6.5em;
	color: #fff;
	padding-bottom:3px;
	*padding-bottom:0;
}

.joinForm #captcha_placeholder p.inline {
	width: 150px;
	float: left;
	margin-right: 10px;
}

#registrationPage .joinForm #captcha_placeholder p.inline {
	width: 139px; /* NEW */
	_width: 130px;
}

/* #registrationPage .joinForm .submit { - was. check */
#registrationPage #joinForm .submit {
	margin-right: 5px;
}

#registrationPage #captcha_placeholder {
	background: #000;
	margin-bottom: 10px;
	*margin: 0 0 10px;
	*clear: both;
	*padding: 0;
	*height: 1%;
	display: none;
}

#captcha_placeholder .errorMessage {
	padding: 5px;
}

#homePage .joinForm #captcha_placeholder p.inline.captchaPic {
	_margin-right: 6px;
}

.joinForm .rememberMe label,
.joinForm #captcha_placeholder label {
	color: #fff;
	font-weight: normal;
	font-size: 92%;
}

.joinForm #captcha_placeholder img {
	margin-top: 15px;
}

/* registration and login pages */
div#joinForm .registrationContent {
	padding: 0;
	background: #202020;
}

div#joinForm form {
	float: left;
	width: 302px;
}

#loginForm2 input.text {
	width: 95%;
}

#loginForm2 .errorMessage {
	margin: 6px 10px;
}

#registrationPage #loginForm2 p.submit span.buttonWrapper {
	float: right;
}




/* fix ie6 v2 overrides */
#registrationPage .section.joinForm div.header h3 {
	margin: 0;
	font-size: 135%;
}

#registrationPage .section.joinForm form {
	padding: 10px;
	border: none;
}

#registrationPage img.teaserRegistration {
	padding-top: 13px;
}

/* New interstitial confirmation page. 07/21/2008 DA */
div#mainArea.regConfirm #mainContent {
	width: 640px;
}

div#mainArea.regConfirm #rightSidebar {
	width: 302px;
}

#mainArea.regConfirm .regConfirmImg {
	width: 632px;
	height: 302px;
	position: relative;
	background: url(http://static.soyhincha.com/img/register/bg_interstitial.jpg) no-repeat;
}

#mainArea.regConfirm a#confirmLink1,
#mainArea.regConfirm a#confirmLink2,
#mainArea.regConfirm a#confirmLink3 {
	display: block;
	position: absolute;
}

#mainArea.regConfirm a#confirmLink1 {
	top: 20px ;
	left: 20px;
	width: 600px;
	height: 30px;
}

#mainArea.regConfirm a#confirmLink2 {
	top: 130px ;
	left: 72px;
	width: 160px;
	height: 40px;
}

#mainArea.regConfirm a#confirmLink3 {
	top: 70px ;
	left: 360px;
	width: 230px;
	height: 132px;
}

#mainArea.regConfirm p#goToProfile {
	position: absolute;
	bottom: 94px;
	left: 76px;
}

/* registration form on homepage, landing pages */
#homePage .joinForm form,
#affil_login.joinForm form {
	 background: #0C2B4A;
	border: none;
}

#homePage .joinForm p,
#affil_login.joinForm p {
	margin-bottom: 9px;
}

#homePage .joinForm p.inline,
#homePage .joinForm p.pwd {
	width: 135px;
	_width: 128px;
	float: left;
	margin-right: 10px;
}

#homePage .joinForm p.name.last,
#homePage .joinForm p.pwd.last {
	margin-right: 0;
}

#homePage .joinForm p.email.
#homePage .joinForm p.name {
	width: 280px;
	_width: 272px;
}

#homePage .joinForm p.userGender {
	width: 80px;
}

#homePage .joinForm p.userType {
	width: 180px;
}

#homePage .joinForm label {
	color: #FFFFFF;
	margin-bottom: 2px;
}

#homePage .joinForm select,
#homePage .joinForm input {
	*font-size: 1em;
}



/* ********** forgot password on login/registration pages ********** */
#loginForm2 a#forgotPswd {
	font-weight: bold;
	color:  #5dccff;
}

#loginForm2 form p.forgetPswdHdr {
	margin-bottom: 3px;
	font-weight: bold;
}

#loginForm2 input.text.forgetPswd {
	width: 190px;
	margin-right: 10px;
}

#loginForm2 .forgotPswdConfirmation {
	font-weight: bold;
	margin: 10px 0;
}

#loginForm2 .formWrapper {
	*height: 1%;
}

#loginForm2 p.rememberMe {
	height: 1%;
	margin: 0;
}

#loginForm2 .rememberMe label {
	display: inline;
	margin-right: 15px;
}

#forgotPswd {
	font-size: 90%;
	overflow: hidden;
}

#forgotPswdArea {
	clear: both;
}

#forgotPswdArea #forgotPswdForm {
	padding: 0;
	*height: auto;
	background: #000;
	padding: 6px;
}


/* *********** Affiliate login form *********** */
#affil_login.joinForm p {
	text-align:right;
	margin-right: 10px;
}

#affil_login.joinForm label {
	color: #0C2844;
	display: inline;
	text-align: left;
}

#affil_login.joinForm input.text {
	display: inline;
	width: 150px;
}

#affil_login.joinForm p.submit input {
	margin-right: 0;
}

#affil_login.joinForm p.submit  {
	margin-right: 0;
	padding-right: 10px;
}

#affil_login.joinForm input#affil_id {
	width:195px;
}

table.affiliate {
	border-collapse: collapse;
	width: 50%;
	margin: 6px auto;
}

table.affiliate td,
table.affiliate th {
	border:solid 1px #666;
	padding: 6px
}


/* ********** Battle Page landing   ********** */
/*  moved to unusedStyles.css 04/21/2008 DA  */


/* ********** Battle Pages Top/Detail area ********** */
#mainArea.battlePage #topContent {
	margin-top: 18px;
}

.battlePage #detailViewArea  {
	*margin: 0;
}

.battlePage #detailViewArea #detailView {
	float: left;
	margin: 0;
	width: 640px;
}

.battlePage #detailViewArea #detailView img {
	border: solid 1px #0c2b4a;
}

.battlePage #moviePlayer {
	float: left;
	margin-left: 10px;
	width: 302px;
	height: 252px;
	*height: auto;
}

.battlePage #player {
	position: relative;
	margin: 0 1px;
	border: none;
}



/* **********  Generic Form components **********  */
/* undoing after pull - check again 05/01/2008 */
.formWrapper {
/*
	background: #000;
	border: solid 1px #0c2b4a;
	padding: 10px;
	margin-bottom: 10px;
*/
}

form label {
	color: #5dccff;
	font-weight: bold;
}

.section.form .content {
	border: none;
	background: #000;
}

.section.form .content fieldset {
	border: solid 1px #0c2b4a;
	padding: 10px;
	margin-bottom: 10px;
}

.section.form .content fieldset p.item,
.section.form .content fieldset ul.item {
	width: 590px;
}


/* ********** EditSetting Pages ********** */
/* based on group edit forms - revisit and combine... */
fieldset p.item,
ul.item {
	clear: left;
}

.settingsForm .formWrapper {
	background: #000;
	border: solid 1px #0c2b4a;
	padding: 10px;
	margin-bottom: 10px;
}

.settingsForm .formWrapper h4 {
	margin: 0;
}

.settingsForm fieldset {
	background: #000;
	padding: 10px 0;
	margin: 0 4px;
	border: none;
	clear: left;
}

.settingsForm .formWrapper fieldset h4 {
	margin: 0;
}

div.settingsForm fieldset p.item,
div.settingsForm fieldset ul.item {
	clear: left;
}

/*  registration and account settings */
p#schoolField {
	float: left;
	width: 23em;
	clear: none;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

p#schoolField.loading {
	background: url(http://static.soyhincha.com/img/reg_loader.gif) no-repeat 99% 44%; /* 78% NEW HJG 06.27.08 */
}

/* team autocompleter */
.profileSettingsForm p.loading {
	background: url(http://static.soyhincha.com/img/reg_loader.gif) no-repeat 100% 80%;
}

.settingsForm label.instructions {
	font-weight: normal;
	font-size: 100%;
	color: #fff;
	margin-left: 10px;
}

.settingsForm p.inline {
	width: 22em;
	float: left;
	margin-right: 5px;
}

.settingsForm p.submit {
	text-align: right;
	margin-top: 10px;
}

input.edit {
	background: url(http://static.soyhincha.com/img/btn_red.gif) no-repeat 50% 50%;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 6px 6px;
	*padding-bottom: 0;
}


/* ********** Messages ********** */
/*  moved to profile_messages.css  */


/* ********** Error Pages ********** */
/* ************** move to footer pages ************ */
#mainContent.errorPage div.content {
	text-align: center;
	margin: 30px 0 0 0;
	position: relative;
}

#mainContent.errorPage div.content img {
	display: inline;
	margin-top: 40px;
}

#mainContent.errorPage h3 {
	font-size: 160%;
	margin-bottom: 12px;
}

#mainContent.errorPage h4 {
	font-size: 160%;
	margin-bottom: 32px;
}

#mainContent.errorPage p {
	font-size: 150%;
	font-weight: bold;
}

#mainContent.errorPage div.content a {
	color: #5dccff;
}

/* new 404 page */
#error404 #mainContent.errorPage div.content {
	background: url(http://static.soyhincha.com/img/bg_404.jpg) no-repeat 50% 0;
	height: 600px;
}

#error404 #mainContent.errorPage p {
	font-size: 120%;
	font-weight: bold;
	margin-top: 80px;
}

#error404 #mainContent.errorPage a#link_404 {
	position: absolute;
	top: 0;
	left: 90px;
	width: 580px;
	height: 580px;
}

/* new 505 page */
#error505 #mainContent.errorPage {
	float: none;
	width: 100%;
	margin: 0;
}

#error505 #mainContent.errorPage div.content {
	background: url(http://static.soyhincha.com/img/bg_505.jpg) no-repeat 50% 0;
	height: 720px;
	position: relative;
}

#error505 #mainContent.errorPage a#link_505 {
	position: absolute;
	top: 0;
	left: 10px;
	width: 960px;
	height: 550px;
}


/* similar to battle style - apply everywhere? */
.section .introArea {
	clear: both;
	padding-top: 10px;
	margin: 0 10px 10px;
}

.section .introArea.alt {
	background: #0C0C0C;
	margin: 0;
 	padding: 10px;
}


/* $$$$$$$$$$$$$$ $$  stopped celeanup effort here DA $$$$$ */
/* $$$$$$$$$$$$$$ This has a lot of redundant stuff = needs to be retooled. too much code for nothing DA $$$$$$$$$$$$$$$$$$ */
.videoGallery .pageContainer,
.photoGallery .pageContainer,
.groupGallery .pageContainer {/* edit profile page */
	height: 130px;
	_height: 1%;
}

/* HJG 02.19.08: new Photo gallery layout  */
/* Photo Gallery (browse) layouts */
.PhotothumbGallery .item li.thumb a {
	*display: block;
}

.PhotothumbGallery .item li.thumb a img {
	border: solid 1px #0c2b4a;
	margin: 0 auto;
}

.PhotothumbGallery .item li.thumb a:hover img {
	border-color: #fff;
}

.photoCount { /* Is this used ? DA */
	background-color: #000;
	height: 1%;
	margin-bottom: 0;
	overflow: auto;
}

/* HJG | changing this class to featuredMediaBrowse, videos browse will have 2 featured items too */
.featuredMediaBrowse {
	position: relative;
	padding: 10px 15px 13px 15px;
	background-color: #022336;
	background: #000 url(http://static.soyhincha.com/img/border_horiz_greyBlack.gif) repeat-x scroll 0 100%;
}

.featuredMediaBrowse ul.thumbGallery {
 	margin: 0;
	padding: 0;
	*height: 1%;
	clear: both;
}

.featuredMediaBrowse .featured_container li {
 	float: left;
}

.featuredMediaBrowse ul.thumbGallery .details {
	padding: 5px 0 0 10px;
	width: 150px;
}

.featuredMediaBrowse ul.thumbGallery .details li {
 	float: none;
}

.featuredMediaBrowse ul.thumbGallery .details li li {
	margin-bottom: 4px;
}

.featuredMediaBrowse ul.thumbGallery li.item {
	float: left;
	background-color: #00192F;
	width: 350px;
	margin-right: 25px;
	margin-left: 0;
	padding: 10px 0px 0px 10px;
	height: 13.2em;
}

.featuredMediaBrowse ul.thumbGallery li.item.last {
	margin-right: 0;
}

.featuredMediaBrowse .featured_container li.description,
.featuredMediaBrowse .featured_container li.count,
.featuredMediaBrowse .featured_container li.uploaded,
.featuredMediaBrowse .featured_container li.category {
	margin-top: 3px;
	color: #FFF;
}

.featuredMediaBrowse .featured_container .details li strong {
	color: #B5D2DA;
}

.featuredMediaBrowse .featured_container li.title {
	font-size: 115%;
	font-weight: bold;
	*text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 5px;
}

.featuredMediaBrowse .featured_container li.thumb a {
	*display: block;
	width: 176px;
}

.featuredMediaBrowse .featured_container li.thumb a img {
	border: solid 1px #0c2b4a;
	margin: 0 auto;
}

.featuredMediaBrowse .featured_container li.thumb a:hover img {
	border-color: #fff;
}

/* Small browse layout */
/* should be .content.gallery instead - already defined. */
/* this redefines the content gallery - redundant. */
.section .content.galleryMedia {
	clear: both;
	position: relative;
	padding: 0;
	margin: 0;
	*height: 1%;
}

.section .content.galleryMedia:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.content.galleryMedia ul.thumbGallery {
	margin: 10px 0 20px 5px;
	*margin: 10px 0 10px 0;
	*height: 1%;
	clear: both;
	overflow: hidden;
}

.content.galleryMedia ul.thumbGallery li.item {
	float: left;
	background: #000;
	width: 110px;
	*width: 9.5em;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 14px;
	padding: 10px 9px 0 10px;
	/*height: 11em;*/
	overflow: hidden;
	position: relative;
}

.content.galleryMedia ul.thumbGallery  li.description {
	color: #B7DBEB;
}

.content.galleryMedia ul.thumbGallery li.count {
	color: #B7DBEB;
	font-size: 93%;
	*font-size: 89%;
}

.content.galleryMedia ul.thumbGallery li.added {
	font-size: 90%;
	color: #B7DBEB;
}

.content.galleryMedia ul.thumbGallery li.title {
	display: block;
	font-size: 111%;
	font-weight: bold;
	*text-overflow: ellipsis;
	overflow: hidden;
	margin: 5px 0 3px 0;
}

.content.galleryMedia ul.thumbGallery li.thumb a {
/* IE6 fixes - move */
	*display: block;
	_height: 1%;
}

.content.galleryMedia ul.thumbGallery li.thumb a img {
	border: solid 1px #0c2b4a;
	margin: 0 auto;
	padding-bottom: 0;
}

.content.galleryMedia ul.thumbGallery li.thumb a:hover img {
	border-color: #fff;
}

#midColumn ul.mediaInfo {
	padding: 5px 10px 0 10px;
}

#midColumn .detailViewInfo h3 {
	margin: 0;
}

#midColumn ul.mediaInfo li {
	margin-bottom: 8px;
}

#midColumn ul.mediaInfo li.meta {
	margin-bottom: 16px;
	margin-top: 0;
}

#midColumn ul.mediaInfo li.meta strong {
	color: #B5D2DA;
}

#midColumn ul.mediaInfo ul.sizes li {
	color: #ABCCDA;
}

#midColumn .mediaInfo .owner a {
	color: #fff;
}

#midColumn .mediaInfo .owner a:hover {
	color: #5dccff;
}

#midColumn .detailViewInfo ul.actions {
	margin-left: 10px;
	position: absolute;
}

#mediaDetailMainColumn #detailViewArea {
	margin: 0;
	padding: 0;
}

#mediaDetailMainColumn  #photoViewer {
    width: 464px;
	margin-bottom: 10px;
}

#mediaDetailMainColumn #photoViewer .header .counter {
	color: #ABCCDA;
	font-weight: bold;
	font-size: 110%;
}

#mediaDetailMainColumn #photoViewer div.header {
	border: none;
}

#mediaDetailMainColumn #photoViewer div.itemFooter {
	height: auto;
	min-height: 0;
	padding: 6px 0;
}

#mediaDetailMainColumn  #photoViewer #detailView {
	/*width: 464px;
	height: 351px;*/
}

#mediaDetailMainColumn  #photoViewer .toolBar {
	position: relative;
	margin: 0;
	padding: 10px 0;
	width: 464px;
	background: transparent url(http://static.soyhincha.com/img/border_horiz_blackGrey.gif) repeat-x scroll 0pt 100%;
}

#mediaDetailMainColumn #photoViewer .toolBar ul.scroller {
	margin-bottom: 0;
}

#mediaDetailMainColumn #photoViewer .itemFooter {
	clear: both;
	width: 464px;
	min-height: 30px;
	_height: 30px;
	height: 30px;
	position: relative;
	text-align: center;
	background: #000;
}

/* Photo & Video Detail Pages */
/* More Photos & Videos */
/* shouldnt redeclare everything here - similar to existing galleries? DA */
/* just another gallery with 2 items: left/right float, with a different background */
/* HJG | The collection_iterate_avatars include never used the thumbGallery, need to figure out the video/photo Browse&Detail pages */
.section.moreMedia {
	padding: 0;
	margin-bottom: 10px;
	background-color: #022336;
	text-align: center;
	margin: 0 auto 10px;
}

.section.moreMedia ul.more {
	*height: 1%;
	width: 259px;
	margin: 4px auto 10px;
	background: url(http://static.soyhincha.com/img/photo_collection_mid.gif) no-repeat 50% 20px;
}

.section.moreMedia ul.more.video {
	background: url(http://static.soyhincha.com/img/video_collection_mid.gif) no-repeat 50% 20px;
}

.section.moreMedia ul.more:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.section.moreMedia ul.more li {
	float: left;
	width: 100px;
	display: block;
}

.section.moreMedia ul.more li.last {
	float: right;
}

.section.moreMedia ul.more li.thumb a img {
	border: solid 1px #0c2b4a;
}

.section.moreMedia ul.more li.thumb a:hover img {
	border-color: #fff;
}

.sectionUtilities p {
	color: #ABCCDA;
}


/* more photo detail page classes to reorganize */
/* ********** "Related Photos" gallery - 60x50  ********** */
#relatedMedia_gallery {/* or: .gallery.photo_icon  - if we need to reuse */
	padding: 2px 0 6px;
}

#relatedMedia_gallery ul.thumbGallery {/* or: .gallery.photo_icon ul.thumbGallery.minimal - if we need to reuse */
	margin: 0;
	padding: 0 0 0 12px;
}

#relatedMedia_gallery li.item {/* or: .gallery.photo_icon ul.thumbGallery.minimal li.item - if we need to reuse */
	height: 52px;
	width: 62px;
	padding: 0;
	margin: 4px 10px 4px 0;
}


#relatedMedia .seeMore {
	text-align: center;
	padding: 8px;
	background: #022336 url(http://static.soyhincha.com/img/border_horiz_blackGrey.gif) repeat-x 0 0;
}

/* ********** scroller for Photo detail page ********** */
/* Merging scroller classes - this can be deleted when complete */
.media.detailPage ul.scroller {
	border: none;
	overflow: hidden;
}

.media.detailPage ul.scroller.nobrowse {
	 width: 172px;
}

.media.detailPage ul.scroller li {
	border: none;
}

.media.detailPage ul.scroller li.previous a span,
.media.detailPage ul.scroller li.next a span {
	height: 17px;
}

.media.detailPage ul.scroller li.mid a {
	width: 94px;
	background: url(http://static.soyhincha.com/img/scroller_default08.gif) repeat-x;
}

.media.detailPage ul.scroller li.mid a span {
 	line-height: 140%;
	color: #000;
	display: block;
	height: 17px;
	width: 94px;
}

.media.detailPage ul.scroller li.mid a:hover span {
	color: #fff;
}

.media.detailPage ul.scroller li.previous a {
	width: 83px;
	background-image: url(http://static.soyhincha.com/img/scroller_prev08.gif);
}

.media.detailPage ul.scroller li.next a {
	width: 83px;
	background-image: url(http://static.soyhincha.com/img/scroller_next08.gif);
}

.media.detailPage ul.scroller li.next span.none {
	background: url(http://static.soyhincha.com/img/scroller_nextNone08.gif);
}

.media.detailPage ul.scroller li.previous span.none {
	background: url(http://static.soyhincha.com/img/scroller_prevNone08.gif);
}

.media.detailPage ul.scroller li span.none  {
	width: 83px;
	height: 17px;
}

li.embedTag {
	*overflow: hidden;
	background: url(http://static.soyhincha.com/img/border_horiz_greyBlack.gif) repeat-x 0 0;
	padding-top: 10px;
}

.embedTag input.text {
	display: block;
	width: 98%;
	margin-top: 2px;
}

/* ********** Throwdown styles copied from battle_style.css  ********** */
/* Throwdown classes from battle_style.css for homepage inclusion... */
/* Step 1: copied from battle_style. May need overrides for home page.
if possible / desired? remove from battle css so no dubplicate declarations.
But this will split the battle css across 2 files...
Else - if throwdowns are used a lot, simply merge the entire file into style.css. but 30k... */
div.section.battleBox .header.big h3 {
	float: none;
	font-size: 1.4em;
	color: #FFC923;
	text-transform: uppercase;
	text-align: center;
}

div.section.battleBox .content {
	background: url(http://static.soyhincha.com/img/bg_stripes_diag.png) repeat 0 0;
	padding: 10px 4px 6px;
}

.battleBox ul.opponents {
	*height: 1%;
	width: 628px;
	margin: 0 auto;
	background: url(http://static.soyhincha.com/img/battle/bg_vs_big.png) no-repeat 50% 90px;
	_background-image: url(http://static.soyhincha.com/img/battle/bg_vs_big.gif);
}

.battleBox ul.opponents:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.battleBox ul.opponents li.competitor {
	width: 276px;
	float: left;
}

.battleBox ul.opponents li.competitor .header {
	background: url(http://static.soyhincha.com/img/hdrs/hdr_battle_bg.png) no-repeat 50% 50%;
	border: none;
	overflow: hidden;
}

.battleBox ul.opponents .challenger .header span {
	background-image: url(http://static.soyhincha.com/img/battle/hdr_battle_challenger.png);
}

.battleBox ul.opponents .rival .header span,
.battleBox ul.opponents .opponent .header span {
	background: url(http://static.soyhincha.com/img/battle/hdr_battle_rival.png) no-repeat 50% 50%;
}

.battleBox ul.opponents .header span {
	display: block;
	text-indent: -5000em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 24px;
}

.battleBox ul.opponents ul.opponentInfo {
	background: #000;
}

#bigBattleBox ul.opponents li.thumb.photoBattle {
	height: 158px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#bigBattleBox ul.opponents li.thumb.photoBattle img {
	display: none;
}

#bigBattleBox ul.opponents li.thumb.photoBattle a {
	display: block;
	height: 158px;
}

.battleBox ul.opponents li.thumb {
	text-align: center;
}

.battleBox .photos ul.opponents li.metaInfo {
	padding-left: 32px;
}

.battleBox ul.opponents li.metaInfo {
	padding: 8px 10px 8px 8px;
	margin-bottom: 8px;
	background: #000 url(http://static.soyhincha.com/img/bg_blueGradient.jpg) repeat-x 0 100%;
	*display: inline-block;
}

.battleBox ul.opponents li.metaInfo li {
	margin-bottom: 2px;
}

.battleBox ul.opponents li.title {
	font-weight: bold;
}

.battleBox ul.opponents li.actions a {
	text-transform: uppercase;
	font-weight: bold;
	color: #FFC923;
}

.battleBox ul.opponents li.actions a:hover {
	color: #fff;
}


/* ********** Battle Buttons ********** */
/* big orange / blue button */
button.voteBattle,
a.voteBattle {
	display: block;
	text-decoration: none;
	background: url(http://static.soyhincha.com/img/btn_orange_blue.gif) no-repeat 0% 100%;
	width: 236px;
	height: 35px;
	font-size: 140%;
	font-weight: bold;
	color: #fff !important;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	border: none;
	cursor: pointer;
	cursor: hand;
}

.rival button.voteBattle,
.rival a.voteBattle {
	background-position: 0 -35px;
}

button.voteBattle:hover,
a.voteBattle:hover {
	text-decoration: underline;
	color: #fff !important;
}

button.voteBattle span,
a.voteBattle span {
	padding: 5px 0 5px;
	display: block;
}

.battleBox ul.opponents li.rival {
	float: right;
}

#bigBattleBox .battleInfo { /* new: detail result page 1/18/2008  */
	margin: 5px 110px 0; /* nothing here actually... hide it */
}

.section .content h4.battleName {
	color:#FFC923;
	font-size: 130%;
	text-transform: uppercase;
	padding: 0;
	text-align: center;
	overflow: hidden;
	*text-overflow: ellipsis;
	padding-bottom: 4px;
}
/* ********** End of throwdown styles copied from battle_style.css  ********** */


/* Empty messaging and End Sets - Error Messages */
.section .endset {
	padding: 10px;
	font-size: 140%;
}

.emptyset {
	padding: 10px;
	background-color: #071928;
	font-size: 110%;
	margin: 0;
}

.emptyset a {
	color: #FFC923;
}

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

.emptyset h3,
.emptyset h4 {
	background: #041018 url(http://static.soyhincha.com/img/icon_error.gif) no-repeat 5px 50%;
	padding: 4px 34px 4px;
	color: #ABCCDA;
}

.emptyset h3 {
	font-size: 140%;
	margin-bottom: 12px;
}

.emptyset h4 {
	font-size: 110%;
	margin: 0;
}

/* HJG - New 06.04.08 - Added in exceptions for My and User Gallery items*/
.content.galleryMedia ul.thumbGallery li.item.myGallery,
.content.galleryMedia ul.thumbGallery li.item.userGallery  {
	height: 20.5em;
}

/* Friends & Groups - slightly taller to accomodate more Icons */
.section.users .content.galleryMedia ul.thumbGallery li.item,
.section.groups .content.galleryMedia ul.thumbGallery li.item {
	height: 20em;
}

.content.galleryMedia .emptyGalleryMsg {
	margin: 10px;
}

/* ----- Gallery action icons ----- */
/* HJG - 06.12.08 we should figure out the best place for the sprites to live so they can be used site wide */
.content.galleryMedia ul.thumbGallery li.item li.galleryActions,
.content.gallery ul.thumbGallery li.item li.galleryActions{
	*height: 1%; /* IE 6/7 Fix */
}

.content.galleryMedia ul.thumbGallery li.item li.galleryActions ul,
.content.gallery ul.thumbGallery li.item li.galleryActions ul {
	background: url(http://static.soyhincha.com/img/border_horiz_blackGrey.gif) repeat-x bottom;
	padding: 2px 0 5px 0;
}

.content.galleryMedia ul.thumbGallery li.item li.galleryActions ul li,
.content.gallery ul.thumbGallery li.item li.galleryActions ul li,
#detailViewArea .detailViewInfo ul.actions li.galleryActions ul li {
	margin-top: 4px;
	background: url(http://static.soyhincha.com/img/border_horiz_blackGrey.gif) repeat-x top;
	height: 1.3em;
	padding-top: 6px;
}

/* NEW HJG - float layout for group detail page */
/* 07.07.08 HJG - move sprites from profile.css and merge into here, should combine similar classes */
#detailViewArea .detailViewInfo ul.actions li.galleryActions.groups ul li {
	float: left;
	padding-right: 10px;
}

a.galleryAction {
	background: url(http://static.soyhincha.com/img/icons_profile_sprite.png) no-repeat 1px 0;
	_background: url(http://static.soyhincha.com/img/icons_profile_sprite.gif) no-repeat 1px 0;
	padding-left: 23px;
	display: block;
	_display: inline;
	height: 1.3em;
	cursor: pointer;
	text-decoration: underline;
}

a.galleryAction.message {
	background-position: 1px 0px;
}

a.galleryAction.remove {
	background-position: 1px -100px;
}

a.galleryAction.add {
	background-position: 1px -300px; /*incorrect - should be add for generic +, and add_friend : -600 */
}

a.galleryAction.report {
	background-position: 1px -400px;
}

a.galleryAction.groups {
	background-position: 1px -900px;
}

a.galleryAction.throwdown {
	background-position: 1px -1000px;
}

a.galleryAction.si {
	background-position: 1px -1100px;
}

a.galleryAction.edit {
	background-position: 1px -1300px;
}

a.galleryAction.makeDefault {
	background-position: 1px -1400px;
}


/* HJG - 06.05.08 new upload button */
.uploadMedia {
	background-color: #354248;
	padding: 10px 5px;
}

.uploadMedia .filterLeft {
	float: left;
	text-indent: 0;
}

.uploadMedia a.topFriends {
	float: left;
	text-indent: 0;
	height: auto;
	width: auto;
	padding-top: 4px;
}

.uploadMedia a {
	float: right;
	display: block;
	text-indent: -1000em;
	width: 191px;
	height: 24px;
	overflow: hidden;
}

.uploadMedia a.photoUpload {
	background: url(http://static.soyhincha.com/img/btn_gallery_uploadPhoto.gif);
}

.uploadMedia a.videoUpload {
	background: url(http://static.soyhincha.com/img/btn_gallery_uploadVideo.gif);
}

.uploadMedia a.invite {
	background: url(http://static.soyhincha.com/img/btn_gallery_inviteFriends.gif);
}

/* New Hans 06.21.08 - color changes for My gallery */
.section.my,
.section.my .content.galleryMedia {
	background-color: #354248;
}

.section.my .content.galleryMedia ul.thumbGallery li.item {
	background-color:  #222a2d;
}

.section.my div.header,
#mainArea.profilePage.edit div.header {
	background-image: none;
	background-color: #B4B4B4;
	padding: 4px 5px;
}

.section.my div.header h3,
#mainArea.profilePage.edit div.header h3 {
	color: #000;
	font-size: 125%;
}

.section.my div.sectionUtilities {
	background-color:  #222a2d;
}


/* form result message box/error box */
#updatedResultBox,
#errorResultBox {
	padding: 10px 5px;
	margin-bottom: 5px;
	color: #423836;
	background-color: #fcc;
	border: 1px solid #0C2B4A;
}

#errorResultBox {
	color: #f00;
}

#errorResultBox a:link,
#updatedResultBox a:link {
	color: #000;
}

#errorResultBox a:hover,
#updatedResultBox a:hover {
	color: #5dccff;
}

#errorResultBox a:visited,
#updatedResultBox a:visited {
	color: #F0F;
}

#errorResultBox h5,
#updatedResultBox h5 {
	font-size: 130%;
	margin-bottom: 2px;
}

#errorResultBox p,
#updatedResultBox p {
	font-size: 120%;
}

#errorResultBox ol,
#updatedResultBox ol {
	padding-left: 25px;
	padding-top: 0.3em;
	font-size: 1.3em;
}

/* ------------ Towards a generic ajax loading style ------------ */
.ajaxLoading {
	background: url(http://static.soyhincha.com/img/icon_loading_1f1f1f.gif) no-repeat 50% 22%;
	padding: 4px 0 0;
}

.ajaxLoading.c_354248 {
	background-image: url(http://static.soyhincha.com/img/icon_loading_354248_transparent.gif);
}

.ajaxLoading span {
	display: block;
	 height: 32px;
	overflow: hidden;
	text-indent: -5000em;
}

/* Registration Steps */

.regStep .photoUpload h4, .regStep .inviteFriends h4 {
	background-color: #B4B4B4;
	border-bottom: 1px solid #354248;
	color: #000000;
	margin-bottom: 0;
	padding: 5px;
	font-size: 120%;
}

.regStep #fileUploader {
	background: #354248 url(http://static.soyhincha.com/img/border_horiz_greyBlack.gif) repeat-x 0 100%;
	padding: 7px 10px;
}

.regStep .section.profileSettingsForm #inviteFriends.content {
	background-color: #354248;
	padding: 7px 10px;
}

.regStep .section .content {
	padding: 0;
}

.regStep .section {
	background-color: #354248;
	border: none;
}

.regStep span.label {
	color: #ABCCDA;
	display: block;
	font-size: 120%;
	background-color: #354248;
	padding: 5px 0 0 12px;
	font-weight: bold;
}

.regStep .photoUpload .uploadSucess {
	background-color: #354248;
	color: #FFF;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0;
	padding: 10px;
	background: #354248 url(http://static.soyhincha.com/img/border_horiz_greyBlack.gif) repeat-x 0 100%;
}

.regStep .photoUpload .uploadSucess .successText {
	float: right;
	padding: 0 150px 0 0;
}

.regStep .photoUpload .uploadSucess #thumbnail {
	display: block;
	width: 176px;
	height: 132px;
	border: 1px solid #FFF;
}

.regStep .photoUpload .uploadSucess {
	_width: 622px;
}

.regStep .loading {
	background: url(http://static.soyhincha.com/img/reg_loader.gif) no-repeat 50% 50%;
}

div.skipStep {
	font-size: 110%;
	height: 1.8em;
	line-height: 1.8em;
	padding: 0 10px;
	text-align: right;
	background-color: #354248;
}

div.skipStep.profileLink {
	background-color: #0E0E0E;
	line-height: 2.2em;
}

.section.profileSettingsForm #inviteFriends fieldset.outer {
	border-bottom: none;
	padding: 5px 0;
}

.section.profileSettingsForm #inviteFriends .formWrapper fieldset p {
	margin-bottom: 7px;
}

#inviteFriends .headline {
	font-weight: bold;
}

#inviteFriends dt {
	font-weight: bold;
	color: #ABCCDA;
	padding-right: 5px;
	padding-top: 7px;
}

#inviteFriends dl {
	width: 500px;
	overflow: auto;
	height: 1%;
}
.rd{
	background:#EEDED1 url(http://static.soyhincha.com/img/error_red.gif) left center no-repeat;
	clear:both;
	border:1px solid #C30; 
	color:#C30;
	padding:13px;
	margin:4px;
}
.rd p{
	font-weight:bold;
	vertical-align:bottom;
	padding:0 0 0 30px;
	margin:0;
}
.bl{
	background:#D4EFFC url(http://static.soyhincha.com/img/warning_blue.gif) left center no-repeat;
	clear:both;
	border:1px solid #06C; 
	color:#06C;
	padding:13px;
	margin:4px;
}
.bl p{
	font-weight:bold;
	vertical-align:bottom;
	padding:0 0 0 30px;
	margin:0;
}
.gr{
	background:#CDDFAF url(http://static.soyhincha.com/img/success_green.gif) left center no-repeat;
	clear:both;
	border:1px solid #090; 
	color:#090;
	padding:13px;
	margin:4px;
}
.gr p{
	font-weight:bold;
	vertical-align:bottom;
	padding:0 0 0 30px;
	margin:0;
}

.rd a, .bl a, .gr a{
	text-decoration:none;
	color:#000;
}

.user_without_actions {
	height:130px;
}

.user_with_actions {
	height:170px;
}