@charset "utf-8";
/* CSS Document */

#container{
margin-left:auto;
margin-right:auto;
text-align:left;
position:relative;
}
html {
scrollbar-face-color:#f0ae00;
scrollbar-highlight-color:#f2b92f;
scrollbar-3dlight-color:#fbe167;
scrollbar-darkshadow-color:#eeb637;
scrollbar-shadow-color:#E39A37;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#ffc11e;
}
#headerWrapper{
	min-height:490px;
	background:url(../images/header_bg.jpg) left repeat-x;
}
#header{
	width:950px;
	height:490px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	overflow:hidden;
}
#content1{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	background:url(../images/content_bgRepeatV2.png);
	
}
#content2{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px 35px 0px 50px;
	background:url(../images/content_bgV2.png) left top no-repeat;
}
div.footer{
	width:920px;
	height: 59px;
	margin: 0 auto;
	background:url(../images/content_footerV2.png) left top no-repeat;
}
table.mainTable{
	width:810px;
}
#leftBox{
	width:600px;
	min-height:1750px;
}
#leftSubPageContent{
	overflow:hidden;
	padding:25px 15px 15px 25px;
}
#left01Left02{
	width:601px;
	height:351px;
	position:relative;
	background:url(../images/left01SiamHotEventLeft02News.png) left top no-repeat;
}
#left01SiamHotEvent {position:absolute; left:13px; top:80px;}
#left02News{
	left:232px;
	top:10px;
	position:absolute;
}
#left02TrendyNews
{
	overflow: hidden;
}
#left02TrendyNewsButtonWrapper{
	width:367px;
	height:43px;
	position:relative;
	top:5px;
}
#left03Left04{
	width:592px;
	height:669px;
	position:relative;
	background:url(../images/left03TrendyLifeStyleLeft04TrendyClip.png) left top no-repeat;
}
#left03TrendyLifeStyle  {position:absolute; left:20px; top:73px;}
#left03Left04Ads		{position:absolute; left:292px; top:55px;}
#left04TrendyClipPlaying{position:absolute; left:294px; top:306px;}
#left04TrendyClipList	{position:absolute; left:294px; top:506px;}
#left04TrendyClipMore	{position:absolute; right:0px; bottom:35px;}

#left05060708Wrapper	{padding-left:20px;}
#left05TrendyGames{
	width:567px;
	height:390px;
	position:relative;
	background:url(../images/left05TrendyGames.png) left top no-repeat;
}
#left05TrendyGamesContent	{position:absolute; left:22px; top:70px;}
#left05TrendyGamesMore		{position:absolute; right:0px; bottom:0px;}
#left06TrendyMovies{
	width:572px;
	height:615px;
	position:relative;
	background:url(../images/left06TrendyMovies.png) left top no-repeat;
}
#left06TrendyMovies .image{
}
#left06TrendyMoviesContent	{position:absolute; left:22px; top:17px;}
#left06TrendyMoviesMore		{position:absolute; right:0px; bottom:0px;}

#left07TrendyFriend{
	width:585px;
	height:470px;
	position:relative;
	background:url(../images/left07TrendyFriend.png) left top no-repeat;
}
#left07TrendyFriendTitleText{position:absolute; left:105px; top:87px; font-size:11px;}
#left07TrendyFriendContent	{position:absolute; left:20px; top:118px;}
#left07TrendyFriendMore		{position:absolute; right:3px; bottom:0px;}
#left08Webboard{
	width:572px;
	height:442px;
	position:relative;
	background:url(../images/left08Webboard.png) left top no-repeat;
}
#left08WebboardMenu		{position:absolute; left:25px; top:66px; font-size:11px;}
#left08WebboardContent	{position:absolute; left:20px; top:95px;}
#left08WebboardMore		{position:absolute; right:14px; bottom:22px;}
.webboardBy{
 color:#C00;
}
div.left01SiamHotEventWrapper{
	width:195px;
	background:url(../images/left01SiamHotEvenWrapperLine.jpg) left bottom no-repeat;
	margin-bottom:5px;
	padding-bottom:5px;
	
}
div.left01SiamHotEventDateTime{
	width:180px;
	height:16px;
	padding:1px 2px;
}
div.left01SiamHotEventDateTime , div.left01SiamHotEventDateDate{
	color:#FFF;
	font-weight:bold;
	line-height:16px;
}
div.left01SiamHotEventContent{
	padding:2px 4px;
}

