/* 
  Document  : answer
  Created on : 14-May-2013, 16:28:57
  Author   : ranveers
  Description:
    All styles pertaining to questions & answers
*/

.thankyou_header{

    height: 45px;
    width: 695px;
    background-image: url(/images/answers/LIGHT_BLUE_HEADER_695x45.gif);
    color: white;
    font-size: 15px;
    font-weight: bold;
}

.thankyou_header_span{

    color: white;
    font-size: 23px;
    font-weight: bold;
    padding: 7px;
    float:left;
}

.thankyou_header_home_button{
    float: right; 
    margin: 5px 10px 0px 0px;
}

.thankyou_box{
    margin: 0px; 
    width: 681px; 
    height: 150px;
    background-color: #E4F5F9;
    border: 2px solid #00AEEF;
    border-top: 0px;
    padding: 5px;
    margin-bottom: 10px;

}

.thankyou_text{
    text-align: center;
    font-size: 25pt;
    color: #D1222A;
    font-weight: bold;		
}

.thankyou_text_recieved{

    font-size: 15pt;
    color: black;
    font-weight: bold;		
}

.thankyou_text_viewed{

    color: black;
    /*  font-weight: bold;		*/
}

.clear{
    clear:both;
}

.listofreviews_header{
    font-size: 15pt;
    font-weight: bold;	
}

.listofreviews_header_small{
    font-size: 13pt;
    font-weight: bold;	
}

.listofreviews_title{
    font-size: 12px;
    font-style: italic;
}

