/* @group Body construction */

*
{
	padding: 0px;
	margin: 0px;
}

html, body, #aspnetForm, #container
{
	height: 100%;
}

#aspnetForm > #container
{
	height: auto;
	min-height: 100%;
}

body
{
	color: #383838;
	font: 10pt "Helvetica Neue" , Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	background-image: none;
	background-color: white;
}

.cleaner
{
	clear: both;
	line-height: -1px;
	width: 1px;
}

.infoInput
{
	width: 250px;
}

#footer
{
	/*clear: both;*/
	position: relative;
	z-index: 10;
	height: 100px;
	margin-top: -100px;
}

#content
{
	padding-bottom: 100px;
}

.left
{
	float: left;
}

ul 
{
	text-align: left;
	margin-left: 30pt;
	padding-bottom: 10pt;
}

/* @group Contents */

div#contents
{
	margin: 0 auto;
	text-align: left;
}

div#contents a:link, a:visited
{
	color: #383838;
	text-decoration: underline;
}

div#contents a:hover
{
	color: #000;
}

div.box
{
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:hover
{
	text-decoration: underline;
	color: #383838;
}

/* @group Showcaseframe */

/* @group Albumsetframe */

div#albumsetfr
{
	padding: 40px auto 20px auto;
}

div#albumsetfr .albumName
{
	text-align: center;
	color: #000;
	font-size: 14pt;
	font-style: italic;
	margin: 0px auto 0px auto;
}

/* @end */

/* @group Pictureframe */

div#picturefr
{
	background-color: #fbfbfb;
	text-align: center;
	padding: 25px;
}

/* @end */

/* @group Picturetoolframe */

div#pictoolfr
{
	margin-top: 35px;
	margin-bottom: 35px;
}

div#pictoolfr .tool
{
	float: right;
	width: 33%;
	text-align: center;
}

div#pictoolfr p.relatedToolsLink
{
	text-align: right;
	margin: 0;
	margin-top: 10px;
}

div#pictoolfr p.center
{
	text-align: center;
	margin: 0;
}


/* @end */

div#showcasefr
{
	text-align: center;
	margin: 0px auto 0px auto;
	width: 840px;
}

div#showcasefr img
{
	border: 0px;
}

div#showcasefr a:link, a:visited, a:hover
{
	text-decoration: none;
	color: #383838;
}

div#tools a:link, a:visited, a:hover
{
	text-decoration: none;
	color: #383838;
}

div#tools a.unlink 
{
	text-decoration: underline;
}

div#showcasefr p
{
	text-align: left;
	padding: 10pt 0p;
	font-size: 10pt;
}

div#tankbox 
{
	min-height: 275px;
	vertical-align: middle;
}

/* @end */

/* @group AlbumList */

h2#gatewayHeadline
{
	font-size: 14pt;
	padding: 50px;
	text-align: center;
}

div#albumList
{
	width: 840px;
	margin: 0 auto;
	text-align: center;
}


div#albumList .left
{
	width: 48%;
	margin: 0;
	margin-right: 5px;
	text-align: center;
	float: left;
	padding-bottom: 20px;
}


div#albumList .right
{
	width: 48%;
	margin: 0;
	margin-left: 5px;
	text-align: center;
	float: right;
	padding-bottom: 20px;
}




div#albumList .albumIco
{
	width: 120px;
	margin: 0;
	padding-right: 10px;
	text-align: center;
	float: left;
}

div.albumDesc
{
	width: 270px;
	margin: 0;
	text-align: left;
	float: right;
}


div.albumIco
{
	width: 120px;
	margin: 0;
	padding-right: 10px;
	text-align: center;
	float: left;
}

div#albumList .description
{
	text-align: left;
}

div#albumList a
{
	text-decoration: underline;
}

h2.albumName
{
	padding-bottom: 5pt;
}

h2.showcaseAlbumName
{
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	font-size: 12pt;
	font-style: italic;
}

/* @end */

/* @end */

/* @end */

/* @group Toolbar */

div#toolbar
{
	width: 100%;
	bottom: 0;
	position: absolute;
	text-align: center;
}

div#toolbar .left
{
	float: left;
	width: auto;
	margin-right: 10pt;
	padding-top: 22px;
}

div#toolbar .right
{
	float: right;
	width: auto;
	margin-left: 10pt;
	padding-top: 22px;
}

div.socialbookmark
{
	float: right;
	margin: 0pt 0 0 10pt;
	padding: 0;
}

div#picturetoolsbox
{
	background-color: #fbfbfb;
	color: #383838;
	margin: 0 auto;
}

div#emptytoolsbox
{
	background-color: #fff;
	margin: 0 auto;
	height: 50px;
}

div#tools
{
	height: 50px;
	
	text-align: left;
	width: 920px;
	margin: 0 auto;
}

div#tools .left
{
	float: left;
	padding-right: 15pt;
	line-height: 50px;
}

div#tools .right
{
	float: right;
	line-height: 50px;
}

div#tools .socialbookmarks
{
	margin: 0;
	padding: 0;
	float: right;
}

a.link
{
	text-decoration: none;
}

a.unlink
{
	text-decoration: underline;
}

div#footerbox
{
	width: 100%;
	height: 50px; /*line-height: 50px;*/
	background-color: #383838;
	color: #ececec;
	text-align: center;
}

div#footerboxintro
{
	width: 100%;
	height: 50px; /*line-height: 50px;*/
	background-color: #fdfdfd;
	color: #383838;
	text-align: center;
}

div#links
{
	width: 920px;
	margin: auto;
	font-size: 8pt;
}

div#links .mostright
{
	float: right;
	margin-left: 20pt;
	padding-top: 20px;
}

div#links .right
{
	float: right;
	padding-left: 10pt;
	padding-top: 20px;
}

div#links .left
{
	float: left;
	margin-left: 10pt;
	padding-top: 20px;
}

div#links a
{
	color: #ececec;
}

div#links a.intro
{
	color: #4c4c4c;
	text-decoration: none;
}

div#logo
{
	float: left;
	height: 50px;
	margin-bottom: -50px;
	margin-right: 20px;
}
html > body #logo
{
	margin-bottom: 0px;
}

/* @end */


/* @group GalleryPreview */

div#galleryPreviewName
{
	padding: 40px 0 20px 0;
}

div#galleryPreview
{
	width: 600px;
	margin: 0 auto 0 auto;
}

div#galleryPreview .left
{
	width: 110px;
	height: 110px;
	text-align: center;
	float: left;
}

/* @end */

/* @group NA Info */

div#NATitleImg
{
	margin: 60px 0;
	text-align: center;
}

div#infoWrapper
{
	width: 920px;
	margin: 0 auto;
}

div#contentBox
{
	background-color: #FFF;
	width: 500px;
	margin: 0;
	padding: 0;
	float: left;
}

h2#title
{
	padding-bottom: 15pt;
	background-image: url(../../../Theme/Graphics/Package/TitleDivider.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
}

.titleStyle
{
	font-size: 12pt;
	font-weight: bold;
}

div#pageContents
{
	margin: 15pt 0 0 0;
}

div#pageContents p
{
	text-align: left;
	padding: 0pt 20pt 10pt 0;
}

div#newsbox
{
	width: 330px;
	background-color: #ececec;
	float: right;
	margin-top: 32pt;
	margin-right: 30px;
	padding: 15px;
	text-align: left;
}

div#newsbox h2
{
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 8pt;
}

div#newsbox p
{
	margin: 0;
	margin-bottom: 8pt;
	text-indent: 0;
	width: inherit;
}

p#moreAlbums
{
	margin-top: 8pt;
}

div#newsbox .featuredAlbum
{
	float: left;
	width: 110px;
}

/* @end */

/* @group Rating */
.filledRatingStar
{
	background-image: url(../../../Theme/Graphics/Tools/FilledHeart.gif);
}

.emptyRatingStar
{
	background-image: url(../../../Theme/Graphics/Tools/EmptyHeart.gif);
}

.savedRatingStar
{
	background-image: url(../../../Theme/Graphics/Tools/SavedHeart.gif);
}

.ratingStar
{
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

/* @end */

/* @group NA Entry */

div#entrybox
{
	width: 917px;
	margin: 0 auto;
	padding-top: 100px;
}

div#intro
{
	width: 233px;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}

div#entrybox .introimg
{
	width: 342px;
	float: left;
	margin-left: 15px;
	margin: 0;
	padding: 0;
	text-align: right;
}

div#intro img
{
	margin: 30px auto;
}

div#intro p
{
	font-size: 9pt;
	text-indent: 0;
	text-align: left;
}


/* @end */