body
{
    font-family: Arial, Verdana, sans-serif;
    background-color: #333333;
    background-image:none;
    color : #2F0B5B;
}

#wrapper
{
    background-color: #FFFFFF;
    border: 1px solid #bbbbbb;
    padding-bottom:20px;
    padding-right:20px;
}

.QHeader {
color:#6D459E;
   font-family:Arial,Verdana,sans-serif; 
}

#intro 
{
    color: #2F0B5B;
   font-family:Arial,Verdana,sans-serif; 
    padding-bottom:10px;
    padding-top:20px;
}

.commentOptions
{
padding-left:10px;
font-size:83%;
}

#logo
{
    top: 30px;
    left: 650px;
    float: right;
    height:88px;
    background-image:url(../../../../assets/images/org/3logo.jpg);
    background-repeat: no-repeat;
    width:140px;
    margin-top:20px;
}

.websurvey_HR
{
   /* font-family: Arial, Helvetica, sans-serif;*/
    font-weight: bold;
    color: #000080;
}


.websurvey_Heading
{
    font-size: 14px;
    color: #336699;
    font-weight: bold;
    margin-bottom:20px;
  /*  text-decoration: underline;
   font-family: Arial, Helvetica, sans-serif; */
}

.QuestionTitle
{
  /*  font-family: Arial, Helvetica, sans-serif; */
    font-size: 14px;
    color: #006699;
    text-decoration: underline;
}

.QuestionText
{
    
    font-size:83%;
  /* color: #006699; 
  font-family: Arial, Helvetica, sans-serif;*/
}

/*#pagecount { margin-bottom:10px;}*/

legend
{
font-weight: bold;
font-size:83%;
 /*   padding: 4px;*/
/*    font-family: 'Arial Rounded MT Bold' , Verdana, Arial, Helvetica, sans-serif; /*   font-size: 11px; */
/*    
    
    height: 20px; */
    border-bottom : 3px solid #aa0033;
    color: #6D459E;
    background-color: #ffffff;
        font-family: Arial, Verdana, sans-serif;
 /*   font-size: 14px;*/
    /*border-color:#DDDDDD #DDDDDD #AA0033; */
    border-color:#DDDDDD #DDDDDD #333333; 
    border-style:solid;
    border-width:1px;
}

fieldset
{
background-color:#ffffff;
padding-bottom:0px;
}

.fieldSetInner
{
   padding-top: 15px; 
   padding-left:100px;
   padding-bottom:20px;
   }

#wrapper
{
    padding-top:10px;
}

.RatingGrid
{
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
}
.RatingGridRow
{    background-color: #ffffff;}

.RatingGridAlternateRow
{
    background-color: #F0F0F0;
}

.PanelMoreRatings {
color:#2f0b5b;
font-family:Arial,Verdana,sans-serif;
}


.UserContactDetailsTable
{
    font-size:83%;
}

.ReturnToOrigin
{
    background-position: left;
    /*padding-top: 14px;*/
    /*background-image: url('../../../../assets/images/web/return_to_purple.jpg');*/
    background-repeat: no-repeat;
    /*padding-left: 30px;*/
}
.responserequired
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 83%;
    font-weight: normal;
    color: #008000;
}
/************************************************************************
/******************** COMMENT / FEEDBACK FORM STYLE *********************
/************************************************************************/
.cssComment
{
    border: solid 1px #cccccc;
    background-image:none;
    margin:2px;
    background-color:#efe;
}
.cssQuestion
{
    border: solid 1px #cccccc;
    background-image:none;
    margin:2px;
    background-color:#DBE8E8;
}
.cssPraise
{
    border: solid 1px #cccccc;
    background-image:none;
    margin:2px;
    background-color:#EFFAE4;
}
.cssProblem
{
    border: solid 1px #cccccc;
    background-image:none;
    margin:2px;
    background-color:#F9DDDD;
}
.cssIdea
{
    border: solid 1px #cccccc;
    background-image:none;
    margin:2px;
        background-color:#FFF1DD;
}
.commentOptions
{
/* padding-left:100px;*/
color:#006699;
}
.commentInputQuestionTop
{
    height:0px;
    overflow:hidden;
}
.commentInputCommentTop
{
    height:0px;
    overflow:hidden;
}
.commentInputPraiseTop
{    height: 0px;
overflow:hidden;
}
.commentInputProblemTop
{    height: 0px; 
overflow:hidden;
}
.commentInputIdeaTop
{    height: 0px; 
overflow:hidden;
}

