@charset "utf-8";

/* ----------------------------------------------

	ArtMeter / PHOTO GALLERY styles
	author   : (C)KAYAC http://www.kayac.com/
	created  : 2007/04/05
	modified : 2008/09/24

---------------------------------------------- */

/* LIGHT BOX
---------------------------------------------- */

div#modal_overlay {
	background: url(/img/photo/scale_head.gif) repeat-x 0 0;
}
div#modal_container {
	margin: 0 auto;
	padding:0px;
	overflow:auto;
	color: #FFF;
	text-align: center;
}
	div#modal_container a {
		color: #FFF;
	}
	div#modal_container a:hover {
		color: #000;
	}

div#modal_container div.pgCaption {
	width: 468px;
	margin: 0 auto;
}


div#modal_container p.pgImg img {
	margin: 0 auto;
	border: 1px solid #CCC;
	text-align: center;
}

	div#modal_container div.user,
	div#modal_container div.artist {
		border: none !important;
	}
	div.pgPeople {
		display: block;
		float: left;
		width: 127px;
		height: 120px;
		margin-top: 10px;
		margin-right: 5px;
		padding-top: 5px;
		text-align: center;
		background: url(/img/photo/bg_pg_people.gif) no-repeat 0 0;
	}
	div.pgPeople h5 {
		margin-top: 5px;
		margin-right: 7px;
		color: #CCC;
		font-weight: normal;
		font-size: 85%;
		text-align: center;
	}
	div.pgPeople p.unitPeople {
		float: none;
		width: 57px;
		margin: 0 36px 0pt 24px;
	}
	div.artist p.unitPeople img.noProf {
		display: block;
		margin: 0 auto 5px;
		border: 3px solid #6F9DBE !important;
	}
	div.user p.unitPeople img.noProf {
		display: block;
		margin: 0 auto 5px;
		border: 3px solid #588E03 !important;
	}


div#modal_container div.pgCaptionList {
	float: left;
	width: 468px;
	margin-top: 10px;
	padding: 5px 0;
	color: #FFF;
	text-align: left;
	background: #000;
	/* background: url(/img/common/bg_baloon01.gif) no-repeat 50% 0; */
}
div#modal_container div.pgCaptionList h4 {
	margin: 10px 15px 0;
	padding-left: 20px;
	font-weight: normal;
	font-size: 93%;
}
div#modal_container div.pgCaptionList h4.pgCaptionArtist {
	background: url(/img/common/icn_head_artist.gif) no-repeat 0 50%;
}
div#modal_container div.pgCaptionList h4.pgCaptionUser {
	background: url(/img/common/icn_head_user.gif) no-repeat 0 50%;
}
div#modal_container div.pgCaptionList dl {
	margin: 4px 15px 10px;
	padding-top: 10px;
	background: url(/img/common/line_dot01.gif) repeat-x 0 0;
}
div#modal_container div.pgCaptionList dl dt {
	float: left;
	clear: left;
	width: 65px;
	padding: 1px 5px;
	color: #CCC;
	font-size: 107%;
	font-weight: normal;
}
div#modal_container div.pgCaptionList dl dd {
	float: left;
	width: 345px;
	padding: 1px 4px;
	font-size: 107%;
}
div#modal_container div.pgCaptionList dl dd.pgTitle {
	font-weight: bold;
	font-size: 136%;
}
div#modal_container div.pgCaptionList dl dt.pgTitle {
	margin-top: 3px;
}

	/*  CLEAR FIX 
	---------------------------------------------- */
	
	div#modal_container div.pgCaptionList dl {
			zoom:1;/*for IE 5.5-7*/
	}
	div#modal_container div.pgCaptionList dl:after {/*for modern browser*/
			content:".";
			display: block;
			height:0px;
			clear:both;
			visibility:hidden;
	}
	* html div#modal_container div.pgCaptionList dl {
		display:inline-table;
		/*\*/display:block;/**/
	}


div#modal_container div.pgScaleHead {
	width: 100%;
	height: 25px;
	background-image: url(/img/photo/scale_head.gif);
	background-repeat: repeat-x;
}

div#modal_container p.btnPgClose {
	clear: both;
	padding: 15px 0;
	text-align: center;
}
div#modal_container p.btnPgClose a {
	width: 63px;
	height: 17px;
	margin: 0 auto;
	z-index: 99999;
	background-image: url(/img/photo/btn_pg_close.gif);
}



div#modal_overlay {
	background-color: #fff;
}

div#modal_overlay div.scale_head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-image: url(/img/photo/scale_head.gif);
	background-repeat: repeat-x;
}

div#modal_overlay .test {
	background-color: #000;
	color: #fff;
}



/* General TAGS
---------------------------------------------- */

div.noFlash {
	height: 400px;
}

/* TextLink -> ImgLink
---------------------------------------------- */

/* Vertical */

p#goSendworks a,
p#goSendworksCompe a,
div#formBtn p#btnPhGallery a,
div#modal_container p.btnPgClose a {
	display: block;
	text-indent: -9999px;
	outline: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}
p#goSendworks a:hover,
p#goSendworksCompe a:hover,
div#formBtn p#btnPhGallery a:hover,
div#modal_container p.btnPgClose a:hover {
	background-position: 0 100%;
}