/*
@font-face {
	font-family: 'Sansation';
         
         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_regular-webfont.eot');
         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_regular-webfont.woff') format('woff'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_regular-webfont.ttf') format('truetype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_regular-webfont.svg#Sansationregular') format('svg');
         
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Sansation';

         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_italic-webfont.eot');
         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_italic-webfont.woff') format('woff'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_italic-webfont.ttf') format('truetype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_italic-webfont.svg#Sansationregular') format('svg');

	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Sansation';

         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold-webfont.eot');
         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold-webfont.woff') format('woff'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold-webfont.ttf') format('truetype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold-webfont.svg#Sansationregular') format('svg');

	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Sansation';

         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold_italic-webfont.eot');
         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold_italic-webfont.woff') format('woff'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold_italic-webfont.ttf') format('truetype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_bold_italic-webfont.svg#Sansationregular') format('svg');

	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'SansationLight';

         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light-webfont.eot');
         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light-webfont.woff') format('woff'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light-webfont.ttf') format('truetype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light-webfont.svg#Sansationregular') format('svg');
}
@font-face {
	font-family: 'SansationLight';

         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light_italic-webfont.eot');
         src: url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light_italic-webfont.woff') format('woff'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light_italic-webfont.ttf') format('truetype'),
         url('http://www.ownsurvey.com/forms/fonts/Sansation/Sansation_light_italic-webfont.svg#Sansationregular') format('svg');

	font-style: italic;
}
*/
/*11.3.2013 - Changed next line
body {height:100%; font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,"Times New Roman",Times,serif;}
*/
body, input, select, text, textarea {font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,"Times New Roman",Times,serif }
h1 {font-family:'Ubuntu',Helvetica, Geneva, Arial,SunSans-Regular, sans-serif }
a:link {color: #004390;}
a:visited {color: #004390;}
.tableContents {font-family:'Ubuntu',Helvetica,Arial,Sans-serif,serif,'times new roman',Georgia; font-size:85%;}
.toolTipTable  {font-size:100%;}
.fixedFnt {font-family:'Courier New'}
.content {font-family:'Ubuntu',Helvetica,Arial,Sans-serif,courier;}
.contentBg {background-color:#F3F4F0;}
.contentBgBorder {border: 1px solid #BABAB9;}
.selectContents {font-family:'Ubuntu',Helvetica,Arial,Sans-serif,serif,'times new roman',georgia;}
.selectContentsDisable {font-family:'Ubuntu',Helvetica,Arial,Sans-serif,serif,'times new roman',georgia; color:gray}  
.textValueContents {font-family:'Ubuntu',Helvetica,Arial,Sans-serif,serif,'times new roman',georgia;}  
.tab {text-indent:1cm;}
.margin1 { margin-left:1em; margin-right:1em; }
.stdMargin { margin-left:.5em; margin-right:.5em; }
.tab2 {text-indent:1em;}
.errorFnt { color: #C85050; }
.errorFnt1 { color:red; }
.msgFnt1 { color: #006BBE; }
.msgFnt2 { color: #004390; }
.msgFnt { color: #555555; }
.blueFnt { color:blue; }
.redFnt { color:red; }
.greenFnt { color:green; }
.mandatoryFnt, .responseErrMsg { color:red; }
.disabledLinkFnt { color:gray; }
.disabledFnt { color:gray; }
.grpScaleText { color:gray; }
.disabledSmallFnt { color:gray; font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,Serif,\'Times New Roman\'; font-size:80%;}
.filledLinkFnt { color:black; }
.normalFntSize { font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; }
.largeFntSize { font-size:120%; }
.veryLargeFntSize { font-size:140%; }
.smallFntSize { font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,Serif,\'Times New Roman\'; font-size:80%; }
.smallFntSize1 { font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,Serif, \'Times New Roman\'; font-size:75%; }  
.verySmallFntSize { font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,Serif,\'Times New Roman\'; font-size:70%; }
.veryVerySmallFntSize { font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,Serif,\'Times New Roman\'; font-size:65%; }  
.tinyFntSize { font-size:50%; }
.fntSize95 { font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,Serif,\'Times New Roman\'; font-size:95%; }  
.fntSize85 { font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,Serif,\'Times New Roman\'; font-size:85%; }
.fntSize110 { font-size:110%; }
.menuFnt { font-size:85%; }
.menuFntBlue { font-size:85%; color:blue;}
.menuFntHighlight { font-size:85%; color:red;}
.menuFntHighlightGreen { font-size:85%; color:green;}
.helpTextFnt { font-size:85%; color:blue;}
.largeFntSizeBold { font-size:120%; font-weight:bold; }
.bold { font-weight:bold; }
p.sansserif {font-family:sans-serif}
textarea.smallFnt {font-family:Garamond, Bodoni, Gulliver, serif, sans-serif; font-size:13px;}
.hright {text-align:right;}
.hleft {text-align:left;}
select.smallFntSize {font-size:80%;}
td.smallFntSize {font-size:80%;}
select.filterFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:85%;}
td.filterFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:85%;}
optGroup.filterFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:100%;}
select.ruleFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:85%;}
td.ruleFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:85%;}
optGroup.ruleFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:100%;}
select.ruleExtFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:80%;}
td.ruleExtFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:80%;}
optGroup.ruleExtFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:100%;}
select.groupFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:80%;}
td.groupFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:80%;}
optGroup.groupFnt {font-family:'Ubuntu',Helvetica,Arial,Sans-serif; font-size:100%;}
.tos { font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Georgia,Serif,\'Times New Roman\'; font-size:75%; overflow:auto; height:60px; width:500px; border:1px solid #C3D9FF;}
.disabledTextArea { width:500px; border:1px solid #C3D9FF; background-color:white; color:gray;}
/*
tr.summaryFnt {
    font-size:85%;
    background-color:#C3D9FF;
}
*/
.detailsIndicators { font-family:'Ubuntu','Times New Roman', Arial, Georgia, Sans-serif; border:1px solid #C3D9FF; background-color: #3CA244; color: white; font-size: 0.8em; padding:2px 4px; cursor: pointer; text-decoration:none}
.detailsIndicators:link {color: white;}
.detailsIndicators:visited {color: white;}
.detailsIndicators:hover { opacity: 0.6; }
div.InnerBorder {border:1px solid #C3D9FF;}
div.OuterBorder {border:2px solid #C3D9FF;}
div.InnerBorderPadding {border:1px solid #C3D9FF; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px;}
div.OuterBorderPadding {border:2px solid #C3D9FF; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px;}
div.navigationTabs {border:2px solid #C3D9FF; background-color:#C3D9FF;}
.btn {border-top:#6679A6 1px solid; border-left:#6679A6 1px solid; border-bottom:#0066CC 1px outset; border-right:#0066CC 1px outset; color:#243E81; background-color:#F4F6FB; font-family:Verdana, Tahoma, Arial; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px;}
.btn1 {font-size:80%; border-top:#6679A6 1px solid; border-left:#6679A6 1px solid; border-bottom:#0066CC 1px outset; border-right:#0066CC 1px outset; color:#243E81; background-color:#F4F6FB; font-family:Verdana, Tahoma, Arial; padding-left:15px; padding-right:15px; padding-top:2px; padding-bottom:2px;}
.btn2 {font-size:80%; border-top:#6679A6 1px solid; border-left:#6679A6 1px solid; border-bottom:#0066CC 1px outset; border-right:#0066CC 1px outset; color:#243E81; background-color:#F4F6FB; font-family:Verdana, Tahoma, Arial; padding-left:15px; padding-right:15px; padding-top:2px; padding-bottom:2px; text-decoration:none; cursor:default;}
.btn3 {font-size:110%; border-top:#6679A6 1px solid; border-left:#6679A6 1px solid; border-bottom:#0066CC 1px outset; border-right:#0066CC 1px outset; color:#243E81; background-color:#F4F6FB; font-family:Verdana, Tahoma, Arial; padding-left:40px; padding-right:40px; padding-top:6px; padding-bottom:6px; text-decoration:none; cursor:default;}
.linkBtn {border-top:#FFFFFF 0px solid; border-left:#FFFFFF 0px solid; border-bottom:#FFFFFF 0px solid; border-right:#FFFFFF 0px solid; color:#243E81; background-color:#FFFFFF; cursor:pointer}
.linkBtn1 {background: transparent; border-top:#FFFFFF 0px solid; border-left:#FFFFFF 0px solid; border-bottom:#FFFFFF 0px solid; border-right:#FFFFFF 0px solid; color:#243E81; background-color:#FFFFFF; cursor:pointer; display:inline; text-decoration:underline;}
.maskLinkDefColor {background:none; border:none; text-decoration:underline; cursor:pointer}
.buttonLink {background:none; border:none; color:black; text-decoration:underline; cursor:pointer; font-size:1.0em;}
.buttonLinkDisabled { color:white; text-decoration: none; cursor: default; }
.confirmButton {background:none; border:none; color:black; text-decoration:underline; cursor:pointer; font-size:1.0em;}
.confirmButtonDisabled {color:white;}
.maskLink {background:none; border:none; color:blue; text-decoration:underline; cursor:pointer}
.maskLinkNoCursor {background:none; border:none; color:blue; text-decoration:underline; cursor:none}
.toolTipOld {color:blue;  text-decoration:none; cursor:pointer}
.toolTip {color:blue; border-bottom: 1px dotted #000000; text-decoration:none; cursor:pointer}
.toolTipNoColor {border-bottom: 1px dotted #000000; text-decoration:none;}
.toolTipSmallText {font-family:Helvetica,Arial,Sans-serif;}
.tooltipMoreInfo {border-bottom: 1px dotted #000000; outline: none; cursor: default; text-decoration: none; position: relative;}
.tooltipMoreInfo span {margin-left: -999em; position: absolute;}
.linkBtnBgWhite {border-top:#FFFFFF 0px solid; border-left:#FFFFFF 0px solid; border-bottom:#FFFFFF 0px solid; border-right:#FFFFFF 0px solid; color:#243E81; text-decoration:underline; cursor:pointer; background-color:#FFFFFF}
.linkBtnBg1 {border-top:#FFFFFF 0px solid; border-left:#FFFFFF 0px solid; border-bottom:#FFFFFF 0px solid; border-right:#FFFFFF 0px solid; color:#243E81; text-decoration:underline; cursor:pointer; background-color:#eeffff}
.linkBtnBg2 {border-top:#FFFFFF 0px solid; border-left:#FFFFFF 0px solid; border-bottom:#FFFFFF 0px solid; border-right:#FFFFFF 0px solid; color:#243E81; text-decoration:underline; cursor:pointer; background-color:#eeffee}
.linkBtnNoBg {border-top:#FFFFFF 0px solid; border-left:#FFFFFF 0px solid; border-bottom:#FFFFFF 0px solid; border-right:#FFFFFF 0px solid; color:#243E81; text-decoration:underline; cursor:pointer; background-color:transparent;}
.linkBtnDisableBg1 {border-top:#FFFFFF 0px solid; border-left:#FFFFFF 0px solid; border-bottom:#FFFFFF 0px solid; border-right:#FFFFFF 0px solid; color:gray; background-color:#eeffff}
.linkBtnDisableBg2 {border-top:#FFFFFF 0px solid; border-left:#FFFFFF 0px solid; border-bottom:#FFFFFF 0px solid; border-right:#FFFFFF 0px solid; color:gray; background-color:#eeffee}
.pina {width:4px; height:4px; display:block;}
.titleColor {background-color:#82CAFA}
.tl {padding:0px; width:4px; text-align:left; vertical-align:top}
.tr {padding:0px; width:4px; text-align:right; vertical-align:top}
.bl {padding:0px; width:4px; text-align:left; vertical-align:bottom}
.br {padding:0px; width:4px; text-align:right; vertical-align:bottom}
td.cellPadRight {padding-right:5px;}
td.cellPadRightLarge {padding-right:10px;}
td.cellPadLeft {padding-left:5px;}
td.cellPadLeftLarge {padding-left:10px;}
.horizontalRbCb {font-family:consolas, 'Lucida console', Monaco, 'DejaVu Sans Mono', 'Andale Mono', monospace;}
.fnt70 {font-size:70%}
.fnt80 {font-size:80%}
.fnt90 {font-size:90%}
.percentbar { background:#CCCCCC; border:1px solid #666666; height:10px; }
.percentbar div { background: #B2B2B2; height: 10px; }
.titleText {color:#222222;}

/* menu class for menus for browsers other than IE */
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px; word-wrap: break-word;}
ul.menu ul {position:absolute; top:26px; left:0; background:#f3f4f0; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0; word-wrap: break-word;}
ul.menu ul li a {display:block; padding:3px 17px 5px 7px; background-color:#f3f4f0;}
ul.menu ul li a:hover {background-color:#e0e1de}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {
  border:1px solid #aaa; 
  padding:5px 7px 7px; 
  font-weight:bold; 
  /* background: url(/forms/images/menu/header_orange.gif); -- using gradient instead*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#3fa6ef));
  background-image: -webkit-linear-gradient(top, #ffffff, #3fa6ef);
  background-image: -moz-linear-gradient(top, #ffffff, #3fa6ef);
  background-image: -ms-linear-gradient(top, #ffffff, #3fa6ef);
  background-image: -o-linear-gradient(top, #ffffff, #3fa6ef);
  background-image: linear-gradient(to bottom, #ffffff, #3fa6ef);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#3fa6ef);
  text-decoration:underline; 
  width:134px
}
ul.menu .active {text-decoration:none;}
ul.menu .menulink:hover, ul.menu .menuhover {background1:url(/forms/images/menu/header_over.gif); text-decoration:none;}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold;  width:134px}
ul.menu .sub {background:#f3f4f0 url(/forms/images/menu/arrow.gif) 136px center no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

/* Next 2 lines added for disabled menu items */
ul.menu .menulinkdisabled {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(/forms/images/menu/header_orange.gif); width:134px; display:block; color:grey; text-decoration:none}
ul.menu a.disablelink {display:block; color:grey; text-decoration:none; cursor:default}

/* Next 5 lines added for 'short' menu items */
ul.menu ul li .ShortLi {position:relative; border:1px solid #aaa; border-top:none; width:74px; margin:0;}
ul.menu ul .ShortUl {width:74px;}
ul.menu ul ul .ShortMarginUl {left:74px; top:-1px;}
ul.menu .subS {background:#f3f4f0 url(/forms/images/menu/arrow.gif) 60px center no-repeat}
ul.menu ul li .toplineShortLi {position:relative; border:1px solid #aaa;  width:74px; margin:0;}

/* Next 5 lines added for 'long' menu items */
ul.menu ul li .LongLi {position:relative; border:1px solid #aaa; border-top:none; width:222px; margin:0;}
ul.menu ul .LongUl {width:222px;}
ul.menu ul ul .LongMarginUl {left:222px; top:-1px;}
ul.menu .subL {background:#f3f4f0 url(/forms/images/menu/arrow.gif) 208px center no-repeat}
ul.menu ul li .toplineLongLi {position:relative; border:1px solid #aaa;  width:222px; margin:0;}

/* nav class for menus for IE browsers */
#nav a {display:block; color:#000; text-decoration:none; padding:3px 0px 5px 0px;}
#nav ul li {border:1px solid #aaa; border-top:none;}
#nav ul li a:hover, #nav ul li a.sfhover {background-color:#e0e1de}
#nav .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(/forms/images/menu/header_orange.gif); text-decoration:underline; width:135px}
#nav .active {text-decoration:none;}
#nav .menulink:hover, #nav .sfhover {background1:url(/forms/images/menu/header_over.gif); text-decoration:none;}
#nav .sub {background:#f3f4f0 url(/forms/images/menu/arrow.gif) 140px center no-repeat}
#nav .topline {border-top:1px solid #aaa; width:149px;}
#nav .toplineShortLi {border:1px solid #aaa; width:75px;}
#nav .toplineLongLi {border:1px solid #aaa; width:225px;}
#nav ul .ShortUl {width:75px;}
#nav ul .LongUl {width:225px;}
#nav .ShortLi {width: 75px;}
#nav .LongLi {width: 225px;}
#nav .ShortMarginUl {margin: -19px 0 0 75px;}
#nav .LongMarginUl {margin: -19px 0 0 225px;}
#nav .menulinkdisabled {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(/forms/images/menu/header_orange.gif); width:149px; display:block; color:grey; text-decoration:none}
#nav a.disablelink {display:block; color:grey; text-decoration:none; cursor:default}

#nav .subS {
	width: 75px;
         background:#f3f4f0 url(/forms/images/menu/arrow.gif) 65px center no-repeat;
}
#nav .subL {
	width: 225px;
         background:#f3f4f0 url(/forms/images/menu/arrow.gif) 215px center no-repeat;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
         line-height: 19px;
         z-index:1;
}

#nav a {
	display: block;
	width: 149px;
}

#nav li {
	float: left;
	width: 149px;
}

#nav li ul {
	position: absolute;
	width: 150px;
	left: -999em;
         /*Added*/
         background:#f3f4f0;  
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul ul {
	margin: -28px 0 0 149px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}
    
/* navO class for menus for Opera browsers */
#navO a {display:block; color:#000; text-decoration:none; padding:3px 0px 5px;}
#navO ul li {border:1px solid #aaa; border-top:none;}
#navO ul li a:hover, #navO ul li a.sfhover {background-color:#e0e1de}
#navO .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(/forms/images/menu/header_orange.gif); text-decoration:underline; width:135px}
#navO .active {text-decoration:none;}
#navO .menulink:hover, #navO .sfhover {background1:url(/forms/images/menu/header_over.gif); text-decoration:none;}
#navO .sub {background:#f3f4f0 url(/forms/images/menu/arrow.gif) 140px center no-repeat; width:149px;}
#navO .topline {border-top:1px solid #aaa; width:149px;}
#navO .toplineShortLi {border:1px solid #aaa; width:75px;}
#navO .toplineLongLi {border:1px solid #aaa; width:225px;}
#navO ul .ShortUl {width:75px;}
#navO ul .LongUl {width:225px;}
#navO .ShortLi {width: 75px;}
#navO .LongLi {width: 225px;}
#navO .ShortMarginUl {margin: -19px 0 0 75px;}
#navO .LongMarginUl {margin: -19px 0 0 225px;}
#navO .menulinkdisabled {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(/forms/images/menu/header_orange.gif); width:149px; display:block; color:grey; text-decoration:none}
#navO a.disablelink {display:block; color:grey; text-decoration:none; cursor:default}

#navO .subS {
	width: 75px;
         background:#f3f4f0 url(/forms/images/menu/arrow.gif) 65px center no-repeat;
}
#navO .subL {
	width: 225px;
         background:#f3f4f0 url(/forms/images/menu/arrow.gif) 215px center no-repeat;
}

#navO, #navO ul {
	padding: 0;
	margin: 0;
	list-style: none;
         line-height: 19px;
         z-index:1;
}

#navO a {
	display: block;
	width: 149px;
}

#navO li {
	float: left;
	width: 149px;
}

#navO li ul {
	position: absolute;
	width: 150px;
	left: -999em;
         /*Added*/
         background:#f3f4f0;  
}

#navO li:hover ul, #navO li.sfhover ul {
	left: auto;
}

#navO li ul ul {
	margin: -28px 0 0 150px;
}

#navO li:hover ul ul, #navO li.sfhover ul ul {
	left: -999em;
}

#navO li:hover ul, #navO li li:hover ul, #navO li.sfhover ul, #navO li li.sfhover ul {
	left: auto;
}

#navO li:hover ul ul, #navO li:hover ul ul ul, #navO li.sfhover ul ul, #navO li.sfhover ul ul ul {
	left: -999em;
}

#navO li:hover ul, #navO li li:hover ul, #navO li li li:hover ul, #navO li.sfhover ul, #navO li li.sfhover ul, #navO li li li.sfhover ul {
	left: auto;
}

#navO li:hover ul ul, #navO li:hover ul ul ul, #navO li:hover ul ul ul ul, #navO li.sfhover ul ul, #navO li.sfhover ul ul ul, #navO li.sfhover ul ul ul ul {
	left: -999em;
}

#navO li:hover ul, #navO li li:hover ul, #navO li li li:hover ul, #navO li li li li:hover ul, #navO li.sfhover ul, #navO li li.sfhover ul, #navO li li li.sfhover ul, #navO li li li li.sfhover ul {
	left: auto;
}

div.createSurveyButton
{
   font-size:12px;
   font-family:'Ubuntu',Helvetica,Arial,Sans-serif;
   color:#440088;
   height:36px;
   background-color:#F4F6FB;
   border-top-style:solid;
   border-top-color:#0070c0;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#0070c0;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#0070c0;
   border-left-width:10px;
   border-right-style:solid;
   border-right-color:#0070c0;
   border-right-width:1px;
   cursor:pointer;
   line-height:36px;
   width:250px;
}
a.createSurveyButton
{
   font-size:12px;
   font-family:'Ubuntu',Helvetica,Arial,Sans-serif;
   color:#440088;
   background-color:#F4F6FB;
   border-top-style:solid;
   border-top-color:#0070c0;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#0070c0;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#0070c0;
   border-left-width:10px;
   border-right-style:solid;
   border-right-color:#0070c0;
   border-right-width:1px;
   text-decoration:none;
   padding:10px;
   cursor:pointer;
}

.standOutButton {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
  border-radius: 9px;

  background-color: #2e81bc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e81bc), to(#3fa6ef));
  background-image: -webkit-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -moz-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -ms-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -o-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: linear-gradient(to bottom, #2e81bc, #3fa6ef);
  
  border: 2px solid #2e81bc;
  padding: 8px 30px;
  color: white;
  font-size: 15px;
  font-weight: normal;

  outline: 0;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2e81bc, endColorstr=#3fa6ef);
}
.standOutButton:hover { cursor: pointer; opacity: 0.7; }
a.standOutButton { text-decoration: none; }

.saveButton {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
  border-radius: 9px;

  background-color: #2e81bc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e81bc), to(#3fa6ef));
  background-image: -webkit-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -moz-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -ms-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -o-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: linear-gradient(to bottom, #2e81bc, #3fa6ef);

  /* from button class
  border: 1px solid #dbdbd8;
  padding: 5px 10px;
  color: #2b2b2b;
  font-size: 14px;
  */
  
  border: 1px solid #2e81bc;
  padding: 5px 10px;
  color: white;
  font-size: 14px;
  font-weight: normal;

  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2e81bc, endColorstr=#3fa6ef);
  outline: none; /* 5.9.2018 */
}
.saveButton:hover { cursor: pointer; opacity: 0.7; }
.saveButton:focus { outline: 0; }
a.saveButton { text-decoration: none; }

.saveButtonDisabled {
  color: #cfcfcf;
}

.loginButtonLarge 
{
   color:#243E81; 
   text-shadow: 0 1px rgba(0,0,0,0.1);
   background-color:#F4F6FB;
   font-family:Verdana, Tahoma, Arial; 
   font-size:16px; 
   font-weight:bold; 
   height:47px;
   width:190px;
   border-top:#6679A6 1px solid; 
   border-left:#6679A6 1px solid; 
   border-bottom:#0066CC 1px outset; 
   border-right:#0066CC 1px outset; 
   border-radius: 4em;
}
.loginButtonLarge:hover 
{
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
}

.loginButtonSmall
{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;

  background-color: #2e81bc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e81bc), to(#3fa6ef));
  background-image: -webkit-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -moz-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -ms-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -o-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: linear-gradient(to bottom, #2e81bc, #3fa6ef);
  
  border: 2px solid #2e81bc;
  padding: 10px 10px;
  color: white;
  font-size: 14px;
  font-weight: normal;

  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2e81bc, endColorstr=#3fa6ef);
  outline: none; /* 5.9.2018 */
}

.loginButtonSmall:hover 
{
  cursor: pointer; opacity: 0.7;
}

.viewForm {font-family:'Ubuntu',Helvetica,Arial,Sans-serif,Tahoma,Georgia,"Times New Roman",Times,Serif;
  border: 1px solid #dbdbd8;
  background-color: #e8eef7; 
  padding-left:1em; 
  padding-right:1em;
  margin-bottom:2.5em;
}

/* Theme specific classes - start */
.viewForm_P {  
  margin-bottom1: 1em;
  margin: .75em 0;
}
.lastQuestionMargin {margin-bottom: 1em;}
.form_container {}
.form_container_P 
{
  border:1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-sizing: border-box;
  margin: 0.75rem auto;
  padding1: 0;
  padding-bottom: 5px;
  max-width: 700px;
  min-width: 280px;
  width: 100%;
}
.header_image_container
{
height: auto;
text-align: center;
}
.header_image_image 
{
background-repeat: no-repeat;
background-size: 100% auto;
display: inline-block;
width: 100%;
}
.header_image_sizer1 {
/*  padding-top: 75.000%; */
  padding-top: 133.505%;
}
.subTitleOneLine1 {color:#0e77c2; font-weight:bold; font-size:1.1em; text-align:center; padding-bottom:1em; width:300px; margin:0 auto;}
.subTitleOneLine {color:#0e77c2; font-weight:bold; font-size:1.1em; text-align:center; padding-bottom:1em; width:400px; margin:0 auto;}
#fullTitle .subTitleOneLine {width:50%;}
.subTitleOneLineLower1 {color:#0e77c2; font-size:0.9em; text-align:center; padding-bottom:1em; width:300px; margin:0 auto;}
.subTitleOneLineLower {color:#0e77c2; font-size:0.9em; text-align:center; padding-bottom:1em; width:400px; margin:0 auto;}
#fullTitle .subTitleOneLineLower {width:50%;}
.subTitle_P {
  font-family: Ubuntu,"Didact Gothic";
  color: rgb(15,14,12);
  font-weight: 400;
  font-size: 2.000rem;
  font-style: normal;
  text-align: center;
  
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 2rem;
  margin-bottom: 1rem;
}
/* Theme specific classes - end */

/* Rounded table borders used in Statistics page */
table.standard {
	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: blue;
	background-color: white;
         -moz-border-radius: 1em;
         -webkit-border-radius: 1em;
         -khtml-border-radius: 1em;
	border-radius: 1em;
}
table.standard th {
	padding: 15px;
	border-style: none;
}
table.standard td {
	border-style: none;
}
.cssTable {display:table; padding:10px; border:1px solid #BABAB9;} 
.cssTable > .row {display:table-row;} 
.cssTable > .row > .cell {display:table-cell; vertical-align:top; padding:2px;} 
.hide {display: none;}
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:1;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.maskPage{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index:1000;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.wregister {
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 200px;
	padding: 5px;
	border: 1px solid #AEAEAE;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:1000;
	color:#000;
	min-width: 800px;
  max-width: 90vw;
}
.wpayment {
	display:none;
	max-width: 90%; /* If too wide in mobile hard to click close button */
	position: absolute;
  top: -50px;
	padding: 5px;
	border: 1px solid #AEAEAE;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:1000;
	color:#000;
}
.wpost {
	display:none;
	width: 44%;
	position1: fixed;
	position: absolute;
	top: 25%;
	left: 28%;
	min-height: 150px;
	padding: 5px;
	border: 1px solid #AEAEAE;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:1000;
	color:#000;
}
div.tablecol40 {float: left; width: 40%;}
div.tablecol60 {float: left; width: 60%;}
div.tablecol25 {float: left; width: 25%;}
div.tablecol75 {float: left; width: 75%;}
div.clear {clear: both;}
a.boxclose {
	background: #606061;
	color: #FFFFFF;
	border: 1px solid #AEAEAE;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.subheader1 {width: 100%; margin: 0px auto; text-align: center; background-color: #3CA244; color: white; font-size: 1.2em; padding: 0.3em;}
.subheader {width: 100%; margin: 0px auto; text-align: center; background-color: #3CA244; color: white; font-size: 1.2em; padding-top: 0.3em; padding-bottom: 0.3em;}
.errorDiv1 {border: 1px solid #C8C3C3 !important; background-color: #F2D4D4 !important; color: #C85050 !important; padding: 0.3em; margin-bottom: 1em;}
.errorDiv {border: 1px solid #b63f42 !important; background-color: #F2D4D4 !important; color: #b63f42 !important; padding: 0.3em; margin: 1em 0;}
.infoDiv1 {border: 1px solid #b17736; background-color: #ffbd78; color: #2f3a00; padding: 0.3em; margin-bottom: 1em;}
.infoDiv2 {border: 1px solid #b17736; background-color: #ffbd78; color: #004390; padding: 0.3em; margin-bottom: 1em;}
.infoDiv {border: 1px solid #b17736; background-color: #fff6c1; color: #555555; padding: 0.3em; margin: 1em 0;}
.width90 {width: 90%;}
.italic {font-style:italic}

/* right align for inline element (no use of text-align) */
.alignright { 
  float: right; 
  display: inline; /*fixes IE float bug*/
  text-align: right;
}

.right { position:absolute; right:0px; }
.right1 { float: right; }
.left { position:absolute; left:0px; }
.topright { position:absolute; top:0px; right:0px; }
div.topBar1 {
  overflow: hidden; 
  background-color1:#f3f4f0;
  background-color:#eaeae7;
  border-bottom: 1px solid #EBEBE7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeae7), to(#e6e6e2));
  background-image: -webkit-linear-gradient(top, #eaeae7, #e6e6e2);
  background-image: -moz-linear-gradient(top, #eaeae7, #e6e6e2);
  background-image: -ms-linear-gradient(top, #eaeae7, #e6e6e2);
  background-image: -o-linear-gradient(top, #eaeae7, #e6e6e2);
  background-image: linear-gradient(to bottom, #eaeae7, #e6e6e2);
}
div.topBar {
  overflow: hidden; 
  background-color:#EAEAE7;
  border-bottom: 1px solid #E9E9E5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0EC), to(#F7F7F4));
  background-image: -webkit-linear-gradient(top, #F0F0EC, #F7F7F4);
  background-image: -moz-linear-gradient(top, #F0F0EC, #F7F7F4);
  background-image: -ms-linear-gradient(top, #F0F0EC, #F7F7F4);
  background-image: -o-linear-gradient(top, #F0F0EC, #F7F7F4);
  background-image: linear-gradient(to bottom, #F0F0EC, #F7F7F4);
}
div.pageMargin_1 { margin-left:14%; margin-right:14%; position:relative;}
div.pageMargin { margin-left:11%; margin-right:11%; position:relative;}
div.pageMarginWide1 { margin-left:7%; margin-right:7%; position:relative;}
div.pageMarginW7 { margin-left:7%; margin-right:7%; position:relative;}
div.pageMarginW11 { margin-left:11%; margin-right:11%; position:relative;}
div.headerMargin_1 { margin-left:15%; margin-right:15%; position:relative;}
div.headerMargin { margin-left:12%; margin-right:12%; position:relative;}
div.headerMarginW7 { margin-left:8%; margin-right:8%; position:relative;}
div.headerMarginW11 { margin-left:12%; margin-right:12%; position:relative;}
div.headerLogo {margin-top: 0em; margin-bottom: .4em;}
img.headerLogo { float:left; border: none; margin-bottom: .5em;}
/* No longer used div.headerLogoText {text-align: justify; font-size: 16pt;} */
div.headerThemeText {font-size: 26pt; color:#0070c0; font-weight:bold; text-align:center; margin: 5px 0;}
div.headerLogin {margin-top: 1em;}
div.titleHeader1 {margin-left:14%; margin-right:14%; position:relative; margin-top: 1em; margin-bottom: 1em;}
div.titleHeaderWide1 {margin-left:7%; margin-right:7%; position:relative; margin-top: 1em; margin-bottom: 1em;}
div.titleHeader {position:relative; margin-top: 1em; margin-bottom: 1em;}
div.titleHeaderWide {position:relative; margin-top: 1em; margin-bottom: 1em;}
div.headerMenu {margin-top: 1em; z-index:99;} /* z-index for responsive design */
div.footer1 {width: 100%; margin: 0px auto; text-align: center; background-color: #3CA244; color: black; font-size: 0.8em; padding: 0.8em 0; margin-top: 1em; margin-bottom: 1.5em;}
div.footer2 {
  width: 100%; 
  margin: 0px auto; 
  text-align: center; 
  font-size: 0.8em; 
  padding: 0.8em 0; 
  margin-top: 1em; 
  margin-bottom: 1.5em;
  color: #424141; 
  border-top: 1px solid #E9E9E5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F7F4), to(#F0F0EC));
  background-image: -webkit-linear-gradient(top, #F7F7F4, #F0F0EC);
  background-image: -moz-linear-gradient(top, #F7F7F4, #F0F0EC);
  background-image: -ms-linear-gradient(top, #F7F7F4, #F0F0EC);
  background-image: -o-linear-gradient(top, #F7F7F4, #F0F0EC);
  background-image: linear-gradient(to bottom, #F7F7F4, #F0F0EC);
}
div.footer {
  width: 100%; 
  margin: 0px auto; 
  text-align: center; 
  font-size: 0.8em; 
  padding: 0.8em 0; 
  margin-top: 2em; 
  margin-bottom: 1.5em;
  color: #424141; 
  border-top: 1px solid #E9E9E5;
}
.footer a:link {color: #424141; font-weight:bold; text-decoration:none}
.footer a:visited {color: #424141; text-decoration:none}
.footer a:hover { text-decoration:underline; opacity: 0.6; }
div.inline { float:left; }
div.formSection {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  background-color:#f3f4f0;
  padding: 30px 5px;
  overflow-x:auto;
  text-align:center;
}
.button1 {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
  border-radius: 9px;

  background-color: #d0d1ce; 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d0d1ce), to(#e6e6e2));
  background-image: -webkit-linear-gradient(top, #d0d1ce, #e6e6e2);
  background-image: -moz-linear-gradient(top, #d0d1ce, #e6e6e2);
  background-image: -ms-linear-gradient(top, #d0d1ce, #e6e6e2);
  background-image: -o-linear-gradient(top, #d0d1ce, #e6e6e2);
  background-image: linear-gradient(to bottom, #d0d1ce, #e6e6e2);
  
  border: 1px solid #d0d1ce;
  padding: 5px 10px;
  color: gray;
  font-size: 14px;
  font-weight: normal;

  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d0d1ce, endColorstr=#e6e6e2);
}
.button {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
  border-radius: 9px;

  background-color1: #e2e2df; 
  background-image1: -webkit-gradient(linear, left top, left bottom, from(#e2e2df), to(#fafaf7));
  background-image1: -webkit-linear-gradient(top, #e2e2df, #fafaf7);
  background-image1: -moz-linear-gradient(top, #e2e2df, #fafaf7);
  background-image1: -ms-linear-gradient(top, #e2e2df, #fafaf7);
  background-image1: -o-linear-gradient(top, #e2e2df, #fafaf7);
  background-image1: linear-gradient(to bottom, #e2e2df, #fafaf7);

  background-color: #e5e5e1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e1), to(#fefefa));
  background-image: -webkit-linear-gradient(top, #e5e5e1, #fefefa);
  background-image: -moz-linear-gradient(top, #e5e5e1, #fefefa);
  background-image: -ms-linear-gradient(top, #e5e5e1, #fefefa);
  background-image: -o-linear-gradient(top, #e5e5e1, #fefefa);
  background-image: linear-gradient(to bottom, #e5e5e1, #fefefa);

  border1: 1px solid #e7e7e4;
  border: 1px solid #dbdbd8;
  padding: 5px 10px;
  color1: #838380;
  color: #2b2b2b;
  font-size: 14px;
  font-weight: normal;

  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e5e5e1, endColorstr=#fefefa);
  outline: none; /* 5.9.2018 */
}

.darkGray {color: #1e1e1e;}
.privacyPolicy {color: #1e1e1e;}
.privacyPolicy a:link {color: #1e1e1e; text-decoration:none;}
.privacyPolicy a:visited {color: #1e1e1e; text-decoration:none;}
.privacyPolicy a:hover {text-decoration:underline;}

.buttonDisabled {
  color: #cfcfcf;
}
.button:link {color1: grey; color: #2b2b2b; text-decoration:none}
.button:visited {color: #2b2b2b; text-decoration:none;}
.button:hover { text-decoration:underline; opacity: 0.6; }
.buttonDisabled:hover { text-decoration:none; opacity: 1; }
.centerText {text-align: center;}
div.outerCenter {
  width: 100%;
  text-align: center;
}
div.innerCenter {
  display: inline-block;
}
.border {border:1px solid #C3D9FF !important;}
div.header1 { border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #0070c0; color: white; padding: 8px 12px;}
div.body1old { background-color: #e8eef7; border: 1px solid #0070c0; padding: 8px 12px;}
div.body1 { background-color: #F3F4F0; border: 1px solid #0070c0; padding: 8px 12px;}

/* table1 start */
table.table1 { border-collapse: separate; padding: 5px;  border-spacing: 0px; }

.table1 > tbody > tr:first-child > th:first-child { border-top-left-radius: 10px; }
.table1 > tbody > tr:first-child > th:last-child { border-top-right-radius: 10px; }
.table1 > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 10px; }
.table1 > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 10px; }

.table1 td.innerCell { border: 2px solid #ffffff; background-color: #e4e4e0; }
.table1 td.outerLeftCell { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; border-left: 0px; background-color: #e4e4e0; }
.table1 td.outerRightCell { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-right: 0px; border-left: 2px solid #ffffff; background-color: #e4e4e0; }

.table1 td.outerRightCell.highlite1 { border-right: 6px solid #7bbaf6; }
.table1 td.outerRightCell.highlite2 { border-right: 6px solid #77cc7a; }
.table1 td.outerLeftCell.highlite1 { border-left: 6px solid #7bbaf6; }
.table1 td.outerLeftCell.highlite2 { border-left: 6px solid #77cc7a; }

.table11 > tbody > tr:first-child > th { border-top: 0px; border-bottom: 0px; background-color: #0070c0; color: white; font-size: 0.9em; font-weight: normal; padding: 8px;}
.table1 > tbody > tr > th { border-top: 0px; border-bottom: 0px; background-color: #0070c0; color: white; font-size: 0.9em; font-weight: normal; padding: 8px;}
.table1 > tbody > tr:nth-child(2) > td { border-top: 0px; }
.table1 > tbody > tr:last-child > td { border-bottom: 0px; }

.table1 > tbody > tr > td {padding: 5px 3px;}
/* table1 end */

/* table2 start */ 
/* - horizontal and vertical scroll */
/* - two tables of same class for header and body one on top of the other */
/* - first header row may have colspan */
#vScrollContainer { width: 100%; position: relative; }
#tablesContainer { width: 100%; overflow-x: auto; overflow-y: hidden; }
/* 3.11.2015 - Removed max-height:400px */
#bodyDiv { overflow-x: hidden; overflow-y: auto; }

.table2 {table-layout: fixed; border-collapse: collapse; }
.table2 td { width: 160px; }
.table2 th { width: 160px; }
.table2 td.narrow { width: 80px; }
.table2 th.narrow { width: 80px; }
.table2 > tbody > tr > th { background-color: #0070c0; color: white; font-size: 0.9em; font-weight: normal; padding: 3px 5px;}
.table2 > tbody > tr > td { border: 4px solid #ffffff; background-color: #e4e4e0; padding: 3px 5px; vertical-align: top;}
.table2 > tbody > tr:first-child > th { background-color: transparent; line-height: 0em; }
.table2 > tbody > tr:first-child > td { border-top: 1px solid #ffffff; }
.table2 > tbody > tr:last-child > th { border-bottom: 0; }
.table2 > tbody > tr:last-child > td { border-bottom: 1px solid #ffffff; }

.table21 th.colspan { background-color: #CDD8E1; }
.table2 th.colspan { background-color: #B8C2CA; }

.table2 th.innerCell { border-left: 4px solid #0070c0; border-right: 4px solid #0070c0; border-top: 0px; border-bottom: 0px; }
.table2 th.outerLeftCell { border-left: 0px; border-right: 4px solid #0070c0; border-top: 0px; border-bottom: 0px; }
.table2 th.outerRightCell { border-left: 4px solid #0070c0; border-right: 0px; border-top: 0px; border-bottom: 0px; }
.table2 td.innerCell { border: 4px solid #ffffff; }
.table2 td.outerLeftCell { border-left: 0px; border-right: 4px solid #ffffff; border-top: 4px solid #ffffff; border-bottom: 4px solid #ffffff; }
.table2 td.outerRightCell { border-left: 4px solid #ffffff; border-right: 0px; border-top: 4px solid #ffffff; border-bottom: 4px solid #ffffff; }

.table2 tr:first-child th.innerCell { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 0px; border-bottom: 0px; }
.table2 tr:first-child th.outerLeftCell { border-left: 0px; border-right: 4px solid transparent; border-top: 0px; border-bottom: 0px; }
.table2 tr:first-child th.outerRightCell { border-left: 4px solid transparent; border-right: 0px; border-top: 0px; border-bottom: 0px; }
/* table2 end */

/* table3 start */
table.table3 { border-collapse: separate; padding: 5px;  border-spacing: 0px; }

.table3 > tbody > tr:first-child > th:first-child { border-radius: 10px 0 0 0; }
.table3 > tbody > tr:first-child > th:last-child { border-radius: 0 10px 0 0; }
.table3 > tbody > tr:last-child > td:first-child { border-radius: 0 0 0 10px; }
.table3 > tbody > tr:last-child > td:last-child { border-radius: 0 0 10px 0; }

.table3 > tbody > tr > th { border-top: 0px; border-bottom: 0px; background-color: #0070c0; color: white; font-size: 0.9em; font-weight: normal; padding: 8px;}
.table3 > tbody > tr:nth-child(2) > td { border-top: 0px; }
.table3 > tbody > tr:last-child > td { border-bottom: 0px; }

.table3 > tbody > tr > td {padding: 5px 3px; border: 1px solid #babab9; background-color: #e4e4e0; font-size: 90%; text-align:left;}

.table3.rtl > tbody > tr:first-child > th:first-child { border-radius: 0 10px 0 0; }
.table3.rtl > tbody > tr:first-child > th:last-child { border-radius: 10px 0 0 0; }
.table3.rtl > tbody > tr:last-child > td:first-child { border-radius: 0 0 10px 0; }
.table3.rtl > tbody > tr:last-child > td:last-child { border-radius: 0 0 0 10px; }

.table3.rtl > tbody > tr > td { direction:rtl; }
.table3.rtl > tbody > tr > td { text-align:right; text-align:start; }
/* table3 end */

/* table4 start */
table.table4 { border-collapse: separate; border-spacing: 0px; }

.table4 > tbody > tr:first-child > th:first-child { border-top-left-radius: 10px; }
.table4 > tbody > tr:first-child > th:last-child { border-top-right-radius: 10px; }
.table4 > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 10px; }
.table4 > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 10px; }

.table4 td.innerCell { border: 2px solid #ffffff; background-color: #e8eef7; }
.table4 td.outerLeftCell { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; border-left: 0px; background-color: #e8eef7; }
.table4 td.outerRightCell { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-right: 0px; border-left: 2px solid #ffffff; background-color: #e8eef7; }

.table4 td.outerRightCell.highlite1 { border-right: 6px solid #7bbaf6; }
.table4 td.outerRightCell.highlite2 { border-right: 6px solid #77cc7a; }
.table4 td.outerLeftCell.highlite1 { border-left: 6px solid #7bbaf6; }
.table4 td.outerLeftCell.highlite2 { border-left: 6px solid #77cc7a; }

.table4 > tbody > tr > th { border-top: 0px; border-bottom: 0px; background-color: #0070c0; color: white; font-size: 0.9em; font-weight: normal; padding: 8px;}
.table4 > tbody > tr:nth-child(2) > td { border-top: 0px; }
.table4 > tbody > tr:last-child > td { border-bottom: 0px; }

.table4 > tbody > tr > td {padding: 5px 8px;}
/* table4 end */

.qMark {
  border: 1px solid gray;
  color: gray;
  font-size: 0.8em;
  padding: 1px 3px;
  background-color: #F3F4F0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
}
.qMark:link { color: gray; }
.qMark:visited { color: gray; }

/* Submit buttons to be displayed as links */
.linkSubmit { border: none; background-color: transparent; color: blue; text-decoration: underline; cursor:pointer; }
.linkSubmit:visited { color: blue; }
.linkSubmitDisable { border: none; background-color: transparent; color: gray; text-decoration: none; }
table.maxWidth { width:100%; }

.headerLogin .createSurveyButton, .home-cta .createSurveyButton {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;

  background-color: #2e81bc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e81bc), to(#3fa6ef));
  background-image: -webkit-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -moz-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -ms-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -o-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: linear-gradient(to bottom, #2e81bc, #3fa6ef);
  
  border: 2px solid #2e81bc;
  padding: 9px 9px;
  color: white;
  font-size: 14px;
  font-weight: normal;

  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2e81bc, endColorstr=#3fa6ef);
  outline: none; /* 5.9.2018 */
}
.headerLogin .createSurveyButton.quiz {
  border-radius: 8px;

  background-color: #FF0000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#CC0000));
  background-image: -webkit-linear-gradient(top, #FF0000, #CC0000);
  background-image: -moz-linear-gradient(top, #FF0000, #CC0000);
  background-image: -ms-linear-gradient(top, #FF0000, #CC0000);
  background-image: -o-linear-gradient(top, #FF0000, #CC0000);
  background-image: linear-gradient(to bottom, #FF0000, #CC0000);

  border: 2px solid #CC0000;
  padding: 9px 12px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: center;

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF0000, endColorstr=#CC0000);
  outline: none;
  cursor: pointer;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.topBar .createSurveyButton:hover, .home-cta .createSurveyButton:hover { text-decoration: none; cursor: pointer; opacity: 0.7; }

.blueButton {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  text-decoration: none;
  
  background-color: #2e81bc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e81bc), to(#3fa6ef));
  background-image: -webkit-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -moz-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -ms-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: -o-linear-gradient(top, #2e81bc, #3fa6ef);
  background-image: linear-gradient(to bottom, #2e81bc, #3fa6ef);
  
  border: 2px solid #2e81bc;
  padding: 9px 9px;
  color: white;
  font-size: 14px;
  font-weight: normal;

  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2e81bc, endColorstr=#3fa6ef);
  outline: none; /* 5.9.2018 */
}
.blueButton:hover { text-decoration: none; cursor: pointer; opacity: 0.7; }

.greenButton {
  border-radius: 8px;
  text-decoration: none;
  background-color: rgba(119,204,122,.3);;
  border: 2px solid rgba(198,207,90,.3);
  padding: 9px 9px;
  color: white;
  font-size: 14px;
  font-weight: normal;
  outline: none;
}
.greenButton:hover { text-decoration: none; cursor: pointer; opacity: 0.7; }

div.formBg {  
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
  border-radius: 9px;

  background-color: #f3f4f0;

  margin-top: 15px;
  margin-bottom: 15px;
  padding: 20px 20px;
}

div.loginMain {  
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
  border-radius: 9px;

  background-color: #f6f6f2;

  margin-top: 15px;
  margin-bottom: 15px;
  padding: 45px 20px;
}

.loginMain div.pplimage { 
  width1: 23.3%; 
  height1: 20.9%; 
  width: 298px; 
  height: 267px; 
  display: inline-block; 
  position: relative; 
  color: white; 
  font-family: Ubuntu,Helvetica,Arial; 
  
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  
}

.loginMain div.pplimage .headerText { 
  margin-top: 18px; 
  margin-bottom: 8px; 
  font-size: 16px; 
  font-weight: bold;
}


.clear { clear:both; }

div.homeLowerMenu { padding-top: .4em; padding-bottom: .5em; font-size: 14px;}
div.homeLowerMenu a:link {text-decoration: none; color: #6e6e6c; font-weight1: bold; }
div.homeLowerMenu a:visited { text-decoration: none; color: #6e6e6c; }
div.homeLowerMenu a.buttonLink {color: 6f6e6e;}
div.navBar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; /* default, but can override on mobile */
  justify-content: center;   /* optional: center links */
}
div.navBar a {
  display: inline-block;
  padding: 0 10px;
  margin: 0;
  font-size: 16px;
  line-height: 1.1;        /* ✅ tighter spacing between lines */
  white-space: normal;     /* ✅ allow wrapping */
  text-align: center;      /* ✅ center "Public\nSurveys" text */
}
@media (max-width: 600px) { /*currently not working in forms-login as viewport is 0.35*/
  div.navBar a {
    font-size: 16px !important;           /* larger for mobile */
    padding: 12px 10px;        /* more space for tapping */
    display: inline-block;
  }

  div.navBar {
    flex-wrap: wrap;           /* allow wrapping */
    justify-content: center;   /* optional: center links */
  }
}
.disabledLink { color: gray; text-decoration: none; cursor: default; }
a.disabled:link, a.disabled:visited { color: grey; text-decoration: none; cursor: default; }
.selectedRow { background-color: #CDD8E1; }
.defaultsink {
    position: absolute; left: -100%;
}

a.fb-button {
    color: #FFF;
    display: inline-block;
    text-decoration: none;
}

.fb-button {
    background: #5F78AB;
    background-image: url('http://static.ak.fbcdn.net/rsrc.php/v2/yf/r/S-DbSHszr4D.png');  /*COPY TO YOUR OWN IMAGE STORE*/
    background-repeat: no-repeat;
    background-position: -1px -81px;
    border-top: 1px solid #29447E;
    border-right: 1px solid #29447E;
    border-bottom: 1px solid #1A356E;
    border-left: 1px solid #29447E;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8A9CC2;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8A9CC2;
    cursor: pointer;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    padding: 0px 5px 0px 30px;
    text-align: left;
}
.feature { 
    background-color1:#e4e4e0; 
    background-color2:#f4f4f2; 
    background-color:#e8eef7;
    border-bottom: 1em solid #ffffff; 
}
.featureOdd { 
    background-color1:#edf1f4;
    background-color2:#f8f9fa;
    background-color:#e8eef7;
    border-bottom: 1em solid #ffffff; 
}
.featureTick { padding: 0 1em 0 1em; }
.featureItem {font-weight:bold; font-size: 110%; color:#243E81}

/* Vertical Menu  */
div.vMenu {background-color:#F3F4F0; padding: 0.5em; width: 180px; white-space1:nowrap;}
div.vMenuPadding {width: 1em;}
ul.vMenu {padding: 0 1px 0 0; list-style-type: none; font-size: 13px; font-weight: normal; border: 0 solid #babab9; border-width: 1px 1px 0 0;}
ul.vMenuRoot {margin: 0;}
ul.vMenuInner {border: none;}
ul.vMenuGroup {list-style-type: none; border: 0 solid #babab9; border-width: 0 0 1px 1px; color:#000000; color1:#6e6e6c; background-color:#F3F4F0; padding: 0.4em 0.8em 0.4em 0.8em; cursor: pointer;}
 
ul.vMenuGroup:hover {background-color:#e0e1de;}
ul.vMenuGroupChild {list-style-type: none; border: none; padding: 0.4em 0 0.4em 18px; cursor: pointer;}

li.vMenuGroupItem {
  margin: 0.8em 0;
  margin1: 0 0 0.8em 0;
  background-image:url(/forms/images/menu_arrow_right.png);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:18px;
}

li.vMenuGroupItemChild { margin: 0 0 0.8em 0; }
 
li.vMenuItem {padding: 0.4em 0 0.4em 18px; cursor: pointer;}
li.vMenuItem:hover {text-decoration: underline;}
li.vMenuGroupSingle {padding: 0.4em 0 0.4em 0;}

a.vMenuBack {display: block; text-align: center; text-decoration: none; font-size: smaller; margin: .5em 0;}
/* End Vertical Menu */

form.noMargin {margin: 0; padding: 0; text-align: top;}

div.socialDiv {position:fixed; top:3.5em; left:1em;}
div.socialButton {padding: 5px; text-align: left;}
/* start: left for ltr and right for rtl */
div.userWelcomeNotes {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  background-color1:#9cccf9;
  background-color:#e8eef7;
  color1: #61799e;
  color: #3f4869;
  font-weight: bold;
  text-align: start;
  padding: 2em 1em;
  min-width: 30%;
  line-height: 20pt;
  font-size: 14pt;
}
div.userWelcomeNotesWrapper {width: 60%;}
div.userWelcomeNotes_P {}
.alignStart { text-align: left; text-align: start; }
.alignEnd { text-align: right; text-align: end; }
.thanksTextArea {background-color: #e2fcfe; border: 1px solid #dbdbd8;}
.thanksTextArea_P {border: 1px solid #dbdbd8;}
.questionArea1 {background-color: #e8eef7; border: 1px solid #dbdbd8; padding-left:1em; padding-right:1em; color: #3f4869;}
/* 11.7.2018 - added overflow-y:hidden to avoid sudden vertical scroll (jump) when animating (ripple effect) rb/cb click */
/*             added overflow:visible so that the rb/cb ripple animation displays beyond element's left border */
/* 2.9.2018 - changed rb/cb ripple animation and overflow-y:hidden no longer seems to be required */
.questionArea {margin-left1:1em; margin-right1:1em; color: #3f4869; overflow-x:auto; overflow-y1:hidden; overflow1:visible;}
.responseTextArea {border: 1px solid #dbdbd8; margin-left: 0px; color: #3f4869;}
.responseText {border: 1px solid #dbdbd8; margin-left: 0px; color: #3f4869;}
.responseDropDown {border: 1px solid #dbdbd8; margin-left: -2px; color: #3f4869;}
.responseVerticalRb {margin-inline-start: 0px;}
.responseVerticalCb {margin-inline-start: 0px;}
.responseVerticalRk {margin-inline-start: 0px;}
.responseVerticalCell {padding-right: 5%;}
.rtl .responseVerticalCell {padding-right: 0; padding-left: 5%;}
.responseQTextFont {color: #3f4869;}
.responseTextColor {color: #3f4869;}
responseATextFont {color: #3f4869;}
.fontWeight500 {font-weight:500;}
.thanksAdText {color:#636363;}
.thanksMsgDiv {display: inline-block; position:relative; margin: 30px 0 30px 0; font-weight: bold; width:580px; overflow-wrap: break-word;}
.thanksOwnSurvey {color1:#2e81bc; color:#424141; font-weight:bold; font-size:110%;}
/*.greenText {color:#3CA244;} */
.displayMsgTtile1 {color:#3CA244; font-weight:bold; font-size:90%;}
.displayMsgTtile {color:#0070c0; font-weight:bold; font-size:90%;}
.shareComments1 {width: 500px;}
.commentsDiv {margin: 0 auto;}
.commentInfo { background-color: #e6e5e1; border: solid 1px #cdcdca; color: #2b2b2b;}
.commentInfoColor { background-color: #e6e5e1; color: #2b2b2b; }
textarea.commentInfo:focus, input.commentInfo:focus{ outline: 0; }
.commentList { background-color: #e2fcfe;}
.commentListBorder {border-color: #dbdbd8;}
.commentMore {color:#2e81bc; text-decoration:none; font-weight: bold;}
.thanksWidth1 {width: 550px;}
.thanksWidth {width: 60%;}
.thanksWidth_P {width: 90%;}
table.rowBorder {border-collapse:collapse;}
tr.rowBorder td {border-width:1px 0; border-style:solid;}
tr.rowBorder td.rowBorderLeft{border-width:1px 0 1px 1px;}
tr.rowBorder td.rowBorderRight{border-width:1px 1px 1px 0;}
.vAlignTop {vertical-align:top;}
.vAlignMiddle {vertical-align:middle;}
.alignCenterMiddle {vertical-align:middle; text-align:center;}
.questionNum {color:#3CA244;}
.questionNum_P {color:#3CA244; position: relative; top: 0.5em; display: inline-block;}
.BgColor1 {background-color: #7bbaf6 !important;}
.BgColor2 {background-color: #c6cf5a !important;}
.BgColor3 {background-color: #77cc7a !important;}
ul.noindent {padding: 0; list-style-position: inside;}
.rtl {direction:rtl;}
.logoBlue {color:#0070c0;}
.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:10000;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}
.persistentLoginSpinnerWrapper {font-size:18px; text-align:center; margin-top: 10px; margin-bottom: -36px;}
.persistentLoginSpinnerWrapper i {font-size:36px; color:#c6cf5a;}
td.rankItemContent img {pointer-events: none;}
.breakWord {word-wrap: break-word;}
div.extendedAnswer {
  border: 1px solid #BABAB9;
  border-bottom: 0;
  background-color: #BCEA2F;
  color: #004390;
  padding: 1em;
  display: none;
}
.correctAnswer {
  background-color: #3CA244;
  display: none;
  /* show highlight when there is just an image without text */
  padding-right: 10px;  
}
.video-wrapper {position: relative; width: 100%; max-width: 700px; aspect-ratio: 16 / 9; margin: 0 auto;}
.video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.loginTitleText {margin-bottom: 2em;}
img.embeddedImage {max-width:100%;}	
.ui-datepicker-trigger { width: 23px; height: 23px; vertical-align:bottom;}
.ui-datepicker-month { width: auto !important;}
.transparent {background-color: transparent !important;}
.rbText {display: inline-block;} /* To hightlight quiz correct answers */
.answerOptionsTable {table-layout: fixed; float:left;}
.rtl .answerOptionsTable {float:right;}
.answerOptionsTableClear {clear: left;}
.rtl .answerOptionsTableClear {clear: right;}
.questionArea1 input[type=radio] {display: none;} /* will be displayed later as regular/ripple/magic */
.questionArea1 input[type=checkbox] {display: none;} /* will be displayed later as regular/ripple/magic */
#pplText1, #pplText2, #pplText3 {
font-size:14px;  
}
.headerCreateSurvey {
font-size:14px;  
}

.subheader h1 {
  display: inline;
  font-size: 1em;
  font-weight: normal;
}

/*  An attempt to scale for different screen sizes*/
.scale {
  font-size: medium;
}
.searchIcon {
	width: 18px;
	height: 18px;
}

@media only screen and (min-device-width: 768px) {
  #loginNoAccount {
	  float: right; 
	  display: inline; /*fixes IE float bug*/
	  text-align: right;
  }
  #loginNoAccountSignIn::before {
	  content: '\A'; 
	  white-space:pre;
  }
  #loginForgotPswd {
	  float: right; 
	  display: inline; /*fixes IE float bug*/
	  text-align: right;
  }
 .createOwnSurveyButton {display:inline-block; float:left;}
 .answerAnotherButton {display:inline-block; float:right;}
 .facePagesFont {font-size: 95%;}
}

@media (max-width: 10000px) {
  .scale { font-size: x-large; }
}
@media (max-width: 2560px) {
  .scale { font-size: large; }
}
@media (max-width: 1440px) {
  .scale { font-size: medium; }
}
@media (max-width: 800px) {
  .scale { font-size: small; }
}
/* End Scale */

@-moz-document url-prefix() { 
  textarea.qText { width: 26em; height: 4em;} 
  textarea.qTitle { width: 24em; height: 2em;} 
}

/* 6.7.2016 - min-width using percentage is not always working 
.responseLineText {width:34%; min-width:34%;} */
.responseLineText {width:34%; min-width:300px;}
.horizontalQText {min-width:100px;}
.vMenuContent {display: table; table-layout: fixed; width: 100%;} /* Vertical menu and main content */

/* Portrait tablet to landscape and desktop */
@media only screen and (min-device-width: 768px) and (max-device-width: 979px) {
  .questionsGroup_w4 {width:125%;}
  .questionsGroup_w5 {width:150%;}

  .vMenuContent {table-layout:auto;}
}

/* Landscape phone to portrait tablet */
@media only screen and (max-device-width: 873px) {
  /* To prevent font boosting (in android sometimes for looked larger in some parts of the page) */
  /* http://stackoverflow.com/questions/11289166/chrome-on-android-resizes-font/12965146#12965146 */
  html * {max-height:1000000px;}
  .dateDropDown {font-size:75%;}
  .questionsGroup_w2 {width:150%;}
  .questionsGroup_w3 {width:175%;}
  .questionsGroup_w4 {width:200%;}
  .questionsGroup_w5 {width:225%;}

  div.header1 {display:table; white-space:nowrap;}
  div.body1 {display:table; min-width:100%;}

  .vMenuContent {table-layout:auto;}
  .wregister {left:0; -webkit-transform: translate(0,0);}

  .loginTextElt {width:300px;}
  .tosMobile {height:auto !important;}
  .responseLineText {min-width:200px;}
  .groupedQuestionsTable td.responseQTextFont {min-width:100px;}
  .questionArea input[type=text], .questionArea textarea {font-size:16px;}
  body.responsiveBody {font-size:200% !important;}
  div.userWelcomeNotesWrapper {width: 100%;}
  .thanksWidth {width: 100%;}
  .thanksWidth_P {width: 100%;}
  #loginNoAccount { 
	  white-space: nowrap;
  }
  #loginNoAccount::before { 
  	  content: '\A\A'; 
	  white-space: pre;
  }
  #loginForgotPswd::before { 
  	  content: '\A\A'; 
	  white-space: pre;
  }
 .loginTitleText {margin-bottom: 1em;}
 .responsiveFont {font-size:1.15em;}
 .headerLogo {
	width: auto;
	max-width: 100%;
	height: auto ;
  }
  .button {
	font-size:16px;
	margin-right: 14px;
	margin-left: 14px;
	padding-top: 16px;
	padding-bottom: 16px;
  }
  .buttonLink {
	font-size:16px;
	margin-right: 8px;
	margin-left: 8px;
  }
  .createSurveyButton {
	font-size:26px;
	margin-right: 14px;
	margin-left: 14px;
  }
  #pplText1, #pplText2, #pplText3 {
	font-size:16px;  
  }
  .home-interface_item {
	font-size:16px;  
  }
  #headerCreateSurvey {
	font-size:16px;  
  }
  div.footer {
	font-size:16px;  
  }
	.searchIcon {
		width: 25px;
		height: 25px;
	}
}

/* portrait phones */
@media only screen and (max-device-width: 767px) and (orientation: portrait) {
  /*.responseLineText {width:25%; min-width:25%;}*/
  .responseLineText {width:25%; min-width:150px;}
  .groupedQuestionsTable td.responseQTextFont {min-width:100px;}
  .responseText {width:90%;} 
  .responseTextArea {width:90%; min-width:150px !important;}
  .disabledTextArea {width:90%;}
  .dateDropDown {font-size:65%;}
  /*td. groupCell {padding:0 !important;}*/
  .buttonMargin {margin:15px;}
  .rspOvdPosition {position:static;}
  /* .commentsDiv {margin:0;} commented following test on android */
  .rspOvdAlign {text-align:left; text-align:start;}
  .nonGrouped {max-width:300px;}
  .questionsGroup_w1 {width:200%;}
  .questionsGroup_w2 {width:250%;}
  .questionsGroup_w3 {width:300%;}
  .questionsGroup_w4 {width:350%;}
  .questionsGroup_w5 {width:400%;}
  .subTitleOneLine {width:90%;}
  .subTitleOneLineLower {width:90%;}
  #fullTitle .subTitleOneLine {width:90%;}
  #fullTitle .subTitleOneLineLower {width:90%;}
  div.header1 {display:table; white-space:nowrap;}
  div.body1 {display:table; min-width:100%;}
  .vMenuContent {table-layout:auto;}
  
  .loginTextElt {width:300px;}
  .tosMobile {height:auto !important;}
  audio.embeddedAudio {max-width: 90%;}	
  .questionArea input[type=text], .questionArea textarea {font-size:16px;}
  .thanksMsgDiv {display: block; width:100%;}
  .subTitle_P {padding-left: 0; padding-right: 0;}
}