@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-color:#272727;
	background-image:url(/pix/main/hgb.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#FFFFFF;
}

div#mainContainer {
	position:relative;
	width:870px;
	border-left:solid 2px #FF6633;
	border-right:solid 2px #FF6633;
	margin:0px auto;
	background-color:#181818;
}

div.mainContainerHome {
	background-image:url(/pix/main/shakeaholic_home.jpg);
	background-repeat:no-repeat;
	background-position:358px 205px;
}

a {
	color:#FF6633;
	text-decoration:none;
}

a:hover { color:#777777; }

p {
	margin:0px 0px 20px 0px;
	padding:0px;
}

h1,h2,h3,h4 {
	font-size:11px;
	line-height:20px;
}
h1 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	text-transform:uppercase;
	border-bottom:solid 1px #2b2b2b;
}
h2 {
	margin:0px;
	padding:0px;
}
h3 {
	margin:0px 0px 20px 0px;
	padding:0px;
}

h4 {
	margin:0px 0px 10px 0px;
	padding:2px 5px;
	background-color:#222222;
	border-bottom:solid 1px #2b2b2b;
	border-top:solid 1px #2b2b2b;
	position:relative;
}

.grey { color:#777777; }

.clearBoth {
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}

div.contentLeft	{ float:left; }
div.contentRight	{ float:right; }
.slotSpacerRight { margin-right:10px; }
.slotSpacerLeft { margin-left:10px; }
.slots1 { width:45px; }
.slots2 { width:100px; }
.slots3 { width:155px; }
.slots4 { width:210px; }
.slots5 { width:265px; }
.slots6 { width:320px; }
.slots7 { width:375px; }
.slots8 { width:430px; }
.slots9 { width:485px; }
.slots10 { width:540px; }
.slots11 { width:595px; }
.slots12 { width:650px; }
.slots13 { width:705px; }
.slots14 { width:760px; }

.borderBottom {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #2b2b2b;
}
.borderBottom.noMargin { margin:0px; }

div#mirrorBallContainer {
	position:absolute;
	top:-116px;
	left:543px;
	z-index:100;
}

img#logo {
	position:absolute;
	top:33px;
	left:42px;
	z-index:100;
}

img#moodTop {
	display:block;
	/*margin-bottom:26px;*/
}

div#content {
	margin:0px 55px;
}

div#navigation {
	margin:26px 55px 0px 55px;
	padding-bottom:28px;
	font-weight:bold;
	background-image:url(/pix/main/naviHGB.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

a.naviNode, a.naviNodeActive {
	margin-right:14px;
	color:#FFFFFF;
}

a.naviNodeActive { color:#FF6633; }

a.naviNode:hover {
	color:#777777;
}

img.partyPicsTeaserBoxIMG {
	position:absolute;
	top:6px;
	right:0px;
	display:block;
}

form {
	margin:0px;
	padding:0px;
}

.defaultInput {
	width:99.9%;
	background-color:#181818;
	border:solid 1px #2b2b2b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#DDDDDD;
	margin:0px 0px 10px 0px;
	padding:2px;
}

img.smiley {
	display:inline;
}

/*########################################################
	UPLOADER
########################################################*/

#demo-status
{
	margin:20px 0px;
}
 
#demo-status .progress
{
	background:white url(/pix/cms/uploader/progress.gif) no-repeat;
	background-position:+50% 0;
	margin-right:0.5em;
}
 
#demo-status .progress-text
{
	font-size:0.9em;
	font-weight:bold;
}
 
#demo-list
{
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
}
 
#demo-list li.file
{
	border-bottom:1px solid #eee;
	background:url(/pix/cms/icons/image.png) no-repeat 4px 4px;
	padding:3px 0px;
	margin:0px;
	list-style:none;
}
#demo-list li.file.file-uploading
{
	background-image:url(/pix/cms/icons/waiting.gif);
}
#demo-list li.file.file-success
{
	background-image:url(/pix/cms/icons/accept.png);
}
#demo-list li.file.file-failed
{
	background-image:url(/pix/cms/icons/exclamation.png);
}
 
#demo-list li.file .file-name
{
	margin-left:44px;
	display:block;
	clear:left;
}
#demo-list li.file .file-size
{
	float:right;
	margin-top:2px;
}
#demo-list li.file .file-info
{
	display:block;
	margin-left:44px;
}
#demo-list li.file .file-remove
{
	float:right;
	margin-right:6px;
}

table.defaultTable {
	margin:0px 0px 20px 0px;
	padding:0px;
	width:100%;
}
table.defaultTable td {
	padding:3px 0px;
	border-bottom:solid 1px #2b2b2b;
	vertical-align:top;
}

.white {
	background-color:#1d1d1d;
}

div.gallery_thumb_container {
	background-image:url(/pix/main/preloader.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#000000;
	float:left;
	border:1px solid #2B2B2B;
	margin-bottom:7px;
	width:100px;
	height:75px;
	cursor:pointer;
}

img.gallery_thumb_img {
	display:block;
}


div#ecard_shakeaholic {
	position:absolute;
	width:155px;
	height:420px;
	left:440px;
	top:210px;
	cursor:pointer;
	background-image:url(/pix/main/spacer.gif);
	background-repeat:repeat;
}