div.left02TrendyNewsButton{
	left:2px;
	position:relative;
}
div.left02TrendySocietyButton{
	left:-6px;
	position:relative;
}
div.left02TrendyTechnologyButton{
	top:-2px;
	left:-16px;
	position:relative;
}

div.left02TrendyNewsContentWrapper{
	width:367px;
	height:250px;
	position:relative;
}

div.left02TrendyNewsThumbWrapper{
	width:367px;
	height:191px;
	position:relative;
}

div.left02TrendyNewsThumb{
	width:242px;
	height:147px;
	left:30px;
	top:23px;
	position:relative;
}

div.left02TrendyNewsHead{
	width:325px;
	left:23px;
	position:relative;
}

div.left02TrendyNewsHead a{
	text-decoration:underline;
	font-weight:bold;
}

div.left02TrendyNewsText a{
	text-decoration:underline;
}

div.left02TrendyNewsText{
	width:325px;
	left:23px;
	position:relative;
}

div.left02TrendyNewsPaging{
	width:325px;
	height:15px;
	position:relative;
}

div.left02TrendyNewsPagingBackground{
	width:14px;
	height:14px;
	background-color:#000000;
	text-align:center;
}

div.left02TrendyNewsPagingBackground a{
	color:#FF9C00;
}

div.left03TrendyLifeStyleWrapper{
	width:260px; margin-bottom:8px;
}

