/* Defaults */

html {
        border-width: 0px;
        padding: 0px;
        margin: 0px;
}
body {
        font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
        font-size: 13px;
        color: #333333;
        background-color: #3366CC;
        border-width: 0px;
        padding: 0px;
        margin: 0px;
        /*text-align: center;*/
}
@media print {
        body {
                background-color: white;
                color: black;
        }
}
textarea {
        font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
        font-size: 13px;
        color: #333333;
}
.simpleadmin {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size:13px;
	font-weight:bold;
}
.simpleadmin_left {
	margin-left: 30px; /* was auto */
	margin-right: auto;
	margin-bottom: 10px;
	font-size:13px;
	font-weight:bold;
}
.administration {
	padding:10px;
	font-size:13px;
	font-weight:bold;
}
.takesurveytitle {
 background-color:#FFFFFF;
 border: 2px solid;
 border-color: #006600 #006600 #006600 #006600;  
}
.takesurveylink {
 background-color:#FFFFFF;
 border: 2px solid;
 border-color: #006600 #006600 #006600 #006600; 
}
.administration_specialnote {
	padding:10px;
	font-size:12px;
	font-weight: bold;
	font-style:italic;
	color: #0000FF;
}
.administration_header {
	font-size: 14px;
	font-weight:bold;
	line-height:40px;
}
.newstext {
	font-family:  Arial, Verdana, helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}
.takesurveys {
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	color: #333333;
}
.sectiontitle {
	font-weight: bold;
	text-align: left;
	font-size:14px;
	font-weight:bold;
	padding-left: 20px;
	padding-top:5px;
	padding-bottom:5px;
	color:#222222;
}
.sectiontitle2 {
	font-weight: bold;
	text-align: left;
	font-size:12px;
	font-weight:bold;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
	color:#222222;
}


.sectiontitle3 {
	font-weight: bold;
	text-align: left;
	font-size:14px;
	font-weight:bold;
	padding-left:18px;
	padding-top:5px;
	padding-bottom:5px;
	color:#222222;
}

.description {
        background-color:#CCCCCC;
	font-weight: bold;
	text-align: left;
	font-size:12px;
	padding-left: 5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#222222;
}
.description2 {
	text-align: left;
	vertical-align:middle;
	padding-left: 20px;
	font-weight:bold;
	color:#222222;
}
.description3 {
	text-align: left;
	vertical-align:middle;
	padding-left: 10px;
	color:#222222;
}
.survey_header {
        background-color:#BBBBBB;
        line-height:20px;
	font-weight: bold;
	text-align: left;
	font-size:12px;
	padding-left: 20px;
	padding-top:5px;
	padding-bottom:5px;
	color:#222222;
}
#tableheader {
    background-color:#BBBBBB;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-size:12px;
	color:#222222;
}
#controlpanel_row {
	text-align: center;
	vertical-align: middle;
	font-size:14px;
	color:#222222;
	margin-top:20px;
	margin-bottom:20px;
}
.survey_section {
        background-color:#DDDDDD;
	font-weight: bold;
	text-align: left;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
	color:#222222;
}
.survey_line {
	text-align: left;
	font-size: 14px;
	color:#222222;
}
.input_desc {
	text-align: left;
	vertical-align:top;
	font-size:11px;
	color:#222222;
	padding-left: 15px;
	padding-top:5px;
}
.button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*background-color: #003399;
	color: #FFFFFF;*/
}
.checkbox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
}
/*.button2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #003399;
	color: #FFFFFF;
}*/
.button_go {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color:#008800;
	color: #FFFFFF;
}
.error {
	font-weight: bold;
	color: #FF0000;
}
.navbar {
        font-size:14px;
        /*line-height:30px;*/
        font-weight:bold;
        color:#222222;

}
a {
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	/*color: #E1E1FF;*/
}
a.clean {
        text-decoration:none;
		color: #333333;
}
a.clean:hover {
		text-decoration: none;
}
.tableborder {
	border: 1px solid #BBBBBB;
}
.removed {
	background-color: #CCCCCC;
	text-align: left;
	color:#222222;
}
.reviewed {
	background-color: #FFFFCC;
	text-align: left;
	color:#222222;
}
.approved {
	background-color: #FFCC99;
	text-align: left;
	color:#222222;
}
.submitted {
	background-color: #FFFFFF;
	text-align: left;
	color:#222222;
}

/* Class Added for removing corner image in all over Application START::*/
.addbordercls{
        border-top-left-radius:14px;
        border-top-right-radius:14px;
}
.addbordercls1{
        border-radius:14px;
       
}
.addbordercls2{
        border-bottom-left-radius:14px;
        border-bottom-right-radius:14px;
       
}
.headerspacebgside{
        padding-top:15px; /* MS-542 */
}
/* END:: Class Added for removing corner image in all over Application*/

/* From here on is stuff I added -ecb */
/* We should have separate files for layout and colors, but not right now. */
/* default for all divs */
div { 
        margin: 0px;
        padding: 0px;
        border: 0px;
}
/* random stuff for rounded corners */
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
img.borderTL, img.borderTR, img.borderBL, img.borderBR { 
    width: 10px; height: 10px;
    padding: 0px; border: 0px;
    z-index: 99;
	
}
img.umbrellalogin {
 margin-left: 500px;
}
img.borderTLbig, img.borderTRbig, img.borderBLbig, img.borderBRbig { 
    width: 15px; height: 15px;
    padding: 0px; border: 0px;
    z-index: 99;
}
img.borderTL, img.borderBL, img.borderTLbig, img.borderBLbig {  float: left; clear: both; }
img.borderTR, img.borderBR, img.borderTRbig, img.borderBRbig {  float: right; clear: right; }
img.borderTL, img.borderTLbig {  margin: -1px 0px 0px -1px; }
img.borderTR, img.borderTRbig {  margin: -1px -1px 0px 0px; }
/*img.borderTL, img.borderTLbig {  margin: -1px 0px 0px -1px; }
img.borderTR, img.borderTRbig {  margin: -1px -1px 0px 0px; }*/
img.borderBL {  margin: -10px 0px 0px 0px; }
img.borderBLbig {  margin: -15px 0px 0px 0px; }
img.borderBR {  margin: -10px 0px 0px 0px; }
img.borderBRbig {  margin: -15px 0px 0px 0px; }
img.borderTL, img.borderTLbig {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body img.borderTL {
    margin-left: 0px;
    margin-top: 0px;
}
html>body img.borderTLbig  {
    margin-left: 0px;
    margin-top: 0px;
}
img.borderTR, img.borderTRbig { 
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body img.borderTR {
    margin-top: 0px;
    margin-right: 0px;
}
html>body img.borderTRbig {
    margin-top: 0px;
    margin-right: 0px;
}
img.borderBL, img.borderBLbig {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body img.borderBL {
    margin-left: 0px;
}
html>body img.borderBLbig {
    margin-left: 0px;
}
img.borderBR, img.borderBRbig {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body img.borderBR {
    margin-right: 0px;
}
html>body img.borderBRbig {
    margin-right: 0px;
}

/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. position outer div however you
   want, but keep its padding and border at zero */

@media print { 
        img.borderTL, img.borderTR, img.borderBL, img.borderBR, img.borderTLbig, img.borderTRbig, img.borderBLbig, img.borderBRbig { 
                display: none;
                width: 0px;
                height: 0px;
        }
}

/* end image stuff */

div.bottomspacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
div.main2 {
        width: 765px;
        margin-left: auto;
        margin-right: auto;
		margin-top: 0px;
		margin-bottom: 10px;
        text-align: center;
        background-color: #3366CC;
}
div.main {
        width: 765px;
        margin-left: auto;
        margin-right: auto;
				margin-top: 10px;
				margin-bottom: 0px;
        text-align: center;
        background-color: #66CC33;
}

div.main_topic {

        margin-left: auto;
        margin-right: auto;
				margin-top: 10px;
				margin-bottom: 10px;
        text-align: center;
        background-color: #66CC33;
}

div.main div {
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: left;
}
div.main_topic div {
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: left;
}
@media print {
        div.main {
                width: auto;
                background-color: white;
        }
				 div.main_topic {
                width: auto;
                background-color: white;
        }
}
div.headerspacer {
    margin: 0px; padding: 0px; border: 0px;
    margin-top: 15px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
div.header {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        text-align: left;
        background-color: #FFFFFF;
}
.header img{
	display:block;
}
/*div.headerwrapper {
		width:100%;
		padding-top:5px;
}*/
h1.header, img.logo { 
        padding: 0px;
        /*margin: 0px;*/
		margin-top:8px !important; /*30/05/23 :  add important by nikita*/
        display: block;
        margin-bottom: 5px;
}
/* only let netscape and co. see this */
/*html>body h1.header { 
        margin-top: 5px;
}
html>body img.logo {
        margin-top: 5px;
}*/
h1.header {
        float: left;
        width: 510px;
		margin-left: 5px;
        font-family: Arial;
        font-weight: normal;
		font-size: 30px;
		color:#333333;
}

@media print {
        h1.header {
                width: 3.5in;
        }
}
img.logo {
        float: right;
        margin-right: 5px;
}
ul.navbar-left, ul.navbar-right {
        margin: 0px;
        padding: 0px;
        margin-top: 4px;
        margin-bottom: 3px;
        display: block;
}
ul.navbar-left {
        float: left;
        padding-left: 15px;
}
ul.navbar-right { 
        float: right;
        padding-right: 15px;
}
ul.navbar-left li, ul.navbar-right li {
        padding: 0px 3px;
        padding-left: 6px;
/*        height: 15px;*/
        border-left: 1px solid #000000;
        border-collapse: collapse;
        list-style: none;
        display: inline;
}
ul.navbar-left li.first, ul.navbar-right li.first {
        padding: 0px 3px;
        padding-left: 0px;
/*        height: 15px;*/
        border-left: none;
        border-collapse: collapse;
        list-style: none;
        display: inline;
}
ul.navbar-left li.only, ul.navbar-right li.only {
        padding: 0px;
/*        height: 15px;*/
        border-left: none;
        border-collapse: collapse;
        list-style: none;
        display: inline;
}
ul.navbar-left li.last, ul.navbar-right li.last {
        padding: 0px 3px;
        padding-left: 6px;
        padding-right: 0px;
/*        height: 15px;*/
        border-left: 1px solid #000000;
        border-collapse: collapse;
        list-style: none;
        display: inline;
}
@media print {
        ul.navbar-left, ul.navbar-right {
                display: none;
                width: 0px;
                height: 0px;
        }
}
div.fullpagetop, div.fullpagemain {
        margin-left: 15px;
        margin-right: 15px;
}
div.fullpagetop {
        background-color: #CCCCFF;
/*        margin-top: 20px;*/
}
div.fullpagetop table {
        display: table;
        vertical-align: middle;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        margin-left: 10px;
}
html>body div.fullpagetop table {
        margin-left: 0px;
}
div.fullpagetop tr {
        padding: 0px;
        margin: 0px;
}
div.fullpagetop th * {
        padding: 0px;
        margin: 0px;
        vertical-align: middle;
}
div.fullpagetop th {
        text-align: left;
/*        padding-left: 10px;*/
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        padding-top: 0px;
        font-size: 16px;
}
div.fullpagemain {
        background-color: #FFFFFF;
        padding-top: 20px;
        margin-top: 0px;
        text-align: center;
}
div.fullpagemain div.fpminner {
        text-align: center;
}
div.fullpagemainspacer { 
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: 20px;
        clear: both;
        font-size: 1px; line-height: 1px;
}
div.fullpagemargin {
        margin-left: 40px;
        margin-right: 40px;
}
div.footer {
        padding: 0px;
        margin: 0px;
		background:#3366CC
}
div.footer div {
        padding: 0px;
        margin: 0px;
		background:#3366CC
}
div.footer a{
        color: #FFFFFF;
}
ul.footer {
        font-size:11px;
        color:#222222;
        margin: 0px;
        margin-top: 2px;
        margin-bottom: 1px;
	padding: 0px;
/*        margin-top: 5px;
        margin-bottom: 5px;*/
        display: block;
        float: left;
        padding-left: 15px;
		 color: #FFFFFF;
}
ul.footer li {
        margin: 0px;
        padding: 0px 3px;
        padding-left: 6px;
        border-left: 1px solid #ffffff;
        list-style: none;
        display: inline;
}
ul.footer li2 {
        margin: 0px;
        padding: 0px 3px;
        padding-left: 6px;
        border-left: 1px solid #ffffff;
        list-style: none;
        display: inline;
}
ul.footer li.first {
        margin: 0px;
        padding: 0px 3px;
        padding-left: 0px;
        border-left: none;
        list-style: none;
        display: inline;
		
		
}
@media print {
        ul.footer {
                display: none;
                width: 0px;
                height: 0px;
        }
}
p.footer {
        font-size:11px;
        color:#ffffff;
        margin: 0px;
        padding: 0px;
        margin-top: 2px;
        margin-bottom: 1px;
        float: right;
        text-align: right;
        padding-right: 15px;
}
/* a class for the back links. */
p.return {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}
@media print {
        p.return {
                display: none;
                height: 0px;
                width: 0px;
        }
}

div.usermessage {
        margin-left: 40px;
        margin-right: 40px;
        text-align: center;
		
}
table.usermessage {
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: auto;
        margin-right: auto;
        font-weight: bold;
        color: #007700;/*#42A521;*/
        padding-right: 10px;
       
		
}

p.usermessage {           
        font-weight: bold;
        color: #007700;/*#42A521;*/     
}


usermessage {
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: auto;
        margin-right: auto;
        font-weight: bold;
        color: #007700;/*#42A521;*/
        padding-right: 10px;
        padding-left: 10px;
}
table.usermessage td {
        text-align: left;
}
table.usermessage td.icon {
        width: 24px;
        height: 24px;
        background-image: none;
        background-position: top left;
        background-repeat: no-repeat;
}
table.usermessage tr.go td.icon {
        background-image: url("/images/icons/flag_green24.gif");
}
table.ordertable tr.ordertr td.ordertd {
		width: 24px;
        height: 24px;
        background-image: none;
        background-position: top left;
        background-repeat: no-repeat;
        background-image: url("/images/icons/check20.gif");
}

table.usermessage tr.info td.icon {
/*        background-image: url("mes/images/icons/signpost24.gif");*/
        width: 0px;
        height: auto;
}
table.usermessage tr.warn td.icon {
        background-image: url("/images/icons/warning24.gif");
}
table.usermessage tr.check td.icon {
        background-image: url("/images/icons/check20.gif");
}
table.usermessage tr.star td.icon {
        background-image: url("/images/icons/star_blue24.gif");
}
table.usermessage tr.go td.icon {
        background-image: url("/images/icons/flag_green24.gif");
}
table.usermessage tr.stop td.icon {
        background-image: url("/images/icons/flag_red24.gif");
}
table.usermessage tr.lightbulb td.icon {
        background-image: url("/images/icons/lightbulb_24.gif");
}
table.usermessage tr.lightbulbon td.icon {
        background-image: url("/images/icons/lightbulb_on_24.gif");
}
table.usermessage tr.redxmark td.icon {
        background-image: url("/images/icons/error_24.gif");
}

table.usermessage ul {
        margin-left: 40px;
}
table.usermessage ul li {
        text-align: left;
}
div.fullpagemain div.submit {
        text-align: center;
}
div.submit {
        padding-top: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
div.submit input {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
}
div.submit table {
        margin-left: auto;
        margin-right: auto; 
        text-align: center;
        /* display: block; */
}

div.submitnew {
        padding-top: 10px;
        margin-left: 200px;
        text-align: center;
        
}
div.submitnew input {
        margin-left: 200px;
        text-align: center;
        display: block;
}
div.submitnew table {
        margin-left: 200px;
        text-align: center;
        /* display: block; */
}


table.surveydefault, table.surveychallenge, table.surveysuccess {
        width: 695px; /* fixes a konqueror problem */
        margin: 0px;
        padding: 0px;
        border: 0px none transparent;
        border-collapse: collapse;
        margin-left: 20px;
        margin-right: 20px;
        text-align: left;
}
div.surveydefault, table.surveydefault, div.surveychallenge, table.surveychallenge, div.surveysuccess, table.surveysuccess {
        background-color: #C1D0F0;
}
table.surveydefault tr, table.surveychallenge tr, table.surveysuccess tr, table.surveydefault th, table.surveychallenge th, table.surveysuccess th {
        padding: 0px;
        margin: 0px;
}
table.surveydefault th, table.surveychallenge th, table.surveysuccess th {
        background-color: white;
}
table.surveydefault td#left, table.surveychallenge td#left, table.surveysuccess td#left {
        margin: 0px;
        padding-left: 40px;
}
table.surveydefault td#right, table.surveychallenge td#right, table.surveysuccess td#right {
        margin: 0px;
        padding-right: 40px;
}
table.surveydefault td#center, table.surveychallenge td#center, table.surveysuccess td#center {
        margin: 0px;
        padding-left: 40px;
        padding-right: 40px;
}
table.surveydefault td#center table {
        padding: 0px;
        border: 0px;
        border-collapse: collapse;
        margin: 0px;
}
table.surveydefault td, table.surveychallenge td, table.surveysuccess td {
        vertical-align: top;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
        border: 0px;
}
table.surveydefault td#indent1 {
        margin: 0px;
        padding-left: 15px;
		padding-right: 15px;

}
table.surveydefault td#indent2 {
        margin: 0px;
        padding-left: 35px;
}
table.surveydefault td#indent3 {
        margin: 0px;
        padding-left: 90px;
        padding-right: 20px;
}
div.surveydtop, div.surveystop, div.surveyctop {
/*        background-color: #8791A8;*/
        width: 695px; /* don't ask me where the other pixel is */
        background-color: #BBBBBB;
        margin: 0px;
        padding: 0px;
        border: 0px;
        position: relative;
        top: 1px;
}
div.surveyctop table, div.surveystop table, div.surveydtop table {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 0px;
        border: 0px;
}
div.surveyctop table tr, div.surveystop table tr, div.surveydtop table tr {
        padding: 0px;
        border: 0px;
        margin: 0px;
}
div.surveyctop table th, div.surveystop table th, div.surveydtop table th {
        padding: 0px;
        margin: 0px;
        background-color: #BBBBBB;
}
div.surveyctop table th *, div.surveystop table th *, div.surveydtop table th * {
        padding: 0px;
        margin: 0px;
        vertical-align: middle;
}
div.surveyparticipate { 
        width: 620px;
        background: #FFFFBB;
        border-width: 1px;
        border-style: solid;
        border-color: #FFA346;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
}
div.surveyparticipate table {
        font-weight: bolder;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 0px;
}
div.surveyparticipate tr {
        padding: 0px;
}
div.surveyparticipate td {
        padding: 0px;
}
div.surveysafety2 {
        background: #FFCECE;
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
        padding: 5px 5px 5px 5px;
}

