﻿body {
}

.cssComment
{

    padding: 10px;
    margin: 5px;
    width: 500px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    height: 220px;
    float:left;
}
.cssQuestion
{
    padding: 10px;
    margin: 5px;
    width: 500px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    height: 220px;
    float:left;
}

.cssPraise
{
    padding: 10px;
    margin: 5px;
    width: 500px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    height: 220px;
        float:left;
}

.cssProblem
{
    padding: 10px;
    margin: 5px;
    width: 500px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    height: 220px;
        float:left;
}

.cssIdea
{
    padding: 10px;
    margin: 5px;
    width: 500px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    height: 220px;
        float:left;
}


#commentblockSelected
{background-image: url('../../assets/images/web/feedback_Grid_Praise.jpg');
}

#liCommentSelected
{background-image: url('../../assets/images/web/feedback_Grid_Praise.jpg');
}

.commentInputCommentTop
{   /* height: 30px; */
width:500px;
background-image: url('../../assets/images/web/feedback_Grid_CommentTop.jpg');
float:left;
}

.commentInputQuestionTop
{    /*height: 30px;*/
width:500px;
background-image: url('../../assets/images/web/feedback_Grid_QuestionTop.jpg');
float:left;
}

.commentInputIdeaTop
{   /* height: 30px; */
width:500px;
background-image: url('../../assets/images/web/feedback_Grid_IdeaTop.jpg');
float:left;
}

.commentInputProblemTop
{   /* height: 30px; */
width:500px;
background-image: url('../../assets/images/web/feedback_Grid_ProblemTop.jpg');
float:left;
}

.commentInputPraiseTop
{    /* height: 30px; */
width:500px;
background-image: url('../../assets/images/web/feedback_Grid_PraiseTop.jpg');
float:left;
}

.commentBlock
{
   /*  background-color: #008000; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
        width: 900px;
    height: 100%;
}
.commentBlock2
{
  /*  background-color: #FF00FF; */
  /*  font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;*/
    color: #FFFFFF;
   /* width: 900px;*/
    height: 100%;
}

.ulComment
{
    list-style-position: outside; 
    margin-left: 0px; 
    padding-left: 0px; 
    list-style: square; 
    vertical-align: middle; 
}
.Note
{
    font-size: 11px;
    color: #2f0b5b;
    margin-bottom: 10px;
    float:left;
}

.commentOptions
{
    float: left;
 /*   background-color: #ffffff; */
    padding-top: 5px;
    padding-bottom: 5px;
    /* padding-left: 5px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
 /*   color: #006699; */
    height: 220px;
   
}




.commentInput
{
    background-position: top;
    padding: 10px;
    margin: 5px;
    float: left;
    width: 470px;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #006699;
    height: 220px;
    background-image: url('../../assets/images/web/feedback_Grid_Comments.jpg');
    background-repeat: no-repeat;
}

.FeedbackSelectionBtn
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    line-height: normal;
    text-align: left;
    background-color: transparent;
   /* margin-left:20px;*/
    width:200px;
}

.btnup
{
color:#000;
}
.btndown
{
color:#fff;
}

.liComment
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/comment_arrow.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
     height: 30px;
  /* display: inline-block; */
    background-color: #DEF1E1;
}

.liComment a:hover 
{
     background-image: url('../../assets/images/web/feedbackGrid-v2/comment_arrow_down.gif');
     background-position: right;
     background-repeat: no-repeat;
     width: 270px;
    /*  height: 30px;
         display: inline-block; */
        background-color:#47A555; 
        color:#fff;
}


.liQuestion
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/question_arrow.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    height: 30px;
    background-color:#DADDE3;
    /*   display: inline-block; 
    margin: 0;
    padding: 0;*/
}

.liQuestion a:hover
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/question_arrow_down.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    background-color:#465675;
   /*  height: 30px;
    font-size: .9em;
      display: inline-block; */
}
.liIdea
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/idea_arrow.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    height: 30px;
    background-color:#F9E3CC;
  /*  font-size: .9em;
     display: inline-block; 
    margin: 0;
    padding: 0;*/
}

.liIdea a:hover
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/idea_arrow_down.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    background-color:#FF9F10;
   /*   height: 30px;
    font-size: .9em;
    display: inline-block; */
}
.liProblem
{
   background-image: url('../../assets/images/web/feedbackGrid-v2/problem_arrow.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    background-color:#F5D6E4;
    
  /*   height: 30px;
    font-size: .9em;
     display: inline-block; */
    margin: 0;
    padding: 0;
}

.liProblem a:hover
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/problem_arrow_down.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    background-color:#CC3179;
  /*  height: 30px;
    font-size: .9em;
      display: inline-block; */
}
.liPraise
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/compliment_arrow.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    background-color:#DFFFCA;
  /*   height: 30px;
    font-size: .9em;
   display: inline-block; */
    margin: 0;
    padding: 0;
}

.liPraise a:hover
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/compliment_arrow_down.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    background-color:#7ED428;
   /*  height: 30px;
    font-size: .9em;
   display: inline-block; */
}

.liComplaint
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/complaint_arrow.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    background-color:#DFFFCA;
  /*   height: 30px;
    font-size: .9em;
   display: inline-block; */
    margin: 0;
    padding: 0;
}

.liCompaint a:hover
{
    background-image: url('../../assets/images/web/feedbackGrid-v2/complaint_arrow_down.gif');
    background-position: right;
    background-repeat: no-repeat;
    width: 270px;
    background-color:#AEAE00;
   /*  height: 30px;
    font-size: .9em;
   display: inline-block; */
}



#commentOptions a:hover 
{
background-color:Blue;
}

.hyp
{    
    width: 230px;
    height: 30px;
}
