/*******************************************************************************************/
/*misc classes*/
.screenHide {display: none;}
.errorMSG {color: #FF0000; font-size: 14px; font-weight: bold; margin: 20px auto; text-align: center; width: 535px;}
.filterErr {color: #FF0000; font-weight: bold;}
.infoMSG {font-size: 16px; margin: 5px 0 0 0;}
.spacer {clear: both; height: 1px; overflow: hidden;}
.right {float: right;}
.left {float: left;}
.bold {font-weight: bold;}

.editLink,
.editLink:visited {
	color: #003A69;
}

.loading {text-align: center; margin: 60px 0px 60px 0px;}

.formBlock {margin: 5px 0 15px 0;}

/*old*/
.titleBar {
	height: 28px;

	background: url(../images/subheader_repeat.gif) 0 0 repeat-x;
}

.titleText {
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
	margin: 0;
	padding: 0 10px;
}
/**/

/*new
.titleBar {
	background: url(../images/_new/toolbar_gradient_hover.png) 0 0 repeat-x;
	height: 36px;
	line-height: 36px;
	margin: 0;
}

.titleText {
	color: #5d5d5d;
	font-size: 15px;
	font-weight: bold;
	line-height: 36px;
	margin: 0;
	padding: 0 10px;
}
*/

.tabText {float: left; font-size: 16px; font-weight: bold;}
.tabText a {color: #FFCC33;}

#tabDiv {
	background: #eef0f2;
	border: 1px solid #9d9d9d;
	padding: 7px 10px 2px 10px;
}

.userInfo {float: right; font-size: 15px; font-weight: bold; color: #FFFFFF; margin-right: 8px; padding-top: 4px;}

.formPanel {
	/*background-color: #EAEAEA;*/
	font-size: 14px;
	padding: 2px;
}

.linkList {font-weight: bold; text-align: right;}
.linkList a {color: #FFCC33;}

.confirmationPanel {font-size: 1.2em;}
.confirmationPanel fieldset {background-color: #E4E4E4; padding: 5px;}
.confirmationPanel fieldset legend {/*background-color: #FFFFFF; border: 1px solid #666666; padding: 2px 3px;*/ font-size: 14px;}
.confirmationPanel p {margin: 4px 0 0;}

/*
[disabled] {color: #333333;}
*/


/*******************************************************************************************/
/*login.php*/
#loginPanel {
	float: left;
	width: 50%;
	/*margin: 30px 10px 0px 10px;*/
	/*font-size: 14px;*/
}
#loginPanel table {margin: 0 auto;}

.login-table::after {
	border-right: solid 2px #D9D9D9;
	position: absolute;
    content: '';
    height: calc(100% - 32px);
    top: 0;
	right: 0;
	margin-top: 16px;
}

#cancelLink {float: left; margin: 13px 0px 0px 20px; padding: 1px 10px; vertical-align: middle; cursor: pointer;
             background: url(../images/_new/button_gradient_grey_hover.png) 0 0 repeat-x;
             border-color: #999999; color: #212121; font-size: 16px; border-style: solid; border-width: 1px; border-radius: 4px;}

/*******************************************************************************************/
/*main.php*/
#titleBlock {margin-top: 0;}
#titleBlock .formPanel {padding: 5px;}
#titleBlock ol {margin: 2px 5px; padding: 2px 20px;}

#quarterlyBlock,
#interactiveBlock,
#savedReportBlock,
#downloadBlock {
	margin-bottom: 15px;
}

#quarterlyBlock,
#savedReportBlock {}

#interactiveBlock,
#downloadBlock {}

#quarterlyBlock .formPanel,
#interactiveBlock .formPanel,
#savedReportBlock .formPanel,
#downloadBlock .formPanel {
	padding: 5px;
}


/*******************************************************************************************/
/*notice.php*/
#notice {
	/*background: #EAEAEA;*/
	padding: 8px;
}

.noticeTable {
	border-collapse: collapse;
	border-spacing: 2px;
	border: 1px solid #666666;
	margin-bottom: 10px;
	width: 100%;
}

.noticeTable th {
	background-color: #CED6DE;
	font-size: 14px;
	vertical-align: bottom;
}

.noticeTable th, .noticeTable td {
	padding: 4px;
	border: 1px solid #666666;
	vertical-align: top;
}


/*******************************************************************************************/
/*reportMain - used for quarterly*/
#reportMain {margin-top: 0;}

#reportMain .userInfo {float: right; font-size: 16px; font-weight: bold; color: #FFFFFF; margin-right: 8px; padding-top: 4px;}

#reportMain .formPanel {margin-left: 0; padding: 5px 5px 2px 5px;}
#reportMain .formPanel label {font-weight: bold; margin: 0 10px 0 5px;}
#reportMain .formPanel select {display:block;}
#reportMain .formPanel select {margin-top: 5px; padding: 0;}

#reportMain .mainPanelQtrly {float: left; padding-bottom: 5px; width: 100%;}
#reportMain .mainPanelQtrly .basisQtrly {float: left;}
#reportMain .mainPanelQtrly .basisQtrly table {display: inline-table;}
#reportMain .mainPanelQtrly .displayFontQtrly {float: left; border-left: 1px solid #666666; vertical-align: text-top; padding-top: 8px;}
#reportMain .mainPanelQtrly #dataButtons {float: left; margin-left: 40px; padding-right: 10px; width: auto;}

#reportMain .submitPanel {float: right; border-left: 1px solid #666666; width: 125px; _width: 115px; text-align: center;}
#reportMain .submitPanel .helpButton {width: 47px; margin: 2px auto;}
#reportMain .submitPanel #submitReport {/*margin: 8px auto 2px;*/}

#reportMain .advancedLink {float: right; width: 125px; text-align: center;}
#reportMain .advancedLink a {margin: 0 auto;}


/*******************************************************************************************/
/*interactive - advanced page*/
#advancedLink {
	font-weight: bold;
	margin: 10px 12px 6px 15px;
}

