.imgdefault 
{
	
}
.imgbaseline 
{
	vertical-align: baseline;
}
.imgtop 
{
	vertical-align: top;
}
.imgmiddle 
{
	vertical-align: middle;
}
.imgbottom 
{
	vertical-align: bottom;
}
.imgtexttop 
{
	vertical-align: text-top;
}
.imgtextbottom 
{
	vertical-align: text-bottom;
}
.imgleft 
{
	float: left;
	clear: left; /* make sure next image will be below */
	margin-bottom: 5px;
	margin-right: 10px;
}
.imgright 
{
	float: right;
	clear: right; /* make sure next image will be below */
	margin-bottom: 5px;
	margin-left: 10px;
}
                

.PageCommandPanel 
{
	position: fixed;
	bottom: 0px;
	border-top: solid 1px black;
	background-color: White;
	width: 100%;
}

/* set the command panel to full-bottom for ipad, because it doesn't handle the fixed attribute corretly. grrrr!!! */
@media only screen and (device-width: 768px) {
	body { position: relative; } /* in order to set the panel absolute, the body must be relative */
	.PageCommandPanel  { position: absolute; }
}

.PageCommandPanel table 
{
	padding: 0px 1px 2px 1px;
}


/* COMPOSITION EDITOR */

.mse-compo-container 
{
	background-color: #ddd; 
	border: solid 1px #555;
}

.mse-compo-customadder 
{
	
}

.mse-compo-item 
{
	background-color: White;
	border: solid 1px #aaa;
}

.mse-compo-title 
{
	padding-left: 3px; 
	padding-bottom: 2px;
}

ul.mse-compo-order
{
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}
li.mse-compo-order
{
	list-style-type: none; 
	margin: 0;
	padding: 0;
	float: left; 
}
	
/* UPLOA DIALOG */	

.mse-upload-dialog, .mse-upload-dialog .Normal, .mse-upload-dialog p
{
	font-family: Arial;
	font-size: 12px;
	color: Black;
}

.mse-upload-dialog p 
{
	padding: 0px;
	margin: 0px 0px 7px 0px;
}

.mse-upload-dialog a { color: Blue; text-decoration: underline; }
.mse-upload-dialog a:link { color: Blue; text-decoration: underline; }
.mse-upload-dialog a:visited { color: Blue; text-decoration: underline; }
.mse-upload-dialog a:hover { color: Blue; text-decoration: underline; }
.mse-upload-dialog a:active { color: Blue; text-decoration: underline; }



/* BUBBLE (SPRECHBLASE) */

.mse-bubble-container 
{
	position: relative;
}

.mse-bubble  {
    background-color: #50B1E6;
    padding:2px;
	margin-top: 13px;
	
	display: inline;
	position: absolute;
}

.mse-bubble-top {
    width: 0px;
    height: 0px;
	
    border-bottom: 13px solid #50B1E6;
    border-left: 13px dotted transparent;
	border-right: 13px dotted transparent;
	
    display: inline;
    position: relative;
	
    top: -30px;
	left: 8px;
}

.mse-bubble-content {
	margin: 0px;
	padding: 0px 2px 2px 2px;
}

.mse-bubble-content { margin-top: -13px; }  /* Firefox */
* html .mse-bubble-content { margin-top: -27px;  margin-bottom: -12px;}  /* IE 6 */

.mse-bubble-spacer { display: block; }

.mse-bubble-offset1 { top: 25px; }		.mse-bubble-spacer1 { height: 45px; }
.mse-bubble-offset2 { top: 58px; }		.mse-bubble-spacer2 { height: 78px; }
.mse-bubble-offset3 { top: 91px; }		.mse-bubble-spacer3 { height: 111px; }
.mse-bubble-offset4 { top: 124px; }		.mse-bubble-spacer4 { height: 144px; }
.mse-bubble-offset5 { top: 157px; }		.mse-bubble-spacer5 { height: 177px; }
.mse-bubble-offset6 { top: 190px; }		.mse-bubble-spacer6 { height: 210px; }
.mse-bubble-offset7 { top: 223px; }		.mse-bubble-spacer7 { height: 243px; }
.mse-bubble-offset8 { top: 256px; }		.mse-bubble-spacer8 { height: 276px; }
.mse-bubble-offset9 { top: 289px; }		.mse-bubble-spacer9 { height: 309px; }


.mse-eventwarning 
{
	background-color: Orange; 
}
.mse-eventwarning .mse-bubble-top {
    border-bottom: 13px solid Orange;
}
.mse-eventwarning .mse-bubble-content 
{
	font-weight: bold; 
	color: Black;
}