div.left03TrendyLifeStyleThumb		{width:60px;}
div.left03TrendyLifeStyleThumb img	{ border:1px solid #000;}

div.left03TrendyLifeStyleText{
	width:185px;
	margin-left: 10px;
	overflow: hidden;
}
div.left03TrendyLifeStyleText h1{
	font-size:15px;
	line-height:16px;
}
div.left03TrendyLifeStyleText h3{
	font-size:13px;
	background:none;
	padding:0;
	font-weight:bold;
}
div.left03TrendyLifeStyleText a{
	text-decoration:underline;
}
div.left05TrendyGamesWrapperRow{
	width:540px;
	
}
div.left05TrendyGamesWrapper{
	width:126px;
	height:117px;
	background:#000;
	font-size:11px;
	margin-right:9px;
	margin-bottom:9px;
}
div.left05TrendyGamesWrapper a{
	
}
div.left05TrendyGamesWrapper a:link 	{color:#ff9900;}
div.left05TrendyGamesWrapper a:visited 	{color:#ff9900;}
div.left05TrendyGamesWrapper a:active 	{color:#ff9900;}
div.left05TrendyGamesWrapper a:hover 	{color:#ff0000;}

div.clipThumbWrap{
	width:90px;
	height:65px;
	background:#000;
	font-size:11px;
	margin-right:9px;
	margin-bottom:9px;
	margin-top:6px;
	padding-top:4px;
}
div.clipThumbWrapLink a{
	font-size:10px;
}
.clipThumbWrap img{
	margin-bottom:6px;
}
#moreClip{
	margin-top:15px;
	padding-right:10px;
	text-align:right;
}
#moreClip a,#moreClip a:visited{
	background:#FC0;
	color:#000;
	padding:4px 8px 4px 8px;
}
#moreClip a:hover{
	background:#FA0;
	color:#000;
}

div.left06TrendyMovieThumb		{width:100px;}
div.left06TrendyMovieThumb img	{ border:1px solid #000;}
div.left06TrendyMovieText{
	width:420px;
	margin-left: 10px;
	overflow: hidden;
}
div.left06TrendyMovieText h3{
	background:#FFF;
	padding:0;
	font-weight:bold;
	font-size:12px;
}
.head h1{
	color:#000;
}

#rightBox{
	width:210px;

	margin-left:5px;
}
#right01Login{
	background:url(../images/right01Login.png) center top no-repeat;
	width:210px;
	height:146px;
}
#right02Calendar{
	background:url(../images/right02Calendar.png) center top no-repeat;
	width:210px;
	height:191px;
}
#right03SendFriend{
	background:url(../images/right03SendFriend.png) center top no-repeat;
	width:210px;
	height:131px;
}
#right04MusicTopChart{
	background:url(../images/right04MusicTopChart.png) center top no-repeat;
	width:210px;
}
#right04AllChart{
	background:url(../images/right04AllChart.png) center top no-repeat;
	width:200px;
	height:28px;
	color:#ff6700;
	padding:3px 10px 0px 0px;
}
#right05TrentdySMS{
	position: relative;
	background:url(../images/right05TrentdySMS.png) left top no-repeat;
	width:200px;
	height: 550px;
	padding-top:64px;
}
#right05TrentdySMSContent{
	position: relative;
	background:#fffcd7;
	padding: 0px 5px;
	height: 324px;
	/*width: 190px;*/
	overflow-y: auto;
	overflow-x: hidden;
}
#right05TrentdySMSbottom{
	background:#FFA900;
	width:197px;
	/*margin-left:3px;*/
	padding-bottom:12px;
	position: absolute;
	float:left;
	bottom: 0px;
	top: 324px;
}
#right06PhotoGallery{
	position: relative;
	top: 0px;
	padding-left:5px;
}
div.divShowGalleryOuter{
	display:block;
	float:left;
	text-align:center;
	margin:5px;
	width:170px;
	min-height: 170px;
}
div.divShowGalleryInner{
	border:1px solid #ccc;
	padding:10px 5px;
	
}
div.divShowGalleryInner:hover {
	border:1px solid #666;
	background:#fdd900;
	
}
div.divShowGalleryInner img{
	border:1px solid #888;
}
#div_photoGallery{
	margin-top:10px;
}
#right07Ads{
	margin-left:9px;
}
#right08CopyRight{
	margin-left:0px;
	height:380px;
	width:210px;
	background:url(../images/rightFooterCopyRight.png) left bottom  no-repeat;
}
div.right07AdsBox{
	margin-bottom:12px;
}
div.right01LoginInner{
padding-top:46px;
}
div.right01LoginInputWrapper{
width:190px;
margin-left:10px;
}
div.right01LoginInputText{
width:58px;
padding:4px 3px 0px 0px;
}
div.right01LoginInputField{
padding:1px;
}
div.right01LoginButtonWrapper{
	width:192px;
	padding:3px 0px;
}
.right01LoginButton01 ,.right01LoginButton01:hover{
	width:62px;
	height:21px;
	font-size:11px;
}
.right01LoginButton01{
	background:url(../images/right01LoginButton01Normal.png) left top no-repeat;
}
.right01LoginButton01:hover{
	background:url(../images/right01LoginButton01Hover.png) left top no-repeat;
}
div.right01LoginButton02 ,div.right01LoginButton02:hover{
	width:74px;
	height:19px;
	font-size:11px;
}
div.right01LoginButton02 {
	background:url(../images/right01LoginButton02Normal.png) left top no-repeat;
}
div.right01LoginButton02:hover{
	background:url(../images/right01LoginButton02Hover.png) left top no-repeat;
}
div.right03SendFriendInner{
padding-top:70px;
}
div.right03SendFriendButton{
margin-top:4px;
}
div.right04MusicTopChartInner{
margin-left:3px;
}
div.right04MusicTopChartNumber{
width:23px;
padding:3px 0px;
}
div.right04MusicTopChartText{
width:170px;
margin-left:2px;
padding:3px 3px;
}
div.right05TrentdySMSWrapper{
border-bottom:#d79d00 1px solid;
margin-top:4px;
margin-bottom:4px;
}

div.right05TrentdySMSWrapper *
{
	font-size: 10px;
}

div.right05TrentdySMSName{
width:70px;
text-align: left;
float:left;
}
div.right05TrentdySMSdateTime{
width:95px;
text-align:right;
float:right;
/*font-size:11px;*/
}
div.right05TrentdySMSMessage{
text-align: left;

}
div.right05TrentdySMSInputWrapper{
width:190px;
padding-top:10px;
padding-left:5px;
}
div.right05TrentdySMSInputText{
width:50px;
padding:4px 3px 0px 0px;
font-size:11px;
}
div.right05TrentdySMSInputField{
width:135px;	
padding:3px 0px;
}
div.right05TrentdySMSButtonWrapper{
	width:188px;
	padding:2px 0px 5px 0px;
}
div.right05TrentdySMSButton01 ,div.right05TrentdySMSButton01:hover{
	width:62px;
	height:21px;
	font-size:11px;
}
div.right05TrentdySMSButton01{
	background:url(../images/right05TrentdySMSButton01Normal.png) left top no-repeat;
}
div.right05TrentdySMSButton01:hover{
	background:url(../images/right05TrentdySMSButton01Hover.png) left top no-repeat;
}
div.right05TrentdySMSButton02 ,div.right05TrentdySMSButton02:hover{
	width:74px;
	height:19px;
	font-size:11px;
}
div.right05TrentdySMSButton02 {
	background:url(../images/right05TrentdySMSButton02Normal.png) left top no-repeat;
}
div.right05TrentdySMSButton02:hover{
	background:url(../images/right05TrentdySMSButton02Hover.png) left top no-repeat;
}
div.right06PhotoGalleryWrapper{
padding:0px;
}
div.right06PhotoGalleryText{
padding:0;
}

