/* user wall */
.tx-amsyouth-pi1 .userwall a {
	display: block;
	float: left;
	padding: 2px 5px 0px 5px;
	font-size:0.85em;
	position: relative;
	height: 14px;
	color: #ffffff;
	text-decoration: none;
	background-image: none;
}
.tx-amsyouth-pi1 .userwall a:hover {
	color: #000000;
	background-color: #ffffff !important;
	text-decoration: none;
}
#tooltip {
	position: absolute;
	z-index: 99;
	background-color: #ffffff;
	padding: 18px;
}
#tooltip h3 {
	font-size: 0.90em;
	font-weight: normal;
	white-space: nowrap;
	padding: 0px;
}

/* music player */
.tx-amsyouth-pi1 #musicplayer {
	padding: 10px 0px 0px 0px;
}
.tx-amsyouth-pi1 .player {
	float: left;
	margin: 0px 0px 0px 23px;
}
.tx-amsyouth-pi1 .select-music {
	color: #FFFFFF; /* white */
	padding: 14px 7px 0px 7px;
	font-size: 0.85em;
	float: left;
}
.tx-amsyouth-pi1 #reset-layout {
	color: #FFFFFF; /* white */
	padding: 12px 0px 0px 32px;
	font-size: 0.85em;
	background: url(reset-layout.png) no-repeat top left;
	margin: 0px 0px 0px 23px;
	cursor: pointer;
}
.tx-amsyouth-pi1 #start-colorchange {
	color: #FFFFFF; /* white */
	padding: 12px 0px 0px 32px;
	font-size: 0.85em;
	background: url(start-colorchange.png) no-repeat top left;
	margin: 0px 0px 0px 23px;
	cursor: pointer;
}
.tx-amsyouth-pi1 #stop-colorchange {
	color: #FFFFFF; /* white */
	padding: 12px 0px 0px 32px;
	font-size: 0.85em;
	background: url(stop-colorchange.png) no-repeat top left;
	margin: 0px 0px 0px 23px;
	cursor: pointer;
}

/* action box */
#actionbox-box {
	position: absolute;
	width: 407px;
	top: 10px;
	left: 429px;
	z-index: 1000;
}
#actionbox-box .drag {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 8px;
	right: 6px;
	cursor: move;
	z-index: 101;
}
#actionbox {
	position: absolute;
	width: 407px;
	padding-top: 44px;
}
#actionbox .title {
	width: 369px;
	height: 65px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#actionbox .flashheadline {
	position: absolute;
	top: 13px;
	left: 33px;
}
#actionbox .flashtitle {
	position: absolute;
	bottom: 29px;
	left: 74px;
}
#actionbox #actionbox-form {
	margin: 0px 0px -20px 41px;
}
#actionbox .form-top {
	background: url(actionbox-form-top.png) no-repeat;
	width: 271px;
	height: 18px;
}
#actionbox .form-content {
	background: url(actionbox-form-content.png) repeat-y;
	width: 271px;
}
#actionbox .form-bottom {
	background: url(actionbox-form-bottom.png) no-repeat;
	width: 271px;
	height: 20px;
}
#actionbox .open-actionbox {
	cursor: pointer;
	width: 326px;
	height: 53px;
}
#actionbox .form-content .wrap {
	padding: 0px 11px 11px 11px;
}
#actionbox .form-content p.first-child {
	padding: 0px;
	font-size: 0.9em;
	line-height: 1.3em;
}
#actionbox .form-content p {
	color: #ffffff; /* white */
}
#actionbox .form-content p.label {
	color: #ffffff; /* white */
}
#actionbox .form-content p.error {
	color: #C6381A !important; /* red 08 */
}
#actionbox .form-content input {
	width: 245px;
	padding: 1px 2px 1px 2px;
	border: none;
}
.cyan .form-content input { background-color: #D0E8EF; } /* cyan 00 */
.green .form-content input { background-color: #D4F4D6; } /* green 00 */
.lemone .form-content input { background-color: #EBF4CB; } /* lemone 00 */
.magenta .form-content input { background-color: #F4D4EE; } /* magenta 00 */
.mint .form-content input { background-color: #D3F4EE; } /* mint 00 */
.senf .form-content input { background-color: #F4F4CE; } /* senf 00 */

#actionbox .form-content input.csc-mailform-submit2 {
	width: 84px;
	height: 18px;
	background-color: #ffffff; /* white */
	color: #000000; /* black */
	margin: 11px 0px 0px 0px;
	padding: 0px 0px 4px 0px !important;
	background: url(background-button.png) no-repeat top left;
	font-size: 0.96em;
}
#actionbox p.small {
	color: #ffffff; /* white */
	font-size: 0.85em;
}
#actionbox a {
	color: #ffffff; /* white */
	text-decoration: underline;
}
#actionbox a[href] {
	background: none;
	padding: 0px 0px 0px 0px;
}
#actionbox a:hover {
	text-decoration: underline;
}

/* user action */
.tx-amsyouth-pi1 .user-action {
	padding: 11px 0px 0px 134px;
}

/* user actions */
.tx-amsyouth-pi1 .user-actions a {
	padding: 0px;
	background-image: none;
}
.tx-amsyouth-pi1 .user-actions {
	padding: 4px 0px 0px 0px;
}
.tx-amsyouth-pi1 .user-actions .item {
	margin: 7px 0px 0px 0px;
}
.tx-amsyouth-pi1 .user-actions .userimage {
	float: left;
	margin: 0px 11px 0px 0px;
}
.tx-amsyouth-pi1 .user-actions .username {
	line-height: 1.2em;
}

/* load bar */
.tx-amsyouth-pi1 #load-data {
	position: absolute;
	top: 300px;
	left: 0px;
	width: 100%;
	z-index: 9999;
}
.tx-amsyouth-pi1 #load-info {
	position: relative;
	margin: auto;
	width: 427px;
	height: 55px;
	background: url(loading2.gif);
}
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
		display: none;

		position: fixed;
		top: 17%;
		left: 50%;

		margin-left: -300px;
		width: 600px;

		background-color: #EEE;
		color: #333;
		border: 1px solid black;
		padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
		Star selector used to hide definition from browsers other than IE6
		For valid CSS, use a conditional include instead */
* html .jqmWindow {
		position: absolute;
		top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}