div.surveysafety {
        background: #FFCECE;
        margin-left: 20px;
        margin-right: 20px;
        text-align: center;
        border-width: 1px;
        border-style: solid;
        border-color: #FF5959;
        padding: 5px 5px 5px 5px;
}
div.surveysafety div {
        margin-left: auto;
        margin-right: auto;
        text-align: left;
}

div.surveysafety p {
        margin-left: 0px;
        margin-right: 0px;
}

div.associationsurvey {
        width: 620px;
        background: #FFCECE;
        border-width: 1px;
        border-style: solid;
        border-color: #FF5959;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;	
}

div.associationsurvey div {
        margin-left: auto;
        margin-right: auto;
        text-align: left;
}

div.associationsurvey p {
        margin-left: 0px;
        margin-right: 0px;
}

.questiongroup {
	font-weight: bold;
	text-align: left;
	font-size:14px;
}
table#surveychecks td {
	width: 350px; /**/
}
.emphasistext {
        font-size: 13px;
	text-align: left;
        padding: 0px;
        margin: 0px;
	padding-left: 20px;
        padding-right: 20px;
	color:#000066;
	font-style:italic;
	font-weight:bold;
}
.answertext {
        padding: 0px;
        margin: 0px;
	padding-left: 40px;
}
/* edited here*/
.answertext1 {
        padding: 0px;
        margin: 0px;

}
.answertextgreen {
	color: #006600;
        padding: 0px;
        margin: 0px;
	padding-left: 40px;
}
.formtext, .questiontext {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
        padding: 0px;
        margin: 0px;
	padding-bottom: 2px;
	padding-top:5px;
}
.formtextgreen {
	color: #006600;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
        padding: 0px;
        margin: 0px;
	padding-bottom: 2px;
}
table#surveychecks td {
	width: auto; /**/
}
div.csurveygroup {
        margin: 7px;
        margin-top: 0px;
}
div.csurveygroup div.usermessage {
        margin: 0px;
        padding: 0px;
}
div.csurveygroup, td.csurveyextra, div.csurveygroup th {
        /* background-color: #FFCC99; */
		background-color: #ffffff;
}
table.csurveymisc {
	margin-left: auto;
	margin-right: auto;
}
td.csurveyextra {
        text-align: center;
        padding-left: 8px;
        padding-right: 7px;
}
h1#csurveyextra {
        text-align: right;
        padding: 5px;
}
div.csurveygroup div.surveydtop, div.csurveygroup div.surveyctop, div.csurveygroup div.surveystop {
        width: 696px;
}
div.csurveygroup table.surveydefault, div.csurveygroup table.surveychallenge, div.csurveygroup table.surveysuccess {
        width: 715px;
        margin-left: 6px;
        margin-right: 0px;
}
div.csurveyextra {
        background-color: #CCCCFF;
        padding: 0px;
        margin: auto;
		/*margin: 0px; replacing this with auto fixed Netscape misalignment on checkbox only*/
        width: 140px;
}
div.csurveygroup td#center {
        width: 560px;
}
div.csurveygroup table.surveydefault td#center table {
        width: 480px;
}
div.csurveygroup td#left, div.csurveygroup td#right {
        width: 280px;
}
div.csurveyextra div.inner {
/*        margin: 5px;*/
        margin-left: auto;
        margin-right: auto;
        padding: 2px;
        
}
p.csurveybottom {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}
table.surveyqprop {
        width: 675px;
        margin-left: 30px;
        margin-right: 30px;
        border-collapse: collapse;
        text-align: center;
        border-top: #3366CC solid 2px;
        border-left: #3366CC solid 2px;
}
table.surveyqprop td, table.surveyqprop th {
        border-right: #3366CC solid 2px;
        border-bottom: #3366CC solid 2px;
        padding: 2px; /* was 5px */
}
table.surveyqprop th {
        background-color: #3366CC;
        color: white;
}
table.surveyqprop tr.odd td {
        background-color: #DDDDDD;
}
table.surveyqprop tr.even td {
        background-color: #EEEEEE;
}
table.surveyqadd  {
        width: 675px;
        margin-left: 30px;
        margin-right: 30px;
        border-collapse: collapse;
        text-align: left;
        border-top: 2px solid #3366CC;
        border-left: 2px solid #3366CC;
        border-right: 2px solid #3366CC;
}
table.surveyqadd td {
        padding: 5px;
        border-bottom: 2px solid #3366CC;
}
table.surveyqadd input {
        border: 1px black solid;
}
table.surveyqadd tr.odd td {
        background-color: #DDDDDD;
}
table.surveyqadd tr.even td {
        background-color: #EEEEEE;
}
div.schedulemain { 
        width: 490px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 10px;
}
div.schedulemain h2 { 
        font-size: 1em;
}
div.scheduleinfo {
        background: #FFFFF0;
        border-width: 1px;
        border-style: solid;
        border-color: #CC6666;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 10px;
        margin-right: 10px;
        text-align: left;
        font-weight: bold;
}
table.scheduleinfo em { 
        font-style: normal;
        text-decoration: underline;
}
table.scheduleinfo * {
        padding-bottom: 1em;
}
div.schedulesubmit {
        width: 300px;

	/* done to remove the blue border of div
border-bottom-width: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
	border-style: solid;
        border-color: #3366CC;
         border-top-width: 0px;
        
         */

        background-color: #FFFFFF;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
table.schedulesubmit {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
table.schedulesubmit td {
        text-align: left;
        border-style: none;
}
table.scheduleinfo td.icon, table.schedulesubmit td.icon {
        width: 24px;
        height: 24px;
        background-image: none;
        background-position: top left;
        background-repeat: no-repeat;
}
table.scheduleinfo tr.general td.icon {
        background-image: url("/images/icons/signpost24.gif");
}
table.scheduleinfo tr.modify td.icon, table.schedulesubmit tr.modify td.icon {
        background-image: url("/images/icons/clock_refresh24.gif");
}
table.scheduleinfo tr.stop td.icon {
        background-image: url("/images/icons/clock_stop24.gif");
}
table.schedulesubmit tr.stop td.icon {
        background-image: url("/images/icons/clock_stop24.gif");
}
table.scheduleinfo tr.start td.icon, table.schedulesubmit tr.start td.icon {
        background-image: url("/images/icons/clock_run24.gif");
}
span.saction {
        font-style: italic;
}
div.scheduleinfo h1 {
        text-decoration: underline;
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
}
/*table.schedule {
        width: 490px;
        border-width: 1px;
        border-style: solid;
        border-color: #3366CC;
        background-color: #3366CC;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
} */
table.schedule {
        width: 490px;
        border: 2px solid #3366CC;
        background-color: #3366CC;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
table.schedule td {
        width: auto;
}
table.schedule tr.top td {
        background-color: #3366CC;
        color: white;
        font-weight: bold;
        text-align: center;
        height: 24px;
	
}
table.schedule tr.even td {
        background-color: #EEEEEE;
        text-align: left;
        padding: 5px;
}
table.schedule tr.even td.column {
        background-color: #FFFFFF;
        text-align: left;
        padding: 5px;
}
table.schedule tr.odd td {
        background-color: #FFFFFF;
        text-align: left;
        padding: 5px;
}
/*</cfif>
<cfif ssn EQ "ssm.cfm" OR ssn EQ "chm.cfm"> */
/* Manage Strategies */
table.smanage {
        width: 700px;
        border-top: 2px solid #3366CC;
        border-left: 2px solid #3366CC;
        border-right: 2px solid #3366CC;
        background-color: #3366CC;
        border-collapse: collapse;
        margin-left: 17px;
        margin-right: 18px;
        text-align: center;
		font-size: 12px;
}
table.smanage td {
	text-align: left;
	color:#222222;
        padding: 5px;
        border-bottom: 2px solid #3366CC;
}
table.smanagetop {
		width: 700px;
        margin-right: auto;
        margin-left: auto;
}
table.smanagetop td {
		margin-right: auto;
        margin-left: auto;
}
table.smanagekey {
        border-width: 1px;
        border-style: solid;
        border-right-color: #DDDDDD;
        border-bottom-color: #DDDDDD;
        border-top-color: #DDDDDD;
        border-left-color: #DDDDDD;
        border-collapse: collapse;
        text-align: center;
		vertical-align: bottom;
		margin-top: 15px;
        margin-left: 10px;
		margin-right: auto;

}
table.smanagekey td {
		text-align:left;
        padding: 5px;
		height: 20px;
		vertical-align: middle;
		background-color:#CCCCCC;
}

table.smanage tr.new td, table.smanagekey td.new {
        background-color: #FFFFFF;
}
table.smanage tr.reviewed td, table.smanagekey td.reviewed {
        background-color: #FFFFFF;
}
table.smanage tr.local td, table.smanagekey td.local {
        background-color: #FFE5AA;
}
table.smanage tr.national td, table.smanagekey td.national {
        background-color: #FFE5AA;
}
table.smanage tr.removed td, table.smanagekey td.removed {
        background-color: #EEEEEE;
}
table.smanage ul {
        margin: 0px;
        padding-left: 0px;
        margin-left: 15px;
}
table.smanage li {
        margin-top: 0.5em;
}
table.smanage td.new {
        text-align: center;
        font-weight: bold;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("/images/icons/new24.gif");
/*        color: #0ABB0A;*/
}
table.smanage td.reviewed {
        text-align: center;
        font-weight: bold;
/*        color: #BBBB0A;*/
}
table.smanage td.national {
        text-align: center;
        font-weight: bold;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("/images/icons/star_blue24.gif");
/*        color: #BB0ABB;*/
}
table.smanage td.removed {
        text-align: center;
        font-weight: bold;
/*        color: #BB0A0A;*/
}
table.smanage td.local {
        text-align: center;
        font-weight: bold;
/*        color: #1111BB;*/
}
table.smanage td.unknown {
        text-align: center;
        font-weight: bold;
/*        color: #000000;*/
}
table.smanage tr.top * {
        background-color: #3366CC;
        font-weight: bold;
        color: white;
        text-align: left;
        vertical-align: middle;
        font-size:12px;
}
table.smanagenav {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 0px;
		margin-left: auto;
        margin-right: 10px;
        text-align: center;
/*        width: 475px;*/
}
table.smanagenav td.right {
        padding: 5px;
        border-left: 1px solid #000000;
        height: 20px;
        text-align: left;
        margin-right: auto;
/*        width: 200px;*/
}
table.smanagenav td.none {
        padding: 5px;
        height: 20px;
        text-align: left;
        margin-right: auto;
/*        width: 200px;*/
}
table.smanagenav td.left {
        padding: 5px;
/*        border-right: 1px solid #000000;*/
        height: 20px;
        text-align: right;
        margin-right: 0px;
        margin-left: auto;
/*        width: 200px;*/
}
table.smanagenav img {
        border-style: none;
}
table.smanagenav a {
        text-decoration: none;
		color: #333333;
}
table.smanagenav * {
        display: table-cell;
        vertical-align: middle;
}
div.shareres {
        padding: 0px;
        margin: 0px;
        border: 0px;
        background-color: #C1D0F0;
        width: 650px;
        margin-left: auto;
        margin-right: auto;
}
div.shareres div.inner {
        padding: 15px;
}
div.shareres table, div.shareres th, div.shareres tr, div.shareres td {
        border: 0px;
        margin: 0px;
        padding: 0px;
        vertical-align: top;
}
div.editres {
        padding: 0px;
        margin: 0px;
        border: 0px;
        background-color: #FFCC99;
        width: 650px;
        margin-left: auto;
        margin-right: auto;
}
div.editres div.inner {
        padding: 15px;
}
div.editres table, div.editres tr, div.editres th, div.editres td {
        padding: 0px;
        border: 0px;
        margin: 0px;
        vertical-align: top;
}
table.bressearch td.list, table.bressearch_ts td.list {
        font-weight: normal;
        background-color: #FFFFFF;
        padding: 5px;
}
#selectAllTopics, #selectAllGrades, #selectAllArrangements {
	margin-bottom: 5px;	
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
#selectedTopics, #selectedGrades, #selectedArrangements {
	width: 300px;
	background-color: #CCECFF;
	height: 0px;
}
	.selectedTopic, .selectedGrade, .selectedArrangement {
		width: inherit;
		clear: both;
	}
		.selectedTopicDeleteIcon, .selectedGradeDeleteIcon, .selectedArrangementDeleteIcon {
			float: left;
			display: inline;
			width: 14px;
			margin: 5px 14px 0 3px;
			cursor: pointer;
		}
		.selectedTopicValue, .selectedGradeValue, .selectedArrangementValue {
			float: left;
			display: inline;
			width: 240px;
			padding: 5px 0;
			font-weight: bold;
		}
.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;	
}
#searchPhraseWrapper {
	position: relative;
	width: 250px;	
	float: left;
}
	#suggestionLoader {
		position: absolute;
		top: 0px;
		right: 0px;				
	}
	.strategyDBLabel { font-weight: normal; cursor: pointer; }
	#searchPhrase{
		width: 230px;	
	}
	#searchPhraseSuggestionsWrapper {
		position: absolute;
		width: 232px;
		border: 1px solid #999;	
		border-top: none;
		background: #FFF;
		padding: 1px 0;
		top: 20px;
		left: 0px;
	}
		#searchPraseSuggestionsTitle {
			width: 222px;	
			padding: 5px 0;	
			color: #9CA3A5;
			background-image:url("/images/misc/bg_suggest.gif");
			background-repeat:no-repeat;
			background-color:#FFFFFF;
			border-bottom: 0px;
			height:20px;
			text-align: right;
			font-size:11px
		}
		#searchPhraseSuggestions {
			width: 212px;
			padding: 5px;
			font-weight: normal;
		}
			.searchPhraseSuggestion, .activeSearchPhraseSuggestion {
				width: 202px;
				margin: 5px;	
				padding: 5px;
				cursor: pointer;
			}
				.activeSearchPhraseSuggestion {
					background-color: #CCCCFF;	
				}
