/* CSS Document */
/* main section */
body, html
{
	height: 100%;
	padding: 0;
	margin: 0;
}

body, td {
	color: #000000;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

table
{
	border-collapse: collapse;
}

BODY.Page
{
	vertical-align: top;
	width: 775px;
	text-align: center;
	margin: auto;
	padding: 0;
	border-width: 0;
}

.Chart
{
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	text-align: center;
}

/*****************/
/****PARAM BOX****/
/*****************/
TD.ParamBoxLeftCell
{
	text-align: right;
	font-weight: bold;
}

TD.ParamBoxRightCell
{
	text-align: left;
}

DIV.ParamPageBox
{
	width: 75%;
	margin: auto;
}

A:link, A:visited
{
	color: #0E4CA1;
	text-decoration: none;
	font-weight: bold;
	
}

A:hover, A:active
{
	color: #0E4CA1;
	text-decoration: underline;
	font-weight: bold;
}

DIV.HSpace
{
	height: 10px;
}

DIV.VSpace, TD.VSpace
{
	width: 10px;
}

/* Top Navigation Classes */
DIV.TopNav
{
	margin: auto;
	padding: 0;
	border-width: 0;
}

TABLE.TopNav
{
	width: 100%;
	margin: auto;
	padding: 0;
	border-width: 0;
	clear: both;
	float: left;
}

TABLE.TopNavTopTable
{
}

TR.TopNavTopBar, TD.TopNavTopBar
{
	background-color: #FFFFFF;
	display: none;
}

TD.Topheader
{
	background-image: url(includes.aspx?cp_survey_comp_text2_01.gif);
	background-repeat: no-repeat;
	background-color: white;
	width: 100%;
	height: 130px;
}

TD.TopNavLeftCell
{
	background-image: url(includes.aspx?conocoPhillips_layout3_01.jpg);
	background-repeat: no-repeat;
	background-color: white;
	width: 401px;
	height: 172px;
	text-align: left;
}

TD.TopNavCenterCell
{
	background-image: url(includes.aspx?conocoPhillips_layout3_02.jpg);
	background-repeat: no-repeat;
	background-color: white;
	width: 200px;
	height: 172px;
	text-align: left;
}

TD.TopNavRightCell
{
	background-image: url(includes.aspx?conocoPhillips_layout3_03.jpg);
	background-repeat: no-repeat;
	background-color: white;
	height: 172px;
	vertical-align: text-top;
}

.TopRightText 
{
	font-family: Geneva, Arial, Helvetica;
	font-size: 16pt;
	font-weight: bold;
	color: White;
}

A:link.TopNavButton, A:visited.TopNavButton
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

A:hover.TopNavButton, A:active.TopNavButton
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.TopNavButton 
{
	text-align: center;
}

TD.TopNavButton
{
	padding: 4px 4px 4px 4px;
	margin: 0px 2px 0px 2px;
}

A.TopNavButtonSelected:link, A.TopNavButtonSelected:visited
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

A.TopNavButtonSelected:hover, A.TopNavButtonSelected:active
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

TD.TopNavButtonSelected
{
	text-align: center;
	padding: 0px 4px 0px 4px;
	margin: 2px 2px 2px 2px;
}

TABLE.TopNavButtonBar
{
	padding: 2px 2px 2px 2px;
	background-color: #585858;
	width: 100%;
	border-collapse: separate;
}

TR.TopNavButtonBar
{
	height: 100%;
	width: 100%;
}

TD.TopNavPipe 
{
   	width: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding: 1px 0px 1px 0px;
	vertical-align: top;
	background-color: #585858;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

A.TopNavText:link, A.TopNavText:visited
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	vertical-align: text-top;
	padding-right: 4px; 
}

A.TopNavText:hover, A.TopNavText:active
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: text-top;
	padding-right: 4px;
}

.TopNavBottomBar
{
	background-color: #000000;
	text-align: right;
	vertical-align: middle;
	padding-right: 4px;
	padding-top: 2px;
	height: 5px;
}

/* Content Cell */
TABLE.Content
{
	clear: none;
	margin: 0;
	padding: 0;
	border-right: solid 1px #efefef;
	border-left: solid 1px #efefef;
	float: left;
	width: 100%;
}

TR.ContentCell, TD.ContentCell
{
	vertical-align: top;
	text-align: center;
	margin: auto;
	height: 470px;
	background-color: #ffffff;
}

