/* --- module: goodquestion --- */

.goodquestion {}
.goodquestion #latestAnswersHeader {
	padding: 0px 0px 50px 0px;
}
.goodquestion form.swslang .captcha {
	padding: 30px 0px 30px 140px;
}

/* --- sidebar: global --- */
#goodquestionSidebar .wgcontent .widgetSidebarTitle {
	margin: 50px -15px 10px -15px;
}



/* --- search --- */
.goodquestionSearch .gqSearchAsk {
	background-color: #F6F6F6;
	padding: 0px 0px 0px 0px;
}
.goodquestionSearch .gqSearchAsk a {
	display: block;
	background-image: url(../../images/portal/goodquestion_icon_questionmark.png);
	background-repeat: no-repeat;
	background-position: 30px center;
	padding: 50px 0px 50px 100px;
	color: #BD9A14;
	text-transform: none;
}
.goodquestionSearch .gqSearchFilter {
	background-color: #7B848F;
	padding: 20px 20px 20px 20px;
	background-image: url(../../images/portal/goodquestion_ask_corner.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.goodquestionSearch .gqSearchFilter .header {
	color: #ffffff !important;
	background-image: url(../../images/portal/btn_search.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0px 5px 50px;
	margin: 0px 10px 15px 20px;
	text-transform: none;
}
.goodquestionSearch .gqSearchFilter form {
	color: #ffffff !important;
	/*
	background-image: url(../../images/portal/goodquestion_bkg_search_fieldbutton.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 20px 0px 20px 10px;
	text-transform: none
	text-align: center;
	*/
}
.goodquestionSearch .gqSearchFilter input.button {
	color: #7B848F !important;
}
.goodquestionSearch .beautySearch .cellButton {
	background-image: url(../../images/portal/bkg_beautysearch_button.goodquestion.png);
}

/* --- expert sidebar --- */
.goodquestion .expertListSidebar .person {
	cursor: pointer;
}
.goodquestion .expertListSidebar .person.lastrow {
	border: none;
}
.goodquestion .expertListSidebar .person:hover {
	opacity: 0.5;
}
.goodquestion .expertListSidebar .person .text {
	padding-top: 10px;
}

/* --- expert list --- */
.goodquestion .expertList {}
.goodquestion .expertList .filteredList {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 30px 0px;
	border-bottom: 2px solid #D0D0D4;
}
.goodquestion .expertList .filteredList .header {
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
}
.goodquestion .expertList .filteredList a {
	background-image: url(../../images/portal/icon_arrow_small_grey_right.png);
	background-position: right center;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0px 20px 0px 0px;
	text-decoration: none;
	float: right;
}
.goodquestion .expertList .expertName {
	color: #bd9a14;
}
.goodquestion .expertList .modTitle a {
	font-weight: 700;
	padding-top: 5px;
	color: #bd9a14;
	text-decoration: none;
}
.goodquestion .expertList .modTitle a:hover {
	color: #000000;
}
.goodquestion .expertList .subjectLink {
	text-align: right;
}
.goodquestion .expertList .subjectLink a {
	color: #bd9a14;
	font-style: italic;
	text-decoration: none;
}
.goodquestion .expertList .subjectLink a:hover {
	color: #000000;
}
.goodquestion .expertList .listSpacer {
	border-top: 1px solid #D0D0D4;
	margin: 15px 0px 0px 0px;
}


/* --- subject list --- */
.subjectList #subjectListBox {
	margin: 20px 0px 30px 0px;
}
.goodquestion .subjectList #subjectListBox li {
	display: inline-block;
	padding: 3px 10px 3px 0px;
}
.goodquestion .subjectList #subjectListBox li a {
	text-transform: uppercase;
	text-decoration: none;
}
.goodquestion .subjectList .moreLink {
	text-align: right;
}
.goodquestion .subjectList .moreLink a {
	background-image: url(../../images/portal/icon_arrow_small_grey_right.png);
	background-repeat: no-repeat;
	background-position: center right;
	display: inline-block;
	padding: 0px 20px 0px 0px;
	text-decoration: none;
}