#strategySearchSubmit {
	float: right;
}

table.bresroot {
        margin-left: auto;
        margin-right: auto;
}
table.bresroot td {
        width: 50%; /* commented out for select_survey_results and email_list */
        padding-left: 15px;
        padding-right: 15px;
        vertical-align: top;
}
table.bresroot td div.bresbrowse, table.bresroot td div.bressearch, div.bressearch_ts {
        width: 330px;
}
div.bresbrowse, div.bressearch, div.bressearch_ts  {        
	    background-color: #3366CC;
}
div.bresbrowse div.inner, div.bressearch div.inner, div.bressearch_ts div.inner {
        border: 2px solid #3366CC;
}
div.bresbrowse h1, div.bressearch h1 {
        text-align: center;
        margin: 0px;
        font-size: 14px;
        color: white;
        padding: 5px;
}
div.bressearch_ts h1 {
        text-align: left;
        margin: 0px;
        font-size: 14px;
        color: white;
        padding: 5px;
}
table.bresbrowse, table.bressearch, table.bressearch_ts {
        text-align: left;
        padding: 0px;
        margin: 0px;
        border-collapse: collapse;
		border: 0px transparent none;
}        
table.bresbrowse tr {
        margin: 0px;
        padding: 0px;
}
table.bresbrowse td, table.bressearch td {
        font-weight: bold;
        background-color: #FFFFFF;
        padding: 5px;
}
normalfont {
   font-style: normal;
}
table.bressearch_ts td {
        background-color: #FFFFFF;
        padding: 5px;
}
table.bressearch td.rightside, table.bressearch_ts td.rightside {
		border-left: 2px solid #3366CC;
		border-top: 2px solid #3366CC;
}
table.bresbrowse tr.odd td {
        background-color: #FFFFFF;
}

table.bresbrowse td.heading {
        font-weight: bold;
        background-color: #FFFFFF;
        padding: 5px;
}

table.bresbrowse td.topic {
        font-weight: normal;
        background-color: #FFFFFF;
        padding: 5px;
				padding-left: 15px;
}


table.bresbrowse td.line_break {
        padding: 0px;
}

table.bresbrowse tr.even td {
        background-color: #EEEEEE; /* #CCCCFF */
}
table.bresbrowse a {
    		text-decoration: none;
    		font-weight: normal;
				color: #333333;
}
p.sresnotice {
        margin-left: 17px;
        font-size: 14px;
        font-weight: bold;
}
div.sres {
        width: 700px;
        margin-left: 17px;
        margin-right: 18px;
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: #3366CC;
}
div.sres div.inner {
        border: 2px solid #3366CC;
}
table.sres {
        width: 695px;
        margin: 0px;
        padding: 0px;
        border-collapse: collapse;
}
/*here's are the declarations that addresses the table in question*/

html>body table.sres {
        margin-left: -8px; /*seems to work for all other browsers including ie6*/
		*margin-left: 0px; /*this fixes it for ie7, only ie7 sees this*/
}

html:first-child table.sres {
margin-left:0px; /*this fixes it for opera 2.1 not prior versions*/
}

