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


#sBoxO{



}

#inputdiv {
height: 35px;
max-width: 640px;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
white-space: nowrap;
vertical-align:middle;

}

#colorbox {
margin: 0px 3px 4px 5px;
min-height:28px;
min-width:28px;
float:left;
width: 28px;
height: 28px;
border: 1px outset #666; 
}


#colorbox_edit {
margin: 5px 3px 4px 5px;
min-height:18px !important;
min-width:28px;
width: 28px !important;
height: 18px;
border: 1px outset #666; 
}


#message {
	height: 18px;
	font-family: "Comic Sans MS", "trebuchet MS", Verdana, Arial;
	font-size: 14px;
	border-width: 1px;
	padding: 0.3em;
	border-color: #8DA4B7;
	border-style: solid;
	float: left;
	width: 60%;
	
}

.message_edit {
	height: 14px;
	font-family: "Comic Sans MS", "trebuchet MS", Verdana, Arial;
	font-size: 10px;
	border-width: 1px;
	padding: 0.3em;
	border-color: #8DA4B7;
	border-style: solid;
	width: 30%;
	}

.float_l {
float:left;
}



#message_enddiv{
float:left;
	
}
.message:focus{
	border-width: 2px;
	border-style: solid;
	border-color: maroon;
	background-color:#FFFFCC;

}


.submit {
cursor: pointer;
color:#000000;
font-size: 9px;
background-color: #DDDDFF;
background: url(/images/comment_add.png) no-repeat;
width:120px;
height: 28px;
background-position: 3px;
margin: 0px 0px 2px 3px;
float:left;
}

.submit_wait {
cursor: pointer;
color:#000000;
font-size: 9px;
background-color: #DDDDFF;
background: url(/images/pm_wait.gif) no-repeat;
width:120px;
height: 28px;
background-position: 3px 4px;
margin: 0px 0px 2px 3px;
float:left;
}

.submitError {
cursor: url(/images/error.gif), auto;
color:#FF0033;
font-size: 9px;
font-weight : bolder;
background-color: #DDDDFF;
background: url(/images/error.png) no-repeat;
width:120px;
height: 28px;
background-position: 3px;
margin: 0px 0px 2px 0px;
float:left;
}


#insert_img_url_button {
background: url(/images/image_new.gif) no-repeat;
background-position:center left;
width:60px;
height: 24px;
font-size: 8px;
}

#insert_img_file_button {
background: url(/images/folder_image.gif) no-repeat;
background-position:center left;
left: 5px;
width:60px;
height: 24px;
font-size: 8px;
}

.Sedit {
	cursor: pointer;
	color:#000000;
	font-size: 8px;
	background: url(/images/comment_edit.png) no-repeat;
	width:80px;
	height: 22px;
	background-position: 3px;
	background-color: #CCFFFF;
}

.Scancel {
	cursor: pointer;
	color:#000000;
	font-size: 8px;
	background: url(/images/cancel.png) no-repeat;
	width:26px;
	height: 22px;
	background-position: 3px;
	background-color: #FFCCCC;
}


.Mimg {
	vertical-align: middle;
	border:none;
	
	}
/*   output menu   */
#Output {

   height: 260px;
   width: 100%;
}

	
.Output_header{
	 height: 250px; 
		float: left;	
	cursor: pointer;
	padding: 3px 5px 3px 5px;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;

	}
	
	
.Output_headerA{
float: left;	
		 height: 250px; 	
		font-size: 14px;
			padding: 3px 5px 3px 5px;
			font-weight : bolder;
			cursor: pointer;

		}
		
.Output_content{
 height: 250px !important;
 width:90%;

			float: left;
  			border-top-width    : 0px;
			border-bottom-width : 0px;
			font-size: 10px;

  			padding: 5px;

		}

/*   left menu   */

#Mcontainer {
  margin-top : 6px;
  border : 1px solid #4f4f4f;
  width: 350px;
  overflow: hidden;
}


.Mheader {
	cursor: pointer;
	height: 25px;
	padding: 3px 5px 3px 5px;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 1px solid #cde99f;
	}
	
	
