/*fade-multi-lines
http://stackoverflow.com/questions/6222616/with-css-use-for-overflowed-block-of-multi-lines
http://jsfiddle.net/DpQ7e/35/
e.g. <p class="gs-ui-li-desc-width fade-box fade-line-clamp fade">In preparation for the [ fade ]
*/
.fade-2-lines{
  height: 30px; /* exactly two lines */
  max-height: 30px; /* I needed this to get it to work */
}
.fade-3-lines{
  height: 45px; /* exactly three lines */
  max-height: 45px; /* I needed this to get it to work */
}
.fade-9-lines{
  height: 135px; /* exactly nine lines */
  max-height: 135px; /* I needed this to get it to work */
}
.fade-box {
  /*require: width: 230px;*/
  white-space:normal !important;
  line-height:15px;
  overflow: hidden;
  margin: 0px;
}
.fade-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  /*max-height: 45px;*/ /* I needed this to get it to work */
}
.fadeGradient {
  position: relative;
  /*height: 45px;*/ /* exactly three lines */
}
.fadeGradient:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 15px;
  /*
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
  */
	/*
	Ultimate CSS Gradient Generator
	http://www.colorzilla.com/gradient-editor/*/ 
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


/*##### for theme-G; BLUE #####*/

/*ui-btn-(g): mouse-over [ .fadeGradient:after ]*/
.ui-page-theme-g .ui-btn:hover .fadeGradient:after, 
html .ui-bar-g .ui-btn:hover .fadeGradient:after,
html .ui-body-g .ui-btn:hover .fadeGradient:after,
html body .ui-group-theme-g .ui-btn:hover .fadeGradient:after,
html head body .ui-btn.ui-btn-g:hover .fadeGradient:after {
background: -moz-linear-gradient(left,  rgba(142,186,222,0) 0%, rgba(142,186,222,1) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(142,186,222,0)), color-stop(50%,rgba(142,186,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(142,186,222,0) 0%,rgba(142,186,222,1) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(142,186,222,0) 0%,rgba(142,186,222,1) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(142,186,222,0) 0%,rgba(142,186,222,1) 50%); /* IE10+ */
background: linear-gradient(to right,  rgba(142,186,222,0) 0%,rgba(142,186,222,1) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ebade', endColorstr='#8ebade',GradientType=1 ); /* IE6-9 */
}
/*ui-btn-(g): mouse-down [ .fadeGradient:after ]*/
.ui-page-theme-g .ui-btn:active .fadeGradient:after,
html .ui-bar-g .ui-btn:active .fadeGradient:after,
html .ui-body-g .ui-btn:active .fadeGradient:after,
html body .ui-group-theme-g .ui-btn:active .fadeGradient:after,
html head body .ui-btn.ui-btn-g:active .fadeGradient:after{
background: -moz-linear-gradient(left,  rgba(186,200,222,0) 0%, rgba(186,200,222,1) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(186,200,222,0)), color-stop(50%,rgba(186,200,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(186,200,222,0) 0%,rgba(186,200,222,1) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(186,200,222,0) 0%,rgba(186,200,222,1) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(186,200,222,0) 0%,rgba(186,200,222,1) 50%); /* IE10+ */
background: linear-gradient(to right,  rgba(186,200,222,0) 0%,rgba(186,200,222,1) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bac8de', endColorstr='#bac8de',GradientType=1 ); /* IE6-9 */
}