/*end */
/*html>body table.sres {
        margin-left: -8px;
}*/
table.sres tr {
        padding: 0px;
        margin: 0px;
}
table.sres td, table.sres th {
        padding: 2px;
}
table.sres td {
        font-size: 14px;
}
table.sres th {
        background-color: #3366CC;
        color: white;
        text-align: center;
}
table.sres td.grades {
		width: 135px;
}
table.sres th.grades {
        width: 135px;
}
table.sres td.national {
        text-align: center;
        border-right: 2px solid #3366CC;
}
table.sres th.national, table.sres td.national {
        width: 72px;
        border-right: 2px solid #3366CC;
}
table.sres td.topic {
        border-right: 2px solid #3366CC;
}
table.sres th.topic {
        width: 480px;
        border-right: 2px solid #3366CC;
}
table.sres tr.even {
        background-color: #EEEEEE;
}
table.sres tr.odd {
        background-color: #FFFFFF;
}
table.sres img {
        padding: 0px;
        margin: 0px;
}
table.sres img.star {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
div.sresspacer {
        height: 15px;
}
div.vres, div.vrestop {
        margin-left: 40px;
        margin-right: 40px;
}
div.vrestop h1 {
        text-align: center;
        font-size: 16px;
        color: white;
        padding: 5px;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: uppercase;
        font-weight: bold;
}
div.vrestop h1.top {
        padding-bottom: 0px;
}
div.vrestop h1.date {
        text-transform: none;
        padding-top: 0px;
}
div.vrestop {
        background-color: #3366CC;
        width: 654px; /* have to add in borders */
}
div.vres {
        width: 654px;
}
div.vres div.inner {
        border: 2px solid #3366CC;
}
table.vres {
        width: 650px;
        border-collapse: collapse;
        border-bottom: 6px solid #3366CC;
}
div.vres hr {
        color: #3366CC;
        margin-right: 15px;
        margin-left: 15px;
        width: 620px;
        height: 1px;
        background-color: #3366CC;
        border: 0px white none;
}
@media print {
        table.vres, div.vres, div.vrestop {
                width: 5in;
        }
        div.vres hr {
                width: 4.5in;
                margin-left: 0.25in;
                margin-right: 0.25in;
        }
}
table.vres td, table.vres th {
        background-color: #CCCCFF;
		border-right: 2px solid #3366CC;
}
table.vres td.last, table.vres th.last {
        background-color: #CCCCFF;
		border-right: 0px solid #3366CC;
}
table.vres td, table.vres th {
        font-size: 13px;
        text-align: center;
        vertical-align: top;
        padding: 5px;
        width: 25%;
}
p.vresq {
        margin-bottom: 4px;
        padding: 0px;
        text-align: left;
        color: #000000 /*#339966*/;
        font-weight: bold;
        text-transform: uppercase;
        margin-left: 15px;
        margin-right: 15px;
}
p.vresa, ul.vresa {
        margin-top: 0px;
        padding: 0px;
        text-align: left;
        margin-left: 40px;
        margin-right: 40px;
}
div.bchalbrowse {
        background-color: #3366CC;
        margin-left: 40px;
        margin-right: 40px;
        width: 655px;
}
div.bchalbrowse h1 {
        text-align: center;
        margin: 0px;
        font-size: 14px;
        color: white;
        padding: 5px;
}
div.bchalbrowse div.inner {
        border: 2px solid #3366CC;
}
table.bchalbrowse {
        width: 651px;
        text-align: left;
        margin: 0px;
        padding: 0px;
        border-collapse: collapse;
}
table.bchalbrowse tr {
        margin: 0px;
        padding: 0px;
}
table.bchalbrowse td {
        width: 50%;
        font-weight: bold;
        /* background-color: #FFFFF2; */
        padding: 5px;
}
table.bchalbrowse tr.odd td {
        background-color: white;
}
table.bchalbrowse tr.even td {
        background-color: #EEEEEE;
}
table.bchalbrowse a {
        text-decoration: none;
        font-weight: bold;
		color: #333333;
}
p.schalnotice {
        margin-left: 17px;
        font-size: 14px;
        font-weight: bold;
}
div.schal {
        width: 700px;
        margin-left: 17px;
        margin-right: 18px;
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: #3366CC;
}
div.schal div.inner {
        border: 10px solid #3366CC;
}
table.schal {
        width: 695px;
        margin: 0px;
        padding: 0px;
        border-collapse: collapse;
}

html>body table.schal {
        margin-left: -8px; /*seems to work for all other browsers including ie6*/
		*margin-left: 0px; /*this fixes it for ie7, only ie7 sees this*/
}
/*html>body table.schal {
        margin-left: -8px;
}*/
table.schal tr {
        margin: 0px;
        padding: 0px;
}
table.schal td, table.schal th {
        padding: 2px;
}
table.schal td {
        font-size: 14px;
}
table.schal th {
        background-color: #3366CC;
        color: white;
        text-align: center;
}
table.schal td.topic {
        border-right: 2px solid #3366CC;
}
table.schal th.topic {
        width: 526px;
        border-right: 2px solid #3366CC;
}
table.schal tr.even {
        background-color: #EEEEEE;
}
table.schal tr.even1 {
        background-color: #FFFFFF;
}

table.schal tr.odd {
        background-color: #FFFFFF;
}
table.schal img {
        padding: 0px;
        margin: 0px;
}
table.schal img.star {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
div.schalspacer {
        height: 15px;
}
div.ismargin {
        margin-left: 65px;
        margin-right: 65px;
}
div.isletter {
        margin-left: 15px;
        margin-right: 15px;
}
div.isletter p.safety {
        text-align: center;
        font-weight: bold;
}
h1.isheader, h2.isheader {
        width: 455px;
        font-size: 1em;
        padding: 5px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 5px;
        margin-top: 0px;
        display: table;
}
h1.isheader *, h2.isheader * {
        display: table-cell;
        vertical-align: middle;
}
h1.isheader img, h2.isheader img {
    display: inline;
}
h1.isheader {
		background-color: #C1D0F0;
        color: black;
        margin: 0px;
        padding: 0px;
}
div.isheader {
        background-color: #C1D0F0;
}
table.islist, table.isyou {
        margin-left: 15px;
        margin-bottom: 15px;
}
table.isyou {
    table-layout: fixed;
}
table.isyou th {
        width: 60px;
}
table.isyou td.grade, table.isyou td.topic {
        font-weight: bold;
}
table.islist td.icon {
        width: 24px;
        height: 24px;
        background-image: none;
        background-position: top left;
        background-repeat: no-repeat;
}
tr.isbrowse td.icon {
        background-image: url("/images/icons/book_blue_view24.gif");
}
table.compile {
        margin: 0px;
        padding: 0px;
        width: 650px;
/*        margin-left: 40px;
        margin-right: 40px;*/
        text-align: center;
        border-collapse: collapse;
        border: 0px none transparent;
}
table.compile tr {
        margin: 0px;
}
table.compile th {
        background-color: #FFFFA6;
        text-align: center;
        font-size: 13px;
        border-top: 2px solid #3366CC;
        margin-top: 0px;
        padding-top: 1px;
        padding-bottom: 3px;
}
table.compile th.top {
		background-color: #FFFFC6;
        font-size: 13px;
        text-align: left;
}


table.compile td.asc {
        background-color: #FFFFA6;
        text-align: center;
        font-size: 13px;
        margin-top: 0px;
}



table.compile td.topasc {
		background-color: #FFFFC6;
        font-size: 13px;
        text-align: left;
				margin-top: 0px;
        margin-bottom: 0px;
}

table.compile td.topasc ul {
		font-weight: normal;
		margin-top: 0px;
		margin-bottom: 0px;
}

table.compile th.top ul {
		font-weight: normal;
        margin-top: 0px;
        margin-bottom: 0px;
}
table.compile td.left {
        margin: 0px;
        width: 250px;
        background-color: #FFFFC6;
        text-align: left;
}
table.compile td.right {
        margin: 0px;
        width: 400px;
        text-align: right;
        /* border-left: 1px solid #AABBEE; */
}

		
		
table.compile td.textAns {
        text-align: center;
        font-size: 12px;
        margin-top: 0px;
		position: relative;
}

table.compile td table.qualDataTable {
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}


table.compile td table.qualDataTable td {
	padding: 5px;
	vertical-align: top;
	margin: 0px;
	border-color : #333333;
	border-width: 1px;
	border-style : solid;
	border-right-style:none;
	border-bottom-style:none;
}

table.compile td table.qualDataTable td.borderRight{
	border-right:1px;
	border-color : #333333;
	border-style : solid;
	border-bottom-style:none;
}

table.compile td table.qualDataTable td.borderTop{
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
}

table.compile td table.qualDataTable th {
		color: #ffffff;
        background-color: #3366CC;
		font-weight: bold;
		text-align: left;
		padding: 5px;
		margin: 0px;
		border-color : #333333;
		border-width: 1px;
		border-style : solid;
		border-bottom-style:none;
}

div.txtAnswerBox div {
        text-align: center;
		position: relative;
}

@media print {
        table.compile {
                width: auto;
        }
        table.compile td.right {
                width: auto;
        }
        table.compile td.left {
                width: 2in;
        }
}
table.compile td {
        padding: 5px;
}
table.compile table {
        width: 100%;
        margin: 0px;
        padding: 0px;
        border: 0px none transparent;
        text-align: left;
}
table.compile table tr {
        margin: 0px;
        padding: 0px;        
        border: 0px none transparent;
}
table.compile table td {
        margin: 0px;
        padding: 0px;        
        border: 0px none transparent;
}
div.vres h2 {
        background-color: #FFFFA6;
        text-align: center;
        font-size: 13px;
        border-top: 2px solid #3366CC;
        margin-top: 0px;
        padding-top: 1px;
        padding-bottom: 3px;
}

div.vres h2.asc {
        background-color: #FFFF99;
        text-align: left;
        font-size: 13px;
        border-top: 2px solid #3366CC;
        margin-top: 0px;
        padding-top: 1px;
        padding-bottom: 3px;
				padding-left: 3px;
}
div.standardsearch {
        width: 475px;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
		border: 2px solid #3366CC;
}
div.faq {
        clear: both;
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 15px;
}
table.faq th {
        vertical-align: top;
        width: 40px;
        padding: 5px;
}
table.faq td {
        padding: 5px;
}
div.csfaq {
        width: 475px;
        margin-left: 20px;
/*        margin-right: 20px;*/
}
div.csfaq h1 {
        font-size: 16px;
        text-align: center;
}
div.csfaqform, p.csfaqform {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
table.csfaqform {
        border-collapse: collapse;
        border: 2px solid #BBBBBB;
        background-color: #EEEEEE;
        width: 100%;
}
table.csfaqform td, table.csfaqform th {
        padding: 3px;
        border-collapse: collapse;
        border: 2px solid #BBBBBB;
        text-align: center;
}
table.newtable
{
	width:370px;
}
p.mcabout {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
p.about {
        margin-left: 40px;
        margin-right: 40px;
		text-align: left;
}
p.csnews {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
.indent {
		padding-left:20px;
}
.cfdebug
{
	color:black; 

	background-color:white; 
	font-family:"Times New Roman", Times, serif; 
	font-size:small
}
.hideme
{
display:none;
}
table.standardsearch2_white {
        /*
        background-color: white;
		border: 2px solid #3366CC;*/
		padding: 5px;
		width: 200px;
		margin-left: 1px;
        margin-right: auto;
}
/* test section */
table.standardsearch2 {
        /*
        background-color: white;
		border: 2px solid #3366CC;*/
		padding: 5px;
		width: 460px;
		margin-left: auto;
        margin-right: auto;
}
table.standardsearch2 td.leftside {
	border-right: 2px solid #3366CC;
	border-top: 2px solid #3366CC;
	border-bottom: 2px solid #3366CC;
	border-left: 2px solid #3366CC;
	vertical-align: top;
}
table.standardsearch2 td.rightside {
		border-right: 2px solid #3366CC;
		border-top: 2px solid #3366CC;
		border-bottom: 2px solid #3366CC;
		border-left: 1px solid #3366CC;
		vertical-align: top;
}
table.bressearch2 {
		width: 225px;
		font-weight: normal;
		background-color: #FFFFFF;
        text-align: left;
        padding: 5px;
        margin: 0px;
        border-collapse: collapse;
		border: 0px transparent none;
}
table.bressearch2 td {
	padding: 5px;
}
table.bressearch2 td.blank {
	padding: 5px;
	height: 35px;
}                
table.bressearch2 td.title {
        font-weight: bold;
		text-align: center;
        background-color: #FFFFFF;
        padding: 5px;
}
table.mc_activate_deactivate {
	width:500px;
	font-weight:normal;
	padding:5px;
	text-align:right;
}

span.show_hide_width {
 text-align: center;
}

.optgroupclass {
	padding: 5px;
	font-style:normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.selectstyle {
	font-weight: normal;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

div.definition_entry {
	width:390px;
	height: 485px;
  margin-left: auto;
  margin-right: auto;
  background-color: #EEEEEE;
	border: 2px solid #3366CC;
}

div.definition_entry p {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	
}

div.definition_entry span.title {
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	
}

div.definition_entry span.definition_text {
	font-weight: normal;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	text-align:left;
	
}


div.definition_entry a {
	font-weight: normal;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}


div.definition_entry_help {
  margin-left: auto;
  margin-right: auto;
  background-color: #EEEEEE;
	border: 1px solid #3366CC;
}

div.definition_entry_help p {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	
}

div.definition_entry_help span.title {
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	
}

div.definition_entry_help span.definition_text {
	font-weight: normal;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	text-align:left;
	
}


div.definition_entry_help a {
	font-weight: normal;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}


div.definition_entry_view {
  margin-left: auto;
  margin-right: auto;
  background-color: #EEEEEE;
	border: 1px solid #3366CC;
}

div.definition_entry_view p {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	
}

div.definition_entry_view span.title {
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	
}

div.definition_entry_view span.definition_text {
	font-weight: normal;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	text-align:left;
	
}



div.definition_entry_view a {
	font-weight: normal;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.linklabel
{
color:blue;
font-weight:bold;
cursor:hand;
cursor:pointer;
text-decoration:underline;
}
.questionnum{
	/*margin-top:5px;
	margin-left:12px;
	color:white;
	font-weight:bold;
	font-size:13px;
	width:22px;
	height:32px;
	
	text-align:center;
	
	line-height:27px;
	padding-left:10px;*/
	color:white;
	font-weight:bold;
	font-size:13px;
	background-repeat: no-repeat;
	background-image:url("/images/icons/img_gray_round.gif");
}
.questionnum1{
	/*margin-top:5px;
	margin-left:12px;
	color:white;
	font-weight:bold;
	font-size:11px;
	width:28px;
	height:32px;
	
	text-align:center;
	background-repeat: no-repeat;
	line-height:27px;
	padding-left:5px;*/
	color:white;
	font-weight:bold;
	font-size:11px;
	background-repeat: no-repeat;
	background-image:url("/images/icons/img_gray_round.gif");

}

table.mytableb td.mylistb, table.mytable_ts td.listb {
        font-weight: normal;
        background-color: #FFFFFF;
        padding: 0px;
}

table.mytableinnerb td.mylistinnerb {
        font-weight: normal;
        background-color: #FFFFFF;
        padding-top: 7px;
	padding-left: 7px;
}

td.questionlabeldesc {
        font-weight: normal;
        background-color: #FFFFFF;

	padding-left: 12px;
}

.yuiextdlg {
position:absolute;
left:-200px;
}

table.surveyeditListTble {
	border-collapse:collapse;
	border: 2px solid #3366CC;
}

table.surveyeditListTble th.blueHeader{
		font-size:14px;
		padding: 5px;
		color: #ffffff;
        background-color: #3366CC;
		font-weight:bold;
}

table.surveyeditListTble  td.odd {
        background-color: #EEEEEE;  
}
table.surveyeditListTble  td.even {
        background-color: #FFFFFF;
}

/* //////// Targeted tutors//////////// */

table.tblTargetAssoListHead {
	border-collapse:collapse;
	border: 2px #000099 solid;
	width:324px;
}

table.tblTargetAssoListHead th.blueHeader{
		font-size:12px;
		padding-left: 4px;
		color: #ffffff;
        background-color: #000099;
		font-weight:bold;
}

table.tblTargetAssoList{
		border-collapse:collapse;
		
}

table.tblTargetAssoList  td.odd {
        background-color: #EEEEEE;  
}
table.tblTargetAssoList  td.even {
        background-color: #FFFFFF;
}


/* Selected strategies page */
div.main div#selectedStrategiesSpellingSuggestionWrapper {
	margin: 0 0 15px 15px;
}
	#selectedStrategiesSpellingSuggestionSearchedKeywordOrPhrase {
		font-weight: bold;
	}
	#selectedStrategiesSpellingSuggestion {
		font-weight: bold;
		color: blue;
		text-decoration: underline;
		cursor: pointer;		
	}

#selectedStrategiesPaginationTop {
	float: right;	
}
#selectedStrategiesPaginationBottom {
	float: right;
}
#selectedStrategiesFacetFilter {
	float: left;
	width: 250px;
	margin: 0 9px 0 13px;	
	background-color: #F5F5F5;
}
	div.main div#selectedStrategiesFacetFilterTitle {
		width: 250px;
		height: 25px;
	}
		#selectedStrategiesFacetFilterTitle .top {
			width: inherit;
			height: inherit;
			/*background: url(../images/corners/gray/top_left_gray_white.gif) top left no-repeat #CCC;*/
		}
		#selectedStrategiesFacetFilterTitle .bottom {
			/*background: url(../images/corners/gray/top_right_gray_white.gif) top right no-repeat;*/
			width: inherit;
			height: inherit;
		}
		#selectedStrategiesFacetFilterTitle .middle {
			width: 205px;
			margin: 0 5px;
			padding: 5px 0;
			font-weight: bold;
			color: #000;
		}
	div.main div#selectedStrategiesFacetFilters {
	}
	div.main div.selectedStrategiesFacetFilter {
		width: 240px;
		margin: 10px 5px 0 5px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #DEDEFF;
	}
		div.main div.selectedStrategiesFacetFilterSubTitle {
			float: left;
			width: 224px;
			font-weight: bold;
			margin-bottom: 10px;
		}
		div.main div.selectedStrategiesFacetFilterTogglerMax, 
		div.main div.selectedStrategiesFacetFilterTogglerMaxActive,
		div.main div.selectedStrategiesFacetFilterTogglerMin,
		div.main div.selectedStrategiesFacetFilterTogglerMinActive {
			float: left;
			width: 11px;
			height: 11px;
			margin: 3px 5px 0 0;
			background-image: url(../images/icons/selectedStrategiesFacetSprite.png);			
			background-repeat: no-repeat;
			cursor: pointer;
		}
			div.main div.selectedStrategiesFacetFilterTogglerMax {
				background-position: -11px 0px;	
			}
			div.main div.selectedStrategiesFacetFilterTogglerMaxActive {
				background-position: -11px -11px;	
			}
			div.main div.selectedStrategiesFacetFilterTogglerMin {
				background-position: 0px 0px;	
			}
			div.main div.selectedStrategiesFacetFilterTogglerMinActive {
				background-position: 0px -11px;	
			}
		.selectedStrategiesFacetFilterContent {
			
		}
			.selectedStrategiesFacetFilterSearchPhraseWrapper {
				width: 237px;
				padding: 3px 0;	
				background-color: #CCECFF;
			}
				.selectedStrategiesFacetFilterSearchPhraseDelete {
					position: relative;
					top: 2px;
					float: left;
					display: inline;
					width: 13px;
					height: 13px;
					margin: 0 6px 0 6px;
					cursor: pointer;	
					background: url(../images/icons/selectedStrategiesFacetSprite.png) -22px 0 no-repeat;
				}
				.selectedStrategiesFacetFilterSearchPhraseValue {
					float: left;
					display: inline;
					width: 205px;	
					margin-right: 6px;
				}
			#selectedStrategiesFacetFilterSearchPhrase {
				width: 235px;
				border: 1px solid #CCC;	
				margin-top: 10px;
			}
			div.main div.selectedStrategiesFacetFilterValue {
				margin-bottom: 5px;
			}
				div.main div.selectedStrategiesFacetFilterContentTop {
					
				}
				div.main div.selectedStrategiesFacetFilterContentBottom {
					
				}
				.selectedStrategiesFacetFilterContentBottomToggler {
					color: #0000FF;	
					text-decoration: underline;
					cursor: pointer;
				}
					div.main div.checkboxWrapper {
						position: relative;
						top: -2px;
						float: left;
						width: 15px;	
						margin: 0 10px 0 0;
						display: inline;
					}
					.selectedStrategiesFacetFilterValue label {
						float: right;
						width: 195px;
						cursor: pointer;
						position: relative;
						display: inline;
					}
					
	#selectedStrategiesFacetFilterSubmit {
		margin: 15px 0 15px 68px;	
	}
			