div.right06PhotoGalleryPic{
	clear:both;
}


.TopChartBg{
background:#9d4d05;
}



/* Body */
* {
	padding:0px; 
	margin:0px; 
	line-height:14px;
}

body {
padding:0px;
line-height:150%; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px; 
font-weight:normal;
color:#222;
font-weight:normal;
margin:0;
text-align:center;
background:#ffd805 url(../images/bodyBg.png);
}

td,tr{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; 
font-weight:normal;
color:#000;
}

hr {
border:0px;
height:2px;
background-color:#aaa;
}
/* FONT LAYOUT HANDLING */

span{
line-height:150%; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px; 
font-weight:normal;
color:#222;
}
p {
line-height:130%; 
font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
font-weight:normal;
color:#333;}

p a					{text-decoration:underline; font-size: 12px; font-weight: normal; color: #000; font-family:Verdana, Arial, Helvetica, sans-serif;}
p a:link 			{text-decoration:underline; font-size: 12px; font-weight: normal; color: #000; font-family:Verdana, Arial, Helvetica, sans-serif;}
p a:visited 		{text-decoration:underline; font-size: 12px; font-weight: normal; color: #000; font-family:Verdana, Arial, Helvetica, sans-serif;}
p a:active 			{text-decoration:underline; font-size: 12px; font-weight: normal; color: #000; font-family:Verdana, Arial, Helvetica, sans-serif;}
p a:hover 			{text-decoration:none; font-size: 12px; font-weight: normal; color: #555; font-family:Verdana, Arial, Helvetica, sans-serif;}

h1,h2,h3,h4,h5,h6{
	display:inline-block;
	padding:8px;
}

h1 {
margin:0; 
padding-left:0;
font-family:arial, verdana; 
font-size:16px; 
font-weight:bold;
color:#000;}

h2 {
margin:0; 
font-family:arial, verdana; 
font-size:14px; 
font-weight:normal;
color:#c20101;}

h3 {
margin:0; 
font-family:arial, verdana; 
font-size:12px; 
font-weight:bold;
color:#c20101;}

h3#webboard {
	background:none;
}

h4 {
margin:0; 
font-family:arial, verdana;  
font-size:12px; 
font-weight:normal;
color:#c20101;}

h5 {
margin:0; 
font-family:arial, verdana; 
font-size:11px; 
font-weight:bold;
color:#c20101;}

h6 {
margin:0; 
font-family:arial, verdana;  
font-size:10px; 
font-weight:bold;
color:#c20101;}

label
{
	line-height: 150%;
}

/* LINK HANDLING */
a					{text-decoration:none; font-size: 12px; font-weight: normal; color: #000;}
a:link 				{text-decoration:none; font-size: 12px; font-weight: normal; color: #000;}
a:visited 			{text-decoration:none; font-size: 12px; font-weight: normal; color: #000;}
a:active 			{text-decoration:none; font-size: 12px; font-weight: normal; color: #000;}
a:hover 			{text-decoration:underline; font-size: 12px; font-weight: normal; color: #000;}

/* IMAGE HANDLING */
.pngfix,img {
   behavior: url("../css/iepngfix/iepngfix.htc");}

a img {
	outline: none;
	border: none;
	border:0px;
	text-decoration: none;
}
.bold{
	font-weight:bold;
}

img {
	outline: none;
	border: none;
	text-decoration: none;
	}
	
img.left02TrendyNewsImage{
	width:242px;
	height:147px;
}

.floatLeft{
float:left;
}
.floatRight{
float:right;
}
input.inputLogin{
height:22px;
line-height:22px;
border:1px solid #cccccc;
width:125px;
}
input.inputLogin:focus{
	background:#eee;
}

input.inputSendFriend{
width:170px;
#width:154px;
height:22px;
line-height:22px;
padding:0px 8px;
border:1px solid #714808;
background:#000000;
color:#FFFFFF;
}
input.ButtonSendFriend{
width:77px;
height:20px;
background:url(../images/right03SendFriendButton.png) left top no-repeat;
border:none;
font-size:11px;
}
input.SMSInput{
width:135px;
height:20px;
background:#d79d00;
border:none;
}
input.SMSInput:focus{
	background:#cd8500;
}
textarea.SMStextarea{
width:135px;
height:60px;
background:#d79d00;
border:none;
overflow:auto;
}
textarea.SMStextarea:focus{
	background:#cd8500;
}
.center{
text-align:center;
}
.left{
text-align:left;
}
.right{
text-align:right;
}
.button{
cursor:pointer;
cursor:hand;
}

.bgcolor01{background:#F63;}
.bgcolor02{background:#6F0;}
.bgcolor03{background:#0CF;}
.bgcolor04{background:#F6C;}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/* Clearfix - EOC */

/* Event */

div.head-image{
	padding:20px 5px;
}

/* Trendy Snack Robert */
#trendysnack h1{
	font-size:15px;
}
#trendysnack .product{
	margin-bottom:8px;
	padding-bottom:8px;
	width:530px;
	border-bottom:1px dashed #CCC;
}
#trendysnack .productImg{
	float:right;
	margin-left:15px;
}
#trendysnack .productName{
	font-size:18px;
	margin-top:2px;
}
#trendysnack .productSub{
	font-size:14px;
	
	margin-top:4px;
	margin-bottom:6px;
	color:#777;
}
#trendysnack .productDesc{
	font-size:12px;
	margin-top:5px;
}
#trendysnack #pdOri{
	color:#C00;
}
#trendysnack #pdChil{
	color:#e45512;
}
#trendysnack #pdNori{
	color:#008137;
}
#trendysnack #pdKur{
	color:#0091cc;
}
#trendysnack #pdSea{
	color:#d62a81;
}
#trendysnack #pdShrimp{
	color:#e5bc00;
}

#newsList .newsListWrap{
	margin-bottom:10px;
}
#newsList .newsListThumb{
	width:60px;
}
#newsList .newsListThumb img{
	border:1px solid #000;
}
#newsList .newsListText{
	width:460px;
	margin-left:10px;
}
#newsList .newsListText span a{
	font-size:14px;
	color:#e04500;
	font-weight:bold;
}

.listCatHead a,.listCatHead a:visited{
	font-size:12px;
	color:#000;
	font-weight:normal;
	background:#fcd500;
	text-decoration:none;
	padding:1px 6px 1px 6px;
}
.listCatHead a:hover{
	color:#FFF;
	background:#333;
	text-decoration:none;
}

.border{
border:1px solid #000;
}
/*	Earth	*/
#content
{
	
}

/*	Main Flash Video	*/
#left02News #flashPlayer
{
	position: absolute;
	top: 87px;
	left: 235px;
}

/*	Shoutbox iframe	*/
#_shoutBox
{
	position: absolute;
	width: 197px;
	height: 540px;
	overflow: auto;
	margin-left: 3px;
	top: 64px;
}
#hanami2pm{
	font-size:13px;
	font-family:arial;
}
#hanami2pm b{
	color:#0040ab;
}
#hanami2pm p{
	margin:10px 0 6px 0;
}
#hanami2pm ol{
	padding-left:24px;
}
#hanami2pm ol li{
	padding-top:4px;
	padding-bottom:4px;
	
	line-height:130%;
}
#hanami2pm h2,#hanami2pm h3{
	padding-left:0px;
	font-weight:bold;
	color:#F00;
}
#createTeam label{
	width:100px;
	float:left;
	display:block;
}
#createTeam input{
	margin-bottom:4px;
}

