body {    background-color: #CCCCCC;   background-image:none;font-size:14px; }
#wrapper {background-color:white; border:4px double lightgrey; padding-bottom:0; padding-right:20px; padding-top:20px;}
#intro {padding-top:0px;color:#000000;font-family:Arial,Verdana,sans-serif;}
#logo{top: 30px;left: 650px;float: none;width: 920px;height:100px;background-image: url('../../../../assets/images/org/6/NYCCHeader.jpg');
    background-repeat: no-repeat;}
.websurvey_HR{font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000080;}
.websurvey_Heading{font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #000080;font-weight: bold; margin-bottom: 20px;
    text-decoration: underline;}
.QuestionTitle{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #006699;  text-decoration: underline;}
.ServiceExpectationHeader{ font-weight:bold; color:#0C53A4; }
.QuestionText {font-family: Arial, Helvetica, sans-serif;    }
.cmetrixFooterLink {color:#BDB76B;font-size:10px;}
#pagecount { margin-bottom:10px;}

/******** Fieldset *******/
fieldset { background-image:none;border:none;border-top:1px solid #0C53A4;margin-bottom:0;padding-bottom:0px;}

legend {
background-color:#0C53A4;
color:white;

font-family:Arial,Verdana;
padding:2px 50px;
text-align: left;   
vertical-align: middle; 
margin-left:-10px;
margin-top:20px;
margin-bottom:0px;
padding: -1px -1px 0px -1px;   
border: solid -1px #d9e1e8; 
font-size:16px;
}

.InBetweenFieldsetQuestions {
background-color:#ffffff;
border-color:#ffffff;
border-style:solid none none;
border-width:0;
color:#ffffff;
margin-bottom:10px;
.margin-bottom:0px;
margin-top:10px;
}

.fieldSetInner {padding-top:10px;/*padding-left:20px;*/}

#BottomSubmitBtn {padding-top:10px;}
.rqdFldValidator
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 83%;
    font-weight: normal;
    color: #FF0000;
}
.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{color:#000000;padding-left:90px;}
.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-bottom:5px; color:Black;  }
/***** END COMMENTS *****************************************************/


/************************************************************************/
/** PAGE RATINGS */
.PanelRatingsComments 
{    width:450px;}
.PanelMoreRatings{    float:left;    width:400px;}
/*.ORWrapper {font-size:80%;}*/

.PanelReturnedTooSoon  {
padding-top:15px;
padding-left:15px;
}


/************************************************************************/



.TitleBarRight {
color:#0C53A4;
float:left;
font-size:22px;
font-weight:bold;
margin-top:0px;
}

.TitleBarLeft
{
    width: 260px;
    background-image: url('../../../../assets/images/org/6/NYCCLogoRatingImg.jpg');
    background-repeat: no-repeat;
    height:140px;
    margin-left:80px;
    margin-top:20px;
}

.TitleBarRightText
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:normal;
}
.LeftRatingArea {width:500px;}
.commentBlock2 {color:#FFFFFF;font-family:Arial,Verdana,Helvetica,sans-serif;}

/*#QSQOptions2_4
{
font-size:80%;
color:#000000;
font-weight:normal;
}*/

#QSetsrviceGrid430 .QHeader{color:#0C53A4;font-weight:bold;}

/*.QradioButtonList 
{
 font-size:83%;
}
.QHeaderTB 
{
 font-weight:bold;
}
*/
.QHeader {
/*color:#0C53A4;*/
font-weight:normal;
font-family:Arial,Verdana;
}

/*---------------------------------
This marks the start of the offical css for the various dynamic survey items
-----------------------------------*/
.rbQuestion
{    font-weight: normal;    font-family: Arial,Verdana;  }

.rbList
{
    font-family: Arial,Verdana,  Helvetica, sans-serif;
    color: #000000;
    padding-top:10px;
    padding-bottom:10px;
    .margin-top:10px;
    .margin-bottom:10px;
}
.rbSubText{font-size: 85%;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-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-weight: normal;}
.tbQuestionDiv{/* float:left;*/}
.tbInput{    font-family: Arial, Helvetica, sans-serif;      background-color: #DFEAF4;    color: #000080;}
.tbQuestionNumber{margin-right: 20px;color: #000080;font-weight: normal;float:left;height:40px;.height:50px;}
.tbQuestionArea{/*float:left;*/}
.tbSubText{font-size: 85%;font-family: Arial, Helvetica, sans-serif; color: #008080; font-style: italic;}
.tbOtherPleaseSpecifyArea{font-size: 85%;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-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-weight:normal;
text-align:right;
width:200px;
}

.ddQuestionNumber
{
    margin-right: 20px;

    color: #000080;
    font-weight: normal;
    float:left;
    padding-top:2px;
    .padding-top:3px;
    height:40px;
    .height:50px;
}
.ddSubText{font-size: 85%;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;
    color: Blue;
    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;
}

/*************************/