#advancedLinkQuarterly {
	font-weight: bold;
	line-height: 23px;
}

#advancedLink span, #advancedLinkQuarterly span {
	color: #303030;
	cursor: pointer;
	float: right;
	font-size: 12px;
	padding: 3px 0 2px 0;
}

#savedReportName span {font-weight: bold;}
#savedReportName td {padding-left: 2px;}

#advancedControl {margin-top: 0;}

#advancedFilter,
#advancedRowAggregate,
#advancedColAggregate,
#advancedThreshold {
	background-color: #e4e4e4;
	margin: 2px 12px 10px 12px;
	border: 1px solid #9d9d9d;
}

#advancedFilter .formPanel,
#advancedRowAggregate .formPanel,
#advancedColAggregate .formPanel,
#advancedThreshold .formPanel {
	padding: 0;
}

#advancedFilter .controlBar,
#advancedRowAggregate .controlBar,
#advancedColAggregate .controlBar,
#advancedThreshold .controlBar {
	/*background-color: #eaeaea;*/
	padding: 10px;
}

#advancedFilter .controlBar select {
	display: inline;
}

#advancedFilter .selectPanel,
#advancedFilter .displayPanel,
#advancedRowAggregate .selectPanel,
#advancedRowAggregate .displayPanel,
#advancedColAggregate .selectPanel,
#advancedColAggregate .displayPanel {
	padding: 5px;
}

#advancedThreshold .controlBar {font-weight: bold;}

#advancedThreshold .thresholdPanel, #thresholdTab .thresholdPanel {
	float: left;
	margin: 3px 0;
	width: 50%;
}

#advancedThreshold .thresholdLeft {
	/*border-right: 1px solid #666666;*/
	float: left;
	padding: 12px 6px 12px 12px;
	width: 48%;
}

#advancedThreshold .thresholdRight {
	/*border-left: 1px solid #666666;*/
	float: right;
	padding: 12px 12px 12px 6px;
	width: 48%;
}

#advancedThreshold p, #thresholdTab p {
	margin: 0;
	padding: 5px 0;
}

#advancedThreshold a, .DynamicThresholdText a {
	text-decoration: underline;
}

#frmAdvancedFilter,
#frmAdvancedAgg1,
#frmAdvancedAgg2,
#frmAdvancedThreshold {
	float: right;
}

/*******************************************************************************************/
/*saved reports - savedReportEditPanel*/
#savedReportEditPanel #saveReport {float: right; width: 840px; margin: 2px 3px 0 0;}
#savedReportEditPanel #saveReport #ReportName {float: left;}

#savedReportEditPanel .formPanel {padding: 3px 6px;}
#savedReportEditPanel .formPanel label {font-weight: bold;}

#savedReportEditPanel .mainPanel .product,
#savedReportEditPanel .mainPanel .varName,
#savedReportEditPanel .mainPanel .sort,
#savedReportEditPanel .mainPanel .basis,
#savedReportEditPanel .mainPanel .displayOptions {
	float: left; margin-right: 15px; width: 350px;
}

#savedReportEditPanel .mainPanel .period {float: right;}
#savedReportEditPanel .mainPanel .displayOptions input {margin: 0 4px;}

#savedReportEditPanel .submitReport {float: right;}


/*******************************************************************************************/
/*saved reports - reportList*/
.reportList {margin: 0 5px;}