#selectedStrategies {
	float: right;
	width: 630px;
	margin-right: 30px;
}
	#selectedStrategies h1 {
		padding-bottom: 5px;
		font-size: 18px;	
		border-bottom: 2px dashed #F9F9FF;
		margin-bottom: 10px; 
	}
	#selectedStrategiesResults {
				
	}
		div.main div.selectedStrategiesResultWrapper {
			border-bottom: 2px dashed #DEDEFF;
			margin-bottom: 15px;
		}
		div.main div.selectedStrategiesResult {
			padding: 5px;	
			margin-bottom: 5px;	
			cursor: pointer;		
		}
			.selectedStrategiesResult a {
				font-size: 15px;
				font-weight: bold;	
			}
			.selectedStrategiesResult table {
				margin-top: 10px;				
			}
				.selectedStrategiesResult table td {
					padding-bottom: 26px;				
				}
					.selectedStrategiesResult table tr td.lastRowSelectedStrategiesResult, .selectedStrategiesResult table tr td.lastRowSelectedStrategiesResultLabel {
						padding-bottom: 13px;	
					}
					
				.selectedStrategiesResultLabel, .selectedStrategiesResult table tr td.lastRowSelectedStrategiesResultLabel {
					vertical-align: top;
					white-space: nowrap;
					padding-right: 10px;	
					font-weight: bold;
				}
		

#selectedStrategiesNonFound {
	width: 220px;
	font-weight: bold;
	font-size: 14px;
	margin: 30px;	
	padding: 20px 5px;
	border-top: 2px dashed #DEDEFF;
	border-bottom: 2px dashed #DEDEFF;
}

/****************************************
--------------CSS FOR CFWINDOW IN CF10

*****************************************/
.x-window{
	
	/*border: 5px solid #3266CC;*/
	border: none;
	padding:0 !important;
}
.x-window-ml {
	/*padding:9px;*/
	margin:0;
	background: none !important;
}
.x-window-tl{	
	background-image: url("/images/icons/cfwindowbg.gif"); 
	background-color: #3266CC;
	/*background: repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;*/
	padding-left: 2px;
}
.x-window-tr{
	background-image: url("/images/icons/cfwindowbg.gif"); 
	background-color: #3266CC;
	/*background: repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;*/
}
.x-window-tc{	
	background-image: url("/images/icons/cfwindowbg.gif"); 
	background-color: #3266CC;
	/*background:  repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;*/	
}
.x-window-mc td, .x-window-mc div{
	font-size:13px;
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
}
.x-window-tl .x-window-header, .x-window-tc .windowHdr{
	/*padding: 3px 0 8px; */
	padding:5px 0px 5px 5px;
}
.x-window-tc .x-tool-close {
	background-position: -15px 0;
}
.x-window-header-text{
	color: white !important;	
}
.x-window-mr{
	background: none !important;	
}
.x-window-ml{
	
	background: white !important;	
}
.x-window-mc{
	border: none !important;
	background: white !important;
	
}
.x-window-body{
	background: white !important;
	padding:9px;
}
.x-window-bc{	
	background: white !important;	
}
.x-window-br{	
	background: white !important;	
}
.x-window-bl{	
	background: white !important;	
}

.x-window .x-resizable-handle{
	opacity:1;
}
.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
{
    /* background-image:url(../images/default/sizer/e-handle.gif); */
    background-color: #3266CC;
}

.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
{
    /* background-image:url(../images/default/sizer/s-handle.gif); */
     background-color: #3266CC;
}

.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
   /* background-image:url(../images/default/sizer/s-handle.gif); */
   background-color: #3266CC;
   opacity:0;
}
.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
   
   /* background-image:url(../images/default/sizer/se-handle.gif); */
	background-color: #3266CC;   
}
.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
    
   /* background-image:url(../images/default/sizer/nw-handle.gif); */
   background-color: #3266CC;
}
.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
    /* background-image:url(../images/default/sizer/ne-handle.gif); */
    background-color: #3266CC;
}
.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
   
   /* background-image:url(../images/default/sizer/sw-handle.gif); */
   background-color: #3266CC;
}
.x-resizable-proxy{
    border-color:#3b5a82;
}
.x-resizable-overlay{
    background-color:#fff;
}
.x-grid3 {
    background-color:#fff;
}

.sortUp{
background:url(../images/icons/sortimage.png) no-repeat left center;display: inline-block;background-size: 15px Auto;padding-left: 20px;
}
.sortDown{
background:url(../images/icons/sortimage1.png) no-repeat left center;display: inline-block;background-size: 15px Auto;padding-left: 20px;
}
/*Jiwan 24/08/2018 MCR-1 Start*/
.left-td { padding-top:15px; padding-bottom:15px;}
/*MCR-1 End*/

/* server migration -Jiwan */
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
       
        right:0 !important;
        top:0 !important;
        width: 16px !important;
        margin:0 !important;
        padding:0 !important;
        height: 18px;
    }
    .ui-dialog .ui-dialog-titlebar .ui-icon{background:url(../images/icons/tool-xd-sprites.gif) !important; background-position: -15px 0 !important; margin: 0 !important;}
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover{   right:0 !important;
        top:0 !important;
        width: 16px !important ;
        margin:0 !important;
        padding:0 !important;
        height: 18px;}
    .ui-dialog .ui-dialog-titlebar .ui-state-hover{ background: none !important;}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close,.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close:hover{ background:none !important; border:none !important}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close.ui-button-icon-only .ui-icon {
  
    top:0px !important; /*--- Sitemanage-2 ---*/
    left: 0.5px !important; /*--- Sitemanage-2 ---*/
	}

/* Jiwan 18 Sept, 2020 */
.ui-dialog.ui-draggable{
        background:#fff url(../images/icons/jswindowbg.png) 0 -5px; /*--- Sitemanage-2 ---*/
        background-repeat: repeat-x;
}
.ui-dialog-content.ui-widget-content {
    background-color: #fff;
}

/*@media screen and (min-resolution: 192dpi){
	.ui-dialog{background-color: #3266cc !important;}
	.ui-dialog-content.ui-widget-content{min-height:238px !important;}
}

@media only screen and (max-device-width: 1024px) {
	.ui-dialog.ui-draggable {
		background: linear-gradient(to top, #fff, 99%,  #3266cc);
	}
	.ui-dialog.ResetPasswordUI.ui-draggable {
		background: linear-gradient(to top, #fff, 90%,  #3266cc);
	}
}

@media(max-width:1024px){
	.ui-dialog.ui-draggable {
		background: linear-gradient(to top, #fff, 99%,  #3266cc);
	}
}*/