/* begin data grid style */
table.dataGrid
{
	background: white;
	border-collapse: collapse;
	width: 100%;
}

table.dataGrid th, table.dataGrid td
{
	font-size: 0.9em;
	border: 1px #333 solid;
	padding: 0.3em;
}

table.dataGrid th
{
	background: url(../images/cat.png) repeat-x #EEE;
	text-align: center;
	color:#EEE;
	font-size:11px;
}
table.dataGrid th a,table.dataGrid th a:visited
{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}

table.dataGrid th.label
{
	width: 150px;
}

table.dataGrid tr.odd
{
	background: #EFEFEF;
}

#contactPage h2,#contactPage h3{
	margin:0;padding-left:0;padding-bottom:0;padding-top:0;
}
.footer a,.footer a:visited{
	color:#FC0;
	font-size:11px;
	font-family:arial;
}
.footer a:hover{
	color:#FE0;
	font-size:11px;
	font-family:arial;
}
/* end of data grid style */

/*	BEGIN Trendy Vote	*/
#trendy-vote
{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}

#trendy-vote div
{
	display: block;
}

#trendy-vote .header,
#trendy-vote-view .header
{
	position: relative;
	clear: both;
	width: 557px;
	height: 111px;
	background: url(../images/trendy-vote-title.png) no-repeat scroll left top;
}

