* {
	font:			Verdana, Helvetice, sans-serif;
}

html {
	height:			100%;
	overflow:		auto; /* remove IE scrollbar */
}

body {
	margin:			0px;
	padding:		0px;
	font:			11px Verdana, Helvetice, sans-serif;
	text-align:		center; /* IE Fuckup */
	background:		#eeeeee url('/gfx/clear.png') center center;
	overflow:		auto; /* remove IE scrollbar */
}

td {
	text-align: center;
}

form {
	display:		inline;
}
#frmLogin {
	display:		block;
	padding:		10px;
	font-size:		12px;
}

textarea {
	font:			11px Verdana, Helvetice, sans-serif;
}

div {
	text-align:		left; /* IE Fuckup */
}

img {
	border:			0px;
}

select {
	border:			1px solid #000000;
}

.btn {
	border:			1px solid #000000;
	background:		transparent;
}

#divDebug {
	position:		absolute;
	top: 0px;
	left: 0px;
	width:			150px;
	border-bottom: 	1px solid #bbbbbb;
	background: url('/gfx/debugMenu.jpg') right repeat-y;
	opacity:	0.5;
	z-index: 999;
}
#divDebug a {
	display: block;
	margin-top: 5px;
	margin-left: 5px;
	padding: 5px;
	border: 1px solid black;
	width: 100px;
	text-decoration: none;
}

#divContainerFrame {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url('/gfx/site_back.jpg') center center no-repeat;
}

#divContainer {
	position:		absolute;
	width:			800px;
	height:			600px;
	background:		#aaaaaa;
	border:			1px solid #000000;
	overflow:		hidden;
	top:			50%;
	margin-top:		-300px;
	left:			50%;
	margin-left:		-400px;
}

#divContent {
	border:			0px solid lime;
	padding:		10px;
}

#divAd1 {
	position:		absolute;
	left:			67px;
	bottom:			4px;
	width:			468px;
	height:			60px;
	background:		transparent;
}

#divAd2 {
	position:		absolute;
	right:			16px;
	bottom: 		112px;
	width:			120px;
	height:			240px;
	background:		transparent;
}

#divThumbs {
	position:		absolute;
	width:			630px;
	height: 		445px;
	background:		transparent;
}

.thumb {
	float:			left;
/*	padding-right: 	8px;
	padding-bottom:	8px;*/
	width:			20%;
	height: 		25%;
/*	background:		url(../gfx/bg_thumb.png) no-repeat;*/
	cursor:			pointer;
	text-align: 	center;
}
.thumb img {
	opacity:		1;
	border:			1px solid grey;
}
.thumb:hover img {
	opacity:		1.0;
	border:			1px solid white;
}

.portrait {
	width:			20%;
	height:			33%;
}
.landscape {
	width:			25%;
	height:			25%;
}
.mixed {
	width:			20%;
	height:			25%;
}

#divPortalWelcome {
	float:			left;
	width:			468px;
	border:			1px solid white;
}

#divPreview {
	float: left;
	margin-left: -5px;
	margin-top: -5px;
	background:	transparent;
	width: 450px;
	height: 450px;
}
#divPreview img {
/*	border: 2px solid #fff;*/
}

#divEcardContainer {
	float: left;
	margin-left: -5px;
	margin-top: -5px;
	background:	transparent;
	width: 450px;
	height: 450px;
}
#divEcard {
	top:			77px;
	width:			440px;
	height:			330px;
	border:			3px solid white;
}

#divEcardFront {
/*	position: absolute;*/
	top: 0px;
}

#divEcardBack {
	position: relative;
	top: 0px;
	width: 440px;
	height: 330px;
	background:		transparent url('/gfx/phe_ecard.jpg');
	visibility: visible;
}

#divEcardBody {
	position: absolute;
	left:			10px;
	top:			40px;
	width:			180px;
	bottom:			20px;
	border:			1px solid black;
	overflow: hidden;
	padding: 10px;
}
#divEcardBody textarea {
	width:			100%;
	height:			100%;
	border:			0px;
	background: transparent;
}

#divEcardAddress {
	position: absolute;
	right:			10px;
	top:			40px;
	bottom:			20px;
	width:			180px;
	border:			1px solid black;
	overflow: hidden;
	padding: 10px;
}
#divEcardAddress .input {
	width:			100%;
	border:			1px solid black;
	background: transparent;
}
#divEcardAddress textarea {
	width:			100%;
	border:			0px;
	border:			1px solid black;
	background: transparent;
}