.MheaderA {

			height: 25px;
			font-size: 14px;
			padding: 3px 5px 3px 5px;
			font-weight : bolder;
			cursor: pointer;
			border-bottom:1px solid #999999;
		}
		
.MContent {
			
  			border-top-width    : 0px;
			border-bottom-width : 0px;
			font-size: 10px;
			overflow: hidden;
  			padding: 5px;

		}
		
/* Shout-Optionen-Menü */

#Shoutoptions {
	margin-top : 4px;
	border : 1px solid #4f4f4f;
	z-index:-3;
  }

.Shoutoptions_header {
	cursor: pointer;
	height: 15px;
	padding: 3px 5px 3px 5px;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	border-bottom: 1px solid #cde99f;
	
	}

.Shoutoptions_headerA {
			cursor: pointer;
			height: 17px;
			font-size: 12px;
			padding: 3px 5px 3px 5px;
			font-weight : bolder;
			
			border-bottom:1px solid #999999;
		}			

.Shoutoptions_content {
	border-top-width    : 0px;
	border-bottom-width : 0px;
	font-size: smaller;
	padding: 5px;
 overflow: hidden;
		}


.Shoutoptions_menu a { 
color: #BE0C0C; 
text-decoration: none;
font-size: 10px; 
}
.Shoutoptions_menu a:hover { color: #333; }
.Shoutoptions_menu a:active, a:focus { outline: none; }

.Shoutoptions_menu{ 
position: relative; 
list-style-type: none; 
margin-bottom: 2px; 
font: 12px Verdana; 
line-height: 20px; 
background-color: #F8FAFA;

}
.Shoutoptions_menu a.tab { 
padding: 5px 10px 5px 10px; 
border: 1px solid #CCD8E3; 
background-color: #FAFAFA; }

.Shoutoptions_menu a.selected {
	border-bottom-color: #FFF;
	background-color: #D9FFFF;
}

#Shoutoptions_menu_content {
	width: 2350px;
 
	}
	
#content {
width: 2350px;

	}

#scroller {
	width: 330px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #CCD8E3;
	margin-bottom: 5px;
	overflow: hidden;
	}
     
.slide {
	width: 320px;
	height: 200px;
	float: left;
	background-color: #FFF;
	padding: 10px;
	
	}
	    
/* .....*/

.panelheader {
  background-color : #6b79a5;
  height: 26px;
  color : #ced7ef;
  font-weight : normal;
  border-bottom:1px solid #182052;
  border-top:1px solid #BDC7E7;
  font-weight : normal;
  padding-left: 5px;
}

.mdHover {
  background-color : #63699c;
  color : #ffffff;
}
.mdSelected {
  background-color : #63699c;
  color : #ffffff;
  font-weight : bold;
  
}
.panelContent {
  border : 1px solid #1f669b;
  border-top-width    : 0px;
  border-bottom-width : 0px;
  font-size: smaller;
  overflow: auto;
}




#sBox {
height: 220px; 
border: 2px solid #6600FF;
overflow: auto;
margin: 3px 3px; 
padding: 0px 5px;
line-height: 1em;

background-color: #F4B765;
background-image: url(/images/sbox_hg.jpg); 
background-repeat: repeat-y;
}

.sBoxTime {
	font-family: Arial, Helvetica, sans-serif;	
}

.sBoxLine {
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	vertical-align:middle;
}

.sBoxLine img{
	/*vertical-align:middle;*/
}

.sBoxUser {
	font-size: 11px;
	padding: 0px 3px 0px 3px;
}

.sBoxPN {
	font-size: 12px;
	background-color: #FFFFCC;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	padding: 0px 3px 0px 3px;
	vertical-align:middle;
}

.sBoxInfo {
			height: 20px;
			padding: 5px 5px 3px 15px;
			color: #0033FF;
			font-weight: bold;
			text-decoration: none;
			font-size: 12px;
			
			}


#sliderbg, #slider_bar, #slider {

    border: 0;
    padding: 0;
    margin: 0;

}
#sliderbg {
    width: 300px;
    height:42px;
    background: url(/images/slider_bg.gif) no-repeat;

}