/* S T Y L E S  F O R  T O P  Q U E S T I O N S  W I D G E T */
#topQandA{width: 100%; margin-bottom: 5px;}
.topQandAContainer{width:100%;margin-left: 0px;margin-bottom: 5px;color: #000;}
div.topQandAContainer div.by {
    color: #808080;
    font-weight: 400;
    font-size: 12px;
}
div.topQandAContainer div.question {
    padding: 5px 0 2px 0;
    margin: 0 0 5px 0;
    background: none;
    border: 0px;
    border-bottom: 1px solid #C8CFE3;
}
div.topQandAContainer div.questionTitle a {
    font-size: 22px;
    font-weight: bold;
}
div.topQandAContainer div.viewed {min-height:15px; text-align:right;}
div.topQandAContainer div.viewed a{
    font-weight: 400;
    text-decoration: none;
    margin: 10px 0;
    font-size:12px;
}
div.topQandAContainer div.dotted {border-bottom: 1px dotted; padding-top:5px; color:#009FCA;}
div.topQandAContainer div.askQuestion{text-align: center;padding-top:5px}
div.topQandAContainer div.askQuestion h3{font-weight:normal; margin:0px;}
div.topQandAContainer div.askQuestion a{color:#000;}
div.topQandAContainer div.questionTitle{color:#000;font-size: 12px;}
div.topQandAContainer div.questionTitle a {
    color: #233D90;
    font-size: 12px;
    text-decoration: none !important;
    line-height: 16px;
}

div.topQandAContainer a.linkBtn {
    width: 98%;
    margin-top: 10px;
}
.topQandAContainer .linkBtnBig {
    width: 97%;
}
#topQandAContainer .linkBtn {width: 100%;}

div.question
{
    background: #FFFFFF;
    margin-bottom: 15px;
    padding: 5px;
    border-bottom: 1px solid #C8CFE3;
}
.questionsWrapper .question:first-of-type {
    border-top: 1px solid #C8CFE3;
}
div.question a
{   color: #233D90;
    font-size: 15px;
    text-decoration: none;

}
div.query a:hover
{
    text-decoration: underline
}

div.question div
{
    padding:1px;
    font-size: 14px
}

div.question .answer, div.question .answer a
{
    color: #CD071E;

}
div.question span.answer a
{
    text-decoration:none;
    color:#CD071E;
}
div.question div.query {
    font-weight: 500;
}
div.question div.questioninternal
{
    margin: 0px 8px 0px 4px;
    padding:0px 4px 0px 4px;
    border-left:3px solid #7BBFFF;
    border-right:3px solid #7BBFFF;
}

#topQandAContainer
{
    margin:0 0 20px 0;
}
.answerQuestionLink {
    color: #233D90;
    padding-bottom: 10px;
    border-bottom: #C8CFE3;
    font-style: italic;
}
.topQandAContainer .question .linkBtn {
    margin: 0 0 5px 0;
}
.answerDetails 
{
    font-size: 11px;
    color: #808080;
}
div.questionContainer 
{
    color: #333;
    font-size: 25px;
    border-radius: 10px 10px 0px 0px;

}
div.questionInnerLeft {
    float: left;
    width: 75%;
}
div.questionInnerRight {
    float: left;
    width: 25%;
}
div.sectionHeader 
{
    width: 300px;
    float: left;
}
.bigQ , .bigA
{
    font-size: 19px;
}
span.changeTopicButton 
{
    margin-top: 4px;
}
.questionReportLink 
{
    text-align: center;
    color: #000;
    text-decoration: none;
    padding: 5px;
    font-size: 11px;
}
.questionArrow{
    /*  height: 50px;*/
    width: 45px;
    height: 20px;
    color: #FFFFFF;
    background-color: #000;
    padding: 6px 10px 6px 10px;
    float: left;

}
.questionArrowPoint {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-left: 20px solid #000;
    border-bottom: 16px solid transparent;
}
.answerArrow {
    width: 42px;
    height: 22px;
    color: #fff;
    background-color: #009fc9;
    padding: 2px 6px 0 2px;
    float: left;
    font-size: 13px;
}
.answerArrowPoint {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 14px solid #009fc9;
    border-bottom: 12px solid transparent;
    margin-right: 10px;
}

div.questionColLeft 
{
    font-size: 13px;
    font-weight: 500;
    width: 14%;
}
div.questionColRight
{
    font-size: 13px;
    font-weight: 500;
    width: 86%;
}
div.questionColLeft div.fl.attentionIcon {
    background: url(/images/social/sprites-thumbs.png) -74px -215px no-repeat;
    width: 28px;
    height: 21px;
    display: inline-block;
    background-size: 300px 450px;
}

div.questionAnswersViewsCount, div.questionAnswersViewsCount a 
{
    /*  margin-top: 5px;
      margin-bottom: 5px;*/
    color: #CD071E;
    font-size: 11px;
    text-align: center;
}
div.questionFullWidth
{
    font-size: 11px;
}
.questionSubmittedBy {
    float: left;
}
div.questionFullWidth div.questionSubmittedBy
, div.questionFullWidth div.questionSubject
, div.questionSubmittedBy a {
    color: #868686; 
    text-transform: capitalize;
}

div.questionFullWidth div.questionSubject a
{
    color: #000;
}
div.questionBottom 
{
    margin-top: 10px;
    text-align: left;
    margin-bottom: 5px;
    font-size: 11px;
}

.askOrAnswerQuestion
{
    float: left;
    width: 190px; 
    height: 235px;
    background-color: #E5E5E5;
}

.askOrAnswerQuestion a
{
    text-decoration: none;
}

#askOrAnswerQuestion
{
    font-size:15px;
}

.askAnswerButton
{
    font-size:14px;
}

.askAnswerButton:after{content: url("/images/SEARCH_BOX/searchCircleArrow_22x22_18Jul13.png");}

form#frm_add_question {
    /*  display: none; */
}
#showAskQuestionButton {
    float: right !important;
    background: #E5E5E5;
    padding: 3px 0 1px 15px;
    font-size: 13px;
}
/* Answers Page */
#answers_header_box_wrapper
{
    margin-bottom: 10px;
    border: 1px solid #E1E1E1;
    border-top: none;
}
#answers_header_box_wrapper a
{
    color:#243F8F;
}

.answersHeader
{
    font-size: 13.5pt;
    color: #000;
    font-weight: bold;
    border-bottom: 3px solid #808181;
    margin: 0 0 5px 0;
    width: 100%;
}
#answers_header_box_content
{
    height: 175px;
    overflow: hidden;
}
#answers_header_box_footer
{
    height: 16px;
}

.questionDropdowns {
    width: 75%;
    text-transform: capitalize;
}

.questionDropdowns > select {
    float: left;
    margin: 0 60px 5px 0;
    width: 180px;
}



/* When in mainCol -> */
#mainCol1 .questionDropdowns select {
    width: 140px;
}
#mainCol1 #frm_add_question .linkBtn {
    font-size: 11px;
}
/*  ***************  */
.questionSubmitHeroImage {
    width: 50%;
    float: right;
    margin: 0 0 15px 0;
}