.commentOptionsText
{ 
  /* padding-left:100px;
    
   padding-bottom:20px;*/
   font-size:83%;
    color : #2f0b5b;
  
}
/**** SPECIALS *******************************/
/* Web Overall Rating Wrapper */
.ORWrapper {
font-size:83%;
}
.YourDetailsText
{
font-size:83%;
}

/*********************************************/
.TitleBarRight {
color:purple;
float:left;
font-size:22px;
font-weight:bold;
margin-top:0px;
}

.TitleBarLeft
{
    width: 260px;
    background-image: url('../../../../assets/images/org/3/sbcLogoRatingImg.jpg');
    background-repeat: no-repeat;
    height:140px;
    margin-left:0px;
    margin-top:20px;
}

.TitleBarRightText
{
    /*font-family: Verdana, Helvetica, sans-serif;*/
    font-size: 12px;
    color : #2f0b5b;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:normal;
}
.LeftRatingArea 
{
width:500px;
}

.SurveyButton {
/*border-color:#6D459E;
border-style:none;
border-width:0px;
border-bottom:2px solid #2F0B5B;
border-top:1px solid #6D459E;*/
float:right;
font-family:Arial,Verdana,Helvetica,sans-serif;
color:#2F0B5B;
height:30px;
cursor:pointer;
}

.SurveyButtonRating {
/*float:right;*/
left:500px;
position:relative;
font-family:Arial,Verdana,Helvetica,sans-serif;
color:#2F0B5B;
height:30px;
cursor:pointer;
top:-25px;
}

.webratingBtmMsg
{
    font-style: normal;
    font-weight: normal;
   /* font-size: 12px; */
    text-align:left;
    color: #2f0b5b;
    font-family: Arial, Helvetica, sans-serif;
    clear: right;
   /* width: 600px; */
    padding-top:30px;
    . padding-top:10px;
}

.PanelRatingsComments 
{
    padding-right:8px;
}

.RatingGrid {
line-height:20px;
}

.PanelMoreRatings {
float:left;
}

.SurveyFooterCustom
{
    font-family: Arial, Verdana, sans-serif;
    font-size: small;
    color: #999999;
    text-align: center;
}

.SurveyFooterCustom a
{
    color: #808080;
}
.SurveyFooterCustom a:hover
{
    color: #800000;
}
.footerTandC
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    color: #999999;
    text-align: center;
}

.footerTandC a
{
    color: #808080;
}

.footerTandC a:hover
{
    color: #800000;
}

.ServiceExpectationHeader
{
    font-weight:bold;
    color:#6D459E;
}


/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

/*---------------------------------
This marks the start of the offical css for the various dynamic survey items
-----------------------------------*/
.rbQuestion
{    font-weight: normal;    font-family: Arial,Verdana;    font-size:83%;}