#trendy-vote .header ul.menu,
#trendy-vote .header ul.menu li,
#trendy-vote-view .header ul.menu,
#trendy-vote-view .header ul.menu li
{
	list-style: none;
	margin: 0;
}

#trendy-vote .header ul.menu,
#trendy-vote-view .header ul.menu
{
	position: absolute;
	display: block;
	width: 100%;
	bottom: 15px;
	text-align: center;
}

#trendy-vote .header ul.menu li,
#trendy-vote-view .header ul.menu li
{
	display: inline;
}

#trendy-vote .header ul.menu li a,
#trendy-vote-view .header ul.menu li a
{
	padding: 4px;
	font-size: 24px;
	line-height: 24px;
}

#trendy-vote .user-image-container
{
	position: relative;
	clear: both;
	margin-top: 20px;
}

#trendy-vote .user-image-container .image-frame
{
	position: relative;
	width: 360px;
	height: 276px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/trendy-vote-frontPagePicuteFrame.png) no-repeat scroll left top;
	border: none;
}

#trendy-vote .user-image-container .image-frame .image-container
{
	position: absolute;
	width: 332px;
	height: 220px;
	top: 18px;
	left: 17px;
	overflow: hidden;
	background-color: #000;
	text-align: center;
}

#trendy-vote .user-image-container .image-frame .image-rating
{
	position: absolute;
	width: 80px;
	height: 16px;
	left: 18px;
	bottom: 17px;
	overflow: hidden;
}

#trendy-vote .user-image-container .content-container
{
	position: relative;
	width: 550px;
	margin: 0 auto;
	margin-top: 20px;
}

#trendy-vote .user-image-container .content-container label,
#trendy-vote .user-image-container .content-container .content,
#trendy-vote .user-image-container .content-container .content strong
{
	font-size: 12px;
	line-height: 20px;
}

#trendy-vote .user-image-container .content-container label
{
	width: 100px;
	text-align: right;
	float: left;
	clear: left;
	color: #ff7c00;
}

#trendy-vote .user-image-container .content-container label:after
{
	content: ":";
}

#trendy-vote .user-image-container .content-container .content
{
	float: left;
	width: 440px;
	margin-left: 5px;
	color: #333;
}

#trendy-vote .user-image-container .content-container .content strong a
{
	font-weight: bold;
	color: #c20101;
}

#trendy-vote .thumbnail-container
{
	position: relative;
	clear: both;
	width: 100%;
	/*margin-top: 40px;*/
}

#trendy-vote .thumbnail-container .thumbnail
{
	position: relative;
	float: left;
	width: 120px;
	height: 140px;
	background-color: #ddd;
	margin: 5px 0px 5px 10px;
	border: 1px solid #999;
	color: #333;
	font-size: 12px;
}

#trendy-vote .thumbnail-container .thumbnail:hover
{
	background-color: #fade94;
}

#trendy-vote .thumbnail-container .thumbnail .title
{
	position: relative;
	width: 90%;
	margin: 0 auto;
	margin-top: 5px;
	font-weight: bold;
	overflow: hidden;
}

#trendy-vote .thumbnail-container .thumbnail .thumbnail-image
{
	position: absolute;
	width: 110px;
	height: 90px;
	left: 4px;
	top: 25px;
	background-color: #000;
	border: 1px solid #999;
	text-align: center;
	overflow: hidden;
}

#trendy-vote .thumbnail-container .thumbnail .thumbnail-text
{
	position: absolute;
	height: 20px;
	left: 0px;
	right: 0px;
	bottom: 2px;
	padding: 0 5px;
	overflow: hidden;
	font-size: 10px;
}

#trendy-vote .thumbnail-container .thumbnail .thumbnail-text .rating-bar
{
	float: left;
}

