/* ***************************************************** */
/*	DHD Doc Holiday Data style sheet  */
/*	style sheet for shoutBox 2.0
/* **************************************************** */

@media print {	#shoutbox {display:none;} } 
#shoutbox {	width:15.5em; 
			
			margin:1em 0 0 1em; padding:0; 
			color:white; background:#6096BF;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:75%; font-style:normal;
			border: 1px solid #7894b0;
}
#shoutbox {	scrollbar-3dlight-color : #7894B0;
			scrollbar-arrow-color : #FFCC00;
			scrollbar-base-color : #506889;
			scrollbar-darkshadow-color : #000000;
			scrollbar-face-color : #587498;
			scrollbar-highlight-color : #587498;
			scrollbar-shadow-color : #587498;
			scrollbar-track-color : #587498;}

#shoutbox a 		{text-decoration: none; font-weight:bold; background:none;}
#shoutbox a:link, #shoutbox a:active, #shoutbox a:visited   {color: #FFCC00; }
#shoutbox a:hover 	{color:#D7AC00; text-decoration: underline;}
#shoutbox img 		{border:none; }
#shouts_head { 		padding: 0.5em 0;
					font-size:150%; 
					font-weight:bold; 
					text-align:center;
					border-bottom: 1px solid #38477c;
					
}

#shouts_head #sb_admin input {	float:left; margin:3px; margin-left:5px;
   								vertical-align:middle;cursor:pointer; }


#shouts_container { height: 25em; 
					overflow:auto;
					background:#506889;
					cursor:default;
					margin:0;padding:0;
}

#shouts_container *.alter { 
					background:#587498;
}

#adminShouts   {	display:block; width:88%; background:none;border:0; margin:0;
					text-align:left;font-size:90%;cursor:pointer;						
}

#adminShouts #shouts {width:100%;}
#adminShouts #shouts:hover {background:#E9967A;}
#adminShouts *.mail {color: #FFCC00;font-weight:bolder;background:none;}

#shouts	{
					padding: 3px;margin:0;
					border-bottom: 1px solid #38477c;
					white-space:pre-wrap;
					text-align:left;
					color:white;
}


#shouts span		{
					white-space:pre-wrap;
					text-align:left;
					font-weight:bold;
					cursor:pointer;
					color:#6096BF;
					
}

#shouts #format		{
					font-weight:normal;
					color:white;
					cursor:default;
} 

#shouts #marked		{
					background-color:yellow;
					color:black;
					cursor:default;
					
} 

#shouts #format	a 	{cursor:pointer; }
#shouts #marked	a 	{cursor:pointer;color:black; }


/*Smilies*/
#shouts img { 		width:15px; 
					height:15px; 
					text-align:center;
					vertical-align:middle;
					border:none; 
					cursor:default;

}

#shouts_stepper  { 	margin:1px; 
					padding:1px; 
					text-align:center;
					vertical-align:middle;
					border:none; 
					font-size: 110%;
}

#shouts_stepper span { 	color:white; margin: 0 2px; font-weight:bold; }

#shouts_stepper img { 	margin:0 1px; 
						padding:0; 
						vertical-align:middle;
						border:none; 
						cursor:pointer;
}

#shouts_input	{	text-align:center;
					padding:2px;
					

}

#shouts_input input	{
						font-size: x-small; 
						margin:0; margin-bottom:3px;
						border:1px solid black; border-right-color: #7894b0;border-bottom-color: #7894b0; 
						color:white; background:#587498;
						width:14em;	overflow:hidden;
}

#shouts_button input {	font-size: x-small; display:inline; width:40%;
						border:1px solid black; border-left-color: #7894b0;border-top-color: #7894b0; 
						font-size: 0.9em; font-weight:bold; color:CadetBlue; background:#506889; 
						cursor:pointer;text-align:center;margin:0 4px;
}
div#shouts_adminbtn {width:100%;}

#shouts_adminbtn button {	display:inline; margin:1px 5px 3px;
							border:0; background:none; cursor:pointer;width:25px; }

#shouts_adminbtn img {	width:16px;height:16px; border:0; vertical-align:top; cursor:pointer;
}

#shouts_input input:hover, #shouts_input input:focus, #shouts_input input:active  {background:CadetBlue;}
#shouts_button 	input:hover {color:#FFCC00;background:#506889;}

#shouts_smilies {margin:5px 0 10px;display:block;text-align:center; }
#shouts_smilies div {	margin:1px 0;  }
#shouts_smilies input {	cursor:pointer; border:none; width: 15px; height:15px; vertical-align:top;background:none; }


									

#shoutbox_info { position:absolute; left:20em; top:15em; width:32em; z-index:10; }
#shoutbox_info {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small;font-style:normal;}
#shoutbox_info {visibility:hidden;background-color:#587498; border:1px solid black; border-left-color: #7894b0;border-top-color: #7894b0;}
#shoutbox_info #menuebar, #shoutbox_info #taskbar {text-align:center;background-color:#6096BF;}
#shoutbox_info #menuebar { position:relative;top:0;left:0;width:100%;height:18px;border:1px none black; border-bottom-style:solid;
						 	padding:0;margin:0;}

/*resizing by using YUI*/ 
#shoutbox_info .yui-resize-handle-br {
    right:0;
    bottom:0;
    height: 8px;
    width: 8px;
    position:absolute; 
	
}



#shoutbox_info #menuebar h1 {font-weight:bold;color:white;font-size:1.2em;text-align:center; vertical-align:bottom;
							 font-family:Verdana, Arial, Helvetica, sans-serif;margin-top:2px; }
#shoutbox_info #menuebar  input { position:absolute;top:0;right:0;margin:1px;padding:0;vertical-align:bottom;width:16px;height:16px;cursor:pointer;}

#shoutbox_info #hilfetext { color:white;text-align:justify;padding:6px; height:16em; overflow:auto;z-index:100;}
#shoutbox_info #hilfetext{	scrollbar-3dlight-color : #7894B0;
							scrollbar-arrow-color : #FFCC00;
							scrollbar-base-color : #506889;
							scrollbar-darkshadow-color : #000000;
							scrollbar-face-color : #587498;
							scrollbar-highlight-color : #587498;
							scrollbar-shadow-color : #587498;
							scrollbar-track-color : #587498;}
#shoutbox_info #hilfetext p {margin:0;padding:0;padding-bottom:5px;}
#shoutbox_info #hilfetext h1 {margin:0;padding:0;margin-top:3px;font-size:1em;}
#shoutbox_info #hilfetext ul {margin:0;padding:0;list-style:none;margin-bottom:5px;margin-left:5px;}
#shoutbox_info #hilfetext ul li {padding:2px;margin:0; display:block;}

#shoutbox_info #taskbar { position:relative;bottom:0;width:100%;padding:0;margin:0;border:1px none #7894b0; border-top-style:solid;}
#shoutbox_info #taskbar  input { margin:0;padding:0;
							vertical-align:middle;background:none;cursor:pointer;
							border:0;color:black; font-size:0.9em; font-weight:normal;
							font-family:Verdana, Arial, Helvetica, sans-serif;
 }
#shoutbox_info #taskbar input:hover, #shoutbox_info #taskbar input:visited:hover {color:white;text-decoration:underline}
