/* responseFrame */
.responseOverlay
		{ opacity: .6; filter: alpha(opacity=60); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000;  }
.responseContainer
		{ position: relative; width: 100%; height: 0px; text-align: left; font-size: 11px; font-weight: normal; color: #000000; z-index: 25; }
.responseField
		{ position: fixed; height: 355px; width: 400px; margin: 5px; background-color: #ffd97b; z-index: 4000; z-index: 30; }

/* Header */
.header
		{ width: 100%; height: 25px; background-color: #0000FF; background-image: url('/layout/images/response_header.gif'); color: #FFFFFF; font-size: 12px; font-weight: bold; }
.header .responseP
		{ float: left; margin: 0px; padding: 4px 0px 3px 6px; }
.close
		{ float: right; width: 15px; height: 15px; cursor: pointer; background-image: url('/layout/images/response_close.gif'); background-color: #FF0000; margin: 4px 2px; }

/* Content */
.buttonBar
		{ padding: 4px 0px 3px 3px; }
.responseButton
		{ min-width: 25px; text-align: center; cursor: default; color: #000000; display: block; float: left; border: 2px #a8d5ff outset; background-color: #a8d5ff; padding: 1px 3px 1px 1px; margin: 0px 4px 1px 0px; }
.responseButton:hover
		{ color: #DD0000; }
.bold
		{ font-weight: bold; }
.italic
		{ font-style: italic; }
.underline
		{ text-decoration: underline; }
.strike
		{ text-decoration: line-through; }
.quote
		{ }
.image
		{ }
.url
		{ }
.responseContent
		{ padding: 1px 2px 3px 2px; }
.showPreview
		{ float: right; width: 390px; text-align: right; padding: 0px 5px 2px 0px; }
.previewButton
		{ text-decoration: none; font-weight: bold; font-size: 11px; min-width: 75px; height: 20px; text-align: center; cursor: default; color: #000000; display: block; float: right; background-color: #a8d5ff;  margin: 0px 4px 1px 0px; }
.submitBar
		{ width: 390px; padding: 5px 2px 10px 2px; }
.submitButton
		{ text-decoration: none; font-weight: bold; font-size: 11px; min-width: 75px; height: 20px; text-align: center; cursor: default; color: #000000; display: block; float: right; background-color: #a8d5ff;  margin: 0px 4px 1px 0px; }
.textarea
		{ width: 390px; height: 125px;}

/* Opener Link */
.responseLink
		{ padding: 0; margin: 5px 0 5px 0; font-size:13px; font-weight: bold; text-align: center; display: inline; }
.responseLink a
		{ color: #44330B; }
.responseLink a:hover
		{ color: #ff0000; }

/* Preview */
.responsePreview
		{ position: fixed; width: 400px; margin: 5px; z-index: 4000; }
.previewContent
		{ background-color: #FFFFFF; padding: 5px 4px 10px 4px; border: 2px #ffd97b solid;}
.previewContent .quote
		{ display: block; border-left: 1px solid #EDBD48;}
.previewContent .quoteTitle
		{ color: #f00; font-size: 9px; margin-left: 10px;}
.previewContent .quoteContent
		{ color: #CAA750; font-size: 11px; margin-left: 10px;}
.previewContent .smilie
		{ float: none; margin: 1px !important; padding: 0px !important; }

/* Smilies */
.smilies
		{ width: 100%; }
.smilies_left
		{ float: left; border: 2px inset; margin: 1px 5px 1px 2px; height: 110px; width: 100px; padding: 3px; background-color: #FFFFFF; }
.smilies_left a,
.smilies_left a:link,
.smilies_left a:visited
		{ color: #000000; }
.smilies_left a:hover
		{ color: #0000FF; }
.smilies_right
		{ float: left; border: 2px inset; margin: 1px 4px 1px 2px; height: 92px; width: 260px; padding: 20px 3px 3px 3px; overflow-x: hidden; overflow-y: auto; background-color: #FFFFFF; }
.smilie_image
		{ float: left; display: block; text-align: center; width: 35px; height: 35px; border: none; }
.smilie_image img
		{ border: none; }
#sr_none
		{ background-image: url(/layout/images/smilies/bg_none.gif); }
#sr_activiteit
		{ background-image: url(/layout/images/smilies/bg_activiteit.gif); }
#sr_algemeen
		{ background-image: url(/layout/images/smilies/bg_algemeen.gif); }
#sr_blij
		{ background-image: url(/layout/images/smilies/bg_blij.gif); }
#sr_boos
		{ background-image: url(/layout/images/smilies/bg_boos.gif); }
#sr_liefde
		{ background-image: url(/layout/images/smilies/bg_liefde.gif); }
#sr_onbegrip
		{ background-image: url(/layout/images/smilies/bg_onbegrip.gif); }
#sr_tong
		{ background-image: url(/layout/images/smilies/bg_tong.gif); }
#sr_all
		{ background-image: url(/layout/images/smilies/bg_alle.gif); }
		
.hideTillLoaded
		{ opacity : 0.4; filter: alpha(opacity=40);}