#topicContainer, #messageContainer, #questionForm, #topicPopupMsg, #messagePopupMsg, #questionPopupMsg {
    font-size: 0.8em;
}

#topicContainer, #messageContainer {
    /*height: 65px;*/
    overflow: auto;
    margin-bottom: 5px;
    padding: 5px;
    border: solid lightgray 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;  /* для firefox */
    -webkit-border-radius: 5px;
}

/*#topicContainer, #messageContainer {

}

#questionContainer {
    height: 60px;
    margin-right: 5px;
}*/

.ui-widget .topic-radio-label {
    text-align: left;
    /*width: 100%;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 30px);
}

.topic-radio-label:nth-child(even) {
    margin: 5px 0;
}

h5 {
    margin: 3px 0;
}

.message-question, .message-answer {
    clear: both;
    width: 78%;
    margin: 5px 0;
    padding: 5px;
    border-radius: 5px;
    white-space: pre-line;
    -moz-border-radius: 5px;  /* для firefox */
    -webkit-border-radius: 5px;

}

.message-question {
    float: right;
    /*background-color: deepskyblue;*/
    border: 1px solid #003eff;
    background: #CAFFDF;
    font-weight: normal;
    color: #fff;
}

.message-answer {
    float: left;
    /*border: solid lightgray 2px;*/
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
}

#questionForm {
    /*padding: 5px;*/
    /*background: #f6f6f6;*/
    /*height: 50px;*/
    position: relative;
    /*margin: 0 0;*/
}
#questionContent {
    height: 100%;
    /*width: 100%;*/
    float: left;
    width: -moz-calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
    width: -o-calc(100% - 75px);
    width: calc(100% - 75px);
    /*margin-bottom: 5px;*/
}

#askBtn {
    position: absolute;
    right: 0;
    bottom: 5px;
    /*float: right;*/
    width: 70px;
}

.pane-footer.error {
    color: red;
}

.pane-footer.success {
    color: green;
}



/*
.topic-controlgroup {
    width: 85%;
}

.ui-widget .topic-controlgroup-item {
    margin-bottom: 3px;
}*/


/*body {
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		87.5%;
    background:		#F6F6F6;
}*/
body > .ui-layout-pane { /* Page Layout Only */
    background:		#F6F6F6 !important;
}

#messageBoard, #captchaBoard {
    overflow:	hidden;	/* eliminate space for scrollbar in dialog - not needed when using a layout */
    display:	none;
    padding:	0;		/* nullify ui-widget-content */
    padding-top: 4px;	/* add some white-space below titlebar for cosmetics */
    /* COULD add a border and/or padding if desire a different look...
    padding:	6px;
    border:		1px solid #BBB;
    */
}

#messageBoard .ui-widget-content, #captchaBoard .ui-widget-content {
    /* nullify ui-widget-content bg-image - but KEEP widget bg-color */
    background-image: none;
}
#messageBoard .ui-layout-pane, #captchaBoard .ui-layout-pane {
    /* start by removing all padding & scrolling */
    padding:	0;
    overflow:	hidden;
}
#messageBoard .pane-header ,
#messageBoard .ui-layout-content ,
#messageBoard .ui-layout-south,
#captchaBoard .pane-header ,
#captchaBoard .ui-layout-content ,
#captchaBoard .ui-layout-south{
    padding:	5px 10px;
}

#messageBoard .pane-header, #captchaBoard .pane-header {
    border-width:	0 0 1px; /* nullify ui-widget-content border, except bottom */
}

#messageBoard .pane-footer, #captchaBoard .pane-footer {
    border-width:	1px 0 0; /* nullify ui-widget-content border, except top */
    font-size:		.85em;
    font-weight:	normal;
    padding:		2px 10px 4px;
    /*height: 10px;*/
}

#messageBoard .ui-layout-content, #captchaBoard .ui-layout-content {
    border:			0; /* nullify ui-widget-content border - 'pane' already has this */
    overflow:		auto;
}

#messageBoard .ui-layout-south, #captchaBoard .ui-layout-south {
    /* has ui-widget-header for cosmetics - override defaults */
    font-weight:	normal; /* NOT bold in statusbar */
    font-size:		.85em;	/* smaller text */
    padding-top:	2px;	/* nice and small */
    padding-bottom:3px;
}

#messageBoard .ui-layout-resizer-west, #captchaBoard .ui-layout-resizer-west {
    /* NOTE: SOMETHING in the theme CSS is setting opacity here */
    opacity:	.01;
    filter:		alpha(opacity=1);
    background: #F00 url(/lib/img/resizable-w.gif) no-repeat 0 center;
}

#messageBoard .ui-layout-resizer-west-closed, #captchaBoard .ui-layout-resizer-west-closed {
    background-image: url(/lib/img/resizable-e.gif); /* looks better */
    border:			1px solid #6C0;
    border-width:	1px 0;
    opacity:		.70;
    filter:			alpha(opacity=70);
}

#messageBoard .ui-layout-resizer-dragging ,
#messageBoard .ui-layout-resizer-sliding ,
#messageBoard .ui-layout-resizer:hover,
#captchaBoard .ui-layout-resizer-dragging ,
#captchaBoard .ui-layout-resizer-sliding ,
#captchaBoard .ui-layout-resizer:hover{
    opacity:		1;
    filter:			alpha(opacity=100);
}

.pane-footer.ui-state-default{
    display: none;
}