TD.ContentCellTop
{
	height: 10px;
	margin: auto;
	text-align: center;
}

TD.ContentCellBottom
{
	height: 10px;
	margin: auto;
	text-align: center;
}

TD.ContentCellLeft
{
	padding-left: 8px;
	height: 100%;
	background-image: url(includes.aspx?ContentCellLeft.jpg);
	background-repeat: repeat-y;
}

TD.ContentCellRight
{
	padding-right: 8px;
	height: 100%;
}

/* Left Navigation Bar */
.LeftNavText {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
}

DIV.LeftNavHeader {
	width: 129px;
	border-width: 0px;
	background-color: #666666;
	padding: 5px 5px 5px 5px;
}

SPAN.LeftNavHeader {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

TD.LeftNav
{
	border-left: 0px #FED078 solid;
	vertical-align: top;
	text-align: left;
	width: 129px;
	height: 100%;
	border-right: solid 1px #efefef;
	background-color: #ffffff;
}

DIV.LeftNavImage
{
	background:url(includes.aspx?conocoPhillips_layout3_05.jpg);
	width: 139px;
	height: 204px;
	background-color: #FFFFFF;
}

DIV.LeftNavParameters
{
	width: 129px;
	height: 100%;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

DIV.SnCLogo
{
	width: 129px;
	height: 61px;
	vertical-align: baseline;
	background-image: url(../images/snclogo.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

DIV.BottomNav
{
	 clear: both;
}


 /* DataGrid */
.DataHeaderText, .DataHeaderTextNoBorder
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	border-collapse: collapse;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.DataHeaderText 
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

TR.DataHeader2
{
	BACKGROUND-COLOR: #777777;
}

.DataHeader2Text
{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

.DataFooterText, .DataFooterTextNoBorder
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	background-color: #C5CCD6;
	border-top: solid 1px #CCCCCC;
	padding: 2px 2px 2px 2px;
}
.DataFooterText 
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.DataText, .DataTextNoBorder, .DataTextScores
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
}

.DataTextScores 
{
	text-align: right;
}

.DataText
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.DataRow,.DataRowAlt
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
}

.DataRowAlt 
{
	background-color: #EFEFEF;
}

/**********/
 /* Bubble */
/**********/
TABLE.Bubble
{
	background-color: #585858;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 0px black;
	width: 100%;
	margin: auto;
}

TD.BubbleLeftCorner
{
	vertical-align: top;
	background-image: url(includes.aspx?left_coner.gif);
	background-repeat: no-repeat;
	width: 18px;
	margin: auto;
}

TD.BubbleRightCorner
{	
	vertical-align: top;
	background-image: url(includes.aspx?right_coner.gif);
	background-position: right top;
	background-repeat: no-repeat;
	width: 18px;
	margin: auto;
}

TD.BubbleCenterCell
{
	padding: 3px 3px 3px 3px;

	text-align: left;
}

.BubbleText
{
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

TABLE.BubbleBorder
{
	border: solid 1px #999999;
	width: 100%;
	margin: auto;
	padding: 5px 5px 5px 5px;
}

/* QxQ */
DIV.Popup
{
	background-color: #FFFFFF;
	border: solid 2px #000000;
	background-image: url(includes.aspx?cp_popup_bckgrnd.jpg);
	background-repeat: repeat-x;
	text-align: left;
	font-weight: bold;
}

A:link.PopUpBox, A:hover.PopUpBox, A:active.PopUpBox, A:visited.PopUpBox
{
	text-decoration: none;
}

IMG.PopupIcon
{
	background-image: url(includes.aspx?icon_arrowdown.gif);
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	padding-right: 3px;
	margin-right: 2px;
	border-top-width: 0;
	border-left-width: 0;
	border-bottom-width: 0;
	border-right: solid 1px #999999;
	vertical-align: bottom;
}
IMG.PopupCloseIcon
{
	background-image: url(includes.aspx?icon_close.gif);
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	border-width: 0;
}
TD.QxQSort
{
	vertical-align: top;
}
IMG.QxQGraphIcon
{
	background-image: url(includes.aspx?icon_graph.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	border-width: 0;
}
IMG.QxQBackToReportIcon
{
	background-image: url(includes.aspx?icon_report.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	border-width: 0;
}
IMG.QxQSortIcon
{
	background-image: url(includes.aspx?icon_sort.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	border-width: 0;
}
IMG.QxQSortAscIcon
{
	background-image: url(includes.aspx?icon_asc.gif);
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	border-width: 0;
	margin: 0px 2px 0px 2px;
	vertical-align: bottom;
}
IMG.QxQSortDescIcon
{
	background-image: url(includes.aspx?icon_desc.gif);
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	border-width: 0;
	margin: 0px 2px 0px 2px;
	vertical-align: bottom;
}
TABLE.QxQ
{
	BORDER-RIGHT: #DCD8C0 2px solid;
	BORDER-TOP: #DCD8C0 2px solid;
	BORDER-BOTTOM: #DCD8C0 2px solid;
	border-left: #DCD8C0 2px solid;
	background-color: black;
}
TD.QxQSection, TR.QxQSection
{
	 background-color: #AAAAAA;
	 font-size: 14px;
	 font-weight: bold;
	 padding: 2px 2px 2px 2px;
}
TD.QxQQuestion, TR.QxQQuestion, .qxqques
{
	 background-color: #DDDDDD;
	 border-left: solid 1px black;
	 border-right: solid 1px black;
	 border-top: solid 1px black;
	 font-weight: bold;
}

TD.QxQAfterQuestion, TR.QxQAfterQuestion
{
	height: 1px;
	font-size: 1px;
	background-color: Black;
	border-bottom: solid 1px black;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

TR.QxQDropDownLabel
{
	background-color: #AAAAAA;
}
TD.QxQDropDownLabel
{
	border-top: solid 1px black;
}

TD.QxQAnswer, TD.QxQAnswerShopCount
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	border-right: solid 1px black;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

TD.QxQAnswer
{
	border-left: solid 1px black;
}

.QxQColumn
{
}

.QxQColumnAlt
{
}

/***************************
 *User Administration Pages*
 ***************************/
TABLE.UserSiteFilters
{
	MARGIN: auto;
	TEXT-ALIGN: left;
	height: 100%;
	border-collapse: separate;
}
/*Site Filter*/
TR.SiteFilter
{
}

TD.SiteFilterCell, TD.SiteFilterCellSelected
{
	background-color: #EEEEEE;
	text-align: left;
	font-weight: bold;
}

TD.SiteFilterCell
{
	border-left: solid 1px #EEEEEE;
	border-top: solid 1px #EEEEEE;
	border-bottom: dashed 1px gray;
}

TD.SiteFilterCellSelected
{
	border-left: solid 1px gray;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
}

TD.SiteFilterButton, TD.SiteFilterButtonSelected
{
	background-color: #EEEEEE;
	text-align: left;
	border-right: solid 1px #EEEEEE;
}

TD.SiteFilterButton
{
	border-top: solid 1px #EEEEEE;
	border-bottom: dashed 1px gray;
}

TD.SiteFilterButtonSelected
{
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
}

TD.SiteFilterSpacer, TD.SiteFilterSpacerSelected
{
	padding-left: 5px;
	padding-right: 5px;
}

TD.SiteFilterSpacer
{
}

TD.SiteFilterSpacerSelected
{
	background-color: #EEEEEE;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
}

DIV.SiteFilterDetail
{
	padding: 4px 6px 4px 6px;
	border-bottom: solid 1px gray;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	background-color: #EEEEEE;
}

DIV.SiteFilterRight
{
	border-top: solid 1px gray;
	border-right: solid 1px gray;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 1px;
	background-color: #EEEEEE;
}

TD.SiteFilterRight
{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	vertical-align: top;
}

/*Site Filter View*/
TR.SiteFilterView
{
}

TD.SiteFilterViewCell, TD.SiteFilterViewCellSelected
{
	text-align: left;
	margin-left: 0;
	padding-left: 20px;
}

TD.SiteFilterViewCell
{
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}

TD.SiteFilterViewCellSelected
{
	border-left: solid 1px gray;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	border-right: solid 1px #f7f7f7;
	background-color: #f7f7f7;
}

TD.SiteFilterViewButton, TD.SiteFilterViewButtonSelected
{
	text-align: left;
}

TD.SiteFilterViewButton
{
	border-top: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}

TD.SiteFilterViewButtonSelected
{
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	background-color: #f7f7f7;
}

TD.SiteFilterViewSpacer, TD.SiteFilterViewSpacerSelected
{
	padding-left: 5px;
	padding-right: 5px;
}

TD.SiteFilterViewSpacer
{
}

TD.SiteFilterViewSpacerSelected
{
	background-color: #f7f7f7;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
}

DIV.SiteFilterViewDetail
{
	padding: 4px 6px 4px 6px;
	border-bottom: solid 1px gray;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	background-color: #f7f7f7;
}

DIV.SiteFilterViewRight
{
	border-top: solid 1px gray;
	border-right: solid 1px gray;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 1px;
	background-color: #f7f7f7;
}

TD.SiteFilterViewRight
{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	vertical-align: top;
}

.SubHeadingText
{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

A.BottomNavText:visited, A.BottomNavText:active, A.BottomNavText:hover, A.BottomNavText:link, .CP_BottomNavText
{
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #0E4CA1;
	font-weight: bold;
	text-decoration: underline; 
}

.FooterText {
	font-size: 7pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
}

DIV.BottomNav
{
	margin: auto;
	padding: 0;
	border-width: 0;
}

.FooterCellLeft
{
	display: none;
}

.FooterCellCenter 
{
	background-image: url(includes.aspx?);
	background-repeat:repeat-x;
	height: 80px;
	width: 100%;
 	text-align: right;
	padding: 4px 4px 4px 4px;
}

.FooterCellRight
{
	display: none;
}
/*******************
***Calendar Popup***
*******************/
.CP_DayHeaderStyle
{
	background-color: #CCCCCC;
	color: #000000;
	font-weight: bold; 
}

A.CP_GoToTodayStyle:visited, A.CP_GoToTodayStyle:active, A.CP_GoToTodayStyle:hover, A.CP_GoToTodayStyle:link, .CP_GoToTodayStyle
{
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold; 
}

A.CP_MonthHeaderStyle:visited, A.CP_MonthHeaderStyle:active, A.CP_MonthHeaderStyle:hover, A.CP_MonthHeaderStyle:link, .CP_MonthHeaderStyle
{
	background-color: #000066;
	color: #FFFFFF;
	font-weight: bold; 
}

A.CP_OffMonthStyle:visited, A.CP_OffMonthStyle:active, A.CP_OffMonthStyle:hover, A.CP_OffMonthStyle:link, .CP_OffMonthStyle
{
	background-color: Gray;
	color: #FFFFFF;
	font-weight: bold;
}

A.CP_SelectedDateStyle:visited, A.CP_SelectedDateStyle:active, A.CP_SelectedDateStyle:hover, A.CP_SelectedDateStyle:link, .CP_SelectedDateStyle
{
	background-color: #C6110C;
	color: #FFFFFF;
	font-weight: bold;
}

.CP_TextboxLabelStyle
{
}

A.CP_TodayDayStyle:visited, A.CP_TodayDayStyle:active, A.CP_TodayDayStyle:hover, A.CP_TodayDayStyle:link, .CP_TodayDayStyle
{
	background-color: #6699CC;
}

A.CP_WeekdayStyle:visited, A.CP_WeekdayStyle:active, A.CP_WeekdayStyle:hover, A.CP_WeekdayStyle:link, .CP_WeekdayStyle
{
	background-color: #EFEFEF;
	color: #000000;
}

A.CP_WeekendStyle:visited, A.CP_WeekendStyle:active, A.CP_WeekendStyle:hover, A.CP_WeekendStyle:link, .CP_WeekendStyle
{
	background-color: #FFFFFF;
	color: #000000;
}

.cptitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.cpsubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0000AF;
}
.cpquestion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
.cptopic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.cpitalic {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}
TD.TopEvalTop
{
	background-image: url(includes.aspx?conocoPhillips_popup_01.jpg);
	background-repeat: no-repeat;
	background-color: white;
	width: 600px;
	height: 75px;
	text-align: left;
}
TD.TopEvalFooter
{
	background-image: url(includes.aspx?conocoPhillips_popup_04.jpg);
	background-repeat: no-repeat;
	background-color: white;
	width: 600px;
	height: 33px;
	font-size: 7pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
}
.nowrap {
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
.titletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #C80901;
}
.importantnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.subtitletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #010066;
}
.formtextbefore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.exampletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #000000;
}
.graytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #585858;
}
.instructiontext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.bottominstructiontext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.attentionredtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C80901;
}
.rederror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C80901;
}