/* --- goodquestion ask --- */
.goodquestionAsk #expertPerson {
	padding: 0px 0px 30px 0px;
}
.goodquestionAsk #expertPerson .header {
	padding: 0px 0px 20px 0px;
}
.goodquestionAsk #expertPerson .expertItem {
	padding: 0px 0px 20px 0px;
}
.goodquestionAsk #expertPerson .expertItem .text {
	padding-top: 10px;
}

.goodquestionAsk #goodquestionFinished {
	
}
.goodquestionAsk #goodquestionFinished .contentTitle {
	padding: 0px 0px 30px 0px;
}

/* --- goodquestion answer --- */
.goodquestion .expertAnswer {}
.goodquestion .expertAnswer .modTitle {
	padding: 0px 0px 30px 0px;
	color: #bd9a14;
}
.goodquestion .expertAnswer .modTeaser {
	padding: 0px 0px 50px 0px;
}
.goodquestion .expertAnswer .answerHeader {
	padding: 0px 0px 30px 135px;
}
.goodquestion .expertAnswer .modBody {
	padding: 0px 0px 0px 135px;
}


.goodquestionBewertung {
	border-top: 1px solid #D0D0D4;
	margin: 30px 0px 0px 0px;
}
.goodquestionBewertung .contentSection {
    border-bottom: 1px solid #D0D0D4;
    padding: 15px 0px 15px 0px;
}
.goodquestionBewertung .introtext {
    padding: 0px 0px 35px 0px;
}

.goodquestionBewertung .nachricht {

}
.goodquestionBewertung .modTitle {
    float: left;
}
.goodquestionBewertung .rating {
    float: right;
    margin: 5px 0px 0px 0px;
    position: relative;
}

.goodquestionBewertung .rating .link {}
.goodquestionBewertung .rating .link li {
    float: left;
    display: block;
    background-color: #7B848F;
    background-color: #D0D0D4;
}
.goodquestionBewertung .rating .link a {
	display: block;
	width: 17px;
	height: 17px;
	background-image: url(../../images/portal/icon_bewertung.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.goodquestionBewertung #rating_box_1 #rate_1 {
	background-color: #bd9a14;
}
.goodquestionBewertung #rating_box_2 #rate_1,
.goodquestionBewertung #rating_box_2 #rate_2 {
	background-color: #bd9a14;
}
.goodquestionBewertung #rating_box_3 #rate_1,
.goodquestionBewertung #rating_box_3 #rate_2,
.goodquestionBewertung #rating_box_3 #rate_3 {
	background-color: #bd9a14;
}
.goodquestionBewertung #rating_box_4 #rate_1,
.goodquestionBewertung #rating_box_4 #rate_2,
.goodquestionBewertung #rating_box_4 #rate_3,
.goodquestionBewertung #rating_box_4 #rate_4 {
	background-color: #bd9a14;
}
.goodquestionBewertung #rating_box_5 #rate_1,
.goodquestionBewertung #rating_box_5 #rate_2,
.goodquestionBewertung #rating_box_5 #rate_3,
.goodquestionBewertung #rating_box_5 #rate_4,
.goodquestionBewertung #rating_box_5 #rate_5 {
	background-color: #bd9a14;
}
.goodquestionBewertung .rating .link a:hover {
	background-color: #ff0000 !important;
}

.goodquestionBewertung .rating .comment {
    position: absolute;
    left: -55px;
    top: -20px;
    width: 150px;
    text-align: center;
    font-weight: 700;
    padding: 10px;
    border-radius: 5px;
    z-index: 2;

    background-color: #aaaaaa;
    border: 1px solid #ffffff;
    color: #ffffff;

    display: none; /* initial setting */
}
.goodquestionBewertung .rating .comment.red {
    background-color: #F36523;
    border: 1px solid #ffffff;
    color: #ffffff;

}
.goodquestionBewertung .rating .comment.green {
    background-color: #3eb84f;
    border: 1px solid #ffffff;
    color: #ffffff;
}