@import url('Header.css');
@import url('ChatView.css');
@import url('ReferenceView.css');
@import url('CommonQuestionsView.css');
@import url('ConsiderationsView.css');
@import url('AboutDialog.css');
@import url('ChatSegment.css');
@import url('Common.css');
@import url('ContactUs.css');
@import url('FeedbackWidget.css');
@import url('FormattedAnswers.css');
@import url('HeaderMenu.css');
@import url('ProgressSegment.css');
@import url('QuestionInput.css');

.WEARowSpacer10px {height: 10px;}

a.WEAAskWatsonBtn {
    display: block;
    width: 166px;
    height: 60px;
    background: url('/watson/app/com/ibm/sstac/watson/ux/images/AskWatsonBtn.png') bottom;
    text-indent: -99999px;
}

a.WEAAskWatsonBtn:active, a.WEAAskWatsonBtn:focus {
    outline: none;    
}

a.WEAAskWatsonBtn:hover, a.WEAAskWatsonBtn:active, a.WEAAskWatsonBtn:focus {
    background-position: 0 0;
}

a.WEAAskAQuestionBtn {
    display: block;
    width: 180px;
    height: 30px;
    background: url('/watson/app/com/ibm/sstac/watson/ux/images/AskAQuestionBtn.png') bottom;
    text-indent: -99999px;
}

a.WEAAskAQuestionBtn:active, a.WEAAskAQuestionBtn:focus {
    outline: none;    
}

a.WEAAskAQuestionBtn:hover, a.WEAAskAQuestionBtn:active, a.WEAAskAQuestionBtn:focus {
    background-position: 0 0;
}

.WEAMain {
    background: #FFFFFF;
}

/*** Begin Main Body ***/
.WEAContainer {
    padding: 0px;
    height: 500px;
    width: 750px;
}

.WEADialogContainer {
    height: 374px;
    width: 100%;
    background-image: url('/watson/app/com/ibm/sstac/watson/ux/images/WatsonAvatarModernBg750.png');
}
/*** End Main Body ***/

/*** Begin Dialog ***/
.WEADialogGreetingContainer {
    position: relative;
    margin-left: 26px;
    width: 60%;
}

.WEADialogSpacer {
	height: 26px;
	width: 143px;
}

.WEADialogWordmark {
    height: 45px;
    width: 285px;
    background-image: url('/watson/app/com/ibm/sstac/watson/ux/images/IBMSupportBlack.png');
    background-repeat: no-repeat;
}

.WEADialogGreeting {
    padding-top: 70px;
    height: 31px;
    width: 100%;
    font-size: 25px;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    font-weight: lighter;
    color: #00B2EF;
}

.WEADialogGreetingText {
    padding-top: 28px;
    height: 20px;
    width: 100%;
    font-size: 25px;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    font-weight: lighter;
    color: #004266;
}

.WEADialogProductHeading {
    padding-top: 14px;
    height: 25px;
    width: 100%;
    font-size: 31px;
    font-weight: bold;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #004266;
}
/*** End Dialog ***/

/*** Begin Header ***/
.WEAHeader {
    height: 40px;
    width: 100%;
    background-color: #00B2EF;
}

