.tilegrid *
{
	font-size:1em;
    font-family: Helvetica, Helvetica Neue, Arial;
	text-align:left;
}

.tilegrid
{
	position:relative;
	overflow:hidden;
	min-height:300px!important;
}

.tilegrid.norightpane .tiles .tile .topright .likes, .tilegrid.norightpane .tiles .tile .topright .comments, .playmode.mobile .infobar .statistics .likes, .playmode.mobile .infobar .statistics .comments
{
	display:none;
}

.tilegrid.norightpane .tiles .tile .topright .firstone
{
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.tilegrid .datahtml
{
	display:none;
}

.tilegrid .loading, .playmode .loading
{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-40px;
	margin-top:-40px;
	z-index:7;
	background-image:url('loading.gif');
	background-repeat:no-repeat;
	background-position:center center;
	width:80px;
	height:80px;
}

.bgloading
{
	min-height:60px;
	background-image:url('loading.gif');
	background-repeat:no-repeat;
	background-position:center center;
}

.tilegrid .albumlist
{
}

.tilegrid .albumlist .albuminner .empty
{
	display:block;
	text-align:center;
	font-size:3em;
	margin-top:100px;
}

.tilegrid .albumlist .albumpath
{
	margin:10px;
	clear:both;
	display:none;
	height:2.5em;
	line-height:2.5em;
}

.tilegrid .albumlist .albumpath a, .tilegrid .albumlist .albumpath .a
{
	display:block;
	float:left;

	height:100%;
	text-indent:21px;
	padding:0px 5px;
	color:#fff;
	background-image:url(album2.png);
	background-position:5px center;
	background-repeat:no-repeat;
	background-color:#6A84B5;
}

.tilegrid .albumlist .albumpath a.root
{
	background-image:none;
	text-indent:0px;
}

.tilegrid .albumlist .albumpath .separator
{
	background-image:url('arrow.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:32px;
	height:100%;
	display:block;
	float:left;
}

.tilegrid .album
{
	position:relative;
	cursor:pointer;
	display:block;
	float:left;
	text-decoration:none;
}

.tilegrid .album .subalbumlogo
{
	display:block;
	border:1px solid #888888;
	background-color:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	padding:5px;
}

.tilegrid .album .albumlogo, .tilegrid .album .albumshadow1, .tilegrid .album .albumshadow2, .tilegrid .album .albumshadow3, .tilegrid .album .albumshadow4, .tilegrid .album .albumshadow5, .tilegrid .album .albumshadow6
{
	display:block;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	border:1px solid #888888;
	background-color:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	padding:5px;
}

.tilegrid .album .albumshadow1
{
	-webkit-transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
}

.tilegrid .album .albumshadow2
{
	-webkit-transform:rotate(4deg);
	-moz-transform:rotate(4deg);
	-o-transform:rotate(4deg);
	-ms-transform:rotate(4deg);
}

.tilegrid .album .albumshadow3
{
	-webkit-transform:rotate(6deg);
	-moz-transform:rotate(6deg);
	-o-transform:rotate(6deg);
	-ms-transform:rotate(6deg);
}

.tilegrid .album .albumshadow4
{
	-webkit-transform:rotate(8deg);
	-moz-transform:rotate(8deg);
	-o-transform:rotate(8deg);
	-ms-transform:rotate(8deg);
}

.tilegrid .album img
{
	width:100%;
	height:100%;
}

.tilegrid .album .new
{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url('new-flag.png');
	width:38px;
	height:36px;
}

.tilegrid .album .title
{
	display:block;
	text-align:center;
	font-size:1.2em;
	margin-top:0.5em;
	line-height:1.6em;
	font-weight:bold;
}

.tilegrid .album:hover .title
{
	color:#6A84B5;
}

.tilegrid .album .contents
{
	display:block;
	text-align:center;
	color:#888;
}

.tilegrid .album .subalbumlogo img
{
	margin:3px;
	border:1px solid #666;
}

.tilegrid .openedalbum
{
	display:none;
}

.tilegrid .openedalbum .albuminfo
{
	margin:5px 5px 1em 5px;
}

.tilegrid .openedalbum .albumlogo
{
	float:left;
	margin-right:5px;
	height:3.6em;
}

.tilegrid .openedalbum .albumlogo img
{
	max-height:100%;
}

.tilegrid .openedalbum .albumname
{
	color:#333;
	font-size:1.5em;
	line-height:1.6em;
	font-weight:bold;
}

.tilegrid .openedalbum .albumdesc
{
	font-size:1em;
	line-height:1.2em;
	color:#888;
}

.tilegrid .openedalbum .albuminfo .closealbum
{
	float:right;
	display:block;
	height:3.6em;
	line-height:3.6em;
	text-indent:32px;
	padding:0px 5px;
	color:#fff;
	cursor:pointer;
	background-image:url(undo.png);
	background-position:5px center;
	background-repeat:no-repeat;
	background-color:#6A84B5;
}

.tilegrid .tiles
{
	position:relative;
}

.tilegrid .tiles .tile
{
	display:block;
	position:absolute;
	border:1px solid #eaeaea;
	overflow:hidden;
}

.tilegrid .tiles .tile img
{
	max-width:none!important;
}

.tilegrid .tiles .tile .title
{
	position:absolute;
	width:100%;
	bottom:0px;
	color:#fff;
	line-height:1.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-indent:0.5em;
	background-image:url(titlebg.png);
	background-position:center top;
	background-repeat:repeat-x
}

.tilegrid .tiles .tile .mask
{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	cursor:pointer;
	font-size:200em;
	background-image:url(mask.png);
}

.tilegrid .tiles .tile .topright
{
	display:none;
	position:absolute;
	top:3px;
	right:3px;
}

.tilegrid .tiles .tile .topright .firstone
{
	border-left:1px solid #6B757E!important;
	margin-left:0px!important;


	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.tilegrid .tiles .tile .topright .tohighlight
{
	display:block;
	float:left;
	background-color:#f4f4f4;
	background-image:url(featured2.png);
	background-position:center center;
	background-repeat:no-repeat;
	width:25px;
	height:21px;
	cursor:pointer;
	border-top:1px solid #6B757E;
	border-bottom:1px solid #6B757E;
}

.tilegrid .tiles .tile .topright .likes
{
	margin-left:-1px;
	display:block;
	float:left;
	background-color:#f4f4f4;
	background-image:url(like.png);
	background-position:3px -30px;
	background-repeat:no-repeat;
	height:21px;
	line-height:21px;
	border-top:1px solid #6B757E;
	border-bottom:1px solid #6B757E;
	border-left:1px solid #ccc;
	margin-left:-1px;
	text-indent:19px;
	padding:0px 3px;
}

.tilegrid .tiles .tile .topright .comments
{
	display:block;
	float:left;
	background-color:#f4f4f4;
	background-image:url(comments.png);
	background-position:3px -30px;
	background-repeat:no-repeat;
	height:21px;
	line-height:21px;
	border-top:1px solid #6B757E;
	border-right:1px solid #6B757E;
	border-bottom:1px solid #6B757E;
	border-left:1px solid #ccc;
	margin-left:-1px;
	text-indent:19px;
	padding:0px 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;;
}

.tilegrid .tiles .tile.highlight .topright .tohighlight
{
	background-color:#6A84B5;
	background-image:url(featured1.png);
	border:1px solid #2C4E7E;
}

.tilegrid .tiles .largeversion
{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
}

.tilegrid .tiles .largeversion img
{
	max-width:none!important;
}

.playmode
{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	max-width: 100%!important;
	max-height: 100%!important;
	z-index: 10001;
	margin: 0;
	padding: 0;
	background-image:url(semiblack90.png);
}

.playmode .playarea
{
	max-width:90%;
	max-height:80%;
	width:90%;
	height:80%;
	margin:10% auto 10% auto;
	border:1px solid #222;
}

.playmode.mobile .playarea
{
	max-width:100%;
	max-height:100%;
	width:100%;
	height:100%;
}

.playmode .colleft
{
	height:100%;
	background-color:#000;
}

.playmode .colleft>div
{
	background-color:#000;
}

.playmode .colleft>div, .playmode .colright>div
{
	position:relative;
	width:100%;
	height:100%;
}

.playmode .colleft>div
{
	overflow:hidden;
}

.playmode .colleft .medialarge
{
	width:100%;
	height:100%;
}

.playmode .colleft .media
{
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}

.playmode .colleft .media *
{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
}

.playmode .colleft .navprev
{
	position:absolute;
	cursor:pointer;
	background-image:url(previous.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:56px;
	height:200px;
	left:0px;
	top:50%;
	margin-top:-100px;
}

.playmode .colleft .navnext
{
	position:absolute;
	cursor:pointer;
	background-image:url(next.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:56px;
	height:200px;
	right:0px;
	top:50%;
	margin-top:-100px;
}

.playmode.mobile .colleft .navprev, .playmode.mobile .colleft .navnext
{
	position:fixed;
	/*to fix a possible jQuery bug, if position is set to absolute, click event will not fire at least on my smart phone*/
}


.playmode .closeplaymode
{
	position:absolute;
	right:-0.5em;
	top:-0.5em;

	cursor:pointer;
	margin-left:1em;
	background-image:url(close.png);
	width:16px;
	height:16px;
	display:inline-block;
}

.playmode .fullscreen
{
	position:absolute;
	right:1em;
	top:1em;
	cursor:pointer;
	background-image:url(fullscreen.png);
	width:16px;
	height:16px;
	display:inline-block;
}

.playmode .mobileclose
{
	position:fixed;
	right:0px;
	top:0px;
	cursor:pointer;
	background-color:#000;
	background-image:url(cancel.png);
	background-repeat:no-repeat;
	background-position: center center;
	width:48px;
	height:48px;
	display:inline-block;
}

.playmode .infobar
{
	display:block;
	position:absolute;
	padding:0.5em;
	bottom:0px;
	left:0px;
	right:0px;
	height:2em;
	line-height:2em;
	background-image:url(semiblack50.png);
}

.playmode .infobar .medianame
{
	display:block;
	float:left;
	font-weight:bold;
	color:#fff;
}

.playmode .infobar .xofy
{
	display:block
	float:left;
	text-indent:0.5em;
	float:left;
	color:#aaa;
}

.playmode .infobar .statistics
{
	float:right;
}

.playmode .infobar .statistics .likes
{
	margin-right:1em;
	float:left;
	color:#fff;
	text-align:center;
	background-image:url(like.png);
	background-repeat:no-repeat;
	background-position: 3px 3px;
	text-indent:22px;
}

.playmode .infobar .statistics .comments
{
	float:left;
	color:#fff;
	text-align:center;
	background-image:url(comments.png);
	background-repeat:no-repeat;
	background-position: 3px 3px;
	text-indent:22px;
}


.playmode .colright
{
	padding:1.5em;
	width:25%;
	min-width:220px;
	max-width:280px;
	height:100%;
	background-color:#fff;
}

.playmode .colright .group
{
	position:relative;
}

.playmode .colright .grouppointer
{
	position:absolute;
	width:20px;
	height:10px;
	top:-9px;
	left:35px;
	margin-left:-10px;
	background-image:url(pointer.png);
	background-repeat:no-repeat;
}

.playmode .colright .groupbody
{
	border:1px solid #ccc;
	-moz-box-shadow: 1px 1px 4px #ccc;
	-webkit-box-shadow: 1px 1px 4px #ccc;
	box-shadow: 1px 1px 4px #ccc;
	margin-top:10px;
	overflow:auto;
}

.playmode .colright .separator {
    border-top: 1px solid rgb(215, 215, 215);
    border-bottom: 1px solid rgb(240, 240, 240);
    height: 0px;
    font-size: 0px;

	padding:0px;
	margin:10px 0px;
}

.playmode .colright .authorinfo
{
	min-height:60px;
}

.playmode .colright .authorinfo img
{
	max-height:4.5em;
}

.playmode .colright .location
{
	height:120px;
}

.playmode .colright .mediadesc
{
	min-height:40px;
	max-height:150px;
	overflow:auto;
}

.playmode .colright .addthis_toolbox
{
	margin-top:0.5em;
}

.playmode .colright .socialbuttons
{
	margin-top:1em;
}

.playmode .colright .like, .playmode .colright .downres, .playmode .colright .purchase
{
	display:block;
	float:left;
	background-color:#fff;
	background-image:url(topbg.png);
	background-position:center top;
	border:1px solid #A7A7A7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:1px 5px;
	margin-right:0.5em;
}

.playmode .colright a .label
{
	height:16px;
	line-height:16px;
}

.playmode .colright a .logo
{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
}

.playmode .colright .like .logo
{
	background-image:url(like.png);
	background-position:center bottom;
}

.playmode .colright .like.current
{
	border:1px solid #2C4E7E;
}

.playmode .colright .like.current .logo
{
	background-image:url(delete.png);
}

.playmode .colright .downres .logo
{
	background-image:url(buy.png);
}

.playmode .colright .purchase .logo
{
	background-image:url(buy.png);
}

.playmode .colright .like.current
{
	background-color:#6A84B5;
	color:#fff;
	background-image:none;
}

.playmode .colright .actions a
{
	display:block;
	float:left;
}

.playmode .colright .actions .dot
{
	display:block;
	float:left;
	margin-left:2px;
	margin-right:5px;
}

.playmode .colright .addcomment
{
	position:relative;
	padding:0.5em;
}

.playmode .colright .addcomment input
{
	padding:4px;
	width:96%;
	border:1px solid #a1a1a1;
}

.playmode .colright .addcomment textarea
{
	width:99%;
	height:3.6em;
	line-height:1.2em;
	border:1px solid #cccccc;
}

.playmode .colright .postcomment
{
	color:#999;
}

.playmode .colright .commentlist
{
}

.playmode .colright .viewhistory
{
	display:none;
}

.playmode .colright .commentlist .topline, .playmode .colright .viewhistory .topline
{
	border-top:1px dashed #cccccc;
}

.playmode .colright .alike
{
	padding:0.5em;
	background-image:url(like2.png);
	background-repeat:no-repeat;
	background-position:5px center;
	text-indent:18px;
}

.playmode .colright .acomment, .playmode .colright .avisitor
{
	padding:0.5em;
	position:relative;
	color:#333;
}

.playmode .colright .anonymous
{
	font-style:italic;
}

.playmode .colright .acomment .buttons
{
	position:absolute;
	right:0.5em;
	bottom:0.5em;
}

.playmode .colright .acomment .deletecomment
{
	display:block;
	width:16px;
	height:16px;
	background-image:url(delete.png);
}

.playmode .colright .quote
{
	position:absolute;
	background-image:url(quote_2.png);
	width:18px;
	height:14px;
	right:0.5em;
	bottom:0.5em;
}

.playmode .colright .author
{
}

.playmode .date
{
	margin-left:0.5em;
	color:#bbbbbb;
}