#ask_question_box {
    width: 95%;
}
div.questiongenericbox
{
    height: 255px;
    background: url('/images/answers/ask_question_box.gif');
}
#answers_title_banner_wrapper
{
    background: url('/images/answers/blue_header.gif');
    width: 495px;
    height: 35px;
}
#answers_title_banner
{
    color: white;
    padding: 5px 0px 0px 10px;
    font-size: 18px;
    font-weight: bold;
}
div.answerhomebox select
{
    font-weight:	bold;
    border:		2px groove white;
    padding:	0px;
    margin:		0px;
    font-size: 	11px;
}
.answerLandingLinks{
    text-decoration: none;
    width: 32%;
    padding-right: 5px;
    font-size: 12px;
}
.answerLandingLinksWrapper{
    padding-top: 5px;
    margin-bottom: 5px;
    padding-left: 15px;
    border-bottom: 3px solid #808181;
    border-top: 3px solid #808181;
}
.answerLandingLinksWrapper h4{padding:0px;margin:0px;}
.answerLandingLinksWrapper ul, .answerLandingLinksWrapper li{list-style:none;padding:0;margin:0;}
.answerLandingLinksWrapper div.section{margin-bottom:20px}

.answerLinksWrapper{

    padding-top: 5px;

}
.answerLinksWrapper h4{padding:0px;margin:0px;}
.answerLinksWrapper ul, .answerLandingLinksWrapper li{list-style:none;padding:0;margin:0;line-height: 19px;}
.answerLinksWrapper div.section{}

.questionText{
    color: #233D90;
    font-size: 22px;
    font-weight: bold;
}
.answerThankyouMessage {
    font-size: 14px;
}
.quick_search_text_input {
    width: 96%;
}
#answersNewQuestionMessage {
    width: 50%;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}
#answersNewQuestionMessage p {
    margin: 0;
}

#answersNewQuestionForm #ask_cruiselineid
,#answersNewQuestionForm #ask_cruiseshipid 
,#answersNewQuestionForm #ask_destinationid
,#answersNewQuestionForm #ask_topicid {
    float: left;
    width: 48%;
    margin: 1%;
    padding: 2px 0px;
}
.newQuestionList {
    padding: 0;
    list-style: none;
}
.newQuestionList li:before {
    content: "\2713";
    padding: 10px;
    color: #00A327;
}
#answersNewQuestionSubmit {
    margin: 5px 0 0 0;
    float: right;
}
#answersNewQuestionSubmit div {
    background: #00a000;
    color: #FFF;
}
#answersNewQuestionForm h2 {
    text-align: center;
    font-weight: 500;
    font-size: 25px;
    margin: 4px 0;
}
/* New Answers Styling */
.questionSnippet {
    font-size:14px;
}

.topQandAContainer {
    box-sizing: border-box;
    overflow: hidden;
}
#topUnansweredContainer{
    border: 1px solid #808080;
}
.unansweredQuestionLabelWide{
    background: none repeat scroll 0 0 #cf0012;
    color: #fff;
    font-size: 14px;
    text-align: center;
    height: 25px;
    line-height: 25px;
}
#topUnansweredContainer .questionTitle{
    color: #233d90;
    text-decoration: none !important;
    line-height: 19px;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0;
}
#topUnansweredContainer .by {
    color: #808080;
}
#topUnansweredContainer .unansweredQuestionsAnswerAndViews {
    padding: 10px 0;
}
#topUnansweredContainer .answerUnansweredQuestion {
    color: #233d90;
}
#topUnansweredContainer .viewed {
    float: right;
    color: #cf0012;
}
.unansweredDownBorderArrow{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 7px solid #cf0012;
    height: 0;
    margin: auto;
    width: 0;
}
.questionsWrapper .unansweredQuestionsContainer, .topUnansweredQuestions .unansweredQuestionsContainer {
    background-color: #e5e5e5;
}
.unansweredQuestionLabel{
    height: 27px;
    width: 100px;
    background: none repeat scroll 0 0 #cf0012;
    color: #fff;
    float: left;
    padding: 1px;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    box-sizing: border-box;
}
.unansweredRrightBorderArrow {
    border-top: 12px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 15px solid #cf0012;
    float: left;
    padding: 1px;
    box-sizing: border-box;
}
.unansweredLabelContainer{
    width: 100%;
}
.unansweredLabelContainer.fl {
    box-sizing: border-box;
    width: 18%;
}
.unansweredQuestionsDetails {
    width: 82%;
    float: left;
    box-sizing: border-box;
}
.unansweredQuestionWide .question {
    background: none;
    margin-bottom: 7px;
}
.unansweredQuestion {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #c8cfe3;
    margin-bottom: 10px;
    font-size: 14px;
}
.topUnansweredQuestions {
    padding: 10px;
    box-sizing: border-box;
}

