/*******
 * index
********/
.shorterFooter {
	height:86px !important;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	padding-bottom:0!important;
}
#free_btn_div {
	position:absolute;
	top:8px;
	left:190px;
	z-index:12;
}
#free_btn {
	width:158px;
	height:48px;
}
#footerButtonRow li a {
	color:#9b9b9b;
	display:block;
	font-weight:bold;
	border:1px solid #5d5d5e;
	border-top-color:#aaaaab;
	border-left-color:#000000;
	border-bottom-style:none;
}
#footerButtonRow .aicon {
	background-image:url(../images/footer_icon.png);
	background-repeat:no-repeat;
	width:48px;
	height:48px;
	display:block;
	margin-top:4px;
	margin-left:3px;
}
#footer_btn_how {background-position:0px -48px}
#footer_btn_feature {background-position:-48px -48px}
#footer_btn_showcase {background-position:-96px -48px}
#footer_btn_upgrade {background-position:-144px -48px}
#footer_btn_testimonial {background-position:-192px -48px}

#footerButtonRow li a span {
	float:left;
}
#footerButtonRow .alabel {
	padding-top:20px;
	padding-right:20px;
}
#footerButtonHighlight {
	background-color: #1b77a3;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #82c2da), color-stop(100%, #052e6d));
	background-image: -moz-linear-gradient(top, #82c2da 0%, #052e6d 100%);
	background-image: -ms-linear-gradient(top, #82c2da 0%, #052e6d 100%);
	background-image: -o-linear-gradient(top, #82c2da 0%, #052e6d 100%);
	background-image: linear-gradient(top, #82c2da 0%, #052e6d 100%);
	color:#ffffff;
}
#footerButtonRowContainer {
	display:block;
	margin:-17px auto 0 auto;
	height:76px;
	position:relative;
	
}
#footerButtonRow li a.footer_btn_first {
	border-left-color:#5d5d5e;
}
#footerButtonRow li a:hover {
	color:#ffffff;
	text-decoration:none;
}
#footerButtonRow li a.highlight {
	color:#ffffff;
	background-color:transparent;
}
#footerButtonRow li a:hover #footer_btn_how.aicon, #footerButtonRow li a.highlight #footer_btn_how.aicon {background-position:0 0;}
#footerButtonRow li a:hover #footer_btn_feature.aicon, #footerButtonRow li a.highlight #footer_btn_feature.aicon {background-position:-48px 0;}
#footerButtonRow li a:hover #footer_btn_showcase.aicon, #footerButtonRow li a.highlight #footer_btn_showcase.aicon {background-position:-96px 0;}
#footerButtonRow li a:hover #footer_btn_upgrade.aicon, #footerButtonRow li a.highlight #footer_btn_upgrade.aicon {background-position:-144px 0;}
#footerButtonRow li a:hover #footer_btn_testimonial.aicon, #footerButtonRow li a.highlight #footer_btn_testimonial.aicon {background-position:-192px 0;}
#footerButtonRow {
	text-align:center;
	display: table;
	margin:0 auto;
	background-color: #111111;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #454546), color-stop(100%, #0c0c0c));
	background-image: -moz-linear-gradient(top, #454546 0%, #0c0c0c 100%);
	background-image: -ms-linear-gradient(top, #454546 0%, #0c0c0c 100%);
	background-image: -o-linear-gradient(top, #454546 0%, #0c0c0c 100%);
	background-image: linear-gradient(top, #454546 0%, #0c0c0c 100%);
	position:relative;
}
#footerButtonRow li a, #footerButtonHighlight, #footerButtonRow {
	height:56px;
}
#footerButtonRow ul {
	display: table-cell;
	z-index:2;
	position:relative;
}
#footerButtonHighlight {
	z-index:1;
	position:absolute;
	top:1px;
	left:1px;
}
#footerButtonRow li {
	float:left;
}