.WEAHeaderLogo {
    height: 28px;
    width: 388px;
    top: 6px;
    position: relative;
    background-image: url('/watson/app/com/ibm/sstac/watson/ux/images/IBMSupportWhite.png');
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.WEABack {
    float: left;
    height: 28px;
    width: 64px;
    margin-left: 16px;
    margin-top: 6px;
    background-image: url('/watson/app/com/ibm/sstac/watson/ux/images/BackBtn.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

a.WEABackBtn {
    display: block;
    width: 100px;
    height: 50px;
    background: url('/watson/app/com/ibm/sstac/watson/ux/images/BackBtn3.png') bottom;
    text-indent: -99999px;
}

a.WEABackBtn:active, a.WEABackBtn:focus {
    outline: none;
}

a.WEABackBtn:hover, a.WEABackBtn:active, a.WEABackBtn:focus {
    background-position: 0 0;
}
/*** End Header ***/

/*** Begin Answers ***/
.WEAAnswersContainer {
    height: 334px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
    overflow-x: hidden;
    overflow-y: auto;
}

.WEAQuestionContainer {
    /*width: 538px;*/
    padding: 5px 16px 5px 16px;
    /*margin-top: 10px;*/
    background: #F5F5F5;
    color: #383363;
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
}

.WEAResponseText {
    color: #383363;
    font-size: 16px;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
}

.WEAQuestionText {
    color: #004266;
    font-size: 16px;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    font-style: italic;
    font-weight: normal;
}

.WEAAnswerContainer {
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
    /*border-left: 6px solid #00B2EF;*/
    border-left: 6px solid #00B2EF;
    /*border: 2px solid #000;*/
}

.WEAAnswerContainerOther {
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
    /*border-left: 6px solid #004266;*/
    border-left: 6px solid #004266;
}

.WEAAnswerFullTextContainer {
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
    border-left: 6px solid #00B2EF;
}

.WEAAnswerSpacer {
    height: 10px;
}

.WEAAnswer {
    /*width: 538px;*/
    width: 97%;
    margin-left: 10px;
    margin-right: 16px;
    padding: 6px 0px 8px 0px;
    /*border-bottom: 1px solid #CDCED2;*/
    color: #605F5C;
    font-size: 16px;
    font-weight: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
}

.WEAAnswerFullText {
    /*width: 538px;*/
    width: 97%;
    margin-left: 10px;
    margin-right: 16px;
    margin-bottom: 10px;
    padding: 6px 0px 8px 0px;
    color: #605F5C;
    font-size: 16px;
    font-weight: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
}

.sectionTitle {
    font-weight: bold;
}
/*** End Answers ***/

/*** Begin Answer Actions ***/
.WEAAnswerActionsContainer {
    height: 16px;
    width: 97%;
    /*padding: 16px 0px 0px 0px;*/
    margin-left: 10px;
    margin-right: 16px;
    padding: 16px 0px 8px 0px;
    border-bottom: 1px solid #CDCED2;
}

a.WEAAnswerActionLink {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #00B2EF;
    text-decoration: none;
    cursor: pointer;
}
a.WEAAnswerActionLink:visited { color: #00B2EF }
a.WEAAnswerActionLink:hover, a.WEAAnswerActionLink:active, a.WEAAnswerActionLink:focus { color: #8CC63F }

.WEAAnswerActionsTable {
    width: 100%;
    border-collapse: collapse;
}

.WEAAnswerActionFullText {
    float: left;
    padding: 0px 14px 0px 0px;
}

.WEAAnswerActionAllAnswers {
    float: left;
    padding: 0px 0px 0px 14px;
    border-left: 1px solid #00B2EF;
}

.WEAAnswerActionComment {
    float: right;
    padding: 0px 14px 0px 14px;
    border-right: 1px solid #00B2EF;
}

.WEAAnswerActionThumbsUp {
    float: right;
    height: 16px;
    padding: 0px 0px 0px 14px;
    vertical-align: bottom;
}

.WEAAnswerActionThumbsDown {
    float: right;
    height: 16px;
    padding: 0px 6px 0px 12px;
    vertical-align: bottom;
}

a.WEAThumbsUpBtn {
    display: block;
    width: 12px;
    height: 12px;
    background: url('/watson/app/com/ibm/sstac/watson/ux/images/ThumbsUp.png') bottom;
    text-indent: -99999px;
    cursor: pointer;
}

a.WEAThumbsUpBtn:active, a.WEAThumbsUpBtn:focus {
    outline: none;    
}

a.WEAThumbsUpBtn:hover, a.WEAThumbsUpBtn:active, a.WEAThumbsUpBtn:focus {
    background-position: 0 0;
}

a.WEAThumbsUpBtnActive {
    display: block;
    width: 12px;
    height: 12px;
    background: url('/watson/app/com/ibm/sstac/watson/ux/images/ThumbsUp.png') bottom;
    text-indent: -99999px;
    cursor: pointer;
    background-position: 0 0;
}

a.WEAThumbsUpBtnActive:active, a.WEAThumbsUpBtnActive:focus {
    outline: none;    
}

a.WEAThumbsUpBtnActive:hover, a.WEAThumbsUpBtnActive:active, a.WEAThumbsUpBtnActive:focus {
    background-position: bottom;
}

a.WEAThumbsDownBtn {
    display: block;
    width: 12px;
    height: 12px;
    background: url('/watson/app/com/ibm/sstac/watson/ux/images/ThumbsDown.png') bottom;
    text-indent: -99999px;
    cursor: pointer;
}

a.WEAThumbsDownBtn:active, a.WEAThumbsDownBtn:focus {
    outline: none;    
}

a.WEAThumbsDownBtn:hover, a.WEAThumbsDownBtn:active, a.WEAThumbsDownBtn:focus {
    background-position: 0 0;
}

a.WEAThumbsDownBtnActive {
    display: block;
    width: 12px;
    height: 12px;
    background: url('/watson/app/com/ibm/sstac/watson/ux/images/ThumbsDown.png') bottom;
    text-indent: -99999px;
    cursor: pointer;
    background-position: 0 0;
}

a.WEAThumbsDownBtnActive:active, a.WEAThumbsDownBtnActive:focus {
    outline: none;    
}

a.WEAThumbsDownBtnActive:hover, a.WEAThumbsDownBtnActive:active, a.WEAThumbsDownBtnActive:focus {
    background-position: bottom;
}

a.WEAFullTextLink:link {
    color: #00B2EF;
    font-weight: normal;
}
a.WEAFullTextLink:visited { color: #00B2EF }
a.WEAFullTextLink:hover, a.WEAFullTextLink:active, a.WEAFullTextLink:focus { color: #8CC63F }
/*** End Answer Actions ***/

/*** Begin Divider ***/
.WEADividerContainer {
    height: 8px;
    width: 100%;
    padding: 0px;
}

.WEADividerArea1 {
    float: left;
    height: 8px;
    width: 16%;
    background-color: #8CC63F;
}
.WEADividerArea2 {
    float: left;
    height: 8px;
    width: 7%;
    background-color: #17AF4B;
}
.WEADividerArea3 {
    float: left;
    height: 8px;
    width: 11%;
    background-color: #82D1F5;
}
.WEADividerArea4 {
    float: left;
    height: 8px;
    width: 14%;
    background-color: #008ABF;
}
.WEADividerArea5 {
    float: left;
    height: 8px;
    width: 10%;
    background-color: #D7DD3A;
}
.WEADividerArea6 {
    float: left;
    height: 8px;
    width: 7%;
    background-color: #8CC63F;
}
.WEADividerArea7 {
    float: left;
    height: 8px;
    width: 18%;
    background-color: #00B2EF;
}
.WEADividerArea8 {
    float: left;
    height: 8px;
    width: 17%;
    background-color: #17AF4B;
}
/*** End Divider ***/

/*** Begin Question Input ***/
.WEAQuestionInputContainer {
    height: 102px;
    width: 100%; /*538px;*/
    padding: 16px 16px 0px 16px;
    background: #004266;
}

WEAQuestionInputAreaContainer {
    display: block;
    overflow: hidden;
    height: 100%;
    width: 500px;
}

.WEAQuestionInputArea {
    float: left;
    height: 50px; /* 70x */
    width: 100%; /* 452px */
    padding: 10px 8px 10px 8px;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 3px #E6E7E8 inset;
}

.WEAQuestionAsk {
    float: right;
    /*background-image: url('/watson/app/com/ibm/sstac/watson/ux/images/AskBtn.png');
    background-repeat: no-repeat;*/
    margin-left: 16px;
    height: 70px;
    width: 70px;
}

a.WEAQuestionAskBtn {
    display: block;
    width: 70px;
    height: 70px;
    background: url('/watson/app/com/ibm/sstac/watson/ux/images/AskBtn.png') bottom;
    text-indent: -99999px;
}

a.WEAQuestionAskBtn:focus, a.WEAQuestionAskBtn:active {
    outline:none;    
}

a.WEAQuestionAskBtn:hover, a.WEAQuestionAskBtn:focus, a.WEAQuestionAskBtn:active {
    background-position: 0 0;
}

.WEAQuestionInputText {
    font-size: 16px;
    font-weight: lighter;
    font-style: italic;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #58595B;
    width: 100%;
    height: 50px;
    background-color: transparent;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.WEAQuestionInputTextInactive {
    font-size: 16px;
    font-weight: lighter;
    font-style: italic;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #58595B;
    width: 100%;
    height: 50px;
    background-color: transparent;
    overflow: auto;
    position: relative;
}

.WEAQuestionLinksContainer {
    width: 632px;
    height: 32px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    /*border: 1px solid rgb(255, 255, 255);*/
}

.WEAQuestionLinkCommonQuestions {
    float: left;
    margin-top: 8px;
    padding: 0px 14px 0px 0px;
    vertical-align: middle;
}

.WEAQuestionLinkHistory {
    float: left;
    margin-top: 8px;
    padding: 0px 0px 0px 14px;
    border-left: 1px solid #00B2EF;
}

.WEAQuestionLinkMoreHelp {
    float: right;
    margin-top: 8px;
    padding: 0px 0px 0px 0px;
}

a.WEAQuestionLink {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #00B2EF;
    text-decoration: none;
    cursor: pointer;
}
a.WEAQuestionLink:visited { color: #00B2EF }
a.WEAQuestionLink:hover, a.WEAQuestionLink:active, a.WEAQuestionLink:focus { color: #8CC63F }
/*** End Question Input ***/

/*** Begin Common Questions ***/
.WEACommonQuestionsContainer {
    height: 334px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
    overflow-x: hidden;
    overflow-y: auto;
}

.WEACommonQuestionsDialog {
    padding: 5px 16px 5px 16px;
    margin-top: 10px;
    background: #F5F5F5;
    color: #383363;
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
}

.WEACommonQuestionContainer {
    width: 100%;
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
    border-left: 6px solid #00B2EF;
}

.WEACommonQuestionsSpacer {
    height: 10px;
    width: 100%;
}

.WEACommonQuestion {
    padding: 8px 16px 8px 10px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #605F5C;
}
/*** End Common Questions ***/

/*** Begin History ***/
.WEAHistoryContainer {
    height: 334px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
    overflow-x: hidden;
    overflow-y: auto;
}

.WEAHistoryDialog {
    padding: 5px 16px 5px 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #F5F5F5;
    color: #383363;
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
}

.WEAHistoryQuestionContainer {
    margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
    border-left: 6px solid #00B2EF;
}

.WEAHistorySpacer {
    height: 10px;
}

.WEAHistoryQuestion {
    padding: 8px 16px 8px 10px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #605F5C;
}
/*** End History ***/

/*** Begin Comments ***/
.WEACommentContainer {
    height: 334px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
    overflow-x: hidden;
    overflow-y: auto;
}

.WEACommentDialogContainer {
    margin-top: 10px;
    background: #F5F5F5;
}

.WEACommentDialog {
    margin-left: 16px;
    margin-right: 16px;
    padding: 5px 0px 5px 0px;
    color: #383363;
    font-size: 16px;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
}

.WEACommentDialogHeading {
    padding: 0px 0px 5px 0px;
    font-weight: bold;
}

.WEACommentInputContainer {
    background: #FFFFFF;
}

.WEACommentInputArea {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 16px;
    margin-right: 16px;
    height: 40px;
    padding: 10px 8px 10px 8px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 3px #00B2EF inset;
}

.WEACommentInputText {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #58595B;
    width: 100%;
    height: 40px;
    background-color: transparent;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.WEACommentSubmitContainer {
    height: 30px;
    width: 100%;
}

.WEACommentSubmit {
    float: right;
    margin-right: 16px;
    height: 30px;
    width: 90px;
}

a.WEACommentSubmitBtn {
    display: block;
    width: 90px;
    height: 30px;
    background: url('/watson/app/com/ibm/sstac/watson/ux/images/SubmitBtn.png') bottom;
    text-indent: -99999px;
    cursor: pointer;
}

a.WEACommentSubmitBtn:focus, a.WEACommentSubmitBtn:active {
    outline:none;    
}

a.WEACommentSubmitBtn:hover, a.WEACommentSubmitBtn:focus, a.WEACommentSubmitBtn:active {
    background-position: 0 0;
}

.WEAComment {
    margin-top: 10px;
    margin-left: 16px;
    margin-right: 16px;
    border-top: 1px solid #CDCED2;
    padding: 10px 0px 0px 0px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #58595B;
}

.WEACommentSpacer {
    height: 10px;
}
/*** End Comments ***/

/*** Begin More Help ***/
.WEAMoreHelpDialogContainer {
    margin-top: 10px;
    background: #F5F5F5;
}

.WEAMoreHelpDialog {
    margin-left: 16px;
    margin-right: 16px;
    padding: 5px 0px 5px 0px;
    color: #383363;
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
}

.WEAMoreHelpProductHeading {
    color: #00B2EF;
}

.WEAMoreHelpOption {
    margin-top: 10px;
    margin-left: 16px;
    margin-right: 16px;
    padding: 10px 0px 0px 0px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #58595B;
}

a.WEAMoreHelpLink {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
    color: #00B2EF;
    text-decoration: none;
    cursor: pointer;
}
a.WEAMoreHelpLink:visited { color: #00B2EF }
a.WEAMoreHelpLink:hover, a.WEAMoreHelpLink:active, a.WEAMoreHelpLink:focus { color: #8CC63F }

.WEAMoreHelpSpacer {
    height: 10px;
}
/*** End More Help ***/

/*** Start Progress Segment ***/
.WEAProgressBarContainer {
	height: 334px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: #004266;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: center;
}
.WEAProgressBarContainer .WEAProgressBar {
	display: inline-block;
	padding: 120px 0px 0px 0px;
}
.WEAProgressBarContainer .WEAProgressBar .WEAProgressBarImageHeader {
	background-image: url("/watson/app/com/ibm/sstac/watson/ux/images/WatsonAvatarWhite.png");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 100px;
	width: 100px;
	vertical-align: top;
	position: relative;
}
.WEAProgressBarContainer .WEAProgressBar .WEAProgressBarImage {
	background-image: url("/watson/app/com/ibm/sstac/watson/ux/images/Analyzing_Retina.gif");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 50px;
	width: 200px;
	vertical-align: top;
	position: relative;
	top: 50px;
}
.WEAProgressBarContainer .WEAProgressBar .WEACancelQuestionButton {
	cursor: pointer;
	display: inline-block;
	position: relative;
}
.WEAProgressBarContainer .WEAProgressBar .WEACancelQuestionButton .WEACancelQuestionImage {
	border-radius: 18px 18px 18px 18px;
    box-shadow: 0 1px 0 1px #4e5f73;
    background-color: #152d3a;
    height: 26px;
    width: 26px;
	background-image: url("/watson/app/com/ibm/watson/ux/images/Cancel_Retina_24x24.png");
	background-size: 16px 16px;   
	background-position: 5px 7px;
    background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: 60px;
}
/*** End Progress Segment ***/