/*
* @author: William Khoe
*/

section#tips-details-list ul li:after
{
	display:block; clear:both; visibility: hidden;
	height:0;
	content:".";
}
.ie section#tips-details-list ul li
{
	zoom:1;
}

section#tips-details-list
{
	position:relative;
}
section#tips-details-list ul
{
	margin:0 0 50px 0;
	border-top:3px solid #F0F0F0;
	margin-top:20px;
}
section#tips-details-list ul li
{
	padding:20px 0;
	border-bottom:3px solid #F0F0F0;
}
section#tips-details-list ul li article
{
	overflow:hidden;
	color:#444;
}
section#tips-details-list ul li article h4
{
	font-size:14px; font-weight:700; text-transform:uppercase;
}
section#tips-details-list ul li article p
{
	margin:0 0 10px 0;
}
section#tips-details-list ul li article aside a.more
{
	padding:0;
	background:none;
	font-size:12px; text-transform:none;
}
section#tips-details-list ul li a.thumbnail
{
	float:left;
	margin:0 15px 0 0;
}

section#tips-details-list section.pagination.first
{
	position:absolute;
	top:0; right:0;
	transform:translateY(-100%);
}
section#tips-details-list section.pagination.last
{
	position:absolute;
	bottom:0; right:0;
	margin:0;
	padding:0;
	transform:translateY(100%);
}
section#tips-details-list section.pagination nav
{
	padding:7px 0;
}
section#tips-details-list section.pagination nav .current-page
{
	display:inline-block;
	margin:0 15px;
	font-size:12px; color:#888;
}
section#tips-details-list section.pagination nav input[type="submit"].prev,
section#tips-details-list section.pagination nav input[type="submit"].next
{
	display:inline-block;
	margin:0; padding:0 13px 0 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -582px;
	font-size:12px; font-weight:bold; color:#ED1C27; text-transform:uppercase;
	border:0;
}
section#tips-details-list section.pagination nav input[type="submit"].next:hover
{
	color:#222;
	background-position:100% -4147px;
}
section#tips-details-list section.pagination nav input[type="submit"].prev
{
	padding:0 0 0 13px;
	background-position:0 -704px;
}
section#tips-details-list section.pagination nav input[type="submit"].prev:hover
{
	color:#222;
	background-position:0 -4336px;
}
section#tips-details-list section.pagination nav input[type="submit"].prev.aspNetDisabled,
section#tips-details-list section.pagination nav input[type="submit"].next.aspNetDisabled
{
	color:#CCC;
	cursor:default;
	background-position:100% -643px;
}
section#tips-details-list section.pagination nav input[type="submit"].prev.aspNetDisabled
{
	background-position:0 -765px;
}

/* Regular Desktop */

@media only screen and (min-width:1024px)
{
	
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{

}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	section#tips-details-list section.pagination.first,
	section#tips-details-list section.pagination.last
	{
		position:relative;
		top:auto; bottom:auto; right:auto;
	}
	section#tips-details-list section.pagination.first
	{
		padding:0 0 10px 0;
	}
	section#tips-details-list section.pagination.last
	{
		padding:10px 0 30px 0;
	}
	section#tips-details-list section.pagination nav
	{
		padding:0;
	}
	section#tips-details-list section.pagination nav input[type="submit"].prev
	{
		position:absolute;
		top:11px; left:0;
	}
	section#tips-details-list section.pagination nav input[type="submit"].next
	{
		position:absolute;
		top:11px; right:0;
	}
	section#tips-details-list section.pagination.first nav input[type="submit"].prev,
	section#tips-details-list section.pagination.first nav input[type="submit"].next
	{
		top:0;
	}
	section#tips-details-list ul
	{
		margin:0;
	}
	section#tips-details-list section.pagination nav .current-page
	{
		display:block;
		text-align:center;
	}
	section#tips-details-list ul li a.thumbnail img
	{
		max-width:105px; height:auto;
	}
}