/*********************
 * css gradient button
**********************/
a.multi-line-button {
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  background-clip: padding-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  color: #555555;
  display: block;
  font-weight:bold;
  text-align: center;
  text-decoration: none;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px 2px;
  -o-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px 2px;
  box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px 2px;
}
a.multi-line-button .title {
  font-size: 17px;
  display: block;
  margin-top: 6px;
}
a.multi-line-button .subtitle {
  font-size: 10px;
  display: block;
  margin-top: 1px;
}
a.multi-line-button.orange {
  background-color: #ffe300;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ffe300), color-stop(92%, #ffcb01), color-stop(100%, #f26522));
  background-image: -moz-linear-gradient(top, #ffe300 0%, #ffcb01 92%, #f26522 100%);
  background-image: -ms-linear-gradient(top, #ffe300 0%, #ffcb01 92%, #f26522 100%);
  background-image: -o-linear-gradient(top, #ffe300 0%, #ffcb01 92%, #f26522 100%);
  background-image: linear-gradient(top, #ffe300 0%, #ffcb01 92%, #f26522 100%);
  border-right-color: #fff020;
  border-bottom-color: #ee6b2c;
  border-left-color: #ffe31d;
  border-top-color: #ffe31d;
}
a.multi-line-button.orange:hover, a.multi-line-button.orange:focus {
  background-color: #fef40d;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #fef40d), color-stop(92%, #ffe801), color-stop(100%, #fb842c));
  background-image: -moz-linear-gradient(top, #fef40d 0%, #ffe801 92%, #fb842c 100%);
  background-image: -ms-linear-gradient(top, #fef40d 0%, #ffe801 92%, #fb842c 100%);
  background-image: -o-linear-gradient(top, #fef40d 0%, #ffe801 92%, #fb842c 100%);
  background-image: linear-gradient(top, #fef40d 0%, #ffe801 92%, #fb842c 100%);
  border-bottom-color: #fb842c;
}
a.multi-line-button.orange:active, a.multi-line-button.orange.depressed {
  background-color: #ffc100;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ffc100), color-stop(92%, #ffa201), color-stop(100%, #da4c19));
  background-image: -moz-linear-gradient(top, #ffc100 0%, #ffa201 92%, #da4c19 100%);
  background-image: -ms-linear-gradient(top, #ffc100 0%, #ffa201 92%, #da4c19 100%);
  background-image: -o-linear-gradient(top, #ffc100 0%, #ffa201 92%, #da4c19 100%);
  background-image: linear-gradient(top, #ffc100 0%, #ffa201 92%, #da4c19 100%);
  border-right-color: #ffd500;
  border-left-color: #ffd500;
  border-top-color: #ffd500;
  border-bottom-color: #da4c19;
}

/******
 * stat
*******/
#leftCol li, #rightCol li {
	list-style:none;
}

#leftCol {
	float:left;
	width:190px;
}
.statTitle {
	margin-left: 205px;
}

/*******************
 * presentation list
********************/
.list, .list0, .list1 {
	border-bottom:1px dashed #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
}
.list_content {
	padding-right:10px;
	white-space:normal;
}
.list_thumbnail, .list_thumbnail_k, .list_thumbnail_highlight, #bigSlide {
	padding:5px 5px;
	background-color:#DEF2FA;
	margin-right:10px;
	position:relative;
	text-align:center;
	white-space:nowrap;
}
.list_thumbnail,.list_thumbnail_highlight {
	width:81px;
	height:60px;
}
.list_thumbnail_k {
	width:241px;
	height:180px;
}
.thumbnail {	
	vertical-align:middle;
}
.list_thumbnail a:hover {
	background-color:transparent;
}
.list_content .title {
	font-weight:bold;
	font-size:0.95em;
}
.list_content .shortdescription {
	font-size:0.85em;
	margin:4px 0;
	line-height:1.2em;
}

#infoUser .list_info, #infoUser .list_photo {
	float:left;
}
.list_photo {
	text-align:center;
	margin-right:10px;
}
.list_photo img {
	padding:4px 4px;
	background-color:#DEF2FA;	
}
#infoUser .from {
	display:block;
}

/* add #resultList for not affect video_watch */
#resultList #infoUser{
	width: 240px;
	margin-bottom:10px;
}

#resultList #stat {
	margin-top:10px;
}
#resultList #duration {
	margin-top:8px;
}
#resultList .uploaddate {
	width:165px;
	display:block;
	white-space:normal;
}
.duration {
	font-size:0.7em;
	display:block;
}
.from, .uploaddate, .stat, #favDiv, #subDiv {
	font-size:0.7em;
	line-height:1.5em;
}
.from, .list_content .uploaddate, .stat, #favDiv, #subDiv {
	color:#888;
}
.stat {
	display:block;
	white-space:normal;
	padding:8px 8px;
}
#stat {
	background-color:#fafafa;
}
.more {
	float:right;
	font-size:0.7em;
}
#tab {
	width:100%;
	display:none;
}

#rightCol {
	float:right;
	width:750px;
}


#categories, #tag, #tabLink, #otherLink {
	padding:5px 10px 10px 10px;
}
#categories {
	background-color:#CCFF99;
}
#categories li, #tabLink li {
	font-size:0.8em;
}
#categories li, #tabLink li, #favList li, #archivesList li {
	line-height:1.5em;
	padding-left:5px;
}
#tag {
	margin-top:10px;
	background-color:#DEF2FA;
}
#tag span {
	margin-right:5px;
}
#tabLink, #categories {
	margin-bottom:10px;
}
#tabLink {
	border: 1px solid #ccc;
}

.rssLink {
	float:left;
	font-size:0.7em;
}
.rss {
	margin-left:10px;
}
.hl {
	font-weight:bold;
	background: url(../images/icon_arrow_right_red.gif) no-repeat 3px 6px;
}
.hl a {
	margin-left: 10px;
}

/********
 * search
*********/
#results_ {height:1500px;overflow:hidden}