#trendy-vote .thumbnail-container .thumbnail .thumbnail-text .total-vote
{
	float: left;
	text-align: left;
	line-height: 20px;
}

#trendy-vote .thumbnail-container .thumbnail .thumbnail-text .rating-text
{
	float: right;
	text-align: right;
	line-height: 20px;
}

#trendy-vote .pagination
{
	position: relative;
	margin-top: 20px;
	text-align: center;
}

/*#trendy-vote-view .header
{
	position: relative;
	clear: both;
	width: 557px;
	height: 111px;
	background: url(../images/trendy-vote-title.png) no-repeat scroll left top;
}*/

#trendy-vote-view .user-image-container .image-frame
{
	position: relative;
	width: 99%;
	margin: 0 auto;
	background-color: #ddd;
	border: 1px solid #999;
}

#trendy-vote-view .user-image-container .image-frame *
{
	font-size: 12px;
}

#trendy-vote-view .user-image-container .image-frame .image-container
{
	position: relative;
	width: 540px;
	height: 405px;
	margin: 10px auto;
	background-color: #000;
	border: 1px solid #999;
	overflow: hidden;
	text-align: center;
}

#trendy-vote-view .user-image-container .image-frame .description
{
	position: relative;
	width: 530px;
	min-height: 15px;
	max-height: 150px;
	overflow: auto;
	margin: 0 auto;
}

#trendy-vote-view .user-image-container .image-frame .frame-footer
{
	position: relative;
	width: auto;
	margin: 5px;
}

#trendy-vote-view .user-image-container .image-frame .frame-footer .total-vote
{
	position: relative;
	float: left;
}

#trendy-vote-view .user-image-container .image-frame .frame-footer .total-vote label
{
	font-weight: bold;
	color: #666;
}

#trendy-vote-view .user-image-container .image-frame .frame-footer .total-vote span
{
	color: #666;
}

#trendy-vote-view .user-image-container .image-frame .frame-footer .image-rating
{
	position: relative;
	float: right;
}

#trendy-vote-view .user-image-container .image-frame .frame-footer .image-rating label
{
	float: left;
	color: #666;
	font-weight: bold;
}

#trendy-vote-view .user-image-container .image-frame .frame-footer .image-rating .rating-bar,
#trendy-vote-view .user-image-container .image-frame .frame-footer .image-rating > span
{
	float: left;
	color: #666;
	margin: 0 2px;
}

#trendy-vote-view .user-image-container .image-frame .frame-footer .image-rating .rating-bar
{
	margin-top: 1px;
}

#trendy-vote-view .voting-container
{
	position: relative;
	width: 100%;
	margin-top: 20px;
}

#trendy-vote-view .voting-container .vote-buttons
{
	position: relative;
	width: 100%;
	text-align: center;
}

#trendy-vote-view .voting-container .vote-buttons div.errorSummary
{
	text-align: left;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

#trendy-vote-view .voting-container .vote-buttons .verification-code
{
	position: relative;
	width: 180px;
	height: 44px;
	margin: 0 auto;
}

#trendy-vote-view .voting-container .vote-buttons .verification-code img,
#trendy-vote-view .voting-container .vote-buttons .verification-code input
{
	float: left;
}

#trendy-vote-view .voting-container .vote-buttons .verification-code input
{
	margin-top: 8px;
	cursor: default;
}

#trendy-vote-view .voting-container .vote-buttons input
{
	position: relative;
	width: 60px;
	height: 24px;
	background-color: #ddd;
	font-size: 12px;
	color: #333;
	margin: 0 5px;
	cursor: pointer;
	border: 1px solid #999;
}

#trendy-vote-view .voting-container .vote-buttons input:hover
{
	background-color: #fade94;
}

#trendy-vote-view .time-remain,
#trendy-vote-view .time-remain span
{
	position: relative;
	margin-top: 20px;
	font-size: 12px;
}

.rating-bar
{
	position: relative;
	width: 80px;
	height: 16px;
}

.rating-bar .mask,
.rating-bar .rating,
.rating-bar .background
{
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
}

.rating-bar .mask
{
	width: 100%;
	background: transparent url(../images/stars-bar.png) no-repeat scroll left top;
	z-index: 3;
}

.rating-bar .rating
{
	width: 0;
	background-color: #ff7c00;
	z-index: 2;
}

.rating-bar .background
{
	width: 100%;
	background-color: #999;
	z-index: 1;
}
/*	END Trendy Vote	*/