/*

	Die mytrace.css umfasst alle myTrace-spezifischen Styles

	Aufbau der mytrace.css:

	* ALLGEMEINES
	* MESSAGES
	* ACCESS RESTRICTED PAGE
	* ZWEISPALTIGER STARTSEITEN-CONTENTBEREICH
	* IMPORTANTS
	* APPLICATION INFOS


*/



/* ALLGEMEINES */

span.coursetitle {
	font-weight: bold;
}

span.user_name {
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
}

.welcome {
	width: 386px;
	margin-bottom: 3em;
}

.welcome h2 {
	margin-top: 0;
}

.fx .welcome p {
	clear: left;
}

.change-details {
	margin-bottom: 2em;
}

.fx .change-details {
	display: inline;
	position: relative;
	top: -2px;
	margin-left: 0.5em;
	margin-bottom: 0;
}

.fx .change-details h2 {
	clear: none;
	display: inline;
	padding: 2px;
	margin-top: 0.25em;
	cursor: pointer;
	background-color: #540050;
	font-size: 0.555em;
	color: #fff;
	font-weight: normal;
}

.fx div#content .change-details ul {
	position: absolute;
	top: 2.2em;
	left: 6px;
	width: 200px;
	background-color: #fff;
	margin-left: 0;
	padding: 3px 5px;
	border: 1px solid #540050;
	z-index: 99 !important;
	font-size: 0.555em;
}

.fx div#content .change-details ul li {
	padding-left: 0;
	background: none;
	margin-bottom: 10px;
}

#avatar {
	float: right;
	width: 102px;
	margin-top: 0.5em;
	text-align: center;
	position: relative;
}

#avatar a {
	font-size: 0.867em;
	border-bottom-width: 0;
}

.fx #avatar a span {
	position: absolute;
	bottom: 3px;
	left: 1px;
	display: block;
	width: 100px;
	padding: 2px 0;
	background-color: #D1EDEF;
	text-align: center;
}


/* MESSAGES */

div.message {
	margin-bottom: 10px;
	background-color: #EEE5ED;
	border: 1px solid #540050;
	padding: 5px;
}

div.messages {
	margin-bottom: 0px;
}



/* ACCESS RESTRICTED PAGE */

div.parallelforms {
	position: relative;
	width: 555px;
}

h2 {
	clear: left;
}

div#content div.parallelforms div.smallform {
	width: 300px;
	padding: 0;
	margin: 0;
}

div#content div.parallelforms div.smallform.right {
	position: absolute;
	width: 255px;
	top: 0;
	right: 0;
	margin: 0 0 0 255px;
}

div.smallform h2 {
	border-bottom: 1px solid #AAA7AA;
	padding-bottom: 5px;
}

div.smallform p {
	width: 255px;
	margin: 5px 20px 5px 5px;
}

div#content div.smallform form div.row {
	width: 100%;
	padding: 2px;
	border-width: 0;
}

div#content div.smallform form label {
	width: 60px;
	padding-left: 5px;
	padding-right: 0;
}

div#content div.smallform div.element input {
	margin-top: 0;
}

div#content div.smallform form input.text {
	width: 180px;
}

div#content div.smallform form div.buttons {
	padding-left: 72px;
}



/* ZWEISPALTIGER STARTSEITEN-CONTENTBEREICH */

div#content div.left {
	position:relative;
	margin-top:0;
	width:300px;
}

div#content div.right {
	margin-top: 0;
	margin-left: 320px;
}

div#content div.left p {
	margin-bottom: 10px;
}

div#content div.left.messages {
	margin-bottom: 0;
}

/* IMPORTANTS */

div.important h2 {
	background-color: #540050 !important;
	color: white;
	padding: 8px 7px;
	clear: none;
	margin: -10px;
}

div.important {
	position: relative;
	background-color:#EEE5ED;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div#content div.important ul, div#content div.important p {
	margin: 10px;
}

div#content div.important ul p {
	margin: 0 0 3px 0;
}

div#content div.important ul li {
	list-style-position: outside;
	margin-left:15px;
	list-style-type: disc;
}

div.important form {
	float: none;
	clear: none;
	width: auto;
	margin: 0;
}

div.important input.button, div.important a.button {
	font-size: 100%;
	margin-top:3px !important;
	margin-right:3px;
	margin-left: 0 !important;
}



/* APPLICATION INFOS */

div.applications h2 {
	padding: 5px;
}

div.applications div {
	padding: 9px 6px;
	background-image: url(../img/importants.gif);
	background-repeat: repeat-x;
}

div.applications h3 {
	background-color: transparent;
	padding-bottom: 5px;
}

div.applications form {
	float: none;
}

div.applications form div {
	margin: 0;
	padding: 0;
	border-width: 0;
	background-image: none;
}

div#content div.applications ul {
	margin:0;
}

div#content div.applications ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 10px 20px;
}



/* Follow ups */
form#FollowUpForm {
	margin-top: 2em;
}

form#FollowUpForm div.buttons {
	margin-top: 2em;
}




h2 {
	padding-top: 0.25em;
	border-top: 1px solid #C5E4E7;
}

.welcome h2,
.news-flash h2,
form h2 {
	padding-top: 0;
	border-width: 0;
}