﻿.Photo, .Video {
	background-repeat: repeat-y;
	background-position: left;
	float: left;
	width: 100%;
}

/* Exif data */
.ExifLeft
{
	float:left;
	width:460px;
	margin-left:10px;
}

.ExifRight {
	float:left;
	margin-left:10px;
	width:450px;
}

.tdLeft {
	font-weight: bold;
}
.VPlayer {
	margin-top: 10px;
	margin-left:115px;
}
.VInfo {
	float: right;
	border: solid 1px #C2D184;
	background-color: #F7FFD8;
	margin-top: 10px;
	width: 290px;
	font-size: 11px;
}
.VInfo table .tdLeft {
	text-align: right;
	font-weight: bold;
}
.Photo .Top, .Video .Top {
	background-image: url('/Images/video_TopBG.png');
	height: 33px;
	width: 100%;
	background-repeat: repeat-x;
}
.Photo .Ads, .Video .Ads {
	width: 250px;
	float: left;
	margin-left: 7px;
}

/* -- GridView -- */
.ContentGridView {
	float: right;
	width: 805px;
}

/* -- Photo detail -- */
.PhotoDetail {
	width: 100%;
	margin-left:5px;
}

.PhotoDetail .Desc {
	color:White;
	font-size:11px;
	font-weight:bold;
	padding:10px;
	padding-top:20px;
}

.DownLink
{
	float:right;
	margin-right:20px;
	margin-top:5px;
	font-size:14px;
	font-weight:bold;
}

.DownLink img {
	vertical-align:middle;
}

.PhotoDetail .Image {
	float: left;
	border: solid 1px #2b2b2b;
	padding: 2px;
	margin-top:5px;
}
.PhotoDetail .Size {
	float: left;
	height: 30px;
	padding-top: 5px;
	margin-bottom: 10px;
}
.PhotoDetail .Size .Item {
	float: left;
	border-left: solid 1px #E1DDD0;
	border-top:solid 1px #E1DDD0;
	border-bottom:solid 1px #c4c4c4;
	border-right:solid 1px #c4c4c4;
	text-align:center;
	padding: 5px;
	background-color: #F4F4F4;
	margin-right: 5px;
	text-indent:-1px;
	background-image:url('../Images/resize_bg.gif');
}