.reportList .mainList {
	border-collapse: collapse;
	border-spacing: 2px;
	font-size: 14px;
	margin-top: 5px;
	width: 100%;
}
.reportList .mainList td {

	vertical-align: top;
}
.reportList .mainList a {
	text-decoration: underline;
}

.reportList tr.hover:hover {background-color: #DADDE0;}
.reportList th, .reportList td {padding: 2px; text-align: left;}
.reportList th {
	background-color: #686969;
	color: #e9e9e9;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0 6px 27px;
}

.reportList .reportName {
	float: left;
	/*font-weight: bold;*/
	color: #214265;
	margin-top: 2px;
	/*width: 725px;*/
}

.reportList .reportName a,
.reportList .reportName a:visited {
	color: #003A69;
	white-space: pre;
}
.reportList .reportName img {margin: 0 4px;}
.reportList .detailInfo {margin: 0 2px 2px 25px;}

.reportList .mainPanel {
	float: left;
	width: 855px;
}

.reportList .mainPanel .product,
.reportList .mainPanel .varName {
	float: left; color: #4A5A6B; margin-right: 15px;
}

.reportList .mainPanel .varName {
	width: 400px;
}

.reportList .mainPanel .product label,
.reportList .mainPanel .varName label {
	color: #172C42;
}

.reportPaneShow {display: block;}
.reportPaneHide {display: none;}

/* resultGrid
**********************************************************************************************/
#resultGrid {
	margin-top: 5px;
	vertical-align: top;
}

#resultGrid .resultPanel {
	/*padding-left: 1px;*/
}

#resultGrid .resultPanel table {
	/*border-collapse: collapse;
	border-spacing: 2px;*/
	border-spacing: 0;
	border: 1px solid #666666;
	width: 100%;
}

#resultGrid .resultPanel table a {
	display: block;
	font-weight: normal;
}

#resultGrid .resultPanel th,
#resultGrid .resultPanel td {
	position: relative;
	padding: 3px 15px 3px 5px;
	min-width: 45px;
	text-align: right;
	vertical-align: bottom;
}

#resultGrid .resultPanel th {
	background-color: #CED6DE;
	font-size: 14px;
	padding-bottom: 5px;
}

#resultGrid .resultPanel th a {
	text-decoration: underline;
}

#resultGrid .resultPanel th a.sortedCol {
	font-weight: bold;
}

#resultGrid .resultPanel td {
	font-size: 14px;
}

#resultGrid .resultPanel td.percTitle {
	font-weight: bold;
	min-width: 135px;
}

#resultGrid .resultPanel #colHeader {
	padding-bottom: 4px;
	padding-right: 26px;
	margin-top: 6px;
	background: url(../images/arrow_table_right.gif) top right no-repeat;
}

#resultGrid .resultPanel #rowHeader {
	padding-bottom: 2px;
	padding-right: 26px;
	background: url(../images/arrow_table_down.gif) top right no-repeat;
}

#resultGrid .resultPanel a.colLink:link,
#resultGrid .resultPanel a.colLink:visited {
	color: #003A69;
}

#resultGrid .resultPanel a.rowLink:link,
#resultGrid .resultPanel a.rowLink:visited {
	color: #303030;
	font-weight: bold;
	text-decoration: underline;
	display: inline;
}

#resultGrid .resultPanel a.colLink:hover,
#resultGrid .resultPanel a.rowLink:hover {
	color: #507498;
}

.evenRow, .evenCol, .evenCount {
	background-color: #FFFFFF;
}

.oddRow, .oddCol, .oddCount {
	background-color: #EEF0F2;
}

.sortedRow, .sortedCol, .sortedCount {
	background-color: #CED6DE;
}

#resultGrid .resultPanel .sortedCount a {
	/*font-weight: bold;*/
}

#resultGrid .resultPanel .ctrlHover {
	background-color: #6A829B;
	color: #FFFFFF;
}

#resultGrid .resultPanel .ctrlHover a.rowLink{
	color: #FFFFFF;
}

#resultGrid .resultPanel .ctrlClick {
	background-color: #6A829B;
	color: #FFFFFF;
}

#resultGrid .resultPanel .ctrlClick a.rowLink{
	color: #FFFFFF;
}

#resultGridFooter {
	margin-top: 10px;
	padding-left: 10px;
}

#resultGridFooter p {
	margin-top: 5px;
}


/* downloadPackage
**********************************************************************************************/
.paneCSS, .paneCSSInv {
	/*float: left;*/
	margin-top: 0px;
	padding: 4px;
	display: block;
	page-break-after: always;
	/*text-align: center;*/
}

.paneCSSInv {
	display: none;
	overflow: hidden;
}