#slider_bar {
width: 300px;
height:42px;
background: url(/images/slider_track.png) no-repeat ;


}


#slider {
	font-family: arial;
    font-weight: bold;
    text-align: center;
    padding-top: 1.0em;
	font-size: 14px;
    width:42px;
    height:30px;
    cursor: e-resize;
    background: url(/images/slider_gripper.png) no-repeat;


}


#sliderIE7 {

position:  relative;
	overflow: hidden;
	
}

/*#slider_bgFont {
margin: 2px;	
position:  absolute;
font-size:9px;

height: 17px;
	width: 36px;
}*/
 
#sliderInfo {
position:relative;
font-size:10px;
left: 30px;
top: 28px;
color:#FF0033;
font-weight: bolder;
}



img.autocomplete  {
    position:absolute;
}

/*finduser*/

.opacity
{
opacity: 0.5;
filter:alpha(opacity=50);
}

.Shoutoptions_div {
float:left;
height: 70px;
}


.findusertxt {
float: none; 
display: none;
width: 80px;
height: 22px;
}



 div.autocomplete {
      position:absolute;
      width:250px;
	  font-size: 10px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:16px;
      cursor:pointer;
    }
	
	
	
/* Styles for ColorPicker popUp */
.colorbox {
cursor: pointer;
background: url(/images/rainbow.png) center no-repeat;
}
#colorpicker {
  position: absolute;
  width: 145px;
  height: 135px;
  overflow: hidden;
  background: #F9F9F9;
  border: 2px #C0C0C0 outset;
  z-index: 1000;
}

#colorpicker-hue-container {
    position: absolute; 
    top: 4px;
    left: 120px; 
    width: 18px;
    height: 110px; 
}

#colorpicker-hue-bg-img {
    width: 100%; 
    height: 100%; 
}

#colorpicker-hue-slider {
    position: absolute; 
    top: 0px;
    left: 0px; 
    width: 100%;
    height: 100%; 
}

#colorpicker-hue-thumb { 
    position: absolute; 
    top: 0;
    left: 0;
    width: 18px; 
    height: 18px; 
    z-index: 1009;
    cursor: default;
}

#colorpicker-bar {
  text-align: right;
  padding-right: 10px;
}

#colorpicker-close {
  cursor: pointer;
  color: blue;
  font-size: 10px;
  font-family: Tahoma, Helvetica, Sans-Serif;
  font-weight: bold;
}

#colorpicker-div {
  position: absolute; 
  top: 8px;
  left: 8px; 
  width: 100px;
  height: 100px; 
  border: 1px solid #666;
}

#colorpicker-bg,
#colorpicker-bg-overlay { 
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  overflow: hidden;
}
#colorpicker-selector { 
  position: absolute; 
  top: 0px;
  left: 0px;
  width: 11px; 
  height: 11px; 
  z-index: 1009;
  margin-top: -6px;
  margin-left: -6px;
  cursor: default;
}
#colorpicker-selector img {
  position: absolute;
  left: 0;
  top: 0;
}
#colorpicker-footer {
  position: absolute; 
  top: 114px;
  left: 10px; 
  width: 127px;
}

#colorpicker-value {
  float: left;
}

#colorpicker-value,
#colorpicker-value-input {
  font-size: 9px !important;
  font-family: Helvetica, Verdana, Sans-Serif;
  height: 10px;
}

#colorpicker-value-input {
  width: 40px;
}
#colorpicker-okbutton {
  float: right;
  padding: 0 10px;
  background: #3366FF;
  font-size: 10px;
  font-family: Tahoma, Helvetica, Sans-Serif;
  border: 1px solid #666666;
  color: #ffffff;
}

/*Smilies*/

#smiliecontrol {
width: 100%;
text-align:center;
}

.smiliecontroler {
width: 32px;
height: 32px;
}

#SmilieRight {
text-align:right;
}

#SmilieLeft {
text-align:left;
}

.smilies {
height: 160px;
width: 350px;
}