.PhotoDetail .Size .Item span {
	display:block;
	font-size:8px;
}
.PhotoDetail .Size .Text {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	font-weight: bold;
}
.PhotoDetail .Left {
	/*background-color:#ffffff;*/
	width: 700px;
	float: left;
}
.PhotoDetail .Left .Top {
	background-image: url('/Images/Video_TitleBG.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 31px;
	border-left: solid 1px #E1DDD0;
	border-right: solid 1px #E1DDD0;
	padding-left: 5px;
}
.PhotoDetail .Left .Top .ImgTitle {
	color: #E77C23;
	font-weight: bold;
	float: left;
	margin-top: 5px;
}
.PhotoDetail .Left .Top .View {
	float: right;
	padding-right: 5px;
}
.PhotoDetail .Left .Top .Next {
	float: right;
	width: 50px;
	border: solid 1px red;
	text-align: center;
	margin-right: 2px;
}
.PhotoDetail .Left .Navigator {
	float: right;
}
.PhotoDetail .Right {
	width: 238px;
	float: left;
}
.PhotoDetail .Right .Thumb {
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
	width: 210px;
	border-bottom: solid 1px #2b2b2b;
}
.PhotoDetail .Right .Thumb a 
{
    color:Orange;
}

.PhotoDetail .Right .Thumb .TitleThumb {
	width: 132px;
	height: 26px;
	margin-left: 5px;
}
.PhotoDetail .Right .ImgThumb {
	float: left;
	margin-right: 5px;
}
.PhotoDetail .Right .ImgThumb a {
	text-decoration: none;
}
.PhotoDetail .Right .ImgThumb img {
	border: solid 1px gray;
	padding: 1px 1px 1px 1px;
}
.PhotoDetail .Left .Vote {
	float: left;
	margin-top: 5px;
}

.ShareLink {
	float: left;
	text-align: right;
	padding: 5px;
}
.ShareLink input {
	border: solid 1px #000000;
	width: 400px;
	vertical-align: middle;
	background-color: #ffffff;
	color: #246323;
	font-family: "Courier New", Courier, monospace;
}

/* Photo Item */
.ListPhotoItem {
	width: 130px;
	height: 210px;
	font-size: 10px;
	margin-right: 3px;
	float: left;
}

.ListPhotoItem span {
	display: block;
}
.ListPhotoItem .Approve {
	position:absolute;
	z-index:2;
	text-align:center;
	width:123px;
	margin-left:3px;
	background-color:Black;
	filter:alpha(opacity=80);
	opacity:0.8;
	margin-top:2px;
}

.ListPhotoItem .Detail {
	float: left;
	width: 130px;	
	margin-top:127px;
}
.ListPhotoItem .Detail a 
{
	padding:0px;
	color:White;
	font-size:11px;
}

.ListPhotoItem .Thumb {
	text-align: center;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	text-align: center;
	width: 125px;
	height:125px;
	position: absolute;
	z-index: 1;
}
.ListPhotoItem .Thumb a 
{
	padding:0px;
}

.ListPhotoItem .Thumb img {
	border:solid 1px #B2B1AF;
	margin-top:1px;
	/*width:123px;
	height:93px;*/
}

.ListPhotoItem .Name {
	height: 25px;
	line-height:15px;
	padding-bottom:3px;
}
.ListPhotoItem .Name a {
	font-size: 11px;
	font-weight: bold;
	color: Orange;
}
.ListPhotoItem .Name a:hover {
	color: orange;
}
.ListPhotoItem .Right {
	float: left;
	width: 110px;
	height: 18px;
	color: #B2B1AF;
}

.ListPhotoItem .Right a:link, .ListVideoItem .Right a:visited, .ListVideoItem .Right a:active {
	font-style:normal;
}


/* Video Item */
.ListVideoItem {
	width: 130px;
	height: 180px;
	font-size: 10px;
	margin-right:3px;
	float: left;
}

.ListVideoItem span {
	display: block;
}
.ListVideoItem .Approve {
	position:absolute;
	z-index:2;
	text-align:center;
	width:123px;
	margin-left:3px;
	background-color:Black;
	filter:alpha(opacity=80);
	opacity:0.8;
	margin-top:2px;
	color:Red;
}

.ListVideoItem .Detail {
	float: left;
	width: 130px;	
	margin-top:100px;
}
.ListVideoItem .Detail a 
{
	padding:0px;
	color:White;
	font-size:11px;
}

.ListVideoItem .Thumb {
	text-align: center;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	text-align: center;
	width: 125px;
	height:125px;
	position: absolute;
	z-index: 1;
}
.ListVideoItem .Thumb a 
{
	padding:0px;
}

.ListVideoItem .Thumb img {
	border:solid 2px #666666;
	margin-top:1px;
	width:123px;
	height:93px;
}

.ListVideoItem .Name {
	height: 25px;
	line-height:15px;
	padding-bottom:3px;
}
.ListVideoItem .Name a {
	font-size: 11px;
	font-weight: bold;
	color: Orange;
}
.ListVideoItem .Name a:hover {
	color: orange;
}
.ListVideoItem .Right {
	float: left;
	width: 110px;
	height: 18px;
	color: #B2B1AF;
}

.ListVideoItem .Right a:link, .ListVideoItem .Right a:visited, .ListVideoItem .Right a:active {
	font-style:normal;
}

/* end list video item */

.HomeMusic 
{
	float:right;
	width:100%;
}

.HomeMusic a
{
	color:Orange;
	padding:0px;
}

.HomeMusic span
{
	display:block;
}

.HomeMusic .Item
{
	height:44px;
	border-top:solid 1px #40444A;
	color:White;
}

.HomeMusic .Play 
{
	width:34px;
	height:43px;
	float:right;
	margin-right:10px;
}
.HomeMusic .Text
{
	float:left;
	margin-top:7px;
	margin-left:5px;
}

.HomeMusic .Text a 
{
	padding:0px;
}