/* New Question Ask Form */

/* Don't put these into a multi rule style */
/* It stops them from working */
#answersNewQuestionForm #ask_question_box::-webkit-input-placeholder 
,.commentsTextArea::-webkit-input-placeholder {
    color: #808080;
    opacity:  1;
    font-style: italic;    
    line-height: 33px;
}
#answersNewQuestionForm #ask_question_box:-moz-placeholder 
,.commentsTextArea:-moz-placeholder {
    color: #808080;
    opacity:  1;
    font-style: italic;
    line-height: 33px;
}
#answersNewQuestionForm #ask_question_box::-moz-placeholder 
,.commentsTextArea::-moz-placeholder {
    color: #808080;
    opacity:  1;
    font-style: italic;
    line-height: 33px;
}
#answersNewQuestionForm #ask_question_box:-ms-input-placeholder 
,.commentsTextArea:-ms-input-placeholder {
    color: #808080;
    opacity:  1;
    font-style: italic;
    line-height: 33px;
}
/* ************************** */
.askQuestionTextareaLabel {
    background: #808080;
    height: 40px;
    float: left;
    width: 32%;
    box-sizing: border-box;
    font-size: 19px;
    text-align: center;
    color: #FFFFFF;
    line-height: 40px;
    border-radius: 10px 0px 0px 10px;
    font-weight: bold;
}
#answersNewQuestionForm #ask_question_box
, .commentsTextArea {
    height: 40px;
    width: 51%;
    box-sizing: border-box;
    text-indent: 5px;
    float:left;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: none;
    border-right: none;
}
.askQuestionTextareaSubmit {
    float: left;
    height: 40px;
    width: 17%;
    box-sizing: border-box;
    background: #00A327;
    border-radius: 0 10px 10px 0;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    box-shadow: -5px -5px 15px -2px #333 inset;
    cursor: pointer;
}
.askQuestionTextareaSubmit span {
    position: relative;
    top: 9px;
    right: 5px;
}
/* Animated styles */
.animatedForm .askQuestionTextareaContainer {
    clear: both;
    border: 1px solid #000000;
}
.animatedForm #askQuestionLeftColumn {
    width: 65%;
    float: left;
    padding: 5px 0;
}
.animatedForm #askQuestionRightColumn {
    width: 35%;
    float: left;
    padding: 5px 15px;
    box-sizing: border-box;
}
#answersNewQuestionForm .animatedForm #ask_question_box {
    border-right: 1px solid #333;
    border-top: none;
    border-bottom: none;
}
#answersNewQuestionForm .animatedForm #ask_cruiselineid 
, #answersNewQuestionForm .animatedForm #ask_cruiseshipid
, #answersNewQuestionForm .animatedForm #ask_destinationid
, #answersNewQuestionForm .animatedForm #ask_topicid {
    float: none;
    width: 100%;
    margin: 5px 0;
    text-transform: capitalize;
}
.animatedForm .askQuestionTextareaSubmit span {
    top: 1px;
}
.animatedForm .askQuestionTextareaSubmit {
    text-align: left;
    text-indent: 5px;
    border-radius: 5px;
    padding: 2px 0;
    margin: 10px 0 0 0;
}
.animatedForm .askQuestionTextareaLabel {
    border-radius: 10px 10px 0 0;
}
.animatedForm .commentsTextArea {
    width: 100%;
    border: none;
    float: none;
}
/* New Answers by cruise line widget */
.answerByCruiselinesContainer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background:#D9F1F7;
    box-sizing: border-box;
    padding: 10px;
}
.answerByCruiselinesContainer ul > li {
    font-size: 15px;
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    padding: 4px 0;
}
#questionReplyForm {
    width: 100px;
}
.mainColumns_3 div.topQandAContainer div.question {
    height: 170px;
}
mainColumns_3 #topQandAContainer {
    height: 755px;
}