body {margin: 0px; padding: 20px; font-family: "Lucida Grande", Arial, sans-serif; font-size: 10pt; background: #DCE1E6;}	

div#websurvey {margin:0px; padding: 0px;}
div#shadow {background: #000;}
div#footerBL {position: relative; padding: 4px 0px; float:left;}
div#footerBR {position: relative; padding: 4px 0px; float:right;}   
div#js-warning {position:relative; padding: 4px 0px; margin: 55px; background: #cc0000; color: #fff; text-align: center; display:block}

/* Main Page with the black shadow */
table#page {width: 100%; background: #fff; position: relative; top: -4px; left: -4px; border: 1px #000 solid;}
table#page td{margin:0px; padding: 4px 6px;}
table#page tfoot{background: #ffffff;}
  	
/* Survey Page Content */
table#surveypage {margin: 0px; width: 100%; padding: 0px; position: relative; background: #fff;}
table#surveypage th {padding: 4px; color: #000; border-bottom: 1px #999999 solid; background: #fff;}
table#surveypage th#logo1 {text-align: left;}
table#surveypage th#pageintro {text-align: center; font-size:160%;}
table#surveypage th#logo2 {text-align: right;}
table#surveypage td {margin: 0px; padding: 6px 4px;}
table#surveypage td#navigation {text-align: center; padding: 1px;}
table#surveypage td#progress {text-align: right; padding: 1px;}

/* Video table */
table#video {border-collapse:collapse; margin: 0 auto; text-align:center}
table#video td#videoscreen {background: #000; padding: 4px; text-align:center}
table#video td#videoscreenT{background: #161616; padding: 4px 0px; font-size: 20%; border-left: 2px silver solid; border-right: 2px silver solid; border-top: 2px silver solid;}
table#video td#videoscreenR{background: #161616; padding: 0px 4px; border-right: 2px silver solid;}
table#video td#videoscreenB{background: #161616; padding: 4px 0px; font-size:20%; border-left: 2px silver solid; border-right: 2px silver solid; border-bottom: 2px silver solid;}
table#video td#videoscreenL{background: #161616; padding: 0px 4px; border-left: 2px silver solid;}
table#video tbody{border:2px silver solid;}
table#video tfoot{padding: 4px; text-align:center; font-style:italic; font-size:100%}

/* Progress bar table */
table#progressbar {border-collapse:collapse; width: 280px; margin: 0px;}
table#progressbar td {padding: 0px; margin: 0px; font-size: x-small; color: #333366;}
table#progressbar td#progress1{text-align: right;}
table#progressbar td#progress2{width: 100px;text-align: left; border: 1px #000 solid;}
table#progressbar td#progress3{text-align: left;}

/* Page Intro Text and all grid tables */
table#pagegroups{width: 100%; position: relative; background: #fff;}
table#pagegroups td#pageblockintro{padding: 10px 0px; margin: 0px; text-align: left; color: #000; font-size:120%;}
table#pagegroups td#pageblockintroClosing{padding: 10px 0px; margin: 0px; text-align: center; color: #000; font-size:160%; font-weight: bold;}
table#pagegroups .pagequestions{padding: 0px 0px 20px 0px; margin: 0px; text-align: left;}
table#pagegroups .pagequestionsErr{padding: 0px 0px 20px 0px; margin: 0px; text-align: left; color: #ff0000;}

/* Question grid tables */
table#questiongrid {width: 100%; position: relative; background: #ffffff; border-collapse:collapse;}
table#questiongrid caption {width: 100%; margin: 0px; padding: 4px 8px 10px 0px; text-align: left; background:inherit; font-size:120%;}
table#questiongrid tr {background:#inherit;}
table#questiongrid tr.odd {background: #f1f1f1;}
table#questiongrid tr:hover{background: #DEE9F5; color: #000;}
table#questiongrid thead tr:hover{background: transparent; color: inherit;}
table#questiongrid th {text-align: center; border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; border-top: 1px solid #b5b5b5;}
table#questiongrid td {text-align: center; border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5;}
table#questiongrid th {margin: 0px; padding: 4px 4px; background:inherit; color: #000000; vertical-align: bottom; font-weight: normal;}
table#questiongrid td {margin: 0px; padding: 4px 4px;}
/*table#questiongrid td:hover{background: #D0DFF0; color: #000;} */
table#questiongrid th.blank {border-top:none; border-left:none;}
table#questiongrid th.blank1 {border-top:none;}
table#questiongrid th.blank2 {border-top:none; border-right:none;}
table#questiongrid th.textLeft, table#questiongrid th.textCenter, table#questiongrid th.textRight {border-top:none; border-right:none; border-bottom:none; border-left:none; font-weight:bold}
table#questiongrid th.textLeft {text-align: left;}
table#questiongrid th.textCenter {text-align: center;}
table#questiongrid th.textRight {text-align: right;}
table#questiongrid .question {text-align: left; border-left: 1px solid #b5b5b5;color: #000;}
table#questiongrid .questionErr {text-align: left; border-left: 1px solid #b5b5b5;color: #ff0000;}
table#questiongrid .question1 {text-align: right; border-left: 1px solid #b5b5b5;}
table#questiongrid .question2 {text-align: left; border-right: 1px solid #b5b5b5;}``
table#questiongrid td.selected {background: #2D62A6; color: #fff;}

/* Question single select table */
table#questionsingle {width: 100%; position: relative; background: #fff; border-collapse:collapse; border-top: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5;}
table#questionsingle caption {width: 100%; margin: 0px; padding: 4px 8px 10px 0px; text-align: left; background:inherit; font-size:120%;}
table#questionsingle tr {background:#inherit;}
table#questionsingle tr.odd {background: #f1f1f1;}
table#questionsingle tr:hover{background: #DEE9F5; color: #000;}
table#questionsingle td {border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5;}
table#questionsingle td {text-align: left; margin: 0px; padding: 4px 4px;}
table#questionsingle td.input {width:10px;}
table#questionsingle td.selected {width:10px; background: #2D62A6; color: #fff;}
  	
/* Question single select columns */
table#questionsinglecols {width: 100%; position: relative; background: #fff; border-collapse:collapse;border-top : 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;}
table#questionsinglecols caption {width: 100%; margin: 0px; padding: 4px 8px 10px 0px; text-align: left; background:inherit; font-size:120%;}
table#questionsinglecols tr {background:#inherit;}
table#questionsinglecols tr.odd {background: #f1f1f1;}
table#questionsinglecols tr:hover{background: #DEE9F5; color: #000;}
table#questionsinglecols td:hover{background: #D0DFF0; color: #000;}
table#questionsinglecols td {text-align: left; margin: 0px; padding: 4px 4px;}
table#questionsinglecols td {border-bottom: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;}
table#questionsinglecols td.selected {background: #2D62A6; color: #fff;}

/* Question multiple select table */
table#questionmultiple {width: 100%; position: relative; background: #ffffff; border-collapse:collapse; border-top: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;}
table#questionmultiple caption {width: 100%; margin: 0px; padding: 4px 8px 10px 0px; text-align: left; background:inherit; font-size:120%;}
table#questionmultiple tr {background:#inherit;}
table#questionmultiple tr.odd {background: #f1f1f1;}
table#questionmultiple tr:hover{background: #DEE9F5; color: #000;}
table#questionmultiple th {text-align: left; border-right: 1px solid #b5b5b5;}
table#questionmultiple td:hover{background: #D0DFF0; color: #000;}
table#questionmultiple td {border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5;}
table#questionmultiple td {text-align: left; margin: 0px; padding: 4px 4px;}
table#questionmultiple td.input {width:10px;}
table#questionmultiple td.selected {width:10px; background: #2D62A6; color: #fff;}

/* Question multiple select table */
table#questionmultiple2col {width: 100%; position: relative; background: #fff; border-collapse:collapse; border-top: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;}
table#questionmultiple2col caption {width: 100%; margin: 0px; padding: 4px 8px 10px 0px; text-align: left; background:inherit;}
table#questionmultiple2col tr {background:#inherit;}
table#questionmultiple2col tr.odd {background: #f1f1f1;}
table#questionmultiple2col tr:hover{background: #DEE9F5; color: #000;}
table#questionmultiple2col td:hover{background: #D0DFF0; color: #000;}
table#questionmultiple2col td {border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5;}
table#questionmultiple2col td {text-align: left; margin: 0px; padding: 4px 4px;}
table#questionmultiple2col td.input {width:10px;}
table#questionmultiple2col td.selected {width:10px; background: #2D62A6; color: #fff;}

.copyright{color: #C0C0C0;	font-size: 80%;}
.PipeInText{color: #2D62A6;	font-weight: bold;}
.PipeInText2{color: #000;	font-weight: bold;}
.footerMSG{color: #CC9933; font-size : 9pt; text-align : center;}
.button{padding:2px 20px;	background-color: #f0f8ff; color: #2D62A6; border: 1px solid #2D62A6; text-align : center; height: 24px;}
.button:hover{padding:2px 20px; background-color: #2D62A6; color: #ffffff; border: 1px solid #f0f8ff; font-weight: bold;}
.OtherSpecify {display: inline; font-style:italic; font-weight:bold;}
.OtherBox {background: #FFFFCC; font-family: "Lucida Grande", Arial, sans-serif; font-size: 10pt; font-style: italic; font-weight:bold;}
.tvcabinet {background-color : #CBCFD2;background:#CBCFD2;bgcolor : #CBCFD2}
.buttonSave{padding:2px 20px;	background-color: #f0f8ff; color: #2D62A6; border: 1px solid #2D62A6; text-align : center; height: 24px;}
.buttonSave:hover{background-color: #2D62A6; color: #ffffff; border: 1px solid #f0f8ff;}