/* Jiwan CSS Oct 21, 2020 */
@media only screen and (max-device-width:767px){
        .x-css-shadow{left:0!important;right:0!important;top:0!important;width:100%!important; height:100%!important;bottom:0 !important;}
        body{height: 100%;position: relative;}
}



/* 23-02-20responsivedesign designer */ 

/* .main.fixedresponsive{margin: 0 auto;} */
.main.fixedresponsive {border-radius: 20px 20px;padding-top: 15px;}
.fixedresponsive .header {border-radius: 13px;margin-bottom: 2px;     /*padding-left: 5px;*/}
@media only screen and (min-width: 1025px) {
.responsive-list{    overflow-x: auto;width: 100%;}
.main.fixedresponsive{display: table;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>.questiontext .chkCheckUncheckRow{display: none;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .x-panel.x-fit-item .padding0.tablewidthfixed tr td #dvSelectAll{display: none;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .x-panel.x-fit-item .padding0.tablewidthfixed tr td #Selectdiv{display: none;}
 }

@media only screen and (max-width: 1024px) {

img.respo-star-img {
    float: left;position: absolute;    left: 0px;    top: -4px;    width: 12px;
}	
	
.responsive-list .matrixWrapper.firsttable>tbody>tr>td .requiredD{
	      position: absolute;       left: 2px;    top: 7px;
}
.responsive-list .matrixWrapper.firsttable>tbody>tr>td .requiredD span.required{
	    top: 0;
}
.responsive-list .matrixWrapper.firsttable>tbody>tr>td{position:relative;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .modalbuttons .btnstyle{margin-left: 0; padding: 0 !important;}

.fixedresponsive .surveydefault, .fixedresponsive .surveychallenge, .fixedresponsive .surveysuccess{padding-bottom: 0;}
.main.fixedresponsive table{
        border-spacing: inherit;
}
.fixedresponsive .surveydefault, .fixedresponsive .surveychallenge, .fixedresponsive .surveysuccess{    margin-bottom: 20px !important;}
.fixedresponsive .surveydefault tr td table.QueType_Checkbox, .fixedresponsive .surveydefault tr td .QueType_Radio{    margin-bottom: 10px;}
.fixedresponsive .surveydefault tr td .myCustomWrapperClass tr>td>.answertext{
        padding-bottom: 5px !important;
}   
.fixedresponsive .surveydefault, .fixedresponsive .surveychallenge, .fixedresponsive .surveysuccess{    border: 1pt solid #e5e5e5 ! important;}

 .fixedpop_modal .responsive-list_modal>table>tbody>tr>td>span{
         margin-left: 0 !important;        margin-right: 5%;
 }       
.responsive-list .matrixWrapper .matrixWrapperEdit>tbody>tr>td::before,
.responsive-list .matrixWrapper.firsttable>tbody>tr>td::before{
 content: attr(data-label);display: block;font-weight: 700;margin: 0 0 10px 0;text-align: left;width: 100%;float: left;
 font-size:13px;
 /* border-left: #33336e solid 3px;padding-left: 10px; */
}
.responsive-list .matrixWrapper .matrixWrapperEdit>tbody>tr>td,
.responsive-list .matrixWrapper.firsttable>tbody>tr>td{display:inline-block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;   padding: 5px 10px !important;min-width: auto !important;}
.fixedresponsive .surveydefault .responsive-list .myCustomWrapperClass{width: 100%;padding: 0;}
.responsive-list .matrixWrapper tr.hidelabel{display: none;}  
.responsive-list .matrixWrapper .matrixWrapperEdit>tbody>tr>td>.questiontext{margin-left: 0 !important;    padding-left: 0;}               
.fixedpop_modal{width: 95% !important;}
.popup_css{top:18px!important;left:9.5px!important;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td{display: inline-block;padding: 7px 10px !important;min-width: auto !important;width: 100%;box-sizing: border-box;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td::before{ content: attr(data-label);display: block;font-weight:700;margin: 0 0 10px 0;    color: #333;text-align: left;width: 100%;float: left;
        /* border-left: #33336e solid 3px;padding-left: 10px; */
}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>table>tbody>tr>td>span{margin-left: 0 !important;    margin-right: 21px;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>span>.container>span.checkmark{left: 0;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>table>tbody>tr>td>span>label.container>span.checkmark{left: 0;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>.questiontext{     padding-left: 0;   margin-left: 0 !important;}
.fixedpop_modal .responsive-list_modal .hideltoplabel{display: none;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default{      height: auto !important;  width: 100% !important;}
.fixedpop_modal tr td .chkboxfont{    clear: both;}
.fixedpop_modal .responsive-list_modal .myCustomWrapperClass{padding: 0;    width: 100%;}
.fixedpop_modal .responsive-list_modal table.surveydefault{    border: 1pt solid #e5e5e5 ! important;margin: 0 !important;}
.fixedpop_modal .surveydtop{    min-width: 100% !important;        width: 100%;}
.fixedpop_modal .surveydtop table{width: 100% !important;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .x-panel.x-fit-item{    width: 100%!important; padding-left: 0 !important;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .x-panel.x-fit-item .padding0{     padding: 5px 10px !important;
        width: 100% !important;        margin: 0 !important;        box-sizing: border-box;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .x-panel.x-fit-item .padding0.tablewidthfixed tr td{padding-left:inherit !important} 
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .x-panel.x-fit-item .padding0.tablewidthfixed .overflow-272{width:auto!important;    padding-left: 0 !important;}
.fixedpop_modal .x-window-header.x-header .widthfixedmodal,.fixedpop_modal .x-window-header.x-header{width:100% !important;}
.fixedpop_modal  .x-panel-bodyWrap table.surveydefault{    width: 100%;        border-width: 1px !important;  padding-bottom: 0;      margin: 0 !important;}
.fixedpop_modal  .x-panel-bodyWrap table.surveydefault .type3survey tr td.minwidhtnone{    min-width: 100%;}
.fixedpop_modal  .x-panel-bodyWrap table.surveydefault .questiontext{width: 100% !important;min-width: auto !important;max-width: none !important;box-sizing: border-box;}
.fixedpop_modal  .x-panel-bodyWrap table.surveydefault .emphasistext{width: auto !important;}
.fixedpop_modal  .x-panel-bodyWrap  .doneleftpart{display: none !important;}
.fixedpop_modal  .x-panel-bodyWrap #que_ans{    width: auto !important;        margin: 0 !important;     box-sizing: border-box;        padding: 0 10px;}
.fixedpop_modal .x-window-header.x-header .widthfixedmodal .x-box-target{    width: 100% !important;}
.fixedpop_modal .x-window-header.x-header .widthfixedmodal .x-box-target .x-title.x-window-header-title{    width: 100% !important;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .x-panel.x-fit-item .padding0 .btnstyle{margin-left: 0;     white-space: normal;        word-break: break-word;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .x-panel.x-fit-item .padding0 tbody{    width: auto;        display: contents;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>span>label{margin-bottom: 0;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>.answertext{padding-bottom: 0;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>table.inner_table_matrix{    min-width: 230px !important;        width: auto !important;        float: none !important;}
.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>table.inner_table_matrix tr>td:nth-child(2n+2){        width: 115px !important;}
/* .fixedpop_modal .responsive-list_modal>table>tbody>tr>td>table.inner_table_matrix tr>td{width: auto !important;} */
}


@media only screen and (max-width: 767px) {
	
.fixedresponsive .widthauto{width: auto !important;}
	.respo-text{margin-left:8px;}
	textarea.textarea-respo {    width: 88% !important;}
	.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>table>tbody>tr>td>span{    margin-right: 2px !important;}
        .fixedresponsive  div.fullpagemain div.submit{margin-top: 10px;}
 .newclasssuccess .widthnonediv tr td .editor_area .fixededitor .cke_toolgroup{display: inherit;float: none;}
 .fixedresponsive div.associationsurvey#pinkbox .marginnonenew>table>tbody>tr>td{padding-top: 10px !important;}

.surveydefault .answertext.singlenumber table tr td input{width: 100% !important; box-sizing: border-box;}
.fixedresponsive .surveydefault tr td .myCustomWrapperClass tr>td>.answertext {
        padding-left: 23px;
        padding-bottom: 5px !important;
} 

.fixedresponsive .newclasssuccess .widthnonediv .grade111-paddlft-33>div{margin-left: 0 !important;}    
.newclasssuccess .widthnonediv tr td .answertext.grade111-paddlft-44{    padding-left: 33px!important;}   
.fixedresponsive .newclasssuccess .widthnonediv{width: 100% !important;} 
.newclasssuccess .widthnonediv tr td .editor_area{width: 100% !important; } 
.fixedresponsive .newclasssuccess .widthnonediv .fulltdwidth td table{    width: 100%;}
.fixedresponsive .newclasssuccess .widthnonediv .fulltdwidth td table .grade111-paddlft-5.hdncheckbox{padding-left: 0 !important;}
.newclasssuccess .widthnonediv tr td .editor_area .fixededitor{width: 100% !important;}
.newclasssuccess .widthnonediv .grade111-paddlft input{width: 98% !important;     margin-top: 6px;   box-sizing: border-box;}
.newclasssuccess .widthnonediv .grade111-padleft{padding-left: 15px;      box-sizing: border-box;  width: 100%;}   
.newclasssuccess .widthnonediv tr td{width: auto !important;}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .modalbuttons{padding: 0 !important; }
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .modalbuttons .btnstyle{margin-left: 0; white-space: normal;     font-size: 11px;}
body{ /*width: 100vw !important;*/       position: relative !important;}
.fixedresponsive .follingwingbox{width: auto !important; margin: 0 15px;}        
.fixedresponsive .paginationfixed{    width: auto !important;        margin: 0 !important;        padding: 0 15px;}   
.fixedresponsive .paginationfixed table{width: auto !important;}
.fixedresponsive .paddingfixednone{padding: 0 !important;}
.fixedresponsive .paddingnoneleft{padding-left: 0;}
 .paddingfixeddiv.myCustomWrapperClass{padding: 0;}       
.fixedresponsive .usermessage.messagefixed{    margin: 0;        padding: 0 15px;        width: auto;}     
.fixedresponsive .usermessage.messagefixed table{    padding: 0;        width: 100%;}
.marginauto{margin: 0 auto!important;}  
.marginleft15 table.explore-left{width: 100% !important;}
.marginleft15 table.explore-left .surveysafety{width: auto !important;}
.fixedresponsive .surveydefault .surveydtop{min-width: auto !important;width: auto;}  
.fixedresponsive .surveydefault .surveydtop table{width: auto !important;}
.fixedresponsive .tablewidthfixed .marginnone_both{margin: 0 !important; position: relative;}
.marginnonenew{margin: 0 !important;padding: 0 10px;}
.marginnonenew tr td .new_identifier{width: auto !important;}
.marginnonenew tr td .new_identifier input[type=textbox]{width: 170px !important;}
.widthfixed.bigpadding{padding: 0 22px !important;}
.tablewidthfixed{width: auto !important;margin: 0 15px !important;}
.widthfixed{width: auto !important;margin-left: 0 !important;padding: 0 15px !important;}
.fixedresponsive div.associationsurvey{width: auto;margin-left: 15px !important;/* box-sizing: border-box; */margin-right: 15px !important;}  
.fixedresponsive .surveydefault, .fixedresponsive .surveychallenge, .fixedresponsive .surveysuccess{ position: relative;     padding-bottom: 0; border: 1pt solid #e5e5e5 ! important;    width: 95.8%;margin-bottom: 20px !important;margin-left: auto !important;margin-right: auto !important; }  
.fixedresponsive .surveychallenge tr td .widthfixeddiv{width: auto; }
.fixedresponsive .surveychallenge tr td .widthfixeddiv .fulltdwidth>td .answertext{padding-left: 0 !important; }
.fixedresponsive .surveydefault .QueType_Media>td{padding-left: 0 !important;}
.padding-rightdiv td .answertext{padding-right: 15px;}
.fixedresponsive table.surveydefault td#right,  .fixedresponsive table.surveychallenge td#right,  .fixedresponsive table.surveysuccess td#right{padding-right: 0;}
.responsive-list .matrixWrapper .matrixWrapperEdit>tbody>tr>td>table{/*float: none !important;*/width: 100% !important;}
.main.fixedresponsive{width: 98%;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 10px;}
.fixedresponsive .fullpagemain, .fixedresponsive .fullpagetop{margin: 0;}
.fixedresponsive .header {margin: 0;/*padding: 10px 10px;*/width: 100%;font-size: 1.6rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;}
.footer.fullresponsive p.footer {float: none;padding: 0;margin: 0;text-align: center;}
.footer.fullresponsive ul.footer {width: 100%;margin: 9px 0;padding: 0;}
.footer.fullresponsive {border-radius: 0 0 20px 20px !important;width: 98% !important;margin-bottom: 5px !important;padding: 15px 0;text-align: center;}
.fixedresponsive.fixedradius{border-radius: 20px 20px;margin-bottom: 5px;}  
.fixedradius .footer.fullresponsive{padding-bottom: 0 !important;}
.fixedresponsive .header img.logo {margin: 0 auto;float: none;}
.marginleft15{margin-left: 15px !important;margin-right: 15px;}
.fixedresponsive div.associationsurvey .marginnonenew tr td a.pinkboxbeneficiary{width: auto !important;} 
.fixedresponsive .surveychallenge tr td .widthfixeddiv tr td .answertext{padding-left: 33px !important;margin-left: 0 !important;}
.fixedresponsive .surveychallenge .emphasistext, .fixedresponsive .surveysuccess .emphasistext{width: auto !important;}
.fixedresponsive .surveychallenge .surveyctop, .fixedresponsive .surveysuccess .surveystop{min-width: auto !important;width: auto !important;} 
.fixedresponsive .surveychallenge .surveyctop table, .fixedresponsive .surveysuccess .surveystop table{width: auto !important;}
.fixedresponsive .surveychallenge .widthfixeddiv .answertext tr td textarea.ChallengeCls{width: 100%;box-sizing: border-box;    margin-top: 8px;}
.fixedresponsive .surveydefault table.type3survey tr td{min-width: auto;}
.fixedresponsive .surveydefault tr td .questiontext{width: auto !important;}
.fixedresponsive .widthnonediv{width: auto !important;    padding: 0 !important;}
.responsive-list .matrixWrapper.firsttable>tbody>tr>td .questiontext{    margin-left: 0 !important;        padding-left: 0;}
.newclasssuccess .widthnonediv tr td .editor_area .fixededitor .cke_toolgroup .cke_button{    white-space: normal;}
.fixedresponsive .fullwidthnone{width: auto !important;}
.fixedresponsive .surveydefault .answertext.selectdropdown_fixed{margin-right: 10px;}
.fixedresponsive .surveydefault .answertext.selectdropdown_fixed select{width: 100%;}
.fixedresponsive .widthhundred{width: 100% !important; height: 100% !important;}
.fixedresponsive .responsive-list{position: relative;}
.fixedresponsive .positonrelative_div{position: relative;}
.fixedresponsive .surveychallenge tr td .widthfixeddiv .fulltdwidth>td, 
.fixedresponsive .surveysuccess tr td .widthfixeddiv .fulltdwidth>td{padding: 3px 0 0 33px !important;}
#cke_Step1,#cke_Step2,#cke_Step3,#cke_Step4,#cke_Step5,#cke_Step6,#cke_Situation{width: 100% !important;}
#cke_Step1 .cke_button,#cke_Step2 .cke_button,#cke_Step3 .cke_button,#cke_Step4 .cke_button,#cke_Step5 .cke_button,#cke_Step6 .cke_button, #cke_Situation .cke_button{white-space: normal;}
.editor_area .cke_toolgroup, .mytablebstep .cke_toolgroup{display: inherit !important;float: none !important;}
.fixedresponsive #notransparency{position: relative !important; left:0px !important; top: 0px !important;}
.fixedresponsive #notransparency table{width: 100% !important;}
.Check_uncheck #EnableAllQuestion-body {overflow: auto !important;}
}

@media only screen and (max-width: 568px){
        .newclasssuccess .widthnonediv tr td{width: auto !important;}

.fixedresponsive tr td .answertext.mediaquestion{
        margin-bottom: 10px;
}
.newclasssuccess .widthnonediv tr td .editor_area{  padding: 0 15px;}
.fixedresponsive .addotherstep>td:first-child{display: none;   }
.fixedresponsive .addotherstep>td{padding: 0 10px 0 15px;}
.fixedresponsive tr td .filelinks{    display: block;        width: 100%;        margin-top: 5px;}       
.fixedresponsive .fixedtextcontent{padding-right: 10px;}
.fixedresponsive .fixedtextcontent div, .fixedresponsive .fixedtextcontent>div table{        width: auto !important;}   
.fixedresponsive .fixedtextcontent div textarea{width: 100% !important;     box-sizing: border-box;}
 .fixedresponsive .newclasssuccess .widthnonediv .nonetd_div{display: none;}      
.fixedresponsive .newclasssuccess .paddingfixednone .fulltdwidth .paddingtopnone{padding-top: 0 !important;   }      
.fixedresponsive .newclasssuccess .individualsdiv tr td{    width: 100% !important; padding: 2px 0;        display: block;}         
.fixedresponsive .newclasssuccess .widthnonediv .grade111-paddlft-33+td>a{     font-size: 11px;   display: inline-block;}       
.fixedresponsive .surveychallenge tr td .widthfixeddiv .fulltdwidth>td .tab999-width{width: auto;}        
.fixedresponsive .surveydefault .QueType_Media .answertext.mediaquestion table tr>td:not(:first-child){display: block;    padding: 5px 0 !important;}
.fixedresponsive .surveychallenge tr td .widthfixeddiv .fixedtddiv>td{width: 50%;display: inline-block;vertical-align: top;}
.fixedresponsive .surveychallenge tr td .widthfixeddiv .fulltdwidth>td, 
.fixedresponsive .surveysuccess tr td .widthfixeddiv .fulltdwidth>td{display: block;padding: 3px 0 0 33px !important; width: auto;}
.fixedresponsive .surveydefault, .fixedresponsive .surveychallenge, .fixedresponsive .surveysuccess{       width: 94.4%;margin-bottom: 20px !important;margin-left: auto !important;margin-right: auto !important; }  
#cke_Step1,#cke_Step2,#cke_Step3,#cke_Step4,#cke_Step5,#cke_Step6,#cke_Situation{width: 100% !important;}
#cke_Step1 .cke_button,#cke_Step2 .cke_button,#cke_Step3 .cke_button,#cke_Step4 .cke_button,#cke_Step5 .cke_button,#cke_Step6 .cke_button, #cke_Situation .cke_button{white-space: normal;}
.editor_area .cke_toolgroup, .mytablebstep .cke_toolgroup {display: inherit !important;float: none !important;}
.fixedresponsive #notransparency{position: relative !important; left:0px !important; top: 0px !important;}
.fixedresponsive #notransparency table{width: 100% !important;}
.Check_uncheck #EnableAllQuestion-body {overflow: auto !important;}
}


@media only screen and (max-width: 480px){
.tablewidthfixed.fulltddiv table tr td{display: block;    padding: 6px;}        
.fixedresponsive ul.navbar-left, .fixedresponsive ul.navbar-right {width: 100%;padding: 0;text-align: center;}
.fixedresponsive .surveydefault, .fixedresponsive .surveychallenge, .fixedresponsive .surveysuccess{    padding-bottom: 0;  width: 92.2%;margin-bottom: 20px !important;margin-left: auto !important;margin-right: auto !important; }  
.fixedresponsive .surveydefault .QueType_Media.starwidth>tr>td{padding-left: 23px !important;}
.fixedresponsive .surveydefault .QueType_Media.starwidth table tr>td:not(:first-child){    display: block;        padding: 5px 0 !important;}
#cke_Step1,#cke_Step2,#cke_Step3,#cke_Step4,#cke_Step5,#cke_Step6,#cke_Situation{width: 100% !important;}
#cke_Step1 .cke_button,#cke_Step2 .cke_button,#cke_Step3 .cke_button,#cke_Step4 .cke_button,#cke_Step5 .cke_button,#cke_Step6 .cke_button, #cke_Situation .cke_button{white-space: normal;}
.editor_area .cke_toolgroup, .mytablebstep .cke_toolgroup {display: inherit !important;float: none !important;}
.fixedresponsive #notransparency{position: relative !important; left:0px !important; top: 0px !important;}
.fixedresponsive #notransparency table{width: 100% !important;}
.Check_uncheck #EnableAllQuestion-body {overflow: auto !important;}
}

@media only screen and (max-width: 375px){
.newclasssuccess .widthnonediv tr td .fullcontentdiv a{display: block;     margin-bottom: 5px;}         
.fixedresponsive .paginationfixed .pagination select{width:145px;}       
/* .fixedresponsive .surveydefault tr td .emphasistext{padding-left: 20px !important;}     */
.fixedresponsive .surveydefault .answertext.checkbox_anstext{    min-width: 89px;word-break: break-all;}
.fixedresponsive table.surveydefault td#right, 
.fixedresponsive table.surveychallenge td#right, 
.fixedresponsive table.surveysuccess td#right{    padding-right: 10px;}
 .main.fixedresponsive, .footer.fullresponsive {width: 99% !important;}
 .fixedresponsive .surveydefault .answertext tr td textarea,  
 .fixedresponsive .surveydefault .QueType_Checkbox .answertext input[type="text"],
 .fixedresponsive .surveydefault .answertext.questiontext input[type="text"]{width: 100% !important;    box-sizing: border-box; }
 .fixedresponsive .surveydefault .answertext>table{width: 93% !important; }
#cke_Step1,#cke_Step2,#cke_Step3,#cke_Step4,#cke_Step5,#cke_Step6,#cke_Situation{width: 100% !important;}
#cke_Step1 .cke_button,#cke_Step2 .cke_button,#cke_Step3 .cke_button,#cke_Step4 .cke_button,#cke_Step5 .cke_button,#cke_Step6 .cke_button, #cke_Situation .cke_button{white-space: normal;}
 .editor_area .cke_toolgroup, .mytablebstep .cke_toolgroup {display: inherit !important;float: none !important;}
 .fixedresponsive #notransparency{position: relative !important; left:0px !important; top: 0px !important;}
.fixedresponsive #notransparency table{width: 100% !important;}
.Check_uncheck #EnableAllQuestion-body {overflow: auto !important;}
.responsive-list .matrixWrapper .matrixWrapperEdit>tbody>tr>td>table{float: none !important;width: 95% !important;}
 }

@media only screen and (max-width: 320px){
.fixedresponsive .surveydefault, .fixedresponsive .surveychallenge, .fixedresponsive .surveysuccess{width: 90.2%;margin-bottom: 20px !important;margin-left: auto !important;margin-right: auto !important; }         
 .main.fixedresponsive {padding: 6px;}
#cke_Step1,#cke_Step2,#cke_Step3,#cke_Step4,#cke_Step5,#cke_Step6,#cke_Situation{width: 100% !important;}
#cke_Step1 .cke_button,#cke_Step2 .cke_button,#cke_Step3 .cke_button,#cke_Step4 .cke_button,#cke_Step5 .cke_button,#cke_Step6 .cke_button, #cke_Situation .cke_button{white-space: normal;}
 .editor_area .cke_toolgroup {display: inherit !important;float: none !important;}
 .fixedresponsive #notransparency{position: relative !important; left:0px !important; top: 0px !important;}
.fixedresponsive #notransparency table{width: 100% !important;}
.Check_uncheck #EnableAllQuestion-body {overflow: auto !important;}
 #updateconfirmbox{width     : 95% !important;}
}


/* newcssall_popup 25-03-21 */



@media only screen and (max-width: 1366px) {

        .NewIdentifier {
                /* width     : 95% !important; */
                left      : 0 !important;
                box-sizing: border-box;
                right     : 0;
                margin    : 0 auto;
        }

        .Check_uncheck {
                right : 0;
                margin: 0 auto;
                left  : 0 !important;
        }

        .Check_uncheck .x-resizable-handle-north,
        .Check_uncheck .x-resizable-handle-south {
                height: 6px;
        }

        .Check_uncheck .x-resizable-handle-east,
        .Check_uncheck .x-resizable-handle-west {
                width: 6px;
        }


        .Check_uncheck .x-resizable-handle-northwest,
        .Check_uncheck .x-resizable-handle-northeast,
        .Check_uncheck .x-resizable-handle-southwest,
        .Check_uncheck .x-resizable-handle-southeast {
                width : 6px;
                height: 6px;
        }

}




@media only screen and (max-width: 767px) {

        .NewIdentifier {
                width     : 95% !important;
                left      : 0 !important;
                box-sizing: border-box;
                right     : 0;
                margin    : 0 auto;
        }

        .NewIdentifier .sortablePanel .groupContainer {
                width: 100%;
        }

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row {
                width  : 95%;
                display: block;
        }

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup {
                display: block;
                width  : 100%;
                clear  : both;
                float  : left;
                padding: 5px 0;
        }

        .NewIdentifier hr.hr_border {
                width     : 100% !important;
                box-sizing: border-box;
        }

        .NewIdentifier .sortablePanel .groupContainer .dataGroupHeader.panel_head {
                width: 100% !important;
        }

        .NewIdentifier #totalContainer {
                padding   : 15px;
                box-sizing: border-box;
        }

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .attribute_value p {
                margin: 0;
        }

        .Check_uncheck {
                width     : 95% !important;
                left      : 0 !important;
                box-sizing: border-box;
                right     : 0;
                margin    : 0 auto;
        }

        .Check_uncheck .x-window-header-top {
                width: 100% !important;
        }

        .Check_uncheck .x-window-bodyWrap .x-window-body.x-window-body-default {
                width : 100% !important;
                height: auto !important;
        }

        .Check_uncheck .x-box-target .x-window-header-title {
                width: auto !important;
        }

        .Check_uncheck .x-box-inner {
                width: auto !important;
        }

        .Check_uncheck .x-box-inner .x-box-target {
                position: relative;
                width   : auto !important;
        }

        .Check_uncheck .x-panel-body .x-autocontainer-innerCt form table {
                width: auto !important;
        }

        .Check_uncheck .x-panel-body .x-autocontainer-outerCt,
        .Check_uncheck .x-panel-body .x-autocontainer-outerCt .x-autocontainer-innerCt {
                display: block;
        }

        .Check_uncheck .x-panel-body .x-autocontainer-innerCt form table tr td {
                box-sizing: border-box;
        }

        .Check_uncheck .x-panel-body .x-autocontainer-innerCt form table.saveandcancel {
                width  : 200px !important;
                margin : 1rem auto 0;
                float  : none;
                display: block;
        }

        .Check_uncheck .x-panel-body .x-autocontainer-innerCt form table.saveandcancel tr td {
                padding   : 0 !important;
                text-align: center;
        }
		.Check_uncheck .x-panel-body .x-autocontainer-innerCt form div.usermessage {
                margin: 0 10px 0 10px;
                word-break: break-word;
        }

        .Check_uncheck .windowHdr {
                width: 100% !important;
        }
	.resposive-table-popup{width:100% !important;}
	.resposive-table-popup tr td{ display: block !important; width:100% !important;}
	.resposive-table-popup tr:first-child{display: table}
	.resposive-table-popup tr:first-child td{;display: table-cell !important;}
	.resposive-table-popup tr:first-child td:first-child{width:50px !important}
	.resposive-table-popup tr:first-child td:last-child{width:auto !important;white-space: normal;}
	.resposive-table-popup tr:last-child td:last-child{padding-left:0 !important; text-align:center;}
	.resposive-table-popup tr td table tr td { padding-left:0 !important; text-align:left !important; }
	.resposive-table-popup tr:first-child td:last-child:before{
		content: attr(data-label);
		font-family:Arial;font-size:18px; font-weight:bold;		
	}
	.resposive-table-popup tr:first-child td:last-child span{ display: none }
	.resposive-table-popup tr td textarea{ width: 97% !important;}
	.resposive-table-popup .respo-submit{line-height: 30px;    text-align: center !important;padding:0 !important;}
	.resposive-table-popup .tr-icon{display: -webkit-box;height: 0;}
	.resposive-table-popup .img-icon{width:50px !important}
	.resposive-table-popup .icon-text{white-space: break-spaces;width: 85% !important;}
	.resposive-table-popup .icon-text:before{content: attr(data-label);font-family:Arial;font-size:18px; font-weight:bold;	}
	.resposive-table-popup .icon-text span,.resposive-table-popup .respo-hide{display: none}
	.x-mask{width:100% !important;}
	
	.fixedpop_modal .surveydefault .answertext.singlenumber table tr td input {
		width: 82% !important; 
		box-sizing: border-box;
	}
	
	.fixedresponsive .responsive-list div[id^=abcxyz_]{	
		width:100% !important;min-width:auto !important;
	}
	.fixedresponsive .responsive-list .progress-tracker-section{	
		width:100% !important;
	}
	.fixedresponsive .responsive-list .progress-tracker-section .goal-section{	
		width:70% !important;
	}
	.fixedresponsive .responsive-list .progress-tracker-section .previous-updates{	
		margin-left:0 !important;
	}
	.fixedresponsive .responsive-list .progress-tracker-section .goal-divider{	
		width:90% !important;
	}
	/*.responsive-list .matrixWrapper .matrixWrapperEdit>tbody>tr>td, .responsive-list .matrixWrapper.firsttable>tbody>tr>td {padding:0 !important;}*/
	.progress-tracker-section div[id^=goalStatusAttachments_]:after{content:'';display: block;clear: both;}

	}
@media only screen and (max-width: 480px) {
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .myCustomWrapperClass .myCustomClass.QueType_Media tr td table tr td:not(:first-child){
	    display: block;
    /* padding-left: 14px; */
    padding-bottom: 11px;
    padding-left: 40px !important;
	}
	.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .myCustomWrapperClass .myCustomClass.QueType_Media tr td table tr td:not(:last-child){
		    display: inline-block;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
	}
	
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .myCustomWrapperClass .myCustomClass.QueType_Checkbox #right{
	padding-right:0;
}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .myCustomWrapperClass 
.myCustomClass.QueType_Checkbox .checkbox_anstext{
	min-width: 90px; /*padding-left:10px;*/
}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .myCustomWrapperClass 
.myCustomClass.QueType_Checkbox .checkbox_anstextEdit{
	min-width: 90px; padding-left:10px !important;
}
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .myCustomWrapperClass .myCustomClass.QueType_Checkbox input[type=text]{width: 90%; }
.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .myCustomWrapperClass .myCustomClass.QueType_Media tr td table tr td input[type="text"] {
    width: 126px !important;
}

.fixedresponsive .responsive-list .progress-tracker-section .goal-section {width: 78% !important;}	
.fixedresponsive .responsive-list .progress-tracker-section .previous-updates{margin-left:0 !important; width: 93% !important;	}
.fixedresponsive .progress-tracker-section label[id^=lnkFileName_file]:before{content:'';display: block;}
}

@media only screen and (max-width: 375px) {

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .field .attribute_name.attributeHeading {
                width        : auto;
                display      : block;
                margin-bottom: 8px !important;
        }

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .attribute_name {
                width  : auto;
                padding: 0;
        }

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .attribute_value {
                padding: 0;
        }


        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .field .openDateTimePicker {
                margin-left: 0 !important;
        }

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .field .emailField,
        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .field textarea,
        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .field .freeTextField,
        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .field .phoneNumberField {
                width     : 100% !important;
                box-sizing: border-box;
                margin    : 0 !important;
        }

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .field>div {
                width : 100% !important;
                margin: 0 !important;
        }

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .field .alignRight {
                width     : 100% !important;
                display   : block;
                margin-top: 6px !important;
                clear     : both;
                float     : left;
        }

        .NewIdentifier .sortablePanel .tablerow.toprow .panel_row .columngroup .field .alignRight .margin_right_2 {
                margin-right: 0 !important;
        }

        #updateconfirmbox {
                width     : 95%;
                box-sizing: border-box;
        }
		
.fixedresponsive .responsive-list .progress-tracker-section .goal-section{width:95% !important;}
}

@media only screen and (max-width: 320px) {
	.fixedpop_modal .x-panel-bodyWrap #que_ans{padding:0;}
	.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>table.inner_table_matrix{
		    min-width: 224px !important;
	}
	.fixedpop_modal .responsive-list_modal>table>tbody>tr>td>table.inner_table_matrix tr>td:nth-child(2n+2){
		    line-height: normal !important;		
	}
/*.fixedpop_modal .x-window-bodyWrap .x-window-body.x-window-body-default .myCustomWrapperClass .myCustomClass.QueType_Media tr td 
table tr td:first-child {
    width:20px !important;
    display: block;
}*/


	
}




@media only screen and (min-device-width: 767px) {
        .programtitle__c{
                display: flex;
                justify-content: space-between;
                /*align-items: start; */ /*30/05/23:Commented by Nikita*/
    		align-items: start !important; /*30/05/23 :added by Nikita*/
        }
}

@media(min-device-width: 767px) {
        .programtitle__c{
                display: flex;
                justify-content: space-between;
                /*align-items: start; */ /*30/05/23:Commented by Nikita*/
    		align-items: start !important; /*30/05/23 :added by Nikita*/
        }
}

@media (min-width: 767px){
        .programtitle__c{
                display: flex;
		
                justify-content: space-between;
                /*align-items: start; */ /*30/05/23:Commented by Nikita*/
    		align-items: start !important; /*30/05/23 :added by Nikita*/
        }
}

/* S:Added by Nikita */
@media only screen and (min-width: 767px){
  .navbar-toggle{
    display:none ;
  }
}
/* E:Added by Nikita */


@media only screen and (max-device-width: 767px) {
        .answertext .allRadioText{max-width: 80%;}
        .cata_margin > input[type="radio"] {
                margin-top: 3px;
            }
	
}
@media(max-device-width: 767px) {
        .answertext .allRadioText{max-width: 80%;}
        .cata_margin > input[type="radio"] {
                margin-top: 3px;
            }
}
@media (max-width: 767px){
        .answertext .allRadioText{max-width: 80%;}
        .cata_margin > input[type="radio"] {
                margin-top: 3px;
            }

	.programtitle__c img.logo{
		margin-top:0;
	}
	.programtitle__c h1.header{
		margin-bottom:8px;
	}
}
@supports (-webkit-touch-callout: none) {
.cata_margin > input[type="radio"] {
                margin-top: 3px;
        top: -1px;
        position: relative;
}
.inner_table_matrix input[type="radio"]{
position: relative;
top: -2.5px;
}
}

@media(min-width:768px){
        .myCustomClass .answertext .allRadioText{max-width:356px}
       
       }
	   
	   /* Update qual limit SQM-744 */
@media (min-width: 320px) and (max-width: 767px){
.programtitle__c{
  display:block;
  /*s: added by chandan*/
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 8px !important;
	padding-right: 2px !important;
  /*E : end code*/
}
}
.ui-widget-content .ui-dialog-titlebar .ui-dialog-title{    
    max-width: 454px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* S:: added by chandan*/
@media (max-width: 767px){
    .logo-wrapper h1.header {
        width: 100% !important;
        margin-left: 0;
        text-align: center;
    }
}

/* Start : added by G1*/
@media(min-width:768px){
  .fixedresponsive .header {padding-left:0!important;}

  .logo-wrapper{ padding-left:13px; padding-right:5px; padding-bottom:4px; margin-left:0 !important;margin-right:0 !important;}
  .logo-wrapper img{ margin-right:0 !important; margin-bottom:0 !important;}
  .fixedresponsive h1.header,.logo-wrapper h1 {
   margin-left:0 !important;
    margin-bottom:0 !important;
    padding-left:0!important;
  }
 }
/*E : End code*/
/* New Header Css Start :: Chandan*/
.final-header {
  display: flex;
  background: #fff;
  border-radius: 14px;
  /* margin: 0px 14px; */
  margin: 0px 0px;
  padding: 8px 13px 5px 13px; /*ADMINFUNCT-347*/
  clear: both;
  overflow: auto;
}
.final-header .header-tittle {
  width: 510px;
}
.final-header .header-tittle h1 {
  margin: 0;
  padding: 0;
  line-height: normal;
  /* font-size: calc(1.525rem + 1.1vw); */
  font-family: Arial;
  font-weight: normal;
  font-size: 30px;
  color: #333333;
  word-wrap: break-word;
  word-break: break-word;
}
.final-header .header-tittle button {
  display: none;
}

.final-header .header-logo {
  margin-left: auto;
}

.final-header .header-logo img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media only screen and (max-width: 767px) {
  .header-responsive {
    flex-flow: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    /* padding: 8px 5px 5px 5px; */
    padding: 10px 10px 10px 10px;
  }
  .header-responsive .header-tittle {
    width: 100%;
    display: table;
  }
  .final-header .header-tittle h1 {
    display: table-cell;
    vertical-align: middle;
    width:100%;
  }
  .header-responsive .header-tittle button {
    display: inline-block;
    float: right;
    /* background: #efefef; */
    margin: 0;
    /* padding: 14px; */
    /* border-radius: 8px; */
    margin-left:4px;
    height: fit-content;
    vertical-align: middle;
  }
  .header-responsive .header-tittle button span {
    /* background: #ccc; */
  }
  .header-responsive .header-logo { margin: 8px auto 0;}
  .header-responsive div { text-align: center !important;}

  .mv-logo-top { flex-flow: column-reverse;}
  .mv-logo-top .header-logo { margin: 5px auto 5px;}
}
/* New Header Css End */

/* Start :: MS-542 related layout space change */
.addSpaceLoggedUser{
    margin-bottom: 2px !important;
}
/* End :: MS-542 related layout space change */

/* Start: ADMINFUNCT-347 */
.final-header .header-logo img {
	width:125px;
}
/* End: ADMINFUNCT-347 */