#divNav {
	position:		absolute;
	left:			0px;
	bottom:			100px;
	width:			100%;
	height:			30px;
	text-align:		left;
	background:		#ffffff url('../gfx/grad.png') repeat-x;
	border-top:		1px solid #000000;
	border-bottom:		1px solid #000000;
	opacity:		1;
}
#divNav:hover {
	opacity:		1;
}
#divNavPrev {
	display:	inline-block;
	width:		32px;
	height:		32px;
	background:	transparent url('../gfx/nav_prev.png') no-repeat;
}
#divNavNext {
	display:	inline-block;
	width:		32px;
	height:		32px;
	background:	transparent url('../gfx/nav_next.png') no-repeat;
}
#divNavSelect {
	position:	relative;
	top:		-12px;
}
.tblNav {
	width:		600px;
	border-collapse: collapse;
	padding:	0px;
	margin:		0px;
}
.tblNav td, tr {
	padding:	0px;
	margin:		0px;
}

#divMenu {
	position: 		absolute;
	right:			0px;
	top:			0px;
	width:			148px;
	height: 		100%;
	text-align:		center;
}
#divMenu a {
	text-decoration: none;
	color:			black;
}
#divMenu ul {
	list-style:		none;
	margin:			10px;
	padding:		0px;
	text-align:		left;
}
#divMenu li {
	border-top:		1px solid black;
	padding:		3px;
	padding-bottom: 5px;
}
#divMenu li:hover {
	font-weight:	bold;
}

#divMediaPreview {
	width: 450px;
	height: 450px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#divMenuPreview {
	float:	 		left;
	width:			130px;
	padding:		10px;
}
#divMenuPreview a {
	text-decoration: none;
	color:			black;
}
#divMenuPreview ul {
	list-style:		none;
	margin:			0px;
	padding:		0px;
}
#divMenuPreview li {
	border-top:		1px solid black;
	padding:		3px;
	padding-bottom: 5px;
}
#divMenuPreview li:hover {
	border-top:		2px solid black;
	font-weight:	bold;
}

#divMsg {
}

.overflow {
	overflow: auto;
}

.tblShop td {
	text-align: left;
}

.right {
	text-align:		right;
}

.todo {
	color:			#ff0000;
}

.error {
	color:			#000000;
	border:			1px solid #ff0000;
	background:		#ffffff;
	font-weight:		bold;
}
label.error  {
	border: 0px;
	background: transparent;
	margin-left: 10px;
}

#divAdPhotonic {
	position: absolute;
	width: 100px;
	height: 26px;
	right: 25px;
	bottom: 21px;
}

.thAdmin {
	position: absolute;
	color: #000000;
	z-index: 999;
	opacity: 0.7;
}

#divLang {
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 6px;
	padding-left: 5px;
}


#divPostcardContainer {
	float: left;
	margin-left: -5px;
	margin-top: -5px;
	background:	transparent;
	width: 450px;
	height: 450px;
}
#divPostcard {
	top:			77px;
	width:			440px;
	height:			330px;
	border:			3px solid white;
}

#divPostcardFront {
/*	position: absolute;*/
	top: 0px;
}

#divPostcardBack {
	border: 1px black solid;
	position: relative;
	top: 0px;
	width: 440px;
	height: 330px;
	background:		transparent url('/gfx/phe_ecard.jpg');
	visibility: visible;
}

#divPostcardBody {
	position: absolute;
	left:			10px;
	top:			40px;
	width:			180px;
	bottom:			20px;
	border:			1px solid black;
	overflow: hidden;
	padding: 10px;
}
#divPostcardBody textarea {
	width:			100%;
	height:			90%;
	border:			1px solid black;
	background: transparent;
}

#divPostcardAddress {
	position: absolute;
	right:			10px;
	top:			40px;
	bottom:			20px;
	width:			180px;
	border:			1px solid black;
	overflow: hidden;
	padding: 10px;
}
#divPostcardAddress .input {
	width:			100%;
	border:			1px solid black;
	background: transparent;
}
#divPostcardAddress textarea {
	width:			100%;
	height:			140px;
	border:			0px;
	border:			1px solid black;
	background: transparent;
}