#downloadPanel .paneCSS, #downloadPanel .paneCSSInv {
	/*background: #eef0f2;*/
	/*border: 1px solid #9d9d9d;*/
}

#downloadPanel .paneCSS p,
#downloadPanel .paneCSSInv p {
	margin: 10px 0 5px 0;
}


/* adminPage
**********************************************************************************************/
#Select_SurveyID {
	display: inline;
	float: right;
	color: #FFFFFF;
}

#Select_SurveyID select {
	border: 1px solid #19497C;
	font-size: 15px;
	height: 22px;
	line-height: 17px;
	margin: 3px 3px 0 0;
	padding: 0;
}

#AggregateDivAggregate1,
#AggregateDivAggregate2 {
	float: left;
}

#adminAudits .formPanel {
	padding: 4px;
}


/* adminPage
**********************************************************************************************/
#helpContent {
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
}

#helpContent h2 {
	text-decoration: underline;
	font-weight: bold;
	margin-top: 16px;
}

#helpContent h3 {
	font-weight: bold;
	margin-bottom: 5px;
}

#helpContent ul {
	list-style: disc;
	padding-left: 40px;
	margin: 14px 0;
}

#helpContent p {
	margin: 12px 0;
}

.sigUp{
	color:#008000;
}

.sigDown{
	color:#FF0000;
}

/* ************************************** multi thread ******************************************* */
#multiThreadHeader, #multiThreadResults, #returnData {
	font-size: 12px;
	width: 900px;
	padding: 4px;
	margin: 0 auto;
}

.thread {
	float: left;
	border: 1px solid #666;
	width: 272px;
	height: 272px;
	overflow: auto;
	white-space: nowrap;
	padding: 10px;
	margin: 3px;
}

.threadTabs {
	height: 400px;
	overflow: auto;
	white-space: nowrap;
}

.PubTbl {background-color: #FFFFFF;}
.PubTbl caption { text-align: center; }
.PubTbl thead tr th {padding: 4px 14px 0px 14px; vertical-align: bottom; text-align: center; font-size: 12px; font-weight: bold;}
.PubTbl tfoot tr th {padding: 4px 4px 0px 4px; text-align: center; font-size: 14px; font-weight: normal; font-style: italic; border-top: 1px solid #EBEBEB;}
.PubTbl tbody tr td {padding: 3px 5px 3px 3px; border: 1px solid #EBEBEB;text-align: right;}
.PubTbl #sample {font-weight: bold; color: #000000; background-color: #FFFFCC}
.PubTbl #colpct {font-weight: normal; color: #333333; background-color: #FFFFE5;}
.PubTbl #rowpct {font-weight: normal; color: #333333; background-color: #FFFFE5;}


/*profile
****************************************************************************************************************************/
.rowHighlight {
	background-color: #eaeaea;
}
.rowSelected {
	background-color: #FF0000;
}
.noclick {
	background-color: #CCCCCC;
	font-weight: bold;
	cursor:
}






#customPriceBucketSlider {
	position: relative;
	float: left;
	padding: 20px;
	height: 80px;
	/*width: 500px;*/
	width: 800px;
}

#customPriceBucketSliderTopValue {
	display: none;
}

#customPriceBucketSliderBorder {
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	height: 80px;
	/*width: 500px;*/
	width: 800px;
}

.customPriceBucketSliderMarker {
	position: absolute;
	left: 21px;
	top: 11px;
	background-color: #FF0000;
	cursor: move;
	height: 105px;
	width: 3px;
	z-index: 500;
}

.customPriceBucketSliderMarkerLabel {
	position: absolute;
	/*left: -1px;*/
	left: -23px;
	top: 105px;
	/*width: 10px;*/
	line-height: 38px;
	height: 40px;
	width: 50px;
	text-align: center;
	background: url(../images/slider.png) 0 0 repeat-x;
}

.customPriceBucketSliderMarkerLabelTop {
	background-color: #F5F5F5;
	position: absolute;
	left: -25px;
	top: -16px;
	width: 50px;
	text-align: center;
}

.customPriceBucketSliderPct {
	position: absolute;
	bottom: 0pt;
	background-color: #888888;
	width: 3px;
}

#optionsBox #pricePctileControl label {
	font-weight: normal;
}




#shareSavedReportControl {
	display: none;
}

#shareSavedReportControl .detailInfo {}

#shareSavedReportControl .mainPanel .product,
#shareSavedReportControl .mainPanel .varName {
	float: left; color: #4A5A6B; margin-right: 15px;
}

#shareSavedReportControl .mainPanel .varName {
	width: 400px;
}

#shareSavedReportControl .mainPanel .product label,
#shareSavedReportControl .mainPanel .varName label {
	color: #172C42;
}