@import url('missteenusa.layout.css');
@import url('missteenusa.common.css');

/*
Miss Universe
- Photo Detail Styles
- Modified: 3/9/2009
*/

#community {
	width: 100%;
}

	#aCol {
		width: 640px;
		float: left;
	}
	#aCol h2.subheader {
		padding: 5px 21px 5px 2px;
		color: #302F2F;
		font-size: 1.8em;
		font-weight: normal;
	}
		/* Discussion Categories Pod */
		#discussion-categories-pod div.titlebar {
			background:none;
			height:27px;
			margin:0 0 -2px 0;
		}
		#discussion-categories-pod h1 {
			background:url(/img/MissTeenUSA/bg/tab.lg.png) no-repeat;
			font-size: 1.3em;
			width:155px;
			height:26px;
			text-align:center;
			padding:0;
			
		}
		#discussion-categories-pod div.content {
			padding: 10px 0;
			border-top:1px solid #c9c9c9;
		}
		#discussion-categories-pod ul {
			width: 260px;
			padding: 0 35px 0 20px;
			list-style: none;
			float: left;
		}
		#discussion-categories-pod ul li {
			margin: 0 0 5px 0;
			color: #000;
			font-size: 1.2em;
		}

		/* Recent Topics Pod */
		#recent-topics-pod div.titlebar {
			background:none;
			height:27px;
			margin:0 0 -1px 0;
		}
		#recent-topics-pod h1 {
			background:url(/img/MissTeenUSA/bg/tab.pod.png) no-repeat 0 -30px;
			font-size: 1.3em;
			width:109px;
			text-align:center;
			padding:0;
			
		}
		#recent-topics-pod div.content {
			padding: 10px 10px 10px 20px;
			border-top:1px solid #c9c9c9;
		}
		#recent-topics-pod div.content table {
			width: 100%;
			border-collapse: collapse;
		}
		#recent-topics-pod div.content table col.aCol {
		}
		#recent-topics-pod div.content table col.bCol {
			width: 135px;
		}
		#recent-topics-pod div.content table col.cCol {
			width: 65px;
		}
		#recent-topics-pod div.content table th, #recent-topics-pod div.content table td {
			text-align: left;
			vertical-align: top;
		}
		#recent-topics-pod div.content table th {
			padding: 0 0 10px 0;
			border-bottom: 1px solid #454140;
			color: #302f2f;
			font-size: 1.2em;
			font-weight: normal;
			line-height: 13px;
		}
		#recent-topics-pod div.content table td {
			padding: 10px 0 10px 0;
			border-bottom: 1px solid #454140;
		}
		#recent-topics-pod div.content table td.topic p {
			padding: 0 30px 0 0;
			font-size: 1.2em;
		}
		#recent-topics-pod div.content table td.topic a {
			font-weight:bold;
			color:#05BFD5;
		}
		#recent-topics-pod div.content table td.posted a {
			font-size: 1.2em;
			font-weight: bold;
			color:#f60e95;
		}
		#recent-topics-pod div.content table td.posted span {
			color: #8f8f8f;
			font-size: 1.0em;
		}
		#recent-topics-pod div.content table td.comments {
			text-align: center;
			font-size: 1.2em;
			font-weight:bold;
		}
		#recent-topics-pod div.content table td.comments a {
			color:#302f2f;
			}
		#recent-topics-pod div.content table tr.last td {
			border: none;
		}
		
		/* recent activity */
		#recent-activity-pod div.titlebar {
			background:none;
			height:27px;
			margin:0 0 -1px 0;
		}
		#recent-activity-pod h1 {
			background:url(/img/MissTeenUSA/bg/tab.pod.png) no-repeat 0 -30px;
			font-size: 1.3em;
			width:109px;
			text-align:center;
			padding:0;
		}
		#recent-activity-pod div.content {
			padding: 10px 0 0 0;
			border-top:1px solid #c9c9c9;
		}
		

	#bCol {
		width: 300px;
		float: left;
	}
	#bCol h2.subheader {
		padding: 5px 11px;
		color: #302F2F;
		font-size: 1.8em;
		font-weight: normal;
	}

		/* Featured Users Pod */
		#featured-users-pod ul {
			width: 100%;
			list-style: none;
		}
		#featured-users-pod ul li {
			width: 100%;
			float: left;
			clear: both;
		}
		#featured-users-pod ul li img {
			float: left;
		}
		#featured-users-pod div.info {
			width: 160px;
			padding: 6px 8px 0 10px;
			float: left;
		}
		#featured-users-pod ul li div.info a {
			font-size: 1.4em;
			font-weight: bold;
			line-height: 18px;
		}
		#featured-users-pod ul li div.info p {
			margin: 0 0 6px 0;
			color: #5d5d5d;
			font-size: 1.1em;
			line-height:13px;
		}
		#featured-users-pod ul li div.info p a {
			font-size: 1.0em;
			font-weight: normal;
			display:block;
			background:url(/img/MissTeenUSA/btn/view.profile.png) no-repeat;
			width:77px;
			height:15px;
			text-indent:-9999px;
			margin:5px 0 0 0;
		}

		/* Browse Profiles Pod */
		#browse-profiles-pod div.content {
			padding: 10px 0px 5px 10px;
			width:288px;
		}
		#browse-profiles-pod div.titlebar {
			background:url(/img/MissTeenUSA/bg/corners.top.smallpod.png) no-repeat;
			height:17px;
		}
		#browse-profiles-pod div.titlebar h1 {
			display:block;
			background-color:#efefef;
			color:#302f2f;
			font-size:1.3em;
			border-left:1px solid #c7c7c7;
			border-right:1px solid #c7c7c7;
			width:287px;
		}
		#browse-profiles-pod form div.row {
			margin: 0 0 10px 0;
		}
		#browse-profiles-pod form label {
			margin: 0 0 5px 0;
			display: block;
			color: #302f2f;
			font-size: 1.2em;
		}
		#browse-profiles-pod form select {
			margin: 0 10px 0 0;
			border: 1px solid #2b2925;
			background: #f60e95;
			float: left;
			color: #fff;
			font-size: 1.2em;
			width:130px;
		}
		#browse-profiles-pod form input.text {
			width: 15px;
			height: 15px;
			padding: 4px 10px 3px 10px;
			border: 1px solid #cecece;
			background: #fff;
			font-size: 1.2em;
			color: #000;
		}
		#browse-profiles-pod form div.age label {
			margin: 0 5px 0 0;
			line-height: 24px;
			display:block;
			float:left;
		}
		#browse-profiles-pod form div.age input.text {
			margin: 0 5px 0 0;
			float: left;
		}
		
	/* Community Topics Pod */
		#community-topics-pod {
			background:none;
			border:0;
			overflow:visible;
		}
		#community-topics-pod div.content {
			min-height: 300px;
			padding: 10px 10px 10px 20px;
			border-top:2px solid #fa4cb2;
			border-bottom:2px solid #fa4cb2;
			margin:0 0 10px 0;
		}
		#community-topics-pod div.content table {
			width: 100%;
			border-collapse: collapse;
		}
		#community-topics-pod div.content table col.aCol {
		}
		#community-topics-pod div.content table col.bCol {
			width: 135px;
		}
		#community-topics-pod div.content table col.cCol {
			width: 65px;
		}
		#community-topics-pod div.content table th, #community-topics-pod div.content table td {
			text-align: left;
			vertical-align: top;
		}
		#community-topics-pod div.content table th {
			padding: 0 0 10px 0;
			color: #464646;
			font-size: 1.2em;
			font-weight: normal;
			line-height: 13px;
		}
		#community-topics-pod div.content table td {
			padding: 10px 0 10px 0;
			background:url(/img/MissTeenUSA/bg/border-dot-white.gif) repeat-x bottom left;
		}
		#community-topics-pod div.content table td.topic p {
			padding: 0 30px 0 0;
			font-size: 1.2em;
		}
		#community-topics-pod div.content table td.topic a {
			color:#5d5d5d;
		}
		#community-topics-pod div.content table td.posted a {
			font-size: 1.2em;
			font-weight: bold;
		}
		#community-topics-pod div.content table td.posted span {
			color: #464646;
			font-size: 1.0em;
		}
		#community-topics-pod div.content table td.comments {
			text-align: center;
			font-size: 1.4em;
			font-weight:bold;
		}
		#community-topics-pod div.content table tr.last td {
			border: none;
		}

		/* Community Topics Post Pod */
		#community-topics-post-pod {
			background:url(/img/MissTeenUSA/bg/topics.header.png) no-repeat;
			width:628px;
			border:0;
		}
		#community-topics-post-pod div.category-filter {
			padding:10px 15px 0 15px;
		}
		#community-topics-post-pod div.category-filter h2 {
			color:#f60e95;
			font-weight:bold;
			font-size:1.4em;
			padding:0 0 8px 0;
			margin:0 0 8px 0;
			background:url(/img/MissTeenUSA/bg/border.dot.gif) repeat-x bottom left;
		}
		#community-topics-post-pod div.content {
			padding: 10px 20px 15px 40px;
			border-top:2px solid #F60E95;
			border-bottom:2px solid #F60E95;
			margin:0;
		}
		#community-topics-post-pod div.category-filter select {
			background: #fff;
			color: #636363;
		}
		div.add-comment {
			margin: 0;
			padding: 10px 0 10px 30px;
			border-bottom: 1px solid #cccccc;
		}
		#community-topics-post-pod div.content h2 {
			margin: 0 0 2px 0;
			font-size: 1.4em;
			color: #464646;
		}
		#community-topics-post-pod div.content p {
			margin: 0 0 20px 0;
			font-size: 1.0em;
			font-weight: bold;
			color: #464646;
		}
		#community-topics-post-pod div.content div.row {
			margin: 0 0 10px 0;
		}
		#community-topics-post-pod div.content label {
			margin: 0 0 5px 0;
			display: block;
			color: #464646;
			font-size: 1.2em;
		}
		#community-topics-post-pod div.content input.text {
			width: 220px;
			height: 15px;
			padding: 4px 10px 3px 10px;
			border: 1px solid #d8d8d8;
			outline: none;
			background: #ebebeb;
			font-size: 1.2em;
			color: #747474;
		}
		#community-topics-post-pod div.content textarea {
			width: 550px;
			height: 90px;
			margin: 0 0 10px 0;
			padding: 10px;
			border: 1px solid #d8d8d8;
			background: #ebebeb;
			color: #747474;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: auto;
			clear: both;
			resize: none;
			outline: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.2em;
		}
			div.category-filter {
				position: relative;
				z-index: 5;
			}
			div.category-filter div.select-category p {
				padding: 0 10px 0 0;
				float: left;
				color: #636363;
				font-size: 1.2em;
				line-height: 22px;
			}
			div.category-filter div.select-box {
				float: left;
				position: relative;
			}
			div.category-filter div.select-box a.toggler {
				width: 195px;
				height: 24px;
				padding: 0 0 0 10px;
				display: block;
				background: url(/img/MissUSA/bg/community.category.select.png) no-repeat 0 0;
				overflow: hidden;
				text-transform: uppercase;
				color: #fff;
				font-size: 1.1em;
				line-height: 24px;
			}
			div.category-filter div.select-box a.toggler:hover {
				background-color: #100e0e;
				text-decoration: none;
			}
			div.category-filter div.select-box ul.select-dropdown {
				width: 203px;
				padding: 10px 0 10px 0;
				list-style: none;
				background: #484848;
				border: 1px solid #555;
				display: none;
				position: absolute;
				top: 23px;
			}
			div.category-filter div.active ul.select-dropdown, div.category-filter div.select-box ul.active {
				display: block;
			}
			div.category-filter div.select-box ul.select-dropdown li {
				width: 100%;
				font-size: 1.2em;
			}
			div.category-filter div.select-box ul.select-dropdown li a {
				padding: 5px 30px 5px 15px;
				display: block;
				color:#fff;
			}
			div.category-filter div.select-box ul.select-dropdown li a:hover {
				background: #2b2925;
			}
			div.category-filter a.post {
				width: 121px;
				height: 24px;
				background: url(/img/MissUSA/btn/community.post-a-topic.png) no-repeat 0 0;
				display: block;
				overflow: hidden;
				float: right;
				text-indent: -999px;
			}
			
		/* Community Topics Post Pod */
		#topic-comments-pod {
			width:628px;
			border:0;
		}
		div.category-filter {
			padding:10px 15px 0 15px;
			background:url(/img/MissTeenUSA/bg/topics.header.png) no-repeat;
			height:75px;
		}
		div.category-filter h2 {
			color:#f60e95;
			font-weight:bold;
			font-size:1.4em;
			padding:0 0 8px 0;
			margin:0 0 8px 0;
			background:url(/img/MissTeenUSA/bg/border.dot.gif) repeat-x bottom left;
		}
		#topic-comments-pod div.content {
			padding: 10px 20px 15px 40px;
			border-top:2px solid #F60E95;
			border-bottom:2px solid #F60E95;
			margin:3px 0 0 0;
		}
		div.category-filter select {
			background: #fff;
			color: #636363;
		}
		#topic-comments-pod div.content h2 {
			margin: 0 0 2px 0;
			font-size: 1.4em;
			color: #464646;
		}
		#topic-comments-pod div.content p {
			font-size: 1.0em;
			font-weight: bold;
			color: #1a1c1c;
		}
		#topic-comments-pod div.content div.row {
			margin: 0 0 10px 0;
		}
		#topic-comments-pod div.content label {
			margin: 0 0 5px 0;
			display: block;
			color: #464646;
			font-size: 1.2em;
		}
		#topic-comments-pod div.content input.text {
			width: 220px;
			height: 15px;
			padding: 4px 10px 3px 10px;
			border: 1px solid #d8d8d8;
			outline: none;
			background: #ebebeb;
			font-size: 1.2em;
			color: #747474;
		}
		#topic-comments-pod div.content textarea {
			width: 550px;
			height: 90px;
			margin: 0 0 10px 0;
			padding: 10px;
			border: 1px solid #d8d8d8;
			background: #ebebeb;
			color: #747474;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: auto;
			clear: both;
			resize: none;
			outline: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.2em;
		}
			
				
			div.category-filter div.select-category p {
				padding: 0 10px 0 0;
				float: left;
				color: #636363;
				font-size: 1.2em;
				line-height: 22px;
			}
			div.category-filter div.select-box {
				float: left;
				position: relative;
			}
			div.category-filter div.select-box a.toggler {
				width: 187px;
				height: 20px;
				padding: 0 0 0 10px;
				display: block;
				background: url(/img/MissTeenUSA/bg/blogs.filter.select.small.png) no-repeat 0 0;
				overflow: hidden;
				text-transform: uppercase;
				color: #fff;
				font-size: 1.1em;
				line-height: 20px;
			}
			div.category-filter div.select-box a.toggler:hover {
				background-color: #100e0e;
				text-decoration: none;
			}
			div.category-filter div.select-box ul.select-dropdown {
				width: 187px;
				background:#F60E95;
				border:1px solid #F83EAA;
				display:none;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0 0 0 4px;
				padding:10px 0;
				position:absolute;
				top: 20px;
				z-index:100;
			}
			div.category-filter div.active ul.select-dropdown, div.category-filter div.select-box ul.active {
				display: block;
			}
			div.category-filter div.select-box ul.select-dropdown li {
				width: 100%;
				font-size: 1.2em;
			}
			div.category-filter div.select-box ul.select-dropdown li a {
				padding: 5px 30px 5px 15px;
				display: block;
				color:#fff;
			}
			div.category-filter div.select-box ul.select-dropdown li a:hover {
				background: #2b2925;
			}
			div.category-filter a.post {
				width: 121px;
				height: 24px;
				background: url(/img/MissTeenUSA/btn/post-a-topic.png) no-repeat 0 0;
				display: block;
				overflow: hidden;
				float: right;
				text-indent: -999px;
			}
			

	/* Topic Comments Pod */
		#topic-comments-pod {
			background:none;
			border:0;
			overflow:visible;
		}
		#topic-comments-pod div.content {
			padding: 10px 10px 20px 10px;
			margin:0 0 10px 0;
		}
		#topic-comments-pod div.content ul {
			list-style: none;
			border-bottom:2px solid #F60E95;
			padding:0 0 15px 0;
		}
		#topic-comments-pod div.content ul li {
			padding: 0 0 0 30px;
		}
		#topic-comments-pod div.content ul li.first {
			border-top:1px solid #ccc;
		}
		#topic-comments-pod div.content ul li div {
			padding: 12px 0 12px 70px;
			background:url(/img/MissTeenUSA/bg/border-dot-white.gif) repeat-x bottom left;
			position: relative;
		}
		#topic-comments-pod div.content ul li.first div {
		}
		#topic-comments-pod div.content ul li div img {
			position: absolute;
			top: 10px;
			left: 0;
		}
		#topic-comments-pod div.content ul li div span {
			float: right;
			color: #464646;
			font-size: 1.0em;
			line-height: 14px;
		}
		#topic-comments-pod div.content ul li div p {
			margin: 0 0 8px 0;
			padding: 0 40px 0 0;
			color: #464646;
			font-size: 1.2em;
			font-weight:normal;
		}
		#topic-comments-pod div.content ul li div p a {
			font-weight: bold;
		}
		#topic-comments-pod div.content ul li div p.actions {
			margin: 0;
			padding: 10px 0 0 0;
			position: relative;
			left: -5px;
			color: #c69c6d;
		}
		#topic-comments-pod div.content ul li div p.actions a {
			margin: 0 5px;
			display: inline-block;
		}
		#topic-comments-pod div.content textarea {
			height: 90px;
			margin: 0 0 10px 0;
			padding: 10px;
			background: #f2f2f2;
			color: #c69c6d;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: auto;
			clear: both;
			resize: none;
			outline: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.2em;
		}
		
	/* Pagination */
	div.pagination {
		padding: 10px 0px 10px 0px;
	}
	div.pagination p {
		font-weight:bold !important;
		font-size:1.4em !important;
		color:#1a1c1c !important;
	}
	div.pagination p {
		float: left;
		color: #fff;
		font-size: 1.2em;
		font-weight: bold;
	}
	div.pagination div.paginator {
		float: right;
		font-size: 1.1em;
	}
	div.pagination div.paginator span {
		padding: 1px 2px;
		display: inline-block;
		color: #302f2f;
		text-align: center;
	}
	div.pagination div.paginator a {
		padding: 1px 2px;
		display: inline-block;
		text-align: center;
		color:#302f2f;
	}

	div.pagination div.paginator .active {
		padding: 0px 3px;
		border: 1px solid #05BFD5;
		color: #05BFD5;
	}
	div.pagination div.paginator .prev {
		margin: 0 10px 0 0;
		padding: 0 0 0 12px;
		display: inline-block;
		background: url(/img/MissTeenUSA/icon/arrow.paginator.prev.gif) no-repeat 0 3px;
		color:#05BFD5;
	}
	div.pagination div.paginator .next {
		margin: 0 10px 0 10px;
		padding: 0 12px 0 0;
		display: inline-block;
		background: url(/img/MissTeenUSA/icon/arrow.paginator.next.gif) no-repeat right 3px;
		color:#05BFD5;
	}
	div.pagination div.paginator .last {
		padding: 0 17px 0 0;
		display: inline-block;
		background: url(/img/MissTeenUSA/icon/arrow.paginator.last.gif) no-repeat right 3px;
		color:#05BFD5;
	}