.rbList
{
    font-family: Arial,Verdana,  Helvetica, sans-serif;
    font-size:83%; 
    color: #000000;
    padding-top:10px;
    padding-bottom:10px;
    .margin-top:10px;
    .margin-bottom:10px;
}
.rbSubText{font-size: 70%;font-family: Arial, Helvetica, sans-serif; color: #008080; font-style: italic;}

/****** Checkbox MultiSelect *********/
.cbQuestion
{    font-weight: normal;    font-family: Arial,Verdana;  }

.cbList
{
    font-family: Arial,Verdana,  Helvetica, sans-serif;
    color: #000000;
    padding-top:10px;
    
    padding-bottom:10px;
    .margin-top:10px;
    .margin-bottom:10px;
   /* float:left;
    clear:left;*/
}
.cbSubText{font-size: 85%;font-family: Arial, Helvetica, sans-serif; color: #008080; font-style: italic;}

.cbQuestionNumber
{margin-right: 20px;color: #000080;font-weight: normal;float:left;height:40px;.height:50px;}


.cbChoicesWrap
{
   /* padding-bottom:15px;*/
    padding-top:10px;
}
.cbChoiceWrap
{
    padding-bottom:3px;
}
/****** Textbox *********/

.tbQuestion
{
    font-family:  Arial,Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    text-align: left;
    list-style:none;
    text-align:left;
    padding-right:20px;
    min-width:130px;
   padding-bottom:5px;
}

.tbQLabel{    width: 200px;    text-align: right;    font-size: 83%;    font-weight: normal;}
.tbQuestionDiv{/* float:left;*/}
.tbInput{    font-family: Arial, Helvetica, sans-serif;    font-size: 83%;    background-color: #DFEAF4;    color: #000080;}
.tbQuestionNumber{margin-right: 20px;font-size: 83%;color: #000080;font-weight: normal;float:left;height:40px;.height:50px;}
.tbQuestionArea{/*float:left;*/}
.tbSubText{font-size: 70%;font-family: Arial, Helvetica, sans-serif; color: #008080; font-style: italic;}
.tbOtherPleaseSpecifyArea{font-size: 75%;font-family: Arial, Helvetica, sans-serif; color: #FF6600; font-style: normal; font-weight: normal;}

/************* Textbox Multiline ***********/
.tbmQuestion
{
    font-family:  Arial,Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    text-align: left;
    list-style:none;
    text-align:left;
    padding-right:20px;
    min-width:130px;
    padding-bottom:5px;
}

.tbmQuestionNumber
{
    margin-right: 20px;
    font-size: 83%;
    color: #000080;
    font-weight: normal;
    float:left;
    height:40px;
    .height:50px;
}

.tbmQLabel
{
    width: 200px;
    text-align: right;
    font-size: 83%;
    font-weight: normal;
}

.tbmQuestionDiv{   /* float:left; */}

/********* Dropdownlist *********/
.dropdownQuestion
{
   font-family:  Arial,Verdana, Helvetica, sans-serif;
    font-size: 83%;
    /*font-weight: bold;*/
    color: #000000;
    text-align: left;
    list-style:none;
    text-align:left;
    padding-right:20px;
    min-width:130px;
    clear:both;
}

.ddQLabel {
font-size:83%;
font-weight:normal;
text-align:right;
width:200px;
}

.ddQuestionNumber
{
    margin-right: 20px;
    font-size: 83%;
    color: #000080;
    font-weight: normal;
    float:left;
    padding-top:2px;
    .padding-top:3px;
    height:40px;
    .height:50px;
}

.ddSubText{font-size: 70%;font-family: Arial, Helvetica, sans-serif; color: #008080; font-style: italic;}

/******** Websurvey Message *********/

.websurvey_Message
{
    border-bottom: 1px solid #0C53A4;
    border-top: 1px solid #0C53A4;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 15px 5px 15px 5px;
    padding: 15px 25px 15px 25px;
    background-color: #F0F0F0;
    border-width: 1px 10px 1px 10px;
    border-style: solid;
    border-color: #C1C8CE #708090 #C1C8CE #708090;
}

/******  Rating Grid ******/
.RatingGridRow
{
background-color:#F5F5F5;
color:#000000;
}
.RatingGridAlternateRow
{
background-color:#F0F8FF;
color:navy;
}
.RatingGridHeader
{
    font-weight: normal;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-collapse: collapse;
    table-layout: auto;
}
.RatingsGridHideTheCorner
{
    background-color:#ffffff ;
    color:#FFFFF0 ;
}

.RatingGridHeaderRow
{
    background-color: #EAEAEA;
    font-size: 12px;
    font-family: Arial,verdana;
    font-size: 11px;
    color: #000000;
    width: 100px;
    font-weight: normal;
}
.rgQuestionNumber
{margin-right: 20px;color: #000080;font-weight: normal;float:left;height:40px;.height:50px;}
.rgSubText
{font-size: 85%;font-family: Arial, Helvetica, sans-serif; color: #008080; font-style: italic;}
.ratingGridArea
{
    margin-top:15px;
}

/*************************/