/*
WOMAN site specific styles

NOTES:
	You should generally avoid box-model properties in this file, esp. width, padding and margins!
	If you still find it appropriate, consider all consequences!
	
	When targeting less specific elements, take care when using shorthand properties.
	It's usually better to be verbose on this level, thus allowing us to override globally
	in base.css.
	(obviously, shorthand here can conversely be used to override completely, if necessary.)
	
	NEVER apply location specific rules in here, eg. #location .element {property: value;} !!!
	If you need to apply such rules, you should add another class to the element itself, and consider
	if that (new) classname can "live" on its own. (thus being usable in another context, outside your #location)

TO-DO:
	* Get all cosmetics styles from chrome.css and content.css sheets in here!
	* Define generic link styles/colors - remember :visited !
*/
/* @group Misc. */
.marketingAd {background: url(../images/pile.gif) no-repeat right top; border: solid #ddd; border-width: 1px 0;}

.imgMain {margin-bottom: 5px;}

.galleryExcerpt {border-bottom: 3px double #ddd;}

.tabs, .tabs li {border-color: #F88BB2;}
	.tabs li {background: #f5367a; padding: 3px;}
	.tabs .currentTab, .tabs li:hover a {color: #f5367a;}
	
a {color: #000;}
a:hover {text-decoration: none;}

.callout {color: #f5367a;}
.button.callout {background: #f5367a; color: #fff; font-weight: bold; padding: 5px 10px;}
a.goTo, .goTo a {color: #999; text-decoration: underline;}
a.goTo:hover, .goTo a:hover {color: #000; text-decoration: none;}

.contentNav .currentTab {color: #f5367a;}

.searchBox {background-color: #f5367a;}

	/* @group Headers */
	.header {font-weight: normal;}
	.headerBlock {border-bottom: 1px solid #bbb;}
	
.articleSections {border-color: #f5367a;}

.columnListHighlight {background-color: #ffe9f4; color: #000;}
	.columnList.columnListHighlight li * a {color: #000;}
	/* @end */
/* @end */

/* @group Icons - for general use */
.iconDebate { 			background: url(../icons/comment_icon_pink.gif) no-repeat left 50%; padding-left: 20px; }
.iconStatistic { 		background: url(../icons/chart_bar.gif) no-repeat left 50%; padding-left: 20px; }
.iconMostRead { 		background: url(../icons/mostRead.gif) no-repeat left 50%; padding-left: 20px; }
.iconGallery { 			background: url(../icons/image_icon.gif) no-repeat left 50%; padding-left: 20px; }
.iconFriendRequest { 	background: url(../icons/user_add.gif) no-repeat left 50%; padding-left: 20px; }
.iconSendMessage { 		background: url(../icons/getMoreFriend.gif) no-repeat left 50%; padding-left: 20px; }
.iconIgnore { 			background: url(../icons/ignore.gif) no-repeat left 50%; padding-left: 20px; }
.iconDelete { 			background: url(../icons/delete.gif) no-repeat left 50%; padding-left: 20px; }
.iconSplit { 			background: url(../icons/split.gif) no-repeat left 50%; padding-left: 20px; }
.iconBan { 				background: url(../icons/ban.gif) no-repeat left 50%; padding-left: 20px; }
.iconMove { 			background: url(../icons/move.gif) no-repeat left 50%; padding-left: 20px; }
.iconLock { 			background: url(../icons/lock.gif) no-repeat left 50%; padding-left: 20px; }
.iconUnlock { 			background: url(../icons/unlock.gif) no-repeat left 50%; padding-left: 20px; }
.iconMessage { 			background: url(../icons/message.gif) no-repeat left 50%; padding-left: 20px; }
.iconMessageOpen { 		background: url(../icons/messageOpen.gif) no-repeat left 50%; padding-left: 20px; }
.iconOptions { 			background: url(../icons/wrench.gif) no-repeat left 50%; padding-left: 20px; }
.iconCommentEdit { 		background: url(../icons/commentEdit.gif) no-repeat left 50%; padding-left: 20px; }
.iconCommentDelete { 	background: url(../icons/commentDelete.gif) no-repeat left 50%; padding-left: 20px; }
.iconLightbulbOn { 		background: url(../icons/lightbulbOn.gif) no-repeat left 50%; padding-left: 20px; }
.iconLightbulbOff { 	background: url(../icons/lightbulbOff.gif) no-repeat left 50%; padding-left: 20px; }
/* @end */

/* @group Typography */

	/* @group Headers */
	.headerCallout,
	.headerSection {
		margin-bottom: 5px; padding: .2em 5px;
		background: #f5367a url(../images/calloutHeading_p.gif) no-repeat right bottom;
		color: #fff;
		font-size: 1.4em;
		}
	.headerCompetition {margin-bottom: 0;}

	/* @end */

/* @end */

/* @group Quiz */
.paginatedProgress { border-top: 1px solid #f5367a; background-image: url(../gfx/paginated_progress_breadcrumbLines.gif);}
	.paginatedProgress li { background-image: url(../gfx/paginated_progress_arrowLeft.gif); }
		.paginatedProgress .labelTab { background-color: #f5367a; background-image: url(../gfx/paginated_progress_calloutHeading_p.gif); background-repeat: no-repeat;}
			.paginatedProgress .labelTab em { background-image: url(../gfx/paginated_progress_arrowDbl.gif); }
			.paginatedProgress .currentTab { background-color: #f5367a; background-image: url(../gfx/paginated_progress_arrowDbl.gif); }
				.paginatedProgress .currentTab em {background-image: url(../gfx/paginated_progress_arrowDbl.gif); }
/* @end */

/* @group Forum */
.forumIndex th {background: #f5367a;}
	.forumIndex th.last {background: #f5367a url(../images/calloutHeading_p.gif) no-repeat bottom right;}

#topicSubscription legend span {color: #f5367a;}

.commentReply {background-image: url(../icons/comment_icon_pink.gif);}
.commentReport {background-image: url(../icons/exclamation.gif);}
.commentDelete {background-image: url(../icons/commentDeletePink.gif);}
.commentEdit {background-image: url(../icons/commentEditPink.gif);}
/* @end */

/* @group Widgets */

	/* @group Forum */
	.widget_forum_threads ul li { background: url(/static/base/gfx/icons/comment_icon_pink.gif) no-repeat 0 0; padding: 0 0 0 20px; clear: both; }
	
		/* @group Frontpage fragment */
		.widget_recent_topics_horizontal .speechBubble {
			margin: 0; padding: 79px 10px 0;
			min-height: 97px; height: auto !important; height: 97px;
			background: url(../images/speechBubbleGirls_220.png) no-repeat;
			}
			.widget_recent_topics_horizontal .speechBubble strong {display: block; padding-bottom: 3px;}
			.widget_recent_topics_horizontal .speechBubble a {text-decoration: none;}
			.widget_recent_topics_horizontal .speechBubble a:hover {text-decoration: underline;}
			.widget_recent_topics_horizontal .speechBubble .metaInfo {display: block; text-align: left;}
		
		.widget_recent_topics_horizontal .grid_3 div {padding-top: 8px; background: url(../images/speechBubbleGirlsBottom_220.png) no-repeat;}
			.widget_recent_topics_horizontal .pitch {margin: 10px 0;}

		.widget_recent_topics_horizontal .standAlone {margin: 0; padding: 0;}
			.widget_recent_topics_horizontal .standAlone .button {float: left; margin: 0;}
			.widget_recent_topics_horizontal .grid_5 .standAlone .button {float: right;}

		.widget_recent_topics_horizontal .grid_5 ul {float: left; display: inline; width: 185px; margin-top: 5px; margin-bottom: 10px;}
		.widget_recent_topics_horizontal .grid_5 ul + ul {margin-left: 10px;}
			.widget_recent_topics_horizontal .grid_5 li {float: left; display: inline; width: 140px; margin: 5px 0 0; padding-left: 45px;}
			.widget_recent_topics_horizontal .grid_5 li + li {margin-top: 10px;}
				.widget_recent_topics_horizontal .grid_5 .imgLink {margin-left: -45px;}
				.widget_recent_topics_horizontal .grid_5 .subHeader {padding: 5px 15px; background: url(../images/speechBubbleExcerpt_top_140.jpg) no-repeat; text-decoration: none;}
				.widget_recent_topics_horizontal .grid_5 .subHeader:hover {text-decoration: underline;}
				.widget_recent_topics_horizontal .grid_5 .metaInfo {background: url(../images/speechBubbleExcerpt_btm_140.jpg) no-repeat; padding: 10px 0 0;}
		/* @end */
	/* @end */

	/* @group Articles */
	.widget_article_list ul li span.category a { color: #939393; font-weight: normal; }
	
	.widget_article_rotator .tabList a {font-size: 1.1em;}
	.widget_article_rotator .stay_right .textWrapper:hover .header {color: #ffe9f4;}
	/* @end */

	/* @group Competitions */
	.widget_competition span.category { color: #939393; font-weight: normal; }
	/* @end */
/* @end */