#yshout * {margin: 0; padding: 0; overflow: hidden;}
#yshout a {text-decoration: none; color: #0099cc;}
#yshout a:hover {color: #fff;}
#yshout a:active {color: #0099cc;}

/* Adjust the width here
-------------------------- */
#yshout {position: relative; overflow: hidden; font: 11px/1.4 Arial, Helvetica, sans-serif; color: red; background: url('/img/opaque_5.png') repeat;}

/* Posts
------------------------------------- */
#yshout #ys-posts {position: relative;  height: 135px; overflow-y: auto;}
#yshout .ys-post { border-bottom: 1px solid #0099cc; background: transparent; margin: 0 5px; padding: 5px; position: relative; overflow: hidden;}
#yshout .ys-admin-post .ys-post-nickname {padding-left: 11px; background: url(../images/star-dark.gif) 0 2px no-repeat;}
#yshout .ys-post-timestamp {font-style: italic; color: #000000;}
#yshout .ys-post-nickname {color: #0099cc;} 
#yshout .ys-post-message {color: black;}

/* Banned
------------------------------------- */
#yshout .ys-banned-post .ys-post-nickname, #yshout .ys-banned-post .ys-post-message, #yshout .ys-banned-post { color: #b3b3b3 !important;}
#yshout #ys-banned {position: absolute; z-index: 75; height: 100%; _height: 430px; top: 0; left: 0; margin: 0 5px; background: url('/img/opaque_5.png');}
#yshout #ys-banned span {position: absolute; display: block; height: 20px; margin-top: -10px; 	top: 50%; padding: 0 20px; color: #666;	text-align: center;	font-size: 13px; z-index: 80;}
#yshout #ys-banned a {color: #999;}
#yshout #ys-banned a:hover {color: #666;}

/* Hover Controls
------------------------------------- */
#yshout .ys-post-actions {display: none; position: absolute; top: 0; right: 0; padding: 5px; font-size: 11px; z-index: 50; background: #0099cc; color: #66F;}
#yshout .ys-post-actions a {color: #000000;}
#yshout .ys-post-actions a:hover {color: #fff;}
#yshout .ys-post:hover .ys-post-actions {display: block;}
#yshout .ys-post-info {color: #0099cc;}
#yshout .ys-post-info em {font-style: normal; color: #0099cc;}
#yshout .ys-info-overlay {display: none;position: absolute;	z-index: 45; top: 0; left: 0; width: 100%; height: 100%; background: #0099cc; padding: 5px;}
#yshout .ys-info-inline {display: none; margin-top: 2px; padding-top: 3px; border-top: 1px solid #000000;}

/* Post Form
------------------------------------- */
#yshout #ys-post-form {height: 20px; line-height: 20px; background: transparent;}
#yshout #ys-input-nickname,	#yshout #ys-input-message {font-size: 10px;	padding: 2px; background: transparent; border: 1px solid #0099cc; text-align:left;}
#yshout #ys-post-form fieldset {_position: absolute; border: none; padding: 0 10px;}
#yshout #ys-input-nickname {width: 50px; margin-left: 0px;}	
#yshout #ys-input-message {margin-left: 0px; width: 140px; text-align: center;}
#yshout #ys-input-submit {font-size: 11px; width: 64px;	margin-left: 5px;}
#yshout #ys-input-submit:hover {cursor: pointer;}
#yshout .ys-before-focus {color: #4d4d4d;}
#yshout .ys-after-focus {color: #0099cc;}
#yshout .ys-input-invalid {}
#yshout .ys-post-form-link {margin-left: 5px;}

/* Overlays - This should go in all YShout styles
------------------------------------- */
#ys-overlay { position: fixed; _position: absolute;	z-index: 100; width: 100%; height: 100%; top: 0; left: 0; background: #404040;}
* html body { height: 100%; width: 100%;}
#ys-closeoverlay-link,#ys-switchoverlay-link { display: block; font-weight: bold; height: 13px; font: 11px/1 Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; margin-bottom: 1px; outline: none; float: left;}

#ys-switchoverlay-link {float: right;}
.ys-window {z-index: 102; position: fixed; _position: absolute;	top: 50%; left: 50%;}
#ys-cp {margin-top: -220px;	margin-left: -310px; width: 620px;}
#ys-yshout {margin-top: -250px; margin-left: -255px; width: 500px;}
#ys-history {margin-top: -220px; margin-left: -270px; width: 540px;}

#yshout .ys-browser {border: none !important; outline: none !important; z-index: 102; overflow: auto; background: transparent !important; }
#yshout-browser {height: 580px;	width: 510px;}
#cp-browser {height: 440px; width: 620px; _height: 450px; _width: 440px;}	
#history-browser {height: 440px; width: 540px; border-top: 1px solid #545454; border-left: 1px solid #545454; border-bottom: 1px solid #444